@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/site/lato-400.woff") format('woff');
}
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/site/lato-700.woff") format('woff');
}
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/site/montserrat-400.woff") format('woff');
}
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/site/montserrat-500.woff") format('woff');
}
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/site/montserrat-600.woff") format('woff');
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/site/poppins-400.woff2") format('woff2');
}
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/site/poppins-600.woff2") format('woff2');
}
@font-face {
    font-weight: normal;
    font-style: normal;
    font-family: "woodmart-font";
    src: url("../fonts/woodmart.woff2") format("woff2");
}
html{
    scroll-behavior: smooth;
}
body{
    
    min-height: 100%;
    scroll-behavior: smooth;
}

body {
    font-size: 16px;
    font-weight: 300;
    line-height: 19px;
    font-family:  "Montserrat", serif;
    color: #242424;
    min-width: 320px;
    margin: 0;
    padding: 0;
}

ul{
    list-style-type:none;
    margin: 0;
    padding: 0;
}

.wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    overflow: hidden;
}
.container{
    max-width: 1300px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box;
}
.seo-text__body ul{
    padding-left: 20px!important;
    list-style: disc!important;
    margin-bottom: 16px!important;
}
.visually-hidden{
    position: absolute !important;
    left: -9999px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.hidden{
    display: none !important;
}

.header{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    background-color: #212121;
    transition: background-color .3s ease;
}

.header--transparent{
    background-color: transparent;
}
.header--transparent.is-scrolled{
    background-color: #212121;
}

.header__inner{
    display: flex;
    align-items: center;
    max-width: 1300px;
    margin-inline: auto;
    padding-inline: 0;
    height: 55px;
}

.header__logo{
    display: flex;
    align-items: center;
    margin-right: 90px;
}
.header__logo img{
    display: block;
    width: 135px;
}

.nav{
    display: flex;
    flex: 1 1 auto;
    align-self: stretch; 
}
.nav__list{
    display: flex;
    align-items: stretch; 
}
.nav__item{
    position: relative;
    display: flex;
    align-items: center; 
}
.nav__item + .nav__item{
    margin-left: 14px;
}
.nav__link{
    display: flex;
    align-items: center;
    gap: 5px;
    height: 100%;
    color: #fff;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 13px;
    letter-spacing: .3px;
    text-transform: uppercase;
    text-decoration: none;
    transition: color .2s ease;
}
.nav__link:hover{
    color: rgba(255, 255, 255, .8);
}

.nav__item--dropdown > .nav__link:after{
    content: "\f129";
    font-family: "woodmart-font";
    font-size: 10px;
    line-height: 1;
    margin-left: 2px;
    transition: transform .2s ease;
}
.nav__item--dropdown:hover > .nav__link:after{
    transform: rotate(180deg);
}

.nav__dropdown{
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10;
    padding-top: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(4px);
    transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
}
.nav__item--dropdown:hover .nav__dropdown{
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}

.nav__dropdown-inner{
    background: rgba(255, 255, 255, .55);
    backdrop-filter: blur(26px) saturate(160%);
    -webkit-backdrop-filter: blur(26px) saturate(160%);
    box-shadow: 0 20px 50px rgba(0, 0, 0, .12);
}

.nav__dropdown--catalog{
    position: fixed;
    left: 0;
    right: 0;
    top: 55px;
    padding-top: 0;
}
.nav__dropdown--catalog .nav__dropdown-inner{
    padding: 50px 0;
}
.catalog-grid{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 40px 20px;
    max-width: 1300px;
    margin-inline: auto;
    padding-inline: 0;
}
.catalog-grid a,.catalog-grid span{
    display: inline-block;
    padding: 10px 16px;
    margin: -10px -16px;
    color: #242424;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 15px;
    letter-spacing: .3px;
    text-transform: uppercase;
    text-decoration: none;
    transition: background-color .2s ease;
}
.catalog-grid a:hover{
    background: #70789B !important;
    color: #000 !important;
}
.catalog-grid span.is-active{
    background: #70789B !important;
    color: #fff !important;
}

.nav__dropdown--sized{
    min-width: 360px;
}
.nav__dropdown--sized .nav__dropdown-inner{
    padding: 40px;
}

.nav__item--lang .nav__dropdown,
.nav__item--currency .nav__dropdown{
    left: 50%;
    transform: translateX(-50%) translateY(4px);
}
.nav__item--lang:hover .nav__dropdown,
.nav__item--currency:hover .nav__dropdown{
    transform: translateX(-50%) translateY(0);
}
.nav__dropdown--lang{
    min-width: 100px;
}
.nav__dropdown--lang .nav__dropdown-inner{
    padding: 30px 0;
    text-align: center;
}

.nav__sub-list--column{
    display: flex;
    flex-direction: column;
    gap: 28px;
}
.nav__dropdown--sized .nav__sub-list--column{
    gap: 28px;
}
.nav__sub-list a{
    display: inline-block;
    padding: 6px 14px;
    margin: -6px -14px;
    color: #242424;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: .3px;
    text-transform: uppercase;
    text-decoration: none;
    transition: background-color .2s ease;
}
.nav__sub-list a:hover{
    background: #70789B !important;
    color: #000 !important;
}

.tools{
    display: flex;
    align-items: center;
    margin-left: auto;
}
.tools__item{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    padding-inline: 12px;
    color: #fff;
    line-height: 1;
    font-size: 19px;
    text-decoration: none;
    cursor: pointer;
    transition: color .2s ease;
}
.tools__item:hover{
    color: rgba(255, 255, 255, .8);
}
.tools__text{
    font-size: 0;
}

.tools__count{
    position: absolute;
    top: 5px;
    right: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: rgb(112, 120, 155);
    color: #fff;
    font-size: 9px;
    font-weight: 500;
    line-height: 15px;
}

.tools .account{
    margin-left: 35px;
}

.cart{
    gap: 8px;
}
.cart .tools__count{
    left: 24px;
    right: auto;
}
.tools__subtotal{
    margin-left: 10px;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
}

.search:before{
    content: "\f130";
    font-family: "woodmart-font";
}
.heart:before{
    content: "\f106";
    font-family: "woodmart-font";
}
.compare:before{
    content: "\f128";
    font-family: "woodmart-font";
}
.account:before{
    content: "\f124";
    font-family: "woodmart-font";
}
.cart:before{
    content: "\f105";
    font-family: "woodmart-font";
}

.header__burger{
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 20px;
    height: 20px;
    left: 10px;
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
}
.header__burger span{
    display: block;
    height: 2px;
    background-color: #fff;
}

@media (max-width: 1200px){
    .header{
        height: 55px;
    }
    .header__inner{
        position: relative;
        justify-content: center;
    }
    
    .header__burger{
        display: flex;
        position: absolute;
        left: 15px;
        top: 50%;
        transform: translateY(-50%);
    }
    .product-card__info{
        padding-top: 15px;
    }
    .header__logo{
        margin-right: 0;
    }
    .nav{
        display: none; 
    }
    .tools{
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        margin-left: 0;
    }
    .tools__item.search,
    .tools__item.heart,
    .tools__item.compare,
    .tools__item.account{
        display: none;
    }
}

.mobile-menu{
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 200;
    display: flex;
    flex-direction: column;
    width: 320px;
    max-width: 88vw;
    background-color: #F1E9DF;
    transform: translateX(-100%);
    visibility: hidden;
    transition: transform .3s ease, visibility .3s ease;
}
.mobile-menu.is-open{
    transform: translateX(0);
    visibility: visible;
}

@media (max-width: 600px){
    .mobile-menu{
        width: 100%;
        max-width: 100vw;
    }
}
.mobile-menu__overlay{
    position: fixed;
    inset: 0;
    z-index: 199;
    background-color: rgba(0, 0, 0, .4);
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease, visibility .3s ease;
}
.mobile-menu__overlay.is-open{
    opacity: 1;
    visibility: visible;
}

.mobile-menu__header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 18px 20px;
    background-color: #fff;
}
.mobile-menu__search-trigger{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    color: #1D1D1B;
    font-size: 18px;
}
.mobile-menu__search-trigger:before{
    content: "\f130";
    font-family: "woodmart-font";
}
.mobile-menu__close{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: none;
    background: none;
    color: #1D1D1B;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
}
.mobile-menu__close-icon{
    position: relative;
    width: 13px;
    height: 13px;
}
.mobile-menu__close-icon:before,
.mobile-menu__close-icon:after{
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1.5px;
    background-color: #1D1D1B;
}
.mobile-menu__close-icon:before{ transform: rotate(45deg); }
.mobile-menu__close-icon:after{ transform: rotate(-45deg); }

.mobile-menu__tabs{
    display: flex;
}
.mobile-menu__tab{
    flex: 1 1 0;
    padding: 16px;
    border: none;
    background-color: #F1E9DF;
    color: #999;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: .3px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color .2s ease, color .2s ease;
}
.mobile-menu__tab.is-active{
    background-color: rgb(112, 120, 155);
    color: #fff;
}

.mobile-menu__body{
    flex: 1 1 auto;
    overflow-y: auto;
}
.mobile-menu__panel{
    display: none;
}
.mobile-menu__panel.is-active{
    display: block;
}

.mobile-menu__cat-list,
.mobile-menu__list{
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 20px;
}
.mobile-menu__cat-list li,
.mobile-menu__list li{
    border-bottom: 1px solid rgba(0, 0, 0, .08);
}
.mobile-menu__cat-list a,
.mobile-menu__list a,
.mobile-menu__cat-list span{
    display: block;
    padding: 16px 20px;
    color: #1D1D1B;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: .3px;
    text-transform: uppercase;
    text-decoration: none;
}
.mobile-menu__cat-list span{
    color: rgb(112, 120, 155);
}
.mobile-menu__list a{
    text-transform: none;
    font-weight: 500;
}
.mobile-menu__list-sub{
    padding: 14px 20px 6px;
    color: #999;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 11px;
    letter-spacing: .5px;
    text-transform: uppercase;
}

.hero{
    position: relative;
    width: 100%;
    min-height: 100vh;
    overflow: hidden;
    background-color: #111;
}
.hero__video{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(-50%, -50%);
}

.category-tiles{
    padding-top: 100px;
}
.category-tiles__container{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 20px;
    max-width: 1300px;
    margin-inline: auto;
}

.flip-tile{
    position: relative;
    display: block;
    height: 600px;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
}

.flip-tile__front{
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0 0 20px 20px;
    color: #fff;
}
.flip-tile__title{
    margin: 0;
    color: #F1E9DF;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 1;
}
.flip-tile__desc{
    margin-top: 8px;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 14px;
}

.flip-tile__back{
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0;
    transition: opacity .5s ease .2s;
}
.flip-tile:hover .flip-tile__back{
    opacity: 1;
}

.flip-tile__button{
    display: inline-block;
    padding: 20px;
    border: 2px solid #fff;
    color: #fff;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2;
    text-align: center;
    transition: background-color .3s ease, color .3s ease;
}

.flip-tile__button:hover{
    background-color: #F1E9DF;
    color: #1D1D1B;
}

.video-triptych{
    position: relative;
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    padding-top: 100px;
}
.video-triptych__row{
    display: flex;
    height: 700px;
}
.video-triptych__video{
    display: block;
    width: 33.3333%;
    height: 100%;
    object-fit: cover;
}

.video-triptych__button{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 60px;
    z-index: 10;
    display: block;
    width: max-content;
    margin-inline: auto;
    padding: 17px 24px;
    background-color: #F1E9DF;
    color: #000;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 14px;
    text-decoration: none;
    text-align: center;
    transition: background-color .3s ease, color .3s ease;
}
.video-triptych__button:hover{
    background-color: #70789B;
    color: #F1E9DF;
}

.top-products{
    padding: 100px 0;
}
.top-products__container{
    max-width: 1300px;
    margin-inline: auto;
    padding-inline: 40px;
}

.top-products__header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
}
.top-products__title{
    margin: 0;
    color: #000;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 32px;
    text-transform: uppercase;
}
.top-products__all{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 20px;
    background-color: transparent;
    color: #1D1D1B;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
    transition: background-color .3s ease;
}
.top-products__all svg{
    width: 24px;
    height: auto;
    fill: #1D1D1B;
    transition: transform .25s ease;
}
.top-products__all:hover{
    background-color: #F1E9DF;
}
.top-products__all:hover svg{
    transform: translateX(6px);
}

.top-products__grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: stretch; 
    gap: 20px;
}

.product-card{
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.product-card:hover{
    z-index: 5;
}

.product-card__media{
    position: relative;
    aspect-ratio: 300 / 400;
    background-color: #f2f2f2;
    
}
.product-card__link{
    position: absolute;
    inset: 0;
    display: block;
    z-index: 1;
}

.product-card__media:before{
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    background-color: rgba(0, 0, 0, .5);
    opacity: 0;
    transform: scale(1);
    transition: opacity .3s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18);
    pointer-events: none;
}
.product-card__media:hover:before{
    opacity: 1;
    transform: scale(1.05);
}

.product-card__img{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.product-card__img--main{
    z-index: 1;
}

.product-card__img--hover{
    z-index: 2;
    opacity: 0;
    transform: scale(1);
    transition: opacity .5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18);
}
.product-card__media:hover .product-card__img--hover{
    opacity: 1;
    transform: scale(1.05);
}

.product-card__badges{
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: flex-start; 
    gap: 5px;
}
.product-card__badge{
    display: table;
    padding: .6em;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}
.product-card__badge--top{
    background-color: #9D848E;
    color: #fff;
}
.product-card__badge--new{
    background-color: #F1E9DF;
    color: #1D1D1B;
}
.product-card__badge--sale{
    background-color: #ff4747;
    color: #fff;
}

.product-card__buttons{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    display: flex;
    flex-direction: column;
    opacity: 0;
    visibility: hidden;
    transform: translateX(20px);
    transition: opacity .3s ease, visibility .3s ease, transform .3s ease;
}
.product-card__media:hover .product-card__buttons{
    opacity: 1;
    visibility: visible;
    transform: none;
}
.product-card__action{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border: none;
    background: none;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    transition: color .2s ease;
}
.product-card__action:hover{
    color: rgba(255, 255, 255, .7);
}
.product-card__action.compare:before{
    content: "\f128";
    font-family: "woodmart-font";
}
.product-card__action.wishlist:before{
    content: "\f106";
    font-family: "woodmart-font";
}
.product-card__action.selected{
    color: #ff6b6b;
}
.product-card__action.compare.selected{
    color: rgb(112, 120, 155);
}

.product-card__tooltip{
    position: absolute;
    top: 50%;
    right: calc(100% + 8px);
    z-index: 5;
    padding: 7px 15px;
    background-color: rgba(0, 0, 0, .9);
    color: #fff;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 400;
    white-space: nowrap;
    border-radius: 4px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-50%);
    transition: opacity .2s ease, visibility .2s ease;
}

.product-card__tooltip:after{
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    width: 7px;
    height: 7px;
    background-color: rgba(0, 0, 0, .9);
    transform: translateY(-50%) rotate(45deg);
    margin-left: -4px;
}
.product-card__action:hover .product-card__tooltip{
    opacity: 1;
    visibility: visible;
}

.product-card__view-btn{
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    padding: 16px 30px;
    border: 2px solid #F1E9DF;
    background: transparent !important;
    color: #F1E9DF !important;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.2;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    opacity: 0;
    transform: translate(-50%, -50%) scale(.96);
    transition: all .3s ease;
}
.product-card__media:hover .product-card__view-btn{
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}
.product-card__view-btn:hover{
    background-color: #F1E9DF !important;
    color: #1D1D1B !important;
}

.product-card__info{
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    padding-top: 28px;
    text-align: center;
}
.product-card__title{
    margin: 0 0 8px;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 14px;
}
.product-card__title a{
    color: #000;
    text-decoration: none;
}
.product-card__title a:hover{
    color: rgb(112, 120, 155);
}

.product-card__rating{
    position: relative;
    display: inline-block;
    margin-bottom: 8px;
    font-family: "woodmart-font";
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 1;
}
.product-card__rating:before{
    content: "\f149\f149\f149\f149\f149";
    color: #E0E0E0;
}
.product-card__rating:after{
    content: "\f148\f148\f148\f148\f148";
    position: absolute;
    inset-inline-start: 0;
    top: 0;
    width: var(--rating, 0%);
    overflow: hidden;
    color: #EABE12;
    white-space: nowrap;
}

.product-card__price{
    margin-top: auto;
    color: rgb(112, 120, 155);
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 14px;
}
.product-card__price del{
    margin-right: 6px;
    color: #aaa;
    font-weight: 400;
    text-decoration: line-through;
}
.product-card--out-of-stock{
    opacity: .6;
}

@media (max-width: 1200px){
    .top-products__grid{
        grid-template-columns: repeat(2, 1fr);
    }
}

.lookbook{
    padding: 0 0 100px;
}
.lookbook__container{
    max-width: 1300px;
    margin-inline: auto;
    padding-inline: 40px;
}

.lookbook__header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
}
.lookbook__title{
    margin: 0;
    color: #000;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 32px;
    text-transform: uppercase;
}
.lookbook__nav{
    display: flex;
    align-items: center;
    gap: 30px;
}
.lookbook__all{
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #000;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
    transition: color .2s ease;
}
.lookbook__all svg{
    transition: transform .2s ease;
}
.lookbook__all:hover{
    color: rgb(112, 120, 155);
}
.lookbook__all:hover svg{
    transform: translateX(4px);
}

