@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;900&display=swap");
body {
  direction: ltr;
  margin: 0;
  padding: 0;
  font-family: Nunito, sans-serif;
  background-size: cover; }
  body a {
    color: black;
    text-decoration: none; }

h1 {
  font-size: 32px;
  line-height: 1.4; }

h2 {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: 1.3px; }
  @media (max-width: 800px) {
    h2 {
      font-size: 12px; } }

h3 {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: 1.3px; }
  @media (max-width: 800px) {
    h3 {
      font-size: 12px; } }

h4 {
  font-size: 14px;
  font-weight: bold; }
  @media (max-width: 800px) {
    h4 {
      font-size: 12px; } }

header {
  -webkit-transition: all ease 0.4s;
  -o-transition: all ease 0.4s;
  transition: all ease 0.4s; }
  header a,
  header svg .header-stroke,
  header svg .header-fill {
    -webkit-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    transition: all ease 0.4s; }
  header.main {
    -webkit-backdrop-filter: blur(35px);
            backdrop-filter: blur(35px);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 101;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 185px;
    padding: 25px 30px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5); }
    @media (max-width: 800px) {
      header.main {
        padding: 10px 12px; } }
    @media (min-width: 801px) {
      header.main[data-shrinked="true"].main {
        height: 70px; } }
    header.main .languages {
      position: absolute;
      left: 30px;
      top: 25px;
      z-index: 2;
      text-align: left; }
      @media (max-width: 800px) {
        header.main .languages {
          left: 56px; } }
    header.main .logo {
      -webkit-transition: all ease 0.4s;
      -o-transition: all ease 0.4s;
      transition: all ease 0.4s;
      position: absolute;
      width: 88px;
      height: 87px;
      left: 50%;
      margin-left: -44px;
      bottom: 73px;
      text-align: center; }
      header.main .logo svg {
        width: 100%;
        height: 100%; }
      @media (max-width: 800px) {
        header.main .logo {
          top: -8.5px;
          -webkit-transform-origin: 50% 50%;
              -ms-transform-origin: 50% 50%;
                  transform-origin: 50% 50%;
          -webkit-transform: scale(0.5);
              -ms-transform: scale(0.5);
                  transform: scale(0.5); } }
    header.main .mainmenu {
      -webkit-transition: all ease 0.4s;
      -o-transition: all ease 0.4s;
      transition: all ease 0.4s;
      width: 100%;
      text-align: center;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0; }
      header.main .mainmenu ul {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
        header.main .mainmenu ul li {
          font-size: 14px;
          text-transform: uppercase;
          margin: 0 1rem;
          letter-spacing: 1.3px; }
        header.main .mainmenu ul li.important {
          font-weight: 700; }
        header.main .mainmenu ul li.group {
          -webkit-transition: all ease 0.2s;
          -o-transition: all ease 0.2s;
          transition: all ease 0.2s; }

@-webkit-keyframes submenu-show {
  from {
    display: block;
    -webkit-transform: scale(1, 0);
            transform: scale(1, 0); }
  to {
    display: block;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); } }

