/** Shopify CDN: Minification failed

Line 757:1 Unexpected ","

**/
.gradient {
  background: rgb(var(--color-background));
  background: var(--gradient-background);
  background-attachment: fixed;
}
/******common-title-container********/
@media (min-width: 992px) {
  .title-container {
    max-width: var(--max-w, unset);
  }
}
.caption {
  font-weight: 400;
  line-height: 1.2;
  color: var(--wdt-heading-color);
  font-family: var(--wdt-heading-font-family);
}
/**************/

/*****Quickadd-Modal*********/
quick-add-modal.modal.fade:not([open]){
  display: none;
  opacity: 0;
  transition:all .3s linear .3s;
}
quick-add-modal.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: none;
}
.quick-add-modal__toggle,
quick-add-modal.modal.fade+.modal-backdrop.qa-modal-bg {
  display: none;
}

quick-add-modal.modal[open] {
  opacity: 1 !important;
  display: block;
}
quick-add-modal.modal.fade[open] .modal-dialog {
  animation: dropDownfadeup 0.3s ease-in-out;
}
quick-add-modal.modal.fade[open] .quick-add-modal__toggle {
  display: block;
}
quick-add-modal.modal.fade[open] .modal-backdrop.qa-modal-bg {
  display: block;
  opacity:var(--wdt-backdrop-opacity);
  z-index:-1;
}

quick-add-modal.modal .modal-body{
  padding-top: calc(var(--wdt-modal-padding) + var(--wdt-gutter-y)* 0.5);
  padding-bottom: calc(var(--wdt-modal-padding) + var(--wdt-gutter-y)* 0.5);
}
body.overflow-hidden.modal-open:has(quick-add-modal.modal[open]){
  padding-right:17px; /*control overflow*/
}
quick-add-modal.modal .magnify{
  pointer-events:none; /*magnify zoom issues*/
}
quick-add-modal.modal .mainProduct :is(.product__info-wrapper) :is(.wish-com,share-button){
  display:none!important; /*hide those which are don't need to show on quick view. just add "," in the above :is to hide the tags */
}

@media (min-width: 576px) {
  quick-add-modal.modal{
    --wdt-modal-width: 600px;
  }
}
@media (min-width: 768px) {
  quick-add-modal.modal{
    --wdt-modal-width: 700px;
  }
  quick-add-modal.modal .mainProduct .product__media-list:is(.gallery-style__columns,.gallery-style__stacked){
    display:flex;
  }
  quick-add-modal.modal .mainProduct .product__media-list:is(.gallery-style__columns,.gallery-style__stacked)>li:not(.is-active){
    display:none; /*show only active elements in stacked/2columns style*/
  }
}
@media (min-width: 992px) {
  quick-add-modal.modal{
    --wdt-modal-width: 800px;
  }
}



/**************/

/*Quantity*/
.quantity, cart-remove-button > button {
  display: inline-flex!important;
  align-items: center;
  --dt-btn-size: 2rem;
}
.product :is(.quantity){
  --dt-btn-size: 2.5rem;
}
.quantity .form-control {
  width: calc(var(--dt-btn-size) * 1.5);
  padding: 0;
  height: calc(var(--dt-btn-size) * 1);
  font-size: 1rem;
  text-align: center;
}
.btn-icon {
  flex-shrink: 0;
  width: var(--dt-btn-size);
  height: var(--dt-btn-size);
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.btn-icon > svg {
  pointer-events: none;
}
/**************/

.cart-item__error:has(small.cart-item__error-text:empty) svg {
  display: none;
}
cart-remove-button,
cart-remove-button > button {
  width: var(--dt-btn-size);
  height: var(--dt-btn-size);
  justify-content: center;
}
.card img {
  width:100%;/*video full needed the width*/
  max-width: 100%;
  height: 100%;
  /* border-radius: var(--wdt-card-border-radius); */
  object-fit: cover;
}
.card--image{
  bottom: 0;
  position: absolute;
  top: 0;
  /* padding: calc(.5* var(--wdt-card-spacer-y)); */
  overflow:hidden;
  width: 100%;
  }
/*******navigation-dropdown animation*******/
.navbar-expand-lg .navbar-nav :is(.dropdown-menu.show, .dropdown-menu) {
  /* animation: dropDownShow .25s cubic-bezier(0.68, -0.55, 0.265, 1.55); */
  animation: dropDownfadeup 0.25s ease-in-out;
}
@keyframes dropDownSlide {
  100% {
    transform: translateY(0);
  }
  0% {
    transform: translateY(10px);
  }
}
@keyframes dropDownShow {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes dropDownfadeup {
  0% {
    opacity: 0;
    transform: translateY(0.5rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/**************/
.dT_VProdCompareList, .dT_VProdWishList{position:relative;}   
.product-icons a.add-compare:before,
.product-icons a.add-wishlist:before,
.dT_VProdCompareList a.add-compare:before,
.dT_VProdWishList a.add-wishlist:before{
  display: block;
  content: "";
  width: 22px;
  height: 22px;
  line-height: 15px;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-position: center;

}


.product-icons li a, 
.product-icons modal-opener button,
.product-icons_wrapper a,
.product-icons_wrapper button {
  margin: 0;
  pointer-events: all;
  position: relative;
  transition: all 0.25s ease;
  background: rgba(255, 255, 255, 0.92);
  padding: 0;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  cursor: pointer;
  color: #111113 !important;
  border: none;
  outline: none;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 12px rgba(17, 17, 19, 0.12);
}
.product-icons li:hover a, 
.product-icons modal-opener button:hover,
.product-icons_wrapper a:hover,
.product-icons_wrapper button:hover {
  background: #111113 !important;
  color: #C5A880 !important;
  transform: scale(1.08);
}



/*card-product-price*/
.price--sold-out .price__availability,
.price__regular {
  display: block !important;
}

.price__sale,.price__availability,.price .price__badge-sale,.price .price__badge-sold-out,.price--on-sale .price__regular,.price--on-sale .price__availability {
  display: none !important;
}

.price--sold-out .price__badge-sold-out,.price--on-sale .price__badge-sale,.volume-pricing--sale-badge .price__badge-sale {
  display: inline-block !important;
}

.price--on-sale .price__sale {
  display: flex !important;
  flex-wrap: wrap !important;
}
/*position-absolute-relative*/
.product .price--sold-out .badge {
  display: none;
}
.product .price--sold-out .price__badge-sale {
  display: none;
}
.col-custom-5 {
     flex: 0 0 auto;
    width: 20%;
  }
@media (min-width: 576px) {
  .position-sm-absolute {
    position: absolute;
  }
  .position-sm-relative {
    position: relative;
  }
  .col-sm-custom-5 {
     flex: 0 0 auto;
    width: 20%;
  }
}
@media (min-width: 768px) {
  .position-md-absolute {
    position: absolute;
  }
  .position-md-relative {
    position: relative;
  }
  .col-md-custom-5 {
     flex: 0 0 auto;
    width: 20%;
  }
}
@media (min-width: 992px) {
  .position-lg-absolute {
    position: absolute;
  }
  .position-lg-relative {
    position: relative;
  }
  .col-lg-custom-5 {
     flex: 0 0 auto;
    width: 20%;
  }
}
@media (min-width: 1200px) {
  .position-xl-absolute {
    position: absolute;
  }
  .position-xl-relative {
    position: relative;
  }
  .col-xl-custom-5 {
     flex: 0 0 auto;
    width: 20%;
  }
}
@media (min-width: 1400px) {
  .position-xxl-absolute {
    position: absolute;
  }
  .position-xxl-relative {
    position: relative;
  }
   .col-xxl-custom-5 {
     flex: 0 0 auto;
    width: 20%;
  }
}

/*pagnation*/
.slick-active .page-link {
  z-index: 3;
  color: var(--wdt-pagination-active-color);
  background-color: var(--wdt-pagination-active-bg);
  border-color: var(--wdt-pagination-active-border-color);
}

/*card-anchor*/
/* .stretch-link:after {
  position: absolute;
  content: "";
  inset: 0;
  z-index: 1;
} */
/*card-title*/
.card-title > a, .footer-link-list > li > a {
  color: inherit;
}
.card-title > a:hover {
  color: #C5A880;
  text-decoration: none;
}
.wh-100 {
  width: 100px;
  height: 100px;
}

.min-vh-75 {
  min-height: 75vh !important;
}


/*shopify-payment-button
whenever changes made in .btn you need to change/update these things too */

button.shopify-payment-button__button--unbranded {
  --wdt-btn-padding-x: 2rem;
  --wdt-btn-padding-y: 0.72rem;
  --wdt-btn-font-family: var(--wdt-heading-font-family);
  --wdt-btn-font-size: 1rem;
  --wdt-btn-font-weight: 400;
  --wdt-btn-line-height: 1.5;
  --wdt-btn-border-width: var(--wdt-border-width);
  /* --wdt-btn-border-radius: var(--wdt-border-radius); */
  --wdt-btn-hover-border-color: transparent;
  --wdt-btn-color: rgb(var(--color-primary-button-text));
  --wdt-btn-bg: rgb(var(--color-primary-button-bg));
  --wdt-btn-border-color: rgb(var(--color-primary-button-border));
  --wdt-btn-hover-color: rgb(var(--color-primary-button-text));
  --wdt-btn-hover-bg: rgb(var(--color-primary-button-bg), .85);
  width: 100%;
  height:100%;
  min-height: calc(2rem + var(--wdt-btn-border-width) * 2);
  display: inline-block;
  padding: var(--wdt-btn-padding-y) var(--wdt-btn-padding-x);
  font-family: var(--wdt-btn-font-family);
  font-size: var(--wdt-btn-font-size);
  font-weight: var(--wdt-btn-font-weight);
  line-height: var(--wdt-btn-line-height);
  -webkit-appearance: none;
  appearance: none;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  border: var(--wdt-btn-border-width) solid var(--wdt-btn-border-color);
  border-radius: var(--wdt-btn-border-radius);
  color: var(--wdt-btn-color);
  background-color: var(--wdt-btn-bg);
  transition: color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out,box-shadow .3s ease-in-out;
  text-transform: capitalize;
}
button.shopify-payment-button__button--unbranded:hover:not([disabled]){
  color: var(--wdt-btn-hover-color);
  background-color:rgb(var(--color-secondary-button-bg));
  border-color: var(--wdt-btn-hover-border-color);
}
.shopify-payment-button__more-options.shopify-payment-button__button--hidden{
  display:none;
}
/*-------*/

/*picker-style -dropdown changes*/
.product-form__input input[checked]+label {
  color: var(--wdt-btn-active-color);
  background-color: var(--wdt-btn-active-bg);
  border-color: var(--wdt-btn-active-border-color);
}

.product-form__input--dropdown {
  --swatch-input--size: 1.25rem;
}
.product-form__input--dropdown .dropdown-swatch {
  position: absolute;
  left: 0.8rem;
  top: calc(50% - var(--swatch-input--size) / 2);
  width: var(--swatch-input--size);
  height: var(--swatch-input--size);
}
.product-form__input--dropdown .dropdown-swatch+.form-select{
  padding-left: 2.25rem;
}

/*---card swatch----*/
.color-values .swatch-element span {width:20px;height:20px;display:block;border-radius:50%; cursor:pointer;}

/*Slider button → main-product gallery*/
.slider-button {
  --slide-btn-size: 2.5rem;
  height: var(--slide-btn-size);
  padding: 0;
  width: var(--slide-btn-size);
  border-radius: 50%;
  display: inline-flex!important;
  align-items: center!important;
  justify-content: center!important;
  border-style: hidden;
}
/*Slider button → common */
[type=button].slick-disabled{
  cursor:default;
}

/*placeholder-svg*/
svg.placeholder-svg{
  width:100%; 
  height:100%;
}

/*sticky header*/
.section-header {
  position: sticky;
  top: 0;
  z-index: 1030 !important;
}
.shopify-section-header-sticky {
  position: sticky;
  top: 0;
  z-index: 1030 !important;
}
.shopify-section-header-hidden {
  top: calc(-1 * var(--header-height));
}
.section-header.animate {
  transition: top 0.35s ease-in-out;
}
.header-sticky .gradient {
  background-attachment: unset;
}

/* Ensure page-level sticky elements stick below the header and never paint on top of it */
.sticky-top,
.sticky-sm-top,
.sticky-md-top,
.sticky-lg-top,
.sticky-xl-top,
.sticky-xxl-top {
  top: calc(var(--header-height, 80px) + 24px) !important;
  z-index: 15 !important;
}


/*blog*/
.main-blog .card-body{  display: flex;flex-direction: column;  justify-content: space-between;}   
/* .main-blog .card__inner_wrapper{  padding: calc(.46* var(--wdt-card-spacer-y));}  */
.main-blog .slick-track{display:flex;}
.main-blog .slick-slide {height:auto !important;}


/*country-selector*/
localization-form :is(ul.dropdown-menu){
  max-height: 51vh;
  overflow-y: auto;
}
localization-form :is(.localization-form__currency) {
  opacity: 0;
  transition: opacity .15s cubic-bezier(.25,.46,.45,.94);
  white-space: nowrap;
}
.localization-form li.disclosure__item > a{
  position:relative;  
}
.localization-form li.disclosure__item > a:is(:hover, :focus-visible, :focus, .active) .localization-form__currency{
  display: inline-block;
  opacity: 1;
}
/*header count*/
.grid-count-bubble , .cart-count-bubble, .cart-count-bubble span{
  background:rgb(var(--color-primary-button-bg));
  width: 15px;
  height: 15px;
  color: rgb(var(--color-background));
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.6rem;
}
p:empty{display:none;}

/*header - nav-link*/
/* .nav-link{display:flex; align-items:center; justify-content:space-between;} */

div[data-slider-options]{position:relative;}

.thumbnail-list__item.slick-current>button.thumbnail {
    border-color: rgb(var(--color-link));
    transition: var(--base-transition);
}

/*account pages*/
.customer [type=checkbox]{
  cursor:pointer;
  accent-color: rgb(var(--color-link-hover));
}




/* custom css */
.caption{
        color: rgb(var(--color-link-hover)) !important;
         letter-spacing: 3px;
          padding-bottom: 5px;
  line-height:1.5;
     font-size: clamp(0.75rem, 0.7rem + 0.25vw, 1rem);
    }
.caption-secondary{
   letter-spacing: 3px;
   padding-bottom: 5px;
 font-size: clamp(0.75rem, 0.7rem + 0.25vw, 1rem);
   line-height:1.5;
}
.card .caption-secondary, .card .caption{
  font-size: clamp(0.5rem, 0.45rem + 0.25vw, 0.75rem);
   line-height:1.5; 
}
.ctm-blog-card  .caption{
     font-size: clamp(0.75rem, 0.7rem + 0.25vw, 1rem);
   line-height:1.5;
}

.btn{
      transition:.3s ease-in-out !important;
      text-wrap: nowrap;
      font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem);
  }
.nav-item{
  font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem);
}

.btn-arow svg{
  /* margin-bottom:2px;
  margin-right:1px;   */
}

.btn-primary .btn-arow{
  background: rgb(var(--color-primary-button-text));
   display: inline-flex;
  width:25px;
  height:25px;
  margin-left: 10px;
  transition:.3s ease-in-out;
      align-items: center;
    justify-content: center;
  
}
.btn-primary .btn-arow svg path{
   transition:.3s ease-in-out;
}
.btn-primary:hover .btn-arow svg path{
    fill: rgb(var(--color-secondary-button-bg));
  }
.btn-primary:hover .btn-arow{
      background: rgb(var(--color-secondary-button-text));
 }


.btn-secondary .btn-arow{
   background: rgb(var(--color-secondary-button-text));
   display: inline-flex;
   width:25px;
   height:25px;
   margin-left: 10px;
   transition:.3s ease-in-out;
      align-items: center;
    justify-content: center;
}
.btn-secondary .btn-arow svg path{
   transition:.3s ease-in-out;
   fill: rgb(var(--color-secondary-button-bg))
}
.btn-secondary:hover .btn-arow svg path{
   fill: rgb(var(--color-primary-button-bg));
  }
.btn-secondary:hover .btn-arow{
      background: rgb(var(--color-secondary-button-text));
 }

.form-control{
   padding: 0.9rem 1.9rem;   
  }

     .blog-btn{
        opacity: 0 !important;
  }
  .ctm-blog-card:hover .blog-btn{
        opacity: 1 !important
  }
    .quantity__button svg{
      width:1em;
      height:1em;
      font-size:1.5rem;


    }
.quantity__button svg path{
            transition:0.3s ease-in-out;

        }
.quantity__button:hover svg path{
        fill:rgba(var(--color-link-hover));


        }
 a{
    color: rgba(var(--color-foreground));
    transition:0.3s ease-in-out;
    cursor: pointer;
    
  }
   a:hover{
    color: rgba(var(--color-link-hover));
    
  }
.alert svg, #RecoverEmail-email-error svg{
  width:1em;
  height:1em;
  font-size:1em;
}

.alert-success svg path {
  fill:green;
}

.alert-danger svg path {
    fill: red;
}


.form__message:focus-visible{
  outline:none;
  
}

/* .slick-track{
  gap:17px;
} */
.to-top{
   background-color: rgb(var(--color-primary-button-bg)) !important;
}

body{
  overflow-x:hidden;
  
}

.nav-link svg path{
     transition: var(--base-transition);
  
}

.nav-link:hover svg path{
    color:rgba(var(--color-link-hover));
    fill:rgba(var(--color-link-hover));

}
.predictive-search__item .price{
  justify-content: start !important;
}
.ctm-ns-arow svg{
  width:1em;
  height:1em;
  font-size: 1.5em;
}
.ctm-ns-arow svg path{
   transition: var(--base-transition);
}
.ctm-ns-arow:hover svg path{
  fill:rgba(var(--color-link-hover));
  
  
}

.list-social{
  gap:4px;
}

.announcement_bar_style-vertical .list-social:nth-child(4){
  display:none !important;
}

.shopify-policy__container {
    padding-top: 50px;
    padding-bottom: 50px;
}
.card{
  background: transparent;
}
.title-container h2{
         margin-bottom: 0px;
   }
/* #SortBy option:checked {
  background: red;
}
#SortBy option:hover{
  background: red !important;
} */

 /* .facet-filters__sort option:hover {
            background-color: red !important; 
            color: white; 
        }

       
.facet-filters__sort option:checked {
        background-color: red; 
            color: white; 
        } */

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
 color: rgb(var(--color-main-heading));
},

.field__input_min:focus-visible, .field__input_max:focus-visible ,.form__message:focus-visible{
  outline: none;
}

.ctm-hover-card  img{
   transition: var(--base-transition);
}
.ctm-hover-card:hover img{
  transform: scale(1.1);
}
.search__button svg path{
   transition: var(--base-transition);
}
.search__button:hover svg path{
   fill:rgba(var(--color-link-hover));
}
.ctm-pb-30{
  padding-bottom:40px;
}
.ctm-pt-30{
  padding-top:40px;
}
.ctm-mb-30{
  margin-bottom:40px;
}
.ctm-mt-30{
  margin-top:40px;
}

.shopify-payment-button{
  width:100%;
}


/* Header Compare Icon */
.header__icon.header-compare {
  background: transparent !important;
  color: inherit !important;
  border-radius: 0 !important;
  padding: 0.25rem 0.5rem !important;
  transform: none !important;
  align-items: center;
  justify-content: center;
  position: relative;
  text-decoration: none;
}
.header__icon.header-compare svg {
  width: 20px;
  height: 20px;
  color: currentColor;
  display: block;
  transition: transform 0.2s ease, color 0.2s ease;
}
.header__icon.header-compare:hover svg {
  transform: scale(1.1);
  color: #C5A880 !important;
}
.header__icon.header-compare .dtxc-compare-count {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
}
.header__icon.header-compare .dtxc-compare-count.count-zero {
  display: none !important;
}
.header__icon.header-compare .dtxc-compare-count.count-exist {
  display: block !important;
}
.header__icon.header-compare .grid-count-bubble {
  background: rgb(var(--color-primary-button-bg)) !important;
  width: 16px !important;
  height: 16px !important;
  color: #fff !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0.625rem !important;
  line-height: 1 !important;
  font-weight: 600 !important;
}
.header__icon.header-compare .grid-count-bubble span {
  margin-top: 0 !important;
}

/* Luxury Floating Compare Dock */
.compare-floating-dock {
  position: fixed !important;
  bottom: 28px !important;
  left: 28px !important;
  z-index: 1040 !important;
  pointer-events: auto !important;
  animation: compareDockSlideUp 0.35s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes compareDockSlideUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.compare-floating-dock__link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  height: 44px !important;
  padding: 0 18px 0 14px !important;
  background: #111113 !important;
  color: #FAF9F6 !important;
  border-radius: 9999px !important;
  border: 1px solid rgba(197, 168, 128, 0.45) !important;
  box-shadow: 0 8px 24px rgba(17, 17, 19, 0.35), 0 2px 6px rgba(0, 0, 0, 0.2) !important;
  text-decoration: none !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.compare-floating-dock__link:hover {
  background: #1A1A1E !important;
  border-color: #C5A880 !important;
  color: #FAF9F6 !important;
  box-shadow: 0 12px 32px rgba(197, 168, 128, 0.25), 0 4px 12px rgba(17, 17, 19, 0.4) !important;
  transform: translateY(-2px) !important;
}

.compare-floating-dock__icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #C5A880 !important;
}

.compare-floating-dock__icon svg {
  width: 16px !important;
  height: 16px !important;
}

.compare-floating-dock__badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 20px !important;
  height: 20px !important;
  padding: 0 6px !important;
  border-radius: 9999px !important;
  background: #C5A880 !important;
  color: #111113 !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  margin-left: 4px !important;
}