.lookbook__track{
    position: relative;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    display: flex;
    gap: 20px;
    overflow-x: auto;
    scrollbar-width: none;
    
    overflow-y: hidden;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
}
.lookbook__track::-webkit-scrollbar{
    display: none;
}
.lookbook__slide{
    position: relative;
    flex: 0 0 auto;
    width: calc((100% - 40px) / 3.1); 
    scroll-snap-align: start;
}

.lookbook__dots{
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 30px;
}
.lookbook__dot{
    width: 8px;
    height: 8px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background-color: #D9D9D9;
    cursor: pointer;
    transition: background-color .25s ease;
}
.lookbook__dot.is-active,
.lookbook__dot:hover{
    background-color: rgb(112, 120, 155);
}
.lookbook__img{
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1191 / 1488;
    object-fit: cover;
    background-color: #f2f2f2;
}

.hotspot{
    position: absolute;
    margin: -10px 0 0 -10px;
    width: 20px;
    height: 20px;
}
.hotspot__sonar{
    position: absolute;
    inset: -8px;
    display: block;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .5);
    animation: wd-Sonar 2s ease infinite;
}
.hotspot__btn{
    position: absolute;
    inset: 0;
    display: block;
    border-radius: 50%;
    background-color: rgb(112, 120, 155);
    box-shadow: 0 0 3px rgba(0, 0, 0, .15);
    cursor: pointer;
    animation: wd-Pulse 2s ease-in-out infinite;
    transition: background-color .3s ease;
}
.hotspot__btn:after{
    content: "";
    position: absolute;
    top: 7px;
    left: 7px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #fff;
}

@media (min-width: 1201px){
    .hotspot:hover .hotspot__btn{
        background-color: #fff;
    }
    .hotspot:hover .hotspot__card{
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translate(0, -50%);
    }
}

.hotspot.is-open .hotspot__btn{
    background-color: #fff;
}
.hotspot.is-open .hotspot__card{
    display: block;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate(0, -50%);
}

@keyframes wd-Sonar{
    0%{ transform: scale(.9); opacity: 1; }
    100%{ transform: scale(1.6); opacity: 0; }
}
@keyframes wd-Pulse{
    0%, 100%{ box-shadow: 0 0 0 0 rgba(112, 120, 155, .35); }
    50%{ box-shadow: 0 0 0 8px rgba(112, 120, 155, 0); }
}

.hotspot__card{
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 10;
    width: 200px; 
    padding-left: 20px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate(-10px, -50%); 
    transition: opacity .25s ease, visibility .25s ease, transform .25s ease;
}
.hotspot__card-inner{
    width: 180px;
    padding: 15px;
    background-color: #fff;
    box-shadow: 0 0 12px rgba(0, 0, 0, .15);
    text-align: center;
}
.hotspot__card-img img{
    display: block;
    width: 100%;
    height: auto;
    max-height: 170px;
    object-fit: cover;
}
.hotspot__card-title{
    margin: 10px 0 0;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.3;
}
.hotspot__card-title a{
    color: #000;
    text-decoration: none;
}
.hotspot__card-title a:hover{
    color: rgb(112, 120, 155);
}
.hotspot__card-price{
    margin-top: 6px;
    color: rgb(112, 120, 155);
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 14px;
}

.hotspot__card-btn{
    display: inline-block;
    margin-top: 12px;
    padding: 10px 20px;
    background-color: rgb(112, 120, 155);
    color: #fff;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color .3s ease, color .3s ease;
}
.hotspot__card-btn:hover{
    background-color: #F1E9DF;
    color: #1D1D1B;
}

@media (max-width: 1200px){
    .lookbook__track{
        grid-template-columns: 1fr;
    }
}

.press{
    padding: 0 0 100px;
}
.press__container{
    max-width: 1300px;
    margin-inline: auto;
    padding-inline: 40px;
}
.press__header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
}
.press__title{
    margin: 0;
    color: #000;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 32px;
    text-transform: uppercase;
}

.press__all{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 20px;
    background-color: transparent;
    color: #1D1D1B;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
    transition: background-color .3s ease;
}
.press__all svg{
    width: 24px;
    height: auto;
    transition: transform .25s ease;
}
.press__all:hover{
    background-color: #F1E9DF;
}
.press__all:hover svg{
    transform: translateX(6px);
}

.press__grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.press__item{
    display: block;
    position: relative;
    overflow: hidden;
    aspect-ratio: 3 / 4;
    background-color: #f2f2f2;
}
.press__item img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease;
}
.press__item:hover img{
    transform: scale(1.2);
}
.press__item-title{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    padding: 30px 16px 16px;
    background: linear-gradient(to top, rgba(0,0,0,.6), transparent);
    color: #fff;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
}

.subscribe{
    position: relative;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 600px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #333; 
}
.subscribe__inner{
    width: 100%;
    max-width: 640px;
    padding-inline: 20px;
    text-align: center;
}
.subscribe__text{
    margin: 0 0 30px;
    color: #FFFBFB;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.4;
}
.subscribe__form{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
}
.subscribe__input{
    width: 100%;
    padding: 17px 24px;
    border: none;
    background-color: #fff;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #242424;
}
.subscribe__input::placeholder{
    color: #8a8a8a;
}
.subscribe__btn{
    display: inline-block;
    padding: 17px 24px;
    border: none;
    background-color: #F1E9DF;
    color: #000;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color .3s ease, color .3s ease;
}
.subscribe__btn:hover{
    background-color: #70789B;
    color: #F1E9DF;
}

.insta{
    padding-bottom: 100px;
}
.insta__track{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    max-width: 1300px;
    margin-inline: auto;
    padding-inline: 40px;
}
.insta__slide{
    position: relative;
    overflow: hidden;
    aspect-ratio: 1 / 1;
    background-color: #f2f2f2;
}
.insta__slide img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease;
}
.insta__slide:hover img{
    transform: scale(1.08);
}
.insta__meta{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    padding: 15px;
    color: #fff;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 500;
    background: linear-gradient(to top, rgba(0,0,0,.45), transparent);
    opacity: 0;
    transition: opacity .3s ease;
}
.insta__slide:hover .insta__meta{
    opacity: 1;
}

.insta__dots{
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 30px;
}
.insta__dot{
    width: 8px;
    height: 8px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background-color: #D9D9D9;
    cursor: pointer;
    transition: background-color .25s ease;
}
.insta__dot.is-active,
.insta__dot:hover{
    background-color: rgb(112, 120, 155);
}

@media (max-width: 1200px){
    .press__grid,
    .insta__track{
        grid-template-columns: 1fr;
    }
}