@keyframes submenu-show {
  from {
    display: block;
    -webkit-transform: scale(1, 0);
            transform: scale(1, 0); }
  to {
    display: block;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); } }
          header.main .mainmenu ul li.group:hover {
            padding-left: 1.5rem;
            margin-left: -0.5rem;
            padding-right: 1.5rem;
            margin-right: -0.5rem;
            background: white; }
            @media (max-width: 800px) {
              header.main .mainmenu ul li.group:hover {
                background: none; } }
            header.main .mainmenu ul li.group:hover .submenu {
              display: block;
              -webkit-transform: scale(1, 1);
                  -ms-transform: scale(1, 1);
                      transform: scale(1, 1); }
          header.main .mainmenu ul li.group .submenu {
            -webkit-transform: scale(1, 0);
                -ms-transform: scale(1, 0);
                    transform: scale(1, 0);
            -webkit-transform-origin: top center;
                -ms-transform-origin: top center;
                    transform-origin: top center;
            -webkit-transition: all ease 0.2s;
            -o-transition: all ease 0.2s;
            transition: all ease 0.2s;
            position: absolute;
            background: white;
            -webkit-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.15);
                    box-shadow: 0 15px 15px rgba(0, 0, 0, 0.15);
            top: 68px;
            left: 0;
            right: 0;
            padding: 0; }
            @media (max-width: 800px) {
              header.main .mainmenu ul li.group .submenu {
                position: static;
                display: block;
                -webkit-box-shadow: none;
                        box-shadow: none;
                background: none;
                -webkit-transform: scale(1, 1);
                    -ms-transform: scale(1, 1);
                        transform: scale(1, 1);
                margin: 10px 0; } }
            header.main .mainmenu ul li.group .submenu ul {
              -webkit-box-pack: justify;
                  -ms-flex-pack: justify;
                      justify-content: space-between; }
              header.main .mainmenu ul li.group .submenu ul li {
                -webkit-box-flex: 1;
                    -ms-flex-positive: 1;
                        flex-grow: 1;
                overflow: hidden;
                margin: 0;
                position: relative;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
                -webkit-box-pack: center;
                    -ms-flex-pack: center;
                        justify-content: center;
                z-index: 2;
                height: 210px;
                background-position: 50% 50%;
                background-size: cover; }
                @media (max-width: 800px) {
                  header.main .mainmenu ul li.group .submenu ul li {
                    height: 105px; } }
                header.main .mainmenu ul li.group .submenu ul li a {
                  padding: 25px 30px;
                  position: absolute;
                  -webkit-backdrop-filter: blur(25px);
                          backdrop-filter: blur(25px);
                  color: white; }
                  header.main .mainmenu ul li.group .submenu ul li a::after {
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    height: 100%;
                    border-radius: 0;
                    pointer-events: none;
                    border: 3px solid white;
                    background: none;
                    -webkit-box-sizing: border-box;
                            box-sizing: border-box; }
      @media (min-width: 801px) {
        header.main .mainmenu ul li a {
          display: block;
          padding: 25px 0;
          position: relative; }
          header.main .mainmenu ul li a::after {
            content: "";
            height: 3px;
            border-radius: 3px;
            position: absolute;
            bottom: -2px;
            left: 0;
            right: 0;
            opacity: 0;
            -webkit-transition: all ease 0.2s;
            -o-transition: all ease 0.2s;
            transition: all ease 0.2s; }
          header.main .mainmenu ul li a.active::after {
            background: black;
            opacity: 1; }
          header.main .mainmenu ul li a:hover:not(.active)::after {
            background: #999999;
            opacity: 1; } }
      @media (max-width: 800px) {
        header.main .mainmenu {
          position: static; }
          header.main .mainmenu ul {
            text-align: left;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column; }
            header.main .mainmenu ul li {
              text-align: center;
              margin: 10px 0; } }
    header.main .mobile-menu-controls {
      display: none; }
      header.main .mobile-menu-controls button {
        background: none;
        border: none;
        padding: 0;
        margin: 0; }
      @media (max-width: 800px) {
        header.main .mobile-menu-controls {
          display: inline-block;
          position: absolute;
          left: 12px;
          top: 25px; } }
    header.main .usermenu {
      position: absolute;
      right: 30px;
      top: 25px;
      text-align: right; }
      @media (max-width: 800px) {
        header.main .usermenu {
          right: 12px; } }
    header.main .usermenu ul li a,
    header.main .languages ul li a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      font-size: 14px;
      line-height: 1;
      letter-spacing: 0.6px; }
      header.main .usermenu ul li a span,
      header.main .languages ul li a span {
        margin-left: 4px; }
        @media (max-width: 1500px) {
          header.main .usermenu ul li a span,
          header.main .languages ul li a span {
            display: none; } }
    @media (max-width: 800px) {
      header.main {
        height: 70px; }
        header.main .mobile-menu-group {
          position: absolute;
          top: 70px;
          left: 0;
          right: 0;
          bottom: 0;
          overflow: auto; }
        header.main.expanded {
          border-bottom-color: rgba(0, 0, 0, 0);
          height: 100vh;
          bottom: 0; }
          header.main.expanded .mainmenu {
            bottom: 73px; } }
  header.light {
    color: black;
    background: rgba(255, 255, 255, 0.65); }
    header.light a {
      color: black;
      text-decoration: none; }
    header.light svg .header-stroke {
      stroke-width: 1px;
      stroke: black; }
    header.light svg .header-fill {
      fill: black; }
  header.dark {
    color: white;
    background: rgba(0, 0, 0, 0.65); }
    header.dark a {
      color: white;
      text-decoration: none; }
    header.dark svg .header-stroke {
      stroke-width: 1.5px;
      stroke: white; }
    header.dark svg .header-fill {
      fill: white; }
  header svg .header-stroke {
    stroke-linecap: round;
    stroke-linejoin: round;
    fill-rule: evenodd;
    clip-rule: evenodd; }

