/** Shopify CDN: Minification failed

Line 2034:0 Unexpected "}"

**/
/*==============
GENERAL
*================*/
:root{
    --heading-font: "Diptyque Saint-Germain";
    --body-font: "Apercu Pro";

    /* body font styles */
    --body-s-light-font-family: var(--body-font);
    --body-s-light-font-size: 12px;
    --body-s-light-line-height: 130%;
    --body-s-light-letter-spacing: 0%;
    --body-s-light-font-weight: 300;
    
    --body-m-light-font-family: var(--body-font);
    --body-m-light-font-size: 14px;
    --body-m-light-line-height: 140%;
    --body-m-light-letter-spacing: 0%;
    --body-m-light-font-weight: 300;
    
    --body-l-light-font-family: var(--body-font);
    --body-l-light-font-size: 16px;
    --body-l-light-line-height: 140%;
    --body-l-light-letter-spacing: 0%;
    --body-l-light-font-weight: 300;

    /* heading font styles */
    --heading-s-regular-font-family: var(--heading-font);
    --heading-s-regular-font-size: 24px;
    --heading-s-regular-line-height: 118%;
    --heading-s-regular-letter-spacing: 0%;
    --heading-s-regular-font-weight: 400;

    --heading-m-regular-font-family: var(--heading-font);
    --heading-m-regular-font-size: 32px;
    --heading-m-regular-line-height: 120%;
    --heading-m-regular-letter-spacing: 0%;
    --heading-m-regular-font-weight: 400;   

    /* label font styles */
    --label-s-regular-font-family: var(--body-font);
    --label-s-regular-font-size: 12px;
    --label-s-regular-line-height: 120%;
    --label-s-regular-letter-spacing: 0%;
    --label-s-regular-font-weight: 400;
    
    --label-m-regular-font-family: var(--body-font);
    --label-m-regular-font-size: 14px;
    --label-m-regular-line-height: 115%;
    --label-m-regular-letter-spacing: 0%;
    --label-m-regular-font-weight: 400;
    
    --label-l-regular-font-family: var(--body-font);
    --label-l-regular-font-size: 16px;
    --label-l-regular-line-height: 125%;
    --label-l-regular-letter-spacing: 0%;
    --label-l-regular-font-weight: 400;
    
    --label-s-light-font-family: var(--body-font);
    --label-s-light-font-size: 12px;
    --label-s-light-line-height: 120%;
    --label-s-light-letter-spacing: 0%;
    --label-s-light-font-weight: 300;
    
    --label-m-light-font-family: var(--body-font);
    --label-m-light-font-size: 14px;
    --label-m-light-line-height: 115%;
    --label-m-light-letter-spacing: 0%;
    --label-m-light-font-weight: 300;
    
    --label-l-light-font-family: var(--body-font);
    --label-l-light-font-size: 16px;
    --label-l-light-line-height: 125%;
    --label-l-light-letter-spacing: 0%;
    --label-l-light-font-weight: 300;
    
    --label-s-alt-font-family: var(--heading-font);
    --label-s-alt-font-size: 14px;
    --label-s-alt-line-height: 115%;
    --label-s-alt-letter-spacing: 0%;
    --label-s-alt-font-weight: 400;
    
    --label-m-alt-font-family: var(--heading-font);
    --label-m-alt-font-size: 16px;
    --label-m-alt-line-height: 115%;
    --label-m-alt-letter-spacing: 0%;
    --label-m-alt-font-weight: 400;
    
    --label-l-alt-font-family: var(--heading-font);
    --label-l-alt-font-size: 20px;
    --label-l-alt-line-height: 115%;
    --label-l-alt-letter-spacing: 0%;
    --label-l-alt-font-weight: 400;
    
    /* layout */
    --row-gap: 40px;
    --column-gap: 30px;
    --column-inline-padding: 15px;

}

/* Global styles */
.row {
    row-gap: var(--row-gap);
    /* column-gap: var(--column-gap); */
}
.row.full-width-row-full {
    max-width: 1920px;
}
.row.no-gap {
   row-gap: 0; 
}
.row.no-gap > :first-child {
    padding-right: 0px;
}
.row.no-gap > :last-child {
    padding-left: 0px;
}
.row.no-gap > :not(:last-child):not(:first-child) {
    padding-left: 0px;
    padding-right: 0px;
}
@media screen and (min-width: 1921px){
    .row {
        max-width: 1920px;
    }
}

/* Override the theme’s font usage */
	h1,h2,h3,h4,h5,h6,
	.h1,.h2,.h3,.h4,.h5,.h6,
	.logolink.text-logo,
	.heading-font,
	.h1-xlarge,
	.h1-large,
	blockquote p,
	blockquote span,
	.customer-addresses .my-address .address-index {
		font-family: var(--heading-font) !important;
		font-style: normal !important;
		font-weight: var(--heading-s-regular-font-weight) !important;
	}

	body,
	.body-font,
	.thb-product-detail .product-title {
		font-family: var(--body-font) !important;
		font-style: normal;
		font-weight: var(--body-m-light-font-weight);
        line-height: var(--body-m-light-line-height);
	}

    h1, .h1 {
        font-family: var(--heading-m-regular-font-family) !important;
        font-size: var(--heading-m-regular-font-size) !important;
        line-height: var(--heading-m-regular-line-height) !important;
        font-weight: var(--heading-m-regular-font-weight) !important;
        margin-bottom: 8px;
    }

    h2, .h2 {
        font-family: var(--heading-m-regular-font-family) !important;
        font-size: var(--heading-m-regular-font-size) !important;
        line-height: var(--heading-m-regular-line-height) !important;
        font-weight: var(--heading-m-regular-font-weight) !important;
        margin-bottom: 8px;
    }

    h3, .h3 {
        font-family: var(--heading-s-regular-font-family) !important;
        font-size: var(--heading-s-regular-font-size) !important;
        line-height: var(--heading-s-regular-line-height) !important;
        font-weight: var(--heading-s-regular-font-weight) !important;
        margin-bottom: 8px;
    }

    h4, .h4 {
        font-family: var(--label-l-alt-font-family) !important;
        font-size: var(--label-l-alt-font-size) !important;
        line-height: var(--label-l-alt-line-height) !important;
        font-weight: var(--label-l-alt-font-weight) !important;
        margin-bottom: 8px;
    }

    h5, .h5 {
        font-family: var(--label-m-alt-font-family) !important;
        font-size: var(--label-m-alt-font-size) !important;
        line-height: var(--label-m-alt-line-height) !important;
        font-weight: var(--label-m-alt-font-weight) !important;
        margin-bottom: 8px;
    }


/* spacing */
@media only screen and (min-width: 768px) {
    .section-spacing-padding {
        padding-top: var(--section-spacing-desktop, 0);
        padding-bottom: 20px;
    }
}

/* Pages titles */
.shopify-section.section {
    display: none;
}

