/** Shopify CDN: Minification failed

Line 8:16 Unexpected "4"
Line 334:41 Unexpected ";"
Line 9113:1 Expected "}" to go with "{"

**/
Custom css June 4 2026 11:28pm

/* Custom style by Usama */

@media (min-width: 1200px) {

.home-sub-banner .item, .home-custom-sub-banner .item {

/*    margin-bottom: -35px !important;*/

}

.footer-default .footer-top .footer-col-right { flex: 0 0 20% !important; }

  .footer-default .footer-top .footer-col-left { flex: 0 0 80% !important; max-width: 80% !important; }

}

.toolbar .toolbar-col label {

display:none !important;

}

.toolbar .column-right {

z-index:1;

}

.column-right{

display:none;

}

.toolbar .view-mode .icon-mode {

border: 0px !important;

}

.toolbar{

    margin-bottom: 0px !important;

} 

.inner_heading {

    padding-top: 1.5em;

    display: contents;

    justify-content: space-between;

    z-index: 9;

}

#shopify-section-collection-template-fullwidth\ usama-1 > div.toolbar.different-toolbar.has-padding > h1 > span{

margin-left: auto;

    margin-right: auto; 

    min-width: 100%;

  position:static;        /* CONSOLIDATED: was absolute — caused right-float title bug */

      font-size: 4rem;

    padding-top: 4.2rem;

    z-index: 1;

    font-weight: 100;

    text-align:center;

    display:block;

}

@media (max-width:1200px){

  #shopify-section-collection-template-fullwidth\ usama-1 > div.toolbar.different-toolbar.has-padding > h1 > span{

    position:inherit;

      font-size: 2.5rem;

      padding-top: .2rem;

 

  }

  

  .inner_heading

  {

     position:relative !important;

  }

}

@media (min-width: 1200px){

  

body:not(.template-index) .wrapper_header_parallax .wrapper-header-bt .header-panel-bt{

    border-top: 1px solid #000;

    border-bottom: 1px solid #000;

}

 

body:not(.template-index) .header-logo a.logo-title {

    color: #000;

}  

body:not(.template-index) .header-parallax.style_header_2 .right-header .nav-search .icon-search svg {

    color: #000;

    fill: #000;

}

body:not(.template-index) .header-parallax.style_header_2 .right-header .wishlist-icon svg {

  color: #000;

  fill: #000;

}

  body:not(.template-index) .header-parallax.style_header_2 .right-header .cart-icon svg {

  color: #000;

  fill: #000;

  }

  body:not(.template-index) .cart-icon .cartCount {

    color:black;

  }

  

  

}

/* Homepage Image height Set */

#custom-sub-banner-1633531819ff8b292c > div.container > div > div:nth-child(1) > div > div > div > a > img {

/* height:99% !important; */

}

@media (max-width: 1199px) {

  #custom-sub-banner-1633531819ff8b292c > div.container > div > div:nth-child(1) { padding-left: 0px !important;}

  .toolbar.different-toolbar.has-padding > h1 > span{font-family:'customfont' !important;  font-size:6vw !important;  }

}

/* Newsletter */

@media (max-width: 670px) {

  .footer-top-newsletter .banner-large-img .banner-content .block-content .content-input{

  display:flex;

  }

  .footer-top-newsletter .banner-large-img .block-content .input-group-field{

  margin-left: 0px !important;

  }

.widget-title .box-title{

font-size:16px !important;}

}

.widget-title .box-title {

  font-size: 18px !important;

}

/* Header Search Icon hide */

@media (min-width: 1200px) {

#shopify-section-header-parallax > header > div.header-bottom > div > div > div.header-mb-left.header-mb-items > div.search-mb.svg-mb {

display:none;

}

}

/* Collection Page Btn */

.wish-list-col-product{

/*     background: var(--background_1); */

   /* border:none !important; */

  border-color: var(--border_3);

  border:1px solid;

  

    padding:2px 1px 3px !important;

    line-height: var(--font_size_plus9);

    margin-bottom: 20px;

    width: 48.2%;

      margin-right:1.2%;

      margin-left:0.6%;

      text-align:center;

      font-size:13px;

      font-weight:700;

      background: #fffef8 !important;

    color: black !important;

      margin-top: 1px;

    height: 27px;

  

      } 

  

 .wish-list-col-product:hover {

    border:1.5px solid;

    

    border-color: #b5946d !important;

    

}

/* Header full width */

@media (min-width: 1200px){

  #shopify-section-header-parallax > header > div.is_parallax > div > div {

  max-width: 100%;

    padding: 0px;

  }

  .template-product .product-shop {

    padding: 20px 24px !important;

  }

}

#sub-banner-3-template--22962800787768__1634315338271673ca > div > div.widget-title{

  margin-bottom:-100px;

  }

@media (min-width: 1350px){

  .body-full .container, .container-padd60 {

    /*     padding: 0 !important; */

  }

  .collection-template-fullwidth .toolbar .column-left {

  width:0px !important;

  }

}

.recently-viewed-products .product-des .abs-center{display:none !important;}

#recently-viewed-products-grid > div > div > div:nth-child(n) > div > div > div.product-top > div.product-des.abs-center {display:none !important;}

.product-label {display:none !important;};

/* Homesection 2 images  */

#custom-sub-banner-1633531819ff8b292c > div.container > div > div:nth-child(1) {

padding-left : 12px !important;

}

.widget-title.style_3 > h3 > span > span {

  font-family:'customfont' !important;

  font-size:8vw;

  

}

.toolbar.different-toolbar.has-padding > h1 > span{font-family:'customfont' !important;  font-size:3vw !important;  }

.widget-title .box-title .title{

  background:transparent !important;

}

.new-arrivals-product .widget-title.style_3 {

  margin-bottom: -3vw !important;

}

.featured-products .widget-title.style_3 {

  margin-bottom: -3vw !important;

}

.collection-header-sections 

{

  display:none;

}

#BIS_trigger

{

  text-align: center;

}

/* ── SAI SANKOH REDESIGN 2026 ── */

/* Nav background */

/* Nav links */

.site-nav__link,

.header__menu-item,

.nav-link,

.header__menu a,

.main-nav a {

  color: #c4a882 !important;

}

.site-nav__link:hover,

.header__menu a:hover {

  color: #ffffff !important;

}

/* Cart, search, account icons */

.site-header__icon svg,

.header__icon svg,

.icon-cart,

.icon-search,

.icon-account {

  fill: #ffffff !important;

  color: #ffffff !important;

}

/* Announcement bar */

.announcement-bar,

.header-top {

  background-color: #0f0e0c !important;

  color: #c4a882 !important;

}

.slideshow-slide::after,

.image-slideshow::after,

.banner::after {

  content: '';

  position: absolute;

  inset: 0;

  background: rgba(0,0,0,0.35);

  pointer-events: none;

}

.header-top,

.announcement-bar,

.top-bar {

  margin-bottom: 0 !important;

  padding-bottom: 0 !important;

}

.main-header,

.site-header,

.header__wrapper {

  margin-top: 0 !important;

  padding-top: 0 !important;

}

.header-top,

.announcement-bar,

.top-bar,

.marquee-bar {

  border-bottom: none !important;

}

.main-header,

.site-header,

.header__wrapper,

.header-wrapper {

  border-top: none !important;

}

/* REMOVE LINE BETWEEN ANNOUNCEMENT BAR + MAIN MENU */

.announcement-bar,

.announcement-bar *,

.header,

.header *,

.site-header,

.site-header *,

.header-top,

.header-top *,

.header-bottom,

.header-bottom *,

.wrapper-header,

.wrapper-header *,

.shopify-section-header,

#shopify-section-header {

  border-top: none !important;

  border-bottom: none !important;

  box-shadow: none !important;

}

.announcement-bar + .header,

.announcement-bar + .site-header,

.header-top + .header-bottom,

#shopify-section-announcement-bar + #shopify-section-header {

  border-top: none !important;

  border-bottom: none !important;

  box-shadow: none !important;

}

/* Sometimes this theme uses pseudo lines */

.header:before,

.header:after,

.site-header:before,

.site-header:after,

.header-top:before,

.header-top:after,

.header-bottom:before,

.header-bottom:after,

.wrapper-header:before,

.wrapper-header:after {

  display: none !important;

  content: none !important;

}

.sai-marquee {

  width: 100vw !important;

  margin-left: calc(50% - 50vw) !important;

  margin-right: calc(50% - 50vw) !important;

  background: #F8F6F2 !important;

  overflow: hidden !important;

  padding: 0 !important;

  height: 36px !important;

  display: flex !important;

  align-items: center !important;

  border: 0 !important;

}

.sai-marquee-track {

  display: flex !important;

  gap: 28px !important;

  white-space: nowrap !important;

  width: max-content !important;

  animation: saiMarquee 25s linear infinite !important;

}

.sai-marquee span {

  font-size: 10px !important;

  letter-spacing: 0.16em !important;

  text-transform: uppercase !important;

  color: #9A958E !important;

  line-height: 1 !important;

}

@keyframes saiMarquee {

  from { transform: translateX(0); }

  to { transform: translateX(-50%); }

}

/* remove extra spacing around custom liquid/publication strip */

.shopify-section:has(.sai-marquee),

.shopify-section:has(.sai-stats) {

  margin: 0 !important;

  padding: 0 !important;

}

.sai-stats{

display:grid;

grid-template-columns:repeat(4,1fr);

background:#f8f6f2;

border-top:1px solid #ece8e0;

border-bottom:1px solid #ece8e0;

}

.sai-stats{

  width:100vw;

  margin-left:calc(50% - 50vw);

  display:grid;

  grid-template-columns:repeat(4,1fr);

  background:#F8F6F2;

  border-top:1px solid #EDE9E3;

  border-bottom:1px solid #EDE9E3;

}

.sai-stat{

  padding:60px 30px;

  text-align:center;

  border-right:1px solid #EDE9E3;

}

.sai-stat:last-child{

  border-right:none;

}

.sai-stat h2{

  font-family:"Cormorant Garamond", Georgia, serif;

  font-size:72px;

  font-weight:400;

  margin:0;

  color:#1A1814;

  line-height:1;

}

.sai-stat p{

  font-size:10px;

  letter-spacing:.18em;

  text-transform:uppercase;

  line-height:1.8;

  margin-top:12px;

  color:#9A958E;

}

@media(max-width:768px){

  .sai-stats{

    grid-template-columns:1fr 1fr;

  }

  .sai-stat{

    padding:36px 14px;

  }

  .sai-stat h2{

    font-size:46px;

  }

}

/* remove hero/slideshow down arrow */

.slideshow__arrow,

.slider__arrow,

.banner__arrow,

.slide-arrow,

.slick-arrow,

.slick-dots,

.slick-next,

.slick-prev,

.slideshow .arrow,

.slideshow:after,

.slideshow:before,

.home-slideshow:after,

.home-slideshow:before {

  display:none !important;

  opacity:0 !important;

  visibility:hidden !important;

}

/* Remove white triangle under slideshow */

.slideshow:before,

.slideshow:after,

.home-slideshow:before,

.home-slideshow:after,

.slide-content:before,

.slide-content:after,

.banner-content:before,

.banner-content:after,

.hero:before,

.hero:after,

.template-index .slideshow:before,

.template-index .slideshow:after {

  display: none !important;

  content: none !important;

  border: 0 !important;

}

/* Hide decorative triangle divider */

[class*="triangle"],

[class*="arrow-down"],

[class*="scroll-down"],

[class*="angle-down"] {

  display: none !important;

}

/* Kill the white triangle notch under slideshow */

.template-index .slideshow:after,

.template-index .slideshow:before,

.slideshow:after,

.slideshow:before,

.home-slideshow:after,

.home-slideshow:before,

.slideshow .container:after,

.slideshow .container:before,

.slideshow .item:after,

.slideshow .item:before,

[class*="slideshow"]::after,

[class*="slideshow"]::before {

  display: none !important;

  content: none !important;

  border: 0 !important;

  background: transparent !important;

}

/* If the theme uses an actual triangle element */

.triangle,

.triangle-down,

.arrow-down,

.scroll-down,

.slide-arrow-down,

.banner-arrow,

.decorative-arrow {

  display: none !important;

}

/* FORCE REMOVE SLIDESHOW BOTTOM NOTCH / GAP */

.home-slideshow,

.home-slideshow *,

.slideshow,

.slideshow *,

.slideshow-wrapper,

.slideshow-wrapper *,

.slide-content,

.slide-content *,

.banner-content,

.banner-content * {

  clip-path: none !important;

}

.home-slideshow:before,

.home-slideshow:after,

.slideshow:before,

.slideshow:after,

.slideshow-wrapper:before,

.slideshow-wrapper:after,

.slide-content:before,

.slide-content:after,

.banner-content:before,

.banner-content:after,

[class*="slideshow"]::before,

[class*="slideshow"]::after {

  display: none !important;

  content: none !important;

  width: 0 !important;

  height: 0 !important;

  border: 0 !important;

  background: transparent !important;

}

/* pull marquee up tight under hero */

.sai-marquee {

  margin-top: -1px !important;

}

/* REMOVE HERO BOTTOM NOTCH */

.template-index .slideshow,

.template-index .home-slideshow,

.template-index [class*="slideshow"],

.template-index [class*="Slideshow"] {

  overflow: hidden !important;

}

.template-index .slideshow *,

.template-index .home-slideshow *,

.template-index [class*="slideshow"] * {

  overflow: hidden !important;

}

/* Cover any leftover notch with marquee */

.sai-marquee {

  position: relative !important;

  z-index: 9999 !important;

  margin-top: -1px !important;

}

/* Hide common triangle/notch elements */

.template-index [class*="triangle"],

.template-index [class*="Triangle"],

.template-index [class*="arrow"],

.template-index [class*="Arrow"],

.template-index [class*="scroll"],

.template-index [class*="Scroll"],

.template-index [class*="decor"],

.template-index [class*="Decor"] {

  display: none !important;

  opacity: 0 !important;

  visibility: hidden !important;

}

/* SAI COLLECTION RESET — FINAL SAFE */

.template-collection .container.usama {

  width:100vw !important;

  max-width:none !important;

  padding-left:2px !important;

  padding-right:2px !important;

}

.template-collection .col-sidebar,

.template-collection .sidebar,

.template-collection .collection-sidebar,

.template-collection .filter-tree,

.template-collection .collection-filter {

  display:none !important;

}

.template-collection .col-main,

.template-collection .collection-content,

.template-collection .collection-main {

  width:100% !important;

  max-width:100% !important;

  flex:0 0 100% !important;

}

.template-collection .product-collection.products-grid.row {

  display:flex !important;

  flex-wrap:wrap !important;

  gap:2px !important;

  background:#d4cec6 !important;

  margin-left:0 !important;

  margin-right:0 !important;

  padding:0 !important;

}

.template-collection .product-collection.products-grid.row > .grid-item {

  width:calc(25% - 2px) !important;

  max-width:calc(25% - 2px) !important;

  flex:0 0 calc(25% - 2px) !important;

  padding:0 !important;

  margin:0 !important;

  background:#fff !important;

}

.template-collection .product-image,

.template-collection .product-grid-image,

.template-collection .adaptive_height {

  aspect-ratio:2 / 3 !important;

  height:auto !important;

  overflow:hidden !important;

  position:relative !important;

}

.products-grid .grid-item:not(.grid-item-mansory) .product-image img,

.template-collection .product-grid-image img,

.template-collection img.product-featured-img {

  position:relative !important;

  top:auto !important;

  left:auto !important;

  transform:none !important;

  width:100% !important;

  height:100% !important;

  object-fit:cover !important;

  object-position:center top !important;

  display:block !important;

}

.template-collection .product-title,

.template-collection .product-title a,

.template-collection .product-name,

.template-collection .product-name a {

  font-family:'Cormorant Garamond', Georgia, serif !important;

  font-size:15px !important;

  font-weight:400 !important;

  text-transform:none !important;

  letter-spacing:0 !important;

  color:#1a1814 !important;

  margin-top:12px !important;

  white-space:normal !important;

  line-height:1.35 !important;

}

.template-collection .price,

.template-collection .price-box,

.template-collection .product-price {

  font-size:12px !important;

  color:#5a5650 !important;

  font-family:'Jost', sans-serif !important;

  margin-top:4px !important;

}

.template-collection .wishlist,

.template-collection .wishlist-btn,

.template-collection .wish-list-col-product,

.template-collection .btn-product-wishlist,

.template-collection .add-to-cart-btn,

.template-collection a.btn.btn-md.btn-cart,

.template-collection .btn-cart,

.template-collection form[action="/cart/add"] .btn,

.template-collection .product-item .btn {

  display:none !important;

}

.template-collection {

  background-color:#f8f6f2 !important;

}

@media screen and (max-width:990px) {

  .template-collection .container.usama {

    width:100% !important;

    max-width:none !important;

    padding-left:0 !important;

    padding-right:0 !important;

  }

  .template-collection .product-collection.products-grid.row > .grid-item {

    width:calc(50% - 2px) !important;

    max-width:calc(50% - 2px) !important;

    flex:0 0 calc(50% - 2px) !important;

  }

}

/* ═══════════════════════════════════════════════════════

   SAI SANKOH — PDP CSS ONLY

   

   HOW TO USE — ChatGPT's instruction:

   DO NOT replace your entire custom-style.css.

   

   Instead, find and DELETE any old PDP blocks that start with:

   - /* SAI PDP

   - /* PRODUCT PAGE

   - /* product-template

   - .product-template

   - .template-product

   

   Then paste THIS block at the bottom of your existing

   custom-style.css after all the collection/footer/homepage CSS.

═══════════════════════════════════════════════════════ */