.compare-floating-dock__arrow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #C5A880 !important;
  transition: transform 0.2s ease !important;
}

.compare-floating-dock__link:hover .compare-floating-dock__arrow {
  transform: translateX(3px) !important;
}

@media (max-width: 767px) {
  .compare-floating-dock {
    bottom: 20px !important;
    left: 16px !important;
  }
  .compare-floating-dock__link {
    height: 40px !important;
    padding: 0 14px 0 12px !important;
    font-size: 0.76rem !important;
  }
}

/* Header Wishlist Icon */
.header__icon.header-wishlist {
  background: transparent !important;
  color: inherit !important;
  border-radius: 0 !important;
  padding: 0.25rem 0.5rem !important;
  transform: none !important;
  align-items: center;
  justify-content: center;
  position: relative;
  text-decoration: none;
}
.header__icon.header-wishlist svg {
  width: 20px;
  height: 20px;
  color: currentColor;
  display: block;
  transition: transform 0.2s ease;
}
.header__icon.header-wishlist:hover svg {
  transform: scale(1.1);
}
.header__icon.header-wishlist .dtxc-wishlist-count {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
}
.header__icon.header-wishlist .grid-count-bubble {
  background: rgb(var(--color-primary-button-bg)) !important;
  width: 16px !important;
  height: 16px !important;
  color: #fff !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0.625rem !important;
  line-height: 1 !important;
  font-weight: 600 !important;
}
.header__icon.header-wishlist .grid-count-bubble span {
  margin-top: 0 !important;
}
.ctm-compare-count-bubble .grid-count-bubble, .ctm-wishlist-count-bubble .grid-count-bubble{
    background:rgb(var(--color-primary-button-bg));
    color:  var(--wdt-white) !important;
    width: 20px;
    height: 20px;
    font-size: .8rem;
    
 
}

.ctm-compare-count-bubble .grid-count-bubble span, .ctm-wishlist-count-bubble .grid-count-bubble span{
  margin-top: 1px;
}


 .dt-desktop-menu .nav-item .dropdown-toggle~.dropdown-menu.mega-menu__content,  .dt-desktop-menu .nav-item .dropdown-toggle~.dropdown-menu {
    /* border: .16em solid rgb(var(--color-border)); */
   
    opacity: 0;
    visibility: hidden;
    -webkit-box-shadow: var(--wdt-box-shadow);
    box-shadow: var(--wdt-box-shadow);
    display: block;
    -webkit-transition: margin-top .25s cubic-bezier(.25,.1,.11,.99) .1s, opacity .2s cubic-bezier(.25,.1,.11,.99) .1s, height 0s ease-out .5s;
    -moz-transition: margin-top .25s cubic-bezier(.25, .1, .11, .99) .1s, opacity .2s cubic-bezier(.25, .1, .11, .99) .1s, height 0s ease-out .5s;
    transition: margin-top .25s cubic-bezier(.25,.1,.11,.99) .1s, opacity .2s cubic-bezier(.25,.1,.11,.99) .1s, height 0s ease-out .5s;
}

.dt-desktop-menu .nav-item:hover > .dropdown-toggle ~ .dropdown-menu,
.dt-desktop-menu .nav-item:hover .dropdown-toggle ~ .dropdown-menu.mega-menu__content,
.dt-desktop-menu .menu-item-has-children:hover > .dropdown-toggle ~ .dropdown-menu{ 
  margin-top: -12px ;
  opacity: 1 !important;
  visibility: visible !important; 
  
} 
.ctm-dropdown{
   margin-top: 0px !important;
   padding: 10px 0px !important;
}

 .dt-desktop-menu .nav-item .nav-link:not(.show) ~ .dropdown-menu,
 .dt-desktop-menu .dropdown.menu-item .dropdown-item:not(.show) ~ .child_menu { -webkit-visibility: hidden; visibility: hidden; }
