body#product {
  #modal-tejidos {
    & .modal-body {
      display: flex;
      flex-wrap: wrap;

      & .capa_imagen {
        flex: 0 0 33%;

        & img {
          width: 100%;
        }
      }
    }
  }

  #product-modal {
    .modal-body {
      background-color: #FFF;
      flex-direction: column;

      figcaption {
        display: none;
      }
    }
  }

  .container {
    width: 100% !important;
  }

  .breadcrumb {
    padding: 0 10px 10px;
  }

  #content {
    max-width: unset;
  }

  & span.control-label {
    font-size: 1.0625rem;
    font-weight: 500;
    margin: 20px 0;
    font-family: 'Neue Haas Grotesk Display';
  }

  & .product-images {
    overflow-x: auto;
    text-align: center;
  }

  & .scroll-box-arrows {
    position: absolute;
    width: 100%;
    top: 40%;
  }

  & .images-container {
    & .js-qv-mask.scroll {
      width: 100%;
    }

    & img {
      background-color: #e9e5de;
    }

    .product-images > li.thumb-container .thumb {
      margin-right: 2px;
    }
  }

  & .thumb-container picture img {
    height: 168px;
  }

  & .product-images > li.thumb-container .thumb.selected, .product-images > li.thumb-container .thumb:hover {
    border: 1px solid black;
  }

  & .layer {
    /*display: none;*/
    margin: 0;
  }

  & .product-container {
    margin: 0 auto 40px auto;

    & h1 {
      font-size: 2.1875rem !important;
      color: #222;
      text-align: left;
      line-height: 1.2;
      font-family: "Manier", serif;
      text-transform: none;
      font-weight: normal;
    }

    & .comments-note {
      margin: 0;
    }

    & .grade-stars {
      min-width: 85px;

      & .star-content {
        margin: 0;

        & .star,
        & .star-on {
          margin: 0;
        }

        & .star-on,
        & .star-hover {
          background-position: -19px 0 !important;
        }

        & .star,
        & .star-on,
        & .star-hover {
          display: block;
          width: 16px;
          height: 16px;
          background: url(/modules/productcomments/views/img/stars.png) no-repeat 0 0 transparent;
          background-size: cover;
          flex: auto;
        }
      }
    }

    & .additional-links {
      display: flex;
      align-items: center;
    }

    & .product-comments-additional-info {
      justify-content: left;

      & a.post-product-comment {
        text-decoration: underline;
        cursor: pointer;
        background-image: url(/img/star.png);
        background-repeat: no-repeat;
        background-position: 0 2px;
        padding-left: 18px;
      }

      & .link-comment {
        display: flex;

        & .text-opinions {
          margin-top: 1px;
        }
      }
    }

    & .product-information {
      & .see-more {
        margin: 10px 0;

        & a {
          color: #666439 !important;
          text-decoration: none;
        }
      }

      & .product-description {
        font-family: "Neue Haas Grotesk Text", sans-serif;
        color: #000;

        & p {
          margin-bottom: 0;
        }

        & strong {
          color: #000;
          font-family: 'Neue Haas Grotesk Display Bold', serif;
        }


        font-size: 16px;
        line-height: 140%;
        font-family: 'Neue Haas Grotesk Display', serif;


      }

      & .datos_tecnicos {
        margin-top: 50px;
        min-height: 0;
        font-family: 'Neue Haas Grotesk Display', serif;
        & .layer {
          display: flex;
          align-items: end;

          & .data-label {
            flex: 0 1 25%;
          }

          & .data {
            flex: 1;

            & .progress {
              background-color: #f0f0f0;
            }
          }
        }
      }

      & .medidas-principales {
        & p {
          color: #000;
        }

        & .items {
          display: flex;
          margin-top: 20px;

          & .item {
            text-decoration: none;
            color: #666439;
            padding: 3px 8px;
            border: 1px solid #666439;
            text-align: center;
            font-size: clamp(0.75rem, 0.1875rem + 1.5625vw, 0.9375rem);
            line-height: 1;
            max-width: calc(100% - 16px);
            margin: 0 10px 0 0;
            height: 100%;
            min-width: auto;
            width: 161.5px;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 38px;
            cursor: pointer;
            font-family: Neue Haas Grotesk Display, serif;
          }
        }
      }

      .medidas-principales:not(:has(.item)) {
        display: none;
      }
    }

    & .product-actions {
      & .product-prices {
        display: flex;
        align-items: flex-end;

        & .product-discount {
          margin-bottom: 0;
        }

        & .product-price {
          margin: 0;

          & .current-price {
            margin: 0;

            & .current-price-value {
              font-family: 'Manier', serif;
              font-size: 36px;
              font-weight: lighter;
              color: #222;
            }

            & .discount-percentage {
              display: none;
            }
          }
        }

        & .tax-shipping-delivery-label {
          font-family: 'Manier', serif;
          font-size: 18px;
          font-weight: lighter;
          color: #222;
          margin: 0 0 0 10px;
        }
      }

      & .product-variants {
        border-bottom: 1px solid #E9E5DE;

        & .product-variants-item {
          & .input-radio + span,
          & .input-radio:hover + span {
            font-weight: lighter;
            border: 0;
          }

          & .input-radio,
          & .input-color {
            position: relative;
            width: auto;
            height: auto;
            cursor: pointer;
            opacity: 1;
            display: none;
          }

          & .input-color {
            margin: 0 4px;
          }

          & label:has(.input-color) {
            align-items: flex-start;
          }

          & .input-radio:checked + span,
          & .input-radio:hover + span {
            border: 0;
          }

          & .input-radio:checked + span {
            font-weight: 500;
          }

          & ul {
            display: flex;
            flex-wrap: wrap;

            & li {
              flex: 0 0 25%;
              margin: 0;
              float: none !important;

              & .name {
                resize: none;
                text-transform: capitalize;
                word-break: break-word;
              }

              & .texto-adicional {
                white-space: nowrap;
                padding-right: 16px;
              }

              & label {
                display: flex;
                align-items: flex-start;
                text-align: left;

                & .checkmark {
                  height: 18px;
                  width: 18px;
                  background-color: #fff;
                  border: 1px solid #666439;
                  border-radius: 22px;
                  margin-right: 6px;
                  flex: 0 0 18px;
                }

                & .checkmark:has(+input:checked) {
                  border-color: #CF9D12;
                  background-color: #CF9D12;
                }

                & .color.texture {
                  flex: 1;
                  width: auto;
                  height: auto;

                  & img {
                    width: 100%;
                  }
                }

                & .radio-label {
                  padding: 0;
                }
              }

              & .attribute-name {
                margin-left: 24px;
              }
            }
          }
        }
      }

      .product-variants-item:first-child:nth-last-child(1) {
        ul {
          li {
            flex: 0 0 100% !important;
            width: 100% !important;
            display: flex;
            align-items: center;
            margin: 5px 0 !important;

            label {
              margin: 0;

              .color.texture {
                flex: 0 0 auto !important;
                margin: 0;
                border: 1px solid #979797 !important;

                img {
                  max-width: 100px;
                }
              }
            }

            .attribute-name {
              flex: 1;
              display: flex;
              justify-content: space-between;
              align-items: center;
              margin-left: 5px !important;
            }
          }
        }
      }

      & select[data-product-attribute='2'] {
        width: 100%;
        font-family: Neue Haas Grotesk Display, serif;
      }
    }
  }

  & .extra {
    & .beneficios {
      padding-top: clamp(1.875rem, -0.4326923077rem + 6.4102564103vw, 4.375rem);
      padding-bottom: clamp(1.875rem, -0.4326923077rem + 6.4102564103vw, 4.375rem);
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      font-family: Neue Haas Grotesk Display;
      background-color: #E9E5DE;


      & .beneficios-layer {
        max-width: 1440px;
        text-align: center;
        margin: auto;

        & h2 {
          font-size: clamp(1.875rem, 1.4583333333rem + 1.1574074074vw, 2.5rem);
          font-weight: lighter;
          font-family: "Manier", serif;
        }

        & .beneficios-items {
          display: flex;
          flex-wrap: wrap;
        }

        & .beneficios-item {
          text-align: center;
          padding: 12px;
          flex: 1;
          display: flex;
          flex-direction: column;
          align-items: center;

          & .beneficios-image {
            max-width: 150px;

            & img {
              max-width: 150px;
              max-height: 125px;
              margin: auto;
            }
          }

          & .beneficios-text {
            max-width: 190px;
            padding: 20px 0 0;
          }
        }
      }

      & .product-description-medium {
        max-width: 1100px;
        text-align: center;
        font-size: 16px;
        line-height: 140%;

        & h3 {
          margin: 50px 0;
          font-size: 33px;
          font-weight: lighter;
        }
      }
    }

    & .composicion {
      display: flex;

      & .imagen,
      & .lista {
        flex: 1 1 50%;
      }

      & .imagen {
        position: relative;
        text-align: right;

        & img {
          max-width: 100%;
        }

        & .hot-spot {
          position: absolute;

          & button {
            min-width: 30px;
            height: 30px;
            text-align: left;
            background-color: transparent;
            border: 0;
            color: #FFF;
            border-radius: 30px;
            cursor: pointer;
            font-size: 17px;
            line-height: 100%;
            -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
            overflow: visible;
            margin: 0;
            padding: 0 28px 0 0;
            position: relative;
            font-weight: 200;

            & span {
              display: none;
              font-size: 13px;
              padding: 4px 4px 4px 8px;
              white-space: nowrap;
            }
          }

          & button:after {
            content: "+";
            border-radius: 22px;
            width: 20px;
            height: 20px;
            line-height: 20px;
            font-size: 24px;
            position: absolute;
            top: 4px;
            right: 4.5px;
            text-align: center;
            color: #000;
          }

          & .hotspot-tooltip {
            display: none;
            position: absolute;
            left: 0;
            top: 30px;
            opacity: 1;
            padding: 20px;
            color: #000;
            width: 200px;
            max-height: 310px;
            z-index: 999;
            margin: 0;
          }

          &.hotspot-tooltip-open button {
            background-color: #FFF;
            border: 1px solid black;
          }

          &.hotspot-tooltip-open button:after {
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
          }
        }
      }

      & .lista {
        padding: 3% 3% 0 3%;
        flex: 1 1 50%;

        & h2 {
          font-size: clamp(1.875rem, 1.4583333333rem + 1.1574074074vw, 2.5rem);
          font-family: "Manier", serif;
          font-weight: 500;
        }

        & .attribute-list {
          margin: 1rem 0px;
          list-style: none;
          margin-left: 0;
          margin-right: 0;
          padding: 0;
          border-top: 1px solid lightgray;

          & li {
            border-bottom: 1px solid lightgray;
            padding: 10px;

            &.activo p {
              font-weight: 700;
            }

            & p {
              margin: 0;
              font-family: 'Neue Haas Grotesk Display', serif;
            }
          }
        }

        & .nota_pie {
          & ul {
            list-style-type: disc;
            padding-left: revert;
          }
        }
      }
    }

    & .materiales {
      max-width: 1190px;
      margin: auto;
      overflow: hidden;

      & p.h5 {
        text-align: center;
        margin-top: 90px;
        margin-bottom: 90px;
        font-family: "Manier", serif;
        font-size: 36px;
        text-transform: capitalize ! important;
        color: #222222;
        font-weight: lighter;
      }

      & .tecnologia-beneficio-material {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        max-width: 1120px;
        margin: 0 auto 60px;
        position: relative;
        z-index: 9;

        & .owl-stage-outer {
          z-index: 10;
        }

        & .item {
          flex: 0 1;
          padding: 0px 10px;
          width: fit-content;
          margin: auto;

          & .imagen {
            width: 260px;
            height: 260px;
            background-size: cover;
            background-position: center center;
          }

          & .texto {
            & * {
              width: 260px;
              font-family: 'Neue Haas Grotesk Display', serif;
            }

            & h4 {
              font-size: 14px;
              padding: 20px 0;
              margin: 0;
              color: #666439;

              & span {
                font-weight: lighter;
              }
            }
          }
        }

        & .owl-nav {
          z-index: 1;

          & button {
            margin: 0;

            &.owl-prev {
              margin-left: -35px;
            }

            &.owl-next {
              margin-right: -35px;
            }

            &.owl-prev:before, &.owl-next:before {
              content: "";
              top: 50%;
              position: absolute;
              margin-top: -30px;
              background: #E9E5DE no-repeat center center;
              width: 60px;
              height: 60px;
              display: block;
              border-radius: 100%;
              background-size: 30px;
            }

            &.owl-prev:before {
              left: -25px;
              background-image: url(/img/cms/slider-prev-chevron.svg) !important;
              background-position: 25px center;
            }

            &.owl-next:before {
              right: -25px;
              background-image: url(/img/cms/slider-next-chevron.svg) !important;
              background-position: 5px center;
            }
          }
        }
      }
    }

    & .product-description-medium2 {
      padding-top: clamp(1.875rem, -0.4326923077rem + 6.4102564103vw, 4.375rem);
      padding-bottom: clamp(1.875rem, -0.4326923077rem + 6.4102564103vw, 4.375rem);
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      background-color: #E9E5DE;
      margin-bottom: 60px;

      & .layer-text {
        & h3 {
          font-size: 32px;
          font-weight: lighter;
          margin-bottom: 40px;
        }


        font-size: 16px;
        max-width: 580px;
        line-height: 140%;
        font-family: 'Neue Haas Grotesk Display', serif;
        padding: 20px 40px 20px 20px;

      }

      & .layer-imagen {
        padding: 20px 20px 20px 40px;

        & img {
          max-width: 500px;
        }
      }
    }

    & .product-description-bottom {
      max-width: 650px;
      margin-left: auto;
      margin-right: auto;
      font-family: "Neue Haas Grotesk Text", sans-serif;
      line-height: 140%;
      padding: 40px 15px 90px 15px;

      & h3 {
        font-size: clamp(1.875rem, 1.6666666667rem + 0.5787037037vw, 2.1875rem);
        color: #222;
        font-weight: 500;
        margin: 20px;
      }
    }
  }

  & .product-accessories {
    margin-bottom: 120px;

    & p.h5 {
      text-align: center;
      margin-bottom: 50px;
      font-family: "Manier", serif;
      font-size: 36px;
      text-transform: capitalize ! important;
      color: #222222;
      font-weight: lighter;
    }

    & .products.row {
      justify-content: center;
      margin: 0 auto;
      max-width: 1080px;
      position: relative;
      padding-top: 30px;

      & .owl-nav {
        position: absolute;
        top: 0;
        right: 20px;
        width: 70px;

        & button {
          width: 20px;
          height: 20px;
          margin: 0px 10px;
          padding: 4px !important;
          background-color: #666439;
          background-position: center;
          background-size: 10px 10px;
          background-repeat: no-repeat;

          &.owl-prev {
            background-image: url('/img/Group 25.png') !important;
          }

          &.owl-next {
            background-image: url('/img/Group 1051.png') !important;
          }
        }

      }
    }

    & .js-product.product {
      width: fit-content;
      padding: 5px;
      margin: auto;

      & .product-miniature {
        box-shadow: 0px 2px 5px lightgray;
        width: 485px;

        & .thumbnail-container {
          display: flex;
          margin-bottom: 0;

          & .thumbnail-top {
            width: 320px;
            height: 280px;
            background-size: cover;
            background-position: center center;
          }
        }

        & .thumbnail-container:hover .product-description::after {
          display: none;
        }

        & .product-description {
          flex: 1;
          text-align: left;
          padding: 15px 15px 0 15px;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          width: 100%;

          & .product-title {
            text-align: left;
            font-family: 'Neue Haas Grotesk Display', serif;
            font-weight: lighter;


            & a {
              font-size: 16px;
              border-right: 0;
              margin-left: 5px;
              color: #222;
            }
          }

          & .product-comments-additional-info {
            margin: 0;

            & .link-comment {
              cursor: unset;
            }

            & .comments-note {
              margin: 0;
              border-bottom: 1px solid #B3B2B2;

              & .star-content {
                margin-left: -3px;
              }

              & .star-content div.star, .star-content div.star-on, .star-content div.star-hover {
                width: 12px !important;
                height: 12px;
                margin-left: 3px;
                background-size: auto 12px;
              }

              & .star-content div.star-on, .star-content div.star-hover {
                background-position: -15px 0;
                background-size: auto 12px;
              }
            }

            & .text-opinions {
              display: none;
            }
          }

          & .product-price-and-shipping {
            text-align: left;
            padding: 10px 0px;

            & .product_from {
              color: #222;
            }
          }

          & .datos_tecnicos {
            margin-bottom: 0 !important;
            display: flex;
            flex-direction: column;
            justify-content: center;
            min-height: 90px !important;

            & strong, & p {
              color: #B3B2B2;
            }

            & p {
              margin-bottom: 0;
            }
          }

          & .button_ver {
            width: 100%;
            text-align: center;
            border: 1px solid #666439;
            padding: 5px;
            margin-bottom: 15px;

            & a {
              color: #666439;
              font-family: 'Neue Haas Grotesk Display', serif;
            }
          }
        }
      }
    }
  }

  & .product-comments-title {
    text-align: center;

    & h4 {
      font-size: clamp(1.875rem, 1.4583333333rem + 1.1574074074vw, 1.98rem);
      font-weight: lighter;
      margin: 0 0 40px;
    }
  }

  & #product-comments-list-pagination {
    display: none;
  }

  & .product-comments-list-layer {
    position: relative;
    max-width: 1200px;
    margin: auto;
    margin-bottom: 40px;

    & .configurador-arrows {
      position: absolute;
      max-width: 1200px;
      margin: auto;
      top: 0;
      width: 100%;
      height: 100%;
      overflow-x: hidden;

      & button {
        position: absolute;
        height: 100%;
        top: 0;
        background: transparent;
        border: 0;
        outline: 0;
        cursor: pointer;
        z-index: 99;
      }

      & .prev {
        left: 0;
      }

      & .next {
        right: 0;
      }

      & .prev:before, & .next:before {
        content: "";
        top: 50%;
        position: absolute;
        margin-top: -30px;
        background: #E9E5DE no-repeat center center;
        width: 60px;
        height: 60px;
        display: block;
        border-radius: 100%;
        background-size: 30px;
      }

      & .prev:before {
        left: -25px;
        background-image: url(/img/cms/slider-prev-chevron.svg) !important;
        background-position: 25px center;
      }

      & .next:before {
        right: -25px;
        background-image: url(/img/cms/slider-next-chevron.svg) !important;
        background-position: 5px center;
      }
    }
  }

  & #product-comments-list {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;

    & .product-comment-list-item {
      width: 340px;
      border: 2px solid #F5F3EF;
      padding: 26px 15px;
      margin: 0;
      overflow: hidden;

      & .comment-infos {
        height: auto;
        max-height: 105px;
        line-height: 100%;

        & .layer-icon-name-stars {
          display: flex;
          align-items: center;
          padding: 0 10px;

          & .layer-icon {
            width: 30px;
            height: 30px;
            background-color: #01579b;
            border-radius: 100%;
            color: #FFF;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 16px;
            margin-right: 15px;
          }

          & .comment-author {
            color: #222222;
          }

          & .grade-stars {
            margin-bottom: 0px;
          }

          & .star-content div.star, .star-content div.star-on, .star-content div.star-hover {
            width: 10px;
            height: 10px;
            margin-left: 3px;
            background-size: auto 10px;
          }

          & .star-content div.star-on, .star-content div.star-hover {
            background-position: -12px 0;
            background-size: auto 10px;
          }
        }

        & .comment-text {
          padding: 10px;
          font-size: 13px;
          color: #000;
          display: -webkit-box;
          -webkit-line-clamp: 6;
          -webkit-box-orient: vertical;
          overflow: hidden;
        }
      }
    }
  }


  & #product-comments-list-footer {
    & .post-product-comment {
      font-size: 16px;
      text-transform: uppercase;
      background-color: #666439;
    }

    & .btn-comment-big {
      padding: 13px 26px;
      height: 45px;
    }
  }

  & #empty-product-comment {
    .btn {
      font-size: 16px;
      text-transform: uppercase;
      background-color: #666439;
    }

    & .btn-comment-big {
      padding: 13px 26px;
      height: 45px;
    }
  }

  .wk_option_checkbox_parent, .wk_option_info_icon {
    display: none;
  }

  .wk-product-variants {
    background-color: #FFF;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;

    .control-label {
      display: flex;

      .wk_option_title {
        flex: 1;

        .patas_medidas {
          font-size: 10px;
        }
      }

      .opciones {
        font-size: 12px;
        cursor: pointer;
      }
    }
  }

  .wk-product-variants-item {
    border-bottom: 1px solid #E9E5DE;
    margin: 0;
    padding: 10px 0;
  }

  .wk-product-variants > .wk-product-variants-item {
    margin: 10px 0;
  }

  .wk-product-variants > .wk-product-variants-item:not(.fullwidth) {
    margin: 0;
    flex: 1;
  }

  .wk-product-variants > .wk-product-variants-item.fullwidth {
    width: 100%;

    .vals {
      display: flex;
      gap: 25px;
    }
  }

  .wk_opt_val:has(input:disabled) {
    opacity: .5 !important;
  }

  .wk-product-variants > .wk-product-variants-item .wk_option_title {
    margin-left: 0;
  }

  .wk_opt_val {
    display: flex;

    .check {
      padding-right: 5px;
    }

    .price {
      padding-left: 5px;
    }

    .check {

      display: flex;
      position: relative;

      .checkmark {
        height: 18px;
        width: 18px;
        background-color: #fff;
        border: 1px solid #666439;
        border-radius: 22px;
        margin-right: 6px;
        flex: 0 0 18px;
      }

      .checkmark:has(+input:checked) {
        border-color: #CF9D12;
        background-color: #CF9D12;
      }

      .checkmark:has(+.check_block > input:checked) {
        border-color: #CF9D12;
        background-color: #CF9D12;
      }

      input {
        position: absolute;
        width: 100%;
        height: 100%;
        cursor: pointer;
        opacity: 0;
        top: 0;
        left: 0;
      }
    }

    .price {
      white-space: nowrap;
    }
  }

  .vals:has(.check_block) {
    flex-wrap: wrap;
    gap: 0 !important;

    .wk_opt_val {
      flex: 0 0 25%;
      max-width: 25%;

      .check_block {
        display: flex;
        flex-direction: column;
        font-size: 14px;

        img {
          width: 100%;
          padding: 0 15px 0 0;
        }
      }
    }
  }

  .layer_tejidos:not(:has(.d-none)) {
    display: flex;
    flex-wrap: wrap;
    clear: both;

    & .tejidos {
      flex: 0 0 33%;
      max-width: 33%;
      margin-top: 16px;

      & .title_tejidos {
        margin-bottom: 0;
        font-size: 0.875em;
        font-weight: 500;
        display: flex;
        align-items: center;

        & img {
          margin-left: 4px;
          vertical-align: top;
          cursor: pointer !important;
        }
      }

      & .tejidos_imagenes {
        display: flex;
        flex-wrap: wrap;

        & .capa_imagen {
          /*max-width: 40px;*/
          padding: .5px;
          margin: 16px 4px 0 4px;
          border: 1px solid lightgray;

          & img {
            width: 75px;
            cursor: default;
          }
        }

        & .capa_imagen.tejido-selected {
          border: 1px solid black;
        }
      }
    }
  }
}