/* Buttons */
a.button,
button.button:not(.product-card--add-to-cart-button) {
    background: #fff !important;
    color: #000 !important;
    border: 1px solid #000;
    box-shadow: inset 0 -2px 0 0 #000;
    transition: box-shadow .35s ease;
    height: 48px;
    padding: 14px 24px;
    font-size: var(--label-m-alt-font-size) !important;
    font-family: var(--label-m-alt-font-family) !important;
    font-weight: var(--label-m-alt-font-weight) !important;
    line-height: var(--label-m-alt-line-height) !important;
    position: relative;
}
a.button:not(.new_tab):before,
a.button:not(.new_tab):after,
button.button:not(.product-card--add-to-cart-button):not(.new_tab):before,
button.button:not(.product-card--add-to-cart-button):not(.new_tab):after {
    content: "";
    background: #000;
    width: 3px;
    height: 3px;
    border-radius: 50px;
    margin: 0 10px;
}
a.button.new_tab:after,
button.button.new_tab:after {
    content: "";
    width: 14px;
    height: 14px;
    border-radius: 50px;
    margin: 0 10px;
    background-image: url("data:image/svg+xml,%3Csvg height='20' viewBox='0 0 512 512' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='m512 256c0-4.55-1.896-8.656-4.94-11.574l-162.989-162.995c-6.26-6.26-16.409-6.26-22.669 0s-6.26 16.409 0 22.669l135.866 135.87h-441.239c-8.852 0-16.029 7.177-16.029 16.03s7.177 16.029 16.029 16.029h441.201l-135.83 135.873c-6.259 6.261-6.257 16.41.003 22.669 3.13 3.129 7.231 4.693 11.333 4.693 4.103 0 8.207-1.566 11.336-4.697l162.464-162.514c3.349-2.937 5.464-7.248 5.464-12.053z'/%3E%3C/g%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    transform: rotate(-45deg);
}
a.button:hover,
button.button:not(.product-card--add-to-cart-button):hover {
    background: #fff;
    color: #000;
    box-shadow: inset 0 0px 0 0 #000;
}
button#AddToCart:not([disabled]) {
    background: #000 !important;
    color: #fff !important;
}
button#AddToCart:not([disabled]) .spinner-path {
    stroke: #fff !important;
}
.single-add-to-cart-button.button.sold-out {
    display: none;
}

a.link, 
button.link {
    font-size: var(--label-m-alt-font-size);
    font-family: var(--label-m-alt-font-family);
    font-weight: var(--label-m-alt-font-weight) !important;
    line-height: var(--label-m-alt-line-height) !important;
    position: relative;
}
a.link:before, button.link:before {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #000;
}
a.link.styled-link {
    font-size: var(--label-m-alt-font-size);
    font-family: var(--label-m-alt-font-family);
    font-weight: var(--label-m-alt-font-weight) !important;
    line-height: var(--label-m-alt-line-height) !important;
    text-decoration: none;
    padding-bottom: 7px;
    border-bottom: 1px solid;
    border-image: linear-gradient(to right, transparent 0, transparent 20px, black 20px, black calc(100% - 20px), transparent calc(100% - 20px), transparent 100%) 1;
    display: inline-block;
}
a.link.styled-link::before, a.link.styled-link::after {
	background: #000;
	width: 2px;
	height: 2px;
	border-radius: 50px;
	margin: 0 10px;
	content: "";
	top: -3px !important;
	position: relative;
	display: inline-block;
}
.cart-drawer form button.checkout {
    background: #000 !important;
    color: #fff !important;
}
.cart-drawer .cart-drawer-buttons {
    grid-template-columns: 1fr;
}
.cart-drawer .cart-drawer-buttons a.button {
    background: #000 !important;
    color: #fff !important;    
}

span.single-add-to-cart-button--text .dot-sep {
    display: inline-block;
    margin: 0 10px;
}

/* Carousels */
.collection-tabs .section-header {
    flex-direction: column;
    align-items: center;
    justify-content: normal;
    gap: 0;
}
.collection-tabs .section-header h3.section-header--title {
    font-size: 32px;
    line-height: 120%;
    margin-bottom: 17px !important;
}

.collection-tabs .collection-tabs__list-link {
    background: #fff;
    font-size: var(--label-m-regular-font-size);
    padding: 0 0 5px!important;
    margin: 0 12px!important;
    color: #717171;
    line-height: var(--label-m-regular-line-height);
    font-weight: var(--label-m-regular-line-height);
    font-family: var(--label-m-regular-font-family);
}
.collection-tabs button.collection-tabs__list-link.active, 
.collection-tabs button.collection-tabs__list-link:hover {
    background: #fff;
    color: #000;
    border-bottom: 1px solid #000;
}

.collection-tabs slide-show .carousel__slide {
  padding: 0 4px !important;
}

/* Flikity Slider */
.flickity-progress {
    width: 240px;
    margin: 35px auto 0;
}
.flickity-enabled {
	display: block;
}

/* multicolumn component */
.multicolumn__image {
    display: block;
    margin-left: auto;
    margin-right: auto;
}


/* Form styles */
form#contact_form .row {
    row-gap: 10px;
}


/*==============
Header
*================*/


.header.is-sticky .thb-header-desktop-left {
    order: 1; 
}
.header.is-sticky .full-menu {
    order: 2; 
}
.header.is-sticky.style4 .full-menu {
    grid-column: span 1; 
}
.header.is-sticky .thb-header-right {
    order: 3; 
}

.header .header--inner::before{
    background: transparent;
}

@media screen and (min-width: 1068px){
    .header.is-sticky .logolink {
        display: none; 
    }
}
@media screen and (max-width: 1067.98px){
    .thb-secondary-area.thb-header-right .thb-secondary-area-item.thb-quick-search {
        display: none;
    }
}
@media screen and (max-width: 767.98px){
    .thb-secondary-area-item.thb-secondary-myaccount {
        display: inline-flex;
    }
    .thb-header-mobile-left a.thb-secondary-area-item.thb-quick-search {
        padding-top: 12px;
    }
}

/* cart icon */
.thb-secondary-area .thb-item-count {
	top: 9px;
	right: 0px;
	width: 24px;
	height: auto;
	color: #000;
	background: transparent;
	font-size: 10px;
	font-family: var(--font-heading-scale);
	font-weight: 400;
}

/* menu */
.thb-full-menu--link {
    font-size: calc(var(--font-navigation-scale, 1) * 16px);
}
.thb-full-menu>li {
    padding: 0 12px;
}
.thb-full-menu>li>a {
    font-weight: var(--label-l-light-font-weight);
}