.dt-desktop-menu .nav-item .nav-link:not(.show):focus ~ .dropdown-menu,
.dt-desktop-menu .nav-item:hover .nav-link:not(.show) ~ .dropdown-menu,
.dt-desktop-menu .dropdown.menu-item:hover .dropdown-item:not(.show) ~ .child_menu { 
  -webkit-visibility: visible; visibility: visible; opacity: 1; }
 .dt-desktop-menu .dropdown.menu-item:hover .dropdown-item:not(.show) ~ .child_menu.collapse:not(.show) {display:block}

.slick-slider {
    margin:0 -15px;
}
 .mainProduct .thumbnail-list .slick-track{
       width: 100% !important;
       margin-top: 20px;
 }
.mainProduct .thumbnail-list  .img-thumbnail img{
      /* min-height: 222px; */
}
.ctm-account-width{
  max-width:550px;
  width:100%;
}
.mainProduct .thumbnail-list .slick-track  .media-child:nth-child(1){
      margin: 4px 10px;
}
.facets__item .facet-checkbox{
  transition: var(--base-transition);
}
.facets__item .facet-checkbox:hover{
      color: rgb(var(--color-link-hover));
}
.dropdown-menu .dropdown-item.active {
   color: rgb(var(--color-link-hover));
}
.to-top.show {
      box-shadow: rgb(255 255 255 / 12%) 0px 2px 4px 0px, rgb(255 255 255 / 32%) 0px 2px 16px 0px;
  transition: var(--base-transition);
}
.to-top.show:hover {
      transform: scale(1.1);
}
.mega-menu__wrapper span{
      pointer-events: none;
}
.mega-menu__wrapper span.dt-sc-caret{
      pointer-events: auto;
}



.whatsapp-chat-button a {
  color: #FFFFFF !important;
  width: 100%;
  padding: 14px 0; /* match Add to Cart button height */
  font-size: 16px;
  text-align: center;
  display: block;
  border-radius: 0px !important;
  border: none !important;
  margin: 24px 0;
}

.whatsapp-chat-button a:hover {
  background-color: #2F2E3D !important;
}

.whatsapp-chat-button a svg {
  display: none; /* hides icon to match your button design */
}

.whatsapp-chat-button {
  width: 100%;
  margin-bottom: 12px; /* spacing before Buy It Now */
}

.whatsapp-chat-button {
  width: 100%;
  margin-bottom: 12px;
}

#whatsapp-btn {
  font-size: 16px;
  padding: 14px 10px;
  border-radius: 6px;
}

/* Mobile */
@media (max-width: 600px) {
  #whatsapp-btn {
    font-size: 15px;
    padding: 12px;
  }
}

/* Tablet */
@media (min-width: 601px) and (max-width: 992px) {
  #whatsapp-btn {
    font-size: 16px;
    padding: 14px;
  }
}

/* Desktop */
@media (min-width: 993px) {
  #whatsapp-btn {
    font-size: 17px;
    padding: 16px;
  }
}

/* ==========================================================================
   LUXURY FINE JEWELRY UI ENHANCEMENTS (Atelier Obsidian & Champagne Gold)
   ========================================================================== */

/* Typography & Display Refinements */
h1, h2, h3, h4, .h1, .h2, .h3, .h4, .main-title, .section-title {
  font-family: 'Playfair Display', Georgia, serif;
  letter-spacing: -0.01em;
}

body, p, input, select, textarea, button, .btn, .nav-link, .price {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.caption, .sub-title, .caption-secondary {
  letter-spacing: 0.14em !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  font-size: 0.78rem !important;
}

/* Product Card Luxury Architecture */
.card-main {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  border-radius: 6px !important;
  border: 1px solid rgba(17, 17, 19, 0.08) !important;
  transition: transform 0.35s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.35s cubic-bezier(0.25, 1, 0.5, 1) !important;
  background: #ffffff !important;
  overflow: hidden !important;
}

.card-main:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(17, 17, 19, 0.08) !important;
}

/* Enforce 1:1 Aspect Ratio on Product Media */
.card-main .card__inner.ratio {
  aspect-ratio: 1 / 1 !important;
  background: #FAF8F5 !important;
  overflow: hidden !important;
  position: relative !important;
  width: 100% !important;
}

.card-main .card--image,
.card-main .card--image img,
.card-main .card-secondary-image,
.card-main .card-secondary-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.card-main .card--image img {
  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.4s ease;
}

.card-main:hover .card--image img {
  transform: scale(1.03);
}

/* Card Body & Information Spacing */
.card-main .card-body {
  padding: 14px 16px 16px 16px !important;
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
  justify-content: space-between !important;
  background: #ffffff !important;
}

.card-main .card-body-information {
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
  justify-content: space-between !important;
  width: 100% !important;
}

.card-main .card-info-top {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
}

.card-main .card-info-bottom {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  margin-top: auto !important;
}

.card-main .card-price-wrapper {
  min-height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.card-main .price {
  margin: 0 !important;
  line-height: 1.3 !important;
}

/* Unified Compact Card Meta Row (Rating & Swatches) */
.card-main .card-bottom-meta {
  min-height: 22px;
  margin-top: 6px;
  gap: 6px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  line-height: 1;
}

/* Luxury Compact Product Rating */
.card-main .card-product-rating {
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  vertical-align: middle !important;
}

.card-main .card-product-rating-stars {
  color: #C5A880 !important;
  font-size: 0.72rem !important;
  letter-spacing: 0.5px !important;
  line-height: 1 !important;
}

.card-main .card-product-rating-score {
  font-size: 0.74rem !important;
  font-weight: 600 !important;
  color: #111113 !important;
  line-height: 1 !important;
}

.card-main .card-product-rating-count {
  font-size: 0.72rem !important;
  font-weight: 400 !important;
  color: #8E8D94 !important;
  line-height: 1 !important;
}

/* Hide legacy broken unstyled rating paragraphs */
.card-main .rating:not(.card-product-rating),
.card-main .rating-text,
.card-main .rating-count {
  display: none !important;
}

/* Luxury Compact Color Swatches */
.card-main .variant-option-color {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-direction: row !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  gap: 5px !important;
  border: none !important;
  line-height: 1 !important;
}

.card-main .variant-option-color .color-values {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1 !important;
}

.card-main .variant-option-color .color-values .swatch-element {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
}

.card-main .variant-option-color .color-values .swatch-element span {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
  border-radius: 50% !important;
  cursor: pointer !important;
  border: 1px solid rgba(17, 17, 19, 0.18) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
  display: block !important;
}

.card-main .variant-option-color .color-values .swatch-element.active span {
  box-shadow: 0 0 0 1px #ffffff, 0 0 0 2.5px #111113 !important;
}

.card-main .variant-option-color .color-values .swatch-element:hover span {
  transform: scale(1.18) !important;
}

@media (max-width: 575px) {
  .card-main .card-body {
    padding: 8px 8px 10px 8px !important;
  }
  .card-main .card-subtitle {
    font-size: 0.65rem !important;
    margin-bottom: 2px !important;
  }
  .card-main .card-bottom-meta {
    min-height: 18px;
    margin-top: 4px;
    gap: 4px 6px;
  }
}

.card-main .card-subtitle {
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  color: #8E8D94 !important;
  text-transform: uppercase !important;
  margin-bottom: 4px !important;
}

/* 2-Line Clamped Titles for Perfect Grid Alignment */
.card-main .card-title,
.card-main:hover .card-title,
.card-main .card-title:hover {
  margin-bottom: 8px !important;
  min-height: 2.7em !important;
  max-height: 2.7em !important;
  line-height: 1.35 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.card-main .card-title a,
.card-main:hover .card-title a,
.card-main .card-title a:hover {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: 0.95rem !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  transition: color 0.25s ease !important;
  color: #111113 !important;
  text-decoration: none !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  word-break: break-word !important;
  background: none !important;
  text-shadow: none !important;
  letter-spacing: normal !important;
  word-spacing: normal !important;
  transform: none !important;
}

@media (max-width: 575px) {
  .card-main .card-title,
  .card-main:hover .card-title,
  .card-main .card-title:hover {
    margin-bottom: 4px !important;
    min-height: 2.5em !important;
    max-height: 2.5em !important;
    line-height: 1.25 !important;
  }
  .card-main .card-title a,
  .card-main:hover .card-title a,
  .card-main .card-title a:hover {
    font-size: 0.82rem !important;
    line-height: 1.25 !important;
  }
}

.card-main:hover .card-title a,
.card-main .card-title a:hover,
.card-title a:hover {
  color: #C5A880 !important;
}

/* Luxury Status Badges */
.badge-luxury {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0.7rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  padding: 4px 10px !important;
  border-radius: 3px !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08) !important;
  line-height: 1 !important;
}

@media (max-width: 768px) {
  .badge-luxury {
    font-size: 0.58rem !important;
    letter-spacing: 0.04em !important;
    padding: 3px 6px !important;
    border-radius: 2px !important;
  }
}

.badge-luxury.badge-sale {
  background: #C5A880 !important;
  color: #ffffff !important;
}

.badge-luxury.badge-sold-out {
  background: rgba(17, 17, 19, 0.75) !important;
  color: #ffffff !important;
}

.badge-luxury.badge-new-arrival {
  background: #111113 !important;
  color: #C5A880 !important;
  border: 1px solid rgba(197, 168, 128, 0.5) !important;
}

/* Grid & Slider Uniformity */
.product-grid {
  display: flex !important;
  flex-wrap: wrap !important;
}

.product-loop {
  display: flex !important;
  flex-direction: column !important;
  margin-bottom: 24px !important;
}

.fcollection-slider .slick-track {
  display: flex !important;
}

.fcollection-slider .slick-slide {
  height: inherit !important;
  display: flex !important;
  padding: 0 8px !important;
}

.fcollection-slider .slick-slide > div {
  width: 100% !important;
  display: flex !important;
  height: 100% !important;
}

/* Floating Glassmorphic Product Action Icons */
.product-icons {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 5;
  transition: opacity 0.25s ease, transform 0.25s ease;
  opacity: 0;
  transform: translateY(-6px);
}

.card-main:hover .product-icons {
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 991px) {
  .product-icons {
    opacity: 1 !important;
    transform: none !important;
  }
}

@media (max-width: 768px) {
  .product-icons {
    top: 6px !important;
    right: 6px !important;
    margin: 0 !important;
  }
  .product-icons_wrapper li {
    margin-bottom: 4px !important;
  }
  .product-icons_wrapper a, 
  .product-icons_wrapper button,
  .card-main .add-wishlist, 
  .card-main .add-compare,
  .card-main .quick-add__modal-btn,
  .product-icons modal-opener button {
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    box-shadow: 0 2px 6px rgba(17, 17, 19, 0.1) !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .product-icons_wrapper a svg,
  .product-icons_wrapper button svg,
  .card-main .add-wishlist svg,
  .card-main .add-compare svg,
  .card-main .quick-add__modal-btn svg,
  .product-icons modal-opener button svg {
    width: 13px !important;
    height: 13px !important;
  }
}

.product-icons_wrapper li {
  margin-bottom: 6px;
}

.product-icons_wrapper a, 
.product-icons_wrapper button,
.card-main .add-wishlist, 
.card-main .add-compare,
.card-main .quick-add__modal-btn,
.product-icons modal-opener button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.92) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  box-shadow: 0 4px 12px rgba(17, 17, 19, 0.12) !important;
  color: #111113 !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
}

.product-icons_wrapper a:hover,
.product-icons_wrapper button:hover,
.card-main .add-wishlist:hover,
.card-main .add-compare:hover,
.card-main .quick-add__modal-btn:hover,
.product-icons modal-opener button:hover {
  background: #111113 !important;
  color: #C5A880 !important;
  transform: scale(1.08) !important;
}

.product-icons_wrapper a svg,
.product-icons_wrapper button svg,
.card-main .add-wishlist svg,
.card-main .add-compare svg,
.card-main .quick-add__modal-btn svg,
.product-icons modal-opener button svg {
  width: 17px !important;
  height: 17px !important;
  transition: color 0.25s ease !important;
}

/* Compare Button - Active / Added State */
.card-main .add-compare.added {
  color: #C5A880 !important;
  background: #ffffff !important;
}

.card-main .add-compare.added:hover {
  background: #111113 !important;
  color: #C5A880 !important;
}

/* Wishlist Button - Active / Added State */
.card-main .add-wishlist.added {
  color: #c93a3a !important;
  background: #ffffff !important;
}

.card-main .add-wishlist.added:hover {
  background: #111113 !important;
  color: #c93a3a !important;
}

