
.index-product {
    .product__wrapper { width: 100%; max-width: 1720px; margin: auto; padding: 0 20px; 
        .product__wrapper__inner { max-width: 100%; 
            .product__thumbs{ width: 100%; flex: 0 0 103px;
                .product__thumb__link { width: 100%; height: 115px; 
                    .image-wrapper { height: 115px; 
                        img { border-radius: 5px; }
                    }
                }
                .product__thumb { margin: 0 0 6px; }
            }
            .product__photo img { border-radius: 10px; }
            .product__page { display: flex; gap: 0; justify-content: center; 
                .product__images { width: 40%; }
                .product__content { width: 45%; padding-left: 80px; 
                    .product__title { font-size: 40px; }
                    .jdgm-widget { margin: 0 0 16px; }
                    .jdgm-preview-badge .jdgm-star.jdgm-star { color: #21201F; }
                    .variant__countdown {
                        .variant__countdown--in, .variant__countdown--low { align-items: end; gap: 10px; 
                            svg { margin: 0; }
                        }
                        .variant__countdown-text { font-size: 16px; color: #AC6828; font-weight: 400; }
                        .return-text { color: #141414; font-weight: 400;  font-size: 16px; }
                    }
                    .product__price { font-size: 28px; 
                        
                    }
                    .main-product-variant { border-top: 1px solid #1414141A; }
                    .main-product-variant {
                        .radio__legend__option-name { font-size: 18px; color: #141414; }
                        .radio__legend { margin-bottom: 10px; }
                        .variant-selected-value { color: #14141499; font-size: 16px; }
                    }
                    .size_selectors a { color: #000; }
                    .product__form__outer { position: relative;
                        .size_selectors { position: absolute; bottom: 62px; left: 15%; }
                    }
                    .main-variant-selection { position: relative; 
                        .variant-error { position: absolute; bottom: -10px; overflow: hidden; }
                    }
                    .selector-wrapper--size {
                        .variant-error { bottom: -25px;  }
                    }
                    .radio__fieldset .radio__button label { padding-top: 10px; padding-bottom: 6px; }
                    .payment-image {
                        img { width: 100%; }
                        .mobpayment { display: none; }
                    }
                    .product__submit__buttons {
                       .btn__text { text-transform: uppercase; font-size: 14px; letter-spacing: normal; font-weight: 500; font-family: 'Sofia Pro';
    display: block; line-height: 21px; margin-bottom: -2px; color: #fff; } 
                    }
                   
                }
            }
        }
    }
}

.product__images--mobile-slider .product__slide { margin: 0 !important; }


/* .product__page {
    .swiper-wrapper { display: flex; overflow: hidden;
        .swiper-slide { flex: none; }
    }
} */

.index-products.section-padding {
    .grid-container { padding: 0 100px; 
        .grid__heading { font-size: 44px; color: #141414; font-weight: 500; }
        .btn { border: 0 !important;
            span { font-size: 16px; letter-spacing: normal; display: block; text-transform: uppercase; font-weight: 500; font-family: 'Sofia Pro'; }
            &:hover { background: transparent !important; border: 0 !important; }
        }
        .grid__items-holder {
            .grid { gap: 16px; 
                .grid-item { background: #fff; }
                .product-information { background: #fff; text-align: left; padding: 0; 
                    .product-item__info { padding-left: 0; 
                        .product-item__title { font-size: 20px; font-family: 'Playfair Display'; font-weight: 500; margin: 0 0 10px; }
                        .price { color: #141414; font-size: 16px; }
                    }
                    .radio__fieldset { background: transparent; }
                }
            }
        }
        .product-item__image:not(.image--empty) { border-radius: 10px; }
    }
} 

.faq { max-width: 950px; 
    .accordion__heading {  font-size: 48px; color: #141414; font-weight: 500; text-align: center; margin-top: 0;  }
    .accordion { background: #fff; padding: 10px 24px; margin: 0 0 10px; border-radius: 5px; 
        .accordion__title { font-size: 20px; font-weight: 400; color: #141414; padding: 12px 0; }
        .accordion__content {
            p { color: #141414BF; font-size: 16px; 
                strong { font-weight: 300; }
            }
            ul li { color: #141414BF; font-size: 16px; }
        }
    }
}

.index-products {
    .radio__fieldset--pgi { visibility: visible !important; opacity: 1 !important; min-width: 100% !important; }
    .product-item__swatches__count { display: none !important; }
}

 @media only screen and (max-width: 1439px) { 
    .index-product {
        .product__wrapper {
            .product__wrapper__inner {
                .product__page {
                    .product__content {  padding-left: 40px; width: 52%; 
                        .product__form__outer {
                            .size_selectors { bottom: 63px; }
                        }
                    }
                    .product__images { width: 48%; }
                }
            }
        }
    }
 }


@media only screen and (max-width: 768px) {  
    .index-product {
        .product__wrapper {
            .product__wrapper__inner {
                .product__page { display: block; 
                    .product__images { width: 100%; }
                    .product__content { width: 100%; padding: 0; 
                        .product__title { font-size: 24px; }
                        .variant__countdown { margin-bottom: 10px; 
                            .variant__countdown-text { font-size: 14px; }
                            .return-text { font-size: 14px; }
                            .variant__countdown--in, .variant__countdown--low  {
                                svg { width: 16px; }
                            }
                        }
                        .product__form__outer {
                            .size_selectors { bottom: 53%; right: 0; justify-content: right; }
                        }
                        .payment-image {
                            .deskpayment { display: none; }
                            .mobpayment { display: block; }
                        }
                        .main-variant-selection { 
                            .variant-error { bottom: -4px; }
                        }
                        .selector-wrapper--size {
                            .main-variant-selection { 
                                .variant-error { bottom: -20px; }
                            }
                        } 
                    }
                }
            }
        }
    }
    .index-product {
        .product__wrapper { padding: 0 16px; }
    }
    span.jdgm-prev-badge__text { font-size: 14px; }
    .description { font-size: 14px !important; }
    .product__custom-code { margin-bottom: 10px; }
    .product__selectors .radio__fieldset { padding-top: 0; }
    .product__slides.product-single__photos { padding: 0; }

    .index-products.section-padding { padding: 40px 0; 
        .grid__heading-holder { display: flex; justify-content: space-between; }
        .grid-container { padding: 0 16px; 
            .grid__heading { font-size: 28px; }
            .btn span { font-size: 14px;  }
            .grid__items-holder {
                .grid { gap: 0px; }
            }
        }
    }    
    .index-products.section-padding {
        .grid-container {
            .grid__items-holder {
                .grid {
                    .grid-item { width: calc(100% - 150px); }
                    .product-information {
                        .product-item__info {
                            .product-item__title {  font-size: 16px; }
                        }
                    }
                }
            }
        }
    }

    .faq {
        .accordion__heading { font-size: 28px; margin-bottom: 24px; }
        .accordion { padding: 20px; 
            .accordion__title { font-size: 18px; padding: 0; padding-right: 10px; }
            .accordion__content { padding-bottom: 0; 
                p { margin-bottom: 0; }
            }
            .icon { right: -10px; }
        }
    }

    .product__images--mobile-slider .product__slide {
        width: calc(100% - 0px);
        margin: 0 8px 0 0; 
    }
    .product__images--mobile-slider .media--hidden figure img, .product__images--mobile-slider .media--hiding figure img { border-radius: 0px; }

    .pdp-new {
        .page-header { position: absolute; width: 100%; top: 35px; background: transparent; 
            .theme__header:after { background: transparent; }
        }
        .js__header__stuck {
            .theme__header:after { background: #f5efe5; }
        }
    }
    .index-product {
        .product__wrapper {
            .product__wrapper__inner {
                .product__photo img { border-radius: 0; }
            }
        }
    }

    .product__images--mobile-slider { position: relative;
        .product__thumbs { min-height: auto; position: absolute; bottom: 0; 
            display: none; 
            .product__thumbs__holder { justify-content: center; gap: 5px; 
                .product__thumb__link { height: auto !important; }
            }
            .product__thumb { margin: 0; width: 10px; height: 10px; background: #ddd; border-radius: 100px; padding: 0;
                    .image-wrapper { height: auto !important; }
                a { display: none; }
                &.is-active { background: #ddd; 
                    &:after { opacity: 0; }
                }
            }
        }
    }

       .index-products.section-padding {
        .grid-container {
            .grid__items-holder {
                .grid {
                    .product-information {
                        .product-item__info {
                            .price { font-size: 20px; }
                        }
                    }
                }
            }
        }
    }
}




@media (max-width: 767px) {
  .mobile-only {
    display: block;
  }

  .product-media-arrows {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
    z-index: 5;
  }

  .media-arrow {
    pointer-events: auto;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: none;
    background: rgba(255,255,255,0.5);
    color: #000;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
  .product-media-arrows.mobile-only {
    display: flex;
}

}

@media (min-width: 768px) {
  .mobile-only {
    display: none;
  }
 
}
