:root{--cream:#F7F0E5;--soft:#FFF9F1;--espresso:#24140D;--black:#100C09;--choc:#4A2617;--caramel:#B8783E;--gold:#C99855;--muted:#D6B078;--text:#1C1511;--sub:#6E5C50;--radius:22px;--shadow:0 18px 50px rgba(36,20,13,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--text);font-family:"DM Sans",sans-serif;overflow-x:hidden}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}
.container{width:min(1180px,calc(100% - 40px));margin:auto}.serif{font-family:"Cormorant Garamond",serif}.script{font-family:"Italianno",cursive;color:var(--caramel)}.eyebrow{font-size:.73rem;letter-spacing:.32em;font-weight:600}.section{padding:92px 0}.section-title{font:600 clamp(2.5rem,5vw,4.7rem)/.93 "Cormorant Garamond",serif;margin:12px 0 20px}.muted{color:var(--sub)}
.header{position:fixed;inset:0 0 auto;z-index:50;transition:.35s}.header.scrolled{background:rgba(255,249,241,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(74,38,23,.1)}.nav{height:92px;display:flex;align-items:center;gap:28px}.logo{width:118px}.logo img{width:100%;border-radius:8px}.links{display:flex;gap:28px;margin-left:auto;font-size:.88rem}.links a{position:relative}.links a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:var(--caramel);transition:.3s}.links a:hover:after,.links a.active:after{right:0}.nav-actions{display:flex;align-items:center;gap:12px}.btn{display:inline-flex;align-items:center;gap:10px;border:1px solid transparent;border-radius:999px;padding:14px 22px;background:var(--espresso);color:#fff;cursor:pointer;transition:.3s}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.btn.outline{background:transparent;color:var(--espresso);border-color:rgba(36,20,13,.35)}.hamb{display:none;background:none;border:0;font-size:1.5rem}
.hero{min-height:92vh;padding-top:110px;display:flex;align-items:center;background:radial-gradient(circle at 72% 45%,#fff7ec 0,#f7f0e5 45%,#efe3d2 100%)}.hero-grid{display:grid;grid-template-columns:.9fr 1.15fr;align-items:center;gap:45px}.hero h1{font:600 clamp(4rem,7vw,7.2rem)/.78 "Cormorant Garamond",serif;margin:20px 0 8px;letter-spacing:-.04em}.hero .script{font-size:3.3rem;margin:0 0 24px}.hero p{max-width:480px;line-height:1.7}.hero-visual{position:relative;min-height:600px;display:grid;place-items:center}.scoops{position:relative;width:min(520px,90%);aspect-ratio:1}.scoop{position:absolute;border-radius:50%;background:radial-gradient(circle at 35% 28%,#815036 0 6%,#4a2518 22%,#25110b 67%,#130806 100%);box-shadow:inset -20px -25px 40px rgba(0,0,0,.28),0 30px 55px rgba(47,24,15,.25)}.scoop:after{content:"";position:absolute;inset:12%;border-radius:50%;background:repeating-radial-gradient(ellipse at 45% 45%,transparent 0 10px,rgba(255,255,255,.035) 11px 13px)}.s1{width:58%;height:58%;left:21%;top:4%}.s2{width:60%;height:60%;left:5%;top:38%}.s3{width:60%;height:60%;right:2%;top:38%}.plate{position:absolute;width:92%;height:18%;border-radius:50%;background:linear-gradient(#f7eee4,#cbb7a3);bottom:2%;box-shadow:0 24px 35px rgba(56,32,21,.22);z-index:-1}.drip{position:absolute;left:45%;top:-10%;width:15%;height:55%;border-radius:45% 45% 55% 55%;background:linear-gradient(90deg,#2b1008,#6b321b,#2a1009);transform:rotate(3deg)}.hero-note{position:absolute;right:0;top:13%;font-size:2.5rem;transform:rotate(-7deg)}.pager{display:flex;gap:14px;align-items:center;margin-top:38px;font-size:.8rem}.pager i{display:block;width:72px;height:1px;background:var(--caramel)}
.values{border-top:1px solid rgba(36,20,13,.08);border-bottom:1px solid rgba(36,20,13,.08);background:var(--soft)}.value-grid{display:grid;grid-template-columns:repeat(4,1fr)}.value{padding:30px;text-align:center;border-right:1px solid rgba(36,20,13,.08)}.value:last-child{border:0}.value .ico{font-size:1.8rem;margin-bottom:8px}.value b{display:block;font-family:"Cormorant Garamond";font-size:1.35rem}.value small{color:var(--sub)}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{min-height:390px;border-radius:var(--radius);overflow:hidden;position:relative;padding:28px;background:#ead8c4;border:1px solid rgba(36,20,13,.08);transition:.4s}.card:nth-child(1){background:#2b180f;color:#fff}.card:nth-child(3){background:#f3e4d1}.card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.card h3{font:600 2rem/1 "Cormorant Garamond";margin:0 0 8px}.card .product-art{position:absolute;right:-4%;bottom:-5%;width:78%;transition:.45s}.card:hover .product-art{transform:scale(1.035) translateY(-4px)}.cup{aspect-ratio:1.05;background:radial-gradient(circle at 50% 20%,#6b3522 0 17%,#2a130d 18% 27%,transparent 28%),linear-gradient(165deg,#352015 0 54%,#120b08 55%);clip-path:polygon(12% 15%,88% 15%,78% 100%,22% 100%);border-radius:10%}.stick{aspect-ratio:.58;border-radius:45% 45% 24% 24%;background:radial-gradient(circle at 30% 25%,#d9ad76 0 2%,transparent 3%),linear-gradient(135deg,#7c4028,#2a130d);transform:rotate(12deg);width:48%!important;right:18%!important}.tub{aspect-ratio:1.4;border-radius:18% 18% 28% 28%;background:linear-gradient(#f9ead9 0 20%,#d6ad80 21% 24%,#f3ddc4 25%);border:2px solid #b98b5c}
.process{background:var(--soft)}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:44px}.step{position:relative}.step:not(:last-child):after{content:"";position:absolute;width:38%;height:1px;background:var(--muted);right:-18%;top:62px}.round{width:120px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#fff,#e7d1b6);font-size:2.6rem;border:1px solid rgba(184,120,62,.35)}.step .num{font:600 1.7rem "Cormorant Garamond";color:var(--caramel)}.step h4{font:600 1.25rem "Cormorant Garamond";margin:10px 0 0}
.story{display:grid;grid-template-columns:.8fr 1.2fr;min-height:480px;background:#eadfce}.story-copy{padding:70px max(40px,calc((100vw - 1180px)/2));padding-right:40px;display:flex;flex-direction:column;justify-content:center}.story-photo{position:relative;background:radial-gradient(circle,#fff5e7,#c9ad8e);display:grid;place-items:center;overflow:hidden}.story-photo .bowl{width:430px;height:180px;background:linear-gradient(#f9f2e9,#c9b49e);border-radius:10% 10% 50% 50%;position:relative}.story-photo .mini{position:absolute;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#8a573b,#35180f 70%);top:-100px}.story-photo .mini:nth-child(2){left:120px;background:radial-gradient(circle at 35% 30%,#fff0d2,#b98b62 70%)}.story-photo .mini:nth-child(3){left:240px;background:radial-gradient(circle at 35% 30%,#eee1ce,#79503c 70%)}.story-photo .script{position:absolute;right:7%;top:20%;font-size:3rem;transform:rotate(-7deg)}
.page-hero{padding:180px 0 90px;background:linear-gradient(135deg,#fff9f1,#eadbc7)}.page-hero h1{font:600 clamp(3.6rem,7vw,6.5rem)/.9 "Cormorant Garamond";margin:10px 0}.editorial{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin:70px 0}.photo-block{min-height:430px;border-radius:var(--radius);background:radial-gradient(circle at 40% 30%,#d4a46f,#4a2617 70%);box-shadow:var(--shadow)}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0}.filter{padding:10px 16px;border:1px solid #cdbba9;border-radius:999px;background:transparent;cursor:pointer}.filter.active{background:var(--espresso);color:#fff}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product{background:var(--soft);border:1px solid rgba(36,20,13,.08);border-radius:18px;padding:18px}.product .pic{height:270px;border-radius:14px;background:radial-gradient(circle,#ead0b2,#6d3b25);display:grid;place-items:center}.product .pic:before{content:"";width:135px;height:160px;border-radius:50% 50% 35% 35%;background:radial-gradient(circle at 35% 25%,#9d694a,#32170f 70%);box-shadow:0 20px 30px rgba(0,0,0,.18)}.product h3{font:600 1.6rem "Cormorant Garamond";margin-bottom:4px}.product small{color:var(--sub)}
.detail{display:grid;grid-template-columns:1fr 1fr;gap:60px}.gallery{min-height:560px;border-radius:var(--radius);background:radial-gradient(circle,#f5dfc4,#8d5c3d);display:grid;place-items:center}.gallery:before{content:"";width:280px;height:320px;border-radius:50% 50% 35% 35%;background:radial-gradient(circle at 35% 25%,#a66c48,#2e150e 70%);box-shadow:0 30px 50px rgba(0,0,0,.2)}.specs{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #d9c7b5;margin:28px 0}.specs div{padding:16px 0;border-bottom:1px solid #d9c7b5}.form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form .full{grid-column:1/-1}.form input,.form select,.form textarea{width:100%;padding:15px;border:1px solid #d7c4b1;background:#fffaf4;border-radius:12px}.form textarea{min-height:140px}
.footer{background:var(--espresso);color:#f7f0e5;padding:52px 0 24px}.footer-grid{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:30px}.footer .logo{width:105px}.foot-links{display:flex;justify-content:center;gap:24px;font-size:.85rem}.social{text-align:right}.copyright{text-align:center;color:#cdbbaa;font-size:.75rem;margin-top:35px;border-top:1px solid rgba(255,255,255,.1);padding-top:20px}
.reveal{opacity:0;transform:translateY(24px);transition:.75s}.reveal.on{opacity:1;transform:none}
@media(max-width:900px){.links{display:none}.hamb{display:block}.nav-actions .btn{display:none}.hero-grid,.story,.editorial,.detail{grid-template-columns:1fr}.hero{padding-top:130px}.hero-visual{min-height:460px}.hero h1{font-size:4.4rem}.hero-note{right:5%}.value-grid{grid-template-columns:1fr 1fr}.value:nth-child(2){border-right:0}.cards,.product-grid{grid-template-columns:1fr 1fr}.steps{display:flex;overflow:auto;padding-bottom:18px}.step{min-width:180px}.step:after{display:none}.story-copy{padding:60px 30px}.footer-grid{grid-template-columns:1fr;text-align:center}.footer .logo{margin:auto}.foot-links{flex-wrap:wrap}.social{text-align:center}}
@media(max-width:600px){.container{width:min(100% - 28px,1180px)}.nav{height:78px}.logo{width:92px}.hero{min-height:auto;padding-bottom:40px}.hero h1{font-size:3.5rem}.hero .script{font-size:2.5rem}.hero-visual{min-height:360px}.hero-note{font-size:1.8rem}.value-grid,.cards,.product-grid,.form{grid-template-columns:1fr}.value{border-right:0;border-bottom:1px solid rgba(36,20,13,.08)}.section{padding:66px 0}.section-head{align-items:start;flex-direction:column}.card{min-height:350px}.story-photo{min-height:420px}.story-photo .bowl{transform:scale(.75)}.page-hero{padding-top:140px}.editorial{gap:25px;margin:40px 0}.photo-block{min-height:300px}.detail{gap:30px}.gallery{min-height:390px}.foot-links{gap:14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}

/* Real Zio's Deli product imagery */
.real-product-card .pic{
  background:linear-gradient(145deg,#fffaf3,#eee0cf);
  overflow:hidden;
  padding:18px;
}
.real-product-card .pic:before{display:none!important}
.real-product-card .pic img{
  width:100%;height:100%;object-fit:contain;object-position:center;
  filter:drop-shadow(0 18px 18px rgba(36,20,13,.16));
  transition:transform .45s ease;
}
.real-product-card:hover .pic img{transform:scale(1.035) translateY(-3px)}
.collection-product{
  position:absolute;right:2%;bottom:0;width:72%;height:72%;
  object-fit:contain;object-position:center bottom;
  filter:drop-shadow(0 18px 22px rgba(0,0,0,.18));transition:.45s ease;
}
.card:hover .collection-product{transform:translateY(-5px) scale(1.025)}
.detail-product-img{
  width:88%;height:88%;object-fit:contain;
  filter:drop-shadow(0 28px 28px rgba(36,20,13,.18));
}
.gallery.real{background:linear-gradient(145deg,#fffaf3,#ead7c1)}
.gallery.real:before{display:none}
@media(max-width:600px){.collection-product{width:66%;height:66%}}

/* =========================================================
   PREMIUM COLLECTION SHOWCASE — matched to the approved
   Black & Cream Editorial product presentation
   ========================================================= */
.collection-showcase{
  position:relative;
  padding:86px 0 96px;
  background:
    radial-gradient(circle at 50% 4%,rgba(201,152,85,.18),transparent 32%),
    linear-gradient(180deg,#f7efe3 0%,#fffaf3 42%,#f3e4d3 100%);
  overflow:hidden;
}
.collection-showcase:before,
.collection-showcase:after{
  content:"";
  position:absolute;
  width:420px;height:420px;border-radius:50%;
  filter:blur(70px);opacity:.15;pointer-events:none;
}
.collection-showcase:before{left:-180px;top:230px;background:#713718}
.collection-showcase:after{right:-180px;bottom:140px;background:#c99051}
.collection-intro{text-align:center;max-width:760px;margin:0 auto 28px}
.collection-intro .eyebrow{display:flex;align-items:center;justify-content:center;gap:18px}
.collection-intro .eyebrow:before,.collection-intro .eyebrow:after{
  content:"";width:40px;height:1px;background:var(--gold)
}
.collection-intro h1{
  font:600 clamp(3.2rem,6vw,5.8rem)/.9 "Cormorant Garamond",serif;
  margin:16px 0 14px;letter-spacing:-.035em
}
.collection-intro p{color:var(--sub);max-width:620px;margin:auto;line-height:1.65}
.collection-toolbar{
  display:flex;justify-content:center;align-items:center;gap:20px;
  margin:34px auto 28px;
}
.collection-toolbar .filters{
  margin:0;padding:0;
  display:grid;grid-template-columns:repeat(4,1fr);
  width:min(720px,100%);
  border:1px solid rgba(74,38,23,.12);
  border-radius:999px;overflow:hidden;background:rgba(255,255,255,.6);
  box-shadow:0 14px 35px rgba(36,20,13,.06)
}
.collection-toolbar .filter{
  border:0;border-right:1px solid rgba(74,38,23,.1);
  border-radius:0;padding:15px 18px;background:transparent
}
.collection-toolbar .filter:last-child{border-right:0}
.collection-toolbar .filter.active{
  background:linear-gradient(135deg,#5b2a14,#2a130b);color:#fff
}
.showcase-grid{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:10px;
  align-items:stretch;
}
.showcase-card{
  position:relative;
  min-height:610px;
  border:1px solid rgba(82,48,28,.12);
  border-radius:12px;
  background:rgba(255,250,244,.72);
  backdrop-filter:blur(5px);
  overflow:hidden;
  box-shadow:0 16px 45px rgba(57,31,17,.08);
  transition:transform .4s ease,box-shadow .4s ease;
}
.showcase-card:hover{
  transform:translateY(-8px);
  box-shadow:0 28px 60px rgba(57,31,17,.15)
}
.showcase-media{
  position:relative;height:405px;overflow:hidden;
  display:flex;align-items:flex-end;justify-content:center;
  padding:18px 10px 4px;
}
.showcase-media:before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.4));
}
.showcase-media img{
  position:relative;z-index:2;
  width:100%;height:100%;object-fit:contain;object-position:center bottom;
  filter:drop-shadow(0 18px 18px rgba(40,20,10,.18));
  transition:transform .45s ease
}
.showcase-card:hover .showcase-media img{transform:scale(1.035) translateY(-5px)}
.showcase-card .flavour-badge{
  position:absolute;z-index:4;right:10px;top:18px;
  width:80px;min-height:80px;border-radius:50%;
  display:grid;place-items:center;text-align:center;padding:10px;
  background:#ead1ae;color:#44200f;
  font:600 .82rem/1.05 "Cormorant Garamond",serif;
  box-shadow:0 10px 28px rgba(82,42,20,.1)
}
.showcase-card .decor{
  position:absolute;z-index:1;left:-20px;right:-20px;bottom:-10px;height:110px;
  opacity:.88;filter:blur(.1px)
}
.showcase-card.chocolate .showcase-media{background:linear-gradient(180deg,#8a4c36 0%,#d7aa8d 45%,#f7eadc 100%)}
.showcase-card.chocolate .decor{
  background:
   radial-gradient(circle at 10% 80%,#2b140d 0 16px,transparent 17px),
   radial-gradient(circle at 25% 70%,#5b2e1d 0 10px,transparent 11px),
   linear-gradient(125deg,transparent 35%,#4b2517 36% 42%,transparent 43%)
}
.showcase-card.butterscotch .showcase-media{background:linear-gradient(180deg,#eab761 0%,#f8d89c 48%,#fff4df 100%)}
.showcase-card.butterscotch .decor{
  background:
   radial-gradient(circle at 18% 70%,#bb6e22 0 11px,transparent 12px),
   radial-gradient(circle at 38% 82%,#e5a84d 0 14px,transparent 15px),
   radial-gradient(circle at 72% 68%,#8a511f 0 9px,transparent 10px)
}
.showcase-card.fresh .showcase-media{background:linear-gradient(180deg,#eaf3dd 0%,#f9f3df 52%,#fffaf2 100%)}
.showcase-card.fresh .decor{
  background:
   radial-gradient(ellipse at 12% 78%,#5e963c 0 18px,transparent 19px),
   radial-gradient(ellipse at 30% 70%,#7eaf50 0 14px,transparent 15px),
   radial-gradient(ellipse at 80% 80%,#48822d 0 15px,transparent 16px)
}
.showcase-card.chikoo .showcase-media{background:linear-gradient(180deg,#efdfca,#f9eddc 55%,#fff9f0)}
.showcase-card.chikoo .decor{
  background:
   radial-gradient(circle at 18% 72%,#9c623d 0 20px,transparent 21px),
   radial-gradient(circle at 36% 82%,#c0875e 0 11px,transparent 12px),
   radial-gradient(ellipse at 78% 77%,#5a8b3b 0 15px,transparent 16px)
}
.showcase-card.bengali .showcase-media{background:linear-gradient(180deg,#f5e8d1,#fff4e6 58%,#fffaf3)}
.showcase-card.bengali .decor{
  background:
   radial-gradient(circle at 20% 78%,#8a6d47 0 8px,transparent 9px),
   radial-gradient(circle at 40% 73%,#67883a 0 7px,transparent 8px),
   radial-gradient(circle at 65% 80%,#b68b44 0 8px,transparent 9px)
}
.showcase-card.kesar .showcase-media{background:linear-gradient(180deg,#f7df9e,#fff0c7 55%,#fff8e9)}
.showcase-card.kesar .decor{
  background:
   linear-gradient(25deg,transparent 48%,#b73d25 49% 51%,transparent 52%) 0 0/34px 34px,
   radial-gradient(circle at 70% 80%,#d7b565 0 9px,transparent 10px)
}
.showcase-card.party .showcase-media{background:linear-gradient(180deg,#dfc6a4,#f4e5d2 55%,#fff7ec)}
.showcase-card.party .decor{
  background:
   radial-gradient(circle at 14% 78%,#4b2417 0 23px,transparent 24px),
   radial-gradient(circle at 34% 85%,#95ad58 0 25px,transparent 26px),
   radial-gradient(circle at 62% 79%,#c54b59 0 22px,transparent 23px)
}
.showcase-copy{
  position:relative;z-index:3;text-align:center;padding:16px 14px 20px;
  min-height:205px;display:flex;flex-direction:column;align-items:center
}
.showcase-copy .type{
  font-size:.66rem;letter-spacing:.28em;text-transform:uppercase;font-weight:600;color:#6d4b35
}
.showcase-copy h3{
  font:600 1.55rem/1 "Cormorant Garamond",serif;margin:8px 0 8px
}
.showcase-copy p{font-size:.78rem;line-height:1.45;color:var(--sub);margin:0 0 14px}
.showcase-copy .btn{margin-top:auto;padding:11px 19px;font-size:.78rem;min-width:126px;justify-content:center}
.collection-value-strip{
  margin-top:42px;padding-top:26px;border-top:1px solid rgba(73,42,24,.12);
  display:grid;grid-template-columns:repeat(4,1fr);gap:0
}
.collection-value-strip .mini-value{
  text-align:center;padding:8px 18px;border-right:1px solid rgba(73,42,24,.12)
}
.collection-value-strip .mini-value:last-child{border-right:0}
.collection-value-strip b{display:block;font:600 1.15rem "Cormorant Garamond",serif}
.collection-value-strip span{font-size:.72rem;color:var(--sub)}
.collection-signature{
  margin-top:18px;text-align:right;font:3rem "Italianno",cursive;color:#5a2d17
}
@media(max-width:1200px){
  .showcase-grid{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:900px){
  .collection-showcase{padding-top:120px}
  .showcase-grid{grid-template-columns:repeat(2,1fr);gap:14px}
  .collection-value-strip{grid-template-columns:repeat(2,1fr)}
  .collection-value-strip .mini-value:nth-child(2){border-right:0}
}
@media(max-width:600px){
  .collection-showcase{padding:120px 0 65px}
  .collection-intro h1{font-size:3.35rem}
  .collection-toolbar .filters{grid-template-columns:1fr 1fr;border-radius:20px}
  .collection-toolbar .filter{border-bottom:1px solid rgba(74,38,23,.1)}
  .showcase-grid{grid-template-columns:1fr}
  .showcase-card{min-height:auto}
  .showcase-media{height:420px}
  .showcase-copy{min-height:190px}
  .collection-value-strip{grid-template-columns:1fr}
  .collection-value-strip .mini-value{border-right:0;border-bottom:1px solid rgba(73,42,24,.12)}
  .collection-signature{text-align:center}
}

/* =========================================================
   PREMIUM HERO SLIDER
   ========================================================= */
.hero-premium{
  position:relative;
  min-height:92vh;
  padding-top:110px;
  overflow:hidden;
  background:
    radial-gradient(circle at 72% 45%,rgba(255,255,255,.92) 0 12%,rgba(247,240,229,.9) 42%,rgba(234,218,199,.95) 100%);
}
.hero-slider{position:relative;min-height:calc(92vh - 110px)}
.hero-slide{
  position:absolute;inset:0;
  display:grid;grid-template-columns:.88fr 1.12fr;
  align-items:center;gap:50px;
  opacity:0;pointer-events:none;
  transform:translateX(2%);
  transition:opacity .9s ease,transform 1s ease;
}
.hero-slide.active{opacity:1;pointer-events:auto;transform:none}
.hero-copy{position:relative;z-index:3}
.hero-copy h1{
  font:600 clamp(4rem,7vw,7.3rem)/.78 "Cormorant Garamond",serif;
  margin:20px 0 10px;letter-spacing:-.045em
}
.hero-copy .script{font-size:3.35rem;margin-bottom:22px}
.hero-copy p{max-width:500px;line-height:1.7;color:var(--sub)}
.hero-product-stage{
  position:relative;height:650px;
  display:flex;align-items:center;justify-content:center
}
.hero-product-stage:before{
  content:"";position:absolute;width:78%;height:78%;
  border-radius:50%;filter:blur(1px);
  background:radial-gradient(circle,rgba(255,255,255,.85) 0 25%,rgba(215,182,145,.35) 50%,transparent 72%)
}
.hero-product-stage:after{
  content:"";position:absolute;left:12%;right:7%;bottom:11%;
  height:55px;border-radius:50%;
  background:radial-gradient(ellipse,rgba(44,24,14,.22),transparent 70%);
  filter:blur(8px)
}
.hero-product{
  position:relative;z-index:2;
  width:84%;height:86%;
  object-fit:contain;object-position:center;
  filter:drop-shadow(0 28px 26px rgba(46,24,14,.2));
  transition:transform 1.2s ease
}
.hero-slide.active .hero-product{transform:translateY(-5px) scale(1.015)}
.hero-flavour{
  position:absolute;right:2%;top:14%;z-index:4;
  width:150px;height:150px;border-radius:50%;
  display:grid;place-items:center;text-align:center;padding:20px;
  background:rgba(239,214,181,.9);
  border:1px solid rgba(133,82,45,.12);
  font:600 1.25rem/1.05 "Cormorant Garamond",serif;
  transform:rotate(-8deg)
}
.hero-tag{
  position:absolute;right:0;bottom:15%;
  font:.72rem/1.6 "DM Sans",sans-serif;
  letter-spacing:.24em;text-transform:uppercase;text-align:right
}
.hero-controls{
  position:absolute;left:0;right:0;bottom:26px;z-index:6
}
.hero-controls-inner{
  display:flex;align-items:center;justify-content:space-between;gap:20px
}
.hero-pagers{display:flex;align-items:center;gap:12px}
.hero-dot{
  border:0;background:transparent;color:#6b5547;
  padding:5px;cursor:pointer;font-weight:600
}
.hero-dot.active{color:var(--espresso)}
.hero-progress{
  width:95px;height:1px;background:rgba(80,45,25,.22);position:relative;overflow:hidden
}
.hero-progress:after{
  content:"";position:absolute;left:0;top:0;bottom:0;width:100%;
  background:var(--caramel);transform-origin:left;
  animation:heroProgress 6s linear infinite
}
@keyframes heroProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.hero-arrows{display:flex;gap:8px}
.hero-arrow{
  width:42px;height:42px;border-radius:50%;
  border:1px solid rgba(62,34,18,.24);
  background:rgba(255,250,244,.72);cursor:pointer
}
.hero-slide.choco .hero-product-stage{
  background:radial-gradient(circle at 52% 47%,rgba(114,59,34,.10),transparent 55%)
}
.hero-slide.kesar .hero-product-stage{
  background:radial-gradient(circle at 50% 45%,rgba(226,178,73,.16),transparent 55%)
}
.hero-slide.party .hero-product-stage{
  background:radial-gradient(circle at 50% 45%,rgba(74,38,23,.11),transparent 55%)
}
@media(max-width:900px){
  .hero-premium{padding-top:120px;min-height:auto}
  .hero-slider{min-height:930px}
  .hero-slide{grid-template-columns:1fr;align-content:start;gap:10px}
  .hero-copy{padding-top:20px}
  .hero-product-stage{height:480px}
  .hero-flavour{width:115px;height:115px;font-size:1rem;right:4%;top:8%}
  .hero-tag{right:4%;bottom:8%}
}
@media(max-width:600px){
  .hero-slider{min-height:800px}
  .hero-copy h1{font-size:3.65rem}
  .hero-copy .script{font-size:2.65rem}
  .hero-product-stage{height:405px}
  .hero-product{width:90%;height:90%}
  .hero-controls{bottom:16px}
}
@media(prefers-reduced-motion:reduce){
  .hero-progress:after{animation:none}
}

/* =========================================================
   PREMIUM PRODUCT DETAIL EXPERIENCE
   ========================================================= */
.product-detail-shell{
  padding:150px 0 90px;
  background:
    radial-gradient(circle at 78% 14%,rgba(201,152,85,.16),transparent 30%),
    linear-gradient(180deg,#fbf4ea 0%,#f5eadc 100%);
}
.product-detail-grid{
  display:grid;grid-template-columns:1.02fr .98fr;gap:64px;align-items:center
}
.product-gallery-premium{
  position:relative;min-height:650px;border-radius:30px;overflow:hidden;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(145deg,#fffaf4,#ead8c1);
  border:1px solid rgba(73,42,24,.12);
  box-shadow:0 28px 70px rgba(56,30,16,.12)
}
.product-gallery-premium:before{
  content:"";position:absolute;width:430px;height:430px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.9) 0 20%,rgba(210,171,124,.25) 48%,transparent 72%)
}
.product-gallery-premium:after{
  content:"";position:absolute;left:12%;right:12%;bottom:10%;
  height:55px;border-radius:50%;
  background:radial-gradient(ellipse,rgba(44,24,14,.2),transparent 70%);
  filter:blur(9px)
}
.product-gallery-premium img{
  position:relative;z-index:2;
  width:86%;height:86%;object-fit:contain;
  filter:drop-shadow(0 30px 28px rgba(44,24,14,.18))
}
.product-gallery-note{
  position:absolute;z-index:3;right:24px;top:24px;
  width:112px;height:112px;border-radius:50%;
  display:grid;place-items:center;text-align:center;padding:15px;
  background:#ead1ae;
  font:600 .95rem/1.05 "Cormorant Garamond",serif;
  transform:rotate(-7deg)
}
.product-info-premium .eyebrow{margin-bottom:12px}
.product-info-premium h1{
  font:600 clamp(3.4rem,5.8vw,5.8rem)/.88 "Cormorant Garamond",serif;
  margin:0 0 16px;letter-spacing:-.04em
}
.product-info-premium .lead{
  font-size:1.05rem;line-height:1.75;color:var(--sub);max-width:540px
}
.product-meta-grid{
  display:grid;grid-template-columns:1fr 1fr;
  border-top:1px solid rgba(73,42,24,.14);
  margin:30px 0 26px
}
.product-meta-grid .meta{
  padding:18px 0;border-bottom:1px solid rgba(73,42,24,.14)
}
.product-meta-grid .meta:nth-child(odd){padding-right:18px}
.product-meta-grid .meta:nth-child(even){padding-left:18px;border-left:1px solid rgba(73,42,24,.12)}
.product-meta-grid b{
  display:block;font:600 1.18rem "Cormorant Garamond",serif;margin-bottom:3px
}
.product-meta-grid span{font-size:.84rem;color:var(--sub)}
.product-detail-actions{display:flex;gap:12px;flex-wrap:wrap}
.product-tabs{
  margin-top:70px;border-top:1px solid rgba(73,42,24,.14)
}
.product-tabs-nav{display:flex;gap:28px;padding-top:24px;flex-wrap:wrap}
.product-tab-btn{
  border:0;background:transparent;padding:8px 0;cursor:pointer;
  color:var(--sub);position:relative
}
.product-tab-btn.active{color:var(--espresso)}
.product-tab-btn.active:after{
  content:"";position:absolute;left:0;right:0;bottom:-7px;height:1px;background:var(--caramel)
}
.product-tab-panel{
  display:none;max-width:820px;padding:30px 0 0;line-height:1.75;color:var(--sub)
}
.product-tab-panel.active{display:block}
.related-products{
  padding:90px 0;background:var(--soft)
}
.related-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px
}
.related-card{
  background:#fffaf4;border:1px solid rgba(73,42,24,.1);border-radius:18px;
  overflow:hidden;transition:.35s
}
.related-card:hover{transform:translateY(-6px);box-shadow:0 20px 45px rgba(52,27,14,.12)}
.related-card .related-media{
  height:280px;background:linear-gradient(145deg,#f3e2cf,#fff9f0);padding:18px
}
.related-card img{width:100%;height:100%;object-fit:contain}
.related-card .related-copy{padding:18px}
.related-card h3{font:600 1.5rem "Cormorant Garamond",serif;margin:0 0 6px}
.related-card small{color:var(--sub)}
@media(max-width:900px){
  .product-detail-grid{grid-template-columns:1fr;gap:38px}
  .product-gallery-premium{min-height:520px}
  .related-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .product-detail-shell{padding-top:120px}
  .product-gallery-premium{min-height:430px}
  .product-gallery-note{width:92px;height:92px;font-size:.82rem}
  .product-meta-grid{grid-template-columns:1fr}
  .product-meta-grid .meta:nth-child(even){padding-left:0;border-left:0}
  .related-grid{grid-template-columns:1fr}
}

/* =========================================================
   OUR STORY — BLACK & CREAM EDITORIAL
   ========================================================= */
.story-hero-premium{
  padding:175px 0 100px;
  position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 78% 35%,rgba(201,152,85,.18),transparent 30%),
    linear-gradient(135deg,#fff9f1 0%,#f2e5d4 60%,#ead6bd 100%);
}
.story-hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:65px;align-items:center}
.story-hero-premium h1{
  font:600 clamp(4rem,7vw,7rem)/.8 "Cormorant Garamond",serif;
  letter-spacing:-.045em;margin:18px 0 18px
}
.story-hero-premium p{max-width:520px;color:var(--sub);line-height:1.75}
.story-hero-art{
  min-height:530px;position:relative;border-radius:28px;overflow:hidden;
  background:linear-gradient(145deg,#4b2818,#1d0e09);
  box-shadow:0 30px 70px rgba(47,24,14,.2)
}
.story-hero-art:before{
  content:"-18°C";position:absolute;right:-10px;bottom:-30px;
  font:600 11rem/.8 "Cormorant Garamond",serif;
  color:rgba(255,247,235,.08)
}
.story-hero-art:after{
  content:"";position:absolute;width:300px;height:300px;border-radius:50%;
  left:50%;top:48%;transform:translate(-50%,-50%);
  background:radial-gradient(circle at 34% 28%,#b77c58 0 5%,#6c3a25 20%,#32170f 68%,#180b08 100%);
  box-shadow:inset -25px -25px 45px rgba(0,0,0,.25),0 30px 45px rgba(0,0,0,.25)
}
.story-hero-script{
  position:absolute;z-index:3;right:8%;top:14%;
  font:3.2rem "Italianno",cursive;color:#e1b878;transform:rotate(-7deg)
}
.story-manifesto{
  padding:72px 0;background:var(--espresso);color:#f8f0e6;text-align:center
}
.story-manifesto p{
  max-width:920px;margin:auto;
  font:500 clamp(2rem,4vw,3.5rem)/1.15 "Cormorant Garamond",serif
}
.story-manifesto em{color:#d8aa6a;font-style:normal}
.story-editorial-section{padding:100px 0}
.story-editorial-section.alt{background:#fff9f1}
.story-editorial-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center
}
.story-editorial-section.reverse .story-visual{order:2}
.story-kicker{font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;font-weight:600;color:#8c5b38}
.story-copy-premium h2{
  font:600 clamp(2.8rem,5vw,4.8rem)/.92 "Cormorant Garamond",serif;
  margin:12px 0 20px;letter-spacing:-.03em
}
.story-copy-premium p{line-height:1.8;color:var(--sub);max-width:540px}
.story-rule{width:64px;height:1px;background:var(--gold);margin:26px 0}
.story-visual{
  min-height:500px;border-radius:26px;position:relative;overflow:hidden;
  border:1px solid rgba(73,42,24,.1);box-shadow:0 25px 55px rgba(49,25,13,.1)
}
.story-visual.ingredients{
  background:
   radial-gradient(circle at 24% 32%,#4a2114 0 40px,transparent 41px),
   radial-gradient(circle at 66% 30%,#f2ddbd 0 62px,transparent 63px),
   radial-gradient(circle at 48% 68%,#b98049 0 55px,transparent 56px),
   linear-gradient(145deg,#f8ecdc,#ddc1a0)
}
.story-visual.craft{
  background:
   radial-gradient(ellipse at 50% 68%,#fff7ec 0 17%,#d7b28d 18% 22%,transparent 23%),
   radial-gradient(circle at 50% 43%,#8b5638 0 18%,#402015 19% 33%,transparent 34%),
   linear-gradient(145deg,#ead9c5,#b98a64)
}
.story-visual.minus18{
  background:
   radial-gradient(circle at 50% 50%,rgba(255,255,255,.95) 0 8%,rgba(212,231,233,.75) 9% 23%,transparent 24%),
   repeating-radial-gradient(circle at 50% 50%,transparent 0 45px,rgba(255,255,255,.35) 46px 47px),
   linear-gradient(145deg,#dbe8e6,#f8f2e7)
}
.story-visual.minus18:after{
  content:"−18°C";position:absolute;inset:0;display:grid;place-items:center;
  font:600 clamp(5rem,10vw,9rem) "Cormorant Garamond",serif;color:#3c2a21
}
.story-visual.promise{
  background:
   radial-gradient(circle at 35% 42%,#f4e4ca 0 80px,transparent 81px),
   radial-gradient(circle at 62% 50%,#6b3522 0 90px,transparent 91px),
   radial-gradient(circle at 52% 65%,#d7a15f 0 70px,transparent 71px),
   linear-gradient(145deg,#2b160e,#6d3b25)
}
.story-visual-label{
  position:absolute;left:28px;bottom:25px;color:#fff;
  font:2.4rem "Italianno",cursive
}
.story-pillars{padding:100px 0;background:#efe1cf}
.story-pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:35px}
.story-pillar{
  background:rgba(255,250,244,.78);padding:34px;border-radius:18px;
  border:1px solid rgba(73,42,24,.1)
}
.story-pillar .n{font:600 2rem "Cormorant Garamond",serif;color:var(--caramel)}
.story-pillar h3{font:600 1.8rem "Cormorant Garamond",serif;margin:14px 0 8px}
.story-pillar p{color:var(--sub);line-height:1.65;font-size:.9rem}
.story-final-cta{
  padding:110px 0;text-align:center;background:#fff9f1
}
.story-final-cta h2{
  font:600 clamp(3rem,6vw,5.5rem)/.9 "Cormorant Garamond",serif;margin:12px 0 24px
}
@media(max-width:900px){
  .story-hero-grid,.story-editorial-grid{grid-template-columns:1fr}
  .story-hero-art{min-height:440px}
  .story-editorial-section.reverse .story-visual{order:0}
  .story-pillars-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
  .story-hero-premium{padding:135px 0 65px}
  .story-hero-premium h1{font-size:4rem}
  .story-hero-art{min-height:360px}
  .story-hero-art:after{width:220px;height:220px}
  .story-editorial-section{padding:70px 0}
  .story-editorial-grid{gap:32px}
  .story-visual{min-height:340px}
}

/* =========================================================
   THE EXPERIENCE — CINEMATIC EDITORIAL JOURNEY
   ========================================================= */
.exp-hero{
  min-height:92vh;padding:165px 0 90px;position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 73% 44%,rgba(212,166,109,.28),transparent 26%),
    linear-gradient(135deg,#f9f0e4 0%,#ead6bc 55%,#d9b995 100%);
}
.exp-hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}
.exp-hero h1{
  font:600 clamp(4.1rem,7vw,7.2rem)/.78 "Cormorant Garamond",serif;
  letter-spacing:-.05em;margin:18px 0
}
.exp-hero p{max-width:520px;line-height:1.75;color:var(--sub)}
.exp-hero-visual{
  height:590px;border-radius:32px;position:relative;overflow:hidden;
  background:linear-gradient(150deg,#4c2718,#170b08);
  box-shadow:0 35px 75px rgba(44,23,13,.22)
}
.exp-hero-visual:before{
  content:"";position:absolute;width:330px;height:330px;border-radius:50%;
  left:50%;top:45%;transform:translate(-50%,-50%);
  background:radial-gradient(circle at 34% 28%,#c28a65 0 5%,#77432c 22%,#3d1e14 63%,#1c0d09 100%);
  box-shadow:inset -28px -28px 45px rgba(0,0,0,.26),0 30px 50px rgba(0,0,0,.3)
}
.exp-hero-visual:after{
  content:"";position:absolute;width:270px;height:75px;border-radius:50%;
  left:50%;bottom:14%;transform:translateX(-50%);
  background:radial-gradient(ellipse,rgba(210,158,100,.4),transparent 70%);
  filter:blur(9px)
}
.exp-hero-mark{
  position:absolute;right:7%;top:10%;z-index:2;color:#e2b67c;
  font:3.4rem "Italianno",cursive;transform:rotate(-7deg)
}
.exp-intro{padding:75px 0;background:#21110b;color:#f8efe5;text-align:center}
.exp-intro p{
  max-width:950px;margin:auto;
  font:500 clamp(2rem,4vw,3.5rem)/1.15 "Cormorant Garamond",serif
}
.exp-intro em{font-style:normal;color:#d6a667}
.exp-journey{background:#fff9f1}
.exp-step{
  min-height:720px;padding:95px 0;border-bottom:1px solid rgba(74,38,23,.1);
  display:flex;align-items:center
}
.exp-step:nth-child(even){background:#f2e4d2}
.exp-step-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.exp-step:nth-child(even) .exp-step-art{order:2}
.exp-step-num{
  font:600 .72rem "DM Sans",sans-serif;letter-spacing:.28em;color:#96623e
}
.exp-step h2{
  font:600 clamp(3rem,5vw,5rem)/.9 "Cormorant Garamond",serif;
  margin:13px 0 20px;letter-spacing:-.035em
}
.exp-step p{color:var(--sub);line-height:1.8;max-width:530px}
.exp-step-art{
  min-height:500px;border-radius:28px;position:relative;overflow:hidden;
  box-shadow:0 26px 60px rgba(49,25,13,.12);
  border:1px solid rgba(73,42,24,.1)
}
.exp-step-art.ingredients{
  background:
    radial-gradient(circle at 24% 34%,#4c2316 0 42px,transparent 43px),
    radial-gradient(circle at 67% 30%,#fff4dd 0 66px,transparent 67px),
    radial-gradient(circle at 52% 67%,#c88a4e 0 57px,transparent 58px),
    radial-gradient(ellipse at 78% 70%,#7d9d4b 0 28px,transparent 29px),
    linear-gradient(145deg,#f5e6d4,#d8b58e)
}
.exp-step-art.craft{
  background:
    repeating-radial-gradient(circle at 50% 52%,transparent 0 45px,rgba(255,255,255,.14) 46px 47px),
    radial-gradient(circle at 50% 52%,#8d5738 0 90px,#48271a 91px 155px,transparent 156px),
    linear-gradient(145deg,#c49a77,#5c321f)
}
.exp-step-art.freeze{
  background:
    repeating-radial-gradient(circle at 50% 50%,transparent 0 50px,rgba(255,255,255,.38) 51px 52px),
    linear-gradient(145deg,#d9e8e7,#f8f2e8)
}
.exp-step-art.freeze:after{
  content:"−18°C";position:absolute;inset:0;display:grid;place-items:center;
  font:600 clamp(5rem,10vw,9rem) "Cormorant Garamond",serif;color:#30231d
}
.exp-step-art.texture{
  background:
    radial-gradient(circle at 50% 42%,#f8e6cf 0 80px,#c8946d 81px 130px,transparent 131px),
    radial-gradient(ellipse at 50% 76%,#4c281a 0 20%,transparent 21%),
    linear-gradient(145deg,#f5e7d6,#d6b08c)
}
.exp-step-art.indulgence{
  background:
    radial-gradient(circle at 42% 38%,#7b4129 0 78px,#3c1d13 79px 132px,transparent 133px),
    radial-gradient(circle at 61% 55%,#e5b86e 0 62px,#9a5c32 63px 105px,transparent 106px),
    linear-gradient(145deg,#32180f,#120907)
}
.exp-art-caption{
  position:absolute;left:28px;bottom:24px;color:#fff;
  font:2.5rem "Italianno",cursive
}
.exp-sensory{
  padding:105px 0;background:#21110b;color:#f8efe5
}
.exp-sensory-head{text-align:center;max-width:760px;margin:0 auto 42px}
.exp-sensory-head h2{font:600 clamp(3rem,5vw,5rem)/.92 "Cormorant Garamond",serif;margin:12px 0}
.exp-sensory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.13)}
.exp-sensory-card{background:#21110b;padding:38px 26px;text-align:center}
.exp-sensory-card strong{display:block;font:600 1.65rem "Cormorant Garamond",serif;margin:12px 0 7px}
.exp-sensory-card span{font-size:.82rem;color:#c9b8ab;line-height:1.6}
.exp-sensory-icon{font:600 2.2rem "Cormorant Garamond",serif;color:#d2a061}
.exp-final{
  padding:120px 0;text-align:center;
  background:linear-gradient(180deg,#f1e2d0,#fff9f1)
}
.exp-final h2{
  font:600 clamp(3.2rem,6vw,5.8rem)/.9 "Cormorant Garamond",serif;margin:13px 0 22px
}
@media(max-width:900px){
  .exp-hero-grid,.exp-step-grid{grid-template-columns:1fr}
  .exp-step:nth-child(even) .exp-step-art{order:0}
  .exp-hero-visual{height:460px}
  .exp-step{min-height:auto}
  .exp-sensory-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .exp-hero{padding:135px 0 65px;min-height:auto}
  .exp-hero h1{font-size:4rem}
  .exp-hero-visual{height:370px}
  .exp-hero-visual:before{width:230px;height:230px}
  .exp-step{padding:70px 0}
  .exp-step-grid{gap:32px}
  .exp-step-art{min-height:350px}
  .exp-sensory-grid{grid-template-columns:1fr}
}

/* =========================================================
   TALK TO US / PARTNER — PREMIUM EDITORIAL
   ========================================================= */
.contact-premium-hero{
  padding:165px 0 85px;position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 78% 32%,rgba(201,152,85,.2),transparent 28%),
    linear-gradient(135deg,#fff9f1,#f0e1cf 65%,#e2c7a8);
}
.contact-hero-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:65px;align-items:center}
.contact-premium-hero h1{
  font:600 clamp(4rem,7vw,7rem)/.8 "Cormorant Garamond",serif;
  letter-spacing:-.045em;margin:18px 0
}
.contact-premium-hero p{max-width:530px;line-height:1.75;color:var(--sub)}
.contact-hero-art{
  min-height:470px;border-radius:28px;position:relative;overflow:hidden;
  background:linear-gradient(145deg,#552d1b,#1b0d08);
  box-shadow:0 30px 70px rgba(47,24,14,.2)
}
.contact-hero-art:before{
  content:"";position:absolute;width:280px;height:280px;border-radius:50%;
  left:50%;top:45%;transform:translate(-50%,-50%);
  background:radial-gradient(circle at 34% 28%,#d3a072 0 6%,#7b472e 23%,#3b1c12 66%,#1a0c08 100%);
  box-shadow:0 30px 45px rgba(0,0,0,.25)
}
.contact-hero-art:after{
  content:"LET'S TALK";position:absolute;right:-5px;bottom:-15px;
  font:600 6rem "Cormorant Garamond",serif;color:rgba(255,255,255,.07)
}
.contact-hero-script{position:absolute;right:7%;top:12%;font:3rem "Italianno",cursive;color:#dfb278;transform:rotate(-7deg)}
.contact-choice{padding:90px 0;background:#fff9f1}
.contact-choice-head{text-align:center;max-width:720px;margin:0 auto 35px}
.contact-choice-head h2{font:600 clamp(3rem,5vw,4.8rem)/.92 "Cormorant Garamond",serif;margin:12px 0}
.contact-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.contact-choice-card{
  position:relative;padding:42px;border-radius:22px;
  border:1px solid rgba(73,42,24,.11);background:#f5e8d8;
  transition:.35s;overflow:hidden
}
.contact-choice-card.dark{background:#2a160e;color:#fff8ef}
.contact-choice-card:hover{transform:translateY(-6px);box-shadow:0 22px 50px rgba(50,25,13,.12)}
.contact-choice-card .num{font:600 .72rem "DM Sans",sans-serif;letter-spacing:.25em;color:#b17649}
.contact-choice-card h3{font:600 2.35rem "Cormorant Garamond",serif;margin:13px 0 9px}
.contact-choice-card p{line-height:1.7;color:var(--sub)}
.contact-choice-card.dark p{color:#cdbdaf}
.contact-choice-card a{display:inline-block;margin-top:10px}
.contact-form-zone{padding:100px 0;background:#efe0ce}
.contact-form-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:65px;align-items:start}
.contact-form-intro h2{font:600 clamp(3rem,5vw,4.8rem)/.92 "Cormorant Garamond",serif;margin:12px 0 18px}
.contact-form-intro p{color:var(--sub);line-height:1.75}
.premium-form{
  background:#fffaf4;padding:34px;border-radius:22px;
  border:1px solid rgba(73,42,24,.1);box-shadow:0 24px 55px rgba(51,27,14,.09)
}
.form-tabs{display:flex;gap:8px;margin-bottom:28px}
.form-tab{
  flex:1;border:1px solid rgba(73,42,24,.14);background:transparent;
  padding:13px;border-radius:999px;cursor:pointer
}
.form-tab.active{background:#3c2014;color:#fff;border-color:#3c2014}
.form-panel{display:none}.form-panel.active{display:block}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.premium-form label{display:block;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;margin:0 0 7px;color:#6e5140}
.premium-form input,.premium-form select,.premium-form textarea{
  width:100%;border:1px solid rgba(73,42,24,.15);background:#fff;
  border-radius:10px;padding:14px 15px;font:inherit;color:var(--text);outline:none
}
.premium-form input:focus,.premium-form select:focus,.premium-form textarea:focus{border-color:#b8783e;box-shadow:0 0 0 3px rgba(184,120,62,.08)}
.premium-form textarea{min-height:130px;resize:vertical}
.form-field{margin-bottom:14px}
.form-note{font-size:.78rem;color:var(--sub);margin:12px 0 0}
.contact-direct{padding:90px 0;background:#21110b;color:#fff8ef}
.contact-direct-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.12)}
.contact-direct-card{background:#21110b;padding:34px;text-align:center}
.contact-direct-card small{display:block;color:#d2a061;letter-spacing:.18em;text-transform:uppercase;margin-bottom:10px}
.contact-direct-card strong{font:600 1.75rem "Cormorant Garamond",serif}
.contact-direct-card p{color:#c7b7ab;font-size:.86rem;line-height:1.6}
.partner-band{padding:105px 0;text-align:center;background:linear-gradient(180deg,#f0dfcb,#fff9f1)}
.partner-band h2{font:600 clamp(3.1rem,6vw,5.6rem)/.9 "Cormorant Garamond",serif;margin:12px 0 22px}
@media(max-width:900px){
  .contact-hero-grid,.contact-form-grid{grid-template-columns:1fr}
  .contact-choice-grid{grid-template-columns:1fr}
  .contact-direct-grid{grid-template-columns:1fr}
  .contact-hero-art{min-height:400px}
}
@media(max-width:600px){
  .contact-premium-hero{padding:135px 0 65px}
  .contact-premium-hero h1{font-size:4rem}
  .contact-hero-art{min-height:340px}
  .form-row{grid-template-columns:1fr}
  .premium-form{padding:22px}
  .form-tabs{flex-direction:column}
}

/* =========================================================
   FINAL MOBILE + TABLET POLISH
   No business/data logic changes
   ========================================================= */
html{scroll-behavior:smooth;overflow-x:hidden}
body{overflow-x:hidden;-webkit-text-size-adjust:100%}
img{max-width:100%}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button,a{touch-action:manipulation}
input,select,textarea{font-size:16px}
section[id]{scroll-margin-top:95px}

/* Desktop header remains editorial; mobile becomes compact glass navigation */
@media(max-width:1050px){
  .container{width:min(92%,1180px)}
  .header .nav{min-height:78px}
  .links{gap:16px}
  .nav-actions .btn{display:none}
}
@media(max-width:900px){
  .header{
    position:fixed;top:0;left:0;right:0;z-index:1000;
    background:rgba(255,249,241,.92);
    backdrop-filter:blur(15px);
    border-bottom:1px solid rgba(74,38,23,.09)
  }
  .header .nav{min-height:72px;position:relative}
  .logo img{max-height:48px;width:auto}
  .hamb{
    display:grid!important;place-items:center;
    width:44px;height:44px;border-radius:50%;
    border:1px solid rgba(74,38,23,.18);
    background:rgba(255,255,255,.65);
    font-size:0;position:relative;z-index:1002
  }
  .hamb:before,.hamb:after,.hamb{
    --bar:#382015
  }
  .hamb:before{
    content:"";width:18px;height:1.5px;background:var(--bar);
    box-shadow:0 6px 0 var(--bar),0 -6px 0 var(--bar)
  }
  .links{
    position:fixed;top:72px;left:12px;right:12px;
    display:flex!important;flex-direction:column;align-items:stretch;gap:0;
    padding:12px;border-radius:18px;
    background:rgba(255,250,244,.98);
    border:1px solid rgba(74,38,23,.1);
    box-shadow:0 22px 60px rgba(43,22,12,.16);
    transform:translateY(-14px);opacity:0;visibility:hidden;pointer-events:none;
    transition:.28s ease;z-index:1001
  }
  body.mobile-menu-open .links{
    transform:none;opacity:1;visibility:visible;pointer-events:auto
  }
  .links a{
    padding:15px 14px;border-bottom:1px solid rgba(74,38,23,.08);
    font-size:.88rem
  }
  .links a:last-child{border-bottom:0}
  .nav-actions{gap:8px}
  .nav-actions>a[aria-label="Search"]{
    width:42px;height:42px;border-radius:50%;
    display:grid;place-items:center;border:1px solid rgba(74,38,23,.14)
  }
  body.mobile-menu-open{overflow:hidden}
}

/* Universal tablet spacing */
@media(max-width:900px){
  .section,.story-editorial-section,.contact-choice,.contact-form-zone,
  .related-products,.exp-sensory,.story-pillars{padding-top:72px;padding-bottom:72px}
  .section-title{font-size:clamp(2.6rem,8vw,4.2rem)}
  .eyebrow{font-size:.66rem;letter-spacing:.22em}
  .btn{min-height:44px}
  .showcase-grid{gap:16px}
  .showcase-card{border-radius:18px}
  .product-detail-grid,.story-editorial-grid,.exp-step-grid,.contact-form-grid{gap:36px}
}

/* Mobile typography and layout */
@media(max-width:600px){
  .container{width:min(91%,1180px)}
  .header .nav{min-height:68px}
  .links{top:68px}
  .logo img{max-height:43px}
  .nav-actions>a[aria-label="Search"]{width:40px;height:40px}
  .hamb{width:40px;height:40px}

  h1,h2,h3{overflow-wrap:normal;word-break:normal}
  .section-title{font-size:2.75rem;line-height:.94}
  .script{line-height:1}
  .btn{padding:12px 17px;font-size:.78rem}

  /* Homepage hero */
  .hero-premium{padding-top:92px}
  .hero-slider{min-height:780px}
  .hero-slide{gap:0}
  .hero-copy{padding-top:16px}
  .hero-copy h1{font-size:3.35rem;line-height:.82;margin:14px 0 8px}
  .hero-copy .script{font-size:2.4rem;margin-bottom:14px}
  .hero-copy p{font-size:.9rem;line-height:1.6}
  .hero-product-stage{height:390px;margin-top:0}
  .hero-product{width:94%;height:94%}
  .hero-flavour{
    width:92px;height:92px;padding:10px;right:0;top:5%;
    font-size:.82rem
  }
  .hero-tag{font-size:.58rem;letter-spacing:.16em;right:1%;bottom:6%}
  .hero-controls{bottom:8px}
  .hero-controls-inner{gap:10px}
  .hero-pagers{gap:7px}
  .hero-progress{width:50px}
  .hero-arrow{width:38px;height:38px}

  /* Collection */
  .collection-showcase{padding-top:105px}
  .collection-intro h1{font-size:3rem;line-height:.9}
  .collection-intro p{font-size:.9rem}
  .collection-toolbar{margin:24px auto 20px}
  .collection-toolbar .filters{gap:0}
  .collection-toolbar .filter{min-height:46px;padding:10px 8px;font-size:.72rem}
  .showcase-media{height:365px}
  .showcase-card .flavour-badge{width:72px;min-height:72px;font-size:.73rem}
  .showcase-copy{padding:15px 16px 18px;min-height:180px}
  .showcase-copy h3{font-size:1.75rem}
  .collection-signature{font-size:2.5rem}

  /* Product detail */
  .product-detail-shell{padding-top:105px;padding-bottom:60px}
  .product-gallery-premium{min-height:390px;border-radius:20px}
  .product-info-premium h1{font-size:3.35rem}
  .product-info-premium .lead{font-size:.94rem}
  .product-detail-actions{display:grid;grid-template-columns:1fr}
  .product-detail-actions .btn{width:100%;text-align:center;justify-content:center}
  .product-tabs-nav{
    display:grid;grid-template-columns:1fr 1fr;gap:8px;
    border-bottom:0
  }
  .product-tab-btn{
    min-height:44px;border:1px solid rgba(73,42,24,.12);
    border-radius:999px;padding:10px
  }
  .product-tab-btn.active{background:#3b2014;color:#fff}
  .product-tab-btn.active:after{display:none}
  .related-card .related-media{height:240px}

  /* Story */
  .story-hero-premium{padding-top:105px}
  .story-hero-premium h1{font-size:3.45rem}
  .story-hero-premium .script{font-size:2.4rem!important}
  .story-hero-art{min-height:330px;border-radius:20px}
  .story-hero-art:before{font-size:7rem}
  .story-hero-script{font-size:2.35rem}
  .story-manifesto{padding:52px 0}
  .story-manifesto p{font-size:2rem}
  .story-copy-premium h2{font-size:3rem}
  .story-pillars{padding:70px 0}
  .story-pillar{padding:27px}
  .story-final-cta{padding:75px 0}
  .story-final-cta h2{font-size:3rem}

  /* Experience */
  .exp-hero{padding-top:105px}
  .exp-hero h1{font-size:3.5rem}
  .exp-hero .script{font-size:2.45rem!important}
  .exp-hero-visual{height:330px;border-radius:20px}
  .exp-hero-mark{font-size:2.5rem}
  .exp-intro{padding:50px 0}
  .exp-intro p{font-size:2rem}
  .exp-step h2{font-size:3rem}
  .exp-step-art{min-height:325px;border-radius:20px}
  .exp-sensory{padding:72px 0}
  .exp-sensory-head h2{font-size:3rem}
  .exp-final{padding:75px 0}
  .exp-final h2{font-size:3rem}

  /* Contact / Partner */
  .contact-premium-hero{padding-top:105px}
  .contact-premium-hero h1{font-size:3.45rem}
  .contact-premium-hero .script{font-size:2.4rem!important}
  .contact-hero-art{min-height:320px;border-radius:20px}
  .contact-hero-script{font-size:2.35rem}
  .contact-choice-card{padding:28px}
  .contact-choice-card h3{font-size:2rem}
  .contact-form-zone{padding:70px 0}
  .contact-form-intro h2{font-size:3rem}
  .premium-form{border-radius:18px}
  .contact-direct{padding:60px 0}
  .contact-direct-card{padding:28px 22px}
  .partner-band{padding:75px 0}
  .partner-band h2{font-size:3rem}

  /* Footer */
  .footer{padding-top:55px}
  .footer-grid{grid-template-columns:1fr!important;gap:26px;text-align:center}
  .footer-grid .logo{justify-content:center}
  .foot-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 18px}
  .social{text-align:center}
  .copyright{text-align:center;line-height:1.7;padding-bottom:20px}
}

/* Very small phones */
@media(max-width:380px){
  .hero-copy h1,.story-hero-premium h1,.exp-hero h1,.contact-premium-hero h1{font-size:3rem}
  .hero-slider{min-height:750px}
  .hero-product-stage{height:350px}
  .collection-intro h1{font-size:2.7rem}
  .showcase-media{height:335px}
}

/* =========================================================
   DESKTOP FINAL PREMIUM POLISH
   Editorial proportions, rhythm and micro-interactions
   ========================================================= */
@media(min-width:1060px){
  :root{--desktop-max:1240px}
  .container{width:min(calc(100% - 80px),var(--desktop-max))}
  body{letter-spacing:-.005em}

  /* Header refinement */
  .header{
    transition:background .3s ease,box-shadow .3s ease,border-color .3s ease;
    border-bottom:1px solid rgba(74,38,23,.07)
  }
  .header .nav{min-height:92px}
  .header .logo img{max-height:62px}
  .links{gap:30px}
  .links a{
    position:relative;font-size:.73rem;letter-spacing:.08em;text-transform:uppercase
  }
  .links a:after{
    content:"";position:absolute;left:0;right:100%;bottom:-9px;height:1px;
    background:var(--caramel);transition:right .28s ease
  }
  .links a:hover:after,.links a.active:after{right:0}
  .header.is-scrolled{
    background:rgba(255,249,241,.94);backdrop-filter:blur(16px);
    box-shadow:0 12px 35px rgba(47,25,14,.07)
  }

  /* Home hero: stronger editorial balance */
  .hero-premium{min-height:94vh;padding-top:100px}
  .hero-slider{min-height:calc(94vh - 100px)}
  .hero-slide{grid-template-columns:.82fr 1.18fr;gap:72px}
  .hero-copy{padding-left:2%}
  .hero-copy h1{font-size:clamp(5.2rem,6.6vw,7.7rem)}
  .hero-copy p{font-size:1rem;max-width:480px}
  .hero-product-stage{height:min(700px,76vh)}
  .hero-product{width:88%;height:90%}
  .hero-flavour{right:1%;top:12%}
  .hero-controls{bottom:30px}

  /* Buttons */
  .btn{
    position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,background .25s ease
  }
  .btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(57,31,17,.12)}
  .btn:active{transform:translateY(0)}

  /* Section rhythm */
  .section{padding-top:110px;padding-bottom:110px}
  .section-title{letter-spacing:-.035em}
  .eyebrow{letter-spacing:.28em}
  .script{letter-spacing:0}

  /* Homepage collection cards */
  .collection-grid,.cards{
    gap:22px
  }
  .card{
    border-radius:18px;transition:transform .4s ease,box-shadow .4s ease,border-color .4s ease
  }
  .card:hover{
    transform:translateY(-8px);
    border-color:rgba(184,120,62,.25);
    box-shadow:0 28px 60px rgba(50,26,14,.12)
  }
  .collection-product{
    transition:transform .5s cubic-bezier(.2,.8,.2,1),filter .5s ease
  }
  .card:hover .collection-product{
    transform:translateY(-8px) scale(1.035);
    filter:drop-shadow(0 24px 20px rgba(47,24,13,.2))
  }

  /* Product collection */
  .collection-showcase{padding:118px 0 112px}
  .collection-intro{max-width:820px;margin-bottom:36px}
  .collection-intro h1{font-size:5.5rem}
  .collection-toolbar{margin:38px auto 34px}
  .showcase-grid{gap:13px}
  .showcase-card{min-height:635px;border-radius:15px}
  .showcase-media{height:425px}
  .showcase-copy{padding:18px 16px 22px}
  .showcase-copy h3{font-size:1.7rem}
  .collection-value-strip{margin-top:54px;padding-top:30px}

  /* Product detail */
  .product-detail-shell{padding:165px 0 110px}
  .product-detail-grid{gap:82px}
  .product-gallery-premium{min-height:690px}
  .product-info-premium h1{font-size:5.6rem}
  .product-tabs{margin-top:85px}
  .related-products{padding:110px 0}
  .related-grid{gap:22px}
  .related-card{border-radius:20px}

  /* Story */
  .story-hero-premium{padding:185px 0 115px}
  .story-hero-grid{gap:88px}
  .story-hero-art{min-height:570px}
  .story-manifesto{padding:88px 0}
  .story-editorial-section{padding:125px 0}
  .story-editorial-grid{gap:92px}
  .story-visual{min-height:550px}
  .story-pillars{padding:120px 0}
  .story-pillars-grid{gap:22px}
  .story-pillar{padding:40px}
  .story-final-cta{padding:135px 0}

  /* Experience */
  .exp-hero{padding:185px 0 110px}
  .exp-hero-grid{gap:88px}
  .exp-hero-visual{height:620px}
  .exp-intro{padding:88px 0}
  .exp-step{min-height:760px;padding:120px 0}
  .exp-step-grid{gap:92px}
  .exp-step-art{min-height:550px}
  .exp-sensory{padding:125px 0}
  .exp-sensory-card{padding:46px 30px}
  .exp-final{padding:140px 0}

  /* Contact */
  .contact-premium-hero{padding:185px 0 110px}
  .contact-hero-grid{gap:88px}
  .contact-hero-art{min-height:520px}
  .contact-choice{padding:115px 0}
  .contact-choice-grid{gap:24px}
  .contact-choice-card{padding:48px}
  .contact-form-zone{padding:120px 0}
  .contact-form-grid{gap:85px}
  .premium-form{padding:42px}
  .contact-direct{padding:105px 0}
  .partner-band{padding:135px 0}

  /* Footer */
  .footer{padding-top:72px}
  .footer-grid{padding-bottom:42px}
  .copyright{padding:25px 0}
}

/* Fine desktop motion */
@media(min-width:1060px) and (prefers-reduced-motion:no-preference){
  .reveal{
    transform:translateY(24px);
    transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)
  }
  .reveal.on{transform:none}
  .showcase-card:nth-child(2),.story-pillar:nth-child(2),.exp-sensory-card:nth-child(2){transition-delay:.06s}
  .showcase-card:nth-child(3),.story-pillar:nth-child(3),.exp-sensory-card:nth-child(3){transition-delay:.12s}
  .showcase-card:nth-child(4),.exp-sensory-card:nth-child(4){transition-delay:.18s}
}

/* =========================================================
   PERFORMANCE + ACCESSIBILITY + PRODUCTION READINESS
   ========================================================= */
:focus-visible{
  outline:2px solid #B8783E;
  outline-offset:3px;
}
.skip-link{
  position:fixed;left:14px;top:14px;z-index:9999;
  transform:translateY(-160%);
  background:#24140D;color:#fff;padding:10px 14px;border-radius:8px;
  transition:transform .2s ease
}
.skip-link:focus{transform:none}
img{height:auto}
[loading="lazy"]{content-visibility:auto}
.reveal{will-change:transform,opacity}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important
  }
}


/* =========================================================
   PREMIUM COLLECTION FILTER + FUNCTIONAL FILTER TRANSITIONS
   ========================================================= */
.collection-toolbar{
  margin:36px auto 30px;
}
.collection-toolbar .filters{
  position:relative;
  width:min(690px,100%);
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:6px;
  padding:6px;
  overflow:visible;
  border:1px solid rgba(74,38,23,.11);
  border-radius:999px;
  background:rgba(255,252,247,.82);
  box-shadow:
    0 14px 34px rgba(45,24,13,.055),
    inset 0 1px 0 rgba(255,255,255,.9);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.collection-toolbar .filter{
  position:relative;
  min-height:46px;
  padding:11px 15px;
  border:0!important;
  border-radius:999px!important;
  background:transparent;
  color:#4A362B;
  font-weight:500;
  letter-spacing:.01em;
  cursor:pointer;
  overflow:hidden;
  transition:
    color .28s ease,
    background .28s ease,
    transform .28s cubic-bezier(.2,.8,.2,1),
    box-shadow .28s ease;
}
.collection-toolbar .filter::before{
  content:"";
  position:absolute;
  left:50%;
  bottom:7px;
  width:0;
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,#C99855,transparent);
  transition:width .3s ease;
}
.collection-toolbar .filter:hover:not(.active){
  color:#6A351E;
  background:rgba(184,120,62,.065);
  transform:translateY(-1px);
}
.collection-toolbar .filter:hover:not(.active)::before{
  width:42%;
}
.collection-toolbar .filter.active{
  color:#FFF9F1;
  background:linear-gradient(135deg,#5A2A17 0%,#35170D 58%,#24140D 100%);
  box-shadow:
    0 9px 22px rgba(45,23,12,.16),
    inset 0 1px 0 rgba(255,255,255,.09);
  transform:translateY(-1px);
}
.collection-toolbar .filter.active::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(115deg,transparent 22%,rgba(255,255,255,.12) 43%,transparent 64%);
  transform:translateX(-120%);
  animation:filterSheen .75s cubic-bezier(.2,.8,.2,1);
  pointer-events:none;
}
@keyframes filterSheen{
  to{transform:translateX(120%)}
}

/* Only the selected category remains visible */
.showcase-card[hidden]{
  display:none!important;
}
.showcase-card.filter-in{
  opacity:0;
  transform:translateY(12px) scale(.985);
}
.showcase-card.filter-in.filter-visible{
  opacity:1;
  transform:translateY(0) scale(1);
  transition:
    opacity .34s ease var(--filter-delay,0ms),
    transform .42s cubic-bezier(.2,.8,.2,1) var(--filter-delay,0ms),
    box-shadow .4s ease;
}
.showcase-card.filter-out{
  opacity:0;
  transform:translateY(7px) scale(.985);
  pointer-events:none;
  transition:opacity .18s ease,transform .22s ease;
}
.showcase-grid.filtering{
  animation:gridFilterPulse .32s ease;
}
@keyframes gridFilterPulse{
  0%{opacity:.92}
  100%{opacity:1}
}

/* Keep filtered results balanced instead of leaving seven narrow columns */
.showcase-grid[data-visible-count="1"]{
  grid-template-columns:minmax(280px,360px);
  justify-content:center;
}
.showcase-grid[data-visible-count="2"]{
  grid-template-columns:repeat(2,minmax(280px,360px));
  justify-content:center;
}
.showcase-grid[data-visible-count="3"]{
  grid-template-columns:repeat(3,minmax(240px,1fr));
}
.showcase-grid[data-visible-count="4"]{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

@media(max-width:700px){
  .collection-toolbar{
    width:100%;
    overflow-x:auto;
    padding:2px 0 5px;
    scrollbar-width:none;
  }
  .collection-toolbar::-webkit-scrollbar{display:none}
  .collection-toolbar .filters{
    width:max-content;
    min-width:100%;
    display:flex;
    gap:5px;
    padding:5px;
    border-radius:18px;
  }
  .collection-toolbar .filter{
    flex:0 0 auto;
    min-width:128px;
    min-height:44px;
    padding:10px 16px;
    font-size:.78rem;
    white-space:nowrap;
  }
  .showcase-grid[data-visible-count]{
    grid-template-columns:1fr;
  }
}
@media(prefers-reduced-motion:reduce){
  .collection-toolbar .filter,
  .showcase-card.filter-in,
  .showcase-card.filter-out{
    animation:none!important;
    transition:none!important;
  }
}


/* =========================================================
   FINAL LOGO PROPORTION LOCK
   Prevent later CSS rules from stretching the square logo.
   ========================================================= */
.header .logo{
  width:56px !important;
  min-width:56px !important;
  height:56px !important;
  flex:0 0 56px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.header .logo img{
  width:56px !important;
  height:56px !important;
  min-width:56px !important;
  min-height:56px !important;
  max-width:56px !important;
  max-height:56px !important;
  aspect-ratio:1 / 1 !important;
  object-fit:contain !important;
  object-position:center !important;
  display:block !important;
  transform:none;
}

.footer .logo{
  width:72px !important;
  height:72px !important;
  margin-inline:auto;
}
.footer .logo img{
  width:72px !important;
  height:72px !important;
  max-width:72px !important;
  max-height:72px !important;
  aspect-ratio:1 / 1 !important;
  object-fit:contain !important;
  object-position:center !important;
  display:block !important;
}

@media(max-width:900px){
  .header .logo{
    width:48px !important;
    min-width:48px !important;
    height:48px !important;
    flex-basis:48px !important;
  }
  .header .logo img{
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    min-height:48px !important;
    max-width:48px !important;
    max-height:48px !important;
  }
}
@media(max-width:600px){
  .header .logo{
    width:44px !important;
    min-width:44px !important;
    height:44px !important;
    flex-basis:44px !important;
  }
  .header .logo img{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    min-height:44px !important;
    max-width:44px !important;
    max-height:44px !important;
  }
}


/* =========================================================
   PRODUCT COLLECTION UX POLISH — FINAL OVERRIDES
   More editorial spacing, balanced grids and refined motion.
   ========================================================= */
.collection-showcase .container{
  position:relative;
  z-index:1;
}
.showcase-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  align-items:stretch;
}
.showcase-card{
  min-height:620px;
  border-radius:20px;
  border:1px solid rgba(74,38,23,.10);
  background:rgba(255,250,244,.82);
  box-shadow:
    0 14px 34px rgba(57,31,17,.07),
    inset 0 1px 0 rgba(255,255,255,.68);
  transform:translateZ(0);
  transition:
    transform .48s cubic-bezier(.2,.8,.2,1),
    box-shadow .48s ease,
    border-color .35s ease;
}
.showcase-card::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(145deg,rgba(255,255,255,.12),transparent 36%,rgba(201,152,85,.045));
  opacity:0;
  transition:opacity .4s ease;
}
.showcase-card:hover{
  transform:translateY(-10px) scale(1.008);
  border-color:rgba(184,120,62,.23);
  box-shadow:
    0 30px 66px rgba(57,31,17,.14),
    0 8px 20px rgba(57,31,17,.06);
}
.showcase-card:hover::after{opacity:1}

/* Full-card click target. Visible CTA remains above it. */
.showcase-hit{
  position:absolute;
  inset:0;
  z-index:5;
  border-radius:inherit;
  text-decoration:none;
}
.showcase-hit:focus-visible{
  outline:2px solid #C99855;
  outline-offset:-4px;
}
.showcase-copy .btn{
  position:relative;
  z-index:6;
}

/* Product stage: every pack stays centered and uncropped. */
.showcase-media{
  height:390px;
  padding:28px 20px 8px;
  align-items:center;
  justify-content:center;
}
.showcase-media::after{
  content:"";
  position:absolute;
  left:18%;right:18%;bottom:18px;
  height:20px;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(54,27,13,.17),transparent 68%);
  filter:blur(9px);
  opacity:.58;
  transition:transform .45s ease,opacity .45s ease;
}
.showcase-media img{
  width:88%;
  height:88%;
  object-fit:contain;
  object-position:center;
  filter:drop-shadow(0 20px 18px rgba(40,20,10,.16));
  transition:transform .5s cubic-bezier(.2,.8,.2,1),filter .45s ease;
}
.showcase-card:hover .showcase-media img{
  transform:translateY(-7px) scale(1.045);
  filter:drop-shadow(0 28px 24px rgba(40,20,10,.21));
}
.showcase-card:hover .showcase-media::after{
  transform:scaleX(1.08);
  opacity:.72;
}
.showcase-card .flavour-badge{
  right:16px;
  top:16px;
  width:76px;
  min-height:76px;
  border:1px solid rgba(91,45,21,.06);
  box-shadow:0 12px 28px rgba(82,42,20,.11);
}

.showcase-copy{
  min-height:215px;
  padding:20px 22px 24px;
}
.showcase-copy .type{
  font-size:.65rem;
  letter-spacing:.24em;
}
.showcase-copy h3{
  font-size:1.82rem;
  line-height:.98;
  margin:10px 0 9px;
  min-height:3.55rem;
  display:flex;
  align-items:center;
  justify-content:center;
}
.showcase-copy p{
  font-size:.8rem;
  line-height:1.55;
  max-width:30ch;
  margin:0 auto 18px;
  min-height:3.75em;
}
.showcase-copy .btn{
  min-width:145px;
  padding:12px 21px;
  border-radius:999px;
  transition:transform .3s ease,box-shadow .3s ease,background .3s ease;
}
.showcase-card:hover .showcase-copy .btn{
  transform:translateY(-1px);
  box-shadow:0 10px 22px rgba(43,22,12,.12);
}

/* Filtered result counts remain visually balanced. */
.showcase-grid[data-visible-count="1"]{
  grid-template-columns:minmax(300px,390px);
  justify-content:center;
}
.showcase-grid[data-visible-count="2"]{
  grid-template-columns:repeat(2,minmax(300px,390px));
  justify-content:center;
}
.showcase-grid[data-visible-count="3"]{
  grid-template-columns:repeat(3,minmax(260px,330px));
  justify-content:center;
}
.showcase-grid[data-visible-count="4"]{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

/* Staggered first-load entrance without changing filter logic. */
@media(prefers-reduced-motion:no-preference){
  .showcase-card.reveal.visible{
    animation:collectionCardIn .6s cubic-bezier(.2,.8,.2,1) both;
  }
  .showcase-card.reveal.visible:nth-child(2){animation-delay:.05s}
  .showcase-card.reveal.visible:nth-child(3){animation-delay:.1s}
  .showcase-card.reveal.visible:nth-child(4){animation-delay:.15s}
  .showcase-card.reveal.visible:nth-child(5){animation-delay:.2s}
  .showcase-card.reveal.visible:nth-child(6){animation-delay:.25s}
  .showcase-card.reveal.visible:nth-child(7){animation-delay:.3s}
  @keyframes collectionCardIn{
    from{opacity:0;transform:translateY(22px) scale(.985)}
    to{opacity:1;transform:translateY(0) scale(1)}
  }
}

@media(max-width:1200px){
  .showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
  .showcase-grid[data-visible-count="4"]{grid-template-columns:repeat(2,minmax(280px,1fr))}
}
@media(max-width:900px){
  .showcase-grid,
  .showcase-grid[data-visible-count="3"],
  .showcase-grid[data-visible-count="4"]{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:15px;
  }
  .showcase-grid[data-visible-count="1"]{grid-template-columns:minmax(280px,390px)}
  .showcase-grid[data-visible-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
  .showcase-card{min-height:570px}
  .showcase-media{height:360px}
}
@media(max-width:600px){
  .showcase-grid,
  .showcase-grid[data-visible-count]{
    grid-template-columns:1fr;
    gap:16px;
  }
  .showcase-card{
    min-height:auto;
    border-radius:18px;
  }
  .showcase-media{
    height:350px;
    padding:24px 18px 8px;
  }
  .showcase-media img{width:82%;height:82%}
  .showcase-copy{min-height:200px;padding:18px 18px 22px}
  .showcase-copy h3{font-size:1.95rem;min-height:auto}
  .showcase-copy p{min-height:auto;max-width:34ch}
  .showcase-card:hover{transform:none}
}

/* =========================================================
   ZIO'S DELI HOME — BLACK & CREAM EDITORIAL LUXURY
   2026-09 landing page refresh. Scoped to zd-* classes so
   interior pages and admin remain untouched.
   ========================================================= */
body{background:#f5eee3}
.zd-hero{position:relative;min-height:100vh;padding-top:92px;overflow:hidden;background:
  radial-gradient(circle at 78% 42%,rgba(136,82,43,.26),transparent 24%),
  radial-gradient(circle at 73% 80%,rgba(196,145,84,.12),transparent 24%),
  linear-gradient(112deg,#0d0907 0%,#17100c 48%,#2c190f 100%);color:#fff}
.zd-hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.28;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 82%)}
.zd-hero-slider{position:relative;min-height:calc(100vh - 92px)}
.zd-hero-slide{position:absolute;inset:0;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:48px;opacity:0;pointer-events:none;transform:translateX(1.5%);transition:opacity .8s ease,transform .9s ease}
.zd-hero-slide.active{opacity:1;pointer-events:auto;transform:none}
.zd-hero-copy{position:relative;z-index:4;padding-bottom:84px}
.zd-kicker{font-size:.72rem;letter-spacing:.42em;font-weight:600;color:#e7c590;margin-bottom:18px}
.zd-hero-copy h1{font:600 clamp(4.3rem,7.1vw,7.8rem)/.76 "Cormorant Garamond",serif;letter-spacing:-.055em;margin:0;color:#fff8ee;max-width:650px}
.zd-hero-copy h1 br{display:block}
.zd-hero-copy .zd-script{font-size:3.3rem;color:#e0ad68;margin:12px 0 20px;transform:rotate(-2deg);transform-origin:left center;width:max-content}
.zd-hero-copy p{font-size:.96rem;line-height:1.75;color:#d9cfc7;max-width:520px;margin:0 0 30px}
.zd-hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.zd-btn-gold{background:#e8c38d;color:#26150d;border-color:#e8c38d;font-weight:600}.zd-btn-gold:hover{background:#f4d7aa;box-shadow:0 15px 40px rgba(232,195,141,.2)}
.zd-text-link{font-size:.83rem;color:#eee2d5;border-bottom:1px solid rgba(238,226,213,.35);padding:0 0 5px}.zd-text-link span{margin-left:7px;color:#ddb073}
.zd-hero-stage{position:relative;height:720px;display:grid;place-items:center;isolation:isolate}
.zd-product-halo{position:absolute;width:78%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(229,192,141,.22) 0 20%,rgba(120,70,38,.11) 45%,transparent 70%);filter:blur(4px);z-index:-2}
.zd-orbit{position:absolute;border:1px solid rgba(232,195,141,.16);border-radius:50%;z-index:-1}.zd-orbit-one{width:68%;aspect-ratio:1}.zd-orbit-two{width:88%;aspect-ratio:1;border-style:dashed;animation:zdSpin 26s linear infinite}@keyframes zdSpin{to{transform:rotate(360deg)}}
.zd-hero-product{position:relative;z-index:2;max-width:70%;max-height:610px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 35px 44px rgba(0,0,0,.48));transition:transform .45s ease}.zd-hero-slide.active .zd-hero-product{animation:zdFloat 5.8s ease-in-out infinite}@keyframes zdFloat{50%{transform:translateY(-10px)}}
.zd-flavour-note{position:absolute;right:2%;top:20%;width:132px;height:132px;border-radius:50%;display:grid;place-items:center;text-align:center;padding:18px;background:#e6c292;color:#31190d;font:600 1rem/1.05 "Cormorant Garamond",serif;transform:rotate(7deg);box-shadow:0 20px 45px rgba(0,0,0,.18);z-index:4}
.zd-minus-mark{position:absolute;right:2%;bottom:17%;display:flex;flex-direction:column;text-align:right;z-index:4;color:#cdbfb4}.zd-minus-mark span,.zd-minus-mark small{font-size:.58rem;letter-spacing:.32em}.zd-minus-mark b{font:600 3rem/1 "Cormorant Garamond",serif;color:#e8c38d;margin:5px 0}
.zd-hero-bottom{position:absolute;left:0;right:0;bottom:44px;display:flex;align-items:center;justify-content:space-between;z-index:5}.zd-hero-pagers{display:flex;align-items:center;gap:13px}.zd-hero-pagers .hero-dot{appearance:none;background:none;border:0;color:#aa9e95;font-size:.72rem;padding:4px;cursor:pointer}.zd-hero-pagers .hero-dot.active{color:#f6dfbf}.zd-hero-pagers .hero-progress{position:relative;width:85px;height:1px;background:rgba(255,255,255,.18);overflow:hidden;margin-left:5px}.zd-hero-pagers .hero-progress span{display:block;height:100%;background:#e4b873;transform-origin:left;animation:heroProgress 6s linear}@keyframes heroProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}.zd-hero-arrows{display:flex;gap:10px}.zd-hero-arrows .hero-arrow{width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.025);color:#fff;cursor:pointer;transition:.25s}.zd-hero-arrows .hero-arrow:hover{background:#e8c38d;color:#23120b;border-color:#e8c38d}.zd-scroll-cue{position:absolute;right:-45px;top:51%;transform:rotate(90deg);font-size:.56rem;letter-spacing:.33em;color:#a9988c;z-index:4}.zd-scroll-cue span{display:inline-block;margin-left:14px;font-size:1rem;color:#e1ba80}

.zd-standard-strip{background:#f7f0e6;border-bottom:1px solid rgba(63,38,23,.1)}.zd-standard-grid{display:grid;grid-template-columns:repeat(4,1fr)}.zd-standard-item{display:flex;align-items:flex-start;gap:15px;padding:30px 25px;border-right:1px solid rgba(63,38,23,.1)}.zd-standard-item:last-child{border-right:0}.zd-standard-item>span{font:600 1.15rem "Cormorant Garamond",serif;color:#ba8150}.zd-standard-item b{display:block;font:600 1.08rem "Cormorant Garamond",serif;margin-bottom:4px}.zd-standard-item small{display:block;color:#746459;line-height:1.45;font-size:.72rem}

.zd-manifesto{background:#f7f0e6}.zd-manifesto-grid{display:grid;grid-template-columns:.6fr 1.55fr .7fr;gap:50px;align-items:center}.zd-manifesto-label{display:flex;align-items:center;gap:14px;font-size:.64rem;letter-spacing:.28em;color:#8a6d58;align-self:start;padding-top:20px}.zd-manifesto-label i{display:block;width:48px;height:1px;background:#bd8654}.zd-manifesto-copy h2{font:600 clamp(3.6rem,6vw,6.5rem)/.83 "Cormorant Garamond",serif;margin:0 0 25px;letter-spacing:-.04em}.zd-manifesto-copy h2 em{font-style:italic;font-weight:500;color:#7a3c20}.zd-manifesto-copy p{max-width:700px;color:#6b5c52;line-height:1.8;font-size:.96rem}.zd-manifesto-sign{font:3.2rem/1.02 "Italianno",cursive;color:#9b6336;transform:rotate(-5deg);text-align:center}

.zd-categories{background:#fffaf3}.zd-section-head{display:grid;grid-template-columns:1.4fr .7fr;gap:60px;align-items:end;margin-bottom:42px}.zd-section-head h2{font:600 clamp(3.1rem,5.2vw,5.4rem)/.88 "Cormorant Garamond",serif;margin:12px 0 0;letter-spacing:-.035em}.zd-section-side{padding-bottom:8px}.zd-section-side p{color:#756459;line-height:1.7;margin:0 0 18px;font-size:.9rem}.zd-arrow-link{display:inline-flex;gap:12px;align-items:center;font-size:.82rem;font-weight:600;border-bottom:1px solid #b77c47;padding-bottom:6px}.zd-arrow-link span{color:#b77c47}.zd-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.zd-category-card{position:relative;min-height:510px;border-radius:4px;overflow:hidden;isolation:isolate;background:#ead7bf}.zd-category-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(21,12,8,.02),rgba(21,12,8,.4));z-index:1}.zd-category-card:after{content:"";position:absolute;width:380px;height:380px;border-radius:50%;right:-130px;bottom:-100px;background:rgba(255,255,255,.2);z-index:0}.zd-category-card img{position:absolute;right:-2%;bottom:8px;z-index:1;width:72%;height:72%;object-fit:contain;filter:drop-shadow(0 22px 24px rgba(60,32,17,.22));transition:transform .45s ease}.zd-category-card:hover img{transform:scale(1.035) translateY(-5px)}.zd-category-copy{position:relative;z-index:3;padding:28px;max-width:68%;height:100%;display:flex;flex-direction:column;align-items:flex-start}.zd-category-copy>span{font-size:.62rem;letter-spacing:.2em;color:#6f4a31}.zd-category-copy h3{font:600 2.2rem/1 "Cormorant Garamond",serif;margin:18px 0 10px}.zd-category-copy p{font-size:.79rem;line-height:1.55;color:#674f40}.zd-category-copy b{margin-top:auto;font-size:.78rem}.zd-card-hit{position:absolute;inset:0;z-index:5}.zd-category-1{background:linear-gradient(150deg,#b97850 0,#5a2b19 60%,#25120c 100%);color:#fff}.zd-category-1 .zd-category-copy p,.zd-category-1 .zd-category-copy>span{color:#ead7c8}.zd-category-2{background:linear-gradient(150deg,#f1cd91,#dd9e51)}.zd-category-3{background:linear-gradient(150deg,#eadfce,#c7a37d)}

.zd-featured{background:#17100c;color:#f9f1e6}.zd-section-head-light .eyebrow{color:#c8955a}.zd-section-head-light .zd-section-side p{color:#b9aaa0}.zd-featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.zd-featured-card{position:relative;border:1px solid rgba(255,255,255,.08);background:#201510;transition:.35s}.zd-featured-card:hover{transform:translateY(-6px);border-color:rgba(225,184,123,.35)}.zd-featured-image{height:390px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 42%,#5a3524 0,#2a1912 48%,#17100c 75%)}.zd-featured-image:after{content:"";position:absolute;inset:auto 8% 8% 8%;height:24px;background:rgba(0,0,0,.5);filter:blur(14px);border-radius:50%}.zd-featured-image img{position:relative;z-index:2;max-height:82%;max-width:78%;object-fit:contain;filter:drop-shadow(0 24px 22px rgba(0,0,0,.35));transition:.45s}.zd-featured-card:hover img{transform:scale(1.03) translateY(-6px)}.zd-featured-image>span{position:absolute;right:18px;top:18px;z-index:3;width:82px;height:82px;border-radius:50%;display:grid;place-items:center;text-align:center;background:#e7c38f;color:#32180d;padding:10px;font:600 .78rem/1.05 "Cormorant Garamond",serif}.zd-featured-meta{padding:24px 24px 28px}.zd-featured-meta small{font-size:.59rem;letter-spacing:.24em;color:#bd8d5e}.zd-featured-meta h3{font:600 2rem/1 "Cormorant Garamond",serif;margin:11px 0}.zd-featured-meta p{min-height:42px;font-size:.78rem;line-height:1.6;color:#a8998e}.zd-featured-meta b{display:inline-block;margin-top:10px;font-size:.75rem;color:#e0b675}

.zd-experience{background:#f7f0e6}.zd-experience-top{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:46px}.zd-experience-top h2{font:600 clamp(3rem,5vw,5.2rem)/.92 "Cormorant Garamond",serif;margin:12px 0 0}.zd-process-line{display:grid;grid-template-columns:repeat(5,1fr);position:relative}.zd-process-line:before{content:"";position:absolute;left:7%;right:7%;top:74px;height:1px;background:linear-gradient(90deg,transparent,#c8935d 8%,#c8935d 92%,transparent)}.zd-process-step{position:relative;text-align:center;padding:0 15px}.zd-process-step>span{position:absolute;left:8px;top:42px;font:600 1.25rem "Cormorant Garamond",serif;color:#b57b44}.zd-process-step i{position:relative;z-index:1;margin:auto;width:110px;height:110px;border-radius:50%;display:grid;place-items:center;border:1px solid #d6b386;background:#fff9f0;font-style:normal;font-size:2rem;color:#5a321d;box-shadow:0 12px 25px rgba(66,38,20,.06)}.zd-process-step h3{font:600 1.42rem/1 "Cormorant Garamond",serif;margin:20px 0 10px}.zd-process-step p{font-size:.72rem;color:#76665b;line-height:1.5}

.zd-story{display:grid;grid-template-columns:.9fr 1.1fr;min-height:610px;background:#efe3d2}.zd-story-dark{padding:90px max(45px,calc((100vw - 1180px)/2));padding-right:60px;background:#120c09;color:#fff;display:flex;flex-direction:column;justify-content:center}.zd-story-dark .eyebrow{color:#c8955a}.zd-story-dark h2{font:600 clamp(3.4rem,5.4vw,5.8rem)/.8 "Cormorant Garamond",serif;margin:18px 0 28px;letter-spacing:-.04em}.zd-story-dark p{max-width:500px;color:#b9aaa0;line-height:1.75}.zd-story-dark .btn{width:max-content;margin-top:16px}.zd-story-visual{position:relative;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at center,#fff7ed,#dec4a4)}.zd-story-ring{position:absolute;width:420px;height:420px;border:1px solid rgba(83,47,24,.15);border-radius:50%;box-shadow:0 0 0 60px rgba(255,255,255,.12),0 0 0 120px rgba(255,255,255,.08)}.zd-story-visual img{position:relative;z-index:2;max-height:70%;max-width:58%;object-fit:contain;filter:drop-shadow(0 25px 27px rgba(67,38,20,.25))}.zd-story-script{position:absolute;right:8%;bottom:12%;z-index:3;font:2.8rem/1.05 "Italianno",cursive;color:#5e321c;transform:rotate(-6deg);text-align:center}

.zd-partner{background:#24140d;color:#fff}.zd-partner-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:80px;align-items:end}.zd-partner .eyebrow{color:#d4a86f}.zd-partner h2{font:600 clamp(3rem,5vw,5rem)/.9 "Cormorant Garamond",serif;margin:14px 0 0}.zd-partner p{color:#c4b5ab;line-height:1.7;margin:0 0 24px}

@media(max-width:1100px){.zd-hero-slide{grid-template-columns:1fr 1fr}.zd-hero-stage{height:620px}.zd-hero-product{max-width:82%}.zd-flavour-note{width:105px;height:105px}.zd-manifesto-grid{grid-template-columns:.45fr 1.4fr}.zd-manifesto-sign{display:none}.zd-category-card{min-height:460px}.zd-process-line{grid-template-columns:repeat(5,1fr)}.zd-process-step>span{display:none}}
@media(max-width:900px){.zd-hero{padding-top:82px;min-height:auto}.zd-hero-slider{min-height:980px}.zd-hero-slide{grid-template-columns:1fr;align-content:start;padding-top:70px;gap:0}.zd-hero-copy{padding:0}.zd-hero-copy h1{font-size:clamp(4rem,13vw,6rem);max-width:520px}.zd-hero-copy .zd-script{font-size:2.8rem}.zd-hero-stage{height:480px;margin-top:-10px}.zd-hero-product{max-height:430px;max-width:68%}.zd-flavour-note{right:12%;top:15%}.zd-minus-mark{right:8%;bottom:8%}.zd-scroll-cue{display:none}.zd-hero-bottom{bottom:28px}.zd-standard-grid{grid-template-columns:repeat(2,1fr)}.zd-standard-item:nth-child(2){border-right:0}.zd-manifesto-grid{grid-template-columns:1fr}.zd-manifesto-label{padding:0}.zd-category-grid{grid-template-columns:1fr}.zd-category-card{min-height:390px}.zd-category-card img{width:54%;height:88%}.zd-featured-grid{grid-template-columns:1fr 1fr}.zd-process-line{grid-template-columns:1fr 1fr;gap:35px 10px}.zd-process-line:before{display:none}.zd-story{grid-template-columns:1fr}.zd-story-dark{padding:75px 40px}.zd-story-visual{min-height:520px}.zd-partner-grid{grid-template-columns:1fr;gap:30px}.zd-section-head{grid-template-columns:1fr;gap:24px}.zd-section-side{max-width:600px}.zd-experience-top{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.zd-hero-slider{min-height:850px}.zd-hero-slide{padding-top:46px}.zd-hero-copy h1{font-size:3.7rem}.zd-hero-copy .zd-script{font-size:2.3rem}.zd-hero-copy p{font-size:.86rem}.zd-hero-actions{gap:15px}.zd-hero-stage{height:390px}.zd-hero-product{max-height:350px;max-width:82%}.zd-flavour-note{width:88px;height:88px;font-size:.72rem;right:4%;top:12%}.zd-minus-mark{display:none}.zd-hero-bottom{bottom:24px}.zd-standard-grid{grid-template-columns:1fr}.zd-standard-item{border-right:0;border-bottom:1px solid rgba(63,38,23,.1);padding:22px 6px}.zd-manifesto{padding:70px 0}.zd-manifesto-copy h2{font-size:3.6rem}.zd-category-card{min-height:420px}.zd-category-card img{width:68%;height:65%;right:-8%}.zd-category-copy{padding:24px;max-width:74%}.zd-featured-grid{grid-template-columns:1fr}.zd-featured-image{height:380px}.zd-process-line{grid-template-columns:1fr}.zd-process-step{display:grid;grid-template-columns:84px 1fr;grid-template-rows:auto auto;column-gap:18px;text-align:left;align-items:center}.zd-process-step i{width:84px;height:84px;grid-row:1/3}.zd-process-step h3{margin:0 0 5px}.zd-process-step p{margin:0}.zd-story-dark{padding:65px 24px}.zd-story-visual{min-height:430px}.zd-story-ring{width:310px;height:310px}.zd-story-script{font-size:2.1rem;right:5%}.zd-partner{padding:70px 0}.zd-partner h2{font-size:3.3rem}}

/* =========================================================
   HOME HERO VIEWPORT + HEADER VISIBILITY FIX — 2026-09-16
   Keeps interior pages unchanged. The homepage uses a dark
   hero, so the transparent header must use light navigation.
   Also keeps the complete hero product inside laptop screens.
   ========================================================= */
@media (min-width:901px){
  body:has(.zd-hero) .header:not(.scrolled):not(.is-scrolled){
    background:linear-gradient(180deg,rgba(9,6,4,.72) 0%,rgba(9,6,4,.34) 62%,rgba(9,6,4,0) 100%);
    border-bottom-color:rgba(255,255,255,.055);
    box-shadow:none;
  }
  body:has(.zd-hero) .header:not(.scrolled):not(.is-scrolled) .links a,
  body:has(.zd-hero) .header:not(.scrolled):not(.is-scrolled) .nav-actions > a[aria-label="Search"]{
    color:#f7eee4;
  }
  body:has(.zd-hero) .header:not(.scrolled):not(.is-scrolled) .links a{
    opacity:.82;
  }
  body:has(.zd-hero) .header:not(.scrolled):not(.is-scrolled) .links a:hover,
  body:has(.zd-hero) .header:not(.scrolled):not(.is-scrolled) .links a.active{
    opacity:1;
    color:#f6d7a7;
  }
  body:has(.zd-hero) .header:not(.scrolled):not(.is-scrolled) .links a:after{
    background:#d7a25f;
  }
  body:has(.zd-hero) .header:not(.scrolled):not(.is-scrolled) .nav-actions .btn{
    background:#efe0ca;
    color:#24140d;
    border-color:#efe0ca;
  }

  .zd-hero{
    min-height:100svh;
    padding-top:92px;
  }
  .zd-hero-slider{
    min-height:calc(100svh - 92px);
  }
  .zd-hero-slide{
    align-items:center;
  }
  .zd-hero-copy{
    padding-bottom:42px;
  }
  .zd-hero-stage{
    height:clamp(480px,68vh,590px);
  }
  .zd-hero-product{
    max-height:min(525px,59vh);
    max-width:74%;
  }
  .zd-flavour-note{
    top:12%;
    right:3%;
  }
  .zd-minus-mark{
    bottom:10%;
  }
  .zd-hero-bottom{
    bottom:20px;
  }
}

/* Short laptop screens (common 1366×768 / 1536×864 displays) */
@media (min-width:901px) and (max-height:820px){
  .zd-hero-copy h1{
    font-size:clamp(4.1rem,6.2vw,6.6rem);
    line-height:.77;
  }
  .zd-hero-copy .zd-script{
    font-size:2.75rem;
    margin:10px 0 16px;
  }
  .zd-hero-copy p{
    font-size:.9rem;
    line-height:1.62;
    margin-bottom:22px;
  }
  .zd-hero-actions .btn{
    padding:13px 20px;
  }
  .zd-hero-stage{
    height:clamp(440px,64vh,520px);
  }
  .zd-hero-product{
    max-height:min(470px,56vh);
    max-width:70%;
  }
  .zd-flavour-note{
    width:118px;
    height:118px;
    font-size:1rem;
  }
  .zd-scroll-cue{
    top:54%;
  }
}

/* =========================================================
   ZIO'S DELI — COLLECTION / STANDARD POLISH (2026-09-16)
   Scoped to the Zio's Deli landing page only.
   ========================================================= */

/* The standard strip: calmer, more editorial, easier to scan */
.zd-standard-strip{
  position:relative;
  background:linear-gradient(180deg,#fbf5ec 0%,#f5ecdf 100%);
  border-top:1px solid rgba(187,132,78,.18);
  border-bottom:1px solid rgba(63,38,23,.12);
}
.zd-standard-strip:before{
  content:"THE ZIO'S STANDARD";
  position:absolute;
  left:50%;
  top:0;
  transform:translate(-50%,-50%);
  padding:7px 18px;
  border:1px solid rgba(177,119,66,.24);
  border-radius:999px;
  background:#fbf5ec;
  color:#8a5c37;
  font-size:.55rem;
  font-weight:700;
  letter-spacing:.24em;
  white-space:nowrap;
}
.zd-standard-grid{gap:0;padding-top:10px}
.zd-standard-item{
  min-height:126px;
  padding:34px 28px 30px;
  align-items:flex-start;
  transition:background .3s ease,transform .3s ease;
}
.zd-standard-item:hover{background:rgba(255,255,255,.34)}
.zd-standard-item>span{
  min-width:34px;
  font-size:1.38rem;
  line-height:1;
  color:#b57a43;
}
.zd-standard-item b{
  font-size:1.17rem;
  line-height:1.05;
  letter-spacing:.01em;
}
.zd-standard-item small{margin-top:7px;max-width:210px}

/* Collection heading: more balanced on common laptop widths */
.zd-categories{padding-top:100px;padding-bottom:110px}
.zd-categories .zd-section-head{margin-bottom:36px}
.zd-categories .zd-section-side{max-width:420px;justify-self:end}

/* Collection cards: premium editorial tiles, less oversized than before */
.zd-category-grid{gap:20px}
.zd-category-card{
  min-height:440px;
  border-radius:22px;
  border:1px solid rgba(78,45,27,.08);
  box-shadow:0 20px 55px rgba(61,34,17,.09);
  transform:translateZ(0);
  transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s ease,border-color .4s ease;
}
.zd-category-card:hover{
  transform:translateY(-8px);
  box-shadow:0 30px 70px rgba(61,34,17,.16);
  border-color:rgba(181,122,67,.24);
}
.zd-category-card:before{
  background:linear-gradient(180deg,rgba(27,15,9,.015) 28%,rgba(27,15,9,.28) 100%);
}
.zd-category-card:after{
  width:330px;
  height:330px;
  right:-115px;
  bottom:-105px;
  border:1px solid rgba(255,255,255,.24);
  background:rgba(255,255,255,.10);
}
.zd-category-copy{
  padding:30px 30px 28px;
  max-width:72%;
}
.zd-category-copy>span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:34px;
  height:34px;
  padding:0 10px;
  border:1px solid currentColor;
  border-radius:999px;
  opacity:.78;
}
.zd-category-copy h3{
  margin-top:20px;
  font-size:clamp(2.15rem,2.7vw,3rem);
  letter-spacing:-.025em;
}
.zd-category-copy p{
  max-width:230px;
  font-size:.82rem;
  line-height:1.65;
}
.zd-category-copy b{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding-bottom:5px;
  border-bottom:1px solid currentColor;
  letter-spacing:.02em;
}
.zd-category-card img{
  right:-1%;
  bottom:2px;
  width:70%;
  height:69%;
  filter:drop-shadow(0 28px 28px rgba(60,32,17,.25));
  transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .45s ease;
}
.zd-category-card:hover img{
  transform:scale(1.055) translate(-2px,-8px);
  filter:drop-shadow(0 34px 34px rgba(60,32,17,.30));
}

/* Keep text crisp on the dark first tile */
.zd-category-1 .zd-category-copy>span{border-color:rgba(255,255,255,.42)}
.zd-category-1 .zd-category-copy b{color:#f7e8d8}

/* Featured products: visually connected to the collection */
.zd-featured{padding-top:105px;padding-bottom:110px}
.zd-featured-grid{gap:20px}
.zd-featured-card{
  overflow:hidden;
  border-radius:20px;
  background:linear-gradient(180deg,#241711 0%,#1c120e 100%);
  box-shadow:0 20px 50px rgba(0,0,0,.18);
}
.zd-featured-image{height:360px}
.zd-featured-meta{padding:25px 25px 30px}
.zd-featured-meta h3{font-size:2.15rem}

@media(max-width:1100px){
  .zd-standard-item{padding-left:20px;padding-right:20px}
  .zd-category-card{min-height:410px}
  .zd-category-copy{max-width:76%;padding:26px}
  .zd-category-card img{width:72%;height:66%;right:-5%}
}

@media(max-width:900px){
  .zd-categories{padding-top:82px;padding-bottom:90px}
  .zd-categories .zd-section-side{max-width:none;justify-self:stretch}
  .zd-category-grid{gap:16px}
  .zd-category-card{min-height:390px;border-radius:18px}
  .zd-category-card img{width:55%;height:84%;right:0}
  .zd-featured{padding-top:84px;padding-bottom:90px}
}

@media(max-width:600px){
  .zd-standard-strip:before{font-size:.5rem;padding:6px 13px}
  .zd-standard-grid{padding-top:18px}
  .zd-standard-item{min-height:auto;padding:20px 4px}
  .zd-standard-item>span{font-size:1.2rem}
  .zd-categories{padding-top:70px;padding-bottom:72px}
  .zd-category-card{min-height:405px;border-radius:16px}
  .zd-category-copy{padding:23px;max-width:78%}
  .zd-category-copy h3{font-size:2.2rem}
  .zd-category-copy p{font-size:.78rem;max-width:185px}
  .zd-category-card img{width:70%;height:64%;right:-9%;bottom:0}
  .zd-featured{padding-top:70px;padding-bottom:76px}
  .zd-featured-image{height:340px}
}

/* =========================================================
   ZIO'S DELI — HOMEPAGE LOWER SECTION + FOOTER POLISH
   2026-09-16 · scoped to existing Zio's Deli classes
   ========================================================= */

/* Experience: clearer editorial hierarchy + quieter luxury treatment */
.zd-experience{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 100% 0%,rgba(212,168,111,.15),transparent 34%),
    linear-gradient(180deg,#f8f2e9 0%,#f3e8da 100%);
  color:#261710;
}
.zd-experience:after{
  content:"−18";
  position:absolute;
  right:-24px;
  bottom:-65px;
  font:600 clamp(11rem,22vw,22rem)/.75 "Cormorant Garamond",serif;
  color:rgba(97,55,29,.035);
  pointer-events:none;
}
.zd-experience .container{position:relative;z-index:1}
.zd-experience-top{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.65fr);
  gap:80px;
  align-items:end;
  margin-bottom:68px;
}
.zd-experience-top h2{
  max-width:720px;
  font:600 clamp(3.45rem,5.6vw,5.9rem)/.88 "Cormorant Garamond",serif;
  letter-spacing:-.045em;
  margin:13px 0 0;
}
.zd-experience-intro{
  padding:0 0 6px 26px;
  border-left:1px solid rgba(157,100,53,.32);
}
.zd-experience-intro p{
  margin:0 0 20px;
  color:#715f53;
  line-height:1.8;
  font-size:.9rem;
}
.zd-experience-intro .zd-arrow-link{display:inline-flex}

.zd-process-line{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:0;
  position:relative;
  padding:12px 0 6px;
}
.zd-process-line:before{
  content:"";
  position:absolute;
  left:8%;
  right:8%;
  top:76px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(181,122,67,.75) 8%,rgba(181,122,67,.75) 92%,transparent);
}
.zd-process-step{
  position:relative;
  text-align:center;
  padding:0 18px 18px;
}
.zd-process-step>span{
  position:absolute;
  left:17px;
  top:42px;
  font:600 1.2rem "Cormorant Garamond",serif;
  color:#ad7542;
}
.zd-process-step i{
  position:relative;
  z-index:1;
  margin:auto;
  width:114px;
  height:114px;
  border-radius:50%;
  display:grid;
  place-items:center;
  border:1px solid rgba(181,122,67,.45);
  background:rgba(255,250,243,.88);
  font-style:normal;
  font-size:1.8rem;
  color:#5a321d;
  box-shadow:0 18px 36px rgba(66,38,20,.07);
  transition:transform .35s ease,background .35s ease,box-shadow .35s ease;
}
.zd-process-step:hover i{
  transform:translateY(-7px);
  background:#fffaf3;
  box-shadow:0 24px 46px rgba(66,38,20,.12);
}
.zd-process-step h3{
  font:600 1.5rem/1 "Cormorant Garamond",serif;
  margin:22px 0 9px;
  letter-spacing:-.01em;
}
.zd-process-step p{
  max-width:175px;
  margin:0 auto;
  font-size:.72rem;
  color:#79695f;
  line-height:1.58;
}
.zd-experience-note{
  margin-top:64px;
  min-height:112px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:34px;
  align-items:center;
  padding:25px 30px;
  border:1px solid rgba(100,59,31,.12);
  border-radius:18px;
  background:rgba(255,250,244,.68);
  box-shadow:0 18px 50px rgba(70,40,20,.05);
}
.zd-experience-note>span{
  color:#a16b3a;
  font-size:.62rem;
  font-weight:700;
  letter-spacing:.23em;
  white-space:nowrap;
}
.zd-experience-note p{
  margin:0;
  color:#66564b;
  font-size:.84rem;
  line-height:1.6;
}
.zd-experience-note b{
  font:600 3rem/1 "Cormorant Garamond",serif;
  color:#3d2417;
  letter-spacing:-.04em;
}

/* Story: premium split editorial panel */
.zd-story{
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  min-height:650px;
  background:#ead8c1;
}
.zd-story-dark{
  position:relative;
  overflow:hidden;
  padding:96px max(48px,calc((100vw - 1180px)/2));
  padding-right:70px;
  background:
    radial-gradient(circle at 25% 20%,rgba(210,151,90,.12),transparent 30%),
    linear-gradient(145deg,#100a08 0%,#1b100b 100%);
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.zd-story-dark:after{
  content:"ZIO'S";
  position:absolute;
  left:-18px;
  bottom:-44px;
  font:600 clamp(8rem,15vw,14rem)/.8 "Cormorant Garamond",serif;
  color:rgba(255,255,255,.025);
  pointer-events:none;
}
.zd-story-dark>*{position:relative;z-index:1}
.zd-story-dark .eyebrow{color:#d4a56d}
.zd-story-count{
  margin-top:24px;
  color:#8f7768;
  font-size:.58rem;
  font-weight:700;
  letter-spacing:.2em;
}
.zd-story-dark h2{
  max-width:620px;
  font:600 clamp(3.8rem,5.9vw,6.4rem)/.79 "Cormorant Garamond",serif;
  margin:17px 0 30px;
  letter-spacing:-.045em;
}
.zd-story-dark p{
  max-width:500px;
  margin:0;
  color:#bbaea5;
  line-height:1.78;
  font-size:.9rem;
}
.zd-story-actions{
  display:flex;
  gap:24px;
  align-items:center;
  flex-wrap:wrap;
  margin-top:28px;
}
.zd-story-actions>span{
  color:#8f7d71;
  font-size:.62rem;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.zd-story-visual{
  position:relative;
  overflow:hidden;
  min-height:650px;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 50% 45%,rgba(255,249,239,.95) 0 18%,rgba(239,216,186,.8) 45%,rgba(217,184,143,.9) 100%);
}
.zd-story-word{
  position:absolute;
  left:50%;
  top:51%;
  transform:translate(-50%,-50%);
  font:600 clamp(7rem,13vw,13rem)/.8 "Cormorant Garamond",serif;
  letter-spacing:.04em;
  color:rgba(85,47,24,.055);
  white-space:nowrap;
}
.zd-story-ring{
  position:absolute;
  width:min(470px,68%);
  aspect-ratio:1;
  border:1px solid rgba(83,47,24,.16);
  border-radius:50%;
  box-shadow:0 0 0 62px rgba(255,255,255,.12),0 0 0 124px rgba(255,255,255,.07);
}
.zd-story-visual img{
  position:relative;
  z-index:2;
  max-height:72%;
  max-width:56%;
  object-fit:contain;
  filter:drop-shadow(0 34px 34px rgba(67,38,20,.30));
  transition:transform .5s ease;
}
.zd-story-visual:hover img{transform:translateY(-8px) scale(1.025)}
.zd-story-script{
  position:absolute;
  right:7%;
  bottom:9%;
  z-index:3;
  font:2.9rem/1.02 "Italianno",cursive;
  color:#5e321c;
  transform:rotate(-5deg);
  text-align:center;
}
.zd-story-product-name{
  position:absolute;
  left:7%;
  bottom:8%;
  z-index:3;
  max-width:210px;
  display:flex;
  flex-direction:column;
  gap:5px;
}
.zd-story-product-name small{
  color:#936035;
  font-size:.52rem;
  font-weight:700;
  letter-spacing:.18em;
}
.zd-story-product-name strong{
  font:600 1.35rem/1 "Cormorant Garamond",serif;
  color:#3c2417;
}

/* Partner CTA: one focused premium business block */
.zd-partner{
  position:relative;
  overflow:hidden;
  background:#f7efe5;
  color:#26170f;
  padding-top:105px;
  padding-bottom:105px;
}
.zd-partner:before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 0% 100%,rgba(185,124,67,.13),transparent 30%);
  pointer-events:none;
}
.zd-partner .container{position:relative;z-index:1}
.zd-partner-shell{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);
  gap:72px;
  align-items:center;
  padding:64px 66px;
  border-radius:26px;
  background:
    radial-gradient(circle at 80% 30%,rgba(211,162,105,.16),transparent 30%),
    linear-gradient(135deg,#1a0f0b 0%,#28160e 100%);
  color:#fff;
  box-shadow:0 34px 80px rgba(69,37,18,.18);
}
.zd-partner-shell:after{
  content:"PARTNER";
  position:absolute;
  right:-38px;
  bottom:-30px;
  font:600 8.5rem/1 "Cormorant Garamond",serif;
  color:rgba(255,255,255,.025);
  letter-spacing:.05em;
  pointer-events:none;
}
.zd-partner-copy,.zd-partner-side{position:relative;z-index:1}
.zd-partner .eyebrow{color:#d8ab73}
.zd-partner h2{
  font:600 clamp(3.2rem,5vw,5.3rem)/.88 "Cormorant Garamond",serif;
  margin:14px 0 22px;
  letter-spacing:-.04em;
}
.zd-partner p{
  max-width:610px;
  color:#c6b9b0;
  line-height:1.75;
  margin:0 0 28px;
  font-size:.9rem;
}
.zd-partner-side{
  display:grid;
  grid-template-columns:150px 1fr;
  gap:28px;
  align-items:center;
  padding-left:38px;
  border-left:1px solid rgba(255,255,255,.11);
}
.zd-partner-stamp{
  width:150px;
  height:150px;
  border-radius:50%;
  display:grid;
  place-items:center;
  align-content:center;
  gap:4px;
  border:1px solid rgba(228,183,127,.48);
  box-shadow:inset 0 0 0 8px rgba(228,183,127,.035);
  text-align:center;
  color:#e3bc8b;
}
.zd-partner-stamp span,.zd-partner-stamp small{font-size:.48rem;font-weight:700;letter-spacing:.18em}
.zd-partner-stamp b{font:600 3.15rem/1 "Cormorant Garamond",serif;color:#f6e4cc}
.zd-partner-list{display:flex;flex-direction:column}
.zd-partner-list span{
  padding:11px 0;
  border-bottom:1px solid rgba(255,255,255,.09);
  color:#d7cbc2;
  font-size:.72rem;
  letter-spacing:.04em;
}
.zd-partner-list span:last-child{border-bottom:0}

/* Footer: richer brand architecture, still compact */
.footer.zd-footer{
  position:relative;
  overflow:hidden;
  background:#0d0806;
  color:#f7f0e5;
  padding:70px 0 24px;
  border-top:1px solid rgba(222,174,116,.18);
}
.footer.zd-footer:after{
  content:"MINUS EIGHTEEN";
  position:absolute;
  left:50%;
  bottom:-20px;
  transform:translateX(-50%);
  font:600 clamp(5rem,11vw,10rem)/.8 "Cormorant Garamond",serif;
  letter-spacing:.08em;
  white-space:nowrap;
  color:rgba(255,255,255,.018);
  pointer-events:none;
}
.zd-footer .container{position:relative;z-index:1}
.zd-footer-top{
  display:grid;
  grid-template-columns:1fr auto;
  gap:50px;
  align-items:center;
  padding-bottom:42px;
  border-bottom:1px solid rgba(255,255,255,.10);
}
.zd-footer-brand{display:flex;align-items:center;gap:25px;max-width:690px}
.zd-footer .zd-footer-brand .logo{
  flex:0 0 92px;
  width:92px;
  height:92px;
  overflow:hidden;
  border-radius:15px;
  background:#090604;
  border:1px solid rgba(255,255,255,.08);
}
.zd-footer .zd-footer-brand .logo img{width:100%;height:100%;object-fit:contain;display:block}
.zd-footer-kicker{
  color:#c99862;
  font-size:.56rem;
  font-weight:700;
  letter-spacing:.21em;
  margin-bottom:10px;
}
.zd-footer-brand p{margin:0;max-width:520px;color:#a99a90;font-size:.82rem;line-height:1.7}
.zd-footer-cta{
  min-width:255px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:4px 20px;
  align-items:center;
  padding:19px 21px;
  border:1px solid rgba(218,170,111,.30);
  border-radius:14px;
  background:rgba(255,255,255,.025);
  transition:background .3s ease,border-color .3s ease,transform .3s ease;
}
.zd-footer-cta:hover{background:rgba(218,170,111,.07);border-color:rgba(218,170,111,.55);transform:translateY(-2px)}
.zd-footer-cta span{grid-column:1;color:#a78d7a;font-size:.5rem;font-weight:700;letter-spacing:.18em}
.zd-footer-cta strong{grid-column:1;font:600 1.45rem/1 "Cormorant Garamond",serif;color:#f3e6d6}
.zd-footer-cta i{grid-column:2;grid-row:1/3;font-style:normal;color:#d9a96f;font-size:1.2rem}

.zd-footer-grid{
  display:grid;
  grid-template-columns:1fr 1.15fr 1.4fr .9fr;
  gap:48px;
  padding:46px 0 42px;
}
.zd-footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:11px;min-width:0}
.zd-footer-col small{
  margin-bottom:8px;
  color:#8f7869;
  font-size:.52rem;
  font-weight:700;
  letter-spacing:.2em;
}
.zd-footer-col a{
  color:#d5c9c0;
  font-size:.76rem;
  line-height:1.45;
  transition:color .2s ease,transform .2s ease;
  overflow-wrap:anywhere;
}
.zd-footer-col a:hover{color:#e7b87e;transform:translateX(2px)}
.zd-footer-col span{color:#786b63;font-size:.72rem;line-height:1.6}
.zd-footer-bottom{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:20px;
  align-items:center;
  padding-top:22px;
  border-top:1px solid rgba(255,255,255,.085);
  color:#766a62;
  font-size:.62rem;
}
.zd-footer-bottom span:last-child{text-align:right}
.zd-footer-signature{
  color:#a98768!important;
  font-family:"Cormorant Garamond",serif;
  font-size:.82rem!important;
  font-style:italic;
  letter-spacing:.03em;
}

@media(max-width:1100px){
  .zd-experience-top{gap:50px}
  .zd-process-step{padding-left:10px;padding-right:10px}
  .zd-process-step>span{display:none}
  .zd-partner-shell{padding:55px 48px;gap:45px}
  .zd-partner-side{grid-template-columns:125px 1fr;padding-left:28px}
  .zd-partner-stamp{width:125px;height:125px}
  .zd-footer-grid{gap:28px;grid-template-columns:.9fr 1fr 1.3fr .8fr}
}

@media(max-width:900px){
  .zd-experience-top{grid-template-columns:1fr;gap:25px;margin-bottom:50px}
  .zd-experience-intro{max-width:650px}
  .zd-process-line{grid-template-columns:1fr 1fr;gap:34px 15px}
  .zd-process-line:before{display:none}
  .zd-experience-note{grid-template-columns:1fr auto;gap:15px 25px}
  .zd-experience-note>span{grid-column:1}
  .zd-experience-note p{grid-column:1;grid-row:2}
  .zd-experience-note b{grid-column:2;grid-row:1/3}
  .zd-story{grid-template-columns:1fr}
  .zd-story-dark{padding:78px 42px}
  .zd-story-visual{min-height:560px}
  .zd-partner-shell{grid-template-columns:1fr;gap:42px;padding:54px 44px}
  .zd-partner-side{padding:35px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.11)}
  .zd-footer-top{grid-template-columns:1fr;gap:28px}
  .zd-footer-cta{width:min(100%,360px)}
  .zd-footer-grid{grid-template-columns:1fr 1fr;gap:35px 50px}
  .zd-footer-bottom{grid-template-columns:1fr 1fr}
  .zd-footer-signature{display:none}
}

@media(max-width:600px){
  .zd-experience{padding-top:72px;padding-bottom:72px}
  .zd-experience-top h2{font-size:3.55rem}
  .zd-experience-intro{padding-left:18px}
  .zd-process-line{grid-template-columns:1fr;gap:14px}
  .zd-process-step{
    display:grid;
    grid-template-columns:80px 1fr;
    grid-template-rows:auto auto;
    column-gap:18px;
    text-align:left;
    align-items:center;
    padding:12px 0;
  }
  .zd-process-step i{width:80px;height:80px;grid-row:1/3;margin:0;font-size:1.45rem}
  .zd-process-step h3{margin:0 0 5px;font-size:1.35rem}
  .zd-process-step p{max-width:none;margin:0;font-size:.72rem}
  .zd-experience-note{margin-top:40px;padding:22px;grid-template-columns:1fr}
  .zd-experience-note>span,.zd-experience-note p,.zd-experience-note b{grid-column:1;grid-row:auto}
  .zd-experience-note b{font-size:2.6rem}
  .zd-story-dark{padding:68px 24px}
  .zd-story-dark h2{font-size:3.75rem}
  .zd-story-actions{align-items:flex-start;flex-direction:column}
  .zd-story-visual{min-height:445px}
  .zd-story-ring{width:290px}
  .zd-story-visual img{max-width:62%;max-height:68%}
  .zd-story-script{font-size:2rem;right:4%;bottom:8%}
  .zd-story-product-name{left:5%;bottom:6%;max-width:145px}
  .zd-story-product-name strong{font-size:1.05rem}
  .zd-partner{padding-top:72px;padding-bottom:72px}
  .zd-partner-shell{padding:38px 24px;border-radius:20px}
  .zd-partner h2{font-size:3.3rem}
  .zd-partner-side{grid-template-columns:1fr;justify-items:start}
  .zd-partner-stamp{width:115px;height:115px}
  .zd-partner-list{width:100%}
  .footer.zd-footer{padding-top:54px}
  .zd-footer-brand{align-items:flex-start;gap:17px}
  .zd-footer .zd-footer-brand .logo{flex-basis:72px;width:72px;height:72px;border-radius:12px}
  .zd-footer-kicker{font-size:.49rem}
  .zd-footer-brand p{font-size:.76rem}
  .zd-footer-cta{min-width:0;width:100%}
  .zd-footer-grid{grid-template-columns:1fr 1fr;gap:30px 24px;padding:38px 0}
  .zd-footer-col a{font-size:.73rem}
  .zd-footer-bottom{grid-template-columns:1fr;gap:8px;text-align:left}
  .zd-footer-bottom span:last-child{text-align:left}
}

/* Contact form feedback */
.premium-form .admin-alert{padding:13px 15px;border-radius:10px;font-size:.82rem;line-height:1.5;border:1px solid transparent}.premium-form .admin-alert.success{background:#edf6ef;border-color:#d3e8d8;color:#2d6b43}.premium-form .admin-alert.error{background:#fff0ee;border-color:#f0d1cd;color:#8f3d37}

/* =========================================================
   ZIO'S DELI — MAIN PAGE EXPERIENCE POLISH (2026-09-16)
   Homepage-only additions: editorial hero depth, moving brand
   ribbon and a dynamic signature-product spotlight.
   ========================================================= */

/* Hero depth without changing the existing product slider logic */
.zd-hero-backdrop{
  position:absolute;
  inset:92px 0 0;
  z-index:0;
  pointer-events:none;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  padding-right:2vw;
  opacity:.085;
  user-select:none;
}
.zd-hero-backdrop span,
.zd-hero-backdrop b{
  position:absolute;
  font:600 clamp(10rem,24vw,25rem)/.72 "Cormorant Garamond",serif;
  letter-spacing:-.065em;
  color:#f5dfbf;
  white-space:nowrap;
}
.zd-hero-backdrop span{right:-.02em;top:8%}
.zd-hero-backdrop b{right:-.04em;bottom:2%;font-style:italic;font-weight:500;color:#bd8550}
.zd-hero-slider{z-index:1}

/* Brand ribbon between the hero and the first content section */
.zd-brand-ticker{
  position:relative;
  overflow:hidden;
  background:#e9c58f;
  color:#24130c;
  border-top:1px solid rgba(255,255,255,.25);
  border-bottom:1px solid rgba(70,36,18,.17);
  height:46px;
  display:flex;
  align-items:center;
}
.zd-brand-ticker-track{
  display:flex;
  align-items:center;
  width:max-content;
  min-width:200%;
  gap:26px;
  padding:0 26px;
  animation:zdTicker 28s linear infinite;
  will-change:transform;
}
.zd-brand-ticker span{
  font-size:.58rem;
  font-weight:700;
  letter-spacing:.27em;
  white-space:nowrap;
}
.zd-brand-ticker i{
  font-style:normal;
  font-size:.68rem;
  color:#7e4a28;
}
@keyframes zdTicker{to{transform:translateX(-50%)}}

/* Signature product spotlight: a quieter editorial moment after the grid */
.zd-signature-spotlight{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
  min-height:590px;
  margin-top:72px;
  overflow:hidden;
  border:1px solid rgba(232,195,141,.18);
  background:#120b08;
  box-shadow:0 30px 80px rgba(0,0,0,.18);
}
.zd-signature-visual{
  position:relative;
  overflow:hidden;
  display:grid;
  place-items:center;
  min-height:590px;
  background:
    radial-gradient(circle at 48% 48%,rgba(239,207,160,.18) 0 15%,rgba(148,91,52,.12) 35%,transparent 62%),
    linear-gradient(145deg,#26150e 0%,#170d09 58%,#0d0806 100%);
}
.zd-signature-visual:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent 70%,rgba(0,0,0,.22));
  pointer-events:none;
}
.zd-signature-number{
  position:absolute;
  left:28px;
  top:24px;
  z-index:4;
  color:#b58a66;
  font:600 .75rem/1 "DM Sans",sans-serif;
  letter-spacing:.22em;
}
.zd-signature-word{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%) rotate(-90deg);
  z-index:0;
  color:rgba(255,255,255,.035);
  font:600 clamp(6rem,10vw,11rem)/.75 "Cormorant Garamond",serif;
  letter-spacing:.08em;
  white-space:nowrap;
}
.zd-signature-ring{
  position:absolute;
  z-index:0;
  width:min(430px,68%);
  aspect-ratio:1;
  border-radius:50%;
  border:1px solid rgba(231,192,139,.24);
  box-shadow:0 0 0 58px rgba(231,192,139,.035),0 0 0 116px rgba(231,192,139,.02);
}
.zd-signature-visual img{
  position:relative;
  z-index:2;
  width:min(66%,460px);
  max-height:470px;
  object-fit:contain;
  filter:drop-shadow(0 34px 38px rgba(0,0,0,.48));
  transition:transform .5s ease;
}
.zd-signature-spotlight:hover .zd-signature-visual img{transform:translateY(-8px) scale(1.018)}
.zd-signature-badge{
  position:absolute;
  right:8%;
  bottom:10%;
  z-index:4;
  max-width:145px;
  padding:12px 16px;
  border:1px solid rgba(232,195,141,.32);
  background:rgba(19,11,8,.72);
  backdrop-filter:blur(8px);
  color:#e7c28f;
  font:600 1.05rem/1.05 "Cormorant Garamond",serif;
  text-align:center;
}
.zd-signature-copy{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:70px 64px;
  background:
    radial-gradient(circle at 100% 0%,rgba(184,120,69,.12),transparent 34%),
    #1a100c;
}
.zd-signature-copy:before{
  content:"";
  position:absolute;
  left:0;
  top:70px;
  bottom:70px;
  width:1px;
  background:linear-gradient(transparent,rgba(229,187,129,.35),transparent);
}
.zd-signature-copy .eyebrow{color:#c99761}
.zd-signature-copy h3{
  margin:16px 0 4px;
  color:#fff7ed;
  font:600 clamp(3.1rem,5vw,5.2rem)/.86 "Cormorant Garamond",serif;
  letter-spacing:-.045em;
}
.zd-signature-flavour{
  margin:6px 0 20px;
  color:#dcb57e;
  font:2.15rem/1 "Italianno",cursive;
  transform:rotate(-2deg);
  transform-origin:left center;
}
.zd-signature-copy>p{
  max-width:520px;
  margin:0 0 30px;
  color:#b8aaa0;
  font-size:.86rem;
  line-height:1.75;
}
.zd-signature-facts{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0;
  margin-bottom:32px;
  border-top:1px solid rgba(255,255,255,.09);
  border-bottom:1px solid rgba(255,255,255,.09);
}
.zd-signature-facts>div{
  min-width:0;
  padding:17px 18px 16px 0;
  border-right:1px solid rgba(255,255,255,.09);
}
.zd-signature-facts>div+div{padding-left:18px}
.zd-signature-facts>div:last-child{border-right:0}
.zd-signature-facts small{
  display:block;
  margin-bottom:6px;
  color:#826f63;
  font-size:.48rem;
  font-weight:700;
  letter-spacing:.2em;
}
.zd-signature-facts strong{
  display:block;
  overflow:hidden;
  color:#e7dbd1;
  font:600 .93rem/1.15 "Cormorant Garamond",serif;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.zd-signature-copy>.btn{width:max-content}

/* Slightly richer section transitions so the homepage reads as one composition */
.zd-featured{padding-bottom:112px}
.zd-experience{border-top:1px solid rgba(100,62,36,.08)}

@media(max-width:1100px){
  .zd-signature-spotlight{grid-template-columns:1fr .9fr}
  .zd-signature-copy{padding:58px 42px}
  .zd-signature-facts{grid-template-columns:1fr}
  .zd-signature-facts>div,
  .zd-signature-facts>div+div{padding:11px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.07)}
  .zd-signature-facts>div:last-child{border-bottom:0}
}

@media(max-width:900px){
  .zd-hero-backdrop{inset:82px 0 0;opacity:.06}
  .zd-hero-backdrop span{top:18%;right:-8%}
  .zd-hero-backdrop b{bottom:18%;right:-10%}
  .zd-signature-spotlight{grid-template-columns:1fr;min-height:0;margin-top:52px}
  .zd-signature-visual{min-height:510px}
  .zd-signature-copy{padding:54px 46px}
  .zd-signature-copy:before{display:none}
  .zd-signature-facts{grid-template-columns:repeat(3,1fr)}
  .zd-signature-facts>div,
  .zd-signature-facts>div+div{padding:15px 14px 15px 0;border-bottom:0;border-right:1px solid rgba(255,255,255,.08)}
  .zd-signature-facts>div+div{padding-left:14px}
  .zd-signature-facts>div:last-child{border-right:0}
}

@media(max-width:600px){
  .zd-brand-ticker{height:40px}
  .zd-brand-ticker-track{gap:20px;padding:0 20px;animation-duration:24s}
  .zd-brand-ticker span{font-size:.5rem;letter-spacing:.22em}
  .zd-hero-backdrop{display:none}
  .zd-featured{padding-bottom:76px}
  .zd-signature-spotlight{margin-top:38px;border-left:0;border-right:0}
  .zd-signature-visual{min-height:390px}
  .zd-signature-ring{width:270px}
  .zd-signature-word{font-size:6.2rem}
  .zd-signature-visual img{width:min(72%,290px);max-height:330px}
  .zd-signature-badge{right:5%;bottom:6%;max-width:120px;font-size:.9rem;padding:10px 12px}
  .zd-signature-copy{padding:42px 24px 48px}
  .zd-signature-copy h3{font-size:3.35rem}
  .zd-signature-flavour{font-size:1.8rem}
  .zd-signature-copy>p{font-size:.8rem;margin-bottom:24px}
  .zd-signature-facts{grid-template-columns:1fr;margin-bottom:26px}
  .zd-signature-facts>div,
  .zd-signature-facts>div+div{padding:11px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}
  .zd-signature-facts>div:last-child{border-bottom:0}
  .zd-signature-copy>.btn{width:100%;text-align:center;justify-content:center}
}

@media(prefers-reduced-motion:reduce){
  .zd-brand-ticker-track{animation:none}
  .zd-signature-visual img{transition:none}
}

/* =========================================================
   ZIO'S DELI — HERO → RIBBON → STANDARD TRANSITION FIX
   2026-09-16
   Keeps the established hero design intact and only refines
   spacing, the highlight ribbon, the -18°C mark and the first
   section transition.
   ========================================================= */

/* Give the hero copy a little breathing room below the fixed header. */
@media (min-width:901px){
  .zd-hero-copy{padding-top:22px}
  .zd-kicker{margin-bottom:16px}
}

/* Proper premium ribbon. The header now cache-busts style.css using
   filemtime so these styles cannot remain stuck behind an old asset_version. */
.zd-brand-ticker{
  position:relative;
  z-index:8;
  height:44px;
  display:flex;
  align-items:center;
  overflow:hidden;
  background:linear-gradient(90deg,#d7aa6d 0%,#edcf9f 48%,#d2a163 100%);
  color:#21120c;
  border-top:1px solid rgba(255,255,255,.32);
  border-bottom:1px solid rgba(70,36,18,.18);
  box-shadow:0 10px 28px rgba(47,25,13,.08);
}
.zd-brand-ticker:before,
.zd-brand-ticker:after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:90px;
  z-index:2;
  pointer-events:none;
}
.zd-brand-ticker:before{left:0;background:linear-gradient(90deg,#d7aa6d,rgba(215,170,109,0))}
.zd-brand-ticker:after{right:0;background:linear-gradient(270deg,#d2a163,rgba(210,161,99,0))}
.zd-brand-ticker-track{
  display:flex;
  align-items:center;
  flex:none;
  width:max-content;
  min-width:max-content;
  gap:24px;
  padding:0 24px;
  animation:zdTickerSmooth 30s linear infinite;
  will-change:transform;
}
.zd-brand-ticker span{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  font-size:.58rem;
  line-height:1;
  font-weight:800;
  letter-spacing:.25em;
  white-space:nowrap;
  text-transform:uppercase;
}
.zd-brand-ticker i{
  display:inline-grid;
  place-items:center;
  flex:0 0 auto;
  font-style:normal;
  font-size:.64rem;
  color:#744524;
  opacity:.9;
}
@keyframes zdTickerSmooth{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}

/* Keep the -18°C detail quiet and intentional, not floating awkwardly. */
.zd-minus-mark{
  right:3%;
  bottom:13%;
  min-width:112px;
  padding:12px 14px 11px;
  text-align:center;
  border-top:1px solid rgba(232,195,141,.28);
  border-bottom:1px solid rgba(232,195,141,.18);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.025),transparent);
}
.zd-minus-mark span,
.zd-minus-mark small{font-size:.52rem;letter-spacing:.28em}
.zd-minus-mark b{font-size:2.65rem;margin:4px 0 3px}

/* Put the Standard label fully inside its own cream section instead of
   straddling the hero/ribbon boundary. */
.zd-standard-strip{
  position:relative;
  z-index:4;
  padding-top:0;
  background:linear-gradient(180deg,#fbf5ec 0%,#f5ecdf 100%);
  border-top:0;
  box-shadow:inset 0 1px rgba(255,255,255,.75);
}
.zd-standard-strip:before{
  top:16px;
  transform:translateX(-50%);
  z-index:3;
  padding:7px 17px;
  background:#fbf5ec;
  box-shadow:0 8px 22px rgba(69,38,20,.05);
}
.zd-standard-grid{padding-top:48px}

/* Short laptop screens: preserve full hero composition while adding the gap. */
@media (min-width:901px) and (max-height:820px){
  .zd-hero-copy{padding-top:18px;padding-bottom:34px}
  .zd-minus-mark{bottom:12%;transform:scale(.92);transform-origin:center right}
}

@media (max-width:900px){
  .zd-brand-ticker{height:42px}
  .zd-brand-ticker-track{gap:20px;padding:0 20px;animation-duration:25s}
  .zd-brand-ticker span{min-height:42px;font-size:.51rem;letter-spacing:.22em}
  .zd-brand-ticker:before,.zd-brand-ticker:after{width:45px}
  .zd-standard-strip:before{top:14px}
  .zd-standard-grid{padding-top:45px}
}

@media (max-width:600px){
  .zd-brand-ticker{height:38px}
  .zd-brand-ticker-track{gap:16px;padding:0 16px;animation-duration:23s}
  .zd-brand-ticker span{min-height:38px;font-size:.47rem;letter-spacing:.19em}
  .zd-brand-ticker i{font-size:.56rem}
  .zd-standard-grid{padding-top:43px}
}

@media (prefers-reduced-motion:reduce){
  .zd-brand-ticker-track{animation:none}
}

/* =========================================================
   ZIO'S DELI — HOME PALETTE BALANCE FIX (2026-09-16)
   Restores the intended Black & Cream editorial balance:
   cream navigation, neutral deep-espresso hero, quieter gold.
   Homepage only; interior pages/admin remain untouched.
   ========================================================= */

/* Keep the home navigation cream instead of letting the whole top become dark. */
@media (min-width:901px){
  body:has(.zd-hero) .header:not(.scrolled):not(.is-scrolled){
    background:rgba(248,242,233,.97);
    backdrop-filter:blur(14px);
    border-bottom:1px solid rgba(63,38,23,.09);
    box-shadow:0 8px 26px rgba(36,20,13,.045);
  }
  body:has(.zd-hero) .header:not(.scrolled):not(.is-scrolled) .links a,
  body:has(.zd-hero) .header:not(.scrolled):not(.is-scrolled) .nav-actions > a[aria-label="Search"]{
    color:#241811;
  }
  body:has(.zd-hero) .header:not(.scrolled):not(.is-scrolled) .links a:hover,
  body:has(.zd-hero) .header:not(.scrolled):not(.is-scrolled) .links a.active{
    color:#8b552f;
  }
  body:has(.zd-hero) .header:not(.scrolled):not(.is-scrolled) .links a:after{
    background:#b77d48;
  }
  body:has(.zd-hero) .header:not(.scrolled):not(.is-scrolled) .nav-actions .btn{
    background:#24140d;
    color:#fff9f1;
    border-color:#24140d;
  }
}

/* Neutral deep espresso: remove the muddy red/brown cast from the hero. */
.zd-hero{
  background:
    radial-gradient(circle at 76% 39%,rgba(181,135,77,.12),transparent 24%),
    radial-gradient(circle at 68% 78%,rgba(201,160,104,.055),transparent 28%),
    linear-gradient(112deg,#0e0c0a 0%,#15110e 50%,#211710 100%);
}
.zd-hero:before{opacity:.20}
.zd-product-halo{
  background:radial-gradient(circle,rgba(223,190,143,.15) 0 18%,rgba(126,88,52,.075) 43%,transparent 70%);
}
.zd-orbit{border-color:rgba(223,190,143,.13)}
.zd-hero-copy h1{color:#fbf5ec}
.zd-kicker{color:#d8b279}
.zd-hero-copy .zd-script{color:#d7a35f}
.zd-hero-copy p{color:#d6cdc5}
.zd-text-link{color:#eee5dc;border-bottom-color:rgba(238,229,220,.30)}
.zd-text-link span{color:#d6a563}
.zd-btn-gold{background:#e2bf89;border-color:#e2bf89;color:#24150e}
.zd-btn-gold:hover{background:#efd3a7;border-color:#efd3a7}
.zd-flavour-note{background:#ead0a6;color:#2b1a11}
.zd-minus-mark b{color:#ddb477}

/* Background lettering should feel like texture, not a second colour block. */
.zd-hero-backdrop{opacity:.050}
.zd-hero-backdrop span{color:#d8c09b}
.zd-hero-backdrop b{color:#b18758}

/* Quieter cream-gold bridge into the light content area. */
.zd-brand-ticker{
  background:linear-gradient(90deg,#dfc59f 0%,#ead7b9 48%,#dcc099 100%);
  color:#24150f;
  border-top-color:rgba(255,255,255,.45);
  border-bottom-color:rgba(77,46,28,.13);
  box-shadow:0 8px 22px rgba(47,25,13,.055);
}
.zd-brand-ticker:before{background:linear-gradient(90deg,#dfc59f,rgba(223,197,159,0))}
.zd-brand-ticker:after{background:linear-gradient(270deg,#dcc099,rgba(220,192,153,0))}
.zd-brand-ticker i{color:#865832}

/* Make the first light areas one coherent cream family. */
.zd-standard-strip{
  background:linear-gradient(180deg,#fbf7f0 0%,#f4ebdf 100%);
}
.zd-standard-strip:before{background:#fbf7f0}
.zd-manifesto{background:#f4ecdf}
.zd-categories{background:#fcf8f2}

/* Keep dark feature sections neutral espresso rather than reddish chocolate. */
.zd-featured{background:#15110e}
.zd-featured-card{background:#1d1713}
.zd-featured-image{background:radial-gradient(circle at 50% 42%,#4c3528 0,#261b15 48%,#15110e 75%)}
.zd-partner{background:#1e1611}

@media (max-width:900px){
  /* Mobile header is allowed to stay compact, but retain the same cream/espresso palette. */
  body:has(.zd-hero) .header:not(.scrolled):not(.is-scrolled){
    background:rgba(248,242,233,.96);
    border-bottom:1px solid rgba(63,38,23,.08);
  }
}


/* =========================================================
   ZIO'S DELI — CUSTOMER FEATURE PACK (2026-09-16)
   Product Finder, favourites, recently viewed, sharing,
   seasonal campaign, latest collection, moments, FAQ,
   bulk-order flow and SEO/performance UI support.
   ========================================================= */
.links{gap:22px}
.zd-nav-icon{position:relative;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-size:1.05rem;color:var(--espresso);transition:.25s}
.zd-nav-icon:hover{background:rgba(36,20,13,.07)}
.zd-wishlist-nav b{position:absolute;right:-4px;top:-5px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#24140d;color:#fff;font:700 .58rem/17px "DM Sans",sans-serif;text-align:center}

/* Seasonal campaign */
.zd-seasonal-campaign{background:#f4ebdf;padding:24px 0 0}
.zd-campaign-shell{position:relative;display:grid;grid-template-columns:120px minmax(0,1fr) auto;align-items:center;gap:32px;padding:26px 34px;border:1px solid rgba(72,42,25,.13);border-radius:24px;background:linear-gradient(120deg,#20150f 0%,#2b1c13 58%,#3a2618 100%);color:#f8f0e5;overflow:hidden;box-shadow:0 18px 55px rgba(45,28,17,.11)}
.zd-campaign-shell:after{content:"SEASON";position:absolute;right:90px;top:-34px;font:600 7rem/1 "Cormorant Garamond",serif;color:rgba(255,255,255,.035);pointer-events:none}
.zd-campaign-mark{width:104px;height:104px;border-radius:50%;border:1px solid rgba(230,192,138,.35);display:grid;place-items:center;align-content:center;text-align:center;color:#e8c28b;position:relative;z-index:1}
.zd-campaign-mark span,.zd-campaign-mark small{font-size:.5rem;letter-spacing:.22em}.zd-campaign-mark b{font:600 2.25rem/1 "Cormorant Garamond",serif}
.zd-campaign-copy{position:relative;z-index:1}.zd-campaign-copy .eyebrow{color:#d8b279}.zd-campaign-copy h2{font:600 clamp(1.9rem,3vw,3.15rem)/.96 "Cormorant Garamond",serif;margin:8px 0}.zd-campaign-copy p{max-width:660px;margin:0;color:#cfc3b8;line-height:1.65;font-size:.9rem}
.zd-campaign-shell>.btn{position:relative;z-index:1;white-space:nowrap}.zd-campaign-close{position:absolute;right:12px;top:8px;width:30px;height:30px;border:0;background:transparent;color:#b7a79a;font-size:1.5rem;cursor:pointer;z-index:2}

/* Latest collection */
.zd-latest{background:#f8f3eb}.zd-latest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}.zd-latest-card{position:relative;min-height:445px;border-radius:24px;overflow:hidden;background:#eee2d3;border:1px solid rgba(62,36,22,.09)}
.zd-latest-card:nth-child(2){background:#e2cfb8}.zd-latest-card:nth-child(3){background:#efe8dd}.zd-latest-media{height:285px;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.86),rgba(255,255,255,.12) 58%,transparent 70%)}.zd-latest-media img{max-height:260px;object-fit:contain;filter:drop-shadow(0 18px 20px rgba(42,24,13,.15))}.zd-latest-copy{padding:22px 24px 25px}.zd-latest-copy small{letter-spacing:.18em;font-size:.58rem;font-weight:700;color:#9b673c}.zd-latest-copy h3{font:600 2rem/1 "Cormorant Garamond",serif;margin:8px 0}.zd-latest-copy p{font-size:.82rem;color:#6e5c50;line-height:1.55;margin:0 0 12px}.zd-latest-copy span{font-size:.68rem;color:#7c6658}.zd-card-fav{position:absolute;right:14px;top:14px;z-index:7;width:38px;height:38px;border:1px solid rgba(54,30,17,.12);border-radius:50%;background:rgba(255,249,241,.9);color:#3b2519;font-size:1.25rem;cursor:pointer;display:grid;place-items:center;box-shadow:0 8px 20px rgba(45,25,15,.08)}.zd-card-fav.active{background:#24140d;color:#f7f0e5}.zd-merch-flag,.zd-detail-flag{position:absolute;z-index:6;left:14px;top:14px;padding:8px 11px;border-radius:999px;background:#24140d;color:#f4d09b;font-size:.53rem;letter-spacing:.15em;font-weight:700}

/* Smart Product Finder */
.zd-product-finder{margin:38px 0 34px;padding:28px;border-radius:24px;background:#211711;color:#f7f0e5;border:1px solid rgba(228,192,143,.13);box-shadow:0 18px 48px rgba(37,21,13,.11)}
.zd-finder-top{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:20px}.zd-finder-kicker{font-size:.57rem;letter-spacing:.24em;color:#d6ae78;font-weight:700}.zd-finder-top h2{font:600 2.25rem/1 "Cormorant Garamond",serif;margin:7px 0 0}.zd-finder-result{font-size:.72rem;color:#d8c9bc;border:1px solid rgba(255,255,255,.12);padding:9px 12px;border-radius:999px}
.zd-finder-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr) auto;gap:10px;align-items:end}.zd-finder-grid label{display:grid;gap:7px}.zd-finder-grid label>span{font-size:.56rem;letter-spacing:.16em;text-transform:uppercase;color:#aa9686}.zd-finder-grid input,.zd-finder-grid select{width:100%;height:48px;border-radius:12px;border:1px solid rgba(255,255,255,.13);background:#2b1f18;color:#f7f0e5;padding:0 13px;outline:none}.zd-finder-grid select option{background:#2b1f18}.zd-finder-search{position:relative}.zd-finder-search i{position:absolute;right:14px;bottom:13px;font-style:normal;color:#caa477}.zd-finder-search input{padding-right:38px}.zd-finder-reset{height:48px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:transparent;color:#eadbce;padding:0 17px;cursor:pointer}.zd-finder-reset:hover{background:rgba(255,255,255,.06)}
.zd-finder-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.zd-finder-chips button{border:1px solid rgba(255,255,255,.13);background:transparent;color:#cfc0b5;padding:8px 13px;border-radius:999px;font-size:.68rem;cursor:pointer}.zd-finder-chips button.active,.zd-finder-chips button:hover{background:#e0bc85;color:#25150d;border-color:#e0bc85}.zd-favourites-note{margin-top:15px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1);font-size:.72rem;color:#c8b8ac}.zd-favourites-note a{color:#e1bd86}.zd-smart-grid .showcase-card{position:relative}.zd-smart-grid .zd-card-fav{right:12px;top:12px}.zd-card-actions{display:flex;align-items:center;gap:12px;position:relative;z-index:8}.zd-save-text{border:0;background:transparent;color:#624a3b;font-size:.72rem;cursor:pointer;padding:8px}.zd-save-text.active{color:#8f5128}.zd-finder-empty{padding:60px 20px;text-align:center;border:1px dashed rgba(71,42,25,.18);border-radius:20px;background:#fbf6ef}.zd-finder-empty strong{font:600 2rem "Cormorant Garamond",serif}.zd-finder-empty p{color:#756255}

/* Product detail 2.0 */
.zd-product-detail-v2 .product-gallery-premium{position:relative}.zd-detail-temp{position:absolute;right:24px;bottom:24px;width:92px;height:92px;border-radius:50%;display:grid;place-items:center;align-content:center;background:#24140d;color:#f1cf9b;border:1px solid rgba(255,255,255,.12);box-shadow:0 14px 28px rgba(38,21,12,.16)}.zd-detail-temp small{font-size:.48rem;letter-spacing:.2em}.zd-detail-temp strong{font:600 2rem/1 "Cormorant Garamond",serif}.zd-product-utility-row{display:flex;gap:10px;margin:18px 0 0}.zd-utility-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid #d7c7b7;border-radius:999px;background:transparent;color:#4b3427;padding:9px 14px;cursor:pointer;font-size:.72rem}.zd-utility-btn.active{background:#24140d;color:#fff;border-color:#24140d}.zd-whatsapp-btn{background:#1f5f47;border-color:#1f5f47}.zd-pack-label-note{margin-top:16px;padding:12px 14px;border-left:2px solid #c99a61;background:rgba(201,154,97,.07);font-size:.68rem;line-height:1.55;color:#756154}.zd-product-highlights{display:grid;grid-template-columns:repeat(3,1fr);margin-top:36px;border-top:1px solid rgba(58,33,20,.12);border-bottom:1px solid rgba(58,33,20,.12)}.zd-product-highlights article{display:grid;grid-template-columns:42px 1fr;gap:16px;padding:28px;border-right:1px solid rgba(58,33,20,.1)}.zd-product-highlights article:last-child{border-right:0}.zd-product-highlights article>span{font:600 1.25rem "Cormorant Garamond",serif;color:#b27543}.zd-product-highlights small{font-size:.52rem;letter-spacing:.17em;color:#9a8170}.zd-product-highlights strong{display:block;font:600 1.35rem "Cormorant Garamond",serif;margin:4px 0}.zd-product-highlights p{margin:0;color:#756255;font-size:.72rem;line-height:1.5}.zd-info-note{margin-top:16px;padding:13px;border-radius:10px;background:#f1e8dc;color:#756255;font-size:.7rem}.related-card-wrap{position:relative}.zd-related-fav{position:absolute;right:12px;top:12px;z-index:3;width:36px;height:36px;border-radius:50%;border:1px solid rgba(50,28,16,.12);background:rgba(255,249,241,.92);cursor:pointer}.zd-related-fav.active{background:#24140d;color:#fff}.zd-recent-section{background:#f6eee3}.zd-recent-section .zd-section-head h2{font:600 2.6rem/1 "Cormorant Garamond",serif;margin:8px 0}.zd-recent-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}.zd-recent-card{display:block;padding:14px;border:1px solid rgba(65,37,22,.09);border-radius:18px;background:#fffaf3}.zd-recent-media{height:190px;border-radius:13px;background:#efe2d1;display:grid;place-items:center;overflow:hidden}.zd-recent-media img{width:100%;height:100%;object-fit:contain;padding:14px}.zd-recent-card span{display:block;margin-top:13px;font-size:.55rem;letter-spacing:.14em;text-transform:uppercase;color:#9a775c}.zd-recent-card strong{display:block;font:600 1.35rem "Cormorant Garamond",serif;margin-top:4px}

/* Moments / visual journal */
.zd-moments-hero{padding:175px 0 85px;background:linear-gradient(120deg,#15100d 0%,#241811 100%);color:#f8f1e8}.zd-moments-hero-grid{display:grid;grid-template-columns:1fr .55fr;align-items:center;gap:50px}.zd-moments-hero h1{font:600 clamp(4rem,7vw,7rem)/.82 "Cormorant Garamond",serif;margin:14px 0 26px}.zd-moments-hero h1 em{color:#d6a66c;font-weight:500}.zd-moments-hero p{max-width:580px;color:#cbbdb2;line-height:1.75}.zd-moments-monogram{justify-self:end;width:280px;height:280px;border:1px solid rgba(226,190,139,.24);border-radius:50%;display:grid;place-items:center;align-content:center;text-align:center;font:600 8rem/.7 "Cormorant Garamond",serif;color:#d5aa74}.zd-moments-monogram span{font:600 1.4rem/1 "DM Sans",sans-serif;letter-spacing:.2em;margin-top:28px}.zd-journal{background:#fbf7f0}.zd-journal-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:115px;gap:12px;margin-top:40px}.zd-journal-card{position:relative;border-radius:20px;overflow:hidden;background:#eadbc8;border:1px solid rgba(55,32,19,.08);display:grid;place-items:center}.zd-journal-card img{width:100%;height:100%;object-fit:contain;padding:18px;transition:.45s}.zd-journal-card:hover img{transform:scale(1.045)}.zd-journal-card>div{position:absolute;inset:auto 12px 12px;z-index:2;padding:12px;border-radius:12px;background:rgba(25,17,12,.82);backdrop-filter:blur(7px);color:#fff}.zd-journal-card small,.zd-journal-card span{display:block;font-size:.5rem;letter-spacing:.14em;text-transform:uppercase;color:#d4b183}.zd-journal-card strong{display:block;font:600 1.3rem "Cormorant Garamond",serif}.zd-journal-1{grid-column:span 5;grid-row:span 4}.zd-journal-2{grid-column:span 4;grid-row:span 3}.zd-journal-3{grid-column:span 3;grid-row:span 3}.zd-journal-4{grid-column:span 3;grid-row:span 3}.zd-journal-5{grid-column:span 4;grid-row:span 4}.zd-stories{background:#efe5d8}.zd-story-empty{margin-top:34px;padding:34px;border-radius:22px;background:#1e1611;color:#f8f1e8;display:flex;align-items:center;justify-content:space-between;gap:30px}.zd-story-empty span{font-size:.55rem;letter-spacing:.2em;color:#d1a46d}.zd-story-empty h3{font:600 2rem "Cormorant Garamond",serif;margin:6px 0}.zd-story-empty p{margin:0;color:#c5b6aa;max-width:650px;line-height:1.6}.zd-testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}.zd-testimonial{margin:0;padding:28px;border-radius:18px;background:#fffaf3;border:1px solid rgba(56,31,18,.08)}.zd-testimonial p{font:500 1.5rem/1.35 "Cormorant Garamond",serif}.zd-testimonial footer{display:grid;gap:3px}.zd-testimonial footer span{font-size:.7rem;color:#836d5e}

/* FAQ */
.zd-faq-hero{padding:175px 0 82px;background:#f6ede1}.zd-faq-hero h1{font:600 clamp(3.6rem,6vw,6rem)/.9 "Cormorant Garamond",serif;margin:14px 0 18px}.zd-faq-hero p{color:#756255}.zd-faq-section{background:#fbf7f0}.zd-faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:start}.zd-faq-aside{position:sticky;top:125px;padding:28px;border-radius:20px;background:#1f1611;color:#f8f1e8}.zd-faq-aside>span{font-size:.53rem;letter-spacing:.18em;color:#d1a46c}.zd-faq-aside h2{font:600 2.3rem/1 "Cormorant Garamond",serif;margin:12px 0}.zd-faq-aside p{color:#c4b5aa;line-height:1.6;font-size:.84rem}.zd-faq-item{border-bottom:1px solid rgba(59,33,19,.12)}.zd-faq-item summary{list-style:none;display:grid;grid-template-columns:45px 1fr 30px;align-items:center;gap:12px;padding:24px 0;cursor:pointer}.zd-faq-item summary::-webkit-details-marker{display:none}.zd-faq-item summary>span{font:600 1rem "Cormorant Garamond",serif;color:#b47a48}.zd-faq-item summary strong{font:600 1.65rem "Cormorant Garamond",serif}.zd-faq-item summary i{font-style:normal;font-size:1.5rem;transition:.25s}.zd-faq-item[open] summary i{transform:rotate(45deg)}.zd-faq-item>div{padding:0 42px 22px 57px}.zd-faq-item p{margin:0;color:#735f52;line-height:1.7}

/* Bulk / party order */
.zd-bulk-hero{padding:175px 0 90px;background:linear-gradient(115deg,#17110e,#2c1c13);color:#f8f1e8}.zd-bulk-hero-grid{display:grid;grid-template-columns:1fr .5fr;gap:50px;align-items:center}.zd-bulk-hero h1{font:600 clamp(4rem,7vw,6.7rem)/.84 "Cormorant Garamond",serif;margin:14px 0 24px}.zd-bulk-hero h1 em{color:#daa96e;font-weight:500}.zd-bulk-hero p{max-width:610px;color:#c9bbb0;line-height:1.75}.zd-bulk-stamp{justify-self:end;width:250px;height:250px;border:1px solid rgba(226,190,139,.28);border-radius:50%;display:grid;place-items:center;align-content:center;text-align:center;color:#dfb57d}.zd-bulk-stamp span,.zd-bulk-stamp small{font-size:.55rem;letter-spacing:.22em}.zd-bulk-stamp b{font:600 4.3rem/1 "Cormorant Garamond",serif;margin:9px 0}.zd-bulk-form-section{background:#f8f2e9}.zd-bulk-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:55px;align-items:start}.zd-bulk-guide{position:sticky;top:120px}.zd-bulk-guide h2{font:600 3rem/1 "Cormorant Garamond",serif;margin:12px 0 25px}.zd-bulk-steps{border-top:1px solid rgba(62,35,20,.12)}.zd-bulk-steps>div{display:grid;grid-template-columns:45px 1fr;padding:15px 0;border-bottom:1px solid rgba(62,35,20,.1)}.zd-bulk-steps span{color:#ad7445;font:600 1rem "Cormorant Garamond",serif}.zd-bulk-steps p{margin:0}.zd-small-note{font-size:.7rem;color:#7d695b;line-height:1.6;margin-top:20px}.zd-bulk-form-section .premium-form{background:#fffaf4;padding:28px;border-radius:22px;border:1px solid rgba(61,34,19,.09);box-shadow:0 18px 45px rgba(41,24,14,.07)}

/* Site toast */
.zd-site-toast{position:fixed;z-index:9999;left:50%;bottom:28px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#24140d;color:#fff9f1;padding:11px 16px;border-radius:999px;font-size:.72rem;box-shadow:0 14px 36px rgba(31,18,11,.24);transition:.25s}.zd-site-toast.show{opacity:1;transform:translate(-50%,0)}

/* Below-fold rendering optimisation without changing visual layout. */
.zd-latest,.zd-experience,.zd-story,.zd-partner,.related-products,.zd-recent-section,.zd-journal,.zd-stories,.zd-faq-section,.zd-bulk-form-section{content-visibility:auto;contain-intrinsic-size:700px}

@media(max-width:1100px){
  .links{gap:15px;font-size:.8rem}.zd-finder-grid{grid-template-columns:1.3fr 1fr 1fr}.zd-finder-grid label:nth-of-type(4){grid-column:1/2}.zd-finder-reset{grid-column:2/3}.zd-campaign-shell{grid-template-columns:95px 1fr}.zd-campaign-shell>.btn{grid-column:2/3;justify-self:start}.zd-latest-card{min-height:420px}
}
@media(max-width:900px){
  .zd-nav-icon{display:none}.zd-campaign-shell{grid-template-columns:78px 1fr;gap:18px;padding:22px}.zd-campaign-mark{width:74px;height:74px}.zd-campaign-mark b{font-size:1.7rem}.zd-campaign-shell>.btn{grid-column:1/-1}.zd-latest-grid{grid-template-columns:1fr 1fr}.zd-product-finder{padding:22px}.zd-finder-grid{grid-template-columns:1fr 1fr}.zd-finder-grid label:nth-of-type(4){grid-column:auto}.zd-finder-reset{grid-column:auto}.zd-product-highlights{grid-template-columns:1fr}.zd-product-highlights article{border-right:0;border-bottom:1px solid rgba(58,33,20,.1)}.zd-product-highlights article:last-child{border-bottom:0}.zd-recent-grid{grid-template-columns:1fr 1fr}.zd-moments-hero-grid,.zd-bulk-hero-grid,.zd-bulk-layout,.zd-faq-layout{grid-template-columns:1fr}.zd-moments-monogram,.zd-bulk-stamp{justify-self:start;width:190px;height:190px}.zd-moments-monogram{font-size:5rem}.zd-bulk-stamp b{font-size:3.2rem}.zd-bulk-guide,.zd-faq-aside{position:static}.zd-journal-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:280px}.zd-journal-card{grid-column:auto!important;grid-row:auto!important}.zd-testimonial-grid{grid-template-columns:1fr 1fr}.zd-story-empty{align-items:flex-start;flex-direction:column}
}
@media(max-width:600px){
  .zd-campaign-shell{grid-template-columns:1fr}.zd-campaign-mark{display:none}.zd-campaign-shell>.btn{grid-column:auto}.zd-campaign-copy h2{font-size:2rem}.zd-latest-grid{grid-template-columns:1fr}.zd-finder-top{align-items:flex-start;flex-direction:column}.zd-finder-grid{grid-template-columns:1fr}.zd-finder-reset{width:100%}.zd-finder-chips{overflow:auto;flex-wrap:nowrap;padding-bottom:4px}.zd-finder-chips button{white-space:nowrap}.zd-recent-grid{grid-template-columns:1fr 1fr;gap:10px}.zd-recent-media{height:145px}.zd-moments-hero,.zd-bulk-hero,.zd-faq-hero{padding-top:135px}.zd-moments-hero h1,.zd-bulk-hero h1{font-size:3.8rem}.zd-journal-grid{grid-template-columns:1fr;grid-auto-rows:360px}.zd-testimonial-grid{grid-template-columns:1fr}.zd-faq-item summary{grid-template-columns:35px 1fr 24px}.zd-faq-item summary strong{font-size:1.35rem}.zd-faq-item>div{padding-left:47px}.zd-product-utility-row{flex-wrap:wrap}.zd-card-actions{justify-content:space-between}.zd-detail-temp{width:76px;height:76px;right:14px;bottom:14px}.zd-detail-temp strong{font-size:1.6rem}
}

/* =========================================================
   ZIO'S DELI — MOMENTS PAGE HEADER + ANCHOR FIX
   2026-09-16
   Keeps the Moments dark editorial hero, but makes the fixed
   navigation readable from the first paint and prevents anchor
   jumps from hiding section headings behind the fixed header.
   ========================================================= */

/* Use the same cream navigation treatment on the dark Moments hero. */
@media (min-width:901px){
  body:has(.zd-moments-hero) .header:not(.scrolled):not(.is-scrolled){
    background:rgba(248,242,233,.97);
    backdrop-filter:blur(14px);
    border-bottom:1px solid rgba(63,38,23,.09);
    box-shadow:0 8px 26px rgba(36,20,13,.045);
  }
  body:has(.zd-moments-hero) .header:not(.scrolled):not(.is-scrolled) .links a,
  body:has(.zd-moments-hero) .header:not(.scrolled):not(.is-scrolled) .zd-nav-icon{
    color:#241811;
  }
  body:has(.zd-moments-hero) .header:not(.scrolled):not(.is-scrolled) .links a:hover,
  body:has(.zd-moments-hero) .header:not(.scrolled):not(.is-scrolled) .links a.active{
    color:#8b552f;
  }
  body:has(.zd-moments-hero) .header:not(.scrolled):not(.is-scrolled) .links a:after{
    background:#b77d48;
  }
  body:has(.zd-moments-hero) .header:not(.scrolled):not(.is-scrolled) .nav-actions .btn{
    background:#24140d;
    color:#fff9f1;
    border-color:#24140d;
  }
}

/* Fixed header should never cover an anchor target. */
html{scroll-padding-top:112px}
#journal,#stories,#product-finder,#forms,#partner{scroll-margin-top:112px}

@media (max-width:900px){
  body:has(.zd-moments-hero) .header:not(.scrolled):not(.is-scrolled){
    background:rgba(248,242,233,.97);
    border-bottom:1px solid rgba(63,38,23,.08);
  }
  .zd-moments-hero{padding-top:148px}
  html{scroll-padding-top:88px}
  #journal,#stories,#product-finder,#forms,#partner{scroll-margin-top:88px}
}

/* === Moments gallery grid correction: balanced reading order === */
.zd-journal-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-auto-rows:360px;
  gap:18px;
  align-items:stretch;
}
.zd-journal-card,
.zd-journal-card[class*="zd-journal-"]{
  grid-column:auto !important;
  grid-row:auto !important;
  width:100%;
  min-width:0;
  height:100%;
}
.zd-journal-card img{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:28px;
}
.zd-journal-card>div{
  left:12px;
  right:12px;
  bottom:12px;
}

@media(max-width:900px){
  .zd-journal-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-auto-rows:320px;
    gap:14px;
  }
}
@media(max-width:600px){
  .zd-journal-grid{
    grid-template-columns:1fr;
    grid-auto-rows:340px;
    gap:14px;
  }
  .zd-journal-card img{padding:22px}
}

/* === Product detail facts correction: Flavour / Pack / Storage === */
.zd-product-detail-v2 .product-facts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  margin:24px 0 18px;
  border-top:1px solid rgba(73,42,24,.14);
  border-bottom:1px solid rgba(73,42,24,.14);
}
.zd-product-detail-v2 .product-facts>div{
  min-width:0;
  padding:16px 18px 17px;
  border-right:1px solid rgba(73,42,24,.12);
}
.zd-product-detail-v2 .product-facts>div:first-child{padding-left:0}
.zd-product-detail-v2 .product-facts>div:last-child{
  padding-right:0;
  border-right:0;
}
.zd-product-detail-v2 .product-facts small{
  display:block;
  margin:0 0 7px;
  color:#9a775c;
  font-size:.54rem;
  line-height:1.2;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.zd-product-detail-v2 .product-facts b{
  display:block;
  margin:0;
  color:#2b1a12;
  font-family:"Cormorant Garamond",serif;
  font-size:1.08rem;
  font-weight:600;
  line-height:1.2;
  overflow-wrap:anywhere;
}
@media(max-width:700px){
  .zd-product-detail-v2 .product-facts{
    grid-template-columns:1fr;
    border-bottom:0;
  }
  .zd-product-detail-v2 .product-facts>div,
  .zd-product-detail-v2 .product-facts>div:first-child,
  .zd-product-detail-v2 .product-facts>div:last-child{
    padding:13px 0;
    border-right:0;
    border-bottom:1px solid rgba(73,42,24,.12);
  }
}

/* =========================================================
   ZIO'S DELI — HERO PRODUCT NAME SEPARATION FIX (2026-09-16)
   Prevents long product names such as BUTTERSCOTCH CONE from
   running into the product artwork on desktop/laptop screens.
   Homepage hero only.
   ========================================================= */
.zd-hero-copy,
.zd-hero-stage{
  min-width:0;
}

@media (min-width:901px){
  /* Product-name slides need a slightly tighter display scale than
     the editorial first slide so the copy stays inside its column. */
  .zd-hero-slide:not(:first-child) .zd-hero-copy h1{
    font-size:clamp(4rem,4.9vw,5.45rem);
    line-height:.82;
    letter-spacing:-.045em;
    max-width:520px;
    text-wrap:balance;
  }

  .zd-hero-slide:not(:first-child) .zd-hero-stage{
    transform:translateX(22px);
  }
}

@media (min-width:901px) and (max-height:820px){
  .zd-hero-slide:not(:first-child) .zd-hero-copy h1{
    font-size:clamp(3.75rem,4.55vw,4.95rem);
    max-width:500px;
  }
}

@media (max-width:900px){
  .zd-hero-slide:not(:first-child) .zd-hero-copy h1{
    max-width:100%;
    text-wrap:balance;
  }
}

/* =========================================================
   ZIO'S DELI — HERO TYPOGRAPHY BALANCE FIX (2026-09-16)
   Reduces oversized homepage hero headlines while preserving
   the editorial hierarchy and keeping product-name slides clear.
   Homepage hero only.
   ========================================================= */
@media (min-width:1101px){
  .zd-hero-slide:first-child .zd-hero-copy h1{
    font-size:clamp(4.25rem,5.35vw,5.95rem);
    line-height:.82;
    letter-spacing:-.045em;
    max-width:560px;
  }
  .zd-hero-slide:first-child .zd-hero-copy .zd-script{
    font-size:2.75rem;
    line-height:1;
    margin:13px 0 21px;
  }
  .zd-hero-slide:not(:first-child) .zd-hero-copy h1{
    font-size:clamp(3.85rem,4.55vw,4.95rem);
    line-height:.84;
    max-width:500px;
  }
  .zd-hero-slide:not(:first-child) .zd-hero-copy .zd-script{
    font-size:2.55rem;
    line-height:1;
  }
}

@media (min-width:901px) and (max-width:1100px){
  .zd-hero-slide:first-child .zd-hero-copy h1{
    font-size:clamp(3.9rem,5.7vw,5rem);
    line-height:.83;
    max-width:500px;
  }
  .zd-hero-slide:first-child .zd-hero-copy .zd-script{
    font-size:2.55rem;
  }
  .zd-hero-slide:not(:first-child) .zd-hero-copy h1{
    font-size:clamp(3.55rem,5vw,4.35rem);
    line-height:.84;
    max-width:460px;
  }
  .zd-hero-slide:not(:first-child) .zd-hero-copy .zd-script{
    font-size:2.35rem;
  }
}

@media (min-width:901px) and (max-height:820px){
  .zd-hero-slide:first-child .zd-hero-copy h1{
    font-size:clamp(3.9rem,5vw,5.15rem);
  }
  .zd-hero-slide:first-child .zd-hero-copy .zd-script{
    font-size:2.45rem;
  }
  .zd-hero-slide:not(:first-child) .zd-hero-copy h1{
    font-size:clamp(3.45rem,4.25vw,4.45rem);
  }
  .zd-hero-slide:not(:first-child) .zd-hero-copy .zd-script{
    font-size:2.25rem;
  }
}

@media (max-width:900px){
  .zd-hero-copy h1{
    font-size:clamp(3.2rem,11vw,4.7rem);
    line-height:.84;
  }
  .zd-hero-copy .zd-script{
    font-size:clamp(2.05rem,7vw,2.65rem);
  }
}

/* =========================================================
   ZIO'S DELI — HOMEPAGE COLLECTION CARD BALANCE FIX
   2026-09-16
   Keeps product artwork clear of headings/body copy.
   ========================================================= */
@media (min-width:901px){
  .zd-category-card{
    min-height:430px;
  }
  .zd-category-copy{
    width:56%;
    max-width:56%;
    padding:28px 24px 26px 28px;
  }
  .zd-category-copy h3{
    font-size:clamp(2rem,2.35vw,2.65rem);
    line-height:.96;
    margin:18px 0 12px;
  }
  .zd-category-copy p{
    max-width:190px;
    font-size:.79rem;
    line-height:1.58;
  }
  .zd-category-card img{
    width:49%;
    height:58%;
    right:2%;
    bottom:10px;
    object-fit:contain;
    object-position:center bottom;
  }
  .zd-category-2 img{
    width:47%;
    height:59%;
    right:2%;
  }
  .zd-category-3 img{
    width:55%;
    height:58%;
    right:-1%;
    bottom:8px;
  }
  .zd-category-card:hover img{
    transform:scale(1.035) translateY(-4px);
  }
}

@media (min-width:901px) and (max-width:1180px){
  .zd-category-copy{
    width:58%;
    max-width:58%;
    padding:25px 20px 24px 24px;
  }
  .zd-category-copy h3{font-size:2.15rem}
  .zd-category-copy p{max-width:175px;font-size:.76rem}
  .zd-category-card img{width:47%;height:55%;right:1%}
  .zd-category-3 img{width:53%;height:55%;right:-2%}
}

@media (max-width:900px){
  .zd-category-copy{
    width:55%;
    max-width:55%;
  }
  .zd-category-card img{
    width:43%;
    height:72%;
    right:3%;
    bottom:5px;
    object-fit:contain;
  }
  .zd-category-3 img{width:48%;right:0}
}

@media (max-width:600px){
  .zd-category-card{min-height:390px}
  .zd-category-copy{
    width:62%;
    max-width:62%;
    padding:22px;
  }
  .zd-category-copy h3{font-size:2rem}
  .zd-category-copy p{max-width:170px}
  .zd-category-card img{
    width:46%;
    height:58%;
    right:-1%;
    bottom:4px;
  }
  .zd-category-3 img{width:52%;right:-3%}
}

/* =========================================================
   ZIO'S DELI — HOMEPAGE STORY PANEL FIT FIX (2026-09-16)
   Keeps "A SWEETER TOMORROW" fully inside the dark panel and
   balances local panel padding instead of using full-page offsets.
   Homepage story section only.
   ========================================================= */
@media (min-width:901px){
  .zd-story{
    grid-template-columns:46% 54%;
  }
  .zd-story-dark{
    padding-top:88px;
    padding-bottom:88px;
    padding-left:clamp(46px,5.2vw,84px);
    padding-right:clamp(38px,4vw,66px);
  }
  .zd-story-dark h2{
    max-width:100%;
    font-size:clamp(3.55rem,4.7vw,5rem);
    line-height:.84;
    letter-spacing:-.04em;
    text-wrap:balance;
  }
  .zd-story-dark p{
    max-width:470px;
  }
}

@media (min-width:901px) and (max-width:1180px){
  .zd-story-dark{
    padding-left:clamp(40px,4.6vw,58px);
    padding-right:clamp(34px,3.7vw,48px);
  }
  .zd-story-dark h2{
    font-size:clamp(3.25rem,5vw,4.15rem);
  }
}

@media (max-width:600px){
  .zd-story-dark h2{
    font-size:clamp(3rem,14vw,3.6rem);
    line-height:.85;
    letter-spacing:-.035em;
  }
}

/* =========================================================
   ZIO'S DELI — BULK ORDER PAGE NAVBAR READABILITY FIX
   2026-09-16
   The Bulk & Party Orders page opens on a dark hero. Keep the
   fixed navigation on the standard cream surface from first paint
   so menu text, search and wishlist controls remain readable.
   ========================================================= */
@media (min-width:901px){
  body:has(.zd-bulk-hero) .header:not(.scrolled):not(.is-scrolled){
    background:rgba(248,242,233,.97);
    backdrop-filter:blur(14px);
    border-bottom:1px solid rgba(63,38,23,.09);
    box-shadow:0 8px 26px rgba(36,20,13,.045);
  }
  body:has(.zd-bulk-hero) .header:not(.scrolled):not(.is-scrolled) .links a,
  body:has(.zd-bulk-hero) .header:not(.scrolled):not(.is-scrolled) .zd-nav-icon{
    color:#241811;
  }
  body:has(.zd-bulk-hero) .header:not(.scrolled):not(.is-scrolled) .links a:hover,
  body:has(.zd-bulk-hero) .header:not(.scrolled):not(.is-scrolled) .links a.active{
    color:#8b552f;
  }
  body:has(.zd-bulk-hero) .header:not(.scrolled):not(.is-scrolled) .links a:after{
    background:#b77d48;
  }
  body:has(.zd-bulk-hero) .header:not(.scrolled):not(.is-scrolled) .nav-actions .btn{
    background:#24140d;
    color:#fff9f1;
    border-color:#24140d;
  }
}

@media (max-width:900px){
  body:has(.zd-bulk-hero) .header:not(.scrolled):not(.is-scrolled){
    background:rgba(248,242,233,.97);
    border-bottom:1px solid rgba(63,38,23,.08);
  }
  .zd-bulk-hero{padding-top:148px}
}