/* Quick Add / CTA Button on Product Cards */
.card-main .card__inner.ratio > .quick-add,
.card-main .quick-add {
  position: absolute !important;
  top: auto !important;
  bottom: 12px !important;
  left: 12px !important;
  right: 12px !important;
  width: calc(100% - 24px) !important;
  height: auto !important;
  min-height: 40px !important;
  z-index: 4 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.card-main .quick-add form {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

.card-main .quick-add modal-opener {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.card-main .quick-add__submit {
  width: 100% !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: inherit !important;
  font-size: 0.76rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  border-radius: 4px !important;
  border: 1px solid #111113 !important;
  background-color: #111113 !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18) !important;
  cursor: pointer !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  text-decoration: none !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

.card-main .quick-add__submit:hover:not(:disabled) {
  background-color: #C5A880 !important;
  border-color: #C5A880 !important;
  color: #111113 !important;
  box-shadow: 0 6px 18px rgba(197, 168, 128, 0.35) !important;
  transform: translateY(-1px) !important;
}

.card-main .quick-add__submit:disabled {
  background-color: #E2DFD8 !important;
  border-color: #E2DFD8 !important;
  color: #8E8D94 !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
}

/* Desktop hover reveal */
@media (min-width: 769px) {
  .card-main .quick-add {
    opacity: 0;
    transform: translateY(8px);
    transition: opacity 0.25s cubic-bezier(0.16, 1, 0.3, 1), transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    pointer-events: none;
  }
  .card-main:hover .quick-add,
  .card-main:focus-within .quick-add {
    opacity: 1 !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
  }
}

/* Mobile always visible and accessible */
@media (max-width: 768px) {
  .card-main .card__inner.ratio > .quick-add,
  .card-main .quick-add {
    top: auto !important;
    bottom: 6px !important;
    left: 6px !important;
    right: 6px !important;
    width: calc(100% - 12px) !important;
    height: auto !important;
    min-height: 32px !important;
    opacity: 1 !important;
    transform: none !important;
    pointer-events: auto !important;
  }
  .card-main .quick-add__submit {
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 6px !important;
    font-size: 0.67rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.05em !important;
    border-radius: 4px !important;
    background: rgba(17, 17, 19, 0.90) !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15) !important;
  }
  .card-main .quick-add__submit span {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}

/* Cart Drawer Visibility & Stacking Guarantee */
cart-drawer:has(#CartDrawer.show),
cart-drawer:has(.offcanvas.show),
cart-drawer.active,
.drawer:has(.show),
.drawer.active {
  visibility: visible !important;
  position: relative !important;
  z-index: 100005 !important;
}

cart-drawer.drawer,
.drawer {
  position: relative !important;
  z-index: 100005 !important;
}

#CartDrawer.cart-drawer.offcanvas,
#searchBox.offcanvas,
.luxury-search-drawer.offcanvas,
.offcanvas.show,
.offcanvas.showing {
  z-index: 100005 !important;
}

/* Luxury Price Styling */
.price {
  font-weight: 600;
  letter-spacing: 0.02em;
}

.price .price-item--sale {
  color: #111113 !important;
  font-weight: 700;
}

.price .price-item--regular {
  color: #8E8D94;
}

@media (max-width: 575px) {
  .price {
    column-gap: 6px !important;
    row-gap: 2px !important;
    line-height: 1.2 !important;
  }
  .price .price-item--sale {
    font-size: 0.86rem !important;
    font-weight: 700 !important;
  }
  .price .price-item--regular {
    font-size: 0.72rem !important;
  }
}

/* Buttons Enhancement */
.btn-primary, .button--primary {
  background-color: #111113 !important;
  color: #FAF8F5 !important;
  border: 1px solid #111113 !important;
  border-radius: 4px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  transition: all 0.25s ease !important;
}

.btn-primary:hover, .button--primary:hover {
  background-color: #C5A880 !important;
  border-color: #C5A880 !important;
  color: #111113 !important;
  box-shadow: 0 6px 18px rgba(197, 168, 128, 0.28) !important;
}

/* ==========================================================================
   Product Details Page (PDP) Luxury Design System (Swarna / FlexFives Jewels)
   ========================================================================== */

/* PDP Purchase Buttons Luxury Pair */
.product-form__buttons {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  margin-bottom: 18px !important;
}

.product-form__submit.pdp-btn-atc,
.product-form__submit.btn-primary,
.product-form__submit.btn-secondary {
  height: 52px !important;
  min-height: 52px !important;
  border-radius: 4px !important;
  font-family: var(--wdt-body-font-family, 'Plus Jakarta Sans', -apple-system, sans-serif) !important;
  font-size: 0.88rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: #111113 !important;
  color: #FAF8F5 !important;
  border: 1px solid #111113 !important;
  box-shadow: 0 4px 14px rgba(17, 17, 19, 0.12) !important;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

.product-form__submit.pdp-btn-atc:hover:not([disabled]),
.product-form__submit.btn-primary:hover:not([disabled]),
.product-form__submit.btn-secondary:hover:not([disabled]) {
  background-color: #C5A880 !important;
  border-color: #C5A880 !important;
  color: #111113 !important;
  box-shadow: 0 8px 24px rgba(197, 168, 128, 0.32) !important;
  transform: translateY(-1px);
}

.shopify-payment-button {
  margin-top: 0 !important;
  width: 100% !important;
}

.shopify-payment-button__button--unbranded,
button.shopify-payment-button__button--unbranded {
  height: 52px !important;
  min-height: 52px !important;
  border-radius: 4px !important;
  font-family: var(--wdt-body-font-family, 'Plus Jakarta Sans', -apple-system, sans-serif) !important;
  font-size: 0.88rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: #C5A880 !important;
  color: #111113 !important;
  border: 1px solid #C5A880 !important;
  box-shadow: 0 4px 14px rgba(197, 168, 128, 0.2) !important;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

.shopify-payment-button__button--unbranded:hover:not([disabled]),
button.shopify-payment-button__button--unbranded:hover:not([disabled]) {
  background-color: #111113 !important;
  border-color: #111113 !important;
  color: #FAF8F5 !important;
  box-shadow: 0 8px 24px rgba(17, 17, 19, 0.25) !important;
  transform: translateY(-1px);
}

/* PDP WhatsApp Concierge Assistance */
.pdp-whatsapp-concierge {
  margin: 8px 0 18px 0;
}

.pdp-whatsapp-link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  padding: 13px 20px;
  background: #FAF8F5;
  border: 1px solid rgba(197, 168, 128, 0.35);
  border-radius: 4px;
  color: #111113;
  text-decoration: none !important;
  font-family: var(--wdt-body-font-family, 'Plus Jakarta Sans', -apple-system, sans-serif);
  transition: all 0.25s ease;
  box-shadow: 0 2px 8px rgba(197, 168, 128, 0.08);
}

.pdp-whatsapp-link:hover {
  background: #FFFFFF;
  border-color: #C5A880;
  color: #111113;
  box-shadow: 0 6px 18px rgba(197, 168, 128, 0.22);
  transform: translateY(-1px);
}

.pdp-whatsapp-icon-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(37, 211, 102, 0.15);
  color: #1b9a4a;
  flex-shrink: 0;
  transition: background 0.2s ease, color 0.2s ease;
}

.pdp-whatsapp-link:hover .pdp-whatsapp-icon-wrap {
  background: #25D366;
  color: #FFFFFF;
}

.pdp-whatsapp-label {
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #111113;
}

.pdp-whatsapp-arrow {
  margin-left: auto;
  color: #C5A880;
  transition: transform 0.2s ease, color 0.2s ease;
}

.pdp-whatsapp-link:hover .pdp-whatsapp-arrow {
  transform: translateX(3px);
  color: #111113;
}

/* PDP Wishlist & Compare Luxury Bar */
.pdp-secondary-actions.wish-com {
  display: flex !important;
  align-items: center !important;
  justify-content: space-around !important;
  padding: 12px 16px !important;
  margin: 14px 0 22px !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(17, 17, 19, 0.08) !important;
  border-radius: 4px !important;
}

.pdp-secondary-action-item {
  flex: 1;
  display: flex !important;
  justify-content: center !important;
}

.pdp-secondary-action-item + .pdp-secondary-action-item {
  border-left: 1px solid rgba(17, 17, 19, 0.08);
}

.pdp-secondary-actions .add-wishlist,
.pdp-secondary-actions .add-compare {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #55545B !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
  cursor: pointer;
}

.pdp-secondary-actions .add-wishlist:hover,
.pdp-secondary-actions .add-compare:hover {
  color: #C5A880 !important;
}

.pdp-secondary-actions .add-wishlist:before,
.pdp-secondary-actions .add-compare:before {
  width: 17px !important;
  height: 17px !important;
  transition: transform 0.2s ease !important;
}

.pdp-secondary-actions .add-wishlist:hover:before,
.pdp-secondary-actions .add-compare:hover:before {
  transform: scale(1.15) !important;
}

/* PDP Trust Badges 2x2 Luxury Grid */
.pdp-trust-badges {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 14px 18px !important;
  background: #FAF8F5 !important;
  border: 1px solid rgba(197, 168, 128, 0.22) !important;
  border-radius: 8px !important;
  padding: 20px 22px !important;
  margin: 24px 0 !important;
}

@media (max-width: 480px) {
  .pdp-trust-badges {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 16px !important;
  }
}

.pdp-trust-badge-item {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.pdp-trust-badge-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  background: rgba(197, 168, 128, 0.12) !important;
  border: 1px solid rgba(197, 168, 128, 0.25) !important;
  color: #B38F5F !important;
  flex-shrink: 0 !important;
  transition: background-color 0.25s ease, transform 0.25s ease !important;
}

.pdp-trust-badge-item:hover .pdp-trust-badge-icon {
  background: rgba(197, 168, 128, 0.24) !important;
  transform: scale(1.05) !important;
}

.pdp-trust-badge-title {
  font-size: 0.82rem !important;
  font-weight: 500 !important;
  color: #2D2C32 !important;
  line-height: 1.35 !important;
  letter-spacing: 0.01em !important;
}

/* PDP Luxury Collapsible Accordion (Swarna / FlexFives Jewels) */
.product__accordion.accordion {
  border: 1px solid rgba(197, 168, 128, 0.3) !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  background: #FFFFFF !important;
  margin-bottom: 24px !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03) !important;
}

.product__accordion .accordion-item {
  border: none !important;
  background: transparent !important;
}

/* Accordion Button Default / Collapsed */
.product__accordion .accordion-button {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  padding: 15px 22px !important;
  background-color: #FAF8F5 !important;
  color: #111113 !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  cursor: pointer !important;
  transition: background-color 0.25s ease, color 0.25s ease !important;
}

/* Accordion Button Hover when Collapsed */
.product__accordion .accordion-button.collapsed:hover {
  background-color: rgba(197, 168, 128, 0.18) !important;
  color: #111113 !important;
}

.product__accordion .accordion-button.collapsed:hover .accordion__title-luxury {
  color: #111113 !important;
}

/* Accordion Button Active / Expanded State */
.product__accordion .accordion-button:not(.collapsed) {
  background-color: #C5A880 !important;
  color: #111113 !important;
  border-bottom: 1px solid rgba(197, 168, 128, 0.35) !important;
  box-shadow: none !important;
}

/* Accordion Button Hover when Expanded - Title ALWAYS visible */
.product__accordion .accordion-button:not(.collapsed):hover {
  background-color: #ba9a6f !important;
  color: #111113 !important;
}

.product__accordion .accordion-button:not(.collapsed):hover .accordion__title-luxury {
  color: #111113 !important;
}

/* Accordion Title Typography */
.product__accordion .accordion__title-luxury {
  font-family: var(--wdt-heading-font-family, 'Playfair Display', Georgia, serif) !important;
  font-size: 1.125rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.03em !important;
  color: #111113 !important;
  display: inline-block !important;
  margin: 0 !important;
  line-height: 1.3 !important;
  transition: color 0.2s ease !important;
}

/* Accordion Chevron Icon */
.product__accordion .accordion-button::after {
  content: "" !important;
  flex-shrink: 0 !important;
  width: 10px !important;
  height: 10px !important;
  margin-left: auto !important;
  border-right: 2px solid #111113 !important;
  border-bottom: 2px solid #111113 !important;
  transform: rotate(45deg) !important;
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
  background: none !important;
}

.product__accordion .accordion-button.collapsed::after {
  transform: rotate(45deg) !important;
  margin-top: -4px !important;
  border-color: #111113 !important;
}

.product__accordion .accordion-button:not(.collapsed)::after {
  transform: rotate(-135deg) !important;
  margin-top: 4px !important;
  border-color: #111113 !important;
}

/* Accordion Body & Content with Generous Padding */
.product__accordion .accordion-body {
  padding: 22px 24px 26px 24px !important;
  background-color: #FFFFFF !important;
  font-family: var(--wdt-body-font-family, 'Plus Jakarta Sans', -apple-system, sans-serif) !important;
  font-size: 0.92rem !important;
  line-height: 1.8 !important;
  color: #333238 !important;
}

.product__accordion .accordion__content {
  padding: 0 !important;
}

.product__accordion .accordion__content p {
  margin-bottom: 12px !important;
  line-height: 1.8 !important;
}

.product__accordion .accordion__content ul {
  padding-left: 20px !important;
  margin-top: 8px !important;
  margin-bottom: 14px !important;
}

.product__accordion .accordion__content li {
  margin-bottom: 8px !important;
  line-height: 1.7 !important;
}

.product__accordion .accordion__content strong {
  color: #111113 !important;
  font-weight: 600 !important;
}

/* Quantity Input Stepper Luxury Styling */
quantity-input.quantity,
.quantity {
  display: inline-flex !important;
  align-items: center !important;
  border: 1px solid rgba(17, 17, 19, 0.2) !important;
  border-radius: 4px !important;
  background: #ffffff !important;
  overflow: hidden !important;
  height: 48px !important;
  width: auto !important;
  max-width: 140px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

quantity-input.quantity:hover,
quantity-input.quantity:focus-within {
  border-color: #C5A880 !important;
  box-shadow: 0 0 0 1px #C5A880 !important;
}

.quantity__button {
  width: 42px !important;
  height: 100% !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  color: #111113 !important;
  transition: background 0.2s ease, color 0.2s ease !important;
}

.quantity__button:hover {
  background: rgba(197, 168, 128, 0.12) !important;
  color: #C5A880 !important;
}

.quantity__button svg {
  width: 13px !important;
  height: 13px !important;
  stroke: currentColor !important;
}

.quantity__input.form-control,
.quantity__input {
  width: 52px !important;
  height: 100% !important;
  padding: 0 !important;
  text-align: center !important;
  border: none !important;
  background: transparent !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  color: #111113 !important;
  -moz-appearance: textfield !important;
}

.quantity__input:focus {
  outline: none !important;
  box-shadow: none !important;
}

.quantity__input::-webkit-outer-spin-button,
.quantity__input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

/* Variant Pills Luxury Styling */
.product-form__input--pill {
  border: none !important;
  padding: 0 !important;
  margin: 0 0 1.25rem 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

.product-form__input--pill .form__label {
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: #111113 !important;
  margin-bottom: 0.5rem !important;
}

.product-form__input--pill input[type="radio"] {
  position: absolute !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  pointer-events: none !important;
}

.product-form__input--pill label.btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 8px 20px !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
  border-radius: 4px !important;
  border: 1px solid rgba(17, 17, 19, 0.2) !important;
  background: #ffffff !important;
  color: #111113 !important;
  cursor: pointer !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  user-select: none !important;
  margin: 0 !important;
  min-width: 48px !important;
  min-height: 42px !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
}

.product-form__input--pill label.btn:hover {
  border-color: #C5A880 !important;
  color: #C5A880 !important;
  background: rgba(197, 168, 128, 0.06) !important;
  transform: translateY(-1px) !important;
}

.product-form__input--pill input[type="radio"]:checked + label.btn {
  background: #111113 !important;
  color: #ffffff !important;
  border-color: #111113 !important;
  box-shadow: 0 4px 12px rgba(17, 17, 19, 0.25) !important;
}

.product-form__input--pill input[type="radio"]:focus-visible + label.btn {
  outline: 2px solid #C5A880 !important;
  outline-offset: 2px !important;
}

.product-form__input--pill input[type="radio"]:disabled + label.btn,
.product-form__input--pill input[type="radio"].disabled + label.btn {
  opacity: 0.35 !important;
  cursor: not-allowed !important;
  text-decoration: line-through !important;
  border-style: dashed !important;
  background: #f7f7f7 !important;
}

/* ==========================================================================
   HERO SLIDESHOW LUXURY ELEVATION (HEIGHT, READABILITY & SCRIM)
   ========================================================================== */
@media screen and (min-width: 768px) {
  .slideshow .slide-image {
    height: clamp(560px, 72vh, 660px) !important;
    max-height: 660px !important;
    overflow: hidden !important;
  }

  .slideshow .desktop-slider {
    height: clamp(560px, 72vh, 660px) !important;
    max-height: 660px !important;
    object-fit: cover !important;
    object-position: center right !important;
    width: 100% !important;
  }

  /* Left-Side Soft Scrim for 100% Crystal-Clear Readability */
  .slideshow .slide-image::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 62% !important;
    height: 100% !important;
    background: linear-gradient(to right, rgba(253, 250, 245, 0.92) 0%, rgba(253, 250, 245, 0.78) 45%, rgba(253, 250, 245, 0) 100%) !important;
    z-index: 1 !important;
    pointer-events: none !important;
  }
}

/* Tablet Hero Specific Framing & Scrim Coverage */
@media screen and (min-width: 768px) and (max-width: 991px) {
  .slideshow .slide-image {
    height: clamp(480px, 58vh, 540px) !important;
    max-height: 540px !important;
  }

  .slideshow .desktop-slider {
    height: clamp(480px, 58vh, 540px) !important;
    max-height: 540px !important;
    object-position: 70% center !important;
  }

  .slideshow .slide-image::before {
    width: 82% !important;
    background: linear-gradient(
      to right,
      rgba(253, 250, 245, 0.94) 0%,
      rgba(253, 250, 245, 0.84) 55%,
      rgba(253, 250, 245, 0) 100%
    ) !important;
  }

  .slideshow .slider-heading {
    font-size: clamp(2.1rem, 3.8vw, 2.7rem) !important;
  }

  .slideshow .slider-des {
    font-size: 0.94rem !important;
    max-width: 480px !important;
  }
}

.slideshow .slide-content {
  z-index: 2 !important;
}

.slideshow .slider-subheading {
  font-family: var(--font-body-family), 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: #936F30 !important; /* Deep radiant gold with high contrast */
  margin-bottom: 14px !important;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.6) !important;
}

.slideshow .slider-heading {
  font-family: var(--font-heading-family), 'Playfair Display', Georgia, serif !important;
  color: #111113 !important; /* Deep luxury noir */
  font-weight: 500 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.015em !important;
  font-size: clamp(2.4rem, 4.4vw, 3.8rem) !important;
  margin-bottom: 0 !important;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.4) !important;
}

.slideshow .slider-des {
  font-family: var(--font-body-family), 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: clamp(0.98rem, 1.08vw, 1.08rem) !important;
  line-height: 1.7 !important;
  color: #2A2826 !important; /* Deep warm espresso */
  max-width: 540px !important;
  margin: 16px 0 28px 0 !important;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5) !important;
}

.slideshow .slider-btn .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  height: 52px !important;
  padding: 0 34px !important;
  border-radius: 4px !important;
  font-family: var(--font-body-family), 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  background: #111113 !important;
  color: #FFFFFF !important;
  border: 1px solid #111113 !important;
  box-shadow: 0 4px 16px rgba(17, 17, 19, 0.12) !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  text-decoration: none !important;
}

