/* =====================================================================
   INY — MINIMAL WHITE THEME
   Loaded LAST on every page. Visual layer only: no content, markup logic
   or JavaScript behaviour is changed. Reference: bibbitybobbity.com
   (white canvas, portrait product cards, hairline borders, quiet type).
   ===================================================================== */

:root{
  /* INY logo palette: clean white base + blush pink + teal + warm gold */
  --m-bg:#ffffff;
  --m-ink:#28464e;
  --m-text:#3f4b50;
  --m-muted:#7b7f81;
  --m-line:#e8e2df;
  --m-line-strong:#cfc4c0;
  --m-soft:#fff6f6;

  --m-pink:#f3a4aa;
  --m-pink-deep:#df7682;
  --m-pink-soft:#fdebed;
  --m-cyan:#16b9c3;
  --m-cyan-deep:#0c8f99;
  --m-cyan-soft:#e9fbfc;
  --m-gold:#e5a356;
  --m-gold-soft:#fff4e6;

  --iny-pink:#f3a4aa;
  --iny-pink-deep:#df7682;
  --iny-cyan:#16b9c3;
  --iny-peach:#e5a356;
  --iny-cream:#fffdfb;
  --iny-soft:#fff6f6;
  --iny-ink:#28464e;
  --iny-muted:#7b7f81;
  --iny-line:#eadfe1;
  --iny-logo-blue:#16b9c3;
  --ny-pink-deep:#df7682;
  --ny-ink:#28464e;
}

html{scroll-padding-top:76px}
body{
  background:var(--m-bg)!important;
  color:var(--m-text)!important;
  font-family:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif!important;
  -webkit-font-smoothing:antialiased;
}

/* ---------- Typography ---------- */
body h1,body h2,body h3,body h4,body h5,body h6{
  color:var(--m-ink)!important;
  font-family:"DM Sans",system-ui,sans-serif!important;
  font-weight:500!important;
  letter-spacing:-.02em!important;
}
body h1{font-size:clamp(34px,4.4vw,60px)!important;line-height:1.05!important}
body h2{line-height:1.1!important}
body h1 em,body h2 em,body h3 em{
  font-style:normal!important;color:var(--m-muted)!important;font-weight:400!important;
}
body .eyebrow,
body .founder-eyebrow,
body .article-meta{
  color:var(--m-muted)!important;
  font-size:11px!important;font-weight:500!important;
  letter-spacing:.2em!important;text-transform:uppercase;
}
body .section-heading h2,body .center-heading h2{font-size:clamp(26px,3vw,38px)!important}
body .section-heading h2 span,body .center-heading h2 span,body h1 .word-inner,body h2 .word-inner{color:inherit!important}
body .text-link,body .continue,body .back-link,body .related-section .section-head a{
  color:var(--m-ink)!important;font-size:12px!important;font-weight:500!important;
  letter-spacing:.06em;border-bottom:1px solid var(--m-ink);padding-bottom:2px;
  display:inline-block;width:fit-content;
}
body .text-link:hover,body .continue:hover,body .back-link:hover{opacity:.6}

/* ---------- Announcement bar ---------- */
body .announcement{
  background:var(--m-ink)!important;color:#fff!important;
  font-size:11px!important;letter-spacing:.14em!important;padding:10px 16px!important;
}

/* ---------- Header / navigation ---------- */
body .header,body .site-header,body .iny-shared-header{
  background:rgba(255,255,255,.96)!important;
  border-bottom:1px solid var(--m-line)!important;
  backdrop-filter:saturate(1.2) blur(12px);
  box-shadow:none!important;
}
body .iny-shared-nav a{
  color:var(--m-ink)!important;
  font-size:12px!important;font-weight:500!important;
  letter-spacing:.12em!important;text-transform:uppercase;
}
body .iny-shared-nav a:hover{opacity:.55}
body .iny-shared-nav a[data-nav].active::after,
body .nav a:after,body .desktop-nav a:after{background:var(--m-ink)!important;height:1px!important}
body .iny-bag-icon svg{stroke:var(--m-ink)!important;fill:none}
body .iny-shared-cart-count,body .cart-link b,body .mobile-nav b{
  background:var(--m-ink)!important;color:#fff!important;
}
body .iny-shared-nav .iny-enquire-link,body .iny-enquire-link{
  background:transparent!important;color:var(--m-ink)!important;
  border:1px solid var(--m-ink)!important;border-radius:0!important;
  padding:9px 18px!important;box-shadow:none!important;
}
body .iny-shared-nav .iny-enquire-link:hover{background:var(--m-ink)!important;color:#fff!important;opacity:1}
body .iny-shared-toggle span{background:var(--m-ink)!important}
@media(max-width:760px){
  body .iny-shared-nav{background:#fff!important;border-bottom:1px solid var(--m-line)!important}
  body .iny-shared-nav a{border-bottom:1px solid var(--m-line)}
  body .iny-shared-nav .iny-enquire-link{margin-top:18px;justify-content:center!important;width:100%!important}
}

/* ---------- Buttons (every page) ---------- */
body .primary-btn,body .wa-btn,body .primary,body .whatsapp,body .button,
body .add-btn,body #addToCart,body .actions .primary-btn{
  background:var(--m-ink)!important;color:#fff!important;
  border:1px solid var(--m-ink)!important;border-radius:0!important;
  font-size:12px!important;font-weight:500!important;letter-spacing:.14em!important;
  text-transform:uppercase;box-shadow:none!important;
}
body .primary-btn:hover,body .wa-btn:hover,body .primary:hover,body .whatsapp:hover,
body .button:hover,body .add-btn:hover,body #addToCart:hover{
  background:#fff!important;color:var(--m-ink)!important;transform:none!important;box-shadow:none!important;
}
body .secondary-btn,body .outline,body .view-btn,body .clear,body .back-category,
body #buyWhatsApp{
  background:transparent!important;color:var(--m-ink)!important;
  border:1px solid var(--m-line-strong)!important;border-radius:0!important;
  font-size:12px!important;font-weight:500!important;letter-spacing:.14em!important;
  text-transform:uppercase;box-shadow:none!important;
}
body .back-category{padding:10px 16px!important;cursor:pointer}
body .secondary-btn:hover,body .outline:hover,body .view-btn:hover,body .clear:hover,
body .back-category:hover,body #buyWhatsApp:hover{
  border-color:var(--m-ink)!important;background:var(--m-ink)!important;color:#fff!important;transform:none!important;
}
body .wa-mark{border-color:rgba(255,255,255,.5)!important}

/* ---------- Inputs ---------- */
body input,body textarea,body select{
  background:#fff!important;border:1px solid var(--m-line-strong)!important;border-radius:0!important;
  color:var(--m-ink)!important;font-family:inherit!important;box-shadow:none!important;
}
body input:focus,body textarea:focus,body select:focus{
  outline:none!important;border-color:var(--m-ink)!important;
}
body .search{background:#fff!important;border:1px solid var(--m-line-strong)!important;border-radius:0!important}
body .search input{border:0!important}

/* =====================================================================
   HOME PAGE
   ===================================================================== */
body .hero,body .shop-hero,body .contact-hero,body .cart-hero{
  background:#fff!important;border-bottom:1px solid var(--m-line);
}
body .hero-text,body .hero-copy p,body .intro,body .cart-hero p{color:var(--m-muted)!important}
body .trust-row{border-top:1px solid var(--m-line)!important}
body .trust-row b{color:var(--m-ink)!important}
body .trust-row div,body .trust-row span{color:var(--m-muted)!important}

/* decorative hero ornaments: keep, but neutral and quiet */
body .orbit-ring,body .orbit,body .ring{border-color:rgba(0,0,0,.09)!important;box-shadow:none!important}
body .orbit-dot,body .dot,body .spark{background:var(--m-ink)!important;box-shadow:none!important;color:var(--m-ink)!important}
body .orbit-glow,body .orb{background:radial-gradient(circle,rgba(0,0,0,.04),transparent 70%)!important}
body .doodle{color:var(--m-line-strong)!important}
body .hero-note-animated{border-color:var(--m-line-strong)!important;background:#fff!important;color:var(--m-ink)!important}
body .hero-note-animated *{color:var(--m-ink)!important}
body .hero-art img{filter:none!important}
body .hero-art::after{display:none!important}

body .section{background:#fff}
body .client-art,body .client-size,body .articles,body .arrivals{background:#fff!important}
body .products-section{background:#fff!important}

/* wipe-reveal curtain: neutral instead of beige */
body .wipe:after{background:#f2f2f2!important}

/* Journal: flat editorial grid instead of tilted polaroids */
body .stacked-journal{
  gap:20px!important;padding:0!important;align-items:start!important;
}
body .stacked-journal figure,
body .stacked-journal figure:nth-child(n){
  transform:none!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;background:transparent!important;overflow:visible!important;
}
body .stacked-journal figure:hover{transform:none!important;box-shadow:none!important}
body .stacked-journal img{aspect-ratio:3/4!important;border-radius:0!important;background:var(--m-soft)}
body .stacked-journal figcaption{
  position:static!important;text-align:left!important;background:transparent!important;
  color:var(--m-ink)!important;font:500 14px/1.3 "DM Sans",sans-serif!important;padding:12px 0 0!important;
}

/* Journal figures */
body .client-art-grid{gap:20px!important}
body .client-art-grid figure{background:var(--m-soft)}
body .client-art-grid figcaption{
  background:#fff!important;color:var(--m-ink)!important;
  font:500 13px "DM Sans",sans-serif!important;letter-spacing:.04em;
  left:0!important;right:auto!important;bottom:0!important;padding:10px 14px!important;
}

/* Category tiles (home) — rectangular portrait tiles, no circles */
body .categories{gap:22px!important}
body .category{text-align:left!important;color:var(--m-ink)!important}
body .category:hover{transform:none!important}
body .category .round-img{
  aspect-ratio:4/5!important;border-radius:0!important;box-shadow:none!important;
  background-color:var(--m-soft);background-size:cover;background-position:center;
  margin-bottom:12px!important;
}
body .category:hover .round-img{transform:none!important;box-shadow:none!important;filter:brightness(.97)}
body .category b{color:var(--m-ink)!important;font-size:14px!important;font-weight:500!important;margin-bottom:3px}
body .category span{color:var(--m-muted)!important;font-size:12px!important}
body .category:hover b{color:var(--m-ink)!important;text-decoration:underline;text-underline-offset:3px}

/* ---------- PRODUCT CARDS (home + shop + related) ---------- */
body .product-grid{gap:34px 20px!important}
body .product-card{
  background:transparent!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;overflow:visible!important;
}
body .product-card:hover{transform:none!important;box-shadow:none!important}

/* home cards */
body .product-card .product-img{
  height:auto!important;aspect-ratio:3/4;border-radius:0!important;
  background-color:var(--m-soft);background-size:cover;background-position:center;
}
body .product-card:hover .product-img{transform:none!important;filter:brightness(.97)}
body .product-card .product-img .tag,
body .product-badge{
  background:#fff!important;color:var(--m-ink)!important;border-radius:0!important;
  font-size:10px!important;font-weight:500!important;letter-spacing:.14em!important;
  padding:6px 10px!important;left:0!important;top:0!important;border:0!important;
}
body .product-card .heart{
  background:transparent!important;color:var(--m-ink)!important;
  right:8px!important;top:8px!important;width:28px!important;height:28px!important;
}
body .product-card .product-info{padding:14px 0 0!important}
body .product-card .product-info h3{
  font-family:"DM Sans",sans-serif!important;font-size:15px!important;font-weight:500!important;
  margin:0 0 4px!important;color:var(--m-ink)!important;
}
body .product-card .product-info strong{display:block;color:var(--m-muted)!important;font-size:13px!important;font-weight:400!important}
body .small-wa{
  display:inline-block!important;border:0!important;border-bottom:1px solid var(--m-ink)!important;
  padding:0 0 2px!important;margin-top:12px!important;text-align:left!important;
  color:var(--m-ink)!important;font-size:12px!important;font-weight:500!important;letter-spacing:.04em;background:none!important;
}

/* shop cards */
body .product-media{
  position:relative;aspect-ratio:3/4;background:var(--m-soft)!important;
  border-radius:0!important;overflow:hidden;height:auto!important;
}
body .product-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.22,.68,0,1)}
body .product-card:hover .product-media img{transform:scale(1.03)}
body .product-body{padding:14px 0 0!important;background:transparent!important}
body .product-category{
  color:var(--m-muted)!important;font-size:11px!important;letter-spacing:.12em!important;text-transform:uppercase;
}
body .product-row{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin:6px 0 8px!important}
body .product-name{font-size:15px!important;font-weight:500!important;color:var(--m-ink)!important;margin:0!important}
body .price,body .product-row .price{color:var(--m-ink)!important;font-size:14px!important;font-weight:500!important;white-space:nowrap}
body .product-desc{color:var(--m-muted)!important;font-size:13px!important;line-height:1.6!important}
body .product-actions{display:flex;gap:8px;margin-top:14px!important}
body .product-actions .view-btn,body .product-actions .add-btn{
  flex:1;text-align:center;padding:12px 8px!important;display:inline-flex;align-items:center;justify-content:center;
  font-size:11px!important;letter-spacing:.12em!important;cursor:pointer;
}

/* ---------- Benefits (borderless columns) ---------- */
body .benefits{gap:0!important;border-top:1px solid var(--m-line)}
body .benefits>div{
  background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  text-align:left!important;padding:32px 28px 32px 0!important;border-right:0!important;
}
body .benefits>div:hover{transform:none!important;box-shadow:none!important}
body .benefits span{color:var(--m-ink)!important;font-size:20px!important}
body .benefits h3{font-size:15px!important;margin:14px 0 6px!important}
body .benefits p{color:var(--m-muted)!important;font-size:13px!important;line-height:1.7!important}

/* ---------- Arrivals marquee ---------- */
body .arrival{border-radius:0!important;background-color:var(--m-soft)!important;box-shadow:none!important}
body .arrival:hover{transform:none!important;box-shadow:none!important}
body .arrivals-marquee{-webkit-mask-image:none!important;mask-image:none!important}

/* ---------- Reviews ---------- */
body .reviews{gap:0!important;border-top:1px solid var(--m-line)}
body .reviews article{
  background:transparent!important;border:0!important;border-radius:0!important;
  padding:30px 28px 30px 0!important;box-shadow:none!important;
}
body .reviews article:hover{transform:none!important}
body .avatar{background:var(--m-soft)!important;color:var(--m-ink)!important;font-weight:500}
body .stars{color:var(--m-ink)!important;letter-spacing:.15em;font-size:12px}
body .reviews p{color:var(--m-text)!important;font-size:15px!important;line-height:1.7!important}
body .reviews b{font-size:13px!important;color:var(--m-ink)!important}
body .reviews small{font-size:12px!important;color:var(--m-muted)!important}

/* ---------- Instagram grid ---------- */
body .ig{border-radius:0!important;background:var(--m-soft)!important}

/* ---------- SIZE CHART / SIZE GUIDE (home) ---------- */
body .client-size{border-top:1px solid var(--m-line);border-bottom:1px solid var(--m-line)}
body .client-size .size-guide-title,body .client-size h2{font-size:clamp(26px,3vw,38px)!important}
body .client-size-image{
  max-width:1000px!important;margin:0 auto!important;background:#fff!important;
  border:1px solid var(--m-line)!important;padding:clamp(10px,2vw,22px);box-shadow:none!important;
}
body .client-size-image img{width:100%;display:block}

/* ---------- FAQ (was dark) ---------- */
body .faq{background:#fff!important;color:var(--m-ink)!important}
body .faq-grid{gap:0 56px!important}
body .faq details{border-top:1px solid var(--m-line)!important;padding:20px 0!important}
body .faq details:last-child,body .faq details:nth-last-child(2){border-bottom:1px solid var(--m-line)!important}
body .faq summary{
  font:500 16px "DM Sans",sans-serif!important;color:var(--m-ink)!important;
}
body .faq summary:after{color:var(--m-ink)}
body .faq details p{color:var(--m-muted)!important;font-size:14px!important;line-height:1.7!important}

/* ---------- Back to top / progress ---------- */
body .scroll-progress{background:var(--m-ink)!important;height:2px!important}
body .back-to-top{background:#fff!important;color:var(--m-ink)!important;border:1px solid var(--m-line-strong)!important;box-shadow:none!important}
body .back-to-top:hover{background:var(--m-ink)!important;color:#fff!important}
body .page-loader{background:#fff!important}
body .loader-mark,body .cursor-dot{color:var(--m-ink)!important}
body .cursor-dot{background:var(--m-ink)!important}
body .cursor-ring{border-color:var(--m-ink)!important}

/* ---------- Footers (home, cart, contact) ---------- */
body .footer,body .site-footer,body footer{
  background:#fff!important;color:var(--m-text)!important;border-top:1px solid var(--m-line)!important;
}
body .footer h4,body .site-footer span,body .site-footer>div>span{
  color:var(--m-ink)!important;font-size:11px!important;font-weight:500!important;
  letter-spacing:.18em!important;text-transform:uppercase;
}
body .footer a,body .footer p,body .site-footer a,body .site-footer p,body footer a,body footer p,body footer small{
  color:var(--m-muted)!important;font-size:13px!important;line-height:1.9;
}
body .footer a:hover,body .site-footer a:hover,body footer a:hover{color:var(--m-ink)!important;transform:none!important}
body .footer>div>a,body footer>div>a{display:block!important}
body .footer>div>h4{margin:0 0 14px!important}
body .copyright,body .copyright span{color:var(--m-muted)!important;font-size:12px!important;border-top-color:var(--m-line)!important}
body .footer .footer-logo,body .site-footer .footer-logo{filter:none}

/* =====================================================================
   FOUNDER STORY — horizontal, left → right scroll
   ===================================================================== */
body .iny-founder-story{
  height:auto!important;min-height:0!important;max-height:none!important;
  overflow:visible!important;background:#fff!important;
  padding:clamp(64px,8vw,120px) 7%!important;
  border-top:1px solid var(--m-line);
}
body .iny-founder-story::before{display:none!important}
body .iny-founder-story .founder-scroll-shell{
  height:auto!important;max-width:none;margin:0;
  display:grid;grid-template-columns:minmax(240px,340px) minmax(0,1fr)!important;
  gap:clamp(32px,5vw,72px)!important;align-items:start;
}
body .iny-founder-story .founder-image-column,
body .iny-founder-story .founder-sticky-image{
  height:auto!important;position:static!important;display:block!important;
}
body .iny-founder-story .founder-image-frame{
  aspect-ratio:3/4!important;flex:none!important;background:var(--m-soft)!important;box-shadow:none!important;
}
body .founder-image-fallback{background:var(--m-soft)!important;color:var(--m-ink)!important}
body .founder-caption{color:var(--m-muted)!important;font-size:11px!important;letter-spacing:.16em!important;margin-top:14px!important}
body .iny-founder-story .founder-story-column{
  height:auto!important;display:block!important;overflow:visible!important;min-width:0;
}
body .iny-founder-story .founder-intro{
  border:0!important;padding:0 0 22px!important;
}
body .iny-founder-story .founder-intro h2{
  font-size:clamp(30px,4vw,54px)!important;line-height:1.05!important;color:var(--m-ink)!important;
}
body .iny-founder-story .founder-intro h2 em{color:var(--m-muted)!important}
body .founder-lead{color:var(--m-muted)!important;font-size:16px!important;max-width:560px;margin-top:18px!important}

/* controls injected by founder-scroll.js */
body .founder-controls{
  display:flex;align-items:center;gap:16px;margin:0 0 18px;
}
body .founder-controls .founder-progress{
  flex:1;height:1px;background:var(--m-line-strong);position:relative;overflow:hidden;
}
body .founder-controls .founder-progress i{
  position:absolute;left:0;top:-1px;height:3px;width:20%;background:var(--m-ink);
  transition:left .2s ease,width .2s ease;
}
body .founder-controls button{
  width:42px;height:42px;border:1px solid var(--m-line-strong);background:#fff;color:var(--m-ink);
  border-radius:0;font-size:17px;line-height:1;cursor:pointer;transition:.25s;
}
body .founder-controls button:hover:not(:disabled){background:var(--m-ink);color:#fff;border-color:var(--m-ink)}
body .founder-controls button:disabled{opacity:.3;cursor:default}

/* the horizontal track */
body .iny-founder-story .founder-scroll-story{
  display:flex!important;flex-direction:row!important;gap:20px;
  overflow-x:auto!important;overflow-y:hidden!important;
  scroll-snap-type:x mandatory;scroll-behavior:smooth;
  padding:2px 0 22px!important;margin:0!important;
  scrollbar-width:none;-ms-overflow-style:none;cursor:grab;
  -webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;
}
body .iny-founder-story .founder-scroll-story::-webkit-scrollbar{display:none}
body .iny-founder-story .founder-scroll-story.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;user-select:none}
body .iny-founder-story .founder-chapter,
body .iny-founder-story .founder-chapter:first-child{
  flex:0 0 clamp(290px,34vw,430px);scroll-snap-align:start;
  padding:34px 32px 36px!important;border:1px solid var(--m-line)!important;background:#fff;
  display:flex;flex-direction:column;
}
body .founder-chapter-no{color:var(--m-muted)!important;font-size:12px!important;letter-spacing:.2em!important;margin-bottom:22px!important}
body .founder-chapter h3{
  font-size:clamp(22px,2.2vw,30px)!important;margin:0 0 18px!important;color:var(--m-ink)!important;
}
body .iny-founder-story .founder-chapter p{
  color:var(--m-text)!important;font-size:15px!important;line-height:1.8!important;max-width:none!important;margin:0 0 16px!important;
}
body .founder-ending{
  color:var(--m-ink)!important;font-family:"DM Sans",sans-serif!important;font-style:normal!important;
  font-size:18px!important;font-weight:500;margin-top:auto!important;padding-top:18px;
}
body .founder-finale{border-bottom:1px solid var(--m-line)!important}

@media(max-width:850px){
  body .iny-founder-story .founder-scroll-shell{grid-template-columns:1fr!important;gap:30px!important}
  body .iny-founder-story .founder-image-frame{max-width:420px;aspect-ratio:4/5!important}
  body .iny-founder-story .founder-scroll-story{overflow-x:auto!important;overflow-y:hidden!important;padding-right:0!important}
  body .iny-founder-story .founder-chapter,
  body .iny-founder-story .founder-chapter:first-child{flex-basis:84%!important;padding:28px 24px!important}
}

/* =====================================================================
   SHOP PAGE
   ===================================================================== */
body .shop-hero .hero-note{
  background:transparent!important;border:0!important;border-top:1px solid var(--m-line)!important;
  color:var(--m-muted)!important;border-radius:0!important;box-shadow:none!important;
  padding:16px 0 0!important;display:flex!important;flex-wrap:wrap;align-items:center;gap:14px;
  font-size:12px!important;letter-spacing:.12em;text-transform:uppercase;
}
body .shop-hero .hero-note span{color:var(--m-muted)!important}
body .shop-hero .hero-note i{background:var(--m-line-strong)!important;width:4px!important;height:4px!important;border-radius:50%;display:inline-block}

/* shop headings: calmer scale */
body .section-intro h2,body .collection-heading h2,body .help-banner h2,body .closing h2,
body .contact-grid h2,body .summary h2,body .items-panel h2{
  font-size:clamp(26px,3vw,40px)!important;line-height:1.1!important;
}
body .shop-hero h1,body .cart-hero h1,body .contact-hero h1{font-size:clamp(34px,4.4vw,58px)!important}
body .category-section,body .collection-section,body .help-banner{background:#fff!important}

/* broad category cards */
body .broad-grid{gap:22px!important}
body .broad-card{
  background:#fff!important;border:1px solid var(--m-line)!important;border-radius:0!important;
  box-shadow:none!important;overflow:hidden;color:var(--m-ink)!important;text-align:left;
}
body .broad-card:hover{transform:none!important;box-shadow:none!important;border-color:var(--m-ink)!important}
body .broad-image{background:var(--m-soft)!important;border-radius:0!important}
body .broad-image img{object-fit:cover}
body .broad-content{background:#fff!important;padding:22px 24px 26px!important}
body .broad-content h3{font-size:22px!important;margin:10px 0 6px!important}
body .broad-content p{color:var(--m-muted)!important;font-size:14px!important}
body .broad-content .arrow{color:var(--m-ink)!important}

/* subcollections + tabs = understated chips */
body .tool-tabs,body .subcollections{gap:8px!important}
body .tool-tabs .tab,body .subcollection,body .category-row button{
  background:#fff!important;color:var(--m-ink)!important;border:1px solid var(--m-line-strong)!important;
  border-radius:0!important;font-size:12px!important;letter-spacing:.1em!important;text-transform:uppercase;
  padding:10px 18px!important;box-shadow:none!important;cursor:pointer;
}
body .tool-tabs .tab:hover,body .subcollection:hover{border-color:var(--m-ink)!important}
body .tool-tabs .tab.active,body .subcollection.active,body .category-row .active{
  background:var(--m-ink)!important;color:#fff!important;border-color:var(--m-ink)!important;
}
body .shop-tools{border-top:1px solid var(--m-line);border-bottom:1px solid var(--m-line);padding:18px 0!important;background:transparent!important;box-shadow:none!important}
body .active-path{color:var(--m-muted)!important;font-size:13px!important}
body .active-path strong{color:var(--m-ink)!important}
body .empty{color:var(--m-muted)!important}
body .help-banner{background:var(--m-soft)!important;border:0!important;border-radius:0!important;box-shadow:none!important}
body .help-banner a{
  background:var(--m-ink)!important;color:#fff!important;border-radius:0!important;
  font-size:12px!important;letter-spacing:.14em!important;text-transform:uppercase;
}

/* =====================================================================
   PRODUCT PAGE — gallery, SIZE OPTIONS, quantity, related
   ===================================================================== */
body .product-page{background:#fff!important}
body .gallery-frame{
  background:var(--m-soft)!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:hidden;
}
body .gallery-frame img{width:100%;height:100%;object-fit:cover;display:block}
body .product-page .product-info{background:transparent!important;padding-top:6px}
body .product-page h1{font-size:clamp(28px,3.2vw,42px)!important}
body .product-page .price{font-size:20px!important;color:var(--m-ink)!important}
body .product-page .description{color:var(--m-muted)!important;line-height:1.8!important;font-size:15px!important}

body .option-block{border-top:1px solid var(--m-line);padding-top:18px;margin-top:22px}
body .option-head{
  display:flex;justify-content:space-between;align-items:baseline;
  color:var(--m-ink)!important;font-size:12px!important;font-weight:500;letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px;
}
body .option-head #selectedSizeLabel{color:var(--m-muted)!important;letter-spacing:.04em;text-transform:none;font-weight:400}

/* size selector → square outlined chips */
body .size-grid{display:flex!important;flex-wrap:wrap;gap:10px!important}
body .size-btn{
  min-width:56px;height:46px;padding:0 16px!important;
  background:#fff!important;color:var(--m-ink)!important;
  border:1px solid var(--m-line-strong)!important;border-radius:0!important;
  font:500 13px "DM Sans",sans-serif!important;letter-spacing:.04em;box-shadow:none!important;
  cursor:pointer;transition:border-color .2s,background .2s,color .2s;
}
body .size-btn:hover{border-color:var(--m-ink)!important}
body .size-btn.active{background:var(--m-ink)!important;color:#fff!important;border-color:var(--m-ink)!important}

body .quantity{
  display:inline-flex;align-items:center;border:1px solid var(--m-line-strong)!important;
  border-radius:0!important;background:#fff!important;
}
body .quantity button{
  width:44px;height:44px;border:0!important;background:transparent!important;color:var(--m-ink)!important;
  font-size:18px;border-radius:0!important;cursor:pointer;
}
body .quantity button:hover{background:var(--m-soft)!important}
body .quantity span{min-width:44px;text-align:center;color:var(--m-ink)!important;font-weight:500}
body .product-page .actions{display:grid;gap:10px;margin-top:26px}
body .product-page .actions button{width:100%;padding:16px!important;cursor:pointer}

body .related-section{border-top:1px solid var(--m-line);background:#fff!important}
body .related-grid{gap:28px 20px!important}
body .related-card{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:var(--m-ink)!important}
body .related-card:hover{transform:none!important}
body .related-card{display:block!important}
body .related-card img{aspect-ratio:3/4;width:100%;height:auto!important;max-height:none!important;object-fit:cover;background:var(--m-soft);border-radius:0!important;display:block}
body .related-card span{color:var(--m-muted)!important;font-size:11px!important;letter-spacing:.12em;text-transform:uppercase;display:block;margin-top:12px}
body .related-card h3{font-size:15px!important;margin:4px 0!important}
body .related-card b{color:var(--m-ink)!important;font-size:14px!important;font-weight:500}
body .toast{background:var(--m-ink)!important;color:#fff!important;border-radius:0!important}
body .missing-product a{color:var(--m-ink)!important;border-bottom:1px solid var(--m-ink)}

/* =====================================================================
   CART PAGE
   ===================================================================== */
body .hero-symbol svg,body .empty-symbol svg{stroke:var(--m-ink)!important;fill:none}
body .cart-layout{background:#fff!important}
body .items-panel,body .summary{
  background:#fff!important;border:1px solid var(--m-line)!important;border-radius:0!important;box-shadow:none!important;
}
body .summary{position:sticky;top:96px;padding:28px!important}
body .items-panel{padding:28px!important}
body .contact-grid .info{padding:clamp(24px,3vw,40px)!important}
body .panel-head{border-bottom:1px solid var(--m-line)!important}
body .cart-item{
  background:#fff!important;border:0!important;border-bottom:1px solid var(--m-line)!important;
  border-radius:0!important;box-shadow:none!important;
}
body .cart-image{background:var(--m-soft)!important;border-radius:0!important}
body .cart-image img{object-fit:cover}
body .cart-info .category{color:var(--m-muted)!important;font-size:11px!important;letter-spacing:.14em;text-transform:uppercase}
body .cart-info .meta{color:var(--m-muted)!important;font-size:13px!important}
body .cart-info .meta .price{color:var(--m-ink)!important}
body .controls{border:0!important}
body .controls button{
  background:#fff!important;color:var(--m-ink)!important;border:1px solid var(--m-line-strong)!important;
  border-radius:0!important;box-shadow:none!important;
}
body .controls button:hover{background:var(--m-ink)!important;color:#fff!important;border-color:var(--m-ink)!important}
body .remove{background:none!important;border:0!important;color:var(--m-muted)!important;text-decoration:underline;text-underline-offset:3px;font-size:12px}
body .remove:hover{color:var(--m-ink)!important}
body .summary .line{border-bottom:1px solid var(--m-line)!important;color:var(--m-text)!important}
body .summary .line strong{color:var(--m-ink)!important}
body .summary .note{color:var(--m-muted)!important;font-size:13px!important}
body .summary .clear{width:100%;margin-top:10px;padding:14px!important;cursor:pointer}
body .summary .whatsapp{width:100%;justify-content:center;padding:16px!important;cursor:pointer}

/* clear-cart modal */
body .iny-clear-backdrop{background:rgba(0,0,0,.4)!important;backdrop-filter:none!important}
body .iny-clear-dialog{
  background:#fff!important;border:1px solid var(--m-line)!important;border-radius:0!important;box-shadow:0 20px 60px rgba(0,0,0,.14)!important;
}
body .iny-clear-icon{background:var(--m-soft)!important;color:var(--m-ink)!important}
body .iny-clear-eyebrow{color:var(--m-muted)!important;letter-spacing:.2em}
body .iny-clear-dialog h2{color:var(--m-ink)!important}
body .iny-clear-dialog p{color:var(--m-muted)!important}
body .iny-clear-close{color:var(--m-ink)!important;background:transparent!important}
body .iny-clear-cancel,body .iny-clear-confirm{border-radius:0!important;box-shadow:none!important;font-size:12px!important;letter-spacing:.12em;text-transform:uppercase}
body .iny-clear-cancel{background:#fff!important;color:var(--m-ink)!important;border:1px solid var(--m-line-strong)!important}
body .iny-clear-confirm{background:var(--m-ink)!important;color:#fff!important;border:1px solid var(--m-ink)!important}

/* =====================================================================
   CONTACT PAGE
   ===================================================================== */
body .contact-grid{background:#fff!important}
body .contact-grid .info,body .contact-grid form{
  background:#fff!important;border:1px solid var(--m-line)!important;border-radius:0!important;box-shadow:none!important;
}
body .details a{
  background:#fff!important;border:1px solid var(--m-line)!important;border-radius:0!important;color:var(--m-ink)!important;box-shadow:none!important;
}
body .details a:hover{border-color:var(--m-ink)!important;transform:none!important}
body .details a span{color:var(--m-muted)!important;font-size:11px!important;letter-spacing:.14em;text-transform:uppercase}
body .details a b{color:var(--m-ink)!important}
body .contact-grid label{color:var(--m-ink)!important;font-size:12px!important;font-weight:500;letter-spacing:.1em;text-transform:uppercase}
body .form-note{color:var(--m-muted)!important}
body .closing{background:var(--m-soft)!important;border:0!important;border-radius:0!important;box-shadow:none!important}
body .contact-hero .hero-art img{filter:none!important}

/* =====================================================================
   RESPONSIVE GRIDS (override older 1-column forcing for a 2-up shop feel)
   ===================================================================== */
@media(min-width:1180px){
  body .collection-section .product-grid{grid-template-columns:repeat(4,1fr)!important}
  body .product-actions .view-btn,body .product-actions .add-btn{letter-spacing:.08em!important;padding:12px 6px!important}
}
@media(max-width:1100px){
  body .product-grid{grid-template-columns:repeat(3,1fr)!important}
}
@media(max-width:768px){
  body .category .round-img{aspect-ratio:1/1!important}
  body .product-grid,body .related-grid{grid-template-columns:repeat(2,1fr)!important;gap:26px 12px!important}
  body .product-actions{flex-direction:column}
  body .benefits{grid-template-columns:1fr 1fr!important}
  body .benefits>div{padding:24px 16px 24px 0!important}
  body .reviews{grid-template-columns:1fr!important}
  body .faq-grid{grid-template-columns:1fr!important}
  body .size-btn{min-width:50px;height:44px}
  body .summary{position:static;padding:20px!important}
  body .items-panel{padding:18px!important}
}
@media(max-width:480px){
  body .product-row{flex-direction:column;gap:2px}
  body .product-name{font-size:14px!important}
}

@media(prefers-reduced-motion:reduce){
  body .iny-founder-story .founder-scroll-story{scroll-behavior:auto}
}


/* ================================================================
   INY LOGO-COLOUR LAYER
   White canvas remains dominant; blush pink, teal and warm gold are
   used as restrained accents throughout the existing UI.
   Visual-only CSS: content, Supabase, cart, WhatsApp and JS are untouched.
   ================================================================ */

/* Global accent hierarchy */
body .eyebrow,
body .founder-eyebrow,
body .article-meta,
body .category,
body .panel-head .eyebrow,
body .hero .eyebrow {
  color:var(--m-pink-deep)!important;
}

body h1,body h2,body h3,body h4,body h5,body h6,
body .section-title,body .page-title,body .hero-title,
body .product-title,body .collection-title {
  color:var(--m-ink)!important;
}

body a:hover { color:var(--m-cyan-deep); }

/* Announcement + header accents */
body .announcement {
  background:var(--m-pink-deep)!important;
  color:#fff!important;
}

body .iny-shared-cart-count,
body .cart-link b,
body .mobile-nav b {
  background:var(--m-pink-deep)!important;
  color:#fff!important;
}

/* Navigation */
body .iny-shared-nav a:hover {
  color:var(--m-cyan-deep)!important;
  opacity:1!important;
}
body .iny-shared-nav a[data-nav].active::after,
body .nav a:after,
body .desktop-nav a:after {
  background:var(--m-cyan)!important;
}

/* Main actions */
body .primary-btn,
body .primary,
body .button,
body .add-btn,
body #addToCart,
body .actions .primary-btn {
  background:var(--m-pink-deep)!important;
  border-color:var(--m-pink-deep)!important;
  color:#fff!important;
}

body .primary-btn:hover,
body .primary:hover,
body .button:hover,
body .add-btn:hover,
body #addToCart:hover {
  background:var(--m-cyan)!important;
  border-color:var(--m-cyan)!important;
  color:#fff!important;
}

body .secondary-btn,
body .outline,
body .view-btn,
body .back-category,
body #buyWhatsApp,
body .clear {
  border-color:var(--m-cyan)!important;
  color:var(--m-cyan-deep)!important;
  background:#fff!important;
}

body .secondary-btn:hover,
body .outline:hover,
body .view-btn:hover,
body .back-category:hover,
body #buyWhatsApp:hover,
body .clear:hover {
  background:var(--m-cyan)!important;
  border-color:var(--m-cyan)!important;
  color:#fff!important;
}

/* Hero: keep the white composition, add only logo-colour accents */
body .hero {
  background:linear-gradient(135deg,#fff 0%,#fff9f9 66%,var(--m-cyan-soft) 100%)!important;
}
body .hero h1 em,
body .hero h2 em {
  color:var(--m-pink-deep)!important;
}

/* Section accents */
body .section-heading h2 span,
body .center-heading h2 span {
  color:var(--m-cyan)!important;
}

body .section-heading::after,
body .center-heading::after {
  background:var(--m-pink)!important;
}

/* Product cards */
body .product-card,
body .product-item,
body .card,
body .related-card {
  border-color:var(--m-line)!important;
}

body .product-card:hover,
body .product-item:hover,
body .card:hover {
  border-color:rgba(22,185,195,.45)!important;
}

body .product-card .image,
body .product-card .product-image,
body .product-item .image,
body .related-card .image {
  background:linear-gradient(180deg,#fffafa 0%,#fff 100%)!important;
}

body .price,
body .product-price,
body .product-card .price,
body .related-card b {
  color:var(--m-pink-deep)!important;
}

body .product-card .badge,
body .product-item .badge,
body .new-badge,
body .featured-badge {
  background:var(--m-gold-soft)!important;
  color:#a96d24!important;
  border-color:#f1d7b5!important;
}

/* Collection/category chips */
body .tool-tabs .tab,
body .subcollection,
body .category-row button {
  border-color:#d8e7e8!important;
  color:var(--m-ink)!important;
  background:#fff!important;
}

body .tool-tabs .tab:hover,
body .subcollection:hover,
body .category-row button:hover {
  border-color:var(--m-pink)!important;
  color:var(--m-pink-deep)!important;
}

body .tool-tabs .tab.active,
body .subcollection.active,
body .category-row .active {
  background:var(--m-cyan)!important;
  border-color:var(--m-cyan)!important;
  color:#fff!important;
}

/* Product size selector — teal active, soft pink hover */
body .size-btn {
  background:#fff!important;
  color:var(--m-ink)!important;
  border-color:#d8d7d5!important;
}

body .size-btn:hover {
  border-color:var(--m-pink)!important;
  color:var(--m-pink-deep)!important;
  background:var(--m-pink-soft)!important;
}

body .size-btn.active {
  background:var(--m-cyan)!important;
  color:#fff!important;
  border-color:var(--m-cyan)!important;
}

/* Size guide / informational panels */
body .size-guide,
body .size-guide-section,
body .size-chart,
body .size-chart-section,
body .size-guide-card {
  background:var(--m-cyan-soft)!important;
  border-color:#ccebed!important;
}

body .size-guide h2,
body .size-chart h2 {
  color:var(--m-ink)!important;
}

body .size-guide .accent,
body .size-chart .accent {
  color:var(--m-pink-deep)!important;
}

/* Quantity controls */
body .quantity,
body .controls button {
  border-color:var(--m-line-strong)!important;
}

body .quantity button:hover,
body .controls button:hover {
  background:var(--m-pink-soft)!important;
  color:var(--m-pink-deep)!important;
  border-color:var(--m-pink)!important;
}

/* Cart summary */
body .summary {
  border-top:3px solid var(--m-pink)!important;
}

body .summary .line strong {
  color:var(--m-ink)!important;
}

body .summary .whatsapp {
  background:var(--m-cyan)!important;
  border-color:var(--m-cyan)!important;
}

body .summary .whatsapp:hover {
  background:var(--m-cyan-deep)!important;
  border-color:var(--m-cyan-deep)!important;
}

/* Clear-cart modal */
body .iny-clear-icon {
  background:var(--m-pink-soft)!important;
  color:var(--m-pink-deep)!important;
}
body .iny-clear-cancel {
  border-color:var(--m-cyan)!important;
  color:var(--m-cyan-deep)!important;
}
body .iny-clear-confirm {
  background:var(--m-pink-deep)!important;
  border-color:var(--m-pink-deep)!important;
}

/* Contact page */
body .contact-hero .eyebrow { color:var(--m-pink-deep)!important; }
body .contact-grid {
  background:#fff!important;
}
body .details a:hover {
  border-color:var(--m-cyan)!important;
  background:var(--m-cyan-soft)!important;
}
body .contact-grid input:focus,
body .contact-grid textarea:focus,
body .contact-grid select:focus {
  border-color:var(--m-cyan)!important;
  box-shadow:0 2px 0 rgba(22,185,195,.18)!important;
}
body .closing {
  background:linear-gradient(135deg,#fff 0%,var(--m-pink-soft) 100%)!important;
}
body .closing .eyebrow { color:var(--m-pink-deep)!important; }

/* Founder section accents without changing its horizontal scroll behaviour */
body .iny-founder-story {
  background:#fff!important;
}
body .iny-founder-story .founder-eyebrow {
  color:var(--m-pink-deep)!important;
}
body .iny-founder-story .founder-scroll-story {
  scrollbar-color:var(--m-pink) #f3f3f3;
}
body .iny-founder-story .founder-scroll-story::-webkit-scrollbar-thumb {
  background:var(--m-pink);
}
body .iny-founder-story .founder-scroll-story::-webkit-scrollbar-track {
  background:#f4f4f4;
}
body .iny-founder-story .founder-card,
body .iny-founder-story .story-card,
body .iny-founder-story > * {
  border-color:var(--m-line)!important;
}

/* Footer: deep teal instead of black, while keeping the white/minimal layout */
body footer,
body .site-footer {
  background:var(--m-ink)!important;
  color:#fff!important;
}
body footer a,
body .site-footer a,
body footer .logo,
body .site-footer .logo {
  color:#fff!important;
}
body footer p,
body .site-footer p {
  color:#d8eaec!important;
}
body footer small,
body .site-footer small {
  color:#b7cacc!important;
}

/* Small gold touches from the logo */
body .trust-row b,
body .benefits b {
  color:var(--m-cyan)!important;
}
body .benefits svg,
body .trust-row svg {
  stroke:var(--m-gold)!important;
}
\n\n/* Local catalogue entries: visual placeholders until price/sizes are entered in Admin */\nbody .local-enquire{display:grid;place-items:center;text-decoration:none;}\nbody .enquire-mode{background:var(--m-cyan)!important;border-color:var(--m-cyan)!important;}\nbody .enquire-mode:hover{background:var(--m-cyan-deep)!important;border-color:var(--m-cyan-deep)!important;}\n
/* ================================================================
   INY HEADLINE BLUE PASS
   Change the site's dark/black headline typography to the INY logo blue
   while preserving white text on dark footer/FAQ areas and all existing
   content, layout and functionality.
   ================================================================ */
:root{
  --iny-headline-blue:#315E73;
}

/* Main page headlines */
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body .hero-title,
body .page-title,
body .section-title,
body .section-heading h2,
body .center-heading h2,
body .hero-copy h1,
body .shop-hero .hero-copy h1,
body .cart-hero h1,
body .panel-head h2,
body .summary h2,
body .empty h2,
body .product-title,
body .product-info h3,
body .product-name,
body .related-card h3,
body .collection-heading h2,
body .section-intro h2,
body .promo-copy h2,
body .cta h2,
body .contact-hero h1,
body .founder-story h2,
body .founder-scroll-story h2,
body .story-card h2,
body .closing h2,
body .contact-heading h2,
body .size-chart-group h3{
  color:var(--iny-headline-blue)!important;
}

/* Keep eyebrow/subtitle text as accents rather than turning them into blue headlines. */
body .eyebrow,
body .founder-eyebrow,
body .panel-head .eyebrow,
body .hero .eyebrow,
body .contact-hero .eyebrow{
  color:#df7682!important;
}

/* Size-chart headings use the same blue with the existing pink accent line. */
body .size-chart-header h2{
  color:var(--iny-headline-blue)!important;
}

/* Product/collection headings that use different element classes. */
body .product-card h3,
body .product-item h3,
body .arrival h3,
body .collection-card h3,
body .category-card h3,
body .feature-card h3,
body .benefits h3{
  color:var(--iny-headline-blue)!important;
}

/* Preserve intentionally light text on dark areas. */
body .faq h1,
body .faq h2,
body .faq h3,
body .faq h4,
body .faq h5,
body .faq h6,
body .faq summary,
body .footer h1,
body .footer h2,
body .footer h3,
body .footer h4,
body .footer h5,
body .footer h6,
body .site-footer h1,
body .site-footer h2,
body .site-footer h3,
body .site-footer h4,
body .site-footer h5,
body .site-footer h6{
  color:inherit!important;
}

/* FINAL INY HEADING COLOUR PASS
   All major site headlines use the INY logo blue.
   Body copy, small eyebrow labels, controls and white-on-dark text remain unchanged.
*/
:where(body h1, body h2, body h3, body h4, body h5, body h6,
  body .hero-title, body .hero-copy h1, body .hero-copy h2,
  body .section-title, body .page-title, body .shop-title,
  body .shop-hero h1, body .shop-hero h2,
  body .category-title, body .collection-title,
  body .new-arrivals-title, body .faq-title,
  body .faq-heading h2, body .founder-intro h2,
  body .founder-chapter h3, body .founder-chapter-title,
  body .product-title, body .related-title,
  body .cart-hero h1, body .cart-info h3,
  body .panel-head h2, body .summary h2,
  body .empty h2, body .contact-hero h1,
  body .contact-hero h2, body .closing h2,
  body .size-chart-header h2, body .size-chart-group h3) {
  color:#315E73 !important;
}

/* Hero and founder emphasis lines should also use the same brand blue. */
body .hero h1 em,
body .hero h2 em,
body .shop-hero h1 em,
body .shop-hero h2 em,
body .founder-intro h2 em {
  color:#315E73 !important;
}