@media (min-width: 769px) and (max-width: 1200px){
    .catalog-page .press__grid{
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 768px){
    .catalog-page .press__grid{
        grid-template-columns: 1fr;
    }
}

.footer{
    padding: 60px 0 40px;
    background-color: #fff;
    color: #1D1D1B;
}
.footer__container{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 50px;
    max-width: 1300px;
    margin-inline: auto;
    padding-inline: 40px;
}

.footer__logo img{
    display: block;
    width: 126px;
    height: 40px;
}

.footer__body{
    display: flex;
    flex: 1 1 auto;
    flex-wrap: nowrap;
    gap: 50px;
}

.footer__stores{
    flex: 0 0 calc(50% - 25px); 
    display: grid;
    grid-template-columns: repeat(2, minmax(180px, 1fr));
    gap: 20px 7px;
}
.footer__store{
    display: block;
    color: inherit;
    text-decoration: none;
}
.footer__store:hover .footer__store-city{
    color: rgb(112, 120, 155);
}
.footer__store-city{
    margin: 0 0 6px;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 15px;
    line-height: 1.4;
    color: #000;
}
.footer__store-hours{
    margin: 0;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #000;
}

.footer__nav{
    flex: 0 0 calc(50% - 25px); 
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.footer__nav-row{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.footer__nav-row--bottom{
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}
.footer__nav-col{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 14px 30px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.footer__nav-col li{
    flex: 0 0 calc((100% - 60px) / 3); 
}
.footer__nav-col a{
    color: #000;
    text-decoration: none;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 16px;
    text-transform: uppercase;
    transition: color .2s ease;
}
.footer__nav-col a:hover{
    color: rgb(112, 120, 155);
}

.footer__social{
    display: flex;
    align-items: flex-start;
    gap: 8px;
}
.footer__social-icon{
    display: block;
    width: 42px;
    height: 42px;
    transition: transform .2s ease;
}
.footer__social-icon svg{
    display: block;
    width: 100%;
    height: 100%;
}
.footer__social-icon:hover{
    transform: scale(1.1);
}

.footer__legal{
    display: flex;
    gap: 20px;
    margin-top: 20px;
}
.footer__legal a{
    color: #929292;
    text-decoration: none;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 16px;
    transition: color .2s ease;
}
.footer__legal a:hover{
    color: rgb(112, 120, 155);
}

@media (max-width: 1200px){
    .footer__container{
        flex-direction: column;
    }
}

.scroll-top{
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 50;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity .3s ease, visibility .3s ease, transform .3s ease, border-color .2s ease, background-color .2s ease;
}
.scroll-top.is-visible{
    opacity: 1;
    visibility: visible;
    transform: none;
}
.scroll-top:before{
    content: "";
    width: 8px;
    height: 8px;
    border-top: 1.5px solid #000;
    border-right: 1.5px solid #000;
    transform: translateY(3px) rotate(-45deg);
    transition: border-color .2s ease;
}
.scroll-top:hover{
    background-color: rgb(112, 120, 155);
    border-color: rgb(112, 120, 155);
}
.scroll-top:hover:before{
    border-color: #fff;
}

.catalog-page{
    padding-top: 55px; 
    padding-bottom: 100px;
}
.catalog-page__container{
    max-width: 1300px;
    margin-inline: auto;
    padding-inline: 40px;
    padding-top: 20px;
}

.catalog-toolbar{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.catalog-toolbar__row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px 30px;
}
.catalog-toolbar__row:first-child{
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(0, 0, 0, .105);
}

.catalog-breadcrumbs{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #242424;
}
.catalog-breadcrumbs__item{
    display: flex;
    align-items: center;
}
.catalog-breadcrumbs__item + .catalog-breadcrumbs__item:before{
    content: "/";
    margin-inline: 8px;
    color: #999;
}
.catalog-breadcrumbs a{
    color: #767676;
    text-decoration: none;
    transition: color .2s ease;
}
.catalog-breadcrumbs a:hover{
    color: rgb(112, 120, 155);
}
.catalog-breadcrumbs__delimiter{
    margin-inline: 8px;
    color: #999;
}
.catalog-breadcrumbs__current{
    font-weight: 600;
}

@media (max-width: 768px){
    .catalog-breadcrumbs{
        flex-wrap: nowrap;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    .catalog-breadcrumbs::-webkit-scrollbar{
        display: none;
    }
    .catalog-breadcrumbs__item{
        flex: 0 0 auto;
    }
}

.catalog-toolbar__count{
    margin: 0;
    color: #767676;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
}

.catalog-filters-btn{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0;
    border: none;
    background: none;
    color: #242424;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
}
.catalog-filters-btn__icon{
    display: inline-flex;
    font-size: 16px;
}
.catalog-filters-btn__icon:before{
    content: "\f15a";
    font-family: "woodmart-font";
}

.catalog-sort{
    position: relative;
}
.catalog-sort__select{
    appearance: none;
    -webkit-appearance: none;
    max-width: 250px;
    border: none;
    border-bottom: 1px solid #242424;
    outline: none;
    background: none;
    padding: 5px 20px 5px 2px;
    color: #242424;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
}
.catalog-sort:after{
    content: "\f119";
    font-family: "woodmart-font";
    position: absolute;
    top: 50%;
    right: 2px;
    transform: translateY(-50%);
    color: #242424;
    font-size: 12px;
    pointer-events: none;
}

.catalog-products-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: stretch;
    gap: 60px 20px;
    padding-top: 20px;
}

.catalog-pagination{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 3px;
    margin-top: 50px;
}
.catalog-pagination__item{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    height: 34px;
    padding-inline: 5px;
    color: #242424;
    text-decoration: none;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 14px;
    transition: background-color .2s ease, color .2s ease;
}
.catalog-pagination__item:hover{
    background-color: #f1f1f1;
}
.catalog-pagination__item.is-current{
    background-color: rgb(112, 120, 155);
    color: #fff;
}
.catalog-pagination__dots{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    height: 34px;
    color: #242424;
    font-size: 14px;
}
.catalog-pagination__item--next{
    font-weight: 400;
}

.filters{
    position: fixed;
    inset: 0;
    z-index: 200;
    visibility: hidden;
    pointer-events: none;
}
.filters.is-open{
    visibility: visible;
    pointer-events: auto;
}

.filters__overlay{
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, .4);
    opacity: 0;
    transition: opacity .3s ease;
}
.filters.is-open .filters__overlay{
    opacity: 1;
}

.filters__panel{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    width: 380px;
    max-width: 90vw;
    background-color: #fff;
    transform: translateX(-100%);
    transition: transform .3s ease;
}
.filters.is-open .filters__panel{
    transform: translateX(0);
}

.filters__header{
    display: flex;
    justify-content: flex-end;
    padding: 20px 30px;
    border-bottom: 1px solid #eee;
}
.filters__close{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: none;
    background: none;
    color: #242424;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 15px;
    cursor: pointer;
}
.filters__close-icon{
    position: relative;
    width: 14px;
    height: 14px;
}
.filters__close-icon:before,
.filters__close-icon:after{
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1.5px;
    background-color: #242424;
}
.filters__close-icon:before{
    transform: rotate(45deg);
}
.filters__close-icon:after{
    transform: rotate(-45deg);
}

.filters__body{
    position: relative;
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 0 30px;
}

.fn_ajax_wait{
    position: absolute;
    inset: 0;
    z-index: 10;
    background-color: rgba(255, 255, 255, .7);
}
.fn_ajax_wait:after{
    content: "";
    position: absolute;
    top: 40px;
    left: 50%;
    width: 32px;
    height: 32px;
    margin-left: -16px;
    border: 3px solid #e5e5e5;
    border-top-color: rgb(112, 120, 155);
    border-radius: 50%;
    animation: fn-ajax-spin .7s linear infinite;
}
@keyframes fn-ajax-spin{
    to{ transform: rotate(360deg); }
}

.filters__price{
    border-bottom: 1px solid #eee;
}
.filters__price-toggle{
    display: block;
    width: 100%;
    padding: 25px 0;
    border: none;
    background: none;
    text-align: left;
    color: #242424;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 15px;
    text-transform: uppercase;
    cursor: pointer;
}
.filters__price-content{
    padding-bottom: 25px;
}
.filters__price.is-open .filters__price-content{
    display: block;
}
.filters__price-slider{
    position: relative;
    height: 4px;
    margin: 20px 0 8px;
    background-color: #e5e5e5;
    border-radius: 2px;
}
.filters__price-range-labels{
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    color: #999;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.filters__price-slider .ui-slider-range{
    position: absolute;
    top: 0;
    bottom: 0;
    background-color: rgb(112, 120, 155);
    border-radius: 2px;
}
.filters__price-slider .ui-slider-handle{
    position: absolute;
    top: 50%;
    width: 16px;
    height: 16px;
    margin-left: -8px;
    background-color: #fff;
    border: 2px solid rgb(112, 120, 155);
    border-radius: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    outline: none;
}
.filters__price-values{
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #242424;
    margin-bottom: 15px;
}
.filters__price-input{
    width: 60px;
    padding: 4px 6px;
    border: 1px solid #ccc;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #242424;
    text-align: center;
}

.filters__chips{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 20px 0 10px;
}
.filters__chip{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border: 1px solid #ccc;
    border-radius: 20px;
    color: #242424;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-decoration: none;
    transition: border-color .2s ease, color .2s ease;
}
.filters__chip--reset{
    border-color: #d97676;
    color: #d97676;
}
.filters__chip--reset:hover{
    background-color: #d97676;
    color: #fff;
}
.filters__chip-remove{
    border: none;
    background: none;
    padding: 0;
    color: inherit;
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
}

.filters__count{
    margin: 0 0 15px;
    color: #666;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
}
.filters__count strong{
    color: #242424;
}

.filters__section{
    border-bottom: 1px solid #eee;
}
.filters__section-toggle{
    position: relative;
    display: block;
    width: 100%;
    padding: 22px 30px 22px 0;
    border: none;
    background: none;
    text-align: left;
    color: #242424;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 15px;
    text-transform: uppercase;
    cursor: pointer;
}
.filters__section-selected{
    font-weight: 400;
    text-transform: none;
    color: #888;
}
.filters__section-toggle:after{
    content: "\f119";
    font-family: "woodmart-font";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    font-size: 13px;
    transition: transform .2s ease;
}
.filters__section--open .filters__section-toggle:after{
    transform: translateY(-50%) rotate(180deg);
}

.filters__section-content{
    display: none;
    padding-bottom: 20px;
    max-height: 340px;
    overflow-y: auto;
}
.filters__section--open .filters__section-content{
    display: block;
}

.filters__list{
    list-style: none;
    margin: 0;
    padding: 0;
}
.filters__item{
    position: relative;
}
.filters__item label{
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 0;
    cursor: pointer;
}
.filters__item input[type="checkbox"]{
    position: absolute;
    opacity: 0;
    width: 20px;
    height: 20px;
    margin: 0;
    cursor: pointer;
}
.filters__checkbox{
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    border: 1px solid #ccc;
    border-radius: 4px;
    transition: border-color .2s ease, background-color .2s ease;
}
.filters__item input:checked ~ .filters__checkbox{
    border-color: rgb(112, 120, 155);
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5L6.2 11.5L13 4.5' stroke='%23707A9B' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}
.filters__item-name{
    flex: 1 1 auto;
    color: #242424;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
    transition: color .2s ease;
}
.filters__item input:checked ~ .filters__item-name{
    color: rgb(112, 120, 155);
}
.filters__item-count{
    color: #999;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 13px;
}

.filters__item--parent > label{
    font-weight: 600;
}
.filters__toggle-children{
    position: absolute;
    top: 6px;
    right: 0;
    width: 24px;
    height: 24px;
    border: none;
    background: none;
    cursor: pointer;
}
.filters__toggle-children:before{
    content: "\f119";
    font-family: "woodmart-font";
    font-size: 12px;
    color: #999;
}
.filters__children{
    display: none;
    list-style: none;
    margin: 0 0 0 10px;
    padding: 0;
}
.filters__item--parent.is-open > .filters__children{
    display: block;
}
.filters__item--parent.is-open > .filters__toggle-children:before{
    transform: inline-block;
}

.filters__footer{
    display: flex;
    gap: 15px;
    padding: 20px 30px;
    border-top: 1px solid #eee;
}
.filters__reset-btn,
.filters__apply-btn{
    flex: 1 1 auto;
    padding: 14px;
    border: 1px solid #242424;
    background: none;
    color: #242424;
    text-align: center;
    text-decoration: none;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color .2s ease, color .2s ease;
}
.filters__apply-btn{
    background-color: rgb(112, 120, 155);
    border-color: rgb(112, 120, 155);
    color: #fff;
}
.filters__reset-btn:hover{
    background-color: #f1f1f1;
}
.filters__apply-btn:hover{
    background-color: #5f6885;
    border-color: #5f6885;
}

.recently-viewed{
    margin-top: 60px;
}
.recently-viewed__title{
    margin: 0 0 30px;
    color: #000;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 28px;
    text-transform: uppercase;
}

.seo-text{
    padding: 60px 0 0px;
}
.seo-text__title{
    margin: 0 0 20px;
    color: #000;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 22px;
    text-transform: uppercase;
}
.seo-text__body{
    max-width: 900px;
    color: #666;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.7;
}
.seo-text__body p{
    margin: 0 0 16px;
}
.seo-text__body p:last-child{
    margin-bottom: 0;
}

.product-page{
    padding-top: 55px; 
    padding-bottom: 100px;
}
.product-page__container{
    max-width: 1300px;
    margin-inline: auto;
    padding-inline: 40px;
    padding-top: 40px;
}

.product-breadcrumbs{
    margin-bottom: 20px;
}

.product-main{
    display: flex;
    align-items: flex-start;
    gap: 20px;
}
.product-gallery{
    flex: 0 0 calc(50% - 10px);
}
.product-summary{
    flex: 1 1 calc(50% - 10px);
    min-width: 0;
}

.product-gallery{
    position: sticky;
    top: 75px; 
    display: flex;
    gap: 10px;
}
.product-gallery__thumbs-wrap{
    position: relative;
    flex: 0 0 120px;
}
.product-gallery__thumbs{
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: 670px;
    overflow: hidden;
    scroll-behavior: smooth;
}
.product-gallery__thumbs-arrow{
    position: absolute;
    left: 50%;
    z-index: 2;
    display: none;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin-left: -16px;
    border: 1px solid #eee;
    background-color: #fff;
    color: #242424;
    cursor: pointer;
    transition: border-color .2s ease, color .2s ease;
}
.product-gallery__thumbs-arrow:hover{
    border-color: rgb(112, 120, 155);
    color: rgb(112, 120, 155);
}
.product-gallery__thumbs-arrow:before{
    content: "";
    width: 8px;
    height: 8px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
}
.product-gallery__thumbs-arrow--up{
    top: -14px;
}
.product-gallery__thumbs-arrow--up:before{
    transform: rotate(-135deg);
    margin-top: 3px;
}
.product-gallery__thumbs-arrow--down{
    bottom: -14px;
}
.product-gallery__thumbs-arrow--down:before{
    transform: rotate(45deg);
    margin-bottom: 3px;
}
.product-gallery__thumbs-wrap.has-scroll .product-gallery__thumbs-arrow{
    display: flex;
}
.product-gallery__thumbs-arrow[disabled]{
    opacity: .3;
    cursor: default;
    pointer-events: none;
}
.product-gallery__thumb{
    position: relative;
    display: block;
    width: 120px;
    flex: 0 0 auto;
    aspect-ratio: 3 / 4;
    padding: 0;
    border: none;
    background-color: #f2f2f2;
    cursor: pointer;
    overflow: hidden;
    transition: opacity .2s ease;
}
.product-gallery__thumb img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.product-gallery__thumb.is-active{
    opacity: .5;
}
.product-gallery__thumb-play{
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .85);
    transform: translate(-50%, -50%);
}
.product-gallery__thumb-play:before{
    content: "";
    width: 0;
    height: 0;
    margin-left: 2px;
    border-style: solid;
    border-width: 5px 0 5px 8px;
    border-color: transparent transparent transparent #242424;
}

.product-gallery__stage{
    position: relative;
    flex: 1 1 auto;
    aspect-ratio: 3 / 4;
    background-color: #f2f2f2;
    overflow: hidden;
}
.product-gallery__slide{
    position: absolute;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease;
}
.product-gallery__slide.is-active{
    opacity: 1;
    visibility: visible;
}
.product-gallery__slide img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.product-gallery__video-frame{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.product-gallery__badges{
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 5;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    pointer-events: none;
}
.product-gallery__badges .product-card__badge{
    font-size: 16px;
    padding: .7em;
}

.product-gallery__video-btn{
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border: none;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .85);
    cursor: pointer;
    transform: translate(-50%, -50%);
    transition: background-color .2s ease, transform .2s ease;
}
.product-gallery__video-btn:before{
    content: "";
    width: 0;
    height: 0;
    margin-left: 4px;
    border-style: solid;
    border-width: 10px 0 10px 16px;
    border-color: transparent transparent transparent #242424;
}
.product-gallery__video-btn:hover{
    background-color: #fff;
    transform: translate(-50%, -50%) scale(1.05);
}

.product-gallery__zoom{
    position: absolute;
    left: 15px;
    bottom: 15px;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    padding-left: 12px;
    border: none;
    border-radius: 20px;
    background-color: rgba(255, 255, 255,1);
    color: transparent;
    text-decoration: none;
    cursor: pointer;
    overflow: hidden;
    transition: background-color .2s ease, width .25s ease;
}
.product-gallery__zoom:hover{
    width: 230px;
    background-color: #fff;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .15);
}
.product-gallery__zoom:before{
    content: "\f130";
    font-family: "woodmart-font";
    flex: 0 0 auto;
    font-size: 16px;
    color: #242424;
}

.product-gallery__zoom-label{
    margin-left: 10px;
    color: #242424;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 14px;
    white-space: nowrap;
    opacity: 0;
    transition: opacity .2s ease .1s;
}
.product-gallery__zoom:hover .product-gallery__zoom-label{
    opacity: 1;
}

@media (max-width: 1200px){
    .product-main{
        flex-direction: column;
    }
    .product-gallery,
    .product-summary{
        flex-basis: auto;
        width: 100%;
    }
    .product-gallery{
        position: static;
    }
}

.product-summary__head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, .105);
}
.product-summary__title{
    margin: 0;
    color: #70789B;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    letter-spacing: 0;
    font-size: 24px;
    line-height: 1.3;
}

.product-summary__logo{
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 110px;
    height: 70px;
    border: 1px solid #e0e0e0;
    padding: 10px;
    box-sizing: border-box;
    border-bottom: none;
}
.product-summary__logo img{
    display: block;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.product-summary__meta{
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-bottom: 20px;
    margin-bottom: 5px;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #666;
}
.product-summary__meta-row a{
    color: #767676;
    text-decoration: none;
    transition: color .2s ease;
}
.product-summary__meta-row a:hover{
    color: rgb(112, 120, 155);
}
.product-summary__meta-label{
    font-weight: 600;
    color: #333;
}

.product-summary__price-range{
    margin: 0 0 25px;
    color: #000;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 21px;
}

.product-summary__option{
    margin-bottom: 25px;
}
.product-summary__option-label{
    display: block;
    margin-bottom: 12px;
    color: #242424;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 14px;
}

.product-swatches{
    display: flex;
    flex-wrap: wrap;
    gap: 8px 10px;
    max-width: 100%;
}
.product-swatch{
    position: relative;
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    padding: 2px;
    border: 1px solid transparent;
    color: transparent;
    font-size: 0;
    text-decoration: none;
    transition: border-color .2s ease;
}
.product-swatch img{
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}
.product-swatch.is-active,
.product-swatch:hover{
    border-color: rgb(112, 120, 155);
}

.product-sizes{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.product-size{
    position: relative;
    min-width: 48px;
    height: 48px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-inline: 8px;
    border: 1px solid #ccc;
    background: none;
    color: #242424;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
    cursor: pointer;
    transition: border-color .2s ease, background-color .2s ease;
}
.product-size:hover:not(.is-disabled){
    border-color: #242424;
}
.product-size.is-active{
    border: 2px solid #242424;
}
.product-size.is-disabled{
    color: #ccc;
    border-color: #eee;
    cursor: pointer;
}
.product-size.is-disabled:after{
    content: "";
    position: absolute;
    top: 50%;
    left: -4px;
    width: calc(100% + 8px);
    height: 1px;
    background-color: #ccc;
    transform: rotate(-18deg);
}

.product-summary__price-row{
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
    padding-top: 5px;
}
.product-summary__price-old{
    color: #999;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 18px;
    text-decoration: line-through;
}
.product-summary__price-new{
    color: #000;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 26px;
}
.product-summary__stock{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 12px;
    color: rgb(112, 120, 155);
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
}
.product-summary__stock.js_stok_green{
    color: #4caf50;
}
.product-summary__stock.js_stok_red{
    color: #ff4747;
}
.product-summary__stock.js_stok_red svg path{
    stroke: #ff4747;
}

.product-summary__cart-row{
    display: flex;
    gap: 15px;
    margin-bottom: 25px;
}
.product-qty{
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    border: 1px solid #ccc;
}
.product-qty__btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 52px;
    border: none;
    background: none;
    color: #242424;
    font-size: 18px;
    cursor: pointer;
    transition: background-color .2s ease;
}
.product-qty__btn:hover{
    background-color: #f5f5f5;
}
.product-qty__input{
    width: 44px;
    height: 52px;
    border: none;
    border-inline: 1px solid #ccc;
    text-align: center;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 15px;
    -moz-appearance: textfield;
}
.product-qty__input::-webkit-outer-spin-button,
.product-qty__input::-webkit-inner-spin-button{
    -webkit-appearance: none;
    margin: 0;
}

.product-summary__cart-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 auto;
    height: 52px;
    padding: 0 20px;
    border: none;
    background-color: rgb(112, 120, 155);
    color: #fff;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 16px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color .2s ease, color .2s ease;
}
.product-summary__cart-btn:hover{
    background-color: rgb(241, 233, 223);
    color: #333;
}

.product-summary__actions{
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    padding-top: 25px;
    justify-content: space-between;
}
.product-summary__action{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #242424;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: color .2s ease;
}
.product-summary__action:hover{
    color: rgb(112, 120, 155);
}
.product-summary__action-icon{
    font-size: 18px;
    line-height: 1;
}
.product-summary__action-icon--compare:before{
    content: "\f128";
    font-family: "woodmart-font";
}
.product-summary__action-icon--wishlist:before{
    content: "\f106";
    font-family: "woodmart-font";
}
.product-summary__action-icon--sizeguide:before{
    content: "\f13f";
    font-family: "woodmart-font";
}
.product-summary__action.selected{
    color: #ff6b6b;
}
.product-summary__action.fn_comparison.selected{
    color: rgb(112, 120, 155);
}

.el-tooltip{
    position: absolute;
    bottom: calc(100% + 10px);
    left: 50%;
    z-index: 10;
    padding: 6px 12px;
    background-color: rgba(0, 0, 0, .9);
    color: #fff;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 400;
    white-space: nowrap;
    border-radius: 4px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateX(-50%) translateY(4px);
    transition: opacity .2s ease, visibility .2s ease, transform .2s ease;
}
.el-tooltip:after{
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 7px;
    height: 7px;
    background-color: rgba(0, 0, 0, .9);
    transform: translateX(-50%) translateY(-4px) rotate(45deg);
}
.product-swatch:hover .el-tooltip,
.product-size:hover .el-tooltip{
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

.product-gallery__slide.is-active{
    cursor: pointer;
}
.product-gallery__zoom-lens{
    position: absolute;
    inset: 0;
    z-index: 4;
    background-repeat: no-repeat;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .2s ease;
}
.product-gallery__zoom-lens.is-visible{
    opacity: 1;
    visibility: visible;
}
@media (hover: none){
    .product-gallery__zoom-lens{
        display: none;
    }
}
@media (max-width: 1024px){
    .product-gallery__zoom-lens{
        display: none;
    }
}

.product-tabs{
    margin-top: 40px;
    border-top: 1px solid rgba(0, 0, 0, .105);
}
.product-tabs__item{
    border-bottom: 1px solid rgba(0, 0, 0, .105);
}
.product-tabs__toggle{
    position: relative;
    display: block;
    width: 100%;
    padding: 20px 30px 20px 0;
    border: none;
    background: none;
    text-align: left;
    color: #242424;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
}
.product-tabs__item.is-open .product-tabs__toggle{
    color: rgb(112, 120, 155);
}
.product-tabs__count{
    color: #999;
    font-weight: 400;
}
.product-tabs__toggle:after{
    content: "\f119";
    font-family: "woodmart-font";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    font-size: 13px;
    transition: transform .2s ease;
}
.product-tabs__item.is-open .product-tabs__toggle:after{
    transform: translateY(-50%) rotate(180deg);
}

.product-tabs__content{
    display: none;
    padding-bottom: 25px;
    color: #757575;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.7;
}
.product-tabs__item.is-open .product-tabs__content{
    display: block;
}
.product-tabs__content p{
    margin: 0 0 14px;
}
.product-tabs__content p:last-child{
    margin-bottom: 0;
}
.product-tabs__content ul{
    margin: 0 0 14px;
    padding-left: 5px;
}
.product-tabs__content strong{
    font-weight: bold;
}
.product-tabs__content li{
    margin-bottom: 6px;
}
.product-tabs__empty{
    color: #999;
    font-style: italic;
}
.product-tabs__care-img{
    display: block;
    max-width: 100%;
    height: auto;
}

.product-tabs__attrs{
    width: 100%;
    border-collapse: collapse;
}
.product-tabs__attrs tr{
    border-bottom: 1px solid #eee;
}
.product-tabs__attrs tr:last-child{
    border-bottom: none;
}
.product-tabs__attrs th,
.product-tabs__attrs td{
    padding: 10px 0;
    text-align: left;
    font-weight: 400;
}
.product-tabs__attrs th{
    width: 45%;
    color: #999;
}
.product-tabs__attrs td{
    color: #242424;
}

.product-reviews__empty{
    margin: 0 0 30px;
    color: #999;
}

.product-reviews{
    margin-bottom: 30px;
}
.product-reviews__item{
    padding: 20px 0;
    border-bottom: 1px solid #eee;
}
.product-reviews__item--reply{
    margin-left: 30px;
    padding-left: 20px;
    border-left: 2px solid #F1E9DF;
}
.product-reviews__head{
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 6px;
}
.product-reviews__author{
    color: #242424;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 14px;
}
.product-reviews__date{
    color: #999;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 13px;
}
.product-reviews__rating{
    margin-bottom: 8px;
}
.product-reviews__rating-off{
    position: relative;
    display: inline-block;
}
.product-reviews__rating-off:before{
    content: "★★★★★";
    color: #e0e0e0;
    font-size: 16px;
    letter-spacing: 2px;
}
.product-reviews__rating-on{
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    overflow: hidden;
    height: 16px;
}
.product-reviews__text{
    color: #333;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.6;
}

.product-review-form__title{
    margin: 0 0 20px;
    color: #242424;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.4;
}
.product-review-form__required{
    color: #d97676;
}

.product-review-form__rating{
    margin-bottom: 18px;
}
.product-review-form__rating label{
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    color: #242424;
}
.product-review-form__stars{
    display: flex;
    gap: 4px;
}
.product-review-form__star{
    border: none;
    background: none;
    padding: 0;
    color: #ddd;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    transition: color .15s ease;
}
.product-review-form__star:hover,
.product-review-form__star.is-active{
    color: #EABE12;
}

.product-review-form__field{
    margin-bottom: 18px;
}
.product-review-form__field label{
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    color: #242424;
}
.product-review-form__field textarea,
.product-review-form__field input{
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #ccc;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #242424;
    box-sizing: border-box;
}
.product-review-form__field textarea{
    resize: vertical;
}

.product-review-form__row{
    display: flex;
    gap: 20px;
}
.product-review-form__row .product-review-form__field{
    flex: 1 1 0;
}

.product-review-form__checkbox{
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 22px;
    color: #666;
    font-size: 13px;
    line-height: 1.5;
    cursor: pointer;
}
.product-review-form__checkbox input{
    flex: 0 0 auto;
    margin-top: 3px;
}

.product-review-form__submit{
    padding: 14px 30px;
    border: none;
    background-color: rgb(112, 120, 155);
    color: #fff;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color .2s ease;
}
.product-review-form__submit:hover{
    background-color: #5f6885;
}

.cart-widget{
    position: fixed;
    inset: 0;
    z-index: 9999;
    visibility: hidden;
    pointer-events: none;
}
.cart-widget.is-open{
    visibility: visible;
    pointer-events: auto;
}
.cart-widget__overlay{
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, .4);
    opacity: 0;
    transition: opacity .3s ease;
}
.cart-widget.is-open .cart-widget__overlay{
    opacity: 1;
}

.cart-widget__panel{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    width: 420px;
    max-width: 90vw;
    background-color: #fff;
    transform: translateX(100%);
    transition: transform .3s ease;
}
.cart-widget.is-open .cart-widget__panel{
    transform: translateX(0);
}

@media (max-width: 1200px){
    .cart-widget{
        height: 100vh;
        height: 100dvh;
    }
    .cart-widget__panel{
        width: 100vw;
        max-width: 100vw;
        height: 100vh;
        height: 100dvh;
    }
}

.cart-widget__header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 15px;
    border-bottom: 1px solid #eee;
}
.cart-widget__title{
    color: #242424;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 22px;
}
.cart-widget__close{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: none;
    background: none;
    color: #242424;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 15px;
    cursor: pointer;
}
.cart-widget__close-icon{
    position: relative;
    width: 14px;
    height: 14px;
}
.cart-widget__close-icon:before,
.cart-widget__close-icon:after{
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1.5px;
    background-color: #242424;
}
.cart-widget__close-icon:before{
    transform: rotate(45deg);
}
.cart-widget__close-icon:after{
    transform: rotate(-45deg);
}