.slideshow .slider-btn .btn:hover {
  background: #C5A880 !important;
  border-color: #C5A880 !important;
  color: #FFFFFF !important;
  box-shadow: 0 8px 24px rgba(197, 168, 128, 0.38) !important;
  transform: translateY(-2px) !important;
}

.slideshow .slider-btn .btn .btn-arow {
  background: transparent !important;
  width: auto !important;
  height: auto !important;
  margin-left: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.slideshow .slider-btn .btn .btn-arow svg {
  transition: transform 0.3s ease !important;
}

.slideshow .slider-btn .btn:hover .btn-arow svg {
  transform: translateX(4px) !important;
}

.slideshow .slider-btn .btn .btn-arow svg path {
  fill: #FFFFFF !important;
}

/* Mobile Hero Banner - Text Overlaid Directly on Image (Balanced Spacing & Framing) */
@media screen and (max-width: 767px) {
  .slideshow .slide-item {
    position: relative !important;
  }

  .slideshow .slide-image {
    position: relative !important;
    min-height: 430px !important;
    height: clamp(430px, 58vh, 470px) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    align-items: center !important;
  }

  .slideshow .mobile-slider {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: 72% 16% !important;
    z-index: 1 !important;
  }

  .slideshow .slide-image::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    pointer-events: none !important;
    background: linear-gradient(
      to bottom,
      rgba(253, 250, 245, 0.04) 0%,
      rgba(253, 250, 245, 0.16) 20%,
      rgba(253, 250, 245, 0.68) 46%,
      rgba(253, 250, 245, 0.94) 72%,
      rgba(253, 250, 245, 0.98) 100%
    ) !important;
  }

  .slideshow .slide-content {
    position: relative !important;
    z-index: 3 !important;
    width: 100% !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    padding-top: 8px !important;
    padding-bottom: 22px !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    margin-top: 0 !important;
  }

  .slideshow .ctm-width-bg,
  .slideshow .ctm-width {
    background: transparent !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  .slideshow .slider-subheading {
    font-size: 0.70rem !important;
    letter-spacing: 0.16em !important;
    color: #936F30 !important;
    margin-bottom: 5px !important;
    font-weight: 700 !important;
    text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8) !important;
  }

  .slideshow .slider-heading {
    font-size: clamp(1.65rem, 6.2vw, 2.05rem) !important;
    line-height: 1.15 !important;
    color: #111113 !important;
    font-weight: 500 !important;
    word-break: break-word !important;
    margin-bottom: 0 !important;
    text-shadow: 0 1px 2px rgba(255, 255, 255, 0.6) !important;
  }

  .slideshow .slider-des {
    font-size: 0.84rem !important;
    line-height: 1.48 !important;
    color: #2A2826 !important;
    max-width: 380px !important;
    margin: 6px auto 14px auto !important;
    padding-bottom: 0 !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.7) !important;
  }

  .slideshow .slider-btn .btn {
    height: 44px !important;
    padding: 0 26px !important;
    font-size: 0.78rem !important;
    letter-spacing: 0.12em !important;
  }
}

/* ==========================================================================
   CATEGORY MARQUEE RIBBON LUXURY ELEVATION (OPTION B)
   ========================================================================== */
.marquee-second {
  background: #FAF8F5 !important;
  border-top: 1px solid rgba(197, 168, 128, 0.28) !important;
  border-bottom: 1px solid rgba(197, 168, 128, 0.28) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), 0 2px 10px rgba(0, 0, 0, 0.02) !important;
  position: relative !important;
}

.marquee-second .marquee-title {
  font-family: var(--font-heading-family), 'Playfair Display', Georgia, serif !important;
  font-size: clamp(1.25rem, 1.85vw, 1.75rem) !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
  color: #1A1817 !important;
  text-transform: none !important;
  transition: color 0.3s ease, transform 0.3s ease !important;
}

.marquee-second a {
  text-decoration: none !important;
}

.marquee-second .ctm-m-block:hover .marquee-title {
  color: #C5A880 !important;
}

.marquee-second .marquee-block-image {
  width: 28px !important;
  height: 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 0.85 !important;
}

.marquee-second .marquee-block-image img {
  width: 18px !important;
  height: 18px !important;
  object-fit: contain !important;
  filter: brightness(0.95) !important;
}

@media screen and (max-width: 767px) {
  .marquee-second .marquee-title {
    font-size: 1.15rem !important;
  }
  .marquee-second .marquee-block-image {
    width: 20px !important;
    height: 20px !important;
  }
  .marquee-second .marquee-block-image img {
    width: 14px !important;
    height: 14px !important;
  }
}

/* ==========================================================================
   FEATURED COLLECTION SLIDER INTERACTIVE ENHANCEMENTS
   ========================================================================== */
.fcollection-slider {
  position: relative !important;
  cursor: grab !important;
}

.fcollection-slider:active {
  cursor: grabbing !important;
}

.fcollection-slider .card-wrapper,
.fcollection-slider img,
.fcollection-slider a {
  -webkit-user-drag: none !important;
  user-select: none !important;
}

/* Centered Luxury Slider Scrollbar Track & Visible Thumb */
.slider-progress {
  width: min(360px, calc(100% - 48px)) !important;
  max-width: 360px !important;
  height: 4px !important;
  background: rgba(17, 17, 19, 0.12) !important;
  border-radius: 10px !important;
  margin: 36px auto 16px auto !important;
  position: relative !important;
  cursor: pointer !important;
  overflow: visible !important;
  box-sizing: border-box !important;
  user-select: none !important;
  transition: background 0.2s ease !important;
}

.slider-progress:hover {
  background: rgba(17, 17, 19, 0.2) !important;
}

/* Luxury Slider Thumb Knob */
.slider-progress .progress,
.slider-progress .slider-thumb {
  position: absolute !important;
  top: 50% !important;
  left: 0 !important;
  margin: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  width: 72px;
  height: 8px !important;
  background: #111113 !important;
  border-radius: 100px !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25) !important;
  cursor: grab !important;
  transform: translate3d(0, -50%, 0);
  transition: transform 0.32s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.2s ease, box-shadow 0.2s ease !important;
  pointer-events: auto !important;
}