/* ── PDP PAGE BACKGROUND ── */

.sai-pdp-wrap {

  background: #f8f6f2;

  font-family: 'Jost', sans-serif;

}

/* ── BREADCRUMB ── */

.sai-bc {

  padding: 12px 40px;

  font-size: 10px;

  letter-spacing: .08em;

  color: #9a958e;

  display: flex;

  gap: 6px;

  align-items: center;

  border-bottom: .5px solid #ede9e3;

  flex-wrap: wrap;

}

.sai-bc a { color: #9a958e; text-decoration: none; }

.sai-bc a:hover { color: #1a1814; }

.sai-bc-sep { color: #d4cec6; }

/* ── CORE GRID: 55/45 split ── */

.sai-pdp-grid {

  display: grid;

  grid-template-columns: minmax(0, 50%) 420px;

  align-items: start;

}

/* ── LEFT: STACKED IMAGES ── */

.sai-pdp-images {

  display: flex;

  flex-direction: column;

  gap: 2px;

  background: #d4cec6;

}

.sai-pdp-img {

  width: 100%;

  overflow: hidden;

  line-height: 0;

  background: #f5f1ec;

}

.sai-pdp-img img {

  width: 100%;

  height: auto;

  object-fit: contain;

  display: block;

  transition: transform .5s;

}

.sai-pdp-img:hover img { transform: scale(1.02); }

/* ── RIGHT: STICKY INFO PANEL ── */

.sai-pdp-info {

  position: sticky;

  top: 120px;

  max-height: calc(100vh - 120px);

  overflow-y: auto;

  padding: 36px 40px 48px 32px;

  border-left: .5px solid #ede9e3;

  background: #f8f6f2;

}


.sai-pdp-info::-webkit-scrollbar { width: 3px; }

.sai-pdp-info::-webkit-scrollbar-thumb { background: #d4cec6; }

/* Category tag */

.sai-pdp-cat {

  font-size: 9px;

  letter-spacing: .22em;

  text-transform: uppercase;

  color: #9a958e;

  margin-bottom: 8px;

}

/* Product title */

.sai-pdp-title {

  font-family: 'Cormorant Garamond', Georgia, serif !important;

  font-size: 36px !important;

  font-weight: 300 !important;

  line-height: 1.05 !important;

  color: #1a1814 !important;

  margin: 0 0 8px !important;

}

/* Price */

.sai-pdp-price {

  font-family: 'Cormorant Garamond', Georgia, serif;

  font-size: 22px;

  font-weight: 300;

  color: #1a1814;

  margin-bottom: 4px;

}

.sai-price-compare {

  text-decoration: line-through;

  color: #9a958e;

  font-size: 16px;

  margin-right: 6px;

}

/* Stars */

.sai-pdp-stars {

  display: flex;

  align-items: center;

  gap: 8px;

  margin-bottom: 20px;

  padding-bottom: 20px;

  border-bottom: .5px solid #ede9e3;

}

.sai-stars { font-size: 12px; color: #c4a882; }

.sai-star-ct { font-size: 11px; color: #9a958e; }

.sai-star-link {

  font-size: 10px;

  color: #c4a882;

  text-decoration: none;

  margin-left: auto;

  letter-spacing: .04em;

}

/* Size callout — espresso block, before ATC */

.sai-size-callout {

  background: #0f0e0c;

  padding: 13px 16px;

  margin-bottom: 16px;

  display: flex;

  align-items: flex-start;

  gap: 10px;

}

.sai-size-badge {

  background: #c4a882;

  color: #0f0e0c;

  font-size: 8px;

  letter-spacing: .12em;

  text-transform: uppercase;

  padding: 3px 8px;

  white-space: nowrap;

  flex-shrink: 0;

  margin-top: 1px;

  font-weight: 500;

}

.sai-size-text {

  font-size: 11px;

  color: rgba(255,255,255,.5);

  line-height: 1.6;

}

/* Stock signal */

.sai-stock-warn {

  display: flex;

  align-items: center;

  gap: 7px;

  margin-bottom: 16px;

  font-size: 10px;

  letter-spacing: .1em;

  text-transform: uppercase;

  color: #8B1A1A;

}

.sai-stock-dot {

  width: 6px;

  height: 6px;

  border-radius: 50%;

  background: #8B1A1A;

  flex-shrink: 0;

  animation: saiPulse 2s infinite;

}

@keyframes saiPulse {

  0%, 100% { opacity: 1; }

  50% { opacity: .35; }

}

/* Variant tabs */

.sai-variant-block { margin-bottom: 18px; }

.sai-var-label {

  font-size: 10px;

  letter-spacing: .14em;

  text-transform: uppercase;

  color: #5a5650;

  margin-bottom: 10px;

}

.sai-var-selected { color: #1a1814; font-weight: 500; }

.sai-var-tabs {

  display: flex;

  border: .5px solid #d4cec6;

}

.sai-var-tab {

  flex: 1;

  padding: 10px;

  text-align: center;

  font-size: 10px;

  letter-spacing: .1em;

  text-transform: uppercase;

  color: #9a958e;

  cursor: pointer;

  font-family: 'Jost', sans-serif;

  background: transparent;

  border: none;

  border-right: .5px solid #d4cec6;

  transition: all .15s;

}

.sai-var-tab:last-child { border-right: none; }

.sai-var-tab-on { background: #0f0e0c; color: #fff; }

.sai-var-tab:hover:not(.sai-var-tab-on) { background: #ede9e3; }

/* Worn by */

.sai-worn-by {

  display: flex;

  gap: 12px;

  align-items: center;

  padding: 12px 14px;

  background: #ede9e3;

  margin-bottom: 18px;

  border-left: 2px solid #c4a882;

}

.sai-worn-av {

  width: 36px;

  height: 36px;

  border-radius: 50%;

  overflow: hidden;

  flex-shrink: 0;

}

.sai-worn-av img { width: 100%; height: 100%; object-fit: cover; }

.sai-worn-txt { font-size: 11px; color: #5a5650; line-height: 1.5; }

.sai-worn-txt strong {

  color: #1a1814;

  font-weight: 500;

  display: block;

  margin-bottom: 2px;

  font-size: 12px;

}

/* Add to Cart */

.sai-btn-atc {

  width: 100%;

  background: #0f0e0c;

  color: #fff;

  font-size: 10px;

  letter-spacing: .18em;

  text-transform: uppercase;

  padding: 16px;

  border: none;

  cursor: pointer;

  font-family: 'Jost', sans-serif;

  margin-bottom: 8px;

  display: block;

  transition: background .2s;

}

.sai-btn-atc:hover { background: #2a2620; }

.sai-btn-sold-out { background: #9a958e !important; cursor: not-allowed !important; }

/* Shop Pay wrapper */

.sai-shop-pay { margin-bottom: 20px; }

/* Trust strip */

.sai-trust {

  display: grid;

  grid-template-columns: repeat(3,1fr);

  border: .5px solid #ede9e3;

  margin-bottom: 22px;

}

.sai-ti {

  padding: 10px 6px;

  text-align: center;

  font-size: 9px;

  letter-spacing: .06em;

  text-transform: uppercase;

  color: #9a958e;

  line-height: 1.6;

  border-right: .5px solid #ede9e3;

}

.sai-ti:last-child { border-right: none; }

/* Description */

.sai-pdp-desc {

  font-family: 'Cormorant Garamond', Georgia, serif;

  font-size: 14px;

  font-style: italic;

  font-weight: 300;

  color: #5a5650;

  line-height: 1.9;

  margin-bottom: 20px;

  padding-bottom: 20px;

  border-bottom: .5px solid #ede9e3;

}

.sai-pdp-desc p {

  font-family: 'Cormorant Garamond', Georgia, serif !important;

  font-style: italic !important;

  margin-bottom: 12px;

}

/* Accordion */

.sai-acc { border-top: .5px solid #ede9e3; }

.sai-acc-row { border-bottom: .5px solid #ede9e3; }

.sai-acc-hd {

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 13px 0;

  cursor: pointer;

  user-select: none;

}

.sai-acc-lbl {

  font-size: 10px;

  letter-spacing: .14em;

  text-transform: uppercase;

  color: #1a1814;

  font-family: 'Jost', sans-serif;

}

.sai-acc-ic {

  font-size: 18px;

  color: #9a958e;

  line-height: 1;

  font-weight: 300;

  transition: transform .2s;

  font-family: 'Jost', sans-serif;

}

.sai-acc-body {

  font-size: 12px;

  color: #5a5650;

  line-height: 1.8;

  padding-bottom: 13px;

  display: none;

  font-family: 'Jost', sans-serif;

}

.sai-acc-row.sai-acc-open .sai-acc-ic { transform: rotate(45deg); }

.sai-acc-row.sai-acc-open .sai-acc-body { display: block; }

/* ── STICKY ATC BAR ── */

.sai-sticky-atc {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  z-index: 300;

  background: #0f0e0c;

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 11px 40px;

  gap: 16px;

  transform: translateY(-100%);

  transition: transform .3s ease;

  border-bottom: .5px solid #1a1814;

}

.sai-sticky-atc.sai-sticky-visible { transform: translateY(0); }

.sai-satc-name {

  font-family: 'Cormorant Garamond', Georgia, serif;

  font-size: 16px;

  font-weight: 300;

  color: #fff;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}

.sai-satc-stock {

  font-size: 8px;

  letter-spacing: .12em;

  text-transform: uppercase;

  color: #c4a882;

  margin-top: 2px;

}

.sai-satc-r {

  display: flex;

  align-items: center;

  gap: 10px;

  flex-shrink: 0;

}

.sai-satc-price {

  font-family: 'Cormorant Garamond', Georgia, serif;

  font-size: 16px;

  color: #c4a882;

  font-weight: 300;

  white-space: nowrap;

}

.sai-satc-btn {

  background: #c4a882;

  color: #0f0e0c;

  font-size: 9px;

  letter-spacing: .18em;

  text-transform: uppercase;

  padding: 11px 22px;

  border: none;

  cursor: pointer;

  font-family: 'Jost', sans-serif;

  font-weight: 500;

  white-space: nowrap;

}

/* ── BELOW-FOLD SECTIONS ── */

.sai-below-fold { padding: 36px 0; }

.sai-sec-iv  { background: #f8f6f2; }

.sai-sec-wm  { background: #ede9e3; }

.sai-sec-dk  { background: #0f0e0c; }

.sai-sec-inner { padding: 0 32px; }

.sai-sec-hd {

  display: flex;

  justify-content: space-between;

  align-items: baseline;

  margin-bottom: 20px;

  flex-wrap: wrap;

  gap: 8px;

}

.sai-sec-h2 {

  font-family: 'Cormorant Garamond', Georgia, serif;

  font-size: 28px;

  font-weight: 300;

  color: #1a1814;

  margin: 0;

}

.sai-h2-lt { color: #fff; }

.sai-sec-sub {

  font-size: 9px;

  letter-spacing: .12em;

  text-transform: uppercase;

  color: #9a958e;

  margin-top: 3px;

}

.sai-sub-dk { color: #2e2c28; }

.sai-sec-link {

  font-size: 9px;

  letter-spacing: .12em;

  text-transform: uppercase;

  color: #5a5650;

  text-decoration: none;

  border-bottom: .5px solid #d4cec6;

  padding-bottom: 1px;

  white-space: nowrap;

}

.sai-link-dk { color: #3a3630; border-bottom-color: #2a2420; }

.sai-wear-label {

  font-size: 9px;

  letter-spacing: .16em;

  text-transform: uppercase;

  color: #c4a882;

  background: #0f0e0c;

  padding: 2px 8px;

  display: inline-block;

  margin-bottom: 5px;

}

/* Product grid */

.sai-prod-grid {

  display: grid;

  gap: 2px;

  background: #d4cec6;

  width: 100%;

}

.sai-prod-grid-4 { grid-template-columns: repeat(4,1fr); }

.sai-prod-grid-3 { grid-template-columns: repeat(3,1fr); }

.sai-grid-dk { background: #0a0806; }

/* Product card */

.sai-pc {

  background: #fff;

  overflow: hidden;

  display: flex;

  flex-direction: column;

}

.sai-pc-dk { background: #0e0c09; }

.sai-pc-link { text-decoration: none; display: block; }

/* Fix 1 — balanced image height, not huge */

.sai-pc-img {

  overflow: hidden;

  position: relative;

  aspect-ratio: 2/3;

  width: 100%;

  display: block;

  background: #f5f1ec;

}

.sai-pc-img img {

  width: 100%;

  height: 100%;

  object-fit: contain;

  object-position: center bottom;

  transition: transform .4s;

  display: block;

}

.sai-pc:hover .sai-pc-img img { transform: scale(1.03); }

/* Product info */

.sai-pc-info {

  padding: 12px 14px 16px;

  background: #fff;

  flex: 1;

  display: flex;

  flex-direction: column;

}

.sai-pc-info-dk { background: #0a0806; }

.sai-pc-name {

  font-family: 'Cormorant Garamond', Georgia, serif;

  font-size: 14px;

  font-weight: 300;

  color: #1a1814;

  margin-bottom: 3px;

  line-height: 1.25;

  /* Fix 5 — clamp overflow text */

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

}

.sai-pc-name-dk { color: rgba(255,255,255,.75); }

.sai-pc-price {

  font-size: 11px;

  color: #5a5650;

  margin-bottom: 10px;

  font-family: 'Jost', sans-serif;

  flex: 1;

}

.sai-pc-price-dk { color: #3a3630; }

.sai-pc-atc {

  width: 100%;

  display: block;

  font-size: 9px;

  letter-spacing: .14em;

  text-transform: uppercase;

  padding: 9px;

  text-align: center;

  font-family: 'Jost', sans-serif;

  cursor: pointer;

  border: none;

  background: #0f0e0c;

  color: #fff;

  transition: background .2s;

  margin-top: auto;

}

.sai-pc-atc:hover { background: #2a2620; }

.sai-pc-atc-dk {

  background: transparent;

  border: .5px solid #2a2420;

  color: rgba(255,255,255,.45);

}

.sai-pc-atc-dk:hover {

  background: #c4a882;

  color: #0f0e0c;

  border-color: #c4a882;

}

.sai-pc-badge {

  position: absolute;

  top: 8px;

  left: 8px;

  font-size: 8px;

  letter-spacing: .1em;

  text-transform: uppercase;

  background: #0f0e0c;

  color: #fff;

  padding: 2px 7px;

  z-index: 1;

  font-family: 'Jost', sans-serif;

}

.sai-badge-red  { background: #8B1A1A; }

.sai-badge-gold { background: #c4a882; color: #0f0e0c; }

/* Reviews placeholder */

.sai-rev-score {

  display: flex;

  align-items: center;

  gap: 14px;

  margin-bottom: 32px;

}

.sai-rev-big {

  font-family: 'Cormorant Garamond', Georgia, serif;

  font-size: 52px;

  font-weight: 300;

  color: #1a1814;

  line-height: 1;

}

.sai-rev-stars { font-size: 14px; color: #c4a882; margin-bottom: 3px; }

.sai-rev-ct { font-size: 11px; color: #9a958e; }

/* ── MOBILE ── */

@media (max-width: 768px) {

  .sai-pdp-grid { grid-template-columns: 1fr; }

  .sai-pdp-info {

    position: static;

    max-height: none;

    padding: 24px 16px 32px;

    border-left: none;

    border-top: .5px solid #ede9e3;

  }

  .sai-sticky-atc { padding: 10px 16px; }

  .sai-bc { padding: 10px 16px; }

  .sai-sec-inner { padding: 0 16px; }

  .sai-sec-h2 { font-size: 26px; }

  .sai-prod-grid-4 { grid-template-columns: repeat(2,1fr); }

  .sai-prod-grid-3 { grid-template-columns: repeat(2,1fr); }

}

@media (max-width: 480px) {

  .sai-pdp-title { font-size: 28px !important; }

  .sai-satc-price { display: none; }

  .sai-satc-name { font-size: 13px; }

}

/* ── HIDE OLD THEME SECTIONS BELOW PDP ── */

/* Everything except our sai- sections gets hidden */

.template-product .product_bottom,

.template-product .product_bottom *,

.template-product .related-products,

.template-product .similar-products,

.template-product .next_prev-groups,

.template-product .product-recommendations,

.template-product .frequently-bought,

.template-product [class*="related"],

.template-product [class*="similar"],

.template-product [class*="duties"],

.template-product [class*="taxes"],

.template-product [class*="support"],

.template-product [class*="here-for-you"],

.template-product .product-policy,

.template-product .product-support,

.template-product .product-custom-block,

.template-product [class*="bundle"],

.template-product [class*="addon"],

.template-product .spr-container,

.template-product .shopify-product-reviews-badge,

.template-product .product-template > .container > .breadcrumb,

.template-product #shopify-section-custom-block-banners,

.template-product #shopify-section-custom-block-newsletter {

  display: none !important;

}

/* UN-HIDE — keep all sai- custom sections visible */

.template-product .sai-pdp-wrap,

.template-product .sai-pdp-wrap .sai-sec-wm,

.template-product .sai-pdp-wrap .sai-sec-iv,

.template-product .sai-pdp-wrap .sai-sec-dk,

.template-product .sai-pdp-wrap .sai-prod-grid,

.template-product .sai-pdp-wrap #sai-reviews-section,

.template-product .sai-pdp-wrap .sai-below-fold {

  display: block !important;

}

.template-product .sai-pdp-wrap .sai-pdp-stars {

  display: flex !important;

}

/* Keep Loox containers visible */

.template-product #looxReviews,

.template-product .loox-reviews-default,

.template-product .loox-rating {

  display: block !important;

}

/* ── FULL WIDTH — override theme container constraints ── */

/* Your theme wraps everything in .container.usama — override it on PDP */

.template-product .container,

.template-product .container.usama,

.template-product .row.pro-page,

.template-product #ProductSection-template--default,

.template-product .product.product-default {

  max-width: 100% !important;

  width: 100% !important;

  padding-left: 0 !important;

  padding-right: 0 !important;

  margin-left: 0 !important;

  margin-right: 0 !important;

}

/* Also remove Bootstrap row gutters that add side padding */

.template-product .sai-pdp-wrap .row {

  margin-left: 0 !important;

  margin-right: 0 !important;

}

/* Ensure our grid fills the full width */

.sai-pdp-grid,

.sai-pdp-images,

.sai-below-fold,

.sai-prod-grid {

  width: 100% !important;

  max-width: 100% !important;

}

/* ── PURCHASE ROW — ATC + ♡ SAVE side by side ── */

.sai-purchase-row {

  display: flex;

  gap: 8px;

  align-items: stretch;

  margin-bottom: 8px;

}

.sai-purchase-row .sai-btn-atc {

  flex: 1;

  margin-bottom: 0;

}

/* ♡ SAVE / WISHLIST BUTTON */

.sai-wishlist-btn {

  width: 80px;

  min-width: 72px;

  max-width: 90px;

  flex-shrink: 0;

  background: #f8f6f2;

  border: 1px solid #0f0e0c;

  color: #0f0e0c;

  font-size: 8px;

  letter-spacing: .14em;

  text-transform: uppercase;

  font-family: 'Jost', sans-serif;

  font-weight: 500;

  cursor: pointer;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 3px;

  transition: background .2s, color .2s;

  line-height: 1;

}

.sai-wishlist-btn:hover {

  background: #0f0e0c;

  color: #c4a882;

}

.sai-wishlist-btn.sai-wish-active {

  background: #0f0e0c;

  color: #c4a882;

  border-color: #0f0e0c;

}

/* ── LOOX equal-height cards — Fix 5 ── */

/* Loox renders its own widget — we just contain it cleanly */

#looxReviews {

  width: 100%;

}

.loox-rating {

  display: inline-flex !important;

  align-items: center;

  gap: 4px;

}

/* Equal height for Loox review cards if grid layout */

.loox-review-card,

[class*="loox-review"] {

  height: 100% !important;

  box-sizing: border-box !important;

}

/* Clamp review text inside Loox cards */

.loox-review-body,

[class*="loox-body"],

[class*="review-body"] {

  display: -webkit-box !important;

  -webkit-line-clamp: 4 !important;

  -webkit-box-orient: vertical !important;

  overflow: hidden !important;

}

/* ── KLAVIYO EMAIL CAPTURE — Fix 4 ── */

.sai-wish-klaviyo {

  padding: 16px 24px;

  background: #ede9e3;

  border-top: .5px solid #d4cec6;

}

.sai-wish-kl-label {

  font-family: 'Cormorant Garamond', Georgia, serif;

  font-size: 15px;

  font-weight: 300;

  color: #1a1814;

  margin-bottom: 4px;

}

.sai-wish-kl-sub {

  font-size: 11px;

  color: #5a5650;

  line-height: 1.6;

  margin-bottom: 12px;

}

.sai-wish-kl-form {

  display: flex;

  gap: 6px;

}

.sai-wish-kl-input {

  flex: 1;

  padding: 10px 12px;

  font-size: 12px;

  font-family: 'Jost', sans-serif;

  border: .5px solid #d4cec6;

  background: #fff;

  color: #1a1814;

  outline: none;

}

.sai-wish-kl-input:focus { border-color: #0f0e0c; }

.sai-wish-kl-btn {

  background: #0f0e0c;

  color: #fff;

  font-size: 8px;

  letter-spacing: .16em;

  text-transform: uppercase;

  font-family: 'Jost', sans-serif;

  padding: 10px 14px;

  border: none;

  cursor: pointer;

  white-space: nowrap;

}

.sai-wish-kl-btn:hover { background: #2a2620; }

.sai-wish-kl-success {

  font-size: 11px;

  color: #5a5650;

  padding: 8px 0;

  line-height: 1.6;

}

/* ── PROTECT FOOTER — Fix 6 ── */

/* Never hide the footer regardless of PDP hide rules */

footer,

.site-footer,

#shopify-section-footer,

[id*="footer"],

[class*="footer"]:not([class*="sai"]) {

  display: block !important;

}

/* ── WISHLIST MODAL ── */

.sai-wish-overlay {

  position: fixed;

  inset: 0;

  background: rgba(15,14,12,.5);

  z-index: 490;

  opacity: 0;

  pointer-events: none;

  transition: opacity .3s;

}

.sai-wish-overlay.sai-wish-open {

  opacity: 1;

  pointer-events: auto;

}

.sai-wish-modal {

  position: fixed;

  top: 0;

  right: 0;

  bottom: 0;

  width: 420px;

  max-width: 100vw;

  background: #f8f6f2;

  z-index: 500;

  display: flex;

  flex-direction: column;

  transform: translateX(100%);

  transition: transform .35s ease;

}

.sai-wish-modal.sai-wish-open {

  transform: translateX(0);

}

.sai-wish-modal-hd {

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 20px 24px;

  border-bottom: .5px solid #ede9e3;

  background: #0f0e0c;

}

.sai-wish-modal-title {

  font-family: 'Cormorant Garamond', Georgia, serif;

  font-size: 18px;

  font-weight: 300;

  color: #fff;

  letter-spacing: .04em;

}

.sai-wish-modal-close {

  background: none;

  border: none;

  color: #9a958e;

  font-size: 24px;

  cursor: pointer;

  line-height: 1;

  padding: 0;

  transition: color .2s;

}

.sai-wish-modal-close:hover { color: #fff; }

.sai-wish-modal-body {

  flex: 1;

  overflow-y: auto;

  padding: 20px 24px;

}

.sai-wish-empty {

  font-size: 13px;

  color: #9a958e;

  text-align: center;

  padding: 40px 0;

  font-family: 'Cormorant Garamond', Georgia, serif;

  font-style: italic;

}

.sai-wish-item {

  display: grid;

  grid-template-columns: 80px 1fr auto;

  gap: 14px;

  align-items: start;

  padding-bottom: 18px;

  margin-bottom: 18px;

  border-bottom: .5px solid #ede9e3;

}

.sai-wish-item:last-child { border-bottom: none; }

.sai-wish-item-img {

  display: block;

  width: 80px;

  height: 100px;

  overflow: hidden;

}

.sai-wish-item-img img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center top;

}

.sai-wish-item-title {

  font-family: 'Cormorant Garamond', Georgia, serif;

  font-size: 15px;

  font-weight: 300;

  color: #1a1814;

  text-decoration: none;

  display: block;

  margin-bottom: 4px;

  line-height: 1.3;

}

.sai-wish-item-price {

  font-size: 12px;

  color: #5a5650;

  margin-bottom: 8px;

}

.sai-wish-item-view {

  font-size: 9px;

  letter-spacing: .12em;

  text-transform: uppercase;

  color: #c4a882;

  text-decoration: none;

}

.sai-wish-item-remove {

  background: none;

  border: none;

  color: #9a958e;

  font-size: 20px;

  cursor: pointer;

  line-height: 1;

  padding: 0;

  transition: color .2s;

  align-self: flex-start;

}

.sai-wish-item-remove:hover { color: #8B1A1A; }

.sai-wish-modal-ft {

  padding: 16px 24px;

  border-top: .5px solid #ede9e3;

}

.sai-wish-shop-link {

  font-size: 10px;

  letter-spacing: .12em;

  text-transform: uppercase;

  color: #5a5650;

  text-decoration: none;

}

/* ── LOOX — keep visible (do not hide) ── */

.template-product #looxReviews,

.template-product .loox-reviews-default,

.template-product .loox-rating {

  display: block !important;

}

/* SAI FINAL HARDENING — safe PDP-only fixes */

.template-product .product_bottom,

.template-product .product_bottom *,

.template-product .next_prev-groups,

.template-product .product-template > .container > .breadcrumb,

.template-product #shopify-section-custom-block-banners,

.template-product #shopify-section-custom-block-newsletter,

.template-product .usama-banner-duties,

.template-product .custom-block-banner,

.template-product .custom-newsletter-block,

.template-product .product-policy,

.template-product .product-support,

.template-product .product-custom-block {

  display:none !important;

}

.template-product .sai-pdp-wrap #sai-wear-grid,

.template-product .sai-pdp-wrap #sai-fbt-grid {

  display:grid !important;

}

.template-product .sai-pdp-wrap .sai-pc {

  min-height:100% !important;

}

#looxReviews .loox-review,

#looxReviews [class*="loox-review"] {

  display:flex !important;

  flex-direction:column !important;

  height:100% !important;

}

#looxReviews .loox-review-body,

#looxReviews [class*="review-body"],

#looxReviews [class*="loox-body"] {

  display:-webkit-box !important;

  -webkit-line-clamp:4 !important;

  -webkit-box-orient:vertical !important;

  overflow:hidden !important;

}

@media (max-width:768px) {

  .sai-pdp-grid { grid-template-columns:1fr !important; }

  .sai-prod-grid-4,

  .sai-prod-grid-3 { grid-template-columns:repeat(2,1fr) !important; }

  .sai-wish-modal { width:100vw !important; }

}

/* ═══════════════════════════════════════════

   SAI SANKOH PDP — LAUNCH UPGRADE CSS

   Items 4, 5, 6, 7, 8, 9

═══════════════════════════════════════════ */

/* ── ITEM 4: FIT INFORMATION ── */

.sai-fit-info {

  margin: 0 0 20px;

  border: .5px solid #ede9e3;

  padding: 16px 18px;

  background: #f8f6f2;

}

.sai-fit-row {

  display: flex;

  align-items: flex-start;

  gap: 12px;

  padding: 10px 0;

  border-bottom: .5px solid #ede9e3;

}

.sai-fit-row:last-child { border-bottom: none; }

.sai-fit-icon { color: #c4a882; font-size: 10px; flex-shrink: 0; margin-top: 2px; }

.sai-fit-label { font-size: 11px; font-weight: 400; letter-spacing: .08em; color: #0f0e0c; margin-bottom: 2px; font-family: 'Jost', sans-serif; }

.sai-fit-sub { font-size: 10px; color: rgba(15,14,12,.5); line-height: 1.6; font-family: 'Jost', sans-serif; }

/* ── ITEM 5: TRUST STRIP UPGRADE ── */

.sai-trust {

  display: grid;

  grid-template-columns: repeat(4, 1fr);

  gap: 0;

  border: .5px solid #ede9e3;

  margin: 16px 0;

}

.sai-ti {

  display: flex;

  flex-direction: column;

  align-items: center;

  text-align: center;

  padding: 12px 8px;

  font-size: 9px;

  letter-spacing: .08em;

  text-transform: uppercase;

  color: rgba(15,14,12,.6);

  border-right: .5px solid #ede9e3;

  gap: 5px;

  font-family: 'Jost', sans-serif;

  line-height: 1.5;

}

.sai-ti:last-child { border-right: none; }

.sai-ti-icon { font-size: 13px; color: #c4a882; }

/* ── ITEM 6: URGENCY STRIP ── */

.sai-urgency-strip {

  display: flex;

  align-items: center;

  gap: 8px;

  flex-wrap: wrap;

  padding: 8px 0 4px;

  margin-bottom: 4px;

}

.sai-urgency-item {

  font-size: 9px;

  letter-spacing: .14em;

  text-transform: uppercase;

  color: rgba(15,14,12,.45);

  font-family: 'Jost', sans-serif;

}

.sai-urgency-dot { color: #d4cec6; font-size: 10px; }

/* ── ITEM 7: SEEN ON — inline above form ── */

.sai-seen-on {

  display: flex;

  align-items: center;

  gap: 10px;

  padding: 10px 0;

  margin-bottom: 6px;

  border-top: .5px solid #ede9e3;

  border-bottom: .5px solid #ede9e3;

}

.sai-seen-label {

  font-size: 8px;

  letter-spacing: .3em;

  text-transform: uppercase;

  color: #c4a882;

  flex-shrink: 0;

  font-family: 'Jost', sans-serif;

}

.sai-seen-names {

  font-size: 10px;

  color: rgba(15,14,12,.55);

  letter-spacing: .06em;

  font-family: 'Jost', sans-serif;

  line-height: 1.6;

}

/* ── ITEM 7: SEEN ON — text-only list, no placeholder images ── */

.sai-seen-section { background: #f8f6f2; }

.sai-seen-eye {

  font-size: 9px;

  letter-spacing: .35em;

  text-transform: uppercase;

  color: #c4a882;

  display: block;

  margin-bottom: 8px;

  font-family: 'Jost', sans-serif;

}

.sai-seen-list {

  display: grid;

  grid-template-columns: repeat(5, 1fr);

  gap: 2px;

  background: #d4cec6;

  margin-bottom: 24px;

}

.sai-seen-list-item {

  background: #f8f6f2;

  padding: 24px 18px;

  text-align: center;

}

.sai-seen-list-name {

  font-family: 'Cormorant Garamond', Georgia, serif;

  font-size: 17px;

  font-weight: 300;

  color: #0f0e0c;

  margin-bottom: 6px;

  line-height: 1.2;

}

.sai-seen-list-note {

  font-size: 9px;

  letter-spacing: .1em;

  text-transform: uppercase;

  color: rgba(15,14,12,.45);

  line-height: 1.6;

  font-family: 'Jost', sans-serif;

}

/* ── ITEM 9: MOVEMENT VIDEO ── */

.sai-video-section { background: #0f0e0c; }

.sai-video-wrap {

  position: relative;

  max-height: 80vh;

  overflow: hidden;

  background: #0f0e0c;

}

.sai-movement-video {

  width: 100%;

  max-height: 80vh;

  object-fit: cover;

  display: block;

}

/* video-ph removed — section hidden when no video */

.sai-video-overlay {

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  padding: 40px 32px 28px;

  background: linear-gradient(transparent, rgba(15,14,12,.75));

  pointer-events: none;

}

.sai-video-caption {

  font-family: 'Cormorant Garamond', Georgia, serif;

  font-size: 26px;

  font-weight: 300;

  color: #fff;

  margin-bottom: 4px;

}

.sai-video-sub-caption {

  font-size: 9px;

  letter-spacing: .22em;

  text-transform: uppercase;

  color: rgba(255,255,255,.45);

  font-family: 'Jost', sans-serif;

}

/* ── ITEM 8: CUSTOMER PHOTOS ── */

.sai-ugc-section { background: #ede9e3; }

.sai-ugc-grid {

  display: grid;

  grid-template-columns: repeat(4, 1fr);

  gap: 2px;

  background: #d4cec6;

  margin-bottom: 8px;

}

.sai-ugc-card { background: #ede9e3; overflow: hidden; }

.sai-ugc-img {

  position: relative;

  aspect-ratio: 3/4;

  overflow: hidden;

  background: #d4cec6;

}

.sai-ugc-img img { width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block; }

/* ugc-ph removed — no placeholders shown live */

.sai-ugc-ov { position: absolute; inset: 0; background: linear-gradient(transparent 55%, rgba(15,14,12,.65)); pointer-events: none; }

.sai-ugc-ct { padding: 12px 14px 16px; }

.sai-ugc-quote {

  font-family: 'Cormorant Garamond', Georgia, serif;

  font-size: 14px;

  font-style: italic;

  font-weight: 300;

  color: #0f0e0c;

  line-height: 1.5;

  margin-bottom: 4px;

}

.sai-ugc-loc {

  font-size: 9px;

  letter-spacing: .15em;

  text-transform: uppercase;

  color: rgba(15,14,12,.45);

  font-family: 'Jost', sans-serif;

}

.sai-ugc-cta-text {

  font-family: 'Cormorant Garamond', Georgia, serif;

  font-size: 16px;

  font-style: italic;

  color: rgba(15,14,12,.6);

  margin-bottom: 8px;

}

/* ── RESPONSIVE UPDATES ── */

@media (max-width: 900px) {

  .sai-seen-list { grid-template-columns: repeat(2, 1fr); }

  .sai-ugc-grid  { grid-template-columns: repeat(2, 1fr); }

  .sai-trust     { grid-template-columns: repeat(2, 1fr); }

  .sai-ti        { border-bottom: .5px solid #ede9e3; }

}

@media (max-width: 600px) {

  .sai-seen-list { grid-template-columns: repeat(2, 1fr); }

  .sai-ugc-grid  { grid-template-columns: repeat(2, 1fr); }

  .sai-fit-info  { padding: 12px 14px; }

  .sai-seen-names { font-size: 9px; }

  .sai-video-wrap { max-height: 60vh; }

  .sai-movement-video { max-height: 60vh; }

}

/* ── MOBILE ── */

@media (max-width: 768px) {

  .sai-pdp-grid { grid-template-columns: 1fr; }

  .sai-pdp-info { position: static; max-height: none; padding: 24px 16px 32px; border-left: none; border-top: .5px solid #ede9e3; }

  .sai-sticky-atc { padding: 10px 16px; }

  .sai-bc { padding: 10px 16px; }

  .sai-sec-inner { padding: 0 16px; }

  .sai-sec-h2 { font-size: 26px; }

  .sai-prod-grid-4 { grid-template-columns: repeat(2,1fr); }

  .sai-prod-grid-3 { grid-template-columns: repeat(2,1fr); }

  .template-product .sai-pdp-wrap .sai-prod-grid { grid-template-columns: repeat(2, 1fr) !important; }

}

@media (max-width: 480px) {

  .sai-pdp-title { font-size: 28px !important; }

  .sai-satc-price { display: none; }

  .sai-satc-name { font-size: 13px; }

}

/* EMERGENCY PDP WIDTH FIX */

.sai-pdp-grid{

  grid-template-columns:minmax(0,58%) 520px !important;

  gap:48px !important;

}

.sai-pdp-info{

  border:none !important;

  box-shadow:none !important;

  max-width:none !important;

  width:100% !important;

}

/* FINAL HIDE PDP DIVIDER LINE */

.sai-pdp-info,

.sai-pdp-grid,

.sai-pdp-wrap .product-shop,

.template-product .product-shop,

.template-product .col-md-6.product-shop {

  border-left: none !important;

  border-right: none !important;

  box-shadow: none !important;

  outline: none !important;

}

.sai-pdp-info::before,

.sai-pdp-info::after,

.sai-pdp-grid::before,

.sai-pdp-grid::after,

.template-product .product-shop::before,

.template-product .product-shop::after,

.template-product .col-md-6.product-shop::before,

.template-product .col-md-6.product-shop::after {

  display: none !important;

  content: none !important;

  border: 0 !important;

  box-shadow: none !important;

}

/* ═══════════════════════════════════════════════════════

   SAI SANKOH — CART DRAWER CSS

   Paste at the bottom of assets/custom-style.css

   Do NOT paste in any other file

═══════════════════════════════════════════════════════ */

/* Prevent body scroll when drawer is open */

body.sai-cart-active {

  overflow: hidden;

}

/* ── OVERLAY ── */

.sai-cart-overlay {

  position: fixed;

  inset: 0;

  background: rgba(15,14,12,.55);

  z-index: 800;

  opacity: 0;

  pointer-events: none;

  transition: opacity .35s ease;

}

.sai-cart-overlay.sai-cart-open {

  opacity: 1;

  pointer-events: auto;

}

/* ── DRAWER ── */

.sai-cart-drawer {

  position: fixed;

  top: 0;

  right: 0;

  bottom: 0;

  width: 420px;

  max-width: 100vw;

  background: #f8f6f2;

  z-index: 900;

  display: flex;

  flex-direction: column;

  transform: translateX(100%);

  transition: transform .35s ease;

  font-family: 'Jost', sans-serif;

}

.sai-cart-drawer.sai-cart-open {

  transform: translateX(0);

}

/* ── HEADER ── */

.sai-cart-hd {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 18px 24px;

  background: #0f0e0c;

  flex-shrink: 0;

}

.sai-cart-hd-left {

  display: flex;

  align-items: center;

  gap: 10px;

}

.sai-cart-title {

  font-family: 'Cormorant Garamond', Georgia, serif;

  font-size: 18px;

  font-weight: 300;

  color: #fff;

  letter-spacing: .04em;

}

.sai-cart-count {

  background: #c4a882;

  color: #0f0e0c;

  font-size: 9px;

  font-weight: 600;

  width: 20px;

  height: 20px;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  font-family: 'Jost', sans-serif;

}

.sai-cart-close {

  background: none;

  border: none;

  color: #9a958e;

  cursor: pointer;

  padding: 4px;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: color .2s;

}

.sai-cart-close:hover { color: #fff; }

/* ── FREE SHIPPING BAR ── */

.sai-cart-shipping-bar {

  padding: 10px 24px;

  background: #ede9e3;

  border-bottom: .5px solid #d4cec6;

  flex-shrink: 0;

}

.sai-cart-shipping-text {

  font-size: 10px;

  color: #5a5650;

  letter-spacing: .04em;

  margin-bottom: 6px;

}

.sai-cart-shipping-text span { color: #0f0e0c; font-weight: 500; }

.sai-cart-shipping-track {

  height: 2px;

  background: #d4cec6;

  border-radius: 1px;

  overflow: hidden;

}

.sai-cart-shipping-fill {

  height: 100%;

  background: #c4a882;

  border-radius: 1px;

  transition: width .4s ease;

  width: 0%;

}

.sai-cart-free-ship {

  padding: 8px 24px;

  background: #ede9e3;

  border-bottom: .5px solid #d4cec6;

  font-size: 10px;

  color: #5a5650;

  letter-spacing: .06em;

  flex-shrink: 0;

}

/* ── CART BODY (scrollable — contains items AND recs) ── */

.sai-cart-body {

  flex: 1;

  overflow-y: auto;

  overflow-x: hidden;

  padding: 0;

  display: flex;

  flex-direction: column;

}

.sai-cart-body::-webkit-scrollbar { width: 3px; }

.sai-cart-body::-webkit-scrollbar-thumb { background: #d4cec6; }

/* ── EMPTY STATE ── */

.sai-cart-empty {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  padding: 60px 24px;

  text-align: center;

  gap: 10px;

}

.sai-cart-empty-icon { color: #d4cec6; margin-bottom: 6px; }

.sai-cart-empty-title {

  font-family: 'Cormorant Garamond', Georgia, serif;

  font-size: 22px;

  font-weight: 300;

  color: #1a1814;

}

.sai-cart-empty-sub {

  font-size: 12px;

  color: #9a958e;

  margin-bottom: 8px;

}

.sai-cart-empty-link {

  font-size: 10px;

  letter-spacing: .14em;

  text-transform: uppercase;

  color: #c4a882;

  text-decoration: none;

  border-bottom: .5px solid #c4a882;

  padding-bottom: 1px;

}

/* ── CART ITEM ── */

.sai-cart-item {

  display: grid;

  grid-template-columns: 96px 1fr auto;

  gap: 14px;

  align-items: start;

  padding: 16px 24px;

  border-bottom: .5px solid #ede9e3;

  background: #fff;

  transition: opacity .2s;

}

.sai-cart-item:last-child { border-bottom: none; }

.sai-cart-item-img {

  display: block;

  width: 96px;

  height: auto;

  min-height: 120px;

  overflow: hidden;

  background: #f8f6f2;

  flex-shrink: 0;

}

.sai-cart-item-img img {

  width: 100%;

  height: auto;

  object-fit: unset;

  display: block;

}

.sai-cart-item-info {

  display: flex;

  flex-direction: column;

  gap: 4px;

  min-width: 0;

}

.sai-cart-item-title {

  font-family: 'Cormorant Garamond', Georgia, serif;

  font-size: 15px;

  font-weight: 300;

  color: #1a1814;

  text-decoration: none;

  line-height: 1.3;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

}

.sai-cart-item-variant {

  font-size: 10px;

  color: #9a958e;

  letter-spacing: .06em;

  text-transform: uppercase;

}

.sai-cart-item-price {

  font-size: 13px;

  color: #1a1814;

  font-family: 'Cormorant Garamond', Georgia, serif;

  font-weight: 300;

}

.sai-cart-item-qty {

  display: flex;

  align-items: center;

  gap: 0;

  border: .5px solid #d4cec6;

  width: fit-content;

  margin-top: 6px;

}

.sai-cart-qty-btn {

  width: 28px;

  height: 28px;

  background: none;

  border: none;

  cursor: pointer;

  font-size: 16px;

  color: #5a5650;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: background .15s, color .15s;

  font-family: 'Jost', sans-serif;

  line-height: 1;

}

.sai-cart-qty-btn:hover { background: #0f0e0c; color: #fff; }

.sai-cart-qty-num {

  font-size: 12px;

  color: #1a1814;

  min-width: 24px;

  text-align: center;

  font-family: 'Jost', sans-serif;

  border-left: .5px solid #d4cec6;

  border-right: .5px solid #d4cec6;

  line-height: 28px;

  height: 28px;

  display: block;

}

.sai-cart-item-remove {

  background: none;

  border: none;

  color: #9a958e;

  cursor: pointer;

  padding: 2px;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: color .2s;

  align-self: flex-start;

  margin-top: 2px;

}

.sai-cart-item-remove:hover { color: #8B1A1A; }

/* ── RECOMMENDATIONS ── */

.sai-cart-recs {

  background: #f8f6f2;

  border-top: .5px solid #ede9e3;

  padding: 16px 0 0;

  flex-shrink: 0;

}

.sai-cart-recs-label {

  font-size: 9px;

  letter-spacing: .18em;

  text-transform: uppercase;

  color: #9a958e;

  padding: 0 24px 12px;

}

.sai-cart-recs-grid {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: 2px;

  background: #d4cec6;

}

.sai-cart-rec-card {

  background: #fff;

  display: flex;

  flex-direction: column;

}

.sai-cart-rec-img {

  display: block;

  aspect-ratio: 2/3;

  overflow: hidden;

  background: #ede9e3;

}

.sai-cart-rec-img img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center top;

  display: block;

  transition: transform .3s;

}

.sai-cart-rec-card:hover .sai-cart-rec-img img { transform: scale(1.04); }

.sai-cart-rec-info {

  padding: 8px 10px 6px;

  flex: 1;

}

.sai-cart-rec-name {

  font-family: 'Cormorant Garamond', Georgia, serif;

  font-size: 13px;

  font-weight: 300;

  color: #1a1814;

  line-height: 1.2;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

  margin-bottom: 3px;

}

.sai-cart-rec-price {

  font-size: 11px;

  color: #5a5650;

  font-family: 'Jost', sans-serif;

  margin-bottom: 6px;

}

.sai-cart-rec-atc {

  width: 100%;

  background: #0f0e0c;

  color: #fff;

  font-size: 8px;

  letter-spacing: .12em;

  text-transform: uppercase;

  padding: 8px;

  border: none;

  cursor: pointer;

  font-family: 'Jost', sans-serif;

  transition: background .2s;

  margin-top: auto;

}

.sai-cart-rec-atc:hover { background: #2a2620; }

.sai-cart-rec-atc:disabled {

  background: #9a958e;

  cursor: not-allowed;

}

/* ── FOOTER — sticky at bottom, never scrolls away ── */

.sai-cart-ft {

  padding: 16px 24px 24px;

  border-top: .5px solid #ede9e3;

  background: #f8f6f2;

  flex-shrink: 0;

  position: sticky;

  bottom: 0;

  z-index: 2;

}

.sai-cart-subtotal-row {

  display: flex;

  justify-content: space-between;

  align-items: baseline;

  margin-bottom: 6px;

}

.sai-cart-subtotal-label {

  font-size: 10px;

  letter-spacing: .14em;

  text-transform: uppercase;

  color: #5a5650;

}

.sai-cart-subtotal-val {

  font-family: 'Cormorant Garamond', Georgia, serif;

  font-size: 22px;

  font-weight: 300;

  color: #1a1814;

}

.sai-cart-afterpay {

  font-size: 10px;

  color: #9a958e;

  margin-bottom: 14px;

  line-height: 1.5;

}

.sai-cart-afterpay strong { color: #5a5650; }

/* Trust strip */

.sai-cart-trust {

  padding: 10px 0 14px;

  border-top: .5px solid #ede9e3;

  margin-bottom: 12px;

  display: flex;

  flex-direction: column;

  gap: 5px;

}

.sai-cart-trust-item {

  font-size: 10px;

  color: #5a5650;

  letter-spacing: .04em;

}

.sai-cart-checkout-btn {

  display: block;

  width: 100%;

  background: #0f0e0c;

  color: #fff;

  text-align: center;

  font-size: 10px;

  letter-spacing: .2em;

  text-transform: uppercase;

  padding: 16px;

  text-decoration: none;

  font-family: 'Jost', sans-serif;

  transition: background .2s;

  margin-bottom: 8px;

}

.sai-cart-checkout-btn:hover { background: #2a2620; color: #fff; }

.sai-cart-continue {

  display: block;

  width: 100%;

  background: none;

  border: .5px solid #d4cec6;

  color: #5a5650;

  font-size: 9px;

  letter-spacing: .16em;

  text-transform: uppercase;

  padding: 12px;

  cursor: pointer;

  font-family: 'Jost', sans-serif;

  transition: border-color .2s, color .2s;

  text-align: center;

}

.sai-cart-continue:hover { border-color: #0f0e0c; color: #0f0e0c; }

/* ── MOBILE ── */

@media (max-width: 480px) {

  .sai-cart-drawer { width: 100vw; }

  .sai-cart-item { grid-template-columns: 80px 1fr auto; gap: 10px; padding: 14px 16px; }

  .sai-cart-item-img { width: 80px; }

  .sai-cart-hd { padding: 16px 16px; }

  .sai-cart-ft { padding: 14px 16px 20px; }

  .sai-cart-recs-grid { grid-template-columns: repeat(2, 1fr); }

}

/* ═══════════════════════════════════════════════════════════════

   SAI SANKOH — COLLECTION PAGE REFINEMENT

   Scope: .template-collection only

   Paste at the BOTTOM of assets/custom-style.css

   Do NOT touch homepage, PDP, cart, footer, wishlist CSS

   ═══════════════════════════════════════════════════════════════ */

/* ── FULL WIDTH — break out of theme container ── */

.template-collection .container,

.template-collection .usama.container,

.template-collection .page-width,

.template-collection .collection-main,

.template-collection #MainContent > .container {

  max-width: 100% !important;

  padding-left: 0 !important;

  padding-right: 0 !important;

  margin-left: 0 !important;

  margin-right: 0 !important;

  width: 100% !important;

}

/* ── SIDEBAR — collapse panel only, preserve filter triggers ──

   Only hides the sidebar panel itself.

   Filter buttons/toggles are explicitly preserved below.

   If filters vanish completely: comment out this block and tell Claude. ── */

.template-collection .collection-sidebar,

.template-collection .sidebar,

.template-collection .facets-vertical,

.template-collection #shopify-section-collection-sidebar,

.template-collection .collection__aside {

  display: none !important;

}

/* NEVER hide filter/sort trigger buttons */

.template-collection .facets__open,

.template-collection .facets-toggle,

.template-collection [data-filter-toggle],

.template-collection .filter-toggle,

.template-collection .collection-filters-toggle,

.template-collection button[aria-controls*="filter"],

.template-collection button[aria-controls*="facet"] {

  display: inline-flex !important;

}

/* ── COLLECTION LAYOUT — full width, no sidebar offset ── */

.template-collection .collection-content,

.template-collection .collection-main-content,

.template-collection .collection-products,

.template-collection #collection-products {

  width: 100% !important;

  max-width: 100% !important;

  padding: 0 !important;

  margin: 0 !important;

  float: none !important;

}

/* ── COLLECTION HERO ── */

.template-collection .sai-col-hero {

  position: relative;

  width: 100%;

  height: 520px;

  overflow: hidden;

  background: #0f0e0c;

}

@media (max-width: 768px) {

  .template-collection .sai-col-hero { height: 360px; }

}

.template-collection .sai-col-hero-img {

  position: absolute;

  inset: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center top;

  display: block;

}

.template-collection .sai-col-hero-overlay {

  position: absolute;

  inset: 0;

  background: linear-gradient(to top, rgba(15,14,12,.7) 0%, rgba(15,14,12,.2) 60%, transparent 100%);

}

.template-collection .sai-col-hero-content {

  position: absolute;

  bottom: 48px;

  left: 0;

  right: 0;

  text-align: center;

  z-index: 2;

  padding: 0 24px;

}

.template-collection .sai-col-hero-eyebrow {

  font-size: 10px;

  letter-spacing: .24em;

  text-transform: uppercase;

  color: #c4a882;

  display: block;

  margin-bottom: 10px;

  font-family: 'Jost', sans-serif;

}

.template-collection .sai-col-hero-title {

  font-family: 'Cormorant Garamond', Georgia, serif;

  font-size: clamp(36px, 5vw, 64px);

  font-weight: 300;

  color: #fff;

  line-height: 1.05;

  margin: 0 0 12px;

}

.template-collection .sai-col-hero-desc {

  font-size: 14px;

  color: rgba(255,255,255,.68);

  line-height: 1.7;

  max-width: 480px;

  margin: 0 auto;

  font-family: 'Jost', sans-serif;

}

/* ── CATEGORY NAV TILES ── */

.template-collection .sai-col-catnav {

  display: grid;

  grid-template-columns: repeat(5, 1fr);

  gap: 2px;

  background: #d4cec6;

  width: 100%;

}

@media (max-width: 768px) {

  .template-collection .sai-col-catnav {

    grid-template-columns: repeat(2, 1fr);

  }

}

.template-collection .sai-col-catnav-tile {

  position: relative;

  overflow: hidden;

  aspect-ratio: 3/4;

  display: block;

  text-decoration: none;

  background: #1a1410;

}

.template-collection .sai-col-catnav-img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center top;

  display: block;

  transition: transform .6s ease;

}

.template-collection .sai-col-catnav-tile:hover .sai-col-catnav-img {

  transform: scale(1.04);

}

.template-collection .sai-col-catnav-label {

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  padding: 48px 16px 16px;

  background: linear-gradient(transparent, rgba(15,14,12,.65));

  font-family: 'Cormorant Garamond', Georgia, serif;

  font-size: 18px;

  font-weight: 300;

  color: #fff;

  text-align: center;

}

.template-collection .sai-col-catnav-tile--active .sai-col-catnav-label {

  color: #c4a882;

}

/* ── FILTER/SORT BAR ── */

.template-collection .sai-col-filterbar {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 16px 32px;

  background: #f8f6f2;

  border-bottom: .5px solid #ede9e3;

  border-top: .5px solid #ede9e3;

  gap: 16px;

  flex-wrap: wrap;

}

.template-collection .sai-col-filterbar-left {

  display: flex;

  align-items: center;

  gap: 8px;

  flex-wrap: wrap;

}

.template-collection .sai-col-filterbar-count {

  font-size: 11px;

  color: #9a958e;

  letter-spacing: .06em;

  font-family: 'Jost', sans-serif;

}

/* Override existing filter/sort buttons to match brand */

.template-collection .collection-filter-button,

.template-collection .filter-button,

.template-collection [data-filter-toggle],

.template-collection .facets__heading {

  font-family: 'Jost', sans-serif !important;

  font-size: 10px !important;

  letter-spacing: .16em !important;

  text-transform: uppercase !important;

  color: #1a1814 !important;

  background: transparent !important;

  border: .5px solid #d4cec6 !important;

  padding: 8px 16px !important;

  cursor: pointer !important;

  border-radius: 0 !important;

}

.template-collection .collection-filter-button:hover,

.template-collection .filter-button:hover {

  border-color: #1a1814 !important;

}

/* Sort select */

.template-collection select,

.template-collection .collection-sort select,

.template-collection [name="sort_by"] {

  font-family: 'Jost', sans-serif !important;

  font-size: 10px !important;

  letter-spacing: .14em !important;

  text-transform: uppercase !important;

  color: #1a1814 !important;

  background: transparent !important;

  border: .5px solid #d4cec6 !important;

  padding: 8px 32px 8px 12px !important;

  border-radius: 0 !important;

  appearance: auto !important;

  cursor: pointer !important;

}

/* ── COLLECTION HEADER (existing theme title area) ── */

.template-collection .collection-header,

.template-collection .collection__title,

.template-collection .collection-title-wrap {

  display: none !important;

}

/* ── BREADCRUMB ── */

.template-collection .breadcrumb,

.template-collection nav.breadcrumb {

  padding: 14px 32px !important;

  font-size: 11px !important;

  color: #9a958e !important;

  background: #f8f6f2 !important;

  border-bottom: none !important;

}

.template-collection .breadcrumb a {

  color: #9a958e !important;

  text-decoration: none !important;

}

.template-collection .breadcrumb a:hover { color: #1a1814 !important; }

/* ── PRODUCT GRID — 4 col desktop, 2 col mobile ── */

.template-collection .products-grid,

.template-collection .collection-products-grid,

.template-collection .product-grid,

.template-collection ul.products,

.template-collection .grid.product-grid,

.template-collection #product-grid,

.template-collection .collection-grid,

.template-collection [data-collection-grid] {

  display: grid !important;

  grid-template-columns: repeat(4, 1fr) !important;

  gap: 2px !important;

  background: #d4cec6 !important;

  padding: 0 !important;

  margin: 0 !important;

  list-style: none !important;

  width: 100% !important;

}

@media (max-width: 990px) {

  .template-collection .products-grid,

  .template-collection .collection-products-grid,

  .template-collection .product-grid,

  .template-collection ul.products,

  .template-collection .grid.product-grid,

  .template-collection #product-grid,

  .template-collection .collection-grid,

  .template-collection [data-collection-grid] {

    grid-template-columns: repeat(2, 1fr) !important;

  }

}

/* ── PRODUCT CARD ── */

.template-collection .product-card,

.template-collection .product-item,

.template-collection .grid__item,

.template-collection .product-grid-item,

.template-collection li.product-item,

.template-collection .products-grid > li,

.template-collection .products-grid > div {

  background: #fff !important;

  border: none !important;

  border-radius: 0 !important;

  padding: 0 !important;

  margin: 0 !important;

  overflow: hidden !important;

  display: flex !important;

  flex-direction: column !important;

  width: 100% !important;

}

/* ── PRODUCT CARD IMAGE ── */

.template-collection .product-card .product-image,

.template-collection .product-item .product-image,

.template-collection .card__media,

.template-collection .product-card__image-wrapper,

.template-collection .product-grid-item .product-image,

.template-collection .product-card a.product-image-container,

.template-collection .product-card .product-img-wrapper,

.template-collection .product-card .media {

  position: relative !important;

  overflow: hidden !important;

  aspect-ratio: 2/3 !important;

  background: #ede9e3 !important;

  display: block !important;

  width: 100% !important;

}

.template-collection .product-card .product-image img,

.template-collection .product-item .product-image img,

.template-collection .card__media img,

.template-collection .product-card__image-wrapper img,

.template-collection .product-grid-item img,

.template-collection .product-card img.product-featured-img,

.template-collection .product-card img {

  width: 100% !important;

  height: 100% !important;

  object-fit: cover !important;

  object-position: center top !important;

  display: block !important;

  transition: transform .55s ease !important;

  position: absolute !important;

  inset: 0 !important;

  transform: none !important;

}

.template-collection .product-card:hover img,

.template-collection .product-item:hover img {

  transform: scale(1.04) !important;

}

/* ── PRODUCT CARD INFO ── */

.template-collection .product-card .product-info,

.template-collection .product-item .product-info,

.template-collection .card__content,

.template-collection .product-card__info,

.template-collection .product-grid-item .product-details,

.template-collection .product-card .product-card__details {

  padding: 14px 16px 18px !important;

  background: #fff !important;

  flex: 1 !important;

  display: flex !important;

  flex-direction: column !important;

}

/* ── PRODUCT TITLE ── */

.template-collection .product-card .product-title,

.template-collection .product-card .product-name,

.template-collection .product-item .product-title,

.template-collection .card__heading,

.template-collection .product-card h2,

.template-collection .product-card h3,

.template-collection .product-card .product-card__title {

  font-family: 'Cormorant Garamond', Georgia, serif !important;

  font-size: 16px !important;

  font-weight: 300 !important;

  color: #1a1814 !important;

  line-height: 1.3 !important;

  margin-bottom: 4px !important;

  text-decoration: none !important;

}

/* ── PRODUCT PRICE ── */

.template-collection .product-card .price,

.template-collection .product-item .price,

.template-collection .product-card .product-price,

.template-collection .price__regular,

.template-collection .product-card .money,

.template-collection .product-card__price {

  font-size: 13px !important;

  color: #5a5650 !important;

  font-family: 'Jost', sans-serif !important;

  margin-bottom: 10px !important;

}

/* ── ADD TO CART BUTTON ── */

.template-collection .product-card .btn-cart,

.template-collection .product-card .add-to-cart,

.template-collection .product-card [name="add"],

.template-collection .product-card .product-form__submit,

.template-collection .product-card .btn.add-to-cart,

.template-collection .product-card .atc-button,

.template-collection .product-card button[data-add-to-cart] {

  width: 100% !important;

  background: #0f0e0c !important;

  color: #fff !important;

  font-size: 9px !important;

  letter-spacing: .16em !important;

  text-transform: uppercase !important;

  padding: 11px !important;

  border: none !important;

  border-radius: 0 !important;

  cursor: pointer !important;

  font-family: 'Jost', sans-serif !important;

  transition: background .2s !important;

  margin-top: auto !important;

  text-align: center !important;

}

.template-collection .product-card .btn-cart:hover,

.template-collection .product-card .add-to-cart:hover,

.template-collection .product-card button[data-add-to-cart]:hover {

  background: #2a2620 !important;

}

/* ── SOLD OUT / WAITLIST BUTTON ── */

.template-collection .product-card .sold-out,

.template-collection .product-card button[disabled],

.template-collection .product-card .btn-waitlist {

  background: transparent !important;

  color: #9a958e !important;

  border: .5px solid #d4cec6 !important;

  width: 100% !important;

  font-size: 9px !important;

  letter-spacing: .16em !important;

  text-transform: uppercase !important;

  padding: 11px !important;

  border-radius: 0 !important;

  font-family: 'Jost', sans-serif !important;

  cursor: default !important;

}

/* ── SAVE / WISHLIST BUTTON — keep visible, restyle ── */

.template-collection .product-card .wishlist-btn,

.template-collection .product-card [data-wishlist],

.template-collection .product-card .save-btn,

.template-collection .product-card a[href*="wishlist"],

.template-collection .product-card .product-wishlist {

  position: absolute !important;

  top: 10px !important;

  right: 10px !important;

  z-index: 3 !important;

  background: rgba(248,246,242,.88) !important;

  border: none !important;

  padding: 6px 8px !important;

  font-size: 11px !important;

  color: #1a1814 !important;

  cursor: pointer !important;

  border-radius: 0 !important;

}

/* ── LOOX STARS — keep visible ── */

.template-collection .loox-rating,

.template-collection [data-loox],

.template-collection .spr-badge {

  display: block !important;

  margin-bottom: 8px !important;

}

/* ── PAGINATION ── */

.template-collection .pagination,

.template-collection .paginate {

  padding: 48px 32px !important;

  text-align: center !important;

  background: #f8f6f2 !important;

}

.template-collection .pagination a,

.template-collection .paginate a {

  font-family: 'Jost', sans-serif !important;

  font-size: 10px !important;

  letter-spacing: .16em !important;

  text-transform: uppercase !important;

  color: #1a1814 !important;

  border: .5px solid #d4cec6 !important;

  padding: 10px 20px !important;

  text-decoration: none !important;

  display: inline-block !important;

  margin: 0 4px !important;

  transition: background .2s !important;

}

.template-collection .pagination a:hover,

.template-collection .paginate a:hover {

  background: #0f0e0c !important;

  color: #fff !important;

  border-color: #0f0e0c !important;

}

.template-collection .pagination .current,

.template-collection .paginate .current {

  background: #0f0e0c !important;

  color: #fff !important;

  border-color: #0f0e0c !important;

  padding: 10px 20px !important;

  font-size: 10px !important;

  letter-spacing: .16em !important;

  display: inline-block !important;

  margin: 0 4px !important;

}

/* ── ITEMS PER PAGE / COUNT ROW ── */

.template-collection .items-per-page,

.template-collection .per-page,

.template-collection .collection-count {

  font-family: 'Jost', sans-serif !important;

  font-size: 11px !important;

  color: #9a958e !important;

  padding: 12px 32px !important;

  border-bottom: .5px solid #ede9e3 !important;

  background: #f8f6f2 !important;

}

/* ── EDITORIAL BREAK (injected every 16 products) ── */

.template-collection .sai-col-editorial {

  grid-column: 1 / -1 !important;

  background: #0f0e0c !important;

  padding: 80px 40px !important;

  text-align: center !important;

  width: 100% !important;

}

.template-collection .sai-col-editorial-quote {

  font-family: 'Cormorant Garamond', Georgia, serif !important;

  font-size: clamp(24px, 3.5vw, 48px) !important;

  font-weight: 300 !important;

  font-style: italic !important;

  color: #f8f6f2 !important;

  line-height: 1.3 !important;

  max-width: 700px !important;

  margin: 0 auto 16px !important;

}

.template-collection .sai-col-editorial-attr {

  font-size: 10px !important;

  letter-spacing: .2em !important;

  text-transform: uppercase !important;

  color: #c4a882 !important;

  font-family: 'Jost', sans-serif !important;

}

/* ── FIX 2 — LUNA: exact theme grid selectors ── */

.template-collection .product-collection.products-grid.row {

  display: grid !important;

  grid-template-columns: repeat(4, 1fr) !important;

  gap: 2px !important;

  background: #d4cec6 !important;

  padding: 0 !important;

  margin: 0 !important;

  width: 100% !important;

}

.template-collection .product-collection.products-grid.row > .grid-item {

  width: auto !important;

  max-width: none !important;

  flex: none !important;

  padding: 0 !important;

  margin: 0 !important;

}

@media (max-width: 768px) {

  .template-collection .product-collection.products-grid.row {

    grid-template-columns: repeat(2, 1fr) !important;

  }

}

/* ── FIX 3 — LUNA: exact theme image selectors ── */

.template-collection .product-image,

.template-collection .product-grid-image,

.template-collection .adaptive_height {

  aspect-ratio: 2/3 !important;

  height: auto !important;

  overflow: hidden !important;

  position: relative !important;

}

.template-collection .product-image img,

.template-collection .product-grid-image img,

.template-collection .adaptive_height img {

  width: 100% !important;

  height: 100% !important;

  object-fit: cover !important;

  object-position: center top !important;

  display: block !important;

  position: absolute !important;

  inset: 0 !important;

}

/* ── MOBILE CLEANUP ── */

@media (max-width: 768px) {

  .template-collection .sai-col-filterbar {

    padding: 12px 16px !important;

  }

  .template-collection .breadcrumb {

    padding: 12px 16px !important;

  }

  .template-collection .pagination {

    padding: 32px 16px !important;

  }

  .template-collection .sai-col-editorial {

    padding: 56px 24px !important;

  }

  .template-collection .product-card .product-title,

  .template-collection .product-card .product-name,

  .template-collection .product-card h2,

  .template-collection .product-card h3 {

    font-size: 14px !important;

  }

}

sai-global-refinement.css

/* ═══════════════════════════════════════════════════════════════

   SAI SANKOH — GLOBAL SITE REFINEMENT

   Paste at BOTTOM of assets/custom-style.css

   Covers: header · nav · search · collection · PDP · footer · full-width

   Scoped carefully — does NOT touch homepage, cart drawer, wishlist, Loox, Rebuy

   ═══════════════════════════════════════════════════════════════ */

/* ─────────────────────────────────────────────

   1. GLOBAL FULL-WIDTH — remove boxed containers

   across all non-homepage templates

───────────────────────────────────────────── */

.template-collection .container,

.template-collection .usama.container,

.template-collection .container-padd60,

.template-collection #page-container,

.template-product .container,

.template-product .usama.container,

.template-page .container,

.template-page .usama.container,

.template-list-collections .container,

.template-list-collections .usama.container {

  max-width: 100% !important;

  padding-left: 0 !important;

  padding-right: 0 !important;

  margin-left: 0 !important;

  margin-right: 0 !important;

  width: 100% !important;

}

/* Keep text blocks readable — inner content gets padding back */

.template-collection .collection-content-inner,

.template-product .product-description,

.template-product .sai-prod-info,

.template-page .page-content,

.template-page .rte {

  padding-left: 32px !important;

  padding-right: 32px !important;

  max-width: 100% !important;

}

/* ─────────────────────────────────────────────

   2. HEADER REFINEMENT

   CSS-only. No rebuild. No new files.

───────────────────────────────────────────── */

/* Main header wrapper */

#header,

header.site-header,

.site-header,

#shopify-section-header,

.header-wrapper {

  background: #f8f6f2 !important;

  border-bottom: .5px solid #ede9e3 !important;

  box-shadow: none !important;

}

/* Logo — center it */

.site-header .logo,

.site-header .header-logo,

.site-header .brand,

#header .logo,

#header .brand {

  margin: 0 auto !important;

  display: block !important;

  text-align: center !important;

}

/* Nav links */

.site-header nav a,

.site-header .nav-link,

.site-header .site-nav a,

#header nav a,

#header .nav-item a,

.main-nav a {

  font-family: 'Jost', sans-serif !important;

  font-size: 11px !important;

  letter-spacing: .16em !important;

  text-transform: uppercase !important;

  color: #1a1814 !important;

  font-weight: 400 !important;

  text-decoration: none !important;

  padding: 0 14px !important;

  transition: color .2s !important;

}

.site-header nav a:hover,

#header nav a:hover { color: #c4a882 !important; }

/* Header icons — search, account, cart, wishlist */

.site-header .header-icon,

.site-header .icon-cart,

.site-header .icon-account,

.site-header .icon-search,

.site-header .icon-wishlist,

#header .header-icon,

#header .icon-cart,

#header .icon-account {

  color: #1a1814 !important;

  font-size: 14px !important;

}

/* Announcement bar refinement */

.announcement-bar,

.site-announcement-bar,

#announcement-bar,

.shopify-section-announcement-bar > div {

  background: #0f0e0c !important;

  color: #c4a882 !important;

  font-family: 'Jost', sans-serif !important;

  font-size: 10px !important;

  letter-spacing: .18em !important;

  text-transform: uppercase !important;

  padding: 9px 20px !important;

  text-align: center !important;

  border: none !important;

}

.announcement-bar a,

.site-announcement-bar a {

  color: #c4a882 !important;

  text-decoration: none !important;

}

/* ─────────────────────────────────────────────

   3. SEARCH — make it visible and clean

───────────────────────────────────────────── */

/* Search icon — ensure visible */

.site-header .search-toggle,

.site-header [data-search-toggle],

.site-header .header-search,

#header .search-icon,

#header .icon-search,

.header-search-icon {

  display: inline-flex !important;

  align-items: center !important;

  opacity: 1 !important;

  visibility: visible !important;

  cursor: pointer !important;

}

/* Search overlay / drawer */

.search-overlay,

.search-drawer,

#search-drawer,

.predictive-search-results,

#predictive-search {

  background: #f8f6f2 !important;

  border-bottom: .5px solid #ede9e3 !important;

}

/* Search input */

.search-overlay input[type="search"],

.search-overlay input[type="text"],

#search-drawer input,

.search-form input {

  font-family: 'Cormorant Garamond', Georgia, serif !important;

  font-size: 24px !important;

  font-weight: 300 !important;

  color: #1a1814 !important;

  background: transparent !important;

  border: none !important;

  border-bottom: .5px solid #1a1814 !important;

  border-radius: 0 !important;

  padding: 12px 0 !important;

  width: 100% !important;

  outline: none !important;

}

.search-overlay input::placeholder,

#search-drawer input::placeholder {

  color: #d4cec6 !important;

}

/* Search results product cards */

.predictive-search__item,

.search-result-item,

.search-results .product-item {

  padding: 12px 0 !important;

  border-bottom: .5px solid #ede9e3 !important;

  font-family: 'Jost', sans-serif !important;

  font-size: 13px !important;

}

/* ─────────────────────────────────────────────

   4. DROPDOWN / NAV MENU — modernize

───────────────────────────────────────────── */

.dropdown-menu,

.nav-dropdown,

.site-header .submenu,

#header .dropdown-menu,

.main-nav .dropdown {

  background: #f8f6f2 !important;

  border: none !important;

  border-top: .5px solid #ede9e3 !important;

  border-bottom: .5px solid #ede9e3 !important;

  border-radius: 0 !important;

  box-shadow: 0 8px 32px rgba(15,14,12,.06) !important;

  padding: 24px 0 !important;

}

.dropdown-menu a,

.nav-dropdown a,

.site-header .submenu a,

.main-nav .dropdown a {

  font-family: 'Jost', sans-serif !important;

  font-size: 11px !important;

  letter-spacing: .14em !important;

  text-transform: uppercase !important;

  color: #1a1814 !important;

  padding: 8px 24px !important;

  display: block !important;

  transition: color .2s !important;

}

.dropdown-menu a:hover,

.nav-dropdown a:hover { color: #c4a882 !important; }

/* ─────────────────────────────────────────────

   5. COLLECTION PAGE — sort fix attempt + refinement

───────────────────────────────────────────── */

/* Full width */

.template-collection #page-container,

.template-collection .collection-template,

.template-collection .collection-page {

  max-width: 100% !important;

  padding: 0 !important;

}

/* Product grid — covers all known theme variants */

.template-collection .products-grid,

.template-collection .product-grid,

.template-collection .collection-grid,

.template-collection .product-collection.products-grid.row,

.template-collection ul.products,

.template-collection #product-grid {

  display: grid !important;

  grid-template-columns: repeat(4, 1fr) !important;

  gap: 2px !important;

  background: #d4cec6 !important;

  list-style: none !important;

  padding: 0 !important;

  margin: 0 !important;

  width: 100% !important;

}

/* Grid items */

.template-collection .products-grid > li,

.template-collection .products-grid > div,

.template-collection .product-collection.products-grid.row > .grid-item,

.template-collection .product-grid > li,

.template-collection .product-grid > .grid-item {

  width: auto !important;

  max-width: none !important;

  flex: none !important;

  float: none !important;

  padding: 0 !important;

  margin: 0 !important;

  background: #fff !important;

}

/* Product images */

.template-collection .product-image,

.template-collection .product-grid-image,

.template-collection .adaptive_height,

.template-collection .product-card .media,

.template-collection .product-card .card__media {

  aspect-ratio: 2/3 !important;

  height: auto !important;

  overflow: hidden !important;

  position: relative !important;

  background: #ede9e3 !important;

}

.template-collection .product-image img,

.template-collection .product-grid-image img,

.template-collection .adaptive_height img,

.template-collection .product-card img {

  width: 100% !important;

  height: 100% !important;

  object-fit: cover !important;

  object-position: center top !important;

  position: absolute !important;

  inset: 0 !important;

  display: block !important;

}

/* Price — elegant, lighter */

.template-collection .product-price,

.template-collection .price,

.template-collection .money,

.template-collection .price__regular,

.template-collection .product-card .price {

  font-size: 12px !important;

  font-weight: 300 !important;

  color: #5a5650 !important;

  font-family: 'Jost', sans-serif !important;

  letter-spacing: .04em !important;

}

/* Product title */

.template-collection .product-title,

.template-collection .product-name,

.template-collection h3.product-title,

.template-collection .product-card h3 {

  font-family: 'Cormorant Garamond', Georgia, serif !important;

  font-size: 15px !important;

  font-weight: 300 !important;

  color: #1a1814 !important;

  line-height: 1.3 !important;

}

/* Sort select — ensure it works visually */

.template-collection .bootstrap-select,

.template-collection .sort-by,

.template-collection .toolbar-sorter {

  min-width: 220px !important;

  overflow: visible !important;

}

.template-collection select[name="sort_by"],

.template-collection #collection-sort,

.template-collection .toolbar-sorter select,

.template-collection .sort-by select {

  font-family: 'Jost', sans-serif !important;

  font-size: 10px !important;

  letter-spacing: .14em !important;

  text-transform: uppercase !important;

  color: #1a1814 !important;

  background: #f8f6f2 !important;

  border: .5px solid #d4cec6 !important;

  padding: 8px 32px 8px 14px !important;

  min-width: 220px !important;

  border-radius: 0 !important;

  cursor: pointer !important;

  appearance: auto !important;

  -webkit-appearance: auto !important;

}

/* Collection mobile */

@media (max-width: 990px) {

  .template-collection .products-grid,

  .template-collection .product-grid,

  .template-collection .product-collection.products-grid.row {

    grid-template-columns: repeat(2, 1fr) !important;

  }

}

/* ─────────────────────────────────────────────

   6. PDP — vertical line fix + refinements

───────────────────────────────────────────── */

/* Remove the mystery vertical line */

.template-product .sai-prod-info,

.template-product .product-single__meta,

.template-product .product-info,

.template-product .product__info-container,

.template-product .product-single__info-wrapper {

  border-left: none !important;

  border-right: none !important;

  box-shadow: none !important;

}

.template-product .sai-prod-info::before,

.template-product .sai-prod-info::after,

.template-product .product-single__meta::before,

.template-product .product-single__meta::after,

.template-product .product-info::before,

.template-product .product-info::after {

  display: none !important;

  border: none !important;

  content: none !important;

}

/* PDP container full-width */

.template-product .sai-prod-grid {

  width: 100% !important;

  max-width: 100% !important;

  padding: 0 !important;

}

/* ─────────────────────────────────────────────

   8. NAV LABEL CONSISTENCY

   Force all nav items to same case/weight

───────────────────────────────────────────── */

.site-header nav a,

.main-nav a,

#header .nav-item a {

  text-transform: uppercase !important;

  font-size: 11px !important;

  letter-spacing: .16em !important;

  font-weight: 400 !important;

}

/* ─────────────────────────────────────────────

   9. ABOUT PAGE — full width + consistency

───────────────────────────────────────────── */

.template-page .sai-about-page,

.template-page .sai-sairen-page {

  /* already full-width via their own CSS — just ensure wrapper is clean */

  margin-top: 0 !important;

}

.template-page .page-container,

.template-page #page-container {

  padding: 0 !important;

  max-width: 100% !important;

}

/* ── SAI SANKOH — PDP vertical line fix ── */

.template-product .sai-prod-info,

.template-product .product-single__meta,

.template-product .product-info,

.template-product .product__info-container,

.template-product .product-single__info-wrapper,

.template-product .col-md-6 + .col-md-6,

.template-product .col-lg-6 + .col-lg-6,

.template-product .product-right,

.template-product .product-detail {

  border-left: none !important;

  border-right: none !important;

  border-top: none !important;

  box-shadow: none !important;

}

.template-product .sai-prod-info::before,

.template-product .sai-prod-info::after,

.template-product .product-single__meta::before,

.template-product .product-single__meta::after,

.template-product .product-info::before,

.template-product .product-info::after,

.template-product .product-right::before,

.template-product .product-right::after {

  display: none !important;

  border: none !important;

  content: none !important;

}

/* ── SAI SANKOH — PDP column divider line — final fix ── */

.sai-pdp-images {

  border-right: none !important;

  box-shadow: none !important;

}

.sai-pdp-info {

  border-left: none !important;

  box-shadow: none !important;

}

.sai-pdp-grid {

  border: none !important;

  gap: 0 !important;

  column-gap: 40px !important;

}

.sai-pdp-grid > div {

  border: none !important;

  box-shadow: none !important;

  outline: none !important;

}

/* ── EMERGENCY PDP LINE FIX removed June 2026 — border rules handled by .sai-pdp-grid > div above ── */

.sai-pdp-grid {

  background: #f8f6f2 !important;

}

/* ── SAI SANKOH — PDP GRID REBALANCE v2 ── */

.sai-pdp-grid {

  grid-template-columns: minmax(0, 48%) 1fr !important;

  gap: 0 !important;

  column-gap: 64px !important;

  background: #f8f6f2 !important;

}

.sai-pdp-images {

  border-right: none !important;

  box-shadow: none !important;

  background: transparent !important;

}

.sai-pdp-info {

  border-left: none !important;

  box-shadow: none !important;

  background: #f8f6f2 !important;

  padding: 40px 40px 48px 0 !important;

  max-width: none !important;

  width: 100% !important;

  min-width: 0 !important;

}

.sai-pdp-wrap,

.sai-pdp-wrap .sai-pdp-grid,

.sai-pdp-wrap .sai-pdp-images,

.sai-pdp-wrap .sai-pdp-info {

  background: #f8f6f2 !important;

}

/* ── SAI SANKOH — PDP button refinement ── */

.sai-size-callout {

  padding: 10px 14px !important;

  margin-bottom: 12px !important;

}

.sai-size-badge {

  font-size: 7px !important;

  padding: 2px 7px !important;

}

.sai-size-text {

  font-size: 10px !important;

  line-height: 1.5 !important;

}

/* ATC button — slimmer, more elegant */

.sai-btn-atc {

  padding: 13px 20px !important;

  font-size: 9px !important;

  letter-spacing: .2em !important;

}

/* SAVE button — match ATC height */

.sai-wishlist-btn {

  padding: 13px 12px !important;

  font-size: 8px !important;

  min-width: 64px !important;

  width: 64px !important;

}

/* Purchase row tighten */

.sai-purchase-row {

  gap: 6px !important;

  margin-bottom: 6px !important;

}

/* Shop Pay — slimmer */

.sai-shop-pay,

.sai-shop-pay shopify-payment-button,

.sai-shop-pay .shopify-payment-button__button {

  min-height: 44px !important;

}

/* Trust strip — tighten */

.sai-trust {

  margin-bottom: 16px !important;

}

.sai-ti {

  padding: 8px 4px !important;

  font-size: 8px !important;

}

/* ─────────────────────────────────────────────

   2. COLLECTION TITLE FIX

   Move title out of grid — own block,

   no overlap, 56px below before products

───────────────────────────────────────────── */

.template-collection .collection-title,

.template-collection h1.title,

.template-collection .collection-hero__title,

.template-collection .collection__title,

.template-collection .page-title,

.template-collection h1 {

  display: block !important;

  width: 100% !important;

  padding: 40px 40px 0 !important;

  margin-bottom: 0 !important;

  text-align: center !important;

  position: relative !important;

  z-index: 2 !important;

  float: none !important;

  font-family: 'Cormorant Garamond', Georgia, serif !important;

  font-size: clamp(28px, 4vw, 56px) !important;

  font-weight: 300 !important;

  color: #1a1814 !important;

  letter-spacing: .04em !important;

}

/* Spacing between title and first product row */

.template-collection .collection-title + *,

.template-collection h1 + .products-grid,

.template-collection h1 + .row,

.template-collection h1 + [class*="grid"],

.template-collection h1 + .collection-products {

  margin-top: 40px !important;

  padding-top: 16px !important;

}

/* Ensure grid doesn't start behind the title */

.template-collection .products-grid,

.template-collection .row.products-grid,

.template-collection .collection-products {

  clear: both !important;

}

@media (max-width: 768px) {

  .template-collection .collection-title,

  .template-collection h1.title,

  .template-collection h1 {

    padding: 28px 20px 0 !important;

  }

}

/* ─────────────────────────────────────────────

   3. HEADER ICON REFINEMENT

   Thinner stroke, smaller footprint,

   more elegant — no functionality change

───────────────────────────────────────────── */

/* Icon wrapper sizing */

.site-header__icons,

.header-icons,

.header__icons,

[class*="header"] .icons,

#header .icons,

.header-cart,

.header-search,

.header-account {

  gap: 4px !important;

}

/* All header SVG icons — thinner, smaller */

.site-header svg,

header svg,

#header svg,

.header__cart svg,

.header__search svg,

.header__account svg,

[class*="header-icon"] svg,

.cart-icon svg,

.search-icon svg,

.account-icon svg {

  width: 18px !important;

  height: 18px !important;

  stroke-width: 1 !important;

  stroke: #1a1814 !important;

  fill: none !important;

  transition: stroke .2s !important;

}

.site-header svg:hover,

header svg:hover {

  stroke: #c4a882 !important;

}

/* Cart count badge — smaller, refined */

.cart-count,

.cart-item-count,

[class*="cart-count"],

.header__cart-count {

  font-size: 9px !important;

  font-weight: 400 !important;

  font-family: 'Jost', Arial, sans-serif !important;

  letter-spacing: .06em !important;

  width: 16px !important;

  height: 16px !important;

  line-height: 16px !important;

  background: #c4a882 !important;

  color: #0f0e0c !important;

  border-radius: 50% !important;

}

/* ─────────────────────────────────────────────

   4. COLLECTION CARD REFINEMENT

   More luxury breathing room, less catalog

   Maintain 4-col layout

───────────────────────────────────────────── */

/* Product card — more air */

.template-collection .product-card,

.template-collection .product-item,

.template-collection .grid__item,

.template-collection .product-collection,

.template-collection [class*="product-card"] {

  padding-bottom: 8px !important;

}

/* Product image — slight bottom margin */

.template-collection .product-card__image,

.template-collection .product-item__image,

.template-collection .product-image-wrapper,

.template-collection [class*="product-image"] {

  margin-bottom: 14px !important;

}

/* Product title — lighter, more editorial */

.template-collection .product-card__title,

.template-collection .product-item__title,

.template-collection .product-title,

.template-collection [class*="product-title"],

.template-collection .product-card h3,

.template-collection .product-card h2 {

  font-family: 'Cormorant Garamond', Georgia, serif !important;

  font-size: 15px !important;

  font-weight: 300 !important;

  color: #1a1814 !important;

  letter-spacing: .03em !important;

  line-height: 1.3 !important;

  margin-bottom: 5px !important;

}

/* Price — reduced visual weight */

.template-collection .price,

.template-collection .product-price,

.template-collection [class*="product-price"],

.template-collection .price__regular,

.template-collection .price-item,

.template-collection s.price,

.template-collection .product-card .price {

  font-family: 'Jost', Arial, sans-serif !important;

  font-size: 12px !important;

  font-weight: 300 !important;

  color: #9a958e !important;

  letter-spacing: .04em !important;

}

/* CTA — subtle underline style */

.template-collection .product-card__cta,

.template-collection .product-card a.button,

.template-collection .product-item .btn,

.template-collection [class*="add-to-cart"] {

  font-size: 9px !important;

  letter-spacing: .14em !important;

  font-weight: 400 !important;

  text-transform: uppercase !important;

  color: #9a958e !important;

  background: transparent !important;

  border: none !important;

  padding: 0 !important;

  margin-top: 6px !important;

  display: block !important;

  transition: color .2s !important;

}

.template-collection [class*="add-to-cart"]:hover { color: #1a1814 !important; }

/* Grid gap — more breathing room */

.template-collection .products-grid,

.template-collection .row.products-grid,

.template-collection ul.products-grid {

  gap: 24px 16px !important;

}

@media (max-width: 768px) {

  .template-collection .products-grid { gap: 16px 10px !important; }

}

/* ─────────────────────────────────────────────

   5. PRICE STYLING — global

   Product name leads. Price supports.

   Works on collection + PDP + homepage

───────────────────────────────────────────── */

.price,

.product-price,

[class*="product-price"]:not(.compare-price),

.price__regular,

.price-item--regular,

.price-item {

  font-size: 12px !important;

  font-weight: 300 !important;

  color: #9a958e !important;

  letter-spacing: .04em !important;

}

/* Sale price — keep slightly more visible but still subtle */

.price--sale .price-item--sale,

.price__sale,

[class*="price-sale"] {

  color: #1a1814 !important;

  font-weight: 400 !important;

}

/* Compare-at / original price */

.price__compare,

.price-item--regular.price-item--last,

s.price,

del.price {

  color: #d4cec6 !important;

  font-size: 11px !important;

  text-decoration: line-through !important;

}

/* ─────────────────────────────────────────────

   6. HEADER CLEANUP

   Remove SORT BY from appearing as nav item

   It's utility, not destination

───────────────────────────────────────────── */

/* Hide any nav item whose text is "SORT BY" or "Sort By" */

.site-nav a[href*="sort"],

.site-nav li a:not([href])[data-label*="sort" i],

header nav a[href="#sort"],

.nav-item--sort,

[class*="nav"] a[aria-label*="sort" i] {

  display: none !important;

}

/* Target by text content via attribute — covers most themes */

.site-nav__item--sort-by,

li.nav__item[data-nav-item="sort-by"],

.header-menu__item[data-item="sort-by"] {

  display: none !important;

}

/* ─────────────────────────────────────────────

   7. PDP RECOMMENDATION IMAGE FIX

   Style It Like A Sairen / Sairens Who Loved /

   Recommended Products — no aggressive crop

───────────────────────────────────────────── */

/* Rebuy + FBT + custom recommendation sections */

.sai-fbt-img,

.rebuy-product__image,

.rebuy-product img,

[class*="recommendation"] img,

[class*="recently-viewed"] img,

[class*="style-it"] img,

[class*="sairen"] img,

.product-recommendations img,

.sai-recs img,

.sai-sairen img,

.sai-wear-with img {

  object-fit: contain !important;

  object-position: center bottom !important;

  background: #f8f6f2 !important;

}

/* Wrapper — give enough height for long silhouettes */

.sai-fbt-card,

.rebuy-product,

[class*="recommendation-card"],

[class*="recently-viewed-card"],

.sai-recs-card,

.sai-sairen-card {

  aspect-ratio: 3/4 !important;

  overflow: hidden !important;

  background: #f8f6f2 !important;

}

/* Pants, kaftans, long dresses — taller container if needed */

.sai-fbt-card--tall,

.rebuy-product--tall {

  aspect-ratio: 2/3 !important;

}

/* ═══════════════════════════════════════════════════

   SAI SANKOH — FOOTER FINAL

   Single block. Delete all previous footer blocks.

   Paste only this at the bottom of custom-style.css.

═══════════════════════════════════════════════════ */

/* OUTER WRAPPER */

footer,

.site-footer,

#footer,

.footer-wrapper,

#shopify-section-footer,

#shopify-section-footer > div,

#shopify-section-footer > section {

  background: #0f0e0c !important;

  border-top: .5px solid #1e1c18 !important;

  padding: 0 !important;

  margin: 0 !important;

  font-family: 'Jost', Arial, sans-serif !important;

}

/* MAIN 2-COL GRID */

.footer-top,

footer > .footer-top,

.site-footer > .footer-top,

#shopify-section-footer .footer-top {

  display: grid !important;

  grid-template-columns: 1fr 2fr !important;

  gap: 0 !important;

  padding: 0 !important;

  border-bottom: .5px solid #1e1c18 !important;

}

/* LEFT COLUMN */

.footer-left,

footer .footer-left,

.site-footer .footer-left {

  padding: 24px 28px 24px !important;

  border-right: .5px solid #1e1c18 !important;

}

/* RIGHT COLUMN */

.footer-right,

footer .footer-right,

.site-footer .footer-right {

  padding: 24px 28px 24px !important;

}

/* TAGLINE */

.footer-tagline,

footer .footer-tagline {

  font-family: 'Cormorant Garamond', Georgia, serif !important;

  font-size: 14px !important;

  font-weight: 300 !important;

  color: #f8f6f2 !important;

  line-height: 1.25 !important;

  margin-bottom: 4px !important;

}

/* SUBTEXT */

.footer-sub,

footer .footer-sub {

  font-size: 10px !important;

  color: rgba(248,246,242,.35) !important;

  line-height: 1.5 !important;

  margin-bottom: 10px !important;

}

/* FORM ROW — horizontal single line */

.form-row,

footer .form-row,

.site-footer .form-row {

  display: flex !important;

  flex-direction: row !important;

  flex-wrap: nowrap !important;

  border: .5px solid rgba(248,246,242,.15) !important;

  margin-bottom: 0 !important;

  max-width: 300px !important;

}

.form-input,

footer .form-input,

.site-footer .form-input {

  flex: 1 !important;

  background: transparent !important;

  border: none !important;

  border-right: .5px solid rgba(248,246,242,.1) !important;

  padding: 9px 10px !important;

  font-size: 11px !important;

  color: #f8f6f2 !important;

  font-family: 'Jost', Arial, sans-serif !important;

  outline: none !important;

  min-width: 0 !important;

}

.form-input:last-of-type { border-right: none !important; }

.form-input::placeholder { color: rgba(248,246,242,.2) !important; }

/* PHONE ROW — hidden */

.form-phone,

footer .form-phone,

.site-footer .form-phone { display: none !important; }

/* SUBSCRIBE BUTTON */

.btn-subscribe,

footer .btn-subscribe,

.site-footer .btn-subscribe {

  width: auto !important;

  background: #c4a882 !important;

  border: none !important;

  color: #0f0e0c !important;

  font-size: 8px !important;

  letter-spacing: .16em !important;

  text-transform: uppercase !important;

  padding: 9px 14px !important;

  cursor: pointer !important;

  font-family: 'Jost', Arial, sans-serif !important;

  white-space: nowrap !important;

  flex-shrink: 0 !important;

  margin-top: 0 !important;

  transition: background .2s !important;

}

.btn-subscribe:hover { background: #f8f6f2 !important; color: #0f0e0c !important; }

/* CONSENT TEXT */

.form-consent,

footer .form-consent {

  font-size: 9px !important;

  color: rgba(248,246,242,.2) !important;

  line-height: 1.4 !important;

  margin-top: 6px !important;

  max-width: 300px !important;

}

/* SOCIAL ICONS — sit in bottom bar on the right */

.footer-social,

footer .footer-social,

.site-footer .social-icons {

  display: flex !important;

  gap: 14px !important;

  align-items: center !important;

  margin-top: 0 !important;

}

.footer-social a,

footer .footer-social a {

  color: rgba(248,246,242,.35) !important;

  display: inline-flex !important;

  line-height: 1 !important;

  transition: color .2s !important;

}

.footer-social a:hover { color: #c4a882 !important; }

.footer-social svg,

footer .footer-social svg {

  width: 15px !important;

  height: 15px !important;

  stroke-width: 1.2 !important;

}

/* If social icons are inside .footer-left, push to bottom */

.footer-left .footer-social,

.footer-left [class*="social"] {

  margin-top: 14px !important;

}

/* NAV HEADINGS */

footer h3, footer h4,

footer .footer-nav-title,

footer .footer-col-title,

.site-footer h3, .site-footer h4 {

  font-family: 'Cormorant Garamond', Georgia, serif !important;

  font-size: 10px !important;

  font-weight: 300 !important;

  letter-spacing: .22em !important;

  text-transform: uppercase !important;

  color: rgba(248,246,242,.9) !important;

  margin-bottom: 8px !important;

  line-height: 1 !important;

}

/* NAV LINKS */

footer a, .site-footer a, #footer a {

  font-size: 11px !important;

  font-weight: 300 !important;

  color: rgba(248,246,242,.4) !important;

  text-decoration: none !important;

  letter-spacing: .04em !important;

  line-height: 1.75 !important;

  display: block !important;

  transition: color .2s !important;

}

footer a:hover, .site-footer a:hover { color: #c4a882 !important; }

footer ul, footer ol, .site-footer ul {

  list-style: none !important;

  padding: 0 !important;

  margin: 0 !important;

}

footer li, .site-footer li { margin: 0 !important; padding: 0 !important; }

footer p, .site-footer p {

  font-size: 11px !important;

  color: rgba(248,246,242,.3) !important;

  line-height: 1.6 !important;

  margin-bottom: 4px !important;

}

/* BOTTOM BAR — copyright left, social icons right */

.footer-bottom,

footer .footer-bottom,

.footer-credits,

footer .footer-credits,

.site-footer .footer-credits {

  display: flex !important;

  align-items: center !important;

  justify-content: space-between !important;

  padding: 12px 28px !important;

  border-top: .5px solid rgba(248,246,242,.06) !important;

  margin-top: 0 !important;

  font-size: 10px !important;

  color: rgba(248,246,242,.2) !important;

  letter-spacing: .06em !important;

  flex-wrap: wrap !important;

  gap: 10px !important;

}

/* RECOMMENDATION CARDS — fix cropping */

[class*="sairen"] img,

[class*="Sairen"] img,

[class*="also-loved"] img,

[class*="style-it"] img,

[class*="complete-look"] img,

[class*="wear-with"] img,

.rebuy-product img,

.rebuy-product__image {

  object-fit: contain !important;

  object-position: center bottom !important;

  background: #f8f6f2 !important;

  width: 100% !important;

  height: 100% !important;

  display: block !important;

}

[class*="sairen"] .product-image,

[class*="sairen"] .product-image-wrapper,

[class*="also-loved"] .product-image,

.rebuy-product__image-wrapper {

  aspect-ratio: 3/4 !important;

  overflow: hidden !important;

  background: #f8f6f2 !important;

}

[class*="sairen"] .product-info,

[class*="also-loved"] .product-info,

.rebuy-product__info {

  padding: 6px 8px !important;

  min-height: auto !important;

}

[class*="sairen"] .product-title,

[class*="sairen"] h3,

[class*="also-loved"] h3,

.rebuy-product__title {

  font-size: 12px !important;

  font-weight: 300 !important;

  font-family: 'Cormorant Garamond', Georgia, serif !important;

  line-height: 1.2 !important;

  margin: 0 0 2px !important;

  white-space: nowrap !important;

  overflow: hidden !important;

  text-overflow: ellipsis !important;

}

[class*="sairen"] .price,

[class*="also-loved"] .price,

.rebuy-product__price {

  font-size: 11px !important;

  font-weight: 300 !important;

  color: #9a958e !important;

  line-height: 1 !important;

  margin: 0 !important;

}

[class*="sairen"] .btn,

[class*="also-loved"] .btn,

[class*="also-loved"] button,

.rebuy-product .rebuy-button {

  padding: 7px 12px !important;

  font-size: 8px !important;

  min-height: auto !important;

  height: auto !important;

  line-height: 1 !important;

}

/* MOBILE */

@media (max-width: 768px) {

  .footer-top,

  footer > .footer-top {

    display: block !important;

    grid-template-columns: 1fr !important;

  }

  .footer-left,

  .footer-right {

    padding: 20px 20px 16px !important;

    border-right: none !important;

  }

  .footer-left {

    border-bottom: .5px solid rgba(248,246,242,.08) !important;

  }

  .footer-right {

    display: grid !important;

    grid-template-columns: 1fr 1fr !important;

    gap: 16px 20px !important;

  }

  .form-row,

  footer .form-row { max-width: 100% !important; }

  .footer-bottom,

  .footer-credits {

    padding: 12px 20px !important;

    flex-direction: column !important;

    gap: 10px !important;

    text-align: center !important;

  }

  .footer-social,

  footer .footer-social { justify-content: center !important; }

  footer h3, footer h4 { font-size: 10px !important; }

  .form-consent,

  footer .form-consent { max-width: 100% !important; }

}

/* ═══ END SAI SANKOH FOOTER FINAL ═══ */

/* ═══════════════════════════════════════════════════════════

   SAI SANKOH — COLLECTION BANNER FIX

   

   Problem: Previous collection title CSS broke the banner

   wrapper grid, creating an empty beige column with the

   title floating right ("SERENGE...").

   

   Root cause: grid-column:1/-1 and flex:none on h1 inside

   a grid/flex banner container displaced the layout.

   

   Fix: Neutralize all previous collection title overrides,

   then correctly handle both states:

   A) Banner exists — show image + centered title cleanly

   B) No banner — remove container entirely, products start immediately

   

   Paste at BOTTOM of custom-style.css

   This REPLACES the collection title block from before.

═══════════════════════════════════════════════════════════ */

/* ── STEP 1: UNDO the previous broken title fix ── */

.template-collection .collection-content-inner h1,

.template-collection .collection__title,

.template-collection h1.title,

.template-collection .page-title,

.template-collection #collection-title {

  /* Reset everything the previous fix set */

  grid-column: unset !important;

  flex: unset !important;

  float: none !important;

  position: static !important;

  align-self: unset !important;

  /* Keep these */

  width: 100% !important;

  text-align: center !important;

  font-family: 'Cormorant Garamond', Georgia, serif !important;

  font-size: clamp(26px, 3.5vw, 52px) !important;

  font-weight: 300 !important;

  color: #1a1814 !important;

  letter-spacing: .06em !important;

  line-height: 1 !important;

  margin: 0 !important;

  padding: 24px 20px 20px !important;

  display: block !important;

}

/* ── STEP 2: FIX the banner wrapper ── */

/* If the theme uses a 2-col grid for banner (image + title side by side)

   reset it to single column stack */

.template-collection .collection-hero,

.template-collection .collection-banner,

.template-collection .collection-header,

.template-collection .page-header,

.template-collection [class*="collection-hero"],

.template-collection [class*="collection-banner"],

.template-collection [class*="collection-header"] {

  display: block !important;

  width: 100% !important;

  position: relative !important;

  /* Remove any grid or flex that was splitting image/title into columns */

  grid-template-columns: unset !important;

  grid-template-rows: unset !important;

}

/* ── STEP 3: OPTION A — If collection has an image, show it ── */

.template-collection .collection-hero__image,

.template-collection .collection-banner__image,

.template-collection .collection__image,

.template-collection .page-header__image,

.template-collection [class*="collection-image"] {

  display: block !important;

  width: 100% !important;

  max-height: 320px !important;

  overflow: hidden !important;

  position: relative !important;

}

.template-collection .collection-hero__image img,

.template-collection .collection-banner__image img,

.template-collection .collection__image img,

.template-collection [class*="collection-image"] img {

  width: 100% !important;

  height: 100% !important;

  object-fit: cover !important;

  object-position: center top !important;

  display: block !important;

  min-height: 200px !important;

  max-height: 320px !important;

}

/* ── STEP 4: OPTION B — If no image, kill the empty container ── */

/* Empty banner wrapper with no image — zero height, no background */

.template-collection .collection-hero:not(:has(img)),

.template-collection .collection-banner:not(:has(img)),

.template-collection .page-header:not(:has(img)) {

  min-height: 0 !important;

  height: auto !important;

  padding: 0 !important;

  background: transparent !important;

}

/* The beige box specifically — reset background on the banner wrapper */

.template-collection .collection-hero,

.template-collection .collection-banner,

.template-collection .page-header {

  background: transparent !important;

  min-height: 0 !important;

}

/* If the banner uses ::before or ::after for the beige bg — remove it */

.template-collection .collection-hero::before,

.template-collection .collection-hero::after,

.template-collection .collection-banner::before,

.template-collection .collection-banner::after,

.template-collection .page-header::before,

.template-collection .page-header::after {

  display: none !important;

  content: none !important;

}

/* ── STEP 5: KILL the empty right column specifically ── */

/* If the theme grid had: [image col] [title col]

   and the title went to the right while image was empty —

   this targets that specific ghost column */

.template-collection .collection-hero > *:empty,

.template-collection .collection-banner > *:empty,

.template-collection .page-header > *:empty {

  display: none !important;

  width: 0 !important;

  height: 0 !important;

  padding: 0 !important;

  margin: 0 !important;

}

/* ── STEP 6: PRODUCTS start immediately after title ── */

.template-collection .products-grid,

.template-collection .row.products-grid,

.template-collection .product-listing,

.template-collection #product-loop {

  margin-top: 0 !important;

  clear: both !important;

}

/* ── STEP 7: the specific .collection-content-inner wrapper ── */

/* This is the one confirmed in the live page source */

.template-collection .collection-content-inner {

  padding-left: 0 !important;

  padding-right: 0 !important;

  max-width: 100% !important;

  width: 100% !important;

  display: block !important;

}

/* Prevent the inner wrapper from being a grid child that shifts */

.template-collection .collection-content-inner h1,

.template-collection .collection-content-inner h2 {

  grid-column: unset !important;

  flex: unset !important;

  position: static !important;

}

/* ── MOBILE ── */

@media (max-width: 768px) {

  .template-collection .collection-hero__image img,

  .template-collection .collection-banner__image img {

    max-height: 200px !important;

    min-height: 140px !important;

  }

  .template-collection .collection-content-inner h1 {

    font-size: clamp(22px, 5vw, 36px) !important;

    padding: 18px 16px 16px !important;

  }

}

/* ══ END COLLECTION BANNER FIX ══ */

/* ── LUPITA VIDEO HERO ── */

.sai-home-video-bg {

  position: absolute;

  inset: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center top;

}

.sai-video-label {

  font-family: 'Jost', Arial, sans-serif;

  font-size: 9px;

  letter-spacing: .28em;

  text-transform: uppercase;

  color: #c4a882;

  margin-bottom: 10px;

  display: block;

}

.sai-video-sub {

  font-family: 'Cormorant Garamond', Georgia, serif;

  font-style: italic;

  font-size: clamp(18px, 2vw, 26px);

  color: rgba(248,246,242,.65);

  margin-bottom: 24px;

  display: block;

}

/* Mobile — hide video, show poster */

@media (max-width: 768px) {

  .sai-home-video-bg { display: none; }

  .sai-home-hero--travel {

    background-image: url('https://saisankoh.com/cdn/shop/files/AF3B0C89-0841-4A71-8676-4CC3C242F45B_7eff8b42-f315-4059-8b62-f2e0664459b7_1200x.jpg?v=1713149182');

    background-size: cover;

    background-position: center top;

  }

}

/* Mobile */

@media (max-width: 768px) {

  .footer-bottom,

  .footer-credits {

    flex-direction: row !important;

    justify-content: space-between !important;

    text-align: left !important;

  }

  .header__icons,

  .header-icons,

  .site-header__icons,

  .header-actions {

    gap: 12px !important;

  }

  .template-collection .collection-hero,

  .template-collection .collection-header,

  .template-collection .page-header {

    padding: 24px 16px 18px !important;

  }

}

/* ── SAI SANKOH: Header icon visibility fix ── */

/* Force all header icon wrappers to full opacity dark color */

.svg-mb { color: #11100e !important; opacity: 1 !important; }

/* Search icon — SVG has no fill attribute, set it directly */

.nav-search svg path,

.nav-search svg { fill: #11100e !important; }

/* Wishlist — uses fill="currentColor", so color property drives it */

.svg-mb.wishlist-icon,

.svg-mb.wishlist-icon a,

.svg-mb.wishlist-icon svg { color: #11100e !important; opacity: 1 !important; }

/* Cart — paths use .path1 .path2 .path3 classes, no fill set */

.cart-icon svg .path1,

.cart-icon svg .path2,

.cart-icon svg .path3 { fill: #11100e !important; }

/* Account — paths use .path1 .path2 classes, no fill set */

.acc-mb svg .path1,

.acc-mb svg .path2 { fill: #11100e !important; }

/* Cart count badge */

.cart-icon .cartCount { color: #11100e !important; opacity: 1 !important; }

/* ── SAI SANKOH: Footer social icons — move to right side under nav columns ── */

/* Make footer-right a flex column so social sits at the bottom */

#sai-footer-right {

  display: flex;

  flex-direction: column;

  justify-content: space-between;

}

/* Make the nav columns row sit at top */

#sai-footer-right > .sai-footer-col {

  flex: 1;

}

/* Hide social from its current position under the form */

#sai-footer-left #sai-footer-social {

  display: none !important;

}

/* Inject social icons into right side using a copy — 

   we do this by making the original social visible in the right column.

   Since we can't move DOM with CSS alone, we reshow it as a right-column child */

#sai-footer-right::after {

  content: none;

}

/* The real fix — unwrap social from left, show at bottom of right */

#sai-footer-inner {

  position: relative;

}

#sai-footer-social {

  display: flex !important;

  align-items: center;

  padding-top: 20px;

}

#sai-footer-left #sai-footer-social {

  display: none !important;

}

/* Create a flex wrapper inside footer-right that pushes social to bottom */

#sai-footer-right {

  display: flex;

  flex-wrap: wrap;

  align-items: flex-start;

  align-content: space-between;

}

/* ── SAI SANKOH: Collection banner title fix ── */

.toolbar.different-toolbar {

  display: block !important;

  position: static !important;

}

.toolbar.different-toolbar .column-left {

  display: none !important;

}

h1.inner_heading {

  position: static !important;

  display: block !important;

  width: 100% !important;

  text-align: center !important;

  margin: 0 auto 14px !important;

  font-family: 'Cormorant Garamond', serif !important;

  font-size: 28px !important;

  letter-spacing: .12em !important;

  color: #0f0e0c !important;

}

.toolbar.different-toolbar .column-right {

  display: flex !important;

  justify-content: flex-end !important;

  align-items: center !important;

}

/* ── SAI SANKOH: force banner title into place ── */

.col-main .toolbar.different-toolbar h1.inner_heading,

h1.inner_heading {

  position: static !important;

  display: block !important;

  width: 100% !important;

  max-width: 100% !important;

  left: auto !important;

  right: auto !important;

  top: auto !important;

  transform: none !important;

  text-align: center !important;

  white-space: normal !important;

  margin: 0 auto 14px !important;

  font-family: 'Cormorant Garamond', serif !important;

  font-size: 28px !important;

  line-height: 1.2 !important;

  letter-spacing: .12em !important;

  color: #0f0e0c !important;

  overflow: visible !important;

}

/* ====== SAI SANKOH LOOKBOOK SYSTEM — paste ONCE into custom-style.css ====== */

.ss-lookbook{--espresso:#0f0e0c;--ivory:#f8f6f2;--gold:#c4a882;--stone:#ede9e3;

  width:100%;margin:0;background:var(--ivory);color:var(--espresso);font-family:'Jost',sans-serif;}

.ss-lookbook img{display:block;width:100%;height:auto;}

.ss-lookbook .ss-hero img{width:100%;height:auto;display:block;}

.ss-lookbook .ss-intro{text-align:center;padding:56px 24px 40px;}

.ss-lookbook .ss-eyebrow{font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin:0 0 16px;}

.ss-lookbook .ss-title{font-family:'Cormorant Garamond',serif;font-size:56px;font-weight:500;letter-spacing:.04em;margin:0;line-height:1.05;}

.ss-lookbook .ss-lede{max-width:620px;margin:22px auto 0;font-size:18px;line-height:1.7;color:#3a3833;font-weight:300;}

.ss-lookbook .ss-cta{text-align:center;margin:34px 0 0;}

.ss-lookbook .ss-cta a{display:inline-block;padding:15px 46px;border:1px solid var(--espresso);font-size:12px;

  letter-spacing:.22em;text-transform:uppercase;color:var(--espresso);text-decoration:none;transition:all .25s ease;}

.ss-lookbook .ss-cta a:hover{background:var(--espresso);color:var(--ivory);}

.ss-lookbook .ss-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;width:100%;}

.ss-lookbook .ss-cell{display:block;background:var(--stone);}

.ss-lookbook .ss-statement{text-align:center;max-width:720px;margin:0 auto;padding:70px 24px;}

.ss-lookbook .ss-statement p{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:26px;line-height:1.5;color:var(--gold);margin:0 0 18px;}

.ss-lookbook .ss-statement .ss-sub{font-family:'Jost',sans-serif;font-style:normal;font-size:16px;line-height:1.9;color:#3a3833;font-weight:300;}

.ss-lookbook .ss-prodwrap{padding:60px 24px;}

.ss-lookbook .ss-prodwrap h2{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:30px;text-align:center;letter-spacing:.04em;margin:0 0 36px;}

.ss-lookbook .ss-products{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1280px;margin:0 auto;}

.ss-lookbook .ss-prod{text-decoration:none;color:var(--espresso);display:block;}

.ss-lookbook .ss-prod-img{display:block;background:var(--stone);}

.ss-lookbook .ss-prod-name{display:block;margin-top:14px;text-align:center;font-size:13px;letter-spacing:.08em;}

.ss-lookbook .ss-prod-price{display:block;margin-top:4px;text-align:center;font-size:13px;color:#6b6862;}

.ss-lookbook .ss-final{text-align:center;padding:30px 24px 90px;}

@media (max-width:900px){

  .ss-lookbook .ss-title{font-size:40px;}

  .ss-lookbook .ss-grid{grid-template-columns:repeat(2,1fr);}

  .ss-lookbook .ss-products{grid-template-columns:repeat(2,1fr);gap:14px;}

}

/* ═══ COLLECTION TITLE — CANONICAL (single source; targets h1 AND its span) ═══ */

.toolbar.different-toolbar h1.inner_heading,

.col-main .toolbar.different-toolbar h1.inner_heading,

.toolbar.different-toolbar.has-padding > h1 > span,

#shopify-section-collection-template-fullwidth\ usama-1 > div.toolbar.different-toolbar.has-padding > h1 > span {

  position: static !important;

  left: auto !important;

  right: auto !important;

  transform: none !important;

  margin: 0 auto !important;

  width: 100% !important;

  min-width: 0 !important;

  text-align: center !important;

  display: block !important;

}

/* ════════════════════════════════════════════════════════════════

   COLLECTION GRID — empty trailing cell blends with page background

   Root cause: Ella base theme paints a gray fill on a grid layer;

   the gray shows in the unfilled space when a collection's product

   count isn't divisible by 3 (desktop, col-md-4) or is odd (mobile,

   col-6). Forcing these layers transparent makes the empty space

   inherit the page background. Does NOT touch the product card

   (.inner.product-item) so card layout + product count are unchanged.

   ════════════════════════════════════════════════════════════════ */

.template-collection .product-collection,

.template-collection .products-grid,

.template-collection .product-collection.products-grid.row,

.template-collection .product-collection.products-grid.row > .grid-item {

  background: transparent !important;

  background-color: transparent !important;

}

.sai-pp-top{display:inline-flex;align-items:center;gap:10px;margin:10px 0 6px;text-decoration:none}

.sai-pp-tag{background:#c4a882;color:#0f0e0c;font-family:'Jost',sans-serif;font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:5px 12px;border-radius:2px}

.sai-pp-name{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:16px;color:#3a3833}

.sai-pp-top:hover .sai-pp-name{text-decoration:underline}

.sai-feat-pair{display:flex;align-items:center;gap:14px;margin:18px 0;padding:12px;border:1px solid #ede9e3;border-radius:4px;text-decoration:none;background:#f8f6f2;position:relative}

.sai-feat-tag{position:absolute;top:-10px;left:12px;background:#c4a882;color:#0f0e0c;font-family:'Jost',sans-serif;font-size:9px;letter-spacing:.12em;text-transform:uppercase;padding:4px 10px;border-radius:2px}

.sai-feat-img{width:64px;height:80px;object-fit:cover;border-radius:2px;flex-shrink:0}

.sai-feat-meta{display:flex;flex-direction:column;gap:2px}

.sai-feat-name{font-family:'Cormorant Garamond',serif;font-size:18px;color:#0f0e0c;line-height:1.1}

.sai-feat-price{font-family:'Jost',sans-serif;font-size:13px;color:#3a3833}

.sai-feat-shop{font-family:'Jost',sans-serif;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#c4a882;margin-top:4px}

.sai-feat-pair:hover .sai-feat-shop{text-decoration:underline}

/* ===== SEARCH GRID — single clean block, matches collection 4-up ===== */

.search-page.collection-template > .container {

  max-width: 100% !important;

  width: 100% !important;

  padding-left: 0 !important;

  padding-right: 0 !important;

}

.products-grid.product-search.row.product-collection {

  display: flex !important;

  flex-wrap: wrap !important;

  width: 100% !important;

  max-width: 100% !important;

  margin: 0 !important;

}

.products-grid.product-search.row.product-collection > .grid-item {

  flex: 0 0 25% !important;

  max-width: 25% !important;

  width: 25% !important;

  padding: 0 !important;

}

.products-grid.product-search .product-grid-image {

  display: block !important;

  aspect-ratio: 2 / 3 !important;

  overflow: hidden !important;

}

.products-grid.product-search .product-grid-image img {

  width: 100% !important;

  height: 100% !important;

  object-fit: cover !important;

  display: block !important;

}

@media (max-width: 991px) {

  .products-grid.product-search.row.product-collection > .grid-item {

    flex: 0 0 33.333% !important;

    max-width: 33.333% !important;

    width: 33.333% !important;

  }

}

@media (max-width: 767px) {

  .products-grid.product-search.row.product-collection > .grid-item {

    flex: 0 0 50% !important;

    max-width: 50% !important;

    width: 50% !important;

  }

}

/* Hide ADD TO CART + SAVE on search results only — match collection */

.products-grid.product-search .product-button,

.products-grid.product-search .button-cart,

.products-grid.product-search .add_to_cart,

.products-grid.product-search .btn-addtocart,

.products-grid.product-search .product-wishlist,

.products-grid.product-search .wishlist,

.products-grid.product-search .add-to-wishlist {

  display: none !important;

}

/* ===== MOBILE FIXES ===== */

@media (max-width: 767px) {

  html, body {

    overflow-x: hidden !important;

    max-width: 100% !important;

    width: 100% !important;

  }

  .sai-pc-badge,

  .sai-badge-gold,

  .sai-feat-tag {

    position: static !important;

    float: none !important;

    display: inline-block !important;

    top: auto !important;

    left: auto !important;

  }

}

/* ── BLOG LISTING ── */

.blog-template.blog-template-default,

.blog-template.blog-template-default .container,

.blog-template.blog-template-default .halo-blog-content,

.blog-template.blog-template-default .halo-blog-content .row {

  background: #f8f6f2 !important;

  padding: 0 !important;

  margin: 0 !important;

  max-width: 100% !important;

  width: 100% !important;

}

.blog-template.blog-template-default .page-header { display: none !important; }

#shopify-section-blog-template { max-width: 100% !important; width: 100% !important; padding: 0 !important; flex: none !important; }

.sj-products { background: #f8f6f2 !important; }

.sj-prod-img-wrap { background: #ede9e3 !important; }

.sj-prod-name { color: #0f0e0c !important; }

.sj-prod-price { color: #c4a882 !important; }

/* ── ARTICLE INTERIOR ── */

.article-template,

.article-template .container,

.article-template .halo-blog-content,

.article-template .halo-blog-content .row {

  background: #f8f6f2 !important;

  max-width: 100% !important;

  width: 100% !important;

  padding: 0 !important;

  margin: 0 !important;

  display: block !important;

}

.article-template .page-header,

.template-article .page-header,

.template-article .breadcrumb,

.template-article .breadcrumbs,

.template-article nav.breadcrumb { display: none !important; }

.template-article .container,

.template-article .main-content { max-width: 100% !important; padding: 0 !important; margin: 0 !important; }

.sj-article-section { max-width: 100% !important; width: 100% !important; padding: 0 !important; margin: 0 !important; }

#shopify-section-main-article { max-width: 100% !important; width: 100% !important; padding: 0 !important; flex: none !important; }

/* ── ARTICLE IMAGES ── */

.rte img,

.sj-art-content img,

.blog-detail img,

.article-details img {

  width: 100% !important;

  max-width: 100% !important;

  height: auto !important;

  float: none !important;

  display: block !important;

  margin: 40px 0 !important;

}

.rte img[style],

.sj-art-content img[style] {

  width: 100% !important;

  max-width: 100% !important;

  height: auto !important;


 
/* ════════════════════════════════════════════════════
  SAI SANKOH -- PDP LAUNCH PATCH -- June 2026
  INSTRUCTIONS:
  1. Scroll to BOTTOM of assets/custom-style.css
  2. If a previous SAI SANKOH PDP LAUNCH PATCH block
     exists, DELETE it first
  3. Paste ONLY this block at the very bottom
  4. Save
  Do NOT replace the whole file.
  Do NOT paste twice.
════════════════════════════════════════════════════ */
 
/* 1 -- Sticky right column */
@media (min-width: 901px) {
 .template-product .sai-pdp-info {
   position: sticky !important;
   top: 90px !important;
   align-self: start !important;
   height: fit-content !important;
   max-height: none !important;
   overflow: visible !important;
 }
 .template-product .sai-pdp-grid,
 .template-product .sai-pdp-wrap,
 .template-product .sai-pdp-wrap > .container,
 .template-product .sai-pdp-wrap > div {
   overflow: visible !important;
   align-items: start !important;
 }
}
 
/* 2 -- Remove border/shadow line above images */
.template-product .sai-sticky-atc,
.template-product .sai-pdp-grid,
.template-product .sai-pdp-images,
.template-product .sai-pdp-img {
 border: none !important;
 box-shadow: none !important;
}
.template-product .sai-sticky-atc {
 margin-bottom: 0 !important;
 padding-bottom: 0 !important;
}
 
/* 3 -- ATC button slim */
.template-product .sai-btn-atc {
 height: 48px !important;
 min-height: 48px !important;
 padding: 0 20px !important;
 line-height: 48px !important;
 font-size: 9px !important;
}
 
/* 4 -- Save button exact match to ATC */
.template-product .sai-wishlist-btn {
 height: 48px !important;
 min-height: 48px !important;
 max-height: 48px !important;
 padding: 0 18px !important;
 line-height: 48px !important;
 font-size: 9px !important;
 align-self: center !important;
 flex-shrink: 0 !important;
}
.template-product .sai-purchase-row {
 align-items: center !important;
}
 
/* 5 -- Sticky bar slim, below header */
.template-product .sai-sticky-atc {
 top: 76px !important;
 min-height: 52px !important;
 padding: 8px 42px !important;
 z-index: 250 !important;
}
.template-product .sai-satc-btn {
 padding: 10px 22px !important;
 min-height: 42px !important;
 font-size: 9px !important;
}
 
/* 6 -- Sticky bar eyebrow label */
.sai-satc-eyebrow {
 font-size: 8px;
 letter-spacing: .18em;
 text-transform: uppercase;
 color: #c4a882;
 margin-bottom: 2px;
 font-family: 'Jost', sans-serif;
}
 
/* 7 -- Hide extra bottom sections on PDP only */
.template-product .sai-below-fold.sai-sec-dk,
.template-product #sai-wear-grid,
.template-product .sai-below-fold.sai-sec-wm:has(#sai-wear-grid) {
 display: none !important;
}
 
/* 7b -- Hide Wear With / Style It entirely for launch */
.template-product .sai-below-fold.sai-sec-wm {
 display: none !important;
}
 
/* 8 -- Rec card images: 2:3 portrait, contain, no crop */
.template-product .sai-pc-img {
 aspect-ratio: 2 / 3 !important;
 height: auto !important;
 max-height: none !important;
 overflow: hidden !important;
 background: #f5f1ec !important;
}
.template-product .sai-pc-img img {
 width: 100% !important;
 height: 100% !important;
 object-fit: contain !important;
 object-position: center bottom !important;
 display: block !important;
}
 
/* 9 -- Rec card grid: hairline gap, zero card padding */
.template-product .sai-prod-grid {
 gap: 1px !important;
}
.template-product .sai-pc {
 margin: 0 !important;
 padding: 0 !important;
}
.template-product .sai-pc-link {
 margin: 0 !important;
 padding: 0 !important;
}
.template-product .sai-pc-info {
 padding: 8px 10px 12px !important;
 margin: 0 !important;
}
 
/* 10 -- Trust strip: 4 columns */
.template-product .sai-trust {
 grid-template-columns: repeat(4, 1fr) !important;
}
 
/* 11 -- Cart rec Pairs Perfectly badge */
.sai-cart-rec-img {
 position: relative;
}
.sai-cart-rec-badge {
 position: absolute;
 top: 8px;
 left: 8px;
 font-size: 8px;
 letter-spacing: .1em;
 text-transform: uppercase;
 background: #c4a882;
 color: #0f0e0c;
 padding: 2px 7px;
 z-index: 1;
 font-family: 'Jost', sans-serif;
}
 
/* 12 -- Size guide link */
.sai-size-guide-link {
 color: #c4a882;
 text-decoration: underline;
}
 
/* ════ END SAI SANKOH PDP LAUNCH PATCH ════ */