#product-modal .modal-content .modal-body .mask {
  overflow-x: scroll;

  .product-images {
    width: max-content;
    margin-left: 0;
  }
}


@media (max-width: 1470px) {
  body#product {
    .product-variants-item {
      ul {
        li {
          flex: 0 0 50% !important;
          width: 50% !important;
        }
      }
    }
  }
}

@media (min-width: 1440px) {
  body#product {
    .breadcrumb, .product-container {
      width: 1440px;
    }

    .breadcrumb {
      margin: auto;
    }
  }
}

@media (max-width: 1440px) {
  body#product {
    .wk-product-variants > .wk-product-variants-item.fullwidth {
      .vals {
        flex-wrap: wrap;
        gap: 0;

        .wk_opt_val {
          flex: 1 1 50%;
          max-width: 50%;
          padding: 10px;

          img {
            max-width: 150px;
          }
        }
      }
    }
  }
}

@media (max-width: 890px) {
  .medidas-principales {
    .items {
      .item {
        width: 101.5px !important;
      }
    }
  }
}

@media (min-width: 768px) {
  .hot-spot.hotspot-tooltip-open button span {
    display: inline-block !important;
  }
}

@media (max-width: 992px) {
  .col-md-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  body#product {
    overflow-x: hidden;

    & .top_buttons_link span::after {
      display: none;
    }

    & .breadcrumb {
      display: none;
    }

    & .product-container {
      & > .col-md-6 {
        width: 100%;
      }

      & .product-information {
        margin-bottom: 20px;

        & .datos_tecnicos {
          & .layer {
            margin: 0;

            & .data-label {
              flex: 1;
            }
          }
        }
      }
    }

    .product-variants-item {
      ul {
        li {
          flex: 0 0 100% !important;
          width: 100% !important;
          display: flex;
          margin: 5px 0 !important;

          label {
            .color.texture {
              flex: 0 0 auto !important;
              margin: 0;
              border: 1px solid #979797 !important;

              img {
                max-width: 64px;
                margin-right: 4px;
              }
            }

            .texto-adicional {
              flex: 1;
              text-align: right;
            }
          }

          label:not(:has(> .color.texture)) {
            width: 100%;
          }

          .attribute-name {
            flex: 1;
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-left: 5px !important;
            margin-bottom: .5rem !important;
          }
        }
      }
    }

    & .medidas-principales {
      & .items {
        flex-wrap: wrap;

        & .item {
          max-width: 30% !important;
          margin-bottom: 10px !important;
        }
      }
    }

    & .product-container,
    & .thumbnail-container.reviews-loading,
    & .extra {
      margin: 0;
      flex-direction: column;
      justify-content: center;
      align-items: center;

      & .product-description-medium2 {
        flex-direction: column;
        justify-content: center;
        align-items: center;
      }

      & .composicion {
        margin: 0;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
      }

      & .beneficios {
        & .product-description-medium {
          text-align: left;
          padding: 15px;
        }
      }

      & .product-description-medium2 {
        & .layer-imagen {
          padding: 0;

          & img {
            width: 100%;
            padding: 15px;
          }
        }
      }

      & .materiales {
        & .tecnologia-beneficio-material {
          & .owl-stage-outer {
            z-index: 1;
          }

          & .owl-nav {
            & button {
              &.owl-prev {
                margin-left: 0px;
              }

              &.owl-next {
                margin-right: 0px;
              }
            }
          }
        }
      }
    }

    & .product-accessories {
      & .js-product.product {
        & .product-miniature {
          max-width: 100%;
          width: 100%;
        }
      }
    }

    .wk_product_opt_container {
      flex-direction: column;

      .vals {
        flex-direction: column;

        .wk_opt_val {
          padding: 10px 0 !important;
        }
      }

      .tejidos {
        flex: 1 1 100% !important;
        max-width: 100% !important;
      }

      .vals {
        .wk_opt_val {
          flex: 1 1 100% !important;
          max-width: 100% !important;
          padding: 10px 0 !important;

          .check_block {
            flex-direction: row;
            width: 100%;

            img {
              max-width: 100px;
            }

            .price {
              flex: 1;
              text-align: right;
            }
          }
        }
      }
    }
  }
}