.thb-full-menu .mega-menu-columns__heading {
    font-weight: var(--label-m-alt-font-weight);
    font-family: var(--label-m-alt-font-family);
    text-decoration: none;
    line-height: var(--label-m-alt-line-height);
    font-size: var(--label-m-alt-font-size);
}
.thb-full-menu--link:hover:after, .thb-full-menu--link:focus:after {
    transform: scale(0);
}
.thb-full-menu li.menu-item-has-children {
    padding: 0 10px;
}
.thb-full-menu li.menu-item-has-children.menu-item-has-megamenu:before {
    display: none;
}
ul.mega-menu-columns a:is([href="#"], [href="/en-sa#"], [href="/ar-sa#"]) {
    pointer-events: none;
}
ul.mega-menu-columns.mega-menu-columns--limited > li ul[role="menu"] li a {    
    font-family: var(--label-m-light-font-family);
    font-size: var(--label-m-light-font-size);
    line-height: var(--label-m-light-line-height);
    font-weight: var(--label-m-light-font-weight);
}
ul.mega-menu-columns.mega-menu-columns--limited>li:first-child ul[role=menu] li a {
    font-family: var(--label-m-light-font-family);
    font-size: var(--label-m-light-font-size);
    line-height: var(--label-m-light-line-height);
    font-weight: var(--label-m-light-font-weight);
}
ul.mega-menu-columns.mega-menu-columns--limited > li ul[role="menu"] li a u {
    font-family: var(--label-s-regular-font-family);
    font-size: var(--label-s-regular-font-size);
    line-height: var(--label-s-regular-line-height);
    font-weight: var(--label-s-regular-font-weight);
    margin-top: 30px;
    display: table;
    text-decoration: none;
}
ul.mega-menu-columns > li:first-child > a {        
    font-family: var(--label-m-light-font-family);
    font-size: var(--label-m-light-font-size);
    line-height: var(--label-m-light-line-height);
    font-weight: var(--label-m-light-font-weight);
}
ul.mega-menu-columns.mega-menu-columns--limited > li ul[role="menu"] li a u:before {
    content: "";
    bottom: 3px !important;
    left: 0px;
    width: 100%;
    height: 1px;
    background: #000;
    display: block;
    position: absolute;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
ul.mega-menu-columns.mega-menu-columns--limited > li ul[role="menu"] li a u:hover:before {
    bottom: 8px !important;
}

full-menu lb {
    font-size: var(--label-s-light-font-size);
    line-height: var(--label-s-light-line-height);
    font-family: var(--label-s-light-font-family);
    font-weight: var(--label-s-light-font-weight);
    margin-bottom: 2px;
    display: block;
    text-align: left;
    padding-top: 0;
    padding-bottom: 0;
    color: rgb(113,113,113);
}

.mega-menu-promotion--content h6 {
    font-weight: var(--label-s-alt-font-weight);
    font-family: var(--label-s-alt-font-family);
    line-height: var(--label-s-alt-line-height);
    font-size: var(--label-s-alt-font-size);
    margin-bottom: 10px;
}
.mega-menu-promotion--content p {    
    font-weight: var(--label-s-light-font-weight);
    font-family: var(--label-s-light-font-family);
    line-height: var(--label-s-light-line-height);
    font-size: var(--label-s-light-font-size);
    margin-bottom: 10px;
    color: rgb(113,113,113);
}
.mega-menu-promotion--content a {
    font-weight: var(--label-s-regular-font-weight);
    font-family: var(--label-s-regular-font-family);
    line-height: var(--label-s-regular-line-height);
    font-size: var(--label-s-regular-font-size);
    position: relative;
    display: table;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
}
.mega-menu-promotion--content a:before {
    content: "";
    bottom: 3px !important;
    left: 0px;
    width: 100%;
    height: 1px;
    background: #000;
    display: block;
    position: absolute;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.mega-menu-promotion--content a:hover:before {
    bottom: 8px !important;
}
.mega-menu-promotion:hover img {
    transform: none;
}

@media screen and (max-width: 1067.98px){
    /* .mobile-toggle-wrapper.active {
        --color-header-bg: #fff;
    } */
    .mobile-toggle-wrapper .mobile-menu-drawer {
        background: #fff;        
    }
    .mobile-menu li .link-container summary {
        font-size: var(--label-m-alt-font-size);
        font-family: var(--label-m-alt-font-family);
        font-weight: var(--label-m-alt-font-weight);
    }
    .mobile-menu .parent-link-back button {
    font-size: var(--label-m-alt-font-size) !important;
    font-family: var(--label-m-alt-font-family) !important;
    font-weight: var(--label-m-alt-font-weight) !important;
}
    .mobile-menu li>a, .mobile-menu li summary {
        font-size: var(--label-m-alt-font-size) !important;
        font-family: var(--label-m-alt-font-family) !important;
        font-weight: var(--label-m-alt-font-weight) !important;
    }
}



/*==============
Footer
*================*/
theme-footer {
    padding-bottom: 0 !important;
}
.shopify-section-group-footer-group .row {
    max-width: 100%;
}

/* at your service */
#footer-at-your-service {}
#footer-at-your-service .dpt-multi-column__wrapper-column {
  border-top: 1px solid #000;
  padding-top: 50px !important;
}
#footer-at-your-service .carousel__slide {
  -webkit-box-flex: 0;
  flex: 0 0 auto;
  padding: 0 12px !important;
}
#footer-at-your-service .dpt-multi-column__image--inner {
  padding: 0 !important;
  height: 100% !important;
}
#footer-at-your-service .dpt-multi-column__image--inner img {
	object-fit: contain;
	width: 120px;
	height: auto;
	display: block;
	position: relative;
    margin: 0 auto;
}
#footer-at-your-service .dpt-multi-column__column h4 {
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 120% !important;
  font-family: var(--label-s-regular-font-family) !important;
}

@media screen and (min-width: 991px){
    #footer-at-your-service .carousel__slide {
        max-width: 154px;
    }
}

/* sub footer */
.footer .sub-footer {
    padding: 0px 0;
}
.footer .sub-footer .row {
    gap: 0px;
}
.footer .sub-footer .custom-select--button {
    color: #fff;
}
.footer .custom-select--arrow svg path {
    stroke: #fff !important;
}

.sub-footer ul.social-links {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: right;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    gap: 10px;
}

.sub-footer ul.social-links li {
    display: inline-block;
}

.sub-footer ul.social-links li a {
    padding: 0px !important;
    width: 22px;
}

.sub-footer ul.social-links li a svg {
    width: 14px;
}

.sub-footer ul.social-links li a svg path {
    fill: #fff !important;
}

/* prefooter - general */
.prefooter {
    padding: 0 0 60px;
}
.prefooter__row p {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    font-size: var(--label-l-light-font-size);
    font-family: var(--label-l-light-font-family);
    font-weight: var(--label-l-light-font-weight);
    line-height: var(--label-l-light-line-height);
    text-transform: none;
    letter-spacing: 0;
}

/* prefooter - newsletter */
.prefooter__newsletter .signup-container {
    max-width: 460px;
    margin-left: auto;
    margin-right: auto;
}
.prefooter__newsletter .signup-container fieldset .field-label {
    font-size: var(--label-m-alt-font-size);
    font-family: var(--label-m-alt-font-family);
    font-weight: var(--label-m-alt-font-weight);
    line-height: var(--label-m-alt-line-height);
    margin-bottom: 5px;
    display: block;
}
.prefooter__newsletter .signup-container .terms-acceptance {
    font-size: var(--label-s-regular-font-size);
    font-weight: var(--label-s-regular-font-weight);
    line-height: var(--label-s-regular-line-height);
    font-family: var(--label-s-regular-font-family);
    margin: 10px auto;
}
.prefooter__newsletter .signup-container .terms-acceptance input#newsletter-terms-acceptance {
    width: auto;
}
.prefooter__newsletter .signup-container .terms-acceptance a {
    text-decoration: underline;
}
.prefooter__newsletter .signup-container button {
    width: auto;
    margin: 20px auto 0;
}
.prefooter__newsletter .signup-container button[disabled] {
    opacity: 0.5;
    border: 1px solid #ccc !important;
    box-shadow: none;
}
.prefooter__newsletter .signup-container .form-notification {
    justify-content: center;
    margin-top: 10px;
}

/* prefooter - need help */
.prefooter__content-text p {
    margin-bottom: 20px;
    color: rgba(95,95,95,1);
    font-size: var(--label-m-regular-font-size);
    font-weight: var(--label-m-regular-font-weight);
    line-height: var(--label-m-regular-line-height);
    font-family: var(--label-m-regular-font-family);
}

/* theme-footer */
theme-footer {
    padding: 0px !important;
}
theme-footer > .row {
    max-width: 100%;
    margin-bottom: 40px;
    padding: 0 35px !important;
}
theme-footer > .sub-footer {
    padding: 0 20px !important;
}
theme-footer button.thb-widget-title {
    color: #000 !important;
    font-size: var(--label-m-alt-font-size);
    font-family: var(--label-m-alt-font-family);
    font-weight: var(--label-m-alt-font-weight);
    line-height: var(--label-m-alt-line-height);
}
theme-footer .widget.widget--menu {
    margin-bottom: 0px;
}
theme-footer .thb-widget-menu li {
    margin-bottom: 10px;
}
theme-footer .thb-widget-menu li a {
    color: rgba(113,113,113,1);
    font-size: var(--label-m-regular-font-size);
    font-family: var(--label-m-regular-font-family);
    font-weight: var(--label-m-regular-font-weight);
    line-height: var(--label-m-regular-line-height);
}

@media screen and (max-width: 767.98px){
    theme-footer > .row {
        gap: 0px;
    }
    .footer .thb-widget-title.collapsible {        
        padding: 20px 0px !important;
    }
}



