/* Zircon Premium Storefront layer v1.15.22 (Claude-owned, display only). Loaded after Hark's CSS.
   Brand tokens only: Imperial Teal #142D35, Royal Emerald #116B50, Soft Gold #F6E6C3, Pearl Blush #FCF5F4,
   Metallic Gold #D4A23C, Graphite #252B30, White. Remove the <link> (or ZIRCON_STOREFRONT_OFF) to roll back. */
:root{--zs-teal:#142D35;--zs-emerald:#116B50;--zs-soft:#F6E6C3;--zs-pearl:#FCF5F4;--zs-gold:#D4A23C;--zs-ink:#252B30}

/* 1. Product cards: one calm square frame for every photo, equal rows */
.zc-card .zc-media{aspect-ratio:1/1;background:linear-gradient(180deg,#fff 0%,var(--zs-pearl) 100%);overflow:hidden;position:relative}
.zc-card .zc-media .zc-img{display:block;width:100%;height:100%}
.zc-card .zc-media img.prod-photo{width:100%!important;height:100%!important;object-fit:contain!important;padding:6%;box-sizing:border-box;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
@media (hover:hover){.zc-card:hover .zc-media img.prod-photo{transform:scale(1.045)}}
.zc-card .zc-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em;line-height:1.3}
.zc-card .zc-body{display:flex;flex-direction:column}
.zc-card .zc-add{margin-top:auto}
.zc-card .zc-rating{min-height:1.4em}

/* 2. Out of stock: quiet, honest, never first */
.zc-card.zs-oos .zc-media img.prod-photo{opacity:.5;filter:grayscale(.35)}
.zc-card.zs-oos .zc-media::after{content:attr(data-zs-oos);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:rgba(20,45,53,.88);color:#fff;font:700 11px/1 Inter,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;padding:9px 14px;border-radius:999px;white-space:nowrap}
.zc-card.zs-oos .sale-badge{display:none}

/* 3. Home: show a curated first look of the full collection, then "Shop all" */
.shop-section.zs-collapsed .product-grid>*:nth-child(n+16){display:none!important}
.zs-more{display:flex;justify-content:center;margin:26px 0 8px}
.zs-more button{appearance:none;border:1px solid var(--zs-teal);background:#fff;color:var(--zs-teal);font:600 14px/1 Inter,Arial,sans-serif;padding:15px 26px;border-radius:999px;cursor:pointer;transition:background .2s,color .2s}
.zs-more button:hover,.zs-more button:focus-visible{background:var(--zs-teal);color:#fff}
.shop-section:not(.zs-collapsed) .zs-more{display:none}

/* 4. Product page: buy box first, description without double gaps */
.pd-description.zs-clean{white-space:normal!important}
.pd-description.zs-clean p{margin:0 0 .9em}
.pd-accordion .pd-description{max-height:none}
.pd-accordion details[open] .pd-description.zs-long{max-height:420px;overflow:hidden;position:relative}
.pd-accordion details[open] .pd-description.zs-long::after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(rgba(252,245,244,0),var(--zs-pearl))}
.pd-accordion details[open] .pd-description.zs-long.zs-expanded{max-height:none}
.pd-accordion details[open] .pd-description.zs-long.zs-expanded::after{display:none}
.zs-readmore{appearance:none;background:none;border:0;color:var(--zs-emerald);font:600 13px/1 Inter,Arial,sans-serif;padding:10px 0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.pd-cta.zs-moved{margin:6px 0 22px}

/* 5. Header: one language switch (the EN/हिन्दी pills), tidy mobile brand */
header.site-header nav .mobile-language{display:none}
@media (max-width:760px){
  header.site-header .brand{flex-direction:column;align-items:flex-start;justify-content:center;gap:1px!important}
  header.site-header .brand .brand-divider{display:none}
  header.site-header .brand img{width:104px!important}
  header.site-header .brand-descriptor{font-size:8.5px!important;letter-spacing:.32em!important;margin:0 0 0 3px!important;line-height:1!important;text-transform:uppercase}
  header.site-header nav .mobile-language{display:block}
}

/* 6. Section rhythm on the home page */
#home-sections .theme-home-section{scroll-margin-top:120px}
@media (prefers-reduced-motion:reduce){.zc-card .zc-media img.prod-photo{transition:none}}

/* 7. v1.15.24: founder asked to remove the "Check delivery to your PIN code" box (free delivery text stays) */
.pd-note form.pd-pin,form#pd-pin{display:none!important}
