/* Heroes Race / Shoptet template 12. Load after the native theme.
   Native layout, icon pseudo-elements, state colors and commerce behavior remain native. */
@font-face {
  font-family: 'HR Shop Lexend';
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url('https://www.heroesrace.cz/assets/fonts/lexend-latin.woff2')
    format('woff2');
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'HR Shop Lexend';
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url('https://www.heroesrace.cz/assets/fonts/lexend-latin-ext.woff2')
    format('woff2');
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
    U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'HR Shop Space Grotesk';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('https://www.heroesrace.cz/assets/fonts/space-grotesk-latin.woff2')
    format('woff2');
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'HR Shop Space Grotesk';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('https://www.heroesrace.cz/assets/fonts/space-grotesk-latin-ext.woff2')
    format('woff2');
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
    U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  --hr-shop-bg: #111111;
  --hr-shop-soft: #1b1b1b;
  --hr-shop-black: #070707;
  --hr-shop-text: #f4f1ea;
  --hr-shop-muted: #b3ab9d;
  --hr-shop-yellow: #ffc600;
  --hr-shop-line: rgba(255, 255, 255, 0.12);
  --hr-shop-body: 'HR Shop Lexend', Arial, sans-serif;
  --hr-shop-display: 'HR Shop Space Grotesk', Arial, sans-serif;
}
body.template-12 {
  background: var(--hr-shop-bg);
  color: var(--hr-shop-text);
  font-family: var(--hr-shop-body);
  font-size: 15px;
  line-height: 1.65;
}
.template-12 :is(h1, h2, h3, h4, .h1, .h2, .h3, .h4) {
  color: var(--hr-shop-text);
  font-family: var(--hr-shop-display);
  font-weight: 700;
  letter-spacing: -0.035em;
  line-height: 1.12;
}
.template-12 :is(h1, h2, .h1, .h2) {
  text-transform: uppercase;
}
.template-12 a {
  color: var(--hr-shop-text);
}
.template-12 a:hover {
  color: var(--hr-shop-yellow);
}
.template-12 :is(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 3px solid var(--hr-shop-yellow);
  outline-offset: 4px;
}
.template-12
  :is(
    #content-wrapper,
    .content-wrapper-in,
    #content,
    .index-content-wrapper,
    .homepage-texts-wrapper,
    .welcome-wrapper
  ) {
  background-color: var(--hr-shop-bg);
  color: var(--hr-shop-text);
}
.template-12 #content-wrapper.container {
  max-width: 1228px;
}
.template-12 #header {
  background: var(--hr-shop-black);
  border-bottom: 3px solid var(--hr-shop-yellow);
}
.template-12 #header .site-name img {
  max-width: 182px;
  max-height: 66px;
  object-fit: contain;
}
.template-12
  :is(
    #navigation,
    .navigation-in,
    .navigationActions,
    .menu-level-2,
    .menu-helper,
    .navigation-buttons
  ) {
  background-color: var(--hr-shop-black);
  color: var(--hr-shop-text);
  border-color: var(--hr-shop-line);
}
.template-12
  :is(
    #navigation a,
    .menu-helper,
    .navigation-buttons a,
    .navigation-buttons button
  ) {
  color: var(--hr-shop-text);
  border-color: var(--hr-shop-line);
}
.template-12 #navigation :is(a, .menu-helper) {
  font-family: var(--hr-shop-display);
  font-weight: 700;
  text-transform: uppercase;
  font-size: 14px;
}
.template-12 #navigation a:is(:hover, .active),
.template-12 .navigation-buttons :is(a, button):hover {
  color: var(--hr-shop-yellow);
  background-color: var(--hr-shop-soft);
}
.template-12 .navigation-buttons :is(a, button) {
  min-height: 44px;
  min-width: 44px;
}
.template-12 :is(.navigation-close, .toggle-window-arr) {
  color: var(--hr-shop-text);
}
.template-12 :is(.navigation-close, .toggle-window-arr)::before {
  color: inherit;
}
/* Shoptet's asynchronously loaded Colorbox consent settings use separate surfaces. */
.template-12 :is(#cboxContent, #cboxLoadedContent .colorbox-html-content) {
  background: var(--hr-shop-soft);
  color: var(--hr-shop-text);
}
body.template-12 #colorbox #cboxClose {
  color: var(--hr-shop-text);
  /* Native Shoptet sets this close-button background with !important. */
  background: var(--hr-shop-soft) !important;
  min-width: 44px;
  min-height: 44px;
}
body.template-12 #colorbox #cboxClose::before {
  color: var(--hr-shop-text);
}
body.template-12 .cookiesSetting__form :is(.cookiesSetting__perex, .cookiesSetting__item__name, .cookiesSetting__item__text, strong) {
  color: var(--hr-shop-text);
}
.template-12 .cookiesSetting__form {
  color: var(--hr-shop-text);
  background: var(--hr-shop-soft);
  font-family: var(--hr-shop-body);
}
.template-12 .cookiesSetting__data {
  background: var(--hr-shop-bg);
  color: var(--hr-shop-text);
  border-color: var(--hr-shop-line);
  border-radius: 2px;
}
.template-12 .cookiesSetting__item {
  border-color: var(--hr-shop-line);
}
.template-12 :is(.cookiesSetting__item__state, .cookiesSetting__item__status) {
  color: var(--hr-shop-text);
  background: var(--hr-shop-bg);
  border-color: var(--hr-shop-line);
  border-radius: 2px;
}
.template-12 :is(.cookiesSetting__button, .cookiesSetting__uncheckLink) {
  min-height: 44px;
  padding: 12px 16px;
  color: var(--hr-shop-text);
  background: transparent;
  border: 1px solid var(--hr-shop-text);
  border-radius: 2px;
  font: 700 14px/1.4 var(--hr-shop-display);
}
.template-12 .cookiesSetting__button--green {
  background: var(--hr-shop-yellow);
  border-color: var(--hr-shop-yellow);
  color: #070707;
}
.template-12
  :is(
    .content-window,
    .content-window-in,
    .dialog__wrapper,
    .dialog__content,
    .dialog__header,
    .dialog__body,
    .user-action,
    .search-whisperer
  ) {
  background-color: var(--hr-shop-soft);
  color: var(--hr-shop-text);
  border-color: var(--hr-shop-line);
}
.template-12 .breadcrumbs {
  color: var(--hr-shop-muted);
  padding-top: 20px;
  padding-bottom: 24px;
}
.template-12 .breadcrumbs a {
  color: var(--hr-shop-muted);
}
.template-12
  :is(
    .sidebar .box,
    .category-header,
    .listSorting,
    .listSorting__control,
    .p-detail-tabs-wrapper,
    .shp-tabs-holder,
    .shp-tabs,
    .tab-content,
    .p-basic-info-block,
    .p-to-cart-block,
    .p-param-block
  ) {
  background-color: var(--hr-shop-bg);
  color: var(--hr-shop-text);
  border-color: var(--hr-shop-line);
}
.template-12 .sidebar .box {
  border-bottom: 1px solid var(--hr-shop-line);
}
.template-12 .sidebar :is(h4, .h4, .box-title) {
  font-family: var(--hr-shop-display);
  text-transform: uppercase;
}
.template-12 .sidebar .topic.active > a {
  color: var(--hr-shop-yellow);
}
.template-12 :is(.category-title, .p-detail-inner-header h1) {
  font-size: clamp(30px, 3.2vw, 46px);
  margin-bottom: 20px;
}
.template-12 .category-perex {
  color: var(--hr-shop-muted);
  max-width: 78ch;
  line-height: 1.7;
  margin-bottom: 24px;
}
.template-12 .listSorting__control {
  min-height: 44px;
  font-family: var(--hr-shop-display);
}
.template-12 .listSorting__control--current {
  color: var(--hr-shop-yellow);
  border-bottom-color: var(--hr-shop-yellow);
}
.template-12 .products-block .product {
  padding: 12px;
}
.template-12 .products-block .p {
  background: var(--hr-shop-soft);
  border: 1px solid var(--hr-shop-line);
  border-radius: 2px;
  color: var(--hr-shop-text);
  height: 100%;
}
.template-12 .products-block .p > a.image {
  background: var(--hr-shop-bg);
}
.template-12 .products-block .p .p-in {
  padding: 20px 16px;
}
.template-12 .products-block .p .name {
  height: auto;
  min-height: 3.9em;
  overflow: visible;
  font-family: var(--hr-shop-display);
  font-size: 19px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--hr-shop-text);
}
.template-12 .products-block .p .name:hover {
  color: var(--hr-shop-yellow);
}
.template-12 :is(.prices, .price-final, .p-final-price-wrapper) {
  color: var(--hr-shop-text);
}
.template-12 .price-final {
  font-family: var(--hr-shop-display);
  font-size: 22px;
  font-weight: 700;
}
.template-12
  :is(.p-code, .p-short-description, .p-desc, .detail-parameters-wrapper) {
  color: var(--hr-shop-muted);
}
.template-12 :is(.btn, .siteCookies__button, .siteCookies__link) {
  font-family: var(--hr-shop-display);
  font-weight: 700;
  border-radius: 2px;
  min-height: 44px;
}
.template-12 :is(.btn-primary, .btn-conversion, .btn-cart) {
  background: var(--hr-shop-yellow);
  border-color: var(--hr-shop-yellow);
  color: #070707;
  text-transform: uppercase;
}
.template-12 :is(.btn-primary, .btn-conversion, .btn-cart):hover {
  background: #ffcf2f;
  border-color: #ffcf2f;
  color: #070707;
}
.template-12 .btn-default {
  color: var(--hr-shop-text);
  background: var(--hr-shop-soft);
  border-color: var(--hr-shop-line);
}
.template-12 :is(.form-control, select, textarea, .quantity input) {
  background-color: var(--hr-shop-soft);
  border-color: rgba(255, 255, 255, 0.3);
  border-radius: 2px;
  color: var(--hr-shop-text);
  font-family: var(--hr-shop-body);
  min-height: 44px;
}
.template-12 :is(.form-control, textarea)::placeholder {
  color: var(--hr-shop-muted);
  opacity: 1;
}
.template-12 .quantity :is(.increase, .decrease) {
  background-color: var(--hr-shop-soft);
  color: var(--hr-shop-text);
  border-color: var(--hr-shop-line);
}
.template-12 .quantity {
  border-color: var(--hr-shop-line);
}
.template-12 .p-image {
  background: var(--hr-shop-bg);
  border-radius: 2px;
}
.template-12 .p-detail-inner-header {
  margin-bottom: 24px;
}
.template-12 .p-short-description {
  line-height: 1.75;
}
.template-12 .shp-tabs li a {
  font-family: var(--hr-shop-display);
  font-weight: 700;
  color: var(--hr-shop-text);
  background: var(--hr-shop-bg);
  border-color: var(--hr-shop-line);
}
.template-12 .shp-tabs li.active a {
  color: var(--hr-shop-yellow);
  border-bottom-color: var(--hr-shop-yellow);
}
.template-12 .basic-description {
  color: var(--hr-shop-text);
  line-height: 1.75;
}
.template-12 :is(#footer, .footer-rows, .footer-bottom, .custom-footer) {
  background: var(--hr-shop-black);
  color: var(--hr-shop-muted);
  border-color: var(--hr-shop-line);
}
.template-12 #footer {
  border-top: 1px solid var(--hr-shop-line);
}
.template-12 #footer .footer-rows {
  padding-top: 36px;
  padding-bottom: 24px;
}
.template-12 #footer :is(h4, .h4) {
  color: var(--hr-shop-text);
  font-size: 22px;
  text-transform: uppercase;
}
.template-12 #footer a {
  color: var(--hr-shop-muted);
}
.template-12 #footer a:hover {
  color: var(--hr-shop-yellow);
}
.template-12 .siteCookies {
  background: var(--hr-shop-soft);
  color: var(--hr-shop-text);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 2px;
  box-shadow: 8px 8px 0 rgba(0, 0, 0, 0.65);
}
.template-12 .siteCookies__text {
  color: var(--hr-shop-text);
  font-family: var(--hr-shop-body);
  font-size: 14px;
  line-height: 1.55;
}
.template-12 .siteCookies :is(a, .siteCookies__link) {
  color: var(--hr-shop-text);
}
.template-12 .siteCookies__button {
  color: #070707;
  background: var(--hr-shop-yellow);
  border: 1px solid var(--hr-shop-yellow);
}
.template-12 .siteCookies__button[value='reject'] {
  background: transparent;
  color: var(--hr-shop-text);
  border-color: var(--hr-shop-text);
}
.template-12 .siteCookies__link {
  background: transparent;
  border-color: var(--hr-shop-text);
}
/* Keep ordering layout, validation colors, payment logos and native control semantics. */
.template-12.ordering-process
  :is(
    .cart-inner,
    .cart-content,
    .cart-wrapper,
    .content-inner,
    .cart-row,
    .box-bg-default
  ) {
  background-color: var(--hr-shop-bg);
  color: var(--hr-shop-text);
  border-color: var(--hr-shop-line);
}
.template-12.ordering-process .cart-heading {
  font-size: clamp(28px, 4vw, 46px);
}
/* Only the redundant visible welcome label; the existing sr-only h1 is retained. */
.template-12.in-index .welcome > .h1[data-testid='eshopHeader'] {
  display: none;
}
.template-12.in-index .welcome {
  padding: 0;
}
.template-12.in-index .welcome-wrapper {
  margin: 0;
}
.template-12.in-index .welcome .hr-shop-story {
  max-width: none;
}
.hr-shop-hero,
.hr-shop-story {
  box-sizing: border-box;
  font-family: var(--hr-shop-body);
  color: var(--hr-shop-text);
}
.hr-shop-hero *,
.hr-shop-story * {
  box-sizing: border-box;
}
.hr-shop-hero {
  background:
    linear-gradient(
      90deg,
      rgba(7, 7, 7, 0.94),
      rgba(7, 7, 7, 0.73) 44%,
      rgba(7, 7, 7, 0.18)
    ),
    var(--hr-shop-photo) center 46% / cover no-repeat,
    var(--hr-shop-black);
  border-bottom: 1px solid var(--hr-shop-line);
  text-align: left;
}
.hr-shop-hero__inner {
  width: min(calc(100% - 48px), 1180px);
  margin: 0 auto;
  padding: 44px 0 36px;
  min-height: 490px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.hr-shop-hero__eyebrow {
  margin: 0 0 20px;
  padding: 6px 12px;
  background: var(--hr-shop-yellow);
  color: #070707;
  font: 700 12px/1.4 var(--hr-shop-display);
  letter-spacing: 0.055em;
  text-transform: uppercase;
  transform: skewX(-14deg);
}
.template-12 .hr-shop-hero__title {
  max-width: 820px;
  margin: 0 0 20px;
  font: 700 clamp(44px, 4.8vw, 68px)/0.98 var(--hr-shop-display);
  letter-spacing: -0.045em;
  text-transform: uppercase;
  color: var(--hr-shop-text);
}
.hr-shop-hero__title span {
  color: var(--hr-shop-yellow);
}
.hr-shop-hero__lead {
  max-width: 55ch;
  margin: 0 0 24px;
  color: var(--hr-shop-text);
  font-size: 16px;
  line-height: 1.65;
}
.hr-shop-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin: 0 7px 22px;
}
.template-12 .hr-shop-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 13px 23px;
  border: 1px solid var(--hr-shop-yellow);
  border-radius: 2px;
  background: var(--hr-shop-yellow);
  color: #070707;
  font: 700 15px/1.4 var(--hr-shop-display);
  text-transform: uppercase;
  text-decoration: none;
  transform: skewX(-14deg);
  box-shadow: 6px 6px 0 #000;
}
.hr-shop-button > span {
  transform: skewX(14deg);
}
.template-12 .hr-shop-button:hover {
  background: #ffcf2f;
  color: #070707;
}
.template-12 .hr-shop-button--secondary {
  background: rgba(7, 7, 7, 0.6);
  border-color: rgba(255, 255, 255, 0.65);
  color: var(--hr-shop-text);
  box-shadow: none;
}
.template-12 .hr-shop-button--secondary:hover {
  background: var(--hr-shop-soft);
  color: var(--hr-shop-yellow);
}
.hr-shop-hero__meta {
  margin: 0;
  color: var(--hr-shop-muted);
  font-size: 13px;
}
.hr-shop-story {
  width: min(calc(100% - 48px), 1180px);
  margin: 0 auto;
  padding: 48px 0 40px;
  text-align: left;
}
.hr-shop-story__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}
.hr-shop-story__panel {
  border-top: 2px solid var(--hr-shop-yellow);
  padding: 24px 0 20px;
  min-width: 0;
}
.hr-shop-story__label {
  color: var(--hr-shop-yellow);
  font: 700 12px/1.5 var(--hr-shop-display);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.template-12 .hr-shop-story__title {
  margin: 12px 0 16px;
  font: 700 clamp(28px, 3vw, 42px)/1.05 var(--hr-shop-display);
  text-transform: uppercase;
  letter-spacing: -0.04em;
}
.hr-shop-story__text {
  max-width: 52ch;
  margin: 0 0 20px;
  color: var(--hr-shop-muted);
  font-size: 15px;
  line-height: 1.75;
}
.template-12 .hr-shop-story__link {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: var(--hr-shop-yellow);
  font-family: var(--hr-shop-display);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 5px;
}
.hr-shop-story__race {
  border-top: 1px solid var(--hr-shop-line);
  margin-top: 20px;
  padding-top: 24px;
  color: var(--hr-shop-muted);
  font-size: 14px;
}
.hr-shop-story__race p {
  margin: 0 0 8px;
}
.hr-shop-story__race strong {
  color: var(--hr-shop-text);
}
@media (max-width: 767px) {
  .template-12 #header .site-name img {
    max-width: 142px;
    max-height: 52px;
  }
  .template-12
    :is(
      #navigation,
      .navigation-in,
      .menu-level-1,
      .menu-level-2,
      .navigationActions
    ) {
    background-color: var(--hr-shop-black);
  }
  .template-12 #navigation a {
    min-height: 44px;
  }
  .template-12 .products-block .product {
    padding: 6px;
  }
  .template-12 .products-block .p .p-in {
    padding: 16px 12px;
  }
  .template-12 .products-block .p .name {
    font-size: 17px;
  }
  .template-12 .products-block .p .btn {
    padding-right: 12px;
    padding-left: 12px;
  }
  .hr-shop-hero {
    background-position:
      center,
      60% center;
    background-image:
      linear-gradient(90deg, rgba(7, 7, 7, 0.91), rgba(7, 7, 7, 0.69)),
      var(--hr-shop-photo);
  }
  .hr-shop-hero__inner {
    width: calc(100% - 36px);
    min-height: 440px;
    padding: 30px 0;
  }
  .hr-shop-hero__eyebrow {
    margin-bottom: 18px;
    font-size: 10px;
  }
  .template-12 .hr-shop-hero__title {
    font-size: clamp(34px, 8.8vw, 54px);
    margin-bottom: 16px;
  }
  .hr-shop-hero__lead {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 20px;
  }
  .hr-shop-hero__actions {
    gap: 12px;
    margin-bottom: 20px;
  }
  .template-12 .hr-shop-button {
    min-height: 48px;
    padding: 12px 16px;
    font-size: 13px;
  }
  .hr-shop-hero__meta {
    font-size: 12px;
  }
  .hr-shop-story {
    width: calc(100% - 36px);
    padding: 32px 0;
  }
  .hr-shop-story__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .hr-shop-story__panel {
    padding-top: 20px;
    padding-bottom: 8px;
  }
  .template-12 .siteCookies {
    max-width: calc(100% - 24px);
  }
}
@media (max-width: 479px) {
  .template-12.columns-mobile-2 .products-block .product {
    width: 100%;
  }
  .hr-shop-hero__actions {
    flex-direction: column;
    align-items: stretch;
    width: calc(100% - 14px);
  }
  .template-12 .hr-shop-button {
    min-height: 44px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .template-12 {
    scroll-behavior: auto;
  }
  .template-12 :is(a, button, .product, .p, .hr-shop-hero, .hr-shop-story) {
    transition: none;
    animation: none;
  }
}
/* Native featured-products section supplied by Shoptet, with no price duplication. */
.hr-shop-featured {
  width: min(calc(100% - 48px), 1180px);
  margin: 0 auto;
  padding: 48px 0 0;
}
.hr-shop-featured__heading {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  justify-content: space-between;
  gap: 12px 24px;
  margin-bottom: 20px;
}
.hr-shop-featured__heading p {
  width: 100%;
  margin: 0;
  color: var(--hr-shop-yellow);
  font: 700 12px/1.5 var(--hr-shop-display);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.template-12 .hr-shop-featured__heading h2 {
  margin: 0;
  font: 700 clamp(28px, 3vw, 42px)/1.05 var(--hr-shop-display);
  letter-spacing: -0.04em;
  text-transform: uppercase;
}
.hr-shop-featured__heading > a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: var(--hr-shop-yellow);
  font-family: var(--hr-shop-display);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 5px;
}
.hr-shop-featured .products {
  margin-right: -12px;
  margin-left: -12px;
}
@media (max-width: 767px) {
  .hr-shop-featured {
    width: calc(100% - 36px);
    padding-top: 32px;
  }
  .hr-shop-featured .products {
    margin-left: -6px;
    margin-right: -6px;
  }
}
/* Observed template-12 conflicts found in the real-page preview. */
.template-12 #categories .topic > a {
  color: var(--hr-shop-text);
}
.template-12 #categories .topic.active > a,
.template-12 #categories .topic > a:hover {
  color: var(--hr-shop-yellow);
}
.template-12 .p-detail .p-code,
.template-12 .p-detail .p-code span {
  color: var(--hr-shop-muted);
}
body.template-12 .siteCookies.siteCookies--dark .siteCookies__form {
  background: var(--hr-shop-soft);
  color: var(--hr-shop-text);
}
body.template-12 .siteCookies.siteCookies--dark .siteCookies__link {
  background: transparent;
  color: var(--hr-shop-text);
  border-color: var(--hr-shop-text);
}
.template-12.in-index .homepage-tabs-wrapper {
  width: min(calc(100% - 48px), 1180px);
  margin-right: auto;
  margin-left: auto;
  padding-top: 48px;
}
.template-12.in-index .homepage-tabs-wrapper .products {
  margin-left: -12px;
  margin-right: -12px;
}
.template-12.in-index .homepage-tabs-wrapper .shp-tabs {
  justify-content: flex-start;
  text-align: left;
}
.template-12.in-index .homepage-tabs-wrapper .shp-tabs li a {
  font-size: clamp(22px, 2.4vw, 30px);
  line-height: 1.2;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .template-12.in-index .homepage-tabs-wrapper {
    width: calc(100% - 36px);
    padding-top: 32px;
  }
  .template-12.in-index .homepage-tabs-wrapper .products {
    margin-left: -6px;
    margin-right: -6px;
  }
}