/*==============
Drawers
*================*/
/* cart drawer */
#Cart-Drawer .product-cart-item {
    align-items: initial;
}
#Cart-Drawer .product-cart-item:not(:last-child) {
	border-bottom: 1px solid rgba(0,0,0,0.1);
	padding-bottom: 20px;
}
#Cart-Drawer .product-cart-item img, 
#Cart-Drawer .product-cart-item .thb-placeholder {
	width: 120px;
	height: 120px;
	object-fit: cover;
    object-position: center;
}
#Cart-Drawer .product-cart-item-info {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: self-start;
}
#Cart-Drawer .product-cart-item-price {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: self-end;
}


/* search drawer */
.side-panel.search-drawer {
    width: 100vw;
    max-width: 100vw;   
    overflow: auto; 
}
.side-panel.search-drawer search-form.side-panel-inner.searchform {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.side-panel.search-drawer .side-panel-header {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	padding-left: max(calc((100vw - 1440px) / 2),16px);
	padding-right: max(calc((100vw - 1440px) / 2),16px);
}

.side-panel.search-drawer .side-panel-content.side-panel-content--has-tabs.thb-predictive-search {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.side-panel.search-drawer .thb-predictive-search .thb-predictive-search--label {
    font-size: var(--label-m-alt-font-size);
    font-family: var(--label-m-alt-font-family);
    font-weight: var(--label-m-alt-font-weight);
    line-height: var(--label-m-alt-line-height);
    color: #5f5f5f;
}


.side-panel.search-drawer .search-drawer-promotion-collection {
	margin-bottom: 30px;
}
.side-panel.search-drawer .search-drawer-promotion-collection .search-drawer-promotion-carousel.collection-grid__carousel {
	display: block;
	gap: 0;
	overflow: visible;
	position: relative;
}
.side-panel.search-drawer .search-drawer-promotion-collection .search-drawer-promotion-carousel .search-drawer-promotion-carousel__slide {
	width: calc(100% / var(--slides-mobile, 1));
	min-width: 0;
	box-sizing: border-box;
	flex-shrink: 0;
	padding-left: 10px;
	padding-right: 10px;
}
.side-panel.search-drawer .search-drawer-promotion-carousel .flickity-nav.flickity-prev {
	left: -9px;
}
.side-panel.search-drawer .search-drawer-promotion-carousel .flickity-nav.flickity-next {
	right: -9px;
}

 
.side-panel.search-drawer .side-panel-content.side-panel-content--initial {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - min(27.574%, 375px));
    flex: 0 0 calc(100% - min(27.574%, 375px));
    max-width: calc(100% - min(27.574%, 375px));
    padding-right: 50px;
    height: auto;
}
.side-panel.search-drawer .side-panel-sidearea {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 min(27.574%, 375px);
    flex: 0 0 min(27.574%, 375px);
    max-width: min(27.574%, 375px);
    padding-left: 50px;
    border-left: 1px solid rgb(230,229,229);
}


@media only screen and (min-width: 768px) {
	.side-panel.search-drawer .search-drawer-promotion-collection .search-drawer-promotion-carousel .search-drawer-promotion-carousel__slide {
		width: calc(100% / var(--slides-tablet, 2));
	}
    .side-panel.search-drawer .search-drawer-promotion-collection .search-drawer-promotion-carousel.collection-grid__carousel {
		margin: 0 -15px;
	}
}
@media only screen and (min-width: 1024px) {
	.side-panel.search-drawer .search-drawer-promotion-collection .search-drawer-promotion-carousel .search-drawer-promotion-carousel__slide {
		width: calc(100% / var(--slides-desktop, 2));
	}
}

@media screen and (max-width: 1023.98px) {     
    .side-panel.search-drawer .searchform {
        padding: 0px;
    }
    .side-panel.search-drawer .side-panel-content.side-panel-content--initial {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 0px;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .side-panel.search-drawer .side-panel-sidearea {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 0px;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }  
    .side-panel.search-drawer .search-drawer-iconics-carousel.is-grid-layout, .side-panel.search-drawer .search-drawer-novelty-carousel.is-grid-layout {
        gap: 10px;
    }
    .side-panel.search-drawer .search-drawer-iconics-card__media img, .side-panel.search-drawer .search-drawer-novelty-card__media img {
        width: 100%;
        height: 224px;
        object-fit: cover;
        object-position: center;
    }
}
@media only screen and (max-width: 767px) {
	.side-panel.search-drawer .search-drawer-promotion-collection .search-drawer-promotion-carousel.collection-grid__carousel .flickity-slider {
		margin: 0 -4px;
		width: calc(100% + 8px);
	}
	.side-panel.search-drawer .search-drawer-promotion-collection .search-drawer-promotion-carousel.collection-grid__carousel .flickity-viewport {
		overflow: visible;
	}
    .side-panel.search-drawer .side-panel-content--initial {
        height: auto;
        overflow-y: auto;
        overflow-x: hidden;
    }
    .side-panel-sidearea {
        padding: 25px 30px;
        width: 100%;
    }
}


.side-panel.search-drawer .search-drawer-logo {
    text-align: center;
}

.side-panel.search-drawer .thb-predictive-search--promotion-products {
    margin-left: 0px !important;
    width: 100% !important;
}

.side-panel.search-drawer .search-drawer-no-results-msg {
	margin: 0 0 20px;
	font-size: 14px;
	line-height: 1.45;
	font-weight: 400;
}

.side-panel.search-drawer .trending-collections {
    margin-bottom: 30px;
}
.side-panel.search-drawer .iconics-collections,
.side-panel.search-drawer .novelty-collections {
	margin-bottom: 30px;
	position: relative;
	z-index: 1;
	clear: both;
}

.side-panel.search-drawer .search-drawer-promotion-collection {
	position: relative;
	z-index: 0;
	clear: both;
}

.side-panel.search-drawer .search-drawer-iconics-carousel.collection-grid__carousel,
.side-panel.search-drawer .search-drawer-novelty-carousel.collection-grid__carousel {
	display: block;
	position: relative;
	width: 100%;
}

/* Desktop: grid layout */
@media only screen and (min-width: 767px) {
	.side-panel.search-drawer .search-drawer-iconics-carousel.is-grid-layout,
	.side-panel.search-drawer .search-drawer-novelty-carousel.is-grid-layout {
		display: grid;
		grid-template-columns: repeat(var(--grid-columns, 3), minmax(0, 1fr));
		gap: 16px;
		overflow: visible;
	}

	.side-panel.search-drawer .search-drawer-iconics-carousel.is-grid-layout .carousel__slide,
	.side-panel.search-drawer .search-drawer-novelty-carousel.is-grid-layout .carousel__slide {
		width: 100%;
		min-width: 0;
		padding: 0;
	}

	.side-panel.search-drawer .search-drawer-iconics-carousel.is-grid-layout .flickity-nav,
	.side-panel.search-drawer .search-drawer-novelty-carousel.is-grid-layout .flickity-nav {
		display: none !important;
	}
}

/* Mobile: slider layout */
@media only screen and (max-width: 766px) {
	.side-panel.search-drawer .iconics-collections .search-drawer-iconics-carousel:not(.is-grid-layout) .search-drawer-iconics-carousel__slide,
	.side-panel.search-drawer .novelty-collections .search-drawer-novelty-carousel:not(.is-grid-layout) .search-drawer-novelty-carousel__slide {
		width: calc(100% / var(--slides-mobile, 1));
		min-width: 0;
		box-sizing: border-box;
		flex-shrink: 0;
		padding-left: 10px;
		padding-right: 10px;
	}

	.side-panel.search-drawer .search-drawer-iconics-carousel:not(.is-grid-layout).collection-grid__carousel .flickity-slider,
	.side-panel.search-drawer .search-drawer-novelty-carousel:not(.is-grid-layout).collection-grid__carousel .flickity-slider {
		margin: 0 -4px;
		width: calc(100% + 8px);
	}

	.side-panel.search-drawer .search-drawer-iconics-carousel:not(.is-grid-layout).collection-grid__carousel .flickity-viewport,
	.side-panel.search-drawer .search-drawer-novelty-carousel:not(.is-grid-layout).collection-grid__carousel .flickity-viewport {
		overflow: hidden;
		transition: height 0.2s ease;
	}

	.side-panel.search-drawer .iconics-collections .search-drawer-iconics-carousel.is-search-drawer-slider-ready:not(.is-grid-layout),
	.side-panel.search-drawer .novelty-collections .search-drawer-novelty-carousel.is-search-drawer-slider-ready:not(.is-grid-layout) {
		min-height: var(--search-drawer-carousel-height, 280px);
		overflow: hidden;
	}

	.side-panel.search-drawer .search-drawer-iconics-carousel.is-search-drawer-slider-ready:not(.is-grid-layout) .flickity-viewport,
	.side-panel.search-drawer .search-drawer-novelty-carousel.is-search-drawer-slider-ready:not(.is-grid-layout) .flickity-viewport {
		height: var(--search-drawer-carousel-height, 280px) !important;
		min-height: var(--search-drawer-carousel-height, 280px);
	}

	.side-panel.search-drawer .search-drawer-iconics-carousel.is-search-drawer-slider-ready:not(.is-grid-layout) .carousel__slide,
	.side-panel.search-drawer .search-drawer-novelty-carousel.is-search-drawer-slider-ready:not(.is-grid-layout) .carousel__slide {
		height: 100%;
	}

	.side-panel.search-drawer .search-drawer-iconics-card__media img,
	.side-panel.search-drawer .search-drawer-novelty-card__media img {
		display: block;
		width: 100%;
		height: auto;
		min-height: 160px;
		object-fit: cover;
		object-position: center;
	}

	.side-panel.search-drawer .search-drawer-iconics-carousel .flickity-nav.flickity-prev,
	.side-panel.search-drawer .search-drawer-novelty-carousel .flickity-nav.flickity-prev {
		left: -9px;
	}

	.side-panel.search-drawer .search-drawer-iconics-carousel .flickity-nav.flickity-next,
	.side-panel.search-drawer .search-drawer-novelty-carousel .flickity-nav.flickity-next {
		right: -9px;
	}
}
.side-panel.search-drawer .trending-collections ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.side-panel.search-drawer .trending-collections ul li {
    border: 1px solid rgb(109 109 109);
    border-radius: 3px;
}
.side-panel.search-drawer .trending-collections ul li a{
    font-family: var(--label-m-alt-font-family);    
    font-size: var(--label-m-alt-font-size);
    font-weight: var(--label-m-alt-font-weight);
    line-height: var(--label-m-alt-line-height);
    text-transform: capitalize;
    color: rgb(109 109 109);
    text-decoration-line: none;
    padding: 7px 8px 3px 10px;
    display: block;
}

.side-panel.search-drawer .search-drawer-iconics-card,
.side-panel.search-drawer .search-drawer-novelty-card {
	display: flex;
	flex-direction: column;
	height: 100%;
}
.side-panel.search-drawer .search-drawer-iconics-card__media,
.side-panel.search-drawer .search-drawer-novelty-card__media {
	margin-bottom: 12px;
}
.side-panel.search-drawer .search-drawer-iconics-card__media a,
.side-panel.search-drawer .search-drawer-novelty-card__media a {
	display: block;
}
.side-panel.search-drawer .search-drawer-iconics-card__media img,
.side-panel.search-drawer .search-drawer-novelty-card__media img {
	width: 100%;
}
.side-panel.search-drawer .search-drawer-iconics-card__title,
.side-panel.search-drawer .search-drawer-novelty-card__title {
	font-size: inherit;
	font-family: inherit;
	font-weight: inherit;
	margin: 0 0 8px;
	line-height: 1.3;
}
.side-panel.search-drawer .search-drawer-iconics-card__title a,
.side-panel.search-drawer .search-drawer-novelty-card__title a {
	text-decoration: none;
	color: inherit;
}
.side-panel.search-drawer .search-drawer-iconics-card__description,
.side-panel.search-drawer .search-drawer-novelty-card__description {
	margin: 0 0 12px;
	font-size: var(--label-s-regular-font-size);
	line-height: var(--label-s-regular-line-height);
    font-weight: var(--label-s-regular-font-weight);
    font-family: var(--label-s-regular-font-family);
	color: #5f5f5f;
	word-break: break-word;
}
.side-panel.search-drawer .search-drawer-iconics-card__cta,
.side-panel.search-drawer .search-drawer-novelty-card__cta {
	margin-top: auto;
	align-self: flex-start;
	color: #5f5f5f;
}



.side-panel.search-drawer .side-panel-content--inner--predictive-stacked .side-panel-content--predictive-articles {
	margin-top: 24px;
	padding-top: 20px;
	border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.side-panel.search-drawer .side-panel-content--inner--predictive-stacked .side-panel-content--predictive-articles .thb-predictive-search--label {
	display: block;
	margin-bottom: 12px;
}

.side-panel.search-drawer .search-drawer-predictive-products-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 16px;
}
.side-panel.search-drawer .search-drawer-predictive-products-title {
	margin: 0;
	flex: 1;
	min-width: 0;
    font-size: var(--label-m-alt-font-size) !important;
    font-family: var(--label-m-alt-font-family) !important;
    font-weight: var(--label-m-alt-font-weight) !important;
    line-height: var(--label-m-alt-line-height) !important;
    color: rgb(95,95,95);
}
.side-panel.search-drawer .search-drawer-predictive-view-all {
	flex-shrink: 0;
	white-space: nowrap;
    font-size: var(--label-m-alt-font-size) !important;
    font-family: var(--label-m-alt-font-family) !important;
    font-weight: var(--label-m-alt-font-weight) !important;
    line-height: var(--label-m-alt-line-height) !important;
    color: rgb(95,95,95);
    margin-bottom: 15px;
}

.side-panel.search-drawer .search-drawer-predictive-products-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.side-panel.search-drawer .search-drawer-predictive-products-grid > product-card {
	flex: 0 0 158px;
	width: 158px;
	max-width: 158px;
	min-width: 0;
	box-sizing: border-box;
}

.side-panel.search-drawer .search-drawer-sections__heading {
	margin-top: 0;
    font-size: var(--label-m-alt-font-size) !important;
    font-family: var(--label-m-alt-font-family) !important;
    font-weight: var(--label-m-alt-font-weight) !important;
    line-height: var(--label-m-alt-line-height) !important;
    color: rgb(95,95,95);
    margin-bottom: 15px;
}
.side-panel.search-drawer .search-drawer-sections__list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.side-panel.search-drawer .search-drawer-sections__item {
	margin: 0;
	padding: 0;
}
.side-panel.search-drawer .search-drawer-sections__link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 12px 28px 12px 0;
	text-decoration: none;
	color: inherit;
	font-family: var(--label-m-alt-font-family, inherit);
	font-size: var(--label-m-alt-font-size, 0.875rem);
	font-weight: var(--label-m-alt-font-weight, 500);
	line-height: var(--label-m-alt-line-height, 1.3);
	position: relative;
	box-shadow: none;
	opacity: 1;
}
.side-panel.search-drawer .search-drawer-sections__link:hover {
	opacity: 0.85;
}
.side-panel.search-drawer .search-drawer-sections__link::after {
	content: "";
	width: 0;
	height: 0;
	border-top: 2px solid transparent;
	border-bottom: 2px solid transparent;
	border-left: 3px solid #000;
	position: absolute;
	top: 50%;
	right: 5px;
	left: auto;
	box-shadow: none;
	opacity: 1;
	will-change: transform;
	transform: translateY(-50%);
	transition: transform 0.2s ease;
}
.side-panel.search-drawer .search-drawer-sections__link:hover::after {
	transform: translate(4px, -50%);
}
.side-panel.search-drawer .search-drawer-sections__label {
	flex: 1;
	min-width: 0;
	word-break: break-word;
}
.side-panel.search-drawer .search-drawer-sections__empty {
	margin: 8px 0 0;
	font-size: var(--label-s-regular-font-size, 0.8125rem);
	color: #5f5f5f;
}

.side-panel.search-drawer .side-panel-sidearea .search-drawer-sidearea-about {
	margin-bottom: 30px;
}
.side-panel.search-drawer .side-panel-sidearea h3.section-title {
    font-size: var(--label-m-alt-font-size) !important;
    font-family: var(--label-m-alt-font-family) !important;
    font-weight: var(--label-m-alt-font-weight) !important;
    line-height: var(--label-m-alt-line-height) !important;
    color: rgb(95,95,95);
    margin-bottom: 15px;
}

.side-panel.search-drawer .side-panel-sidearea table {
    border: 0 none !important;
}

.side-panel.search-drawer .side-panel-sidearea table tr td,
.side-panel.search-drawer .side-panel-sidearea table tr th {
    border: 0 none !important;
    padding: 5px 5px 5px 0;
    font-size: var(--label-m-light-font-size);
    font-weight: var(--label-m-light-font-weight);
    font-family: var(--label-m-light-font-family);
    line-height: var(--label-m-light-line-height);
}

/* predective search */
scroll-shadow .side-panel-content--tab-panel.tab-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px;
}
scroll-shadow .product-card {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(16.666667% - 15px);
    flex: 0 0 calc(16.666667% - 15px);
    max-width: calc(16.666667% - 15px);
}
.side-panel.search-drawer .side-panel-content.side-panel-content--has-tabs.thb-predictive-search {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 calc(100vw - min(27.574%,375px) - 40px);
	flex: 0 0 calc(100vw - min(27.574%,375px) - 40px);
	max-width: calc(100vw - min(27.574%,375px) - 40px);
}