.slider-progress .progress:hover,
.slider-progress .slider-thumb:hover {
  background: #000000 !important;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.35) !important;
}

.slider-progress.is-dragging .progress,
.slider-progress.is-dragging .slider-thumb {
  cursor: grabbing !important;
  transition: none !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
}

/* Luxury Arrow Controls */
.slick-navigation.nav-featured-collection {
  position: absolute !important;
  top: 40% !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  transform: translateY(-50%) !important;
  display: block !important;
  pointer-events: none !important;
  z-index: 10 !important;
}

.slick-navigation.nav-featured-collection .slick-prev,
.slick-navigation.nav-featured-collection .slick-next {
  pointer-events: auto !important;
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(17, 17, 19, 0.12) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  color: #111113 !important;
}

.slick-navigation.nav-featured-collection .slick-prev {
  left: 6px !important;
  right: auto !important;
  margin: 0 !important;
}

.slick-navigation.nav-featured-collection .slick-next {
  right: 6px !important;
  left: auto !important;
  margin: 0 !important;
}

.slick-navigation.nav-featured-collection .slick-prev:hover,
.slick-navigation.nav-featured-collection .slick-next:hover {
  background: #C5A880 !important;
  border-color: #C5A880 !important;
  color: #FFFFFF !important;
  transform: translateY(-50%) scale(1.08) !important;
  box-shadow: 0 6px 20px rgba(197, 168, 128, 0.45) !important;
}

.slick-navigation.nav-featured-collection .slick-prev svg,
.slick-navigation.nav-featured-collection .slick-next svg {
  width: 15px !important;
  height: 15px !important;
  fill: currentColor !important;
}

.slick-navigation.nav-featured-collection .slick-prev svg path,
.slick-navigation.nav-featured-collection .slick-next svg path {
  fill: currentColor !important;
}

@media screen and (max-width: 767px) {
  .slick-navigation.nav-featured-collection {
    display: none !important;
  }
  .slider-progress {
    margin: 24px auto 8px auto !important;
    width: min(300px, calc(100% - 32px)) !important;
  }
}

/* ==========================================================================
   Luxury Wishlist Experience, Cards & Buttons
   ========================================================================== */

.wishlist-page-header {
  margin-bottom: 36px !important;
}

.wishlist-page-header h1 {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: clamp(2rem, 3.5vw, 2.75rem) !important;
  font-weight: 500 !important;
  color: #111113 !important;
  letter-spacing: -0.01em !important;
  line-height: 1.2 !important;
}

.wishlist-page-header p {
  color: #76767A !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  font-size: 0.78rem !important;
  font-weight: 500 !important;
}

/* Empty State */
.wishlist-empty-state {
  padding: 60px 20px 80px !important;
  max-width: 520px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

.wishlist-empty-icon {
  width: 76px !important;
  height: 76px !important;
  border-radius: 50% !important;
  background: rgba(197, 168, 128, 0.12) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #C5A880 !important;
  margin: 0 auto 20px auto !important;
  box-shadow: 0 4px 16px rgba(197, 168, 128, 0.15) !important;
}

.wishlist-empty-icon svg {
  width: 34px !important;
  height: 34px !important;
  stroke: currentColor !important;
}

.wishlist-empty-state h2 {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: 1.85rem !important;
  font-weight: 500 !important;
  color: #111113 !important;
  margin-bottom: 12px !important;
}

.wishlist-empty-state p {
  color: #66666A !important;
  font-size: 0.95rem !important;
  line-height: 1.6 !important;
  margin-bottom: 28px !important;
}

.btn-luxury-shopping {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 36px !important;
  background-color: #111113 !important;
  color: #FFFFFF !important;
  font-family: inherit !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  border-radius: 4px !important;
  border: 1px solid #111113 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.16) !important;
  cursor: pointer !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.btn-luxury-shopping:hover {
  background-color: #C5A880 !important;
  border-color: #C5A880 !important;
  color: #111113 !important;
  box-shadow: 0 6px 20px rgba(197, 168, 128, 0.4) !important;
  transform: translateY(-2px) !important;
}

/* Wishlist Product Cards in Grid */
.wishlist__grid .wishlist__grid-item {
  display: flex !important;
}

.wishlist__grid .card-main {
  width: 100% !important;
  border: 1px solid rgba(17, 17, 19, 0.08) !important;
  border-radius: 6px !important;
  background: #FFFFFF !important;
  transition: box-shadow 0.3s ease, border-color 0.3s ease, transform 0.3s ease !important;
  overflow: hidden !important;
}

.wishlist__grid .card-main:hover {
  border-color: rgba(197, 168, 128, 0.45) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
  transform: translateY(-3px) !important;
}

/* Floating Quick-Remove Button on Image (Top Right) */
.card-main .card__inner.ratio > .wishlist-card-actions,
.wishlist__grid .wishlist-card-actions,
.wishlist-card-actions {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  left: auto !important;
  bottom: auto !important;
  width: auto !important;
  height: auto !important;
  z-index: 5 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.wishlist-card-remove-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border: 1px solid rgba(17, 17, 19, 0.12) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;
  color: #555558 !important;
  cursor: pointer !important;
  padding: 0 !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.wishlist-card-remove-btn:hover {
  background: #111113 !important;
  border-color: #111113 !important;
  color: #FFFFFF !important;
  transform: scale(1.1) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2) !important;
}

/* Badge Positioning */
.card-main .card__inner.ratio > .card__badge,
.wishlist__grid .card-main .card__badge {
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  right: auto !important;
  bottom: auto !important;
  width: auto !important;
  height: auto !important;
  z-index: 4 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Card Body & Information */
.wishlist__grid .card-body {
  padding: 16px 18px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  flex-grow: 1 !important;
}

.wishlist__grid .caption-with-letter-spacing-vendor {
  font-size: 0.68rem !important;
  letter-spacing: 0.12em !important;
  color: #8E8D94 !important;
  font-weight: 600 !important;
}

.wishlist__grid .card-title {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  min-height: 2.7em !important;
  font-size: 0.92rem !important;
  line-height: 1.35 !important;
  font-weight: 500 !important;
  margin-bottom: 8px !important;
}

.wishlist__grid .card-title a {
  color: #111113 !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.wishlist__grid .card-title a:hover {
  color: #C5A880 !important;
}

/* Card Footer Removal Trigger */
.wishlist-card-footer {
  border-top: 1px solid rgba(17, 17, 19, 0.08) !important;
  padding-top: 12px !important;
  margin-top: 14px !important;
  text-align: center !important;
}

.btn-wishlist-remove-text {
  background: none !important;
  border: none !important;
  color: #8E8D94 !important;
  font-size: 0.74rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 4px 8px !important;
  transition: color 0.2s ease, transform 0.2s ease !important;
  text-decoration: none !important;
}

.btn-wishlist-remove-text:hover {
  color: #c93a3a !important;
}

.btn-wishlist-remove-text svg {
  margin-right: 5px !important;
  stroke: currentColor !important;
  transition: transform 0.2s ease !important;
}

.btn-wishlist-remove-text:hover svg {
  transform: scale(1.15) !important;
}

/* Desktop hover reveal for CTA on wishlist cards */
@media (min-width: 769px) {
  .wishlist__grid .card-main .quick-add {
    opacity: 0;
    transform: translateY(8px);
    transition: opacity 0.25s cubic-bezier(0.16, 1, 0.3, 1), transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    pointer-events: none;
  }
  .wishlist__grid .card-main:hover .quick-add,
  .wishlist__grid .card-main:focus-within .quick-add {
    opacity: 1 !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
  }
}

/* Mobile always visible */
@media (max-width: 768px) {
  .wishlist__grid .card-main .quick-add {
    opacity: 1 !important;
    transform: none !important;
    pointer-events: auto !important;
  }
}

/* ==========================================================================
   LUXURY PRODUCT RATING BADGE (PRODUCT DETAILS PAGE)
   ========================================================================== */
.product__rating-wrapper {
  margin-top: -6px;
}

.product__rating-badge {
  color: #111113 !important;
  font-size: 0.88rem;
  transition: opacity 0.25s ease, transform 0.25s ease;
  cursor: pointer;
  padding: 4px 0;
}

.product__rating-badge:hover {
  opacity: 0.82;
  transform: translateY(-1px);
}

.product__rating-stars {
  color: #C5A880;
  font-size: 1.05rem;
  letter-spacing: 1px;
  line-height: 1;
}

.product__rating-score {
  font-family: var(--font-body-family), 'Plus Jakarta Sans', sans-serif;
  color: #111113;
  font-weight: 700 !important;
  font-size: 0.92rem;
}

.product__rating-count {
  color: #7A766F;
  font-size: 0.84rem;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.product__rating-divider {
  color: #CCC8BF;
  font-size: 0.9rem;
}

.product__rating-verified {
  color: #2F7341;
  font-size: 0.78rem;
  font-weight: 600;
  background: #EAF4EC;
  padding: 2px 8px;
  border-radius: 12px;
}

/* ==========================================================================
   FLEXFIVES LUXURY UNIFIED POLISH (COLLECTION, CART, ACCOUNT, COMPARE)
   ========================================================================== */

/* 1. COLLECTION FILTERS & ION RANGE SLIDER */
.facets__summary .summary__title,
.facets__heading,
.facets__summary {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: 1.12rem !important;
  font-weight: 500 !important;
  color: #111113 !important;
  letter-spacing: 0.02em !important;
}

.facet-checkbox {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.92rem !important;
  color: #333336 !important;
  transition: color 0.2s ease !important;
}

.facet-checkbox:hover {
  color: #C5A880 !important;
}

.facet-checkbox .icon-checkmark {
  color: #111113 !important;
}

/* Ion.RangeSlider Luxury Theme Overrides */
.irs--round .irs-line,
.irs--flat .irs-line,
.irs--big .irs-line,
.irs--square .irs-line,
.irs .irs-line {
  background: #E8E5DF !important;
  height: 4px !important;
  border-radius: 4px !important;
  border: none !important;
}

.irs--round .irs-bar,
.irs--flat .irs-bar,
.irs--big .irs-bar,
.irs--square .irs-bar,
.irs .irs-bar {
  background: #111113 !important;
  height: 4px !important;
  border-radius: 4px !important;
  border: none !important;
}

.irs--round .irs-handle,
.irs--flat .irs-handle,
.irs--big .irs-handle,
.irs--square .irs-handle,
.irs .irs-handle {
  width: 20px !important;
  height: 20px !important;
  top: 28px !important;
  background: #111113 !important;
  border: 2px solid #C5A880 !important;
  border-radius: 50% !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25) !important;
  cursor: grab !important;
  transition: transform 0.2s ease, background-color 0.2s ease !important;
}

.irs--round .irs-handle:hover,
.irs .irs-handle:hover {
  background: #C5A880 !important;
  border-color: #111113 !important;
  transform: scale(1.15) !important;
}

.irs--round .irs-from,
.irs--round .irs-to,
.irs--round .irs-single,
.irs .irs-from,
.irs .irs-to,
.irs .irs-single {
  background: #111113 !important;
  color: #FFFFFF !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.76rem !important;
  font-weight: 600 !important;
  padding: 3px 8px !important;
  border-radius: 4px !important;
  letter-spacing: 0.04em !important;
}

.irs--round .irs-from:before,
.irs--round .irs-to:before,
.irs--round .irs-single:before,
.irs .irs-from:before,
.irs .irs-to:before,
.irs .irs-single:before {
  border-top-color: #111113 !important;
}

/* 2. CART ITEMS & TABLE MODERNIZATION */
.cart-items {
  border-collapse: separate !important;
  border-spacing: 0 12px !important;
}

.cart-item {
  background: #FFFFFF !important;
  border: 1px solid rgba(17, 17, 19, 0.08) !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03) !important;
  transition: box-shadow 0.2s ease !important;
}

.cart-item:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06) !important;
}

.cart-item__image {
  border-radius: 6px !important;
  overflow: hidden !important;
  border: 1px solid rgba(17, 17, 19, 0.06) !important;
}

.cart-item__name {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: 1.05rem !important;
  font-weight: 500 !important;
  color: #111113 !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.cart-item__name:hover {
  color: #C5A880 !important;
}

.cart-item__price {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 600 !important;
  color: #111113 !important;
  font-size: 0.98rem !important;
}

/* Cart Checkout & Totals */
.cart__footer .totals__subtotal-value {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 1.35rem !important;
  color: #111113 !important;
}

.cart__ctas .cart__checkout-button,
#cart-checkout {
  min-height: 50px !important;
  padding: 0 36px !important;
  background-color: #111113 !important;
  color: #FFFFFF !important;
  font-family: inherit !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  border-radius: 9999px !important;
  border: 1px solid #111113 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.16) !important;
  cursor: pointer !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  width: 100% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.cart__ctas .cart__checkout-button:hover,