.composition-flex {
  display: flex;
  align-items: center;
}

.viewTejidos {
  width: 18px;
}


.imagen:hover {
  filter: brightness(100%);
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
}

.imagen.beneficio:hover .overlay {
  opacity: 0.8;
  background-color: #ABBAAE;
}

.texto-sabermas {
  display: inline-flex;
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  text-decoration: underline;
}

.texto-sabermas svg {
  margin-left: 8px;
}

.datos_tecnicos strong {
  font-family: 'Neue Haas Grotesk Display Bold', serif;
}

#product .tecnologia-beneficio-material .item .texto span {
  font-size: .9375rem !important;
  font-weight: 400 !important;
  color: #000 !important;
  font-family: 'Neue Haas Grotesk Display', serif !important;
}

#product .tecnologia-beneficio-material .item .texto a {
  color: #000 !important;
  font-size: .9375rem !important;
  text-decoration-line: underline !important;
  font-family: 'Neue Haas Grotesk Display', serif !important;
}
body#product .product-container .page-content .scroll-box-arrows i{
  position: absolute;
  bottom: 9px;
  height: 1em;
  cursor: pointer;
  background: #FFFFFF;
  border-radius: 25px;
  line-height: 1;
}

body#product .product-container .page-content .scroll-box-arrows{
  display: block;
}

body#product .product-container .page-content .scroll-box-arrows i.left {
  left: 15px;
}

body#product .product-container .page-content .scroll-box-arrows i.right {
  right: 15px;
}
body#product .extra .materiales .tecnologia-beneficio-material .item div.texto h4 *{
  font-size: 14px !important;
  padding: 20px 0;
  margin: 0;
  color: #666439 !important;
  font-family: 'Neue Haas Grotesk Display', serif !important;
}
#product .product-accessories .star-content .star:nth-child(6), .featured-products .star-content .star:nth-child(6)  {
  display: none;
}
@media (max-width: 767px) {
  body#product .product-container .page-content .scroll-box-arrows {
    top: 32%;
  }
}