@media screen and (max-width: 1023.98px){
    .side-panel.search-drawer .side-panel-content.side-panel-content--has-tabs.thb-predictive-search {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        height: auto;
    }
}

/* Product Tabs Drawer */
.dpt-product-tabs-drawer .side-panel-header .h6 {
    color: #717171;
    font-size: var(--label-m-regular-font-size) !important;
    font-family: var(--label-m-regular-font-family) !important;
    font-weight: var(--label-m-regular-font-weight) !important;
    line-height: var(--label-m-regular-line-height) !important;
}
.dpt-product-tabs-drawer .side-panel-content {
    padding-top: 0;
}
.dpt-product-tabs-drawer .side-panel-content .metafield-rich_text_field p {
    font-size: var(--label-m-light-font-size) !important;
    font-family: var(--label-m-light-font-family) !important;
    font-weight: var(--label-m-light-font-weight) !important;
    line-height: var(--label-m-light-line-height) !important;
}

/* reinssurance drawer */
.dpt-reinssurance-message-drawer__content * {
    text-align: left !important;
}
/*==============
Search Page
*================*/
body.template-search .template-header--content {
    grid-template-columns: 1fr;
    text-align: center;
}
body.template-search .template-header--title {
    margin-bottom: 0;
    display: none;
}
body.template-search .search-try-again-message {
	font-size: var(--label-m-light-font-size);
	font-weight: var(--label-m-light-font-weight);
	font-family: var(--label-m-light-font-family);
	line-height: var(--label-m-light-line-height);
	margin: 10px 0;
}
body.template-search .template-header .searchform {
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
}
body.template-search .searchform fieldset input {
    border-width: 0 0 1px;
}