#cart-checkout:hover {
  background-color: #C5A880 !important;
  border-color: #C5A880 !important;
  color: #111113 !important;
  box-shadow: 0 6px 20px rgba(197, 168, 128, 0.4) !important;
  transform: translateY(-2px) !important;
}

/* 3. CUSTOMER ACCOUNT & AUTH PAGES */
.ctm-account-width {
  background: #FFFFFF !important;
  border: 1px solid rgba(17, 17, 19, 0.08) !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.05) !important;
  max-width: 480px !important;
  margin: 0 auto !important;
  padding: 2.75rem 2.25rem !important;
}

.ctm-account-width h1,
.ctm-account-width h2,
.ctm-account-width #login,
.ctm-account-width #recover {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-weight: 500 !important;
  color: #111113 !important;
  letter-spacing: -0.01em !important;
}

.ctm-account-width input.form-control {
  border: 1px solid rgba(17, 17, 19, 0.14) !important;
  border-radius: 6px !important;
  height: 48px !important;
  font-size: 0.92rem !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.ctm-account-width input.form-control:focus {
  border-color: #C5A880 !important;
  box-shadow: 0 0 0 3px rgba(197, 168, 128, 0.18) !important;
  outline: none !important;
}

.ctm-account-width button.btn.btn-primary,
.ctm-account-width input[type="submit"] {
  min-height: 48px !important;
  padding: 0 32px !important;
  background-color: #111113 !important;
  color: #FFFFFF !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  border-radius: 4px !important;
  border: 1px solid #111113 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15) !important;
  cursor: pointer !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  width: 100% !important;
}

.ctm-account-width button.btn.btn-primary:hover,
.ctm-account-width input[type="submit"]:hover {
  background-color: #C5A880 !important;
  border-color: #C5A880 !important;
  color: #111113 !important;
  box-shadow: 0 6px 20px rgba(197, 168, 128, 0.4) !important;
  transform: translateY(-2px) !important;
}

.ctm-account-width a {
  color: #66666A !important;
  font-size: 0.88rem !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.ctm-account-width a:hover {
  color: #C5A880 !important;
  text-decoration: underline !important;
}

/* ==========================================================================
   RECOMMENDED PRODUCTS LUXURY SECTION ("Select Your Recommended Products")
   ========================================================================== */
.related-products-luxury-section {
  position: relative;
  background: #FAF9F6;
  border-top: 1px solid rgba(197, 168, 128, 0.2);
  border-bottom: 1px solid rgba(197, 168, 128, 0.2);
}

.related-products {
  transition: opacity 0.35s ease;
}

.related-products.product-recommendations--loaded {
  opacity: 1;
}

/* Header */
.recommended-header {
  max-width: 680px;
  margin: 0 auto 2.2rem auto;
}

.recommended-eyebrow {
  display: inline-block;
  font-size: 0.76rem;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #936F30;
  margin-bottom: 0.5rem;
}

.recommended-title {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: clamp(1.85rem, 3vw, 2.5rem) !important;
  font-weight: 500 !important;
  color: #111113 !important;
  letter-spacing: -0.01em !important;
  line-height: 1.25 !important;
  margin-bottom: 0.6rem !important;
}

.recommended-desc {
  font-size: 0.92rem;
  line-height: 1.6;
  color: #6A6760;
  margin-bottom: 0;
  max-width: 560px;
}

/* Filter Navigation Tabs */
.recommended-filter-nav-wrap {
  margin-bottom: 2rem;
}

.recommended-filter-nav {
  padding: 5px;
  background: #FFFFFF;
  border: 1px solid rgba(17, 17, 19, 0.1);
  border-radius: 9999px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
}

.recommended-filter-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 18px;
  border-radius: 9999px;
  border: 1px solid transparent;
  background: transparent;
  color: #605E57;
  font-size: 0.8rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  line-height: 1;
  user-select: none;
}

.recommended-filter-btn:hover {
  color: #111113;
  border-color: rgba(197, 168, 128, 0.4);
  background: rgba(197, 168, 128, 0.08);
}

.recommended-filter-btn.active {
  background: #111113;
  color: #FFFFFF !important;
  border-color: #111113;
  box-shadow: 0 3px 10px rgba(17, 17, 19, 0.18);
}

.recommended-filter-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  background: rgba(197, 168, 128, 0.18);
  color: #8C6D37;
  transition: all 0.2s ease;
}

.recommended-filter-btn.active .recommended-filter-count {
  background: rgba(255, 255, 255, 0.22);
  color: #FFFFFF;
}

/* Luxury Skeleton Shimmer Loading Cards */
.recommended-skeleton-card {
  background: #FFFFFF;
  border: 1px solid rgba(17, 17, 19, 0.06);
  border-radius: 14px;
  padding: 14px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.02);
  height: 100%;
}

.recommended-skeleton-img {
  width: 100%;
  padding-bottom: 100%;
  border-radius: 10px;
  background: #EFEFEA;
  position: relative;
  overflow: hidden;
}

.recommended-skeleton-line {
  border-radius: 4px;
  background: #EFEFEA;
  position: relative;
  overflow: hidden;
}

.shimmer-effect {
  position: relative;
  background: linear-gradient(90deg, #EFEFEA 0%, #F8F7F3 50%, #EFEFEA 100%);
  background-size: 200% 100%;
  animation: recommendedShimmer 1.8s infinite ease-in-out;
}

@keyframes recommendedShimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

/* Slider Controls & Prev/Next Arrows */
.related-products .slick-navigation {
  pointer-events: none;
}

.related-products .slick-navigation .slick-prev,
.related-products .slick-navigation .slick-next {
  pointer-events: all;
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(197, 168, 128, 0.35) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08) !important;
  color: #111113 !important;
  transition: all 0.25s ease !important;
  z-index: 10 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.related-products .slick-navigation .slick-prev:hover,
.related-products .slick-navigation .slick-next:hover {
  background: #111113 !important;
  color: #FAF8F5 !important;
  border-color: #111113 !important;
  transform: translateY(-50%) scale(1.08) !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.16) !important;
}

.related-products .slick-navigation .slick-prev svg,
.related-products .slick-navigation .slick-next svg {
  width: 16px !important;
  height: 16px !important;
  fill: currentColor !important;
}

/* Dots */
.related-products .pagination .page-link {
  width: 8px;
  height: 8px;
  background-color: rgba(17, 17, 19, 0.2);
  border: none;
  transition: all 0.2s ease;
}

.related-products .pagination .slick-active .page-link {
  width: 24px;
  border-radius: 4px !important;
  background-color: #C5A880;
}

/* Compare Page Action CTA Button */
.btn-compare-action,
a.btn-compare-action,
.compare-row--action a.btn-compare-action {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  padding: 12px 18px !important;
  background: #111113 !important;
  background-color: #111113 !important;
  color: #FAF9F6 !important;
  border: 1px solid #111113 !important;
  border-radius: 9999px !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  line-height: 1.2 !important;
  box-shadow: 0 4px 12px rgba(17, 17, 19, 0.12) !important;
  transition: all 0.25s ease !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.btn-compare-action span,
a.btn-compare-action span,
.compare-row--action a.btn-compare-action span,
.btn-compare-action__text {
  color: #FAF9F6 !important;
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.btn-compare-action svg,
a.btn-compare-action svg,
.compare-row--action a.btn-compare-action svg,
.btn-compare-action__icon {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  stroke: #FAF9F6 !important;
  color: #FAF9F6 !important;
  width: 13px !important;
  height: 13px !important;
  flex-shrink: 0 !important;
  transition: transform 0.2s ease !important;
}

.btn-compare-action:hover,
a.btn-compare-action:hover,
.compare-row--action a.btn-compare-action:hover {
  background: #C5A880 !important;
  background-color: #C5A880 !important;
  color: #111113 !important;
  border-color: #C5A880 !important;
  box-shadow: 0 6px 18px rgba(197, 168, 128, 0.35) !important;
  transform: translateY(-2px) !important;
}

.btn-compare-action:hover span,
a.btn-compare-action:hover span,
.compare-row--action a.btn-compare-action:hover span,
.btn-compare-action:hover .btn-compare-action__text {
  color: #111113 !important;
}

.btn-compare-action:hover svg,
a.btn-compare-action:hover svg,
.compare-row--action a.btn-compare-action:hover svg,
.btn-compare-action:hover .btn-compare-action__icon {
  stroke: #111113 !important;
  color: #111113 !important;
  transform: translateX(3px) !important;
}

.btn-compare-action--soldout,
a.btn-compare-action--soldout {
  background: #F4F4F5 !important;
  background-color: #F4F4F5 !important;
  color: #8E8D94 !important;
  border-color: rgba(17, 17, 19, 0.12) !important;
  box-shadow: none !important;
  cursor: default !important;
}

.btn-compare-action--soldout span,
a.btn-compare-action--soldout span {
  color: #8E8D94 !important;
}

.btn-compare-action--soldout svg,
a.btn-compare-action--soldout svg {
  stroke: #8E8D94 !important;
  color: #8E8D94 !important;
}

/* Compare Page Title Tagged Message Tooltip (>2s Hover) */
.compare-product-title {
  position: relative !important;
}

.compare-title-tag {
  position: absolute !important;
  bottom: calc(100% + 10px) !important;
  left: 50% !important;
  transform: translateX(-50%) translateY(6px) !important;
  width: max-content !important;
  max-width: 250px !important;
  min-width: 170px !important;
  padding: 10px 14px !important;
  background: #111113 !important;
  color: #FAF9F6 !important;
  border: 1px solid rgba(197, 168, 128, 0.45) !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35), 0 2px 8px rgba(197, 168, 128, 0.15) !important;
  pointer-events: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  z-index: 1000 !important;
  transition: opacity 0.25s cubic-bezier(0.16, 1, 0.3, 1),
              transform 0.25s cubic-bezier(0.16, 1, 0.3, 1),
              visibility 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  transition-delay: 0s !important;
}

.compare-title-tag::after {
  content: '' !important;
  position: absolute !important;
  top: 100% !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  border-width: 6px 6px 0 6px !important;
  border-style: solid !important;
  border-color: #111113 transparent transparent transparent !important;
}

.compare-product-title:hover .compare-title-tag {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateX(-50%) translateY(0) !important;
  transition-delay: 2s !important;
}

.compare-title-tag__badge {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  font-size: 0.65rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #C5A880 !important;
  margin-bottom: 5px !important;
  line-height: 1 !important;
}

.compare-title-tag__text {
  display: block !important;
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: 0.88rem !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  color: #FAF9F6 !important;
  text-align: center !important;
  word-wrap: break-word !important;
  white-space: normal !important;
}

/* ==========================================================================
   Judge.me Luxury Reviews Styling (Swarna Theme)
   ========================================================================== */

/* Universal Judge.me Star Color */
.jdgm-star,
.jdgm-widget .jdgm-star {
  color: #C5A880 !important;
}

.jdgm-star.jdgm--off,
.jdgm-widget .jdgm-star.jdgm--off {
  color: #D6D2C8 !important;
}

/* Product Card Star Badge */
.card-main .card-product-rating {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}

.card-main .jdgm-widget.jdgm-preview-badge {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}

.card-main .jdgm-preview-badge .jdgm-star {
  font-size: 11px !important;
  padding: 0 1px !important;
}

.card-main .jdgm-preview-badge .jdgm-prev-badge__text {
  font-size: 0.72rem !important;
  font-weight: 400 !important;
  color: #8E8D94 !important;
  margin-left: 4px !important;
  line-height: 1 !important;
}

/* Product Detail Page Star Badge (Luxury Champagne Pill) */
.product__rating-wrapper {
  display: flex !important;
  align-items: center !important;
  margin-bottom: 1.15rem !important;
}

.product__rating-wrapper .product__rating-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  text-decoration: none !important;
  background: rgba(197, 168, 128, 0.08) !important;
  padding: 6px 14px !important;
  border-radius: 20px !important;
  border: 1px solid rgba(197, 168, 128, 0.25) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  cursor: pointer !important;
}

.product__rating-wrapper .product__rating-badge:hover {
  background: rgba(197, 168, 128, 0.16) !important;
  border-color: rgba(197, 168, 128, 0.45) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(197, 168, 128, 0.15) !important;
}

.product__rating-wrapper .jdgm-widget.jdgm-preview-badge {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  line-height: 1 !important;
}

/* ==========================================================================
   Universal Reliable Star Icon Glyphs for Judge.me (theme.css)
   ========================================================================== */
.jdgm-star,
.jdgm-widget .jdgm-star,
.jdgm-preview-badge .jdgm-star,
.jdgm-prev-badge .jdgm-star,
.jdgm-rev-widg .jdgm-star,
.jdgm-histogram__star .jdgm-star {
  display: inline-block !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: 0.5px !important;
  vertical-align: middle !important;
  text-align: center !important;
  box-sizing: content-box !important;
}