.spacer {
  display: block;
  height: 185px; }
  @media (max-width: 800px) {
    .spacer {
      height: 70px; } }

.text-center {
  text-align: center; }

nav ul {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  nav ul li {
    list-style: none;
    margin: 0;
    padding: 0; }

nav.usermenu ul {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  nav.usermenu ul li {
    margin-left: 2rem; }
    @media (max-width: 800px) {
      nav.usermenu ul li {
        margin-left: 24px; } }

nav.breadcrumbs {
  padding: 25px 30px;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.6px; }
  nav.breadcrumbs a {
    white-space: nowrap; }
  @media (max-width: 800px) {
    nav.breadcrumbs {
      padding: 10px 12px; } }

nav.underlined ul {
  font-size: 14px;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  overflow: auto;
  border-bottom: 1px solid black; }
  nav.underlined ul li {
    margin: 0 30px 0 0; }
    nav.underlined ul li a {
      display: block;
      padding: 12.5px 0;
      position: relative; }
      nav.underlined ul li a::after {
        content: "";
        height: 3px;
        border-radius: 3px;
        position: absolute;
        bottom: -2px;
        left: 0;
        right: 0;
        opacity: 0;
        -webkit-transition: all ease 0.2s;
        -o-transition: all ease 0.2s;
        transition: all ease 0.2s; }
      nav.underlined ul li a.active::after {
        background: black;
        opacity: 1; }
      nav.underlined ul li a:hover:not(.active)::after {
        background: #999999;
        opacity: 1; }

.button {
  display: inline-block;
  height: 70px;
  padding: 25px 94.5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 25px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 900;
  line-height: 1;
  background: black;
  color: white; }
  .button:hover {
    background: black;
    color: white; }
  .button.button-not-available {
    opacity: 0.5;
    pointer-events: none; }
  @media (max-width: 800px) {
    .button {
      font-size: 18px;
      height: auto;
      padding: 11px 12px 10px 12px;
      font-weight: 700;
      width: 100%;
      text-align: center; } }

.container-padding {
  padding: 25px 30px; }
  @media (max-width: 800px) {
    .container-padding {
      padding: 10px 12px; } }

section.product-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media (max-width: 800px) {
    section.product-card {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  section.product-card aside.slider {
    width: calc(50% - 30px); }
    @media (max-width: 800px) {
      section.product-card aside.slider {
        width: 100%; } }
  section.product-card aside.gallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: calc(50% - 30px);
    position: relative; }
    @media (max-width: 800px) {
      section.product-card aside.gallery {
        width: 100%; } }
    section.product-card aside.gallery .scene {
      width: 75%; }
      @media (max-width: 800px) {
        section.product-card aside.gallery .scene {
          display: none; } }
      section.product-card aside.gallery .scene img {
        width: 100%;
        max-width: 100%; }
    section.product-card aside.gallery .thumbnails {
      width: 25%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      @media (max-width: 800px) {
        section.product-card aside.gallery .thumbnails {
          width: 100%; } }
      section.product-card aside.gallery .thumbnails img {
        display: inherit;
        max-width: 100%; }
  section.product-card article {
    width: calc(50% - 30px);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 30px 0 0; }
    @media (max-width: 800px) {
      section.product-card article {
        width: 100%;
        padding: 0 12px; } }
    section.product-card article .tabs .tab {
      padding: 1em 0; }
      section.product-card article .tabs .tab table th {
        font-weight: bold;
        text-align: center; }
      section.product-card article .tabs .tab table th:first-child {
        font-weight: bold;
        text-align: left; }
      section.product-card article .tabs .tab table td {
        padding: 0.6em 1em;
        text-align: center; }
      section.product-card article .tabs .tab table td:first-child {
        text-align: left; }
      section.product-card article .tabs .tab table tr th, section.product-card article .tabs .tab table tr td {
        border-top: 1px solid black; }
      section.product-card article .tabs .tab table tr:first-child th, section.product-card article .tabs .tab table tr:first-child td {
        border-top: none; }
      section.product-card article .tabs .tab ul li {
        list-style-type: square; }
    section.product-card article .product-offer-data .offer h1 {
      font-weight: bold;
      margin: 0 0 25px 0; }
      @media (max-width: 800px) {
        section.product-card article .product-offer-data .offer h1 {
          font-size: 16px;
          margin: 0;
          grid-row: 1;
          grid-column: 1/3; } }
    section.product-card article .product-offer-data .offer h2 {
      margin: 25px 0 12.5px 0;
      font-size: 14px;
      text-transform: uppercase;
      font-weight: normal;
      letter-spacing: 1.3px; }
      @media (max-width: 800px) {
        section.product-card article .product-offer-data .offer h2 {
          margin: 10px 0 5px 0;
          font-size: 12px; } }
    @media (max-width: 800px) {
      section.product-card article .product-offer-data .offer {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 12.5px 15px;
        z-index: 100;
        background: rgba(255, 255, 255, 0.75);
        -webkit-backdrop-filter: blur(35px);
                backdrop-filter: blur(35px);
        display: grid;
        grid-row-gap: 10px;
        grid-column-gap: 12px;
        grid-template-columns: 1fr 1fr; } }
    section.product-card article .product-offer-data .offer .price {
      font-size: 24px;
      position: relative; }
      @media (max-width: 800px) {
        section.product-card article .product-offer-data .offer .price {
          grid-row: 3;
          grid-column: 1; } }
      section.product-card article .product-offer-data .offer .price .product-item-detail-price-old {
        font-size: 13px;
        opacity: 0.5;
        text-decoration: line-through;
        position: absolute;
        bottom: -0.5em;
        left: 0; }
      section.product-card article .product-offer-data .offer .price .product-item-detail-economy-price {
        font-size: 13px;
        position: absolute;
        bottom: -0.5em;
        right: 0; }
    @media (max-width: 800px) {
      section.product-card article .product-offer-data .offer .options-wrapper {
        grid-row: 2;
        grid-column: 1/3; } }
    section.product-card article .product-offer-data .offer .options .scrollable {
      width: 100%;
      overflow: auto;
      /* Hide scrollbar for Chrome, Safari and Opera */
      /* Hide scrollbar for IE, Edge and Firefox */
      -ms-overflow-style: none;
      /* IE and Edge */
      scrollbar-width: none;
      /* Firefox */ }
      section.product-card article .product-offer-data .offer .options .scrollable::-webkit-scrollbar {
        display: none; }
    section.product-card article .product-offer-data .offer .options ul {
      display: block;
      font-size: 0;
      margin: 0;
      padding: 0; }
      @media (hover: none) and (pointer: coarse) {
        section.product-card article .product-offer-data .offer .options ul {
          white-space: nowrap; } }
      section.product-card article .product-offer-data .offer .options ul li {
        list-style: none;
        margin: 0 15px 12.5px 0;
        padding: 0;
        min-width: 189px;
        font-size: 14px;
        letter-spacing: 0.6px;
        display: inline-block;
        vertical-align: top; }
        @media (hover: none) and (pointer: coarse) {
          section.product-card article .product-offer-data .offer .options ul li {
            margin: 0 15px 0 0; } }
        @media (max-width: 800px) {
          section.product-card article .product-offer-data .offer .options ul li {
            font-size: 13px;
            line-height: 1.2;
            margin: 0 7.5px 0 0; } }
        section.product-card article .product-offer-data .offer .options ul li.selected a {
          font-weight: 700; }
          section.product-card article .product-offer-data .offer .options ul li.selected a::after {
            border-width: 3px; }
        section.product-card article .product-offer-data .offer .options ul li.notallowed a {
          opacity: 0.3; }
          section.product-card article .product-offer-data .offer .options ul li.notallowed a::after {
            border-style: dashed; }
        section.product-card article .product-offer-data .offer .options ul li a {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          height: 70px;
          position: relative;
          cursor: pointer; }
          @media (max-width: 800px) {
            section.product-card article .product-offer-data .offer .options ul li a {
              height: 35px; } }
          section.product-card article .product-offer-data .offer .options ul li a img {
            height: 70px;
            width: 70px; }
            @media (max-width: 800px) {
              section.product-card article .product-offer-data .offer .options ul li a img {
                height: 35px;
                width: 35px; } }
          section.product-card article .product-offer-data .offer .options ul li a span {
            padding: 12.5px 15px;
            white-space: nowrap; }
            @media (max-width: 800px) {
              section.product-card article .product-offer-data .offer .options ul li a span {
                padding: 6.25px 7.5px; } }
          section.product-card article .product-offer-data .offer .options ul li a::after {
            content: "";
            border: 1px solid black;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0; }
          section.product-card article .product-offer-data .offer .options ul li a.active {
            font-weight: 700; }
            section.product-card article .product-offer-data .offer .options ul li a.active::after {
              border: 3px solid black; }
          section.product-card article .product-offer-data .offer .options ul li a.disabled {
            opacity: 0.3; }
            section.product-card article .product-offer-data .offer .options ul li a.disabled::after {
              border: 1px dashed black; }
    section.product-card article .product-offer-data .offer .options.color ul li {
      min-width: 70px; }
      @media (max-width: 800px) {
        section.product-card article .product-offer-data .offer .options.color ul li {
          min-width: 35px; } }
    section.product-card article .product-offer-data .offer .options.size ul li {
      min-width: 70px; }
      @media (max-width: 800px) {
        section.product-card article .product-offer-data .offer .options.size ul li {
          min-width: 35px; } }
      section.product-card article .product-offer-data .offer .options.size ul li a {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
    section.product-card article .product-offer-data .offer .buy {
      margin: 25px 0; }
      @media (max-width: 800px) {
        section.product-card article .product-offer-data .offer .buy {
          margin: 0;
          grid-row: 3;
          grid-column: 2; } }

section.product-list {
  padding: 0 30px 25px; }
  @media (max-width: 800px) {
    section.product-list {
      padding: 0 12px 10px; } }

section.related-products {
  padding: 25px 30px; }
  @media (max-width: 800px) {
    section.related-products {
      padding: 10px 12px; } }
  section.related-products .product-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)); }
    @media (max-width: 800px) {
      section.related-products .product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)); } }

.product-grid {
  max-width: 100%;
  display: grid;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-column-gap: 30px;
  grid-row-gap: 25px; }
  @media (max-width: 800px) {
    .product-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      grid-column-gap: 12px;
      grid-row-gap: 10px; } }
  .product-grid .product-item-img-container img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }
  .product-grid .product-item-title {
    padding: 12.5px 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.6px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis; }
    @media (max-width: 800px) {
      .product-grid .product-item-title {
        padding: 10px 0; } }
  .product-grid .product-item-price {
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0.6px; }

.catalog-section .row {
  --bs-gutter-x: 0;
  --bs-gutter-y: 0; }
  .catalog-section .row .product-item {
    border: 0; }

footer {
  margin: 5em 0 0 0;
  padding: 3em 0 0 0;
  border-top: 1px solid #666;
  color: #666; }

.grayscale {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%); }