@media screen and (max-width: 1067.98px){
    #ProductGridContainer .facets--bar-left-desktop {
        display: inline-flex;
    }
    facet-filters-form.facets--bar::before,
    facet-filters-form.facets--bar::after {
        left: 0 !important;
        width: 100% !important;
    }
    .facets--bar-sticky {
        display: none !important;
        position: initial;
        opacity: 0;
    }
}

@media screen and (max-width: 767.98px){
    #ProductGridContainer .facets--bar .facets__form {
        grid-template-columns: 1fr 1fr 1fr !important;        
    }
}

/*==============
Announcement bar
*================*/
.announcement-bar--inner {
	font-size: var(--label-s-regular-font-size) !important;
	font-weight: var(--label-s-regular-font-weight) !important;
	font-family: var(--label-s-regular-font-family) !important;
	line-height: var(--label-s-regular-line-height) !important;
}



/*==============
Product Card
*================*/

.product-card .product-featured-image {
    margin-bottom: 16px;
}
.product-card .product-card-info a {
    font-family: var(--label-m-alt-font-family);
    font-size: var(--label-m-alt-font-size);
    line-height: var(--label-m-alt-line-height);
    margin-bottom: 8px;
    font-weight: var(--label-m-alt-font-weight);
}
search-form .product-card .product-card-info a {
    font-family: var(--label-s-alt-font-family);
    font-size: var(--label-s-alt-font-size);
    line-height: var(--label-s-alt-line-height);
    margin-bottom: 8px;
    font-weight: var(--label-s-alt-font-weight);
}
.product-card .product-card-info .product-card-short-description {
    font-size: var(--label-m-light-font-size);
    line-height: var(--label-m-light-line-height);
    font-weight: var(--label-m-light-font-weight);
    font-family: var(--label-m-light-font-family);
    color: #717171;
    margin: 0;
}
search-form .product-card .product-card-info .product-card-short-description {
    font-size: var(--label-s-light-font-size);
    line-height: var(--label-s-light-line-height);
    font-weight: var(--label-s-light-font-weight);
    font-family: var(--label-s-light-font-family);
    color: #717171;
    margin: 0;
}
.product-card .product-card-info .product-card-volume {
    color: #717171;
    margin-top: 30px;
    font-size: var(--label-s-regular-font-size);
    line-height: var(--label-s-regular-line-height);
    font-weight: var(--label-s-regular-font-weight);
    font-family: var(--label-s-regular-font-family);
}
.product-card .product-card-info .product-card-volume .format-value {
    display: inline-block;
    color: #000;
    font-size: var(--label-s-regular-font-size);
    line-height: var(--label-s-regular-line-height);
    font-weight: var(--label-s-regular-font-weight);
    font-family: var(--label-s-regular-font-family);
}
.product-card .product-card-info .product-card-volume .volume-value {
    color: #000;
    font-size: var(--label-s-regular-font-size);
    line-height: var(--label-s-regular-line-height);
    font-weight: var(--label-s-regular-font-weight);
    font-family: var(--label-s-regular-font-family);
}
.product-card .product-card-info span.price {
    margin-top: 16px;
}
.product-card .product-card-info span.price * {
    font-size: var(--label-m-regular-font-size);
    font-weight: var(--label-m-regular-font-weight);
    line-height: var(--label-m-regular-line-height);
    color: #000;
}
.product-card .product-card-info span.price .amount {
    padding-bottom: 4px;
    display: block;
}

/* .product-card .product-card-info .product-card--add-to-cart-button {
    width: auto;
    padding: 15px 24px 14px !important;
}
.product-card .product-card-info .product-card--add-to-cart-button span.product-card--add-to-cart-text {
    font-size: var(--label-m-alt-font-size);
    font-family: var(--label-m-alt-font-family);
    font-weight: var(--label-m-alt-font-weight);
    line-height: var(--label-m-alt-line-height);
    position: relative;
    align-content: center;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.product-card .product-card-info .product-card--add-to-cart-button span.product-card--add-to-cart-text:before, 
collection-tabs slide-show .product-card .product-card-info .product-card--add-to-cart-button span.product-card--add-to-cart-text:after {
    content: "";
    background: #fff;
    width: 2px;
    height: 2px;
    border-radius: 50px;
    margin: 0 10px;
    display: inline-block;
} */
/********/
.product-card--add-to-cart-button-wrapper {
    position: absolute;
    bottom: 5px;
    right: 5px;
    z-index: 99;
}
.product-card--add-to-cart-button {
    background: #fff !important;
    color: #000 !important;
    border-radius: 50px !important;
    box-shadow: 0 0 5px 1px rgba(0,0,0,0.1);
    padding: 0 9px 0 15px;
    height: 36px !important;
    font-size: 0px !important;
}
.product-card--add-to-cart-button:hover {
    padding: 0 15px;
    font-size: 12px !important;
}