.jdgm-star:before,
.jdgm-widget .jdgm-star:before,
.jdgm-preview-badge .jdgm-star:before,
.jdgm-prev-badge .jdgm-star:before,
.jdgm-rev-widg .jdgm-star:before,
.jdgm-histogram__star .jdgm-star:before {
  content: "\2605" !important; /* ★ Unicode Black Star */
  display: inline-block !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  line-height: 1 !important;
  font-style: normal !important;
}

.jdgm-star.jdgm--on:before,
.jdgm-widget .jdgm-star.jdgm--on:before,
.jdgm-star.jdgm--on {
  color: #C5A880 !important;
}

.jdgm-star.jdgm--off:before,
.jdgm-widget .jdgm-star.jdgm--off:before,
.jdgm-star.jdgm--off {
  color: #E0DDD6 !important;
  opacity: 0.65 !important;
}

.jdgm-star.jdgm--half:before,
.jdgm-widget .jdgm-star.jdgm--half:before,
.jdgm-star.jdgm--half {
  content: "\2605" !important;
  background: linear-gradient(90deg, #C5A880 50%, #E0DDD6 50%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

.product__rating-wrapper .jdgm-preview-badge .jdgm-prev-badge__stars {
  display: inline-flex !important;
  align-items: center !important;
  gap: 2px !important;
  line-height: 1 !important;
}

.product__rating-wrapper .jdgm-preview-badge .jdgm-star {
  font-size: 14px !important;
  line-height: 1 !important;
}

.product__rating-wrapper .jdgm-preview-badge .jdgm-prev-badge__text {
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  color: #3D3933 !important;
  margin-left: 6px !important;
  letter-spacing: 0.02em !important;
  line-height: 1 !important;
}

/* Collection Card Product Rating */
.card-product-rating .jdgm-prev-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  line-height: 1 !important;
  margin-top: 4px !important;
}

.card-product-rating .jdgm-prev-badge__stars {
  display: inline-flex !important;
  align-items: center !important;
  gap: 1.5px !important;
  font-size: 12px !important;
  line-height: 1 !important;
}

.card-product-rating .jdgm-prev-badge__text {
  font-size: 0.78rem !important;
  color: #7A766F !important;
  font-weight: 500 !important;
}


/* Exact Rating Display for PDP Badge & Cards */
.product__rating-wrapper .jdgm-exact-rating,
.product__rating-badge .jdgm-exact-rating {
  display: inline-flex !important;
  align-items: center !important;
  font-family: var(--font-body-family), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.95rem !important;
  color: #111113 !important;
  line-height: 1 !important;
  margin-right: 5px !important;
  letter-spacing: -0.01em !important;
}

.card-product-rating .jdgm-exact-rating {
  display: inline-flex !important;
  align-items: center !important;
  font-family: var(--font-body-family), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.82rem !important;
  color: #111113 !important;
  line-height: 1 !important;
  margin-right: 3px !important;
  letter-spacing: -0.01em !important;
}

.product__rating-wrapper .jdgm-preview-badge .jdgm-prev-badge__text {
  font-size: 0.85rem !important;
  font-weight: 500 !important;
  color: #5C5850 !important;
  margin-left: 6px !important;
  letter-spacing: 0.01em !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
}

/* Dot separator before review count */
.product__rating-wrapper .jdgm-prev-badge:not([data-number-of-reviews="0"]) .jdgm-prev-badge__text:before,
.card-product-rating .jdgm-prev-badge:not([data-number-of-reviews="0"]) .jdgm-prev-badge__text:before {
  content: "·" !important;
  margin-right: 5px !important;
  color: #B5B0A6 !important;
  font-weight: 400 !important;
}

/* Overall Rating Big Score in Widget */
.luxury-reviews-section .jdgm-summary-score {
  display: flex !important;
  align-items: baseline !important;
  gap: 6px !important;
  line-height: 1 !important;
  margin-bottom: 2px !important;
}

.luxury-reviews-section .jdgm-summary-score__num {
  font-family: var(--font-heading-family), 'Playfair Display', Georgia, serif !important;
  font-size: 2.75rem !important;
  font-weight: 600 !important;
  color: #111113 !important;
  line-height: 1 !important;
  letter-spacing: -0.02em !important;
}

.luxury-reviews-section .jdgm-summary-score__max {
  font-size: 1.05rem !important;
  font-weight: 500 !important;
  color: #8C887E !important;
}

/* Judge.me Widget Luxury Overrides */
.jdgm-review-widget {
  font-family: inherit !important;
}

.jdgm-rev-widg__title {
  font-family: var(--font-heading-family), 'Playfair Display', Georgia, serif !important;
  font-weight: 500 !important;
  color: #111113 !important;
  letter-spacing: -0.01em !important;
}

.jdgm-rev-widg__summary-average {
  font-family: var(--font-heading-family), 'Playfair Display', Georgia, serif !important;
  font-weight: 600 !important;
  color: #111113 !important;
}

.jdgm-btn, 
.jdgm-write-rev-link,
.jdgm-submit-rev {
  background: #111113 !important;
  color: #FFFFFF !important;
  border-radius: 4px !important;
  border: 1px solid #111113 !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  padding: 12px 26px !important;
  box-shadow: 0 4px 14px rgba(17, 17, 19, 0.12) !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.jdgm-btn:hover, 
.jdgm-write-rev-link:hover,
.jdgm-submit-rev:hover {
  background: #C5A880 !important;
  border-color: #C5A880 !important;
  color: #FFFFFF !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 20px rgba(197, 168, 128, 0.35) !important;
}

.jdgm-histogram__bar-content {
  background-color: #C5A880 !important;
}

.jdgm-rev__buyer-badge {
  color: #2F7341 !important;
  font-weight: 600 !important;
  background: rgba(47, 115, 65, 0.08) !important;
  padding: 2px 8px !important;
  border-radius: 12px !important;
}

.jdgm-rev__title {
  font-size: 1.05rem !important;
  font-weight: 600 !important;
  color: #111113 !important;
}

.jdgm-rev__body {
  font-size: 0.92rem !important;
  line-height: 1.6 !important;
  color: #4A4844 !important;
}

/* Universal Judge.me Visibility & Layout Guarantees */
.jdgm-prev-badge,
.jdgm-widget .jdgm-prev-badge,
.jdgm-prev-badge[style*="display:none"],
.jdgm-prev-badge[style*="display: none"] {
  display: inline-flex !important;
  align-items: center !important;
}

.jdgm-rev-widg,
.jdgm-widget .jdgm-rev-widg {
  display: block !important;
}

.jdgm-temp-hiding-style {
  display: none !important;
}

.jdgm-histogram.jdgm-temp-hidden {
  display: block !important;
}

.jdgm-write-rev-link,
.jdgm-rev-widg .jdgm-write-rev-link[style*="display: none"],
.jdgm-rev-widg .jdgm-write-rev-link[style*="display:none"] {
  display: inline-flex !important;
}

/* ==========================================================================
   Global Slider Reload / Flash of Uninitialized Content (FOUC) Prevention
   ========================================================================== */
.slideshow [data-slick-slider]:not(.slick-initialized),
.slider [data-slick-slider]:not(.slick-initialized) {
  display: grid !important;
  grid-template-columns: 1fr !important;
  position: relative !important;
  overflow: hidden !important;
}

.slideshow [data-slick-slider]:not(.slick-initialized) > *,
.slider [data-slick-slider]:not(.slick-initialized) > * {
  grid-area: 1 / 1 !important;
}

.slideshow [data-slick-slider]:not(.slick-initialized) > *:not(:first-child),
.slider [data-slick-slider]:not(.slick-initialized) > *:not(:first-child) {
  display: none !important;
}

/* ==========================================================================
   Suppress Default Shopify Customer Privacy Banner
   (Theme uses its custom branded "Cookie Preferences" banner in sections/cookie-banner.liquid)
   ========================================================================== */
#shopify-pc__banner,
.shopify-pc__banner,
.shopify-pc__banner__dialog,
#shopify-pc__banner__backdrop,
.shopify-pc__banner__backdrop,
.shopify-pc__banner-overlay {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  height: 0 !important;
  width: 0 !important;
  overflow: hidden !important;
}

/* ==========================================================================
   Global Luxury Circular Pagination
   ========================================================================== */
.pagination-wrapper {
  margin-top: 2.5rem;
  margin-bottom: 2rem;
  display: flex;
  justify-content: center;
  width: 100%;
}

.pagination__list,
ul.pagination.pagination__list {
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
  flex-wrap: wrap !important;
}

.pagination__list .page-item,
ul.pagination.pagination__list li.page-item {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.pagination__list .page-item:not(:first-child) .page-link,
.pagination__list .page-item:first-child .page-link,
.pagination__list .page-item:last-child .page-link {
  margin-left: 0 !important;
  border-radius: 50% !important;
}

.pagination__item,
.pagination__list .page-link,
.pagination__list .pagination__item {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  border: 1px solid #E5DFD5 !important;
  color: #111113 !important;
  font-size: 0.88rem !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  background: #FCFBF9 !important;
  box-shadow: none !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
}

.pagination__item:hover,
.pagination__list .page-link:hover,
.pagination__list .pagination__item:hover {
  border-color: #C5A880 !important;
  color: #C5A880 !important;
  background: #FFFFFF !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(197, 168, 128, 0.18) !important;
  z-index: 2;
}

.pagination__item--current,
.pagination__list .page-item.active .page-link,
.pagination__list .page-link.active {
  background: #111113 !important;
  color: #FFFFFF !important;
  border-color: #111113 !important;
  font-weight: 600 !important;
  box-shadow: 0 2px 8px rgba(17, 17, 19, 0.2) !important;
}

.pagination__item--current:hover,
.pagination__list .page-item.active .page-link:hover {
  color: #FFFFFF !important;
  background: #111113 !important;
  border-color: #111113 !important;
  transform: none !important;
}

.pagination__item svg,
.pagination__list .page-link svg {
  width: 12px !important;
  height: 12px !important;
  display: block !important;
  fill: currentColor !important;
  transition: transform 0.2s ease, fill 0.2s ease;
  pointer-events: none;
}

.pagination__item--prev:hover svg {
  transform: translateX(-1px);
}

.pagination__item--next:hover svg {
  transform: translateX(1px);
}

.pagination__list span.pagination__item {
  background: transparent !important;
  border: 1px solid #E5DFD5 !important;
  cursor: default !important;
  color: #888888 !important;
  pointer-events: none !important;
}

/* ==========================================================================
   Mobile 320px Viewport Hardening & Edge-to-Edge Full-Bleed Normalization
   ========================================================================== */
html, body {
  overflow-x: clip;
  max-width: 100vw;
}

/* Header Mobile Actions & Hamburger Toggler */
.header-actions-col {
  flex-shrink: 0;
}

.header-actions-col .nav-link:not(.d-none),
.header-actions-col .header__icon:not(.d-none) {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.header-actions-col .d-none,
.header-actions-col .nav-link.d-none,
.header-actions-col .header__icon.d-none {
  display: none !important;
}

@media screen and (max-width: 767.98px) {
  .header-actions-col .d-md-flex,
  .header-actions-col .nav-link.d-md-flex,
  .header-actions-col .header__icon.d-md-flex {
    display: none !important;
  }
}

.navbar-toggler {
  color: inherit !important;
  background: transparent !important;
  cursor: pointer;
  flex-shrink: 0;
  line-height: 1;
}

.navbar-toggler .navbar-toggler-icon-svg {
  display: block;
  stroke: currentColor;
  width: 22px;
  height: 22px;
}

@media screen and (max-width: 575px) {
  /* Prevent full-bleed sections from inheriting global slider negative margins */
  .slideshow .slick-slider,
  .img-banner .slick-slider,
  .section-marquee .slick-slider,
  .container-fluid.p-0 > .row,
  .container-fluid.px-0 > .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Ensure hidden accessibility skips do not stick out subpixels */
  .skip-to-content-link:not(:focus) {
    margin: 0 !important;
    left: 0 !important;
    clip: rect(0, 0, 0, 0) !important;
  }

  /* Safe text wrapping for all headings and buttons */
  h1, h2, h3, h4, h5, h6, .btn, .button {
    overflow-wrap: break-word;
    word-break: normal;
  }

  /* Header mobile optimization */
  .header-inner-layout {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .header-actions-col {
    gap: 6px !important;
  }
  .header-actions-col .nav-link,
  .header-actions-col .header__icon {
    padding: 4px 6px !important;
  }
  .header__icon.header-cart {
    padding-right: 8px !important;
  }
  .header-logo-col {
    min-width: 0;
    flex-shrink: 1;
  }
  .header-logo-col .h2 {
    font-size: 1.15rem !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}