.cart-widget__body{
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 10px 15px;
}
.cart-widget__list{
    list-style: none;
    margin: 0;
    padding: 0;
}
.cart-widget__item{
    position: relative;
    display: flex;
    gap: 15px;
    padding: 20px 0;
    border-bottom: 1px solid #eee;
}
.cart-widget__item:last-child{
    border-bottom: none;
}
.cart-widget__item-img{
    flex: 0 0 80px;
    display: block;
    aspect-ratio: 3 / 4;
    background-color: #f2f2f2;
    color: transparent;
    font-size: 0;
    text-decoration: none;
    overflow: hidden;
}
.cart-widget__item-img img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.cart-widget__item-info{
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-right: 20px;
}
.cart-widget__item-title{
    color: #242424;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.4;
}
.cart-widget__item-qty{
    color: #666;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
}
.cart-widget__item-qty del{
    color: #aaa;
    text-decoration: line-through;
}
.cart-widget__item-qty ins{
    color: rgb(112, 120, 155);
    font-weight: 600;
    text-decoration: none;
}
.cart-widget__item-remove{
    position: absolute;
    top: 20px;
    right: 0;
    border: none;
    background: none;
    color: #999;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    transition: color .2s ease;
}
.cart-widget__item-remove:hover{
    color: #242424;
}

.cart-widget__footer{
    flex-shrink: 0;
    padding: 20px 15px 20px;
    border-top: 1px solid #eee;
}
.cart-widget__total{
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin: 0 0 20px;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
}
.cart-widget__total strong{
    color: #242424;
    font-weight: 700;
    font-size: 20px;
}
.cart-widget__total span{
    color: rgb(112, 120, 155);
    font-weight: 700;
    font-size: 20px;
}
.cart-widget__btn{
    display: block;
    width: 100%;
    padding: 16px;
    margin-bottom: 12px;
    border: none;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    transition: background-color .2s ease, color .2s ease;
}
.cart-widget__btn:last-child{
    margin-bottom: 0;
}
.cart-widget__btn--view{
    background-color: #f5f5f5;
    color: #242424;
}
.cart-widget__btn--view:hover{
    background-color: #ebebeb;
}
.cart-widget__btn--checkout{
    background-color: rgb(112, 120, 155);
    color: #fff;
}
.cart-widget__btn--checkout:hover{
    background-color: rgb(241, 233, 223);
    color: #333;
}

.cart-page{
    padding-top: 55px; 
    padding-bottom: 100px;
}
.cart-page__container{
    max-width: 1300px;
    margin-inline: auto;
    padding-inline: 40px;
    padding-top: 40px;
}
.cart-page__title{
    margin: 20px 0 30px;
    color: #000;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 32px;
    text-transform: uppercase;
}

.cart-ecard{
    display: inline-block;
    padding: 20px 30px;
    margin-bottom: 40px;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .08);
    color: #242424;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 15px;
}
.cart-ecard a{
    color: rgb(112, 120, 155);
    text-decoration: underline;
}
.cart-ecard a:hover{
    color: #5f6885;
}

.cart-list{
    width: 100%;
}
.cart-list__head{
    display: grid;
    grid-template-columns: 40px 110px 1fr 140px 160px;
    align-items: center;
    gap: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}
.cart-list__head-name{ text-align: left; }
.cart-list__head-price,
.cart-list__head-qty,
.cart-list__head-subtotal{ text-align: right; }
.cart-list__head span{
    color: #242424;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 15px;
    text-transform: uppercase;
}

.cart-list__row{
    display: grid;
    grid-template-columns: 40px 110px 1fr 140px 160px 140px;
    align-items: center;
    gap: 20px;
    padding: 25px 0;
    border-bottom: 1px solid #eee;
}

.cart-list__remove{
    grid-column: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: none;
    background: none;
    color: #999;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    transition: color .2s ease;
}
.cart-list__remove:hover{ color: #d97676; }

.cart-list__thumb{
    grid-column: 2;
    display: block;
    width: 80px;
    aspect-ratio: 3 / 4;
    background-color: #f2f2f2;
    overflow: hidden;
}
.cart-list__thumb img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cart-list__name{
    grid-column: 3;
    color: #242424;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 15px;
    text-decoration: none;
    transition: color .2s ease;
}
.cart-list__name:hover{ color: rgb(112, 120, 155); }

.cart-list__price{
    grid-column: 4;
    text-align: right;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 15px;
}
.cart-list__price del{
    color: #aaa;
    text-decoration: line-through;
    margin-right: 6px;
}
.cart-list__price ins{
    color: rgb(112, 120, 155);
    font-weight: 600;
    text-decoration: none;
}

.cart-list__qty{
    grid-column: 5;
    display: flex;
    justify-content: flex-end;
}

.cart-list__subtotal{
    grid-column: 6;
    text-align: right;
    font-weight: 600;
    color: rgb(112, 120, 155);
    white-space: nowrap;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 15px;
}

.cart-list__label{
    display: none;
}

.cart-qty{
    display: inline-flex;
    align-items: center;
    border: 1px solid #ccc;
}
.cart-qty--small .cart-qty__btn{
    width: 28px;
    height: 32px;
    font-size: 14px;
}
.cart-qty--small .cart-qty__input{
    width: 32px;
    height: 32px;
    font-size: 13px;
}
.cart-qty__btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 42px;
    border: none;
    background: none;
    color: #242424;
    font-size: 16px;
    cursor: pointer;
    transition: background-color .2s ease;
}
.cart-qty__btn:hover{
    background-color: #f5f5f5;
}
.cart-qty__input{
    width: 40px;
    height: 42px;
    border: none;
    border-inline: 1px solid #ccc;
    text-align: center;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
    -moz-appearance: textfield;
}
.cart-qty__input::-webkit-outer-spin-button,
.cart-qty__input::-webkit-inner-spin-button{
    -webkit-appearance: none;
    margin: 0;
}

.cart-list__row--gift .cart-list__name{
    color: #999;
}
.cart-list__row--gift .cart-list__price,
.cart-list__row--gift .cart-list__subtotal{
    color: #999;
    font-weight: 400;
}
.cart-list__gift-label{
    display: inline-block;
    margin-left: 10px;
    padding: 4px 10px;
    background-color: #F1E9DF;
    color: #1D1D1B;
    font-size: 12px;
    white-space: nowrap;
}
.wrapp_type_del{
    display: flex;
    margin-right: 25px;
    align-items: center;
    gap: 5px;
    cursor: pointer;
}
.checkout-review__heading{
    text-align: center;
}

.cart-coupon{
    display: flex;
    gap: 12px;
    max-width: 38%;
    margin-left: auto;
    margin-top: 30px;
}
.cart-coupon__input{
    flex: 1 1 auto;
    padding: 12px 16px;
    border: 1px solid #ccc;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
}
.cart-coupon__btn{
    flex: 0 0 auto;
    padding: 12px 20px;
    border: none;
    background-color: #F1E9DF;
    color: #1D1D1B;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color .2s ease, color .2s ease;
}
.cart-coupon__btn:hover{
    background-color: rgb(112, 120, 155);
    color: #fff;
}

.cart-summary{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 18px;
    max-width: 38%;
    margin-left: auto;
    margin-top: 40px;
}
.cart-summary__notice{
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 16px 18px;
    background-color: #F1E9DF;
    box-sizing: border-box;
    color: #1D1D1B;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
}
.cart-summary__notice-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    border: 1.5px solid #1D1D1B;
    border-radius: 50%;
    font-size: 13px;
    font-weight: 600;
}
.cart-summary__total{
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    width: 100%;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
}
.cart-summary__total span{
    color: #242424;
    font-weight: 700;
    font-size: 22px;
}
.cart-summary__total strong{
    color: rgb(112, 120, 155);
    font-weight: 700;
    font-size: 22px;
}
.cart-summary__checkout{
    display: block;
    width: 100%;
    padding: 18px;
    box-sizing: border-box;
    cursor: pointer;
    background-color: rgb(112, 120, 155);
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase;
    transition: background-color .2s ease, color .2s ease;
}
.cart-summary__checkout:hover{
    background-color: rgb(241, 233, 223);
    color: #333;
}

@media (max-width: 1200px){
    .cart-summary{
        max-width: 100%;
    }
}

.checkout-page{
    padding-top: 55px;
    padding-bottom: 100px;
}
.checkout-page__container{
    max-width: 1300px;
    margin-inline: auto;
    padding-inline: 40px;
    padding-top: 40px;
}
.checkout-page__title{
    margin: 20px 0 25px;
    color: #000;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 32px;
    text-transform: uppercase;
}

.checkout-coupon-toggle{
    margin: 0 0 20px;
    color: #242424;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 600;
}
.checkout-coupon-toggle__link{
    color: rgb(112, 120, 155);
    text-decoration: underline;
}
.checkout-coupon-toggle__link:hover{
    color: #5f6885;
}

.checkout-layout{
    display: flex;
    gap: 60px;
    align-items: flex-start;
}
.checkout-details{
    flex: 1 1 0;
    min-width: 0;
}
.checkout-review{
    flex: 1 1 0;
    min-width: 0;
    background-color: #f7f7f7;
    padding: 30px;
}

.checkout-details__heading,
.checkout-review__heading{
    margin: 40px 0 25px;
    color: #000;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
}
.checkout-details__heading:first-child{
    margin-top: 0;
}

.checkout-field-row{
    display: flex;
    gap: 20px;
}
.checkout-field-row .checkout-field{
    flex: 1 1 0;
}
.checkout-field{
    margin-bottom: 20px;
}
.checkout-field label{
    display: block;
    margin-bottom: 8px;
    color: #242424;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
}
.checkout-field__required{
    color: #d97676;
}
.checkout-field__optional{
    color: #999;
    font-weight: 400;
}
.checkout-field input[type="text"],
.checkout-field input[type="tel"],
.checkout-field input[type="email"],
.checkout-field textarea{
    width: 100%;
    max-width: 100%;
    padding: 14px 16px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #242424;
}
.checkout-field textarea{
    resize: vertical;
}

.checkout-select{
    display: block;
    width: 100%;
    padding: 14px 40px 14px 16px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23242424' stroke-width='1.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 12px 8px;
    appearance: none;
    -webkit-appearance: none;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #242424;
    cursor: pointer;
}

.checkout-checkbox{
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 20px;
    color: #757575;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 13px;
    cursor: pointer;
}

.checkout-list{
    width: 100%;
}
.checkout-list__head{
    display: flex;
    justify-content: space-between;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
    color: #242424;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
}

.checkout-list__row{
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 15px;
    padding: 20px 0;
    border-bottom: 1px solid #eee;
}
.checkout-list__main{
    display: flex;
    gap: 15px;
    flex: 1 1 auto;
    padding-left: 26px;
}
.checkout-list__remove{
    position: absolute;
    top: 20px;
    left: 0;
    border: none;
    background: none;
    color: #999;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    transition: color .2s ease;
}
.checkout-list__remove:hover{
    color: #d97676;
}
.checkout-list__img{
    flex: 0 0 70px;
    width: 70px;
    aspect-ratio: 3 / 4;
    object-fit: cover;
    background-color: #f2f2f2;
}
.checkout-list__info{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    flex: 1 1 auto;
}
.checkout-list__title{
    align-self: stretch;
    color: #242424;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.4;
}
.checkout-list__price{
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 13px;
}
.checkout-list__price del{
    color: #aaa;
    text-decoration: line-through;
    margin-right: 6px;
}
.checkout-list__price ins{
    color: rgb(112, 120, 155);
    font-weight: 600;
    text-decoration: none;
}
.checkout-list__total{
    flex: 0 0 auto;
    text-align: right;
    white-space: nowrap;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 600;
    color: rgb(112, 120, 155);
}

.checkout-list__row--gift .checkout-list__title{
    color: #999;
}
.checkout-list__row--gift .checkout-list__total{
    color: #999;
    font-weight: 400;
}

.checkout-list__summary-row{
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
    border-bottom: 1px solid #eee;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #242424;
}
.checkout-list__summary-row span:first-child{
    font-weight: 700;
}
.checkout-list__summary-row span:last-child{
    text-align: right;
}
.checkout-list__summary-row--discount span:last-child{
    color: rgb(112, 120, 155);
}
.checkout-list__summary-row--grand-total{
    border-bottom: none;
    font-size: 18px;
    font-weight: 700;
}
.checkout-list__summary-row--grand-total span:last-child{
    color: rgb(112, 120, 155);
}

.checkout-order-table__shipping{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
}
.checkout-order-table__shipping label{
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.checkout-payment__desc p{
    margin: 0;
}
.checkout-payment{
    margin-top: 25px;
}
.checkout-payment__option{
    display: flex;
    flex-wrap: wrap;
    padding: 10px 0px;
    margin-bottom: 10px;
    color: #242424;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 15px;
    cursor: pointer;
    transition: border-color .2s ease;
}
.checkout-payment__option input{
    margin-right: 10px!important;
}

.checkout-payment__desc{
    display: block;
    width: 100%;
    margin: 10px 0 0 0px;
    color: #757575;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.5;
    background: #fff;
    padding: 20px;
    box-sizing: border-box;
}
.checkout-payment__option:not(.is-active) .checkout-payment__desc{
    display: none;
}
.checkout-payment__logo{
    height: 18px;
    vertical-align: middle;
    margin-left: 4px;
}

.checkout-privacy{
    margin: 25px 0 20px;
    color: #757575;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 1.6;
}
.ecard_text{
    margin: 0 0 20px 0;
    color: #757575;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.6;
}
.ecard_text strong{
    display: block;
}
.checkout-privacy a{
    color: rgb(112, 120, 155);
    font-weight: 600;
}

.checkout-submit{
    display: block;
    width: 100%;
    padding: 18px;
    margin-top: 10px;
    border: none;
    box-sizing: border-box;
    background-color: rgb(112, 120, 155);
    color: #fff;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color .2s ease, color .2s ease;
}
.checkout-submit:hover{
    background-color: rgb(241, 233, 223);
    color: #333;
}

@media (max-width: 1100px){
    .checkout-layout{
        flex-direction: column;
        gap: 0px;
    }
    .checkout-details{
        width: 100%;
    }
}
#warehouses_novaposhta-error{
    display: none!important;
}

.order-success-page{
    padding-top: 55px;
    padding-bottom: 100px;
}
.order-success-page__container{
    max-width: 900px;
    margin-inline: auto;
    padding-inline: 40px;
    padding-top: 10px;
}
.order-success-page__heading{
    margin: 50px 0 25px;
    color: #000;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 24px;
    text-transform: uppercase;
}
.order-success-page__payment-note{
    margin: 20px 0 0;
    color: #666;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
}
.order-success-page__payment-retry{
    margin: 20px 0 0;
    text-align: center;
}

.order-success-banner{
    margin-top: 30px;
    padding: 30px;
    border: 2px dashed #7a9a5d;
    text-align: center;
    color: #5c7a45;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 22px;
}

.order-overview{
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 30px 0 0;
    padding: 0;
}
.order-overview li{
    flex: 1 1 0;
    padding: 0 25px;
    text-align: center;
    border-right: 1px solid #eee;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
}
.order-overview li:first-child{
    padding-left: 0;
}
.order-overview li:last-child{
    padding-right: 0;
    border-right: none;
}
.order-overview__label{
    display: block;
    margin-bottom: 8px;
    color: #757575;
    font-size: 14px;
}
.order-overview li strong{
    color: #242424;
    font-weight: 700;
    font-size: 16px;
}

.order-details{
    width: 100%;
    margin-top: 20px;
}
.order-details__head{
    display: flex;
    justify-content: space-between;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
    color: #242424;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
}

.order-details__row{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 15px;
    padding: 16px 0;
    border-bottom: 1px solid #eee;
}
.order-details__product{
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.order-details__product a{
    color: #242424;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-decoration: none;
}
.order-details__product a:hover{
    color: rgb(112, 120, 155);
}
.order-details__product strong{
    color: #757575;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 13px;
}
.order-details__total{
    flex: 0 0 auto;
    text-align: right;
    white-space: nowrap;
    color: rgb(112, 120, 155);
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 14px;
}
.order-details__row--gift .order-details__product a,
.order-details__row--gift .order-details__product strong,
.order-details__row--gift .order-details__total{
    color: #999;
}

.order-details__summary{
    margin-top: 10px;
}
.order-details__summary-row{
    display: flex;
    justify-content: space-between;
    gap: 15px;
    padding: 16px 0;
    border-bottom: 1px solid #eee;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
}
.order-details__summary-row span:first-child{
    color: #242424;
    font-weight: 700;
}
.order-details__summary-row span:last-child{
    color: #757575;
    text-align: right;
}
.order-details__summary-row--grand-total{
    font-size: 18px;
    font-weight: 700;
}
.order-details__summary-row--grand-total span:last-child{
    color: rgb(112, 120, 155);
}
.order-details__summary-row:last-child{
    border-bottom: none;
}

.order-address__text{
    font-style: italic;
    color: #757575;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.8;
}
.order-address__text p{
    margin: 0;
}

@media (max-width: 1200px){
    .order-overview{
        flex-direction: column;
        gap: 20px;
    }
    .order-overview li{
        border-right: none;
        text-align: left;
        padding: 0;
    }
}

.about-page{
    padding-top: 55px;
}
.about-page__container{
    max-width: 1300px;
    margin-inline: auto;
    padding-inline: 40px;
    padding-top: 40px;
}
.about-page__title{
    margin: 0px 0 20px;
    color: #000;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 34px;
    text-transform: uppercase;
}
.about-page__heading{
    margin: 0 0 40px;
    color: #000;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 30px;
    text-transform: uppercase;
}

.about-intro{
    margin-bottom: 100px;
}
.about-intro__body{
    display: flex;
    gap: 60px;
    align-items: flex-start;
}
.about-intro__text{
    flex: 1 1 0;
    min-width: 0;
    color: #333;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.7;
}
.about-intro__text p{
    margin: 0 0 20px;
}
.about-intro__text p:last-child{
    margin-bottom: 0;
}
.about-intro__text strong{
    display: block;
    margin-bottom: 6px;
    color: #000;
    font-weight: 600;
    font-size: 18px;
}
.about-intro__img{
    flex: 1 1 0;
    min-width: 0;
    aspect-ratio: 3 / 3;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.about-values{
    margin-bottom: 100px;
}
.value-tiles{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 300px 300px 300px;
    gap: 20px;
}
.value-tile{
    position: relative;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.value-tile--large{
    grid-column: 1;
    grid-row: 1 / 3;
}
.value-tile--wide{
    grid-column: 1 / 4;
    grid-row: 3;
}
.value-tile__front{
    position: absolute;
    inset: 0;
    display: flex;
    align-items: flex-end;
    padding: 0 0 20px 20px;
}
.value-tile__title{
    margin: 0;
    color: #F1E9DF;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 24px;
    text-transform: uppercase;
}
.value-tile__back{
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
    background-color: rgba(29, 29, 27, .75);
    opacity: 0;
    transition: opacity .4s ease;
}
.value-tile:hover .value-tile__back{
    opacity: 1;
}
.value-tile__desc{
    margin: 0;
    color: #fff;
    text-align: center;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.6;
}

.about-why__body{
    display: flex;
    gap: 60px;
    align-items: stretch;
}
.about-why__img{
    flex: 1 1 0;
    min-width: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.about-why__text{
    flex: 1 1 0;
    min-width: 0;
    color: #333;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.7;
}
.about-why__subheading{
    margin: 0 0 20px;
    color: #000;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 22px;
    text-transform: uppercase;
}
.about-why__text > p{
    margin: 0 0 20px;
}
.about-why__list{
    list-style: none;
    margin: 0;
    padding: 0;
}
.about-why__list li{
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 16px;
    color: #333;
}
.about-why__arrow{
    flex: 0 0 auto;
    display: flex;
}

@media (max-width: 1200px){
    .about-intro__body,
    .about-why__body{
        flex-direction: column;
    }
    
    .about-intro__img{
        flex: none;
        width: 100%;
    }
    .about-why__img{
        flex: none;
        width: 100%;
        aspect-ratio: 3 / 3;
    }
    .value-tiles{
        grid-template-columns: 1fr;
        grid-template-rows: none;
    }
    .value-tile--large,
    .value-tile--wide{
        grid-column: 1;
        grid-row: auto;
        height: 300px;
    }
}

.delivery-page{
    padding-top: 55px;
}
.delivery-page__container{
    max-width: 1300px;
    margin-inline: auto;
    padding-inline: 40px;
    padding-top: 40px;
}
.delivery-page__heading{
    margin: 40px 0 25px;
    color: #000;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 30px;
    text-transform: uppercase;
}
.delivery-page__heading:first-child{
    margin-top: 0;
}

.delivery-body{
    display: flex;
    gap: 60px;
    align-items: flex-start;
}
.delivery-body__img{
    position: sticky;
    top: 75px;
    flex: 1 1 0;
    min-width: 0;
    aspect-ratio: 4 / 5;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.delivery-body__text{
    flex: 1 1 0;
    min-width: 0;
    color: #333;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.6;
}
.delivery-body__text > p{
    margin: 0 0 20px;
}
.delivery-body__final{
    margin-top: 30px !important;
    color: #000;
}

.delivery-list{
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
}
.delivery-list li{
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 16px;
}
.delivery-list__arrow{
    flex: 0 0 auto;
    width: 17px;
    height: 17px;
    margin-top: 3px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 7.46153H12.9278L6.99372 1.52746L8.47724 0.0439453L16.9545 8.52119L8.47724 16.9984L6.99372 15.5149L12.9278 9.58084H0V7.46153Z' fill='%2370789B'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}
.delivery-list strong{
    color: #000;
    font-weight: 700;
}
.delivery-list__sub{
    margin: 8px 0 0 !important;
    color: #333;
}

@media (max-width: 1200px){
    .delivery-body{
        flex-direction: column;
    }
    .delivery-body__img{
        position: static;
        width: 100%;
        order: 2;
    }
    .delivery-body__text{
        order: 1;
    }
}

.franchise-page{
    padding-top: 55px;
    padding-bottom: 60px;
}
.franchise-page__container{
    max-width: 1300px;
    margin-inline: auto;
    padding-inline: 40px;
    padding-top: 40px;
}
.franchise-page__title{
    margin: 0;
    color: #000;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 32px;
    text-transform: uppercase;
}
.franchise-page__heading{
    margin: 0;
    color: #000;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 28px;
    text-transform: uppercase;
}

.franchise-section{
    margin-top: 90px;
}

.franchise-section__head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 35px;
}
.franchise-join-btn{
    display: inline-block;
    padding: 14px 26px;
    background-color: rgb(112, 120, 155);
    color: #fff;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color .2s ease, color .2s ease;
}
.franchise-join-btn:hover{
    background-color: #F1E9DF;
    color: #1D1D1B;
}

.franchise-hero__head{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 40px;
    margin-bottom: 35px;
}
.franchise-hero__subtitle{
    flex: 0 1 480px;
    margin: 0;
    padding-top: 8px;
    color: #333;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 17px;
    line-height: 1.6;
}

.franchise-photo-row{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.franchise-photo-row--pair{
    grid-template-columns: repeat(2, 1fr);
    margin-top: 25px;
}
.franchise-photo-row__item{
    aspect-ratio: 3 / 4;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.franchise-stats{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.franchise-stats__caption{
    margin: 0 0 20px;
    color: #000;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 17px;
}
.franchise-stats__caption--bottom{
    margin: 20px 0 0;
    font-weight: 400;
    font-size: 15px;
}
.franchise-stats__img{
    aspect-ratio: 1 / 1;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.franchise-split{
    display: flex;
    gap: 60px;
    align-items: flex-start;
}
.franchise-split--reverse{
    flex-direction: row;
}
.franchise-split__text{
    flex: 1 1 0;
    min-width: 0;
    color: #333;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.7;
}
.franchise-split__text p{
    margin: 0 0 20px;
}
.franchise-split__text strong{
    color: #000;
    font-weight: 700;
}
.franchise-split__img{
    position: sticky;
    top: 75px;
    flex: 1 1 0;
    min-width: 0;
    aspect-ratio: 4 / 5;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.franchise-split__img--tall{
    aspect-ratio: 3 / 4;
}

.franchise-arrow-list{
    list-style: none;
    margin: 30px 0 0;
    padding: 0;
}
.franchise-arrow-list li{
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 18px;
    color: #333;
    font-size: 16px;
}
.franchise-arrow-list strong{
    color: #000;
}
.franchise-arrow{
    flex: 0 0 auto;
    display: flex;
}

.franchise-feature-grid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 60px;
    margin-bottom: 40px;
}
.franchise-feature{
    display: flex;
    align-items: flex-start;
    gap: 20px;
}
.franchise-feature__icon{
    flex: 0 0 auto;
    display: flex;
}
.franchise-feature p{
    margin: 0;
    color: #333;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.6;
}
.franchise-feature strong{
    color: #000;
}
.franchise-wide-photo{
    aspect-ratio: 16 / 6;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.franchise-table{
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 25px;
}
.franchise-table td{
    padding: 14px 0;
    border-bottom: 1px solid #eee;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #333;
}
.franchise-table td:last-child{
    text-align: right;
    color: #000;
}
.franchise-table__profit{
    margin-bottom: 25px;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
}
.franchise-table__profit > p{
    margin: 0 0 10px;
    color: #333;
}
.franchise-table__profit-row{
    display: flex;
    justify-content: space-between;
    padding: 6px 0;
    color: #333;
    font-size: 15px;
}
.franchise-table__profit-row strong{
    color: #000;
}
.franchise-disclaimer{
    margin: 0;
    padding-top: 20px;
    border-top: 1px solid #eee;
    color: #999;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 1.6;
}

.franchise-compare{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
.franchise-compare__item{
    position: relative;
    display: block;
    aspect-ratio: 1 / 1;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    text-decoration: none;
}
.franchise-compare__label{
    position: absolute;
    top: 25px;
    left: 25px;
    color: #F1E9DF;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
}
.franchise-compare__more{
    position: absolute;
    bottom: 25px;
    left: 25px;
    color: rgba(255,255,255,.7);
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-decoration: underline;
    opacity: 0;
    transition: opacity .3s ease;
}
.franchise-compare__item:hover .franchise-compare__more{
    opacity: 1;
}

.franchise-steps{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
}
.franchise-step{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding: 40px 20px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: center;
}
.franchise-step__icon{
    display: flex;
}
.franchise-step p{
    margin: 0;
    color: #000;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 1.4;
}

.franchise-cta__body{
    display: flex;
    gap: 0;
    align-items: stretch;
}
.franchise-cta__form{
    flex: 1 1 0;
    min-width: 0;
    padding: 50px;
    box-sizing: border-box;
}
.franchise-cta__text{
    margin: 15px 0 30px;
    color: #333;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.6;
}
.franchise-form{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.franchise-form input{
    padding: 16px 18px;
    border: 1px solid #ccc;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #242424;
}
.franchise-form button{
    padding: 18px;
    border: none;
    background-color: rgb(112, 120, 155);
    color: #fff;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color .2s ease, color .2s ease;
}
.franchise-form button:hover{
    background-color: #F1E9DF;
    color: #1D1D1B;
}
.franchise-cta__img{
    flex: 1 1 0;
    min-width: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (max-width: 1200px){
    .franchise-hero__head,
    .franchise-split,
    .franchise-cta__body{
        flex-direction: column;
    }
    .franchise-split__img{
        position: static;
        width: 100%;
    }
    .franchise-photo-row,
    .franchise-photo-row--pair,
    .franchise-stats,
    .franchise-feature-grid,
    .franchise-compare{
        grid-template-columns: 1fr;
    }
    .franchise-steps{
        grid-template-columns: repeat(2, 1fr);
    }
}

.partners-page{
    padding-top: 55px;
    padding-bottom: 100px;
}
.partners-page__container{
    max-width: 1300px;
    margin-inline: auto;
    padding-inline: 40px;
    padding-top: 40px;
}
.partners-page__title{
    margin: 20px 0 20px;
    color: #000;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 32px;
    text-transform: uppercase;
}

.partners-body{
    display: flex;
    gap: 0;
    align-items: stretch;
}
.partners-body__form{
    flex: 1 1 0;
    min-width: 0;
    padding-right: 60px;
    box-sizing: border-box;
}
.partners-body__intro{
    margin: 0 0 30px;
    color: #333;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 17px;
    line-height: 1.6;
}
.partners-body__img{
    flex: 1 1 0;
    min-width: 0;
    min-height: 300px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.partners-form{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.partners-form__row{
    display: flex;
    gap: 20px;
}
.partners-form__row input{
    flex: 1 1 0;
    min-width: 0;
}
.partners-form input,
.partners-form textarea{
    padding: 16px 18px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #242424;
    width: 100%;
}
.partners-form textarea{
    resize: vertical;
}
.partners-form button{
    padding: 18px;
    border: none;
    background-color: rgb(112, 120, 155);
    color: #fff;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color .2s ease, color .2s ease;
}
.partners-form button:hover{
    background-color: #F1E9DF;
    color: #1D1D1B;
}

@media (max-width: 1200px){
    .partners-body{
        flex-direction: column;
    }
    .partners-body__form{
        padding-right: 0;
        margin-bottom: 30px;
    }
    .partners-form__row{
        flex-direction: column;
    }
}
.about-why__arrow{
    flex: 0 0 auto;
    width: 17px;
    height: 17px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 7.46153H12.9278L6.99372 1.52746L8.47724 0.0439453L16.9545 8.52119L8.47724 16.9984L6.99372 15.5149L12.9278 9.58084H0V7.46153Z' fill='%2370789B'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}

.loyalty-page{
    padding-top: 55px;
}
.loyalty-page__container{
    max-width: 1300px;
    margin-inline: auto;
    padding-inline: 40px;
    padding-top: 40px;
}
.loyalty-page__title{
    margin: 20px 0 20px;
    color: #000;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 32px;
    text-transform: uppercase;
}
.loyalty-page__heading{
    margin: 35px 0 18px;
    color: #000;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 22px;
    text-transform: uppercase;
}

.loyalty-body{
    display: flex;
    gap: 60px;
    align-items: flex-start;
}
.loyalty-body__text{
    flex: 1 1 0;
    min-width: 0;
    color: #333;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 17px;
    line-height: 1.6;
}
.loyalty-body__text > p{
    margin: 0;
}
.loyalty-body__media{
    position: sticky;
    top: 75px;
    flex: 1 1 0;
    min-width: 0;
    overflow: hidden;
    background-color: #e9edf5;
}
.loyalty-body__video{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.loyalty-arrow-list{
    list-style: none;
    margin: 0;
    padding: 0;
}
.loyalty-arrow-list li{
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 14px;
    font-size: 16px;
}
.loyalty-arrow{
    flex: 0 0 auto;
    width: 17px;
    height: 17px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 7.46153H12.9278L6.99372 1.52746L8.47724 0.0439453L16.9545 8.52119L8.47724 16.9984L6.99372 15.5149L12.9278 9.58084H0V7.46153Z' fill='%2370789B'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}

.loyalty-register-btn{
    display: inline-block;
    margin-top: 30px;
    padding: 16px 30px;
    background-color: rgb(112, 120, 155);
    color: #fff;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    text-decoration: none;
    transition: background-color .2s ease, color .2s ease;
}
.loyalty-register-btn:hover{
    background-color: #F1E9DF;
    color: #1D1D1B;
}

@media (max-width: 1200px){
    .loyalty-body{
        flex-direction: column;
    }
    .loyalty-body__media{
        position: static;
        width: 100%;
    }
}

.contacts-page{
    padding-top: 55px;
}
.contacts-page__container{
    max-width: 1300px;
    margin-inline: auto;
    padding-inline: 40px;
    padding-top: 40px;
}
.contacts-page__title{
    margin: 20px 0 40px;
    color: #000;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 32px;
    text-transform: uppercase;
}

.contacts-grid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 40px;
}

.contacts-store__img{
    aspect-ratio: 4 / 3;
    margin-bottom: 20px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.contacts-store__address{
    margin: 0 0 12px;
    color: #000;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 17px;
    line-height: 1.4;
}
.contacts-store__row{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px 20px;
}
.contacts-store__info{
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.contacts-store__phone{
    color: #333;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 15px;
    text-decoration: none;
    transition: color .2s ease;
}
.contacts-store__phone:hover{
    color: rgb(112, 120, 155);
}
.contacts-store__hours{
    color: #333;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 15px;
}
.contacts-store__map{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #242424;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 15px;
    text-decoration: none;
    white-space: nowrap;
    transition: color .2s ease;
}
.contacts-store__map svg{
    flex: 0 0 auto;
}
.contacts-store__map:hover{
    color: rgb(112, 120, 155);
}

@media (max-width: 1200px){
    .contacts-grid{
        grid-template-columns: 1fr;
    }
}

.sustainability-page{
    padding-top: 55px;
}
.sustainability-page__container{
    max-width: 1300px;
    margin-inline: auto;
    padding-inline: 40px;
    padding-top: 40px;
}
.sustainability-page__title{
    margin: 0px 0 40px;
    color: #000;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 32px;
    text-transform: uppercase;
}
.sustainability-page__heading{
    margin: 40px 0 18px;
    color: #000;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 24px;
    text-transform: uppercase;
}
.sustainability-page__heading:first-child{
    margin-top: 0;
}

.sustainability-section{
    margin-bottom: 90px;
}
.sustainability-section:last-child{
    margin-bottom: 0;
}

.sustainability-split{
    display: flex;
    gap: 60px;
    align-items: flex-start;
}
.sustainability-split__text{
    flex: 1 1 0;
    min-width: 0;
    color: #333;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.7;
}
.sustainability-split__text p{
    margin: 0 0 20px;
}
.sustainability-split__text p:last-child{
    margin-bottom: 0;
}
.sustainability-split__text strong{
    color: #000;
    font-weight: 700;
}
.sustainability-split__img{
    position: sticky;
    top: 75px;
    flex: 1 1 0;
    min-width: 0;
    aspect-ratio: 3 / 5;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.sustainability-split__img.sus_pr{
    aspect-ratio: 4 / 4;
}
.sustainability-split__img--tall{
    align-self: stretch;
    aspect-ratio: auto;
}

.sustainability-photo-row{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: 30px;
}
.sustainability-photo-row__item{
    aspect-ratio: 1 / 1;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (max-width: 1200px){
    .sustainability-split{
        flex-direction: column;
    }
    .sustainability-split__img{
        position: static;
        flex: none;
        width: 100%;
        align-self: auto;
    }
    .sustainability-photo-row{
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1200px){
    [class$="__container"]{
        padding-inline: 20px !important;
    }
}
@media (max-width: 480px){
    [class$="__container"]{
        padding-inline: 16px !important;
    }
}

@media (max-width: 1200px){
    .about-page__title,
    .franchise-page__title,
    .delivery-page__heading:first-child,
    .partners-page__title,
    .loyalty-page__title,
    .contacts-page__title,
    .sustainability-page__title,
    .cart-page__title,
    .checkout-page__title,
    .catalog-page__title{
        font-size: 24px !important;
    }
    .about-page__heading,
    .franchise-page__heading,
    .sustainability-page__heading,
    .checkout-details__heading,
    .checkout-review__heading{
        font-size: 20px !important;
        line-height: 24px;
    }
}

@media (max-width: 1200px){
    .category-tiles__container{
        grid-template-columns: repeat(2, 1fr);
        row-gap: 20px;
    }
    .video-triptych__row{
        height: auto;
    }
    .video-triptych__video{
        height: 300px;
    }
}
@media (max-width: 1200px){
    .hero{
        min-height: 70vh;
    }
    .category-tiles__container{
        grid-template-columns: 1fr;
    }
    .flip-tile{
        height: 400px;
    }
    .video-triptych{
        padding-top: 50px;
    }
    .video-triptych__row{
        flex-direction: column;
        height: 500px;
    }
    .video-triptych__video{
        width: 100%;
        height: 100%;
    }
    .video-triptych__video:nth-child(2),
    .video-triptych__video:nth-child(3){
        display: none;
    }
    .video-triptych__button{
        bottom: 25px;
    }
    .top-products__grid{
        grid-template-columns: 1fr 1fr;
        gap: 12px;
    }
    .lookbook__slide{
        width: calc(100% - 40px) !important;
    }
    .press__grid{
        grid-template-columns: 1fr;
    }
    .insta__track{
        grid-template-columns: 1fr 1fr;
        padding-inline: 20px;
    }
    .subscribe{
        min-height: 400px;
    }
}

@media (max-width: 1200px){
    .footer__body{
        flex-direction: column;
        gap: 40px;
    }
    .footer__stores,
    .footer__nav{
        flex-basis: auto !important;
    }
    
    .footer__nav{
        order: 1;
    }
    .footer__stores{
        order: 2;
    }
}
@media (max-width: 1200px){
    .footer__stores{
        grid-template-columns: 1fr;
    }
    
    .footer__nav-col{
        display: block;
        column-count: 2;
        column-gap: 30px;
    }
    .footer__nav-col li{
        flex: none !important;
        margin-bottom: 14px;
        break-inside: avoid;
    }
    .footer__nav-row--bottom{
        align-items: flex-start;
    }
}

@media (max-width: 1200px){
    .catalog-toolbar__row{
        flex-wrap: wrap;
        row-gap: 12px;
    }
    .catalog-products-grid{
        grid-template-columns: 1fr 1fr;
        gap: 12px 12px;
        row-gap: 30px;
    }
    .catalog-pagination{
        flex-wrap: wrap;
    }
    .filters__panel{
        width: 100%;
        max-width: 100%;
    }
    .recently-viewed .catalog-products-grid,
    .product-collection .catalog-products-grid{
        grid-template-columns: 1fr 1fr;
    }
    .seo-text{
        padding: 40px 0 60px;
    }
}

@media (max-width: 1200px){
    .product-gallery{
        position: static !important;
        flex-direction: column-reverse;
    }
    .product-gallery__thumbs{
        flex-direction: row;
        flex: 0 0 auto;
        overflow-x: auto;
        gap: 10px;
    }
    .product-gallery__thumb{
        width: 70px;
        flex: 0 0 70px;
    }
    .product-gallery__thumbs-arrow{
        display: none !important;
    }
}
@media (max-width: 1200px){
    .product-summary__head{
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
    .product-summary__logo{
        align-self: flex-start;
    }
    .product-summary__title{
        font-size: 20px;
    }
    .product-sizes{
        gap: 6px;
    }
    .product-size{
        min-width: 40px;
        height: 40px;
    }
    .product-summary__cart-row{
        flex-direction: column;
    }
    .product-qty{
        align-self: flex-start;
    }
    .product-tabs__toggle{
        padding-right: 24px;
    }
    
    .product-gallery__zoom-lens{
        display: none;
    }
}

@media (max-width: 1200px){
    .cart-coupon,
    .cart-summary{
        max-width: 100%;
    }
}

@media (max-width: 1200px){
    .checkout-list__main{
        flex-wrap: wrap;
    }
}
@media (max-width: 480px){
    .checkout-list__head{
        display: none;
    }
    .checkout-list__row{
        flex-wrap: wrap;
    }
    .checkout-list__total{
        text-align: left;
        margin-top: 8px;
        margin-left: 26px;
        flex: 0 0 100%;
    }
    .checkout-list__summary-row{
        justify-content: space-between;
    }
}

@media (max-width: 1200px){
    .value-tiles{
        grid-template-columns: 1fr !important;
        grid-template-rows: none !important;
    }
    .value-tile--large,
    .value-tile--wide{
        grid-column: 1 !important;
        height: 320px;
    }
    .franchise-feature-grid{
        grid-template-columns: 1fr;
    }
    .franchise-photo-row,
    .franchise-stats,
    .franchise-compare{
        grid-template-columns: 1fr !important;
    }
    .franchise-steps{
        grid-template-columns: 1fr !important;
    }
    .franchise-cta__body{
        flex-direction: column;
    }
}

@media (max-width: 1200px){
    .hotspot__card{
        display: none;
    }
}

@media (max-width: 1200px){
    html, body{
        overflow-x: hidden;
        max-width: 100vw;
    }
}

@media (max-width: 1200px){
    .about-intro,
    .about-values,
    .sustainability-section{
        margin-bottom: 50px !important;
    }
    .franchise-section{
        margin-top: 50px !important;
    }
}

@media (max-width: 1200px){
    .franchise-section__head{
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
}

@media (max-width: 1200px){
    .top-products__header,
    .lookbook__header,
    .press__header{
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
}

@media (max-width: 768px){
    .top-products__title,
    .lookbook__title,
    .press__title{
        font-size: 22px;
    }
}

.login-widget{
    position: fixed;
    inset: 0;
    z-index: 260;
    visibility: hidden;
    pointer-events: none;
}
.login-widget.is-open{
    visibility: visible;
    pointer-events: auto;
}
.login-widget__overlay{
    position: fixed;
    inset: 0;
    z-index: 259;
    background-color: rgba(0, 0, 0, .4);
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease, visibility .3s ease;
}
.login-widget__overlay.is-open{
    opacity: 1;
    visibility: visible;
}

.login-widget__panel{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    width: 420px;
    max-width: 92vw;
    overflow-y: auto;
    background-color: #fff;
    transform: translateX(100%);
    transition: transform .3s ease;
}
.login-widget.is-open .login-widget__panel{
    transform: translateX(0);
}

.login-widget__header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 30px;
    border-bottom: 1px solid #eee;
}
.login-widget__title{
    color: #242424;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 22px;
}
.login-widget__close{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: none;
    background: none;
    color: #242424;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 15px;
    cursor: pointer;
}
.login-widget__close-icon{
    position: relative;
    width: 14px;
    height: 14px;
}
.login-widget__close-icon:before,
.login-widget__close-icon:after{
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1.5px;
    background-color: #242424;
}
.login-widget__close-icon:before{
    transform: rotate(45deg);
}
.login-widget__close-icon:after{
    transform: rotate(-45deg);
}

.login-widget__form{
    padding: 30px;
}
.login-widget__field{
    margin-bottom: 22px;
}
.login-widget__field label{
    display: block;
    margin-bottom: 10px;
    color: #242424;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
}
.login-widget__required{
    color: #d97676;
}
.login-widget__field input[type="text"],
.login-widget__field input[type="password"],
.login-widget__field input[type="email"],
.login-widget__field input[type="tel"],
.login-widget__field textarea{
    width: 100%;
    padding: 14px 16px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #242424;
    resize: vertical;
}

.feedback-form-wrap{
    max-width: 500px;
    margin-top: 50px;
}
.feedback-form__text{
    margin: 0 0 25px;
    color: #666;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.6;
}
.feedback-form__success{
    padding: 20px;
    background-color: #F1E9DF;
    color: #1D1D1B;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.6;
}
.login-widget__password-wrap{
    position: relative;
}
.login-widget__password-wrap input{
    padding-right: 46px !important;
}
.login-widget__toggle-password{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 46px;
    border: none;
    background: none;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='1.6'%3E%3Cpath d='M1 12s4-7 11-7 11 7 11 7-4 7-11 7-11-7-11-7Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
}
.login-widget__toggle-password.is-visible{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='1.6'%3E%3Cpath d='M1 12s4-7 11-7 11 7 11 7-4 7-11 7-11-7-11-7Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cline x1='2' y1='22' x2='22' y2='2'/%3E%3C/svg%3E");
}

.login-widget__submit{
    display: block;
    width: 100%;
    padding: 16px;
    margin-bottom: 20px;
    border: none;
    background-color: rgb(112, 120, 155);
    color: #fff;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color .2s ease, color .2s ease;
}
.login-widget__submit:hover{
    background-color: #F1E9DF;
    color: #1D1D1B;
}

.login-widget__remember{
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    color: #333;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
    cursor: pointer;
}
.login-widget__remember input{
    width: 17px;
    height: 17px;
    cursor: pointer;
}

.login-widget__lost-password{
    display: block;
    margin-bottom: 30px;
    color: rgb(112, 120, 155);
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-decoration: none;
}
.login-widget__lost-password:hover{
    text-decoration: underline;
}

.login-widget__social{
    display: flex;
    justify-content: center;
    gap: 20px;
}
.login-widget__social-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    text-decoration: none;
    transition: opacity .2s ease;
}
.login-widget__social-btn:hover{
    opacity: .85;
}
.login-widget__social-btn--facebook{
    background-color: rgb(112, 120, 155);
}
.login-widget__social-btn--google{
    background-color: #F1E9DF;
}

.login-widget__create{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    padding: 40px 30px 50px;
    border-top: 1px solid #eee;
    text-align: center;
}
.login-widget__create-icon{
    display: block;
    width: 60px;
    height: 60px;
    border: 2px solid #e5e5e5;
    border-radius: 50%;
    position: relative;
}
.login-widget__create-icon:before{
    content: "\f124";
    font-family: "woodmart-font";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 26px;
    color: #e5e5e5;
}
.login-widget__create p{
    margin: 0;
    color: #242424;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 16px;
}
.login-widget__create-btn{
    display: inline-block;
    padding: 14px 30px;
    border: 1px solid #242424;
    color: #242424;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: .5px;
    text-transform: uppercase;
    text-decoration: none;
    transition: background-color .2s ease, color .2s ease;
}
.login-widget__create-btn:hover{
    background-color: #242424;
    color: #fff;
}

@media (max-width: 480px){
    .login-widget__panel{
        width: 100%;
        max-width: 100%;
    }
}

.search-widget{
    position: fixed;
    inset: 0;
    z-index: 270;
    overflow-y: auto;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s ease, visibility .25s ease;
}
.search-widget.is-open{
    opacity: 1;
    visibility: visible;
}

.search-widget__row{
    display: flex;
    align-items: center;
    gap: 30px;
    max-width: 1300px;
    margin-inline: auto;
    padding: 60px 40px 30px;
    border-bottom: 1px solid #eee;
}
.search-widget__form{
    flex: 1 1 auto;
}
.search-widget__input{
    width: 100%;
    border: none;
    outline: none;
    padding: 10px 0;
    color: #242424;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 42px;
}
.search-widget__input::placeholder{
    color: #ccc;
}
.search-widget__close{
    position: relative;
    flex: 0 0 auto;
    width: 28px;
    height: 28px;
    border: none;
    background: none;
    cursor: pointer;
}
.search-widget__close:before,
.search-widget__close:after{
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #242424;
}
.search-widget__close:before{
    transform: rotate(45deg);
}
.search-widget__close:after{
    transform: rotate(-45deg);
}

.search-widget__body{
    max-width: 1300px;
    margin-inline: auto;
    padding: 30px 40px 60px;
}
.search-widget__hint{
    margin: 0;
    color: #999;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 15px;
}

.search-widget__results{
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 25px 15px;
}
.search-result-card{
    display: block;
    text-decoration: none;
}
.search-result-card__img{
    display: block;
    width: 100%;
    aspect-ratio: 3 / 4;
    margin-bottom: 12px;
    background-color: #f2f2f2;
    object-fit: cover;
}
.search-result-card__title{
    display: block;
    margin-bottom: 6px;
    color: #242424;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 1.4;
}
.search-result-card__title strong{
    font-weight: 700;
    text-decoration: underline;
}
.search-result-card__price{
    display: block;
    color: rgb(112, 120, 155);
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 13px;
}

@media (max-width: 1200px){
    .search-widget__row{
        padding: 40px 20px 20px;
        gap: 15px;
    }
    .search-widget__input{
        font-size: 26px;
    }
    .search-widget__body{
        padding: 20px 20px 40px;
    }
    .search-widget__results{
        grid-template-columns: repeat(2, 1fr);
        gap: 20px 12px;
    }
}

.catalog-page__title{
    margin: 20px 0 20px;
    color: #000;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 28px;
    text-transform: uppercase;
}

.catalog-banner{
    margin-bottom: 0;
}
.catalog-banner__container{
    max-width: 1300px;
    margin-inline: auto;
}
.catalog-banner__img{
    display: block;
    width: 100%;
    height: auto;
}

.catalog-more-btn{
    display: block;
    margin: 30px auto 0;
    padding: 16px 40px;
    border: 1px solid #242424;
    background: none;
    color: #242424;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: .5px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color .2s ease, color .2s ease;
}
.catalog-more-btn:hover{
    background-color: #242424;
    color: #fff;
}

.catalog-empty{
    padding: 60px 0;
    color: #767676;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 16px;
    text-align: center;
}

.product-tabs__care-img{
    display: block;
    max-width: 100%;
}

.cart-page__empty{
    padding: 60px 0;
    color: #767676;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 16px;
    text-align: center;
}

.select2-container{
    width: 100% !important;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
}
.select2-container .select2-selection--single{
    display: flex;
    align-items: center;
    height: auto;
    padding: 14px 40px 14px 16px;
    border: 1px solid #ccc;
    border-radius: 0;
    background-color: #fff;
}
.select2-container .select2-selection__rendered{
    padding: 0;
    color: #242424;
    line-height: normal;
}
.select2-container .select2-selection__placeholder{
    color: #999;
}
.select2-container .select2-selection__arrow{
    top: 50%;
    right: 16px;
    width: 12px;
    height: 8px;
    margin-top: -4px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23242424' stroke-width='1.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}
.select2-container .select2-selection__arrow b{
    display: none;
}
.select2-container--open .select2-selection__arrow{
    transform: rotate(180deg);
}

.select2-dropdown{
    border: 1px solid #ccc;
    border-radius: 0;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
}
.select2-search--dropdown{
    padding: 10px;
}
.select2-search__field{
    padding: 10px 12px !important;
    border: 1px solid #ccc !important;
    outline: none;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
}
.select2-results__option{
    padding: 10px 16px;
    color: #242424;
}
.select2-results__option--highlighted[aria-selected]{
    background-color: rgb(112, 120, 155) !important;
    color: #fff !important;
}
.select2-results__option[aria-selected="true"]{
    background-color: #F1E9DF;
    color: #1D1D1B;
}
.select2-container--default .select2-results > .select2-results__options{
    max-height: 260px;
}

.auth-page{
    padding: 60px 0 100px;
}
.auth-page__container{
    max-width: 1300px;
    margin-inline: auto;
    padding-inline: 40px;
}
.auth-page__title{
    margin: 20px 0 40px;
    color: #000;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 32px;
    text-transform: uppercase;
    text-align: center;
}
.auth-page__card{
    max-width: 460px;
    margin: 0 auto;
}
.auth-page__info{
    margin: 0 0 22px;
    color: #666;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.6;
}
.auth-page__privacy{
    margin: 0 0 22px;
    color: #999;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.6;
}
.auth-page__privacy a{
    color: rgb(112, 120, 155);
}
.auth-page__switch{
    margin-top: 30px;
    text-align: center;
    color: #666;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
}
.auth-page__switch a{
    color: rgb(112, 120, 155);
    font-weight: 600;
    text-decoration: none;
}
.auth-page__switch a:hover{
    text-decoration: underline;
}
.auth-page__divider{
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 25px 0;
    color: #999;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-transform: uppercase;
}
.auth-page__divider:before,
.auth-page__divider:after{
    content: "";
    flex: 1 1 auto;
    height: 1px;
    background-color: #eee;
}

@media (max-width: 600px){
    .auth-page__container{
        padding-inline: 16px;
    }
    .auth-page__title{
        font-size: 24px;
        line-height: 30px;
    }
}

.account-page{
    padding: 55px 0 50px;
}
.account-page__container{
    max-width: 1300px;
    margin-inline: auto;
    padding-inline: 40px;
}
.account-page__title{
    margin: 20px 0 40px;
    color: #000;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 32px;
    text-transform: uppercase;
}

.account-layout{
    display: flex;
    gap: 60px;
    align-items: flex-start;
}
.account-sidebar{
    flex: 0 0 320px;
}
.account-tabs{
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid #eee;
}
.account-tabs__item{
    border-bottom: 1px solid #eee;
}
.account-tabs__item:last-child{
    border-bottom: none;
}
.account-tabs__item--logout{
    border-top: 1px solid #eee;
}
.account-tabs__link{
    display: block;
    padding: 25px 20px;
    color: #242424;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-decoration: none;
    transition: background-color .2s ease, color .2s ease;
}
.account-tabs__link:hover{
    background-color: #F1E9DF;
}
.account-tabs__link.is-selected{
    background-color: rgb(112, 120, 155);
    color: #fff;
}

.account-content{
    flex: 1 1 0;
    min-width: 0;
}
.account-panel{
    display: none;
}
.account-panel.is-selected{
    display: block;
}
.account-panel__title{
    margin: 0 0 25px;
    color: #000;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
}

.account-dashboard__welcome{
    margin: 0 0 15px;
    color: #242424;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 16px;
}
.account-dashboard__not-you{
    color: #999;
    font-size: 14px;
}
.account-dashboard__not-you a{
    color: rgb(112, 120, 155);
}
.account-dashboard__info{
    margin: 0 0 30px;
    color: #666;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.6;
}

.account-tiles{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}
.account-tile{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 20px;
    border: 1px solid #eee;
    text-align: center;
    text-decoration: none;
    transition: border-color .2s ease, background-color .2s ease;
}
.account-tile:hover{
    border-color: rgb(112, 120, 155);
    background-color: #F1E9DF;
}
.account-tile__title{
    color: #242424;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
}

@media (max-width: 900px){
    .account-layout{
        flex-direction: column;
        gap: 30px;
    }
    .account-sidebar{
        flex: 0 0 auto;
        width: 100%;
    }
    .account-tabs{
        display: flex;
        overflow-x: auto;
        border: none;
        gap: 10px;
    }
    .account-tabs__item{
        border: 1px solid #eee;
        flex: 0 0 auto;
    }
    .account-tabs__item--logout{
        border-top: 1px solid #eee;
    }
    .account-tiles{
        grid-template-columns: 1fr;
    }
}

.account-form__change-password{
    display: inline-block;
    margin-bottom: 20px;
    padding: 0;
    border: none;
    background: none;
    color: rgb(112, 120, 155);
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-decoration: underline;
    cursor: pointer;
}
.account-form__password-field{
    display: none;
}

.orders-table{
    width: 100%;
    border-collapse: collapse;
}
.orders-table th{
    padding: 12px 16px;
    border-bottom: 2px solid #eee;
    color: #999;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    text-align: left;
}
.orders-table td{
    padding: 16px;
    border-bottom: 1px solid #eee;
    color: #242424;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
}
.orders-table__number{
    font-weight: 600;
}
.order-status{
    display: inline-block;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}
.order-status--default{
    background-color: #F1E9DF;
    color: #1D1D1B;
}
.order-status--paid{
    background-color: #e5f3e5;
    color: #4caf50;
}
.order-status--cancelled{
    background-color: #fdeaea;
    color: #ff4747;
}
.orders-table__toggle{
    padding: 8px 16px;
    border: 1px solid #242424;
    background: none;
    color: #242424;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color .2s ease, color .2s ease;
    white-space: nowrap;
}
.orders-table__toggle:hover{
    background-color: #242424;
    color: #fff;
}
.orders-table__detail-row{
    display: none;
}
.orders-table__detail-row td{
    padding: 0 16px 30px;
    border-bottom: 1px solid #eee;
}

.order-detail{
    padding-top: 10px;
}
.order-detail__products{
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-bottom: 15px;
}
.order-detail__product{
    display: flex;
    gap: 15px;
    align-items: center;
}
.order-detail__product-img{
    width: 70px;
    height: 90px;
    object-fit: cover;
    flex: 0 0 auto;
}
.order-detail__product-title{
    display: block;
    margin-bottom: 6px;
    color: #242424;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-decoration: none;
}
.order-detail__product-title:hover{
    color: rgb(112, 120, 155);
}
.order-detail__product-meta{
    color: #999;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 13px;
}
.order-detail__total{
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
    color: #242424;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 15px;
}
.order-detail__info{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.order-detail__row{
    display: flex;
    justify-content: space-between;
    gap: 20px;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
}
.order-detail__label{
    flex: 0 0 auto;
    color: #999;
}
.order-detail__value{
    color: #242424;
    text-align: right;
}

.account-panel__empty{
    padding: 40px 0;
    color: #767676;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 15px;
}

@media (max-width: 700px){
    .orders-table thead{
        display: none;
    }
    .orders-table, .orders-table tbody, .orders-table tr, .orders-table td{
        display: block;
        width: 100%;
    }
    .orders-table__row{
        padding: 15px 0;
    }
    .orders-table td{
        border-bottom: none;
        padding: 4px 0;
    }
    .orders-table td[data-title]:before{
        content: attr(data-title) ": ";
        color: #999;
    }
}

.compare-page{
    padding: 55px 0 100px;
}
.compare-page__container{
    max-width: 1300px;
    margin-inline: auto;
    padding-inline: 40px;
}
.compare-page__head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 20px 0 30px;
}
.compare-page__title{
    color: #000;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 32px;
    text-transform: uppercase;
}
.compare-page__clear{
    padding: 10px 20px;
    border: 1px solid #242424;
    background: none;
    color: #242424;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color .2s ease, color .2s ease;
}
.compare-page__clear:hover{
    background-color: #242424;
    color: #fff;
}
.compare-page__empty{
    padding: 60px 0;
    color: #767676;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 16px;
    text-align: center;
}

.compare-products{
    margin-bottom: 50px;
}

.compare-table-wrap{
    overflow-x: auto;
}
.compare-table{
    width: 100%;
    border-collapse: collapse;
}
.compare-table th,
.compare-table td{
    padding: 14px 16px;
    border-bottom: 1px solid #eee;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-align: left;
    white-space: nowrap;
}
.compare-table th{
    color: #999;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
}
.compare-table td{
    color: #242424;
}
.compare-table__row--differs td{
    color: #999;
}

.guest-modal{
    position: fixed;
    inset: 0;
    z-index: 300;
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s ease, visibility .3s ease;
}
.guest-modal.is-open{
    visibility: visible;
    opacity: 1;
}
.guest-modal__overlay{
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, .4);
}
.guest-modal__dialog{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 420px;
    padding: 40px;
    background-color: #fff;
    text-align: center;
}
.guest-modal__close{
    position: absolute;
    top: 15px;
    right: 15px;
    width: 30px;
    height: 30px;
    border: none;
    background: none;
    color: #999;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
}
.guest-modal__title{
    margin: 0 0 15px;
    color: #000;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
}
.guest-modal__text{
    margin: 0 0 25px;
    color: #666;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.6;
}
.guest-modal__actions .button{
    display: inline-block;
    padding: 14px 30px;
    background-color: rgb(112, 120, 155);
    color: #fff;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    transition: background-color .2s ease;
}
.guest-modal__actions .button:hover{
    background-color: #5c6380;
}

.wishlist-page{
    padding: 55px 0 100px;
}
.wishlist-page__container{
    max-width: 1300px;
    margin-inline: auto;
    padding-inline: 40px;
}
.wishlist-page__title{
    margin: 20px 0 30px;
    color: #000;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 32px;
    text-transform: uppercase;
}
.wishlist-page__empty{
    padding: 60px 0;
    color: #767676;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 16px;
    text-align: center;
}

@media (max-width: 600px){
    
    .auth-page{
        padding: 55px 0 60px;
    }
    .auth-page__card{
        max-width: 100%;
    }

    
    .account-page__container{
        padding-inline: 16px;
    }
    .account-page__title{
        font-size: 22px;
        margin: 15px 0 25px;
    }
    .account-panel__title{
        font-size: 16px;
    }

    
    .compare-page__container{
        padding-inline: 16px;
    }
    .compare-page__head{
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
    .compare-page__title{
        font-size: 22px;
    }
    .compare-table th,
    .compare-table td{
        padding: 10px 12px;
        font-size: 13px;
    }

    
    .wishlist-page__container{
        padding-inline: 16px;
    }
    .wishlist-page__title{
        font-size: 22px;
        margin: 15px 0 20px;
    }

    
    .contacts-page__container{
        padding-inline: 16px;
    }
    .contacts-grid{
        grid-template-columns: 1fr;
        gap: 30px;
    }

    
    .order-success-page__container{
        padding-inline: 16px;
    }
    .order-overview{
        flex-direction: column;
        gap: 12px;
    }
    .order-overview li{
        flex: 1 1 auto;
        padding: 0 0 12px;
        text-align: left;
        border-right: none;
        border-bottom: 1px solid #eee;
    }
    .order-overview li:last-child{
        border-bottom: none;
    }
    .order-details__row,
    .order-details__summary-row{
        flex-wrap: wrap;
    }
    .order-details__total,
    .order-details__summary-row span:last-child{
        flex: 0 0 100%;
        text-align: left;
        margin-top: 6px;
    }
}

@media (max-width: 480px){
    .guest-modal__dialog{
        padding: 30px 20px;
        max-width: calc(100% - 30px);
    }
}

.preloader{
    position: fixed;
    inset: 0;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(112, 120, 155);
    transition: opacity .7s ease, transform .7s ease;
}
.preloader__logo{
    display: flex;
}
.preloader__letter{
    display: inline-block;
    color: #fff;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 48px;
    letter-spacing: 6px;
    text-transform: uppercase;
    opacity: 0;
    transform: translateY(24px);
    animation: preloaderLetterIn .6s cubic-bezier(.2,.7,.3,1) forwards;
}
.preloader__letter:nth-child(1){ animation-delay: .05s; }
.preloader__letter:nth-child(2){ animation-delay: .15s; }
.preloader__letter:nth-child(3){ animation-delay: .25s; }
.preloader__letter:nth-child(4){ animation-delay: .35s; }
.preloader__letter:nth-child(5){ animation-delay: .45s; }
.preloader__letter:nth-child(6){ animation-delay: .55s; }

@keyframes preloaderLetterIn{
    to{
        opacity: 1;
        transform: translateY(0);
    }
}

.preloader.is-hiding{
    opacity: 0;
    transform: translateY(-100%);
    pointer-events: none;
}

@media (max-width: 480px){
    .preloader__letter{
        font-size: 32px;
        letter-spacing: 3px;
    }
}

.error-404-page{
    padding: 40px 0 50px;
}
.error-404-page__container{
    max-width: 1300px;
    margin-inline: auto;
    padding-inline: 40px;
}
.error-404{
    max-width: 560px;
    margin: 40px auto 80px;
    text-align: center;
}
.error-404__code{
    margin: 0;
    color: rgb(112, 120, 155);
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 120px;
    line-height: 1;
}
.error-404__title{
    margin: 10px 0 20px;
    color: #000;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 28px;
    text-transform: uppercase;
}
.error-404__text{
    margin: 0 0 30px;
    color: #666;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.6;
}
.error-404__btn{
    display: inline-block;
    padding: 14px 40px;
    background-color: rgb(112, 120, 155);
    color: #fff;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    transition: background-color .2s ease;
}
.error-404__btn:hover{
    background-color: #5c6380;
}

@media (max-width: 600px){
    .error-404-page__container{
        padding-inline: 16px;
    }
    .error-404{
        margin: 20px auto 50px;
    }
    .error-404__code{
        font-size: 72px;
    }
    .error-404__title{
        font-size: 20px;
    }
    .error-404__text{
        font-size: 14px;
    }
    .error-404__btn{
        display: block;
        padding: 14px 20px;
    }
}

.page-description{
    max-width: 900px;
    margin: 30px 0 60px;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.7;
    color: #333333;
}
.page-description h2{
    margin: 30px 0 15px;
    font-size: 22px;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
}
.page-description h3{
    margin: 25px 0 12px;
    font-size: 18px;
    font-weight: 700;
    color: #000;
}
.page-description p{
    margin: 0 0 15px;
}
.page-description ul,
.page-description ol{
    margin: 0 0 15px;
    padding-left: 22px;
}
.page-description a{
    color: rgb(112, 120, 155);
}
.page-description img{
    max-width: 100%;
    height: auto;
}

.looks-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.looks-grid .lookbook__slide{
    width: 100%;
}

@media (max-width: 768px){
    .looks-grid{
        grid-template-columns: 1fr;
    }
}

.to_top{
    display: none;
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 90;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: rgb(112, 120, 155);
    box-shadow: 0 4px 14px rgba(0,0,0,.2);
    transition: background-color .2s ease, transform .2s ease;
}
.to_top:before{
    content: "";
    position: absolute;
    top: 55%;
    left: 50%;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: translate(-50%, -50%) rotate(45deg);
}
.to_top:hover{
    background-color: #5c6380;
    transform: translateY(-3px);
}

@media (max-width: 600px){
    .to_top{
        right: 16px;
        bottom: 16px;
        width: 40px;
        height: 40px;
    }
}

html{
    scrollbar-width: thin;
    scrollbar-color: rgb(112, 120, 155) #f0f0f0;
}
::-webkit-scrollbar{
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track{
    background-color: #f0f0f0;
}
::-webkit-scrollbar-thumb{
    background-color: rgb(112, 120, 155);
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover{
    background-color: #5c6380;
}

.obmin-inline-warning{
    margin: 20px 0 30px !important;
    color: #000;
    font-weight: 700;
}
.obmin-warning-mark{
    display: inline;
    color: #E5484D;
    margin-right: 2px;
}

.delivery-body__text a{
    color: rgb(112, 120, 155);
}
.delivery-body__text a:hover{
    color: #5c6380;
}

.delivery-list--2col{
    column-count: 2;
    column-gap: 40px;
}
.delivery-list--2col li{
    break-inside: avoid;
}

.obmin-steps{
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
    counter-reset: obmin-step;
}
.obmin-steps li{
    display: flex;
    gap: 10px;
    margin-bottom: 16px;
    color: #333;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.6;
}
.obmin-steps li:before{
    counter-increment: obmin-step;
    content: counter(obmin-step) ".";
    flex: 0 0 auto;
    color: #000;
    font-weight: 700;
}

.partners-success-modal{
    position: fixed;
    inset: 0;
    z-index: 300;
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s ease, visibility .3s ease;
}
.partners-success-modal.is-open{
    visibility: visible;
    opacity: 1;
}
.partners-success-modal__overlay{
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, .4);
}
.partners-success-modal__dialog{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 420px;
    padding: 40px;
    background-color: #fff;
    text-align: center;
}
.partners-success-modal__close{
    position: absolute;
    top: 15px;
    right: 15px;
    width: 30px;
    height: 30px;
    border: none;
    background: none;
    color: #999;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
}
.partners-success-modal__icon{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    margin: 0 auto 20px;
    border-radius: 50%;
    background-color: rgb(112, 120, 155);
    color: #fff;
    font-size: 26px;
}
.partners-success-modal__title{
    margin: 0 0 15px;
    color: #000;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
}
.partners-success-modal__text{
    margin: 0;
    color: #666;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.6;
}

@media (max-width: 680px){
    .fr-section{
        padding: 20px 0!important;
    }
}
@media (max-width: 480px){
    .partners-success-modal__dialog{
        padding: 30px 20px;
        max-width: calc(100% - 30px);
    }
}

.fr-page__container{
    max-width: 1300px;
    margin-inline: auto;
    padding-inline: 40px;
}
.fr-section{
    padding: 60px 0;
}
.fr-section__head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 35px;
}
.fr-section__title{
    color: #000;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 32px;
    text-transform: uppercase;
}
.fr-btn{
    display: inline-block;
    flex: 0 0 auto;
    padding: 14px 30px;
    background-color: rgb(112, 120, 155);
    color: #fff;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    transition: background-color .2s ease;
}
.fr-btn:hover{
    background-color: #5c6380;
}

.fr-hero{
    padding: 90px 0 60px;
}
.fr-hero__row{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
    margin-bottom: 35px;
}
.fr-hero__title{
    margin: 0;
    flex: 0 0 auto;
    color: #000;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 32px;
    text-transform: uppercase;
}
.fr-hero__subtitle{
    max-width: 500px;
    margin: 0;
    color: #333;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    text-align: right;
}
.fr-hero__grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}
.fr-hero__grid img{
    display: block;
    width: 100%;
    height: 500px;
    object-fit: cover;
}

.fr-photo-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 30px;
}
.fr-photo-grid img{
    display: block;
    width: 100%;
    aspect-ratio: 3 / 4;
    object-fit: cover;
}

.fr-basics-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 20px;
}
.fr-basics-tile{
    text-align: center;
}
.fr-basics-tile img{
    display: block;
    width: 100%;
    aspect-ratio: 3 / 4;
    object-fit: cover;
    margin-bottom: 15px;
}
.fr-basics-tile p{
    margin: 0;
    color: #000;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 16px;
}

.fr-mindset{
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: 40px;
    align-items: stretch;
}
.fr-mindset__text{
    margin-bottom: 25px;
    color: #333;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.7;
}
.fr-mindset__text p{
    margin: 0 0 18px;
}
.fr-mindset__row{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.fr-mindset__row img{
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}
.fr-mindset__tall{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.fr-advantages{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    align-items: stretch;
    margin-bottom: 50px;
}
.fr-advantages img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.fr-advantages ul{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.fr-place-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px 50px;
}
.fr-place-item{
    display: flex;
    gap: 18px;
    align-items: flex-start;
}
.fr-place-item__icon{
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background-color: rgb(112, 120, 155);
    color: #fff;
}
.fr-place-item__icon svg{
    width: 24px;
    height: 24px;
}
.fr-place-item__text{
    color: #333;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.6;
}
.fr-place-item__text strong{
    color: #000;
}

.fr-terms{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    align-items: stretch;
}
.fr-terms img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.fr-terms-table{
    width: 100%;
    border-collapse: collapse;
}
.fr-terms-table td{
    padding: 14px 0;
    border-bottom: 1px solid #eee;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #333;
}
.fr-terms-table td:last-child{
    text-align: right;
    font-weight: 700;
    color: #000;
}
.fr-terms-table tr.fr-terms-table__subrow td{
    padding: 8px 0;
    border-bottom: none;
    font-size: 14px;
    color: #666;
}
.fr-terms__disclaimer{
    margin-top: 20px;
    color: #999;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.6;
    font-style: italic;
}

.fr-support{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}
.fr-support-card{
    position: relative;
    min-height: 480px;
    overflow: hidden;
    cursor: pointer;
}
.fr-support-card__bg{
    position: absolute;
    inset: 0;
    background-position: center;
    background-size: cover;
}
.fr-support-card__caption{
    position: absolute;
    inset: 0;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 25px;
    background: linear-gradient(to top, rgba(0,0,0,.5), transparent 50%);
    color: #fff;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    text-align: center;
}
.fr-support-card__caption-title{
    align-self: flex-start;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
    text-align: left;
}
.fr-support-card__caption-more{
    margin-bottom: 20px;
    font-size: 13px;
    text-decoration: underline;
}
.fr-support-card__list{
    position: absolute;
    inset: 0;
    z-index: 2;
    margin: 0;
    padding: 30px;
    background-color: #fff;
    border: 1px solid #000;
    overflow-y: auto;
    list-style: none;
    transform: translateY(100%);
    transition: transform .6s cubic-bezier(.22, 1, .36, 1);
}
.fr-support-card.is-open .fr-support-card__list{
    transform: translateY(0);
}

@media (hover: hover){
    .fr-support-card:hover .fr-support-card__list{
        transform: translateY(0);
    }
}
.fr-support-card__title{
    margin: 0 0 20px;
    color: #000;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
}
.fr-support-list{
    list-style: none;
    margin: 0;
    padding: 0;
}
.fr-support-list li{
    display: flex;
    gap: 12px;
    margin-bottom: 12px;
    color: #333;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.5;
}
.fr-support-list li:before{
    content: "";
    flex: 0 0 auto;
    width: 17px;
    height: 17px;
    margin-top: 2px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 7.46153H12.9278L6.99372 1.52746L8.47724 0.0439453L16.9545 8.52119L8.47724 16.9984L6.99372 15.5149L12.9278 9.58084H0V7.46153Z' fill='%2370789B'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}

.fr-path-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    border: 1px solid #000;
}
.fr-path-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 40px 20px;
    border: 1px solid #000;
    margin: -1px 0 0 -1px;
    text-align: center;
    color: #000;
    background-color: #fff;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 1.4;
    transition: background-color .25s ease, color .25s ease;
}
.fr-path-item svg{
    width: 40px;
    height: 40px;
    color: #000;
    transition: color .25s ease;
}
.fr-path-item:hover{
    background-color: rgb(112, 120, 155);
    color: #fff;
}
.fr-path-item:hover svg{
    color: #fff;
}

.fr-cta{
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
}
.fr-cta__text{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 60px;
}
.fr-cta__title{
    margin: 0 0 15px;
    color: #000;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 32px;
    text-transform: uppercase;
}
.fr-cta__subtitle{
    margin: 0 0 30px;
    color: #333;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.6;
}
.fr-cta-form input,
.fr-cta-form textarea{
    display: block;
    width: 100%;
    margin-bottom: 15px;
    padding: 16px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #242424;
}
.fr-cta-form button{
    display: block;
    width: 100%;
    padding: 16px;
    border: none;
    background-color: rgb(112, 120, 155);
    color: #fff;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color .2s ease;
}
.fr-cta-form button:hover{
    background-color: #5c6380;
}
.fr-cta__img{
    display: block;
    width: 100%;
    height: 100%;
    min-height: 400px;
    object-fit: cover;
}

@media (max-width: 900px){
    .fr-page__container{
        padding-inline: 16px;
    }
    .fr-hero__row{
        flex-direction: column;
    }
    .fr-hero__subtitle{
        max-width: 100%;
        text-align: left;
    }
    .fr-hero__grid,
    .fr-mindset,
    .fr-advantages,
    .fr-place-grid,
    .fr-terms,
    .fr-support,
    .fr-cta{
        grid-template-columns: 1fr;
    }
    .fr-photo-grid{
        grid-template-columns: 1fr;
    }
    .fr-path-grid{
        grid-template-columns: repeat(2, 1fr);
    }
    .fr-section__head{
        flex-direction: column;
        align-items: flex-start;
    }
    .fr-cta__text{
        padding-right: 0;
        margin-bottom: 20px;
    }
}

@media (max-width: 600px){
    .tools__subtotal{
        display: none;
    }
}

@media (hover: none){
    .product-card:hover{
        z-index: auto;
    }
    .product-card__media:hover:before{
        opacity: 0;
        transform: scale(1);
    }
    .product-card__media:hover .product-card__img--hover{
        opacity: 0;
        transform: scale(1);
    }
    .product-card__media:hover .product-card__buttons{
        opacity: 0;
        visibility: hidden;
        transform: translateX(20px);
    }
}

.product-card__wishlist-badge,
.product-card__compare-badge{
    position: absolute;
    right: 10px;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: none;
    border-radius: 50%;
    background-color: #fff;
    color: #242424;
    font-size: 15px;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
    transition: color .2s ease, transform .15s ease, opacity .3s ease, visibility .3s ease;
}
.product-card__compare-badge{
    top: 10px;
}
.product-card__wishlist-badge{
    top: 54px;
    font-size: 16px;
}
.product-card__wishlist-badge:before{
    content: "\f106";
    font-family: "woodmart-font";
}
.product-card__compare-badge:before{
    content: "\f128";
    font-family: "woodmart-font";
}
.product-card__wishlist-badge.selected{
    color: #ff6b6b;
}
.product-card__compare-badge.selected{
    color: rgb(112, 120, 155);
}
.product-card__wishlist-badge:active,
.product-card__compare-badge:active{
    transform: scale(.9);
}
.product-card__wishlist-badge:hover{
    color: #ff6b6b;
}
.product-card__compare-badge:hover{
    color: rgb(112, 120, 155);
}

@media (min-width: 769px){
    .product-card__wishlist-badge,
    .product-card__compare-badge{
        opacity: 0;
        visibility: hidden;
    }
    .product-card__media:hover .product-card__wishlist-badge,
    .product-card__media:hover .product-card__compare-badge{
        opacity: 1;
        visibility: visible;
    }
}

@media (max-width: 768px){
    .product-card__compare-badge{
        display: none;
    }
    .product-card__wishlist-badge{
        opacity: 1;
        visibility: visible;
        width: 24px;
        height: 24px;
        top: 5px;
        right: 5px;
        font-size: 12px;
    }
}

.product-card__wishlist-badge:hover .product-card__tooltip,
.product-card__compare-badge:hover .product-card__tooltip{
    opacity: 1;
    visibility: visible;
}

@media (max-width: 600px){
    .fr-basics-grid{
        grid-template-columns: 1fr;
    }
}

.fr-parallax{
    position: relative;
    left: 50%;
    width: 100vw;
    height: 450px;
    margin: 60px 0;
    transform: translateX(-50%);
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}
@media (max-width: 900px){
    .fr-parallax{
        height: 300px;
        
        background-attachment: scroll;
    }
}

@media (max-width: 1200px){
    .delivery-page__heading{
        font-size: 22px;
    }
    .recently-viewed__title{
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 15px;
    }
    .product-card__badge{
        font-size: 12px;
        padding: 0.5em;
    }
    .top-products{
        padding: 50px 0;
        text-align: center;
    }
    #cart_informer{
        margin-right: 10px;
    }
    .subscribe__input{
        width: 90%;
    }
    .press__all.activ,.top-products__all.active,.press__all.active{
        background-color: #F1E9DF;
        margin-top: 15px;
    }
    .lookbook,.press{
        padding-bottom: 50px;
        text-align: center;
    }
    .catalog-page{
        padding-bottom: 50px;
    }
}

@media (hover: none){
    .product-card__media:hover .product-card__view-btn{
        opacity: 0;
    }
}

.sizeguide{
    max-width: 600px;
    padding: 10px;
}
.sizeguide__title{
    margin: 0 0 20px;
    color: #000;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
}
.sizeguide__img{
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 25px;
}
.sizeguide__table{
    width: 100%;
    border-collapse: collapse;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
}
.sizeguide__table td{
    padding: 12px 10px;
    border: 1px solid #eee;
    text-align: center;
    color: #333;
}
.sizeguide__table tr:first-child td{
    background-color: rgb(112, 120, 155);
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    border-color: rgb(112, 120, 155);
}
.sizeguide__table tr:first-child td:first-child{
    text-align: left;
}
.sizeguide__table td:first-child{
    font-weight: 700;
    color: #000;
    text-align: left;
}

@media (max-width: 600px){
    .sizeguide__table{
        font-size: 12px;
    }
    .sizeguide__table td{
        padding: 8px 4px;
    }
}

.cart-coupon__applied{
    max-width: 38%;
    margin: 15px 0 0 auto;
    padding: 12px 16px;
    background-color: #F1E9DF;
    color: #1D1D1B;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-align: right;
    box-sizing: border-box;
}
.cart-coupon__personal{
    max-width: 38%;
    margin: 30px 0 0 auto;
    padding: 12px 16px;
    box-sizing: border-box;
    background-color: #F1E9DF;
    color: #1D1D1B;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-align: right;
}

@media (max-width: 600px){
    .cart-coupon,
    .cart-coupon__applied,
    .cart-coupon__personal{
        max-width: 100%;
        box-sizing: border-box;
        width: 100%;
    }
    .cart-coupon__input{
        flex: 1;
        min-width: 0;
    }
    .cart-coupon__btn{
        width: 143px;
        flex: 0 0 143px;
    }
    .value-tile,.sustainability-split__img{
        min-height: 320px;
    }
    .looks_page .lookbook__slide{
        width: 100%!important;
    }
}

input[type="checkbox"]:not(.js_des_ajax_f):not(.js_variant),
input[type="radio"]:not(.js_des_ajax_f):not(.js_variant){
    appearance: none;
    -webkit-appearance: none;
    position: relative;
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    margin: 0;
    border: 1px solid #ccc;
    background-color: #fff;
    cursor: pointer;
    transition: border-color .2s ease, background-color .2s ease;
}
input[type="checkbox"]:not(.js_des_ajax_f):not(.js_variant){
    border-radius: 3px;
}
input[type="radio"]:not(.js_des_ajax_f):not(.js_variant){
    border-radius: 50%;
}
input[type="checkbox"]:not(.js_des_ajax_f):not(.js_variant):checked,
input[type="radio"]:not(.js_des_ajax_f):not(.js_variant):checked{
    border-color: rgb(112, 120, 155);
    background-color: rgb(112, 120, 155);
}
input[type="checkbox"]:not(.js_des_ajax_f):not(.js_variant):checked:before{
    content: "";
    position: absolute;
    left: 5px;
    top: 1px;
    width: 5px;
    height: 9px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg);
}
input[type="radio"]:not(.js_des_ajax_f):not(.js_variant):checked:before{
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #fff;
    transform: translate(-50%, -50%);
}
input[type="checkbox"]:not(.js_des_ajax_f):not(.js_variant):hover,
input[type="radio"]:not(.js_des_ajax_f):not(.js_variant):hover{
    border-color: rgb(112, 120, 155);
}

.select2-container{
    width: 100% !important;
}
.select2-container .select2-selection--single{
    display: flex;
    align-items: center;
    height: auto;
    padding: 14px 40px 14px 16px;
    border: 1px solid #ccc;
    border-radius: 0;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23242424' stroke-width='1.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 12px 8px;
}
.select2-container .select2-selection__rendered{
    padding: 0;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.3;
    color: #242424;
}
.select2-container .select2-selection__placeholder{
    color: #999;
}
.select2-container .select2-selection__arrow{
    display: none;
}
.select2-container--open .select2-selection--single{
    border-color: rgb(112, 120, 155);
}
.select2-dropdown{
    border: 1px solid #ccc;
    border-radius: 0;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
}
.select2-search--dropdown{
    padding: 10px;
}
.select2-search--dropdown .select2-search__field{
    padding: 10px 12px;
    border: 1px solid #ccc;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
    outline: none;
}
.select2-results__option{
    padding: 10px 16px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
    background-color: rgb(112, 120, 155);
    color: #fff;
}
.select2-container--default .select2-results__option[aria-selected="true"]{
    background-color: #F1E9DF;
    color: #1D1D1B;
}

.checkout-order-table-wrap{
    margin-bottom: 30px;
    padding: 25px;
    background-color: #fff;
}

.header--white-bg{
    background-color: #fff !important;
}

@media (max-width: 800px){
    .product-gallery__zoom{
        display: none;
    }
    .product-gallery__slide.is-active img{
        cursor: pointer;
    }
}

@media (max-width: 800px){
    .wishlist-page,.compare-page{
        padding-bottom: 50px;
    }
    .checkout-list__main{
        padding-left: 110px;
    }
    .checkout-list__img{
        position: absolute;
        left: 25px;
        top: 20px;
    }
    .checkout-review{
        padding: 0;
        background: #fff;
    }
    .checkout-review__heading{
        margin: 25px 0;
    }
    .checkout-order-table-wrap{
        padding: 0;
        margin: 0;
    }
    .checkout-list__total{
        position: absolute;
        right: 0;
        bottom: 20px;
    }
    .checkout-payment__desc{
        padding: 0;
    }
    .cart-list__head{
        display: none;
    }
    .cart-page,.checkout-page{
        padding:40px 0 50px 0;
    }
    .cart-list__row{
        display: flex;
        flex-wrap: wrap;
        position: relative;
        gap: 0 15px;
        padding: 20px 0 20px 100px;
        justify-content: flex-end;
    }
    .cart-list__remove{
        position: absolute;
        top: 20px;
        right: 0;
        order: 1;
    }
    .cart-list__qty .cart-list__label{
        display: none;
    }
    .cart-list__thumb{
        order: 2;
        width: 90px;
        position: absolute;
        left: 0;
        top: 20px;
    }
    .cart-list__name{
        order: 3;
        flex: 1 1 0;
        min-width: 0;
        padding-right: 30px;
        align-self: center;
    }
    .cart-list__price,
    .cart-list__qty,
    .cart-list__subtotal{
        flex: 0 0 100%;
        margin-left: 105px;
        width: calc(100% - 105px);
        margin-top: 8px;
        text-align: left;
        justify-content: flex-start;
    }
    .cart-list__price{ order: 4; }
    .cart-list__qty{ order: 5; }
    .cart-list__subtotal{
        order: 6;
        color: #999;
        font-size: 13px;
    }
    .cart-list__label{
        display: inline;
        margin-right: 6px;
        color: #999;
        font-size: 13px;
    }
    .checkout-list__row{
        min-height: 115px;
    }
}
@media (max-width: 1200px){
    .compare-scroll{
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .compare-table-wrap{
        overflow-x: visible;
    }
    .compare-products.catalog-products-grid{
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: 180px;
        width: max-content;
        gap: 30px 15px;
    }
    .compare-products .mob_fix_com{
        width: 140px;
    }
    .compare-table{
        width: max-content;
    }
    .compare-table th{
        width: 140px;
        min-width: 140px;
        position: sticky;
        left: 0;
        background-color: #fff;
    }
    .compare-table td{
        width: 180px;
        min-width: 180px;
    }
}
.login-widget__error{
    margin-bottom: 20px;
    padding: 12px 16px;
    background-color: #fdeaea;
    color: #c0392b;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 13px;
}