.product-card--add-to-cart-button .product-card--add-to-cart-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    gap: 5px;
}
.product-card--add-to-cart-button .product-card--add-to-cart-text span {
    padding-top: 5px;
}
.product-card--add-to-cart-button .spinner-path {
	stroke: #000 !important;
}

/* labels */
.product-card .product-card--label-container:first-child {
    margin-top: 0;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 9;
}
.product-card .product-card--label-container .product-card--label {
    font-size: var(--label-s-regular-font-size);
    font-family: var(--label-s-regular-font-family);
    font-weight: var(--label-s-regular-font-weight);
    line-height: var(--label-s-regular-line-height);
    padding: 5px 8px;
    background: #fff;
    border: 0;
    box-shadow: 0 0 4px 0 rgba(0,0,0,0.2);
}


/*==============
Cart Pages
*================*/
.template-cart {
	padding-bottom: 220px;
}
#wrapper #main-content {
	clip-path: none !important;
}

.thb-cart-form--full > div:first-child {
    border-right: 1px solid #e8e3e3;
    padding-right: 50px;
}

.template-cart table.cart-items {
    margin-top: 50px;
}
.template-cart table.cart-items thead {
    display: none;
}
.template-cart table.cart-items tbody tr {
    border-bottom: 60px solid #fff;
}
.template-cart table.cart-items tbody tr th, 
.template-cart table.cart-items tbody tr td {
    padding: 0px 30px 0px 0px;
}
.template-cart table.cart-items thead .product-name, 
.template-cart table.cart-items tbody .product-name {
    width: calc(100% - 115px);
}
.template-cart table.cart-items .product-cart-item {
    width: 100%;
    max-width: 100%;
}
.template-cart table.cart-items .product-cart-item img, 
.template-cart table.cart-items .product-cart-item .thb-placeholder {
    width: 190px;
}
.template-cart table.cart-items .product-cart-item > div:nth-child(2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    height: 253px;
    gap: 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start; /* left align all children */
}
.template-cart table.cart-items .product-cart-item span.cart-product-title--gwp, 
.template-cart .cart-product-link {
    font-family: var(--heading-s-regular-font-family);
    font-size: var(--heading-s-regular-font-size) !important;
    font-weight: var(--heading-s-regular-font-weight);
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;  
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    flex: 0 0 auto;
    height: auto;
    min-height: 0;
}
.template-cart table.cart-items .product-cart-item .product-cart-item-volume {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    flex: 0 0 auto;
    height: auto;
    min-height: 0;
}
.template-cart table.cart-items .product-cart-item .product-cart-item-volume.product-cart-item-volume--gift-free {
    background: #F8F8F8;
    padding: 4px 4px 2px;
    color: #000;
    text-transform: uppercase;
}
.template-cart table.cart-items .product-cart-item quantity-selector {
    display: inline-flex;
    flex: 0 0 auto;
    height: auto;
    min-height: 0;
    margin: 0;
    margin-top: auto !important;
    align-self: flex-start;
}

.template-cart table.cart-items td.product-subtotal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
    height: 253px;
}

.template-cart table.cart-items td.product-subtotal .price {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    font-size: 20px;
}

.template-cart table.cart-items td.product-subtotal a.remove.cart-remove-mobile {
    display: inline-flex;
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;    
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;    
    justify-content: right;
}

.template-cart .thb-cart-form .thb-cart-collaterals {
    border: 0;
    position: sticky;
    top: 0;
}

.template-cart .thb-cart-form .thb-cart-collaterals .accordion {
    border-top: 0;
}
.template-cart .thb-cart-form .proceed-to-checkout .button {
    background-color: #000000 !important;
}
.template-cart .thb-cart-form .proceed-to-checkout .button span {
    color: #fff;
    text-transform: uppercase;
    font-size: var(--label-l-regular-font-size);
    font-weight: var(--label-l-regular-font-weight);
    font-family: var(--label-l-regular-font-family);
}

@media screen and (max-width: 1067.98px){
    .template-cart table.cart-items {
        margin-bottom: 0px;
    }

    .template-cart table.cart-items .product-cart-item img, 
    .template-cart table.cart-items .product-cart-item .thb-placeholder {
        width: 120px;
    }
    .template-cart table.cart-items .product-cart-item>div:nth-child(2) {
        height: 160px;
    }
    .template-cart table.cart-items td.product-subtotal {
        height: 160px;
    }

    .template-cart table.cart-items .product-cart-item span.cart-product-title--gwp, 
    .template-cart table.cart-items .product-cart-item .cart-product-link {
        font-size: 14px !important;
    }
    .template-cart table.cart-items .product-cart-item .product-cart-item-volume {
        font-size: 14px;
    }
    .template-cart table.cart-items td.product-subtotal .price {
        font-size: 14px;
    }


    .template-cart .thb-cart-form--full > div:first-child {
        border-right: 0px;
        padding-right: 0px;
    }

    .template-cart .thb-cart-form .thb-cart-collaterals {
        padding-top: 0;
    }
    
    .template-cart .thb-cart-collaterals .proceed-to-checkout .button {
        display: none;
    }
}


/* custom-thb-cart-collaterals */

.custom-thb-cart-collaterals {
    display: none;
}

@media screen and (max-width: 1067.98px){
    .custom-thb-cart-collaterals {
        display: block;
        position: fixed;
        display: block;
        background: #ffffff;
        left: 0;
        width: 100%;
        padding: 10px 20px 30px;
        bottom: 0;
        z-index: 99;
        border-top: 1px solid #e8e3e3;
    }
    .custom-thb-cart-collaterals .collaterals * {
        font-size: 14px;
    }
    .custom-thb-cart-collaterals .proceed-to-checkout .button {
        background-color: #000000 !important;
    }
    .custom-thb-cart-collaterals .proceed-to-checkout .button span {
        color: #fff;
        text-transform: uppercase;
        font-size: var(--label-m-regular-font-size);
        font-weight: var(--label-m-regular-font-weight);
        font-family: var(--label-m-regular-font-family);
    }
}


/*==============
Collections Pages
*================*/
/* body.template-collection {
	--bg-body: #f8f8f8;
    --color-header-bg: #f8f8f8;
    --color-footer-bg: #f8f8f8;
} */

/* filter listing section */
facet-filters-form.facets--bar {
	position: relative;
	margin-bottom: 30px !important;
	display: block;
}

facet-filters-form.facets--bar:before {
    content: "";
    position: absolute;
    top: 0;
    left: calc((100vw - 1285px) /-2);
    width: 100vw;
    height: 1px;
    background: #e6e5e5;
}
facet-filters-form.facets--bar:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: calc((100vw - 1285px) /-2);
    width: 100vw;
    height: 1px;
    background: #e6e5e5;
}
facet-filters-form.facets--bar .facets-toggle {
	font-size: var(--label-m-light-font-size);
	font-weight: var(--label-m-light-font-weight);
	line-height: var(--label-m-light-line-height);
	font-family: var(--label-m-light-font-family);
}
facet-filters-form.facets--bar .facets-toggle svg {
    width: 24px;
}

.facets--bar .facets__form {
    grid-template-columns: 1fr 1fr 1fr !important;
    align-items: center;
    gap: 20px;
}
.facets--bar facet-remove.active-facets {
    display: inline-flex;
    width: 100%;
    justify-content: center;
    align-items: center;
}
.facets--bar .facets__form .active-facets__button {
    border-radius: 0;
}
@media screen and (max-width: 768px) {
    facet-filters-form.facets--bar:before {
        left: 0;
        width: 100%;
    }
    facet-filters-form.facets--bar:after {
        left: 0;
        width: 100%;
    }
    .facets--bar .facets__form {
        grid-template-columns: 1fr !important;
        gap: 0px;
    }
}

/* products grid - promotion (PLP push card) */

.promotion-column .dpt-plp-push-card {
  box-shadow: none;
  height: 100%;
}

.promotion-column .dpt-plp-push-card .product-featured-image {
  margin-bottom: 56px;
  padding: 60px 40px 20px;
}

.promotion-column .dpt-plp-push-card .product-card-title {
  font-family: var(--label-m-alt-font-family);
  font-size: var(--label-m-alt-font-size);
  line-height: var(--label-m-alt-line-height);
  margin-bottom: 8px;
  font-weight: var(--label-m-alt-font-weight);
  color: inherit;
}

.promotion-column .dpt-plp-push-card .product-card-short-description {
  font-size: var(--label-m-light-font-size);
  line-height: var(--label-m-light-line-height);
  font-weight: var(--label-m-light-font-weight);
  font-family: var(--label-m-light-font-family);
  color: #717171;
  margin: 0;
}

/*==============
Single Product Page
*================*/
/* Product gallery immersive — mobile only (≤ 752px) */

@media only screen and (max-width: 752px) {
  .product-images__slide--header-offset {
    padding-top: var(--header-height, 0px);
  }

  /* Product page header — absolute at top, sticky on scroll */
  body.template-product .header-section {
    position: absolute;
    top: 30px;
    left: 0;
    width: 100%;
  }

  body.template-product .header-section.header-section--pinned .header::before {
    background: #fff;
  }

  body.template-product .header-section .header:not(.is-sticky)::before {
    background: transparent;
  }

  body.template-product .header-section.header-section--pinned {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 50;
    width: 100%;
    transition: transform 0.3s ease-in-out;
    background: #fff;
  }

    .product-gallery-immersive .header-section:not(.header-section--pinned) .mobile-toggle span,
    .product-gallery-night .header-section:not(.header-section--pinned) .mobile-toggle span {
        background: #fff;
    }
    .product-gallery-immersive .header-section:not(.header-section--pinned) .header svg,
    .product-gallery-night .header-section:not(.header-section--pinned) .header svg {
        fill: #fff;
        color: #fff;
    }
    .product-gallery-immersive .header-section:not(.header-section--pinned) .thb-item-count,
    .product-gallery-night .header-section:not(.header-section--pinned) .thb-item-count {
        color: #fff;
    }
    .product-gallery-immersive .header-section:not(.header-section--pinned) .logolink img,
    .product-gallery-night .header-section:not(.header-section--pinned) .logolink img {
        filter: brightness(0) invert(1);
        -webkit-filter: brightness(0) invert(1);
    }

    .product-gallery-immersive .product-information--inner .product-title-line
    {
        display: none;
    }
    .product-gallery-immersive .product-information--inner .product--text.style_vendor
    {
        display: none;
    }
    .product-gallery-immersive .product-information--inner .product-pdp-short-long
    {
        display: none;
    }

    .product-information--inner .product-title {
        padding-top: 50px;
    }
    .product-gallery-night .product-information--inner .product-title {
        background: #171815;
        color: #fff;
        margin-bottom: 0;
    }
    .product-gallery-night .product-information--inner .product-title-line {
        color: #fff;
    }
    
    .product-gallery-night #Product-Slider {
        background: #171815;
        color: #fff;
    }
    .product-gallery-night #Product-Slider .flickity-page-dots .dot {
        background: #fff;;
    }
    .product-gallery-night .product-information--inner .product--text.style_vendor {
        background: #171815;
        opacity: 1;
        color: #fff;
    }
    .product-gallery-night .product-information--inner .product-pdp-short-long {
        background: #171815;
        color: #fff;
    }
    .product-gallery-night .product-information--inner .product-pdp-short-long__content p {
        color: #fff !important;
    }
    .product-gallery-night .product-information--inner .product-pdp-short-long__short {
        padding-bottom: 15px;
    }
    .product-gallery-night .product-information--inner .product-pdp-short-long__toggle {
        color: #fff !important;
    }
    .product-pdp-short-long__short

}


body.template-product .product-section {
  background: #f8f8f8;
}
body.template-product .product-section .thb-product-detail.product {
  margin-top: 0px;
  padding-top: 0px;
}
body.template-product .product-section .product-grid-container {
  align-items: center;
} 

/* slider */
body.template-product .product-section .product-gallery-container.thumbnails-bottom scroll-shadow {
  display: none;
} 

/* content area */
body.template-product .product-section .product-information * {
  text-align: center;
}
body.template-product .product-section .product-information {
    display: flex;
    justify-content: center;
    padding: 56px 120px;
    max-width: 633px;
    margin: 0 auto;
}
body.template-product .product-section .product-information > div {

    margin-left: 0;
    margin-right: 0;
    display: block;
}
body.template-product .product-section .product-information--inner .product--text.style_vendor {
    text-transform: none;
    font-size: var(--label-s-regular-font-size);
    font-weight: var(--label-s-regular-font-weight);
    font-family: var(--label-s-regular-font-family);
    line-height: var(--label-s-regular-line-height);
    letter-spacing: 0;
    padding-top: 16px;
    padding-bottom: 16px;
    margin-top: 0;
    margin-bottom: 0;
}
body.template-product .product-section .product-title h1.product-title-line-1 {
    font-family: var(--heading-s-regular-font-family) !important;
    font-size: var(--heading-s-regular-font-size) !important;
    line-height: var(--heading-s-regular-line-height) !important;
    font-weight: var(--heading-s-regular-font-weight) !important;
    text-transform: uppercase;
    margin-bottom: 0px;
    padding-bottom: 8px;
}

body.template-product .product-section .product-title .product-title-line-2 {
    font-family: var(--label-m-alt-font-family) !important;
    font-size: var(--label-m-alt-font-size) !important;
    line-height: var(--label-m-alt-line-height) !important;
    font-weight: var(--label-m-alt-font-weight) !important;
}

body.template-product .product-section .thb-product-detail .product-price-container {
  display: none !important;
}


body.template-product #product-prefooter-seo-wrapper h2.dpt-rich-text__title {
    font-size: var(--label-m-alt-font-size) !important;
    font-weight: var(--label-m-alt-font-weight) !important;
    font-family: var(--label-m-alt-font-family) !important;
    line-height: var(--label-m-alt-line-height) !important;
    color: #717171;
}

body.template-product #product-prefooter-seo-wrapper .dpt-rich-text__content {
    font-size: var(--label-l-light-font-size) !important;
    font-weight: var(--label-l-light-font-weight) !important;
    font-family: var(--label-l-light-font-family) !important;
    line-height: var(--label-l-light-line-height) !important;
    color: #717171;
}

@media screen and (max-width: 1067.98px){
    body.template-product .product-section .product-information {
        padding: 0px 0px;
    }
    body.template-product .product-section .product-information .product-information--inner > * {
        padding-left: 15px;
        padding-right: 15px;
    }
    body.template-product .product-section .product-gallery-container {
        margin-bottom: 0px;
    }
}

/* labels */
body.template-product .thb-product-detail .product-gallery-sticky .product-card--label-container:first-child {
    margin-top: 0;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 9;
}
body.template-product .thb-product-detail .product-gallery-sticky .product-card--label {
    font-size: var(--label-s-regular-font-size);
    font-family: var(--label-s-regular-font-family);
    font-weight: var(--label-s-regular-font-weight);
    line-height: var(--label-s-regular-line-height);
    padding: 5px 8px;
    background: #fff;
    border: 0;
    box-shadow: 0 0 4px 0 rgba(0,0,0,0.2);
}