.detail-catalog {
    margin-top: 85px;
}
        /* Product Card Container */
        .product-card {
            width: 1200px;
            min-height: 1343px;
            position: relative;
            background-color: #fff;
            margin: 0 auto;
              padding: 0 79px;
        }

        /* Header */
        .header-image {
            width: 100%;
            height: 72px;
            object-fit: cover;
            display: block;
        }


.thumbnail-navigation__container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    width: 100%;
    height: 360px;
}
.thumbnail-navigation__img {
    cursor: grab;
    transform: translate3d(0px, 0px, 0px);
    transition-duration: 100ms;
    transition-delay: 100ms;
    display: flex;
    flex-direction: column;
    gap: 10px;
}


        /* Main Content */
        .product-content {
            display: flex;
            gap: 20px;
              align-items: start;

            margin-top: 40px;
        }

        /* Image Gallery */
        .image-gallery {
            display: flex;
            gap: 20px;
            flex-shrink: 0;

        }

        .main-image-container {
            width: 510px;
            height: auto;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .main-product-image {
            width: 100%;
            height: auto;
            object-fit: cover;
            transition: opacity 0.3s ease;
        }

        .thumbnail-navigation {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            gap: 5px;
            width: 86px;
            height: 455px;
            margin-top: 84px;
        }

        .nav-button {
            cursor: pointer;
            padding: 5px;
            border-radius: 4px;
            transition: background-color 0.2s ease;
            background: none;
            border: none;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .nav-button:hover {
            background-color: rgba(208, 169, 158, 0.1);
        }

        .nav-button:focus {
            outline: 2px solid #d0a99e;
            outline-offset: 2px;
        }

        .arrow-icon {
            width: 24px;
            height: 24px;
        }

        .thumbnail {
            width: auto;
            height: 110px;
            object-fit: cover;
            cursor: pointer;
            border-radius: 4px;
            transition: all 0.2s ease;
            opacity: 0.7;
        }

        .thumbnail:hover {
            opacity: 1;
            transform: scale(1.02);
        }

        .thumbnail:focus {
            outline: 2px solid #d0a99e;
            outline-offset: 2px;
        }

        .thumbnail.active {
            opacity: 1;
        }

        /* Product Details */
        .product-details {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 30px;
            max-width: 406px;
        }

        .product-info {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        .product-title-section {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        .product-title {
            font: 450 40px/100% "Futura New Book";
            color: #000;
            text-transform: uppercase;
            margin: 0;
        }

        .product-sku {
            font: 400 15px "Futura New Book";
            color: #575656;
            margin: 0;
        }

        .product-rating {
            display: flex;
            align-items: flex-start;
            gap: 15px;
        }

        .reviews-link {
            font: 400 15px "Futura New Book";
            color: #161616;
            text-decoration: underline;
        }
        .reviews-link:hover {
             text-decoration: underline;
        }
        .star-rating {
            display: flex;
            align-items: flex-start;
            gap: 2px;
        }

        .star {
            width: auto;
            height: 18px;
        }

        .star.active path {
            fill: #d0a99e;
        }

        .star.inactive path {
            fill: #575656;
            opacity: 0.5;
        }

        /* Purchase Section */
        .purchase-section {
            display: flex;
            flex-direction: column;
            gap: 9px;
            width: 234px;
            margin-top: 10px;
        }

        .price-info {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

       size-options {
            display: flex;
            align-items: flex-start;
            gap: 10px;
            position: relative;
        }

        .size-button {
            display: flex;
            padding: 10px;
            justify-content: center;
            align-items: center;
            gap: 10px;
            border: 1px solid #161616;
            position: relative;
            background: transparent;
            cursor: pointer;
        }

        .size-text {
            color: #161616;
            text-align: center;
            position: relative;
            font: 400 15px "Futura New Book";
        }

        .product-price {
            color: #161616;
            text-transform: lowercase;
            position: relative;
            font: 450 24px "Futura New Book";
        }

        .installment-info {
            width: 403px;
            height: 18px;
            font: 400 15px "Futura New Book";
            color: #575656;
            text-decoration: underline;
        }

        .installment-price {
            color: #161616;
            text-decoration: none;
        }

        .installment-link {
            color: #575656;
            text-decoration: underline;
        }

        .action-buttons {
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .buy-button {
            display: flex;
            padding: 10px 20px;
            justify-content: center;
            align-items: center;
            flex: 1;
            background-color: #d0a99e;
            border: none;
            font: 400 15px "Futura New Book";
            color: #161616;
            text-transform: uppercase;
            cursor: pointer;
            transition: background-color 0.2s ease;
            text-decoration: none;
        }

        .buy-button:hover {
            background-color: #c19a8d;
        }

        .favorite-button {
            background: none;
            border: none;
            cursor: pointer;
            padding: 5px;
            transition: transform 0.2s ease;
        }

        .favorite-button:hover {
            transform: scale(1.1);
        }

        .heart-icon {
            width: 31px;
            height: 26px;
        }

        /* Product Specifications */
        .product-specifications {
            margin-top: 30px;
            display: flex;
            flex-direction: column;
            gap: 20px;
            width: 403px;
        }

        .spec-row {
            display: flex;
               gap: 5px;
            align-items: end;
        justify-content: space-between;

        }

        .spec-label {
            font: 400 15px "Futura New Book";
            color: #575656;
            text-align: justify;
            text-overflow: ellipsis;
            white-space: nowrap;
            position: relative;
            width: auto;
        }
        .spec-line {
            position: relative;
            bottom: 6px;
            border-bottom: 1px dotted #494949;
            flex-grow: 1;
            padding: 0 5px;

        }
        .spec-label span {
            background: #fff;
            position: relative;
            z-index: 9;
        }

        .spec-dots {
            flex: 1;
            height: 2px;
        }

        .spec-value {
            font: 400 15px "Futura New Book";
            color: #575656;
            text-align: right;
            /* overflow: hidden; */
            /* text-overflow: ellipsis; */
            /* display: -webkit-box; */
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            max-width: 50%;
            /* order: 1; */
            width: auto;
        }

        /* Expandable Sections */
        .expandable-sections {
            display: flex;
            flex-direction: column;
            gap: 1px;
        }

        .spec-section {
            border: none;
        }

        .spec-section::before {
            content: '';
            display: block;
            width: 100%;
            height: 1px;
            background-color: #abaaaa;
        }

        .spec-section.expanded::before {
            background-color: #d0a99e;
        }

        .section-header {
            display: flex;
            padding: 0 10px;
            justify-content: space-between;
            align-items: center;
            height: 44px;
            cursor: pointer;
            list-style: none;
        }

        .section-header::-webkit-details-marker {
            display: none;
        }

        .section-title {
            font: 400 24px "Futura New Book";
            color: #abaaaa;
            text-align: center;
        }
        .section-title:hover {
            color: #d0a99e;
        }
        .section-header.active .section-title {
            color: #d0a99e;
        }
        .expand-icon:hover > .icon-line {
            background-color: #d0a99e;
        }

        .expand-icon {
            width: 24px;
            height: 24px;
            position: relative;
        }

        .icon-line {
            position: absolute;
            background-color: #000;
        }

        .icon-line.horizontal {
            width: 11px;
            height: 1px;
            left: 7px;
            top: 12px;
        }

        .icon-line.vertical {
            width: 1px;
            height: 11px;
            left: 12px;
            top: 7px;
        }

        .spec-section[open] .icon-line.vertical {
            display: none;
        }

        .section-content {
            padding: 10px;
            font: 400 15px "Futura New Book";
            color: #575656;
            text-align: justify;
           /* border-bottom: 1px solid #abaaaa;*/
        }

        /* Product Features */
        .product-features {
            display: flex;
            align-items: center;
            gap: 20px;
            padding: 20px 0px;
            margin-top: 60px;
            width: 100%;
        }

        .feature-item {
            display: flex;
            width: 333px;
            padding: 20px;
            flex-direction: column;
            align-items: center;
            gap: 20px;
        }

        .feature-item img {
            max-height: 58px;
        }

        .feature-icon {
            width: 64px;
            height: 64px;
        }

        .feature-text {
            font: 400 30px "Futura New Book";
            color: #000;
            text-align: center;
            margin: 0;
        }

        .before-after {
            display: flex;
            gap: 22px;
            align-items: stretch;
        }

.before-after__advantages {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.before-after__advantage.last span {
    line-height: 1;
    color: rgb(0, 0, 0);
    font-size: 24px;
    font-weight: 400;
    line-height: 29px;
    letter-spacing: 0%;
    text-align: left;
}

.before-after__advantage-header {
    color: rgb(0, 0, 0);
    font-size: 40px;
    font-weight: 450;
    line-height: 49px;
    letter-spacing: 0%;
    text-align: left;
}
.before-after__advantage-text {
    color: rgb(0, 0, 0);
    font-size: 24px;
    font-weight: 450;
    line-height: 1.1;
    letter-spacing: 0%;
    text-align: left;
}
        .before-after__advantage {
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
            gap: 5px;
            padding: 10px 20px 10px 20px;
            flex: none;
            order: 0;
            align-self: stretch;
            flex-grow: 0;
            margin: 20px 0px;
        }
        .before-after__advantage p {
            color: rgb(0, 0, 0);
            font-size: 40px;
            font-weight: 450;
            line-height: 49px;
            letter-spacing: 0%;
            text-align: left;
        }
        .before-after__advantage span {
            color: rgb(0, 0, 0);
            font-size: 24px;
            font-weight: 450;
            line-height: 0px;
            letter-spacing: 0%;
            text-align: left;
        }

        /**/

        details[open] .section-title {
            color: rgb(208, 169, 158);
        }

.slider {
  --value: 50%;
  position: relative;
  width: 100%;
  max-width: 422px;

  color: #ffff;
  background-color: #ffffff;
  aspect-ratio: 1/1;
  height: 568px;
}

.slider__img {
  position: absolute;
  top: 0;
  max-width: none;
  height: 100%;
  object-fit: cover;
}

.slider__img--before {
  left: 0;
  width: var(--value);
  border-right: 9.5px solid #fff;
  object-position: left;
}

.slider__img--after {
  right: 0;
  width: calc(100% - var(--value));
  border-left: 9.5px solid #fff;
  object-position: right;
}

.slider__range-js::-moz-range-thumb {
  width: 50px;
  height: 50px;
  background-color: currentColor;
  background-image: url('/local/templates/concept_phoenix_s1_local/images/Polygon 2.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border-radius: 50%;
  transform: translateX(calc(var(--value) - 50%));
  appearance: none;

}

.slider__range-js::-webkit-slider-thumb {
  width: 50px;
  height: 50px;

  background-image: url('/local/templates/concept_phoenix_s1_local/images/Polygon 2.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: translateX(calc(var(--value) - 90%));
  -webkit-appearance: none;
  appearance: none;
}

.slider__range-js {
  position: absolute;
  margin: 0;
  background-color: transparent;
  outline: 0;
  cursor: col-resize;
  -webkit-appearance: none;
  appearance: none;
  inset: 0;
}

.slider__range-js:hover {
  color: #4f4f4f;
}

.slider__range-js:active {
  color: #888888;
}

.slider__range-js:focus-visible::-moz-range-thumb {
  outline: auto;
}

.slider__range-js:focus-visible::-webkit-slider-thumb {
  outline: auto;
}
        /**/
        .product-video {
            margin-top: 60px;
        }
        .before-after {
            margin-top: 60px;

        }
        #reviews-container {
            margin-top: 60px;
        }
        .product-video__title {
            color: rgb(0, 0, 0);
            font-size: 50px;
            font-weight: 450;
            line-height: 62px;
            letter-spacing: 0%;
            text-align: left;
            text-transform: uppercase;
        }
        .product-video__content {
            height: 543px;
            background: rgb(217, 217, 217);
            margin-top: 30px;
            position: relative;
        }
        .product-video__content svg {
            left: 50%;
            transform: translate(-50%, -50%);
            position: absolute;
            top: 50%;
        }
        .product-video__content img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.reviews-page {
    background-color: #fff;
    overflow: hidden;

}

@media (max-width: 991px) {
    .reviews-page {
        padding: 0 20px;
    }
}

.page-header {
    display: flex;
    width: 610px;
    max-width: 100%;
    flex-direction: column;
    font-family: Futura New, -apple-system, Roboto, Helvetica, sans-serif;
}

.breadcrumb {
    color: var(--2, #575656);
    font-size: 15px;
    font-weight: 400;
    align-self: start;
}

.breadcrumb-inactive {
    color: rgba(171, 170, 170, 1);
}

.breadcrumb-active {
    color: rgba(87, 86, 86, 1);
}

.page-title {
    color: rgba(0, 0, 0, 1);
    font-size: 50px;
    font-weight: 450;
    text-transform: uppercase;
    align-self: end;
    margin-top: 14px;
}

@media (max-width: 991px) {
    .page-title {
        font-size: 40px;
    }
}

.reviews-content {
    display: flex;
    margin-top: 30px;
    align-items: start;
    gap: 40px;
    justify-content: start;
    /*flex-wrap: wrap;*/
}

@media (max-width: 991px) {
    .reviews-content {
        max-width: 100%;
    }
}

.rating-summary {
    width: 192px;
}

.overall-rating {
    display: flex;
    width: 100%;
    align-items: start;
    gap: 10px;
    font-family: Futura New, -apple-system, Roboto, Helvetica, sans-serif;
    justify-content: start;
}

.rating-score {
    color: var(--1, #161616);
    font-size: 50px;
    font-weight: 450;
    text-transform: lowercase;
}

@media (max-width: 991px) {
    .rating-score {
        font-size: 40px;
    }
}

.rating-details {
    font-size: 10px;
    color: var(--4, #abaaaa);
    font-weight: 400;
    width: 99px;
}

.stars-image {
    aspect-ratio: 5.49;
    object-fit: contain;
    object-position: center;
    width: 99px;
}

.rating-count {
    color: var(--4, #abaaaa);
    margin-top: 5px;
}

.rating-breakdown {
    margin-top: 15px;
    width: 100%;
}

.rating-row {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 5px;
    justify-content: start;
}

.rating-row:not(:first-child) {
    margin-top: 5px;
}

.rating-label {
    align-self: stretch;
    display: flex;
    align-items: center;
    color: var(--2, #575656);
    white-space: nowrap;
    justify-content: start;
    margin: auto 0;
    font: 400 12px Futura New, -apple-system, Roboto, Helvetica, sans-serif;
}

@media (max-width: 991px) {
    .rating-label {
        white-space: initial;
    }
}

.star-number {
    color: var(--2, #575656);
    align-self: stretch;
    margin: auto 0;
}

.star-icon {
    aspect-ratio: 1.15;
    object-fit: contain;
    object-position: center;
    width: 15px;
    align-self: stretch;
    flex-shrink: 0;
    margin: auto 0;
}

.progress-item {
   box-sizing: border-box;
    padding: 0 12px;
    width: 100%;
}

.progress-filled {
  background: #e2e7ec;
    border-radius: 5px;
    height: 3px;
    overflow: hidden;
    width: 100%;
}

.progress-empty {
   background-color: #D0A99E;
    height: 3px;
    transform-origin: 0;
    transition: transform .5s ease-in-out;
    width:0;
}

.progress-filled-small {
    align-self: stretch;
    display: flex;
    width: 17px;
    flex-shrink: 0;
    height: 3px;
    background-color: var(--3, #d0a99e);
    margin: auto 0;
}

.progress-empty-large {
    align-self: stretch;
    display: flex;
    width: 120px;
    flex-shrink: 0;
    height: 3px;
    background-color: var(--5, #d5d5d5);
    margin: auto 0;
}

.progress-empty-full {
    align-self: stretch;
    display: flex;
    min-height: 3px;
    width: 100%;
    flex: 1;
    flex-shrink: 1;
    flex-basis: 0%;
    background-color: var(--5, #d5d5d5);
    margin: auto 0;
}

.percentage {
    color: var(--2, #575656);
    align-self: stretch;
    width: 23px;
    margin: auto 0;
    font: 400 12px Futura New Book, -apple-system, Roboto, Helvetica, sans-serif;
}

.leave-review-btn {
    justify-content: center;
    align-items: center;
    display: flex;
    margin-top: 15px;
    width: 100%;
    gap: 10px;
    color: rgba(22, 22, 22, 1);
    text-align: center;
    text-transform: uppercase;
    background-color: var(--3, #d0a99e);
    padding: 10px 20px;
    font: 400 15px Futura New Book, -apple-system, Roboto, Helvetica, sans-serif;
    border: none;
    cursor: pointer;
}
.leave-review-btn:hover {
     background-color: #B28D7C;
      color: rgba(22, 22, 22, 1);
}
.leave-review-btn a {
    align-self: stretch;
    margin: auto 0;
    color: rgba(22, 22, 22, 1);
}


.reviews-list {
    min-width: 240px;
    font-family: Futura New Book, -apple-system, Roboto, Helvetica, sans-serif;
    width: 718px;
}

@media (max-width: 991px) {
    .reviews-list {
        max-width: 100%;
    }
}

.reviews-container {
    width: 100%;

}

@media (max-width: 991px) {
    .reviews-container {
        max-width: 100%;
        padding-bottom: 20px;
    }
}

.review-comment {
    width: 100%;
}

@media (max-width: 991px) {
    .review-comment {
        max-width: 100%;
    }
}

.review-comment:not(:first-child) {
    margin-top: 15px;
}

.review-content {
    width: 100%;
}

@media (max-width: 991px) {
    .review-content {
        max-width: 100%;
    }
}

.review-header {
    width: 100%;
}

@media (max-width: 991px) {
    .review-header {
        max-width: 100%;
    }
}

.user-info {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    color: var(--2, #575656);
    font-weight: 700;
    white-space: nowrap;
    justify-content: start;
    flex-wrap: wrap;
}

@media (max-width: 991px) {
    .user-info {
        max-width: 100%;
        white-space: initial;
    }
}

.user-name {
    color: var(--2, #575656);
    leading-trim: both;
    text-edge: cap;
    align-self: stretch;
    margin: auto 0;
}

.user-rating {
    aspect-ratio: 5.49;
    object-fit: contain;
    object-position: center;
    width: 44px;
    align-self: stretch;
    flex-shrink: 0;
    margin: auto 0;
}

.review-date {
    color: var(--4, #abaaaa);
    font-size: 10px;
    font-weight: 400;
    opacity: 0.5;
    margin-top: 5px;
}

@media (max-width: 991px) {
    .review-date {
        max-width: 100%;
    }
}

.review-text {
    margin-top: 10px;
    width: 507px;
    max-width: 100%;
    font-size: 15px;
    color: var(--2, #575656);
    font-weight: 400;
}

.review-text.expandable {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: start;
}

.review-description {
    color: var(--2, #575656);
}

@media (max-width: 991px) {
    .review-description {
        max-width: 100%;
    }
}

.read-more {
    align-self: start;
    display: flex;
    margin-top: 10px;
    align-items: center;
    gap: 5px;
    color: var(--4, #abaaaa);
    white-space: nowrap;
    justify-content: start;
    cursor: pointer;
}

@media (max-width: 991px) {
    .read-more {
        white-space: initial;
    }
}

.read-more-text {
    color: var(--4, #abaaaa);
    leading-trim: both;
    text-edge: cap;
    align-self: stretch;
    margin: auto 0;
}

.read-more-icon {
    aspect-ratio: 1.75;
    object-fit: contain;
    object-position: center;
    width: 14px;
    stroke-width: 1px;
    stroke: var(--4, #abaaaa);
    align-self: stretch;
    flex-shrink: 0;
    margin: auto 0;
}

.review-divider {
    aspect-ratio: 1000;
    object-fit: contain;
    object-position: center;
    width: 718px;
    stroke-width: 1px;
    stroke: var(--4, #abaaaa);
    margin-top: 20px;
    max-width: 100%;
}

 .nav-up-m, .nav-down-m {
                display: none;
            }
.nav-up, .nav-down {
display: block;
}

        /* Responsive Design */
        @media (max-width: 991px) {
            .product-card {
                width: 100%;
                max-width: 768px;
                padding: 20px;
                min-height: auto;
            }

            .breadcrumb {
                position: static;
                margin-bottom: 20px;
                width: auto;
                height: auto;
            }

            .product-content {
                flex-direction: column;
                padding: 0;
                margin-top: 20px;
            }

            .image-gallery {
                width: 100%;
                margin-bottom: 20px;
            }

            .main-image-container {
                width: 100%;
                height: auto;
            }

            .main-product-image {
                width: 100%;
                height: auto;
            }

            .thumbnail-navigation {
                flex-direction: row;
                width: 100%;
                height: auto;
                gap: 10px;
                margin-top: 20px;
                justify-content: center;
            }

            .thumbnail {
                width: 80px;
                height: 80px;
            }

            .product-details {
                width: 100%;
                max-width: none;
                gap: 20px;
            }

            .purchase-section {
                width: 100%;
            }

            .action-buttons {
                flex-direction: column;
                gap: 15px;
            }

            .buy-button {
                width: 100%;
            }

            .product-specifications {
                width: 100%;
                margin-top: 20px;
                gap: 15px;
            }

            .spec-row {
                flex-direction: column;
                align-items: flex-start;
                gap: 5px;
            }

            .product-features {
                flex-direction: column;
                padding: 20px;
                gap: 20px;
                margin-top: 30px;
            }

            .feature-item {
                width: 100%;
            }
            .feature-item img {
                max-height: 58px;
            }

            .feature-text {
                font-size: 24px;
            }
        }

        @media (max-width: 640px) {
            .product-card {
                padding: 0;
            }

            .breadcrumb {
                font-size: 13px;
            }

            .product-title {
                font-size: 28px;
            }

            .thumbnail {
                width: 60px;
                height: auto;
            }



            .product-details {
                gap: 15px;
            }

            .product-specifications {
                gap: 15px;
            }

            .section-title {
                font-size: 18px;
            }

            .feature-text {
                font-size: 20px;
            }

            .product-features {
                gap: 15px;
            }
            .thumbnail-navigation__img {
                flex-direction: row;
            }
                .thumbnail-navigation {
                flex-wrap: nowrap;
                justify-content: center;
            }
            .thumbnail-navigation__container {
                height: auto;
            }
             .nav-up-m, .nav-down-m {
                display: block;
            }
.nav-up, .nav-down {
display: none;
}

        }


div.review-comment {
    padding-bottom: 20px;

    border-bottom: 1px solid #ABAAAA;
    position: relative;
}
form.form-review {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
    padding: 0px;
}
.review-form-container {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    padding: 60px 80px;
    font: 400 15px 'Futura New Book', -apple-system, Roboto, Helvetica, sans-serif;
    min-height: 100vh;
    max-width: 1040px;
    width: 100%;
}
.favorite-button svg:hover {
    fill: #D0A99E;
}
.favorite-button.active svg{
    fill: #D0A99E
}
.form-wrapper {
    display: flex;
    max-width: 100%;
    flex-direction: column;
    align-items: center;
}
.review-form-container .form-fields {
    margin-top: 30px;
    width: 341px;
    max-width: 100%;
}

.review-form-container .form-row {
    display: flex;
    width: 100%;
    align-items: start;
    gap: 16px;
    justify-content: start;
    margin:0;
    flex-direction: row;
    flex-wrap: nowrap;

}
.full-width {
    width: 100%;
}
.input-group input {
    height: 30px;
    width: 100%;
}

.full-width textarea {
    width: 100%;
    height: 30px;
}
.input-group input {
    height: 30px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    padding: 10px 20px 10px 10px;
    color: rgb(87, 86, 86);
    /* font-family: Futura New; */
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    border: 1px solid rgb(87, 86, 86);
}
.input-group textarea {
     display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    padding: 5px 10px 0 10px;
    color: rgb(87, 86, 86);
    border: 1px solid rgb(87, 86, 86);
}
.privacy-notice {
    margin: 0 auto;
    color: rgb(87, 86, 86);
    font-family: Futura New;
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0%;
    text-align: center;
}
button.submit-button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 10px 20px 10px 20px;
    background: rgb(208, 169, 158);
    border: 1px;
    margin: 0 auto;
    width: 192px;
}
.rating-area {
    width: 100%;
    margin-top: 60px;
    margin-bottom: 35px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    gap: 10px;
}
.rating-area:not(:checked) > input {
	display: none;
}
.rating-area:not(:checked) > label {

    width: auto;
    padding: 0;
    cursor: pointer;
    font-size: 57px;
    line-height: 32px;

        color: #abaaaaa8;

}
.rating-area:not(:checked) > label:before {
	content: '★';
}
.rating-area > input:checked ~ label {
	color: #B28D7C;

}
.rating-area:not(:checked) > label:hover,
.rating-area:not(:checked) > label:hover ~ label {
	color: #CDB5A8;
}
.rating-area > input:checked + label:hover,
.rating-area > input:checked + label:hover ~ label,
.rating-area > input:checked ~ label:hover,
.rating-area > input:checked ~ label:hover ~ label,
.rating-area > label:hover ~ input:checked ~ label {
	color: #CDB5A8;

}
.rate-area > label:active {
	position: relative;
}
.review-form-container .form-title {
    color: rgb(0, 0, 0);
    font-size: 40px;
    font-weight: 450;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: left;
    text-transform: uppercase;
}
#reviews-container {
    /*padding-left: 80px;
    padding-right: 84px;*/
}
button.fancybox-button.fancybox-close-small {
    right: 67px;
    padding: 10px;
    top: 10px;
}
a.privacy-link {
    color: #575656;
}
ul.select-input li.notallowed.active {
    opacity: 1;
}
ul.select-input li.active {
    display: block;
}
table.cart-char-table td.dotted {
    vertical-align: bottom;
    width: 100%;
    padding: 0 10px;
}
table.cart-char-table td.dotted div.dotted {
    position: relative;
    bottom: 6px;
    border-bottom: 1px dotted #494949;
}
.wrapper-quantity.quantity-block.hidden-js.active {
    display: none;
}
.wrapper-price.block-price, .wrapper-btns, .wrapper-skudiv {
    margin: 10px 0;
}
ul.sku-props.select-input {
    border: 1px solid rgb(22, 22, 22);
}
.info-right-side-inner .add2basket {
    display: flex;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    flex: 1;
    border: none;
    font: 400 15px "Futura New Book";
    color: #161616 !important;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color 0.2s ease;
    text-decoration: none;
}
.move2basket {
    display: none;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    flex: 1;
    border: none;
    font: 400 15px "Futura New Book";
    color: #161616 !important;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color 0.2s ease;
    text-decoration: none;
}

.in-cart .add2basket {
    display: none;
}
.in-cart .add2basket {
    display: none;
}

.in-cart .info-right-side-inner .move2basket {
     display: flex ;
         width: 193px;
}

.info-right-side-inner .add2basket:hover, .info-right-side-inner .move2basket:hover {
    background: rgb(178, 141, 124);
}

.wrapper-price-sku-props {
    width: 234px;
}
.wrapper-btns .wrapper-delay-compare-icons {
    position: relative;
}
.wrapper-btns {
    display: flex;
    gap: 10px;
    max-width: 234px;
    width: 100%;
}


.info-right-side-inner .add2basket  {
    width: 193px;
}
.star-rating svg {
    width: 17px;
}
.reviews-header {
    display: none;
}
.reviews-list-mobile {
   display: none;
}
@media (max-width: 650px) {
    .detail-catalog .container {
        max-width: 100vw;
        padding: 0 20px;
    }
    .image-gallery {
        flex-direction: column-reverse;
    }
    .nav-button.nav-down-m, .nav-button.nav-up-m {
        transform: rotate(-90deg);
    }
    .spec-row, .feature-item {
        display:none;
    }
    #reviews-container {
        padding: 0;
    }
    .rating-summary {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        width: 100%;
    }
    .rating-breakdown {
        width: 50%;
        margin: 0;
    }

    .overall-rating {
        width: 50%;
        flex-direction: column;
        gap: 15px;
    }
    .rating-score {
        font-size: 50px;
    }
    button.leave-review-btn {
        display: block;
        width: 100%;
    }
    .reviews-content {
        flex-wrap: wrap;
    }
    .reviews-header {
        display: flex;
        justify-content: space-between;
    }
   .reviews-header .reviews-title{
        color: rgb(22, 22, 22);
        font-size: 25px;
        font-weight: 450;
        line-height: 31px;
        letter-spacing: 0%;
        text-align: left;
        text-transform: uppercase;
    }
    .reviews-header .reviews-more {
        color: rgb(171, 170, 170);
        font-size: 24px;
        font-weight: 400;
        line-height: 29px;
        letter-spacing: 0%;
        text-align: left;
        text-decoration: none;
        position: relative;
        display: flex;
        align-items: center;
        gap: 10px;

    }

    .reviews-header .reviews-more::after {
        content: url('/local/templates/concept_phoenix_s1_local/images/review_more.svg');


    }
    .review-form-container .form-title {
        font-size: 25px;
        font-weight: 450;
        line-height: 100%;
    }
    .review-form-container {
        padding: 80px 20px;
    }
    .rating-area:not(:checked) > label {
        font-size: 45px;
    }
    .rating-area {
        margin-top: 15px;
        margin-bottom: 10px;
    }
    .review-form-container .form-row {
        flex-direction: column;
    }
    button.fancybox-button.fancybox-close-small {
        right: 15px;
        padding: 10px;
        top: 10px;
    }
    .rating-title {
        color: rgb(0, 0, 0);

        font-size: 25px;
        font-weight: 450;
        line-height: 31px;
        letter-spacing: 0%;
        text-align: left;
        text-transform: uppercase;
        margin-top: 60px;
    }
    .review-content .review-title {
        color: rgb(87, 86, 86);
        font-size: 15px;
        font-weight: 500;
        line-height: 19px;
        letter-spacing: 0%;
        text-align: left;
    }
    .review-description {
        color: rgb(87, 86, 86);
        font-size: 15px;
        font-weight: 400;
        line-height: 18px;
        letter-spacing: 0%;
        text-align: left;
    }
    .product-breadcrumb {
        max-width: 100vw;
        width: 100vw;
        padding: 0;
        overflow: hidden;
    }
    .breadcrumb-items a, .breadcrumb-items .razd, .breadcrumb-items .active {
        font-size: 12px;

    }
    .breadcrumb-items {
        flex-wrap: wrap;
    }

}

button.fancybox-button.fancybox-close-small:hover {
    background-color: #fff;
    color: #B28D7C;
}

body.font-maincolor-light .universal-arrows-mini .arrow-next:hover, body.font-maincolor-light .universal-arrows-mini .arrow-prev:hover{
    background-color: #EBE0D9 !Important;
}

div.catalog-list.FLAT div.item div.wrapper-image img {
        max-height: 240px;
    /* display: block; */
    height: auto;
    margin-bottom: 20px;
    max-width: 100%;
    width: 100%;
    aspect-ratio: 2 / 3;
    object-fit: contain;
}

.product-hit {
    max-width: 48px;
    padding: 9px 10px;
    font-weight: 600;
    font-size: 13px;
    line-height: 130%;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
    background-color: #FFC183;
    color: #963A00;
}

.delivery {
    margin-bottom: 1rem;
}

.delivery-title {
    font-weight: bold;
}