:root{
  --cream:#fbf7f0; --cream2:#f4ede3; --ink:#101010; --muted:#74695f;
  --red:#c90712; --red2:#9b0710; --line:#eadbcb; --yellow:#ffd31a;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
a{text-decoration:none;color:inherit} img{max-width:100%;display:block} button,input,select,textarea{font:inherit}
.wrap{width:min(1180px,92vw);margin:auto}
.site-header{background:#fcf8f1;position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(0,0,0,.05)}
.nav{height:76px;display:flex;align-items:center;gap:32px}
.brand img{width:138px;height:auto}
.desktop-nav{display:flex;gap:44px;margin:auto;font-size:14px;font-weight:900}
.desktop-nav a{position:relative;padding:28px 0 24px}.desktop-nav a:hover,.desktop-nav a.active{color:var(--red)}
.desktop-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:17px;height:2px;background:var(--red)}
.cart-link{display:flex;align-items:center;gap:7px;color:var(--red);font-weight:900;font-size:14px}
.mini-icon{width:22px;height:22px}.mini-icon svg,.tiny-icon svg,.btn-icon svg,.inline-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.menu-btn{display:none;background:none;border:0;font-size:25px}
.announcement{background:var(--red);color:white;text-align:center;padding:9px 12px;font-size:13px;font-weight:900;letter-spacing:.025em}
.locked-hero{position:relative;background:#000;overflow:hidden}.locked-hero>img{width:100%;height:auto;display:block}
.hero-shop-hotspot{position:absolute;left:5.3%;bottom:5.2%;width:17%;height:11%;border-radius:5px}
.section{padding:48px 0}.section-title{display:flex;align-items:center;gap:18px;justify-content:center;margin:0 0 28px;font-size:34px;text-align:center}
.section-title:before,.section-title:after{content:"";height:1px;flex:1;max-width:330px;background:var(--red);opacity:.35}.section-title b{color:var(--red)}
.products{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.product-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:17px 14px 15px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.48)}
.pack-badge{position:absolute;top:8px;left:50%;transform:translateX(-50%);background:#101010;color:white;border-radius:4px;padding:5px 9px;font-size:10px;font-weight:900;white-space:nowrap}.pack-badge.red{background:var(--red)}
.product-image{height:150px;width:100%;display:flex;align-items:center;justify-content:center;margin:22px 0 8px}.product-image img{max-height:145px;max-width:88%;object-fit:contain}.product-image.multi img{max-height:130px;max-width:84%}
.product-card h3{font-size:18px;margin:4px 0}.product-card p{font-size:13px;margin:0 0 5px}
.heat-chillies{display:flex;justify-content:center;gap:4px;color:#d20d16;margin:5px 0 12px}.heat-chillies svg{width:18px;height:18px}
.old{text-decoration:line-through;color:#7a6d63;font-size:13px}.price{font-size:21px;font-weight:1000;color:var(--red);line-height:1.2}
.price-row{width:100%;min-height:40px;position:relative;display:flex;align-items:center;justify-content:center}.save{position:absolute;right:-1px;top:50%;transform:translateY(-50%);background:var(--yellow);border-radius:5px;padding:6px 7px;font-size:10px;font-weight:1000;line-height:1.1}
.qty{display:grid;grid-template-columns:40px 1fr 40px;width:80%;height:35px;border:1px solid #ddc9b8;border-radius:6px;overflow:hidden;margin:10px 0}.qty button{border:0;background:#fff8f2;color:var(--red);font-weight:900;cursor:pointer}.qty input{border:0;width:100%;text-align:center;background:white;font-weight:800}
.add,.find-btn,.recipe-btn{border:0;border-radius:5px;background:var(--red);color:#fff;font-weight:900;cursor:pointer}.add{width:88%;padding:11px 12px;display:flex;justify-content:center;align-items:center;gap:7px}.btn-icon{width:18px;height:18px}
.why{padding-top:6px}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.why-card{text-align:center;padding:27px 22px;border-right:1px solid var(--line)}.why-card:last-child{border-right:0}.why-card h3{font-size:17px;margin:10px 0}.why-card p{font-size:13px;line-height:1.52;margin:0;color:#3e3732}.dash{display:block;width:24px;height:2px;background:var(--red);margin:0 auto 12px}
.why-icon{display:block;width:62px;height:62px;margin:auto;color:var(--red)}.why-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.availability-home{padding:0 0 10px}.availability-box{display:grid;grid-template-columns:1.1fr 1.35fr .75fr;gap:18px;align-items:center;background:#f8efe4;border:1px solid #e2cbb8;border-radius:12px;padding:16px 20px}
.avail-label{display:flex;align-items:center;gap:13px}.avail-label h3{margin:0 0 3px;font-size:18px}.avail-label p{font-size:12px;color:var(--muted);margin:0}.pin-icon{width:45px;height:45px;color:#111}.pin-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.availability-box select{height:44px;border:1px solid #d6c1af;border-radius:7px;background:#fffaf5;padding:0 14px}.find-btn{height:44px;padding:0 22px}.find-btn:hover,.add:hover,.recipe-btn:hover{background:var(--red2)}
.recipes{background:#0a0a0a;color:white;padding:18px 0 25px}.recipes-grid{display:grid;grid-template-columns:.62fr 1.38fr;gap:22px;align-items:center}.recipes-copy h2{font-size:34px;margin:0 0 12px}.recipes-copy h2 span{color:var(--red)}.recipes-copy p{font-size:14px;line-height:1.5;color:#eee}.recipe-btn{display:inline-block;padding:12px 15px;font-size:12px}
.recipe-carousel{position:relative;display:grid;grid-template-columns:38px 1fr 38px;align-items:center}.recipe-images{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.recipe-images img{width:100%;height:142px;object-fit:cover;border-radius:8px}.video-card{position:relative}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:50%;border:2px solid white;background:rgba(0,0,0,.42);display:grid;place-items:center}
.arrow{border:0;background:none;color:white;font-size:38px;cursor:pointer}.dots{position:absolute;left:50%;bottom:-18px;transform:translateX(-50%);display:flex;gap:8px}.dots span{width:8px;height:8px;border-radius:50%;background:#ddd}.dots .active{background:var(--red)}
.shipping-strip{background:#0a0a0a;padding:9px 0 0}.shipping-grid{background:#f5eadf;border:1px solid #e5d2c0;border-radius:10px;display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden}.shipping-grid>div{display:flex;gap:12px;align-items:center;padding:18px 24px;border-right:1px solid #ddcbbb}.shipping-grid>div:last-child{border-right:0}.ship-icon{width:39px;height:39px;color:#181818}.ship-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.shipping-grid b,.shipping-grid small{display:block}.shipping-grid b{font-size:13px}.shipping-grid small{font-size:11px;margin-top:3px}
.footer{background:#0a0a0a;color:white;padding:30px 0 20px}.footer-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr .85fr;gap:24px}.footer-logo{width:110px}.footer h4{font-size:12px;margin:0 0 10px}.footer p,.footer a{display:block;color:#ddd;font-size:12px;line-height:1.75}.footer a:hover{color:white}.tiny-icon{width:17px;height:17px;display:inline-block;vertical-align:middle}.social{display:flex;gap:10px}.social a{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-weight:900;color:white}.fb{background:#1877f2}.ig{background:linear-gradient(135deg,#f9ce34,#ee2a7b,#6228d7)}.wa{background:#25d366}.copyright{border-top:1px solid #262626;margin-top:24px;padding-top:15px;text-align:center;color:#8f8f8f;font-size:11px}
.page-hero{background:#111;color:white;padding:72px 0}.page-hero h1{font-size:50px;max-width:780px;margin:8px 0 14px}.page-hero p{font-size:18px;line-height:1.6;color:#ddd;max-width:800px}.eyebrow{font-weight:900;color:#ff6a70;letter-spacing:.12em;font-size:12px}
.content-section{padding:50px 0}.two-col,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.content-card{background:white;border:1px solid var(--line);border-radius:14px;padding:28px}.content-card h2{margin-top:0}.content-card p{line-height:1.7;color:#3e3732}.about-points{display:grid;grid-template-columns:1fr 1fr;gap:18px}.about-points>div{display:flex;align-items:center;gap:11px}.about-points .why-icon{width:45px;height:45px;margin:0}
.city-accordions{display:grid;gap:12px;margin:18px 0 34px}.city-accordions details{background:white;border:1px solid var(--line);border-radius:10px;padding:18px 20px}.city-accordions summary{font-weight:900;cursor:pointer}.resource-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.resource-grid article{background:white;border:1px solid var(--line);border-radius:12px;padding:20px}.resource-grid h3{margin-top:0}.resource-grid p{font-size:14px;line-height:1.5;color:#554c45}.outline-btn{border:1.5px solid var(--red);color:var(--red);background:white;padding:10px 13px;border-radius:5px;font-weight:900}
.contact-grid form{display:grid;gap:13px}.contact-grid label{font-size:13px;font-weight:900}.contact-grid input,.contact-grid textarea{display:block;width:100%;margin-top:6px;padding:12px 13px;border:1px solid #d8c7b7;border-radius:7px}.contact-grid textarea{min-height:120px}.inline-icon{width:18px;height:18px;display:inline-block;vertical-align:middle}.form-note{font-size:12px;color:#337044}
.cart-layout{display:grid;grid-template-columns:1.5fr .5fr;gap:22px}.cart-item{display:grid;grid-template-columns:82px 1fr auto;gap:14px;align-items:center;background:white;border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:12px}.cart-item img{width:82px;height:82px;object-fit:contain}.cart-item h3{margin:0 0 4px;font-size:15px}.cart-item p{margin:0;color:var(--muted);font-size:12px}.cart-item .small-qty{display:flex;gap:8px;align-items:center;margin-top:8px}.cart-item .small-qty button{width:28px;height:28px;background:white;border:1px solid var(--line);border-radius:4px;color:var(--red)}.remove{border:0;background:none;color:#a20a12;text-decoration:underline;cursor:pointer}.cart-summary{background:white;border:1px solid var(--line);border-radius:12px;padding:22px;height:max-content}.cart-summary>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eee}.cart-summary .total{font-size:19px;border-bottom:0;padding-top:16px}.cart-summary .find-btn{width:100%;margin-top:10px}.cart-summary small{display:block;margin-top:10px;color:var(--muted)}
.toast{position:fixed;right:20px;bottom:20px;background:#111;color:white;padding:12px 16px;border-radius:8px;opacity:0;pointer-events:none;transition:.2s;z-index:200}.toast.show{opacity:1}
@media(max-width:900px){.products,.why-grid,.shipping-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.availability-box{grid-template-columns:1fr}.recipes-grid{grid-template-columns:1fr}.two-col,.contact-grid,.cart-layout{grid-template-columns:1fr}.resource-grid{grid-template-columns:repeat(2,1fr)}.shipping-grid>div:nth-child(2){border-right:0}}
@media(max-width:680px){.nav{height:64px}.brand img{width:108px}.desktop-nav{position:absolute;display:none;flex-direction:column;gap:0;left:0;right:0;top:64px;background:#fff8f1;padding:10px 5vw 14px}.desktop-nav.open{display:flex}.desktop-nav a{padding:13px 0}.menu-btn{display:block}.cart-link{margin-left:auto}.products,.why-grid,.shipping-grid,.footer-grid,.resource-grid{grid-template-columns:1fr}.product-card{max-width:430px;margin:auto;width:100%}.why-card,.shipping-grid>div{border-right:0;border-bottom:1px solid var(--line)}.recipe-images{grid-template-columns:1fr}.recipe-images img:nth-child(2),.recipe-images .video-card{display:none}.availability-box{padding:14px}.page-hero h1{font-size:38px}.section-title{font-size:27px}.section-title:before,.section-title:after{max-width:55px}}


/* --- Corrected recipe carousel --- */
.recipe-carousel{
  position:relative;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 42px;
  align-items:center;
  gap:8px;
}
.recipe-viewport{
  overflow:hidden;
  width:100%;
  border-radius:10px;
}
.recipe-track{
  display:flex;
  gap:14px;
  transition:transform .38s ease;
  will-change:transform;
}
.recipe-slide{
  flex:0 0 calc((100% - 28px)/3);
  aspect-ratio:16/9;
  border-radius:10px;
  overflow:hidden;
  background:#111;
  position:relative;
}
.recipe-slide img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}
.recipe-carousel .arrow{
  width:40px;
  height:46px;
  border:0;
  background:transparent;
  color:white;
  font-size:42px;
  line-height:1;
  cursor:pointer;
  display:grid;
  place-items:center;
  opacity:.95;
}
.recipe-carousel .arrow:hover{color:#e20b16}
.recipe-carousel .arrow:disabled{opacity:.28;cursor:default}
.recipe-carousel .play{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:50px;
  height:50px;
  border-radius:50%;
  border:2px solid #fff;
  background:rgba(0,0,0,.48);
  color:white;
  display:grid;
  place-items:center;
  padding-left:3px;
}
.recipe-carousel .dots{
  grid-column:2;
  justify-self:center;
  display:flex;
  gap:8px;
  margin-top:12px;
}
.recipe-carousel .dots button{
  width:8px;
  height:8px;
  padding:0;
  border:0;
  border-radius:50%;
  background:#ddd;
  cursor:pointer;
}
.recipe-carousel .dots button.active{background:#d20d16}

@media(max-width:900px){
  .recipe-slide{flex-basis:calc((100% - 14px)/2)}
}
@media(max-width:680px){
  .recipe-carousel{grid-template-columns:34px minmax(0,1fr) 34px}
  .recipe-slide{flex-basis:100%}
}


/* --- Recipe image fit refinement --- */
.recipe-slide{
  background:#0a0a0a;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:10px;
}
.recipe-slide img{
  width:92% !important;
  height:92% !important;
  object-fit:contain !important;
  object-position:center !important;
  border-radius:8px;
  margin:auto;
}
.video-card .play{
  z-index:2;
}

/* --- FINAL recipe frame correction --- */
.recipe-viewport{
  overflow:hidden;
}
.recipe-track{
  align-items:stretch;
}
.recipe-slide{
  flex:0 0 calc((100% - 28px)/3);
  aspect-ratio: 1.82 / 1;
  background:#090909 !important;
  border:1px solid rgba(255,255,255,.18);
  border-radius:10px;
  padding:8px !important;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}
.recipe-slide img{
  display:block;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  margin:0 !important;
  border-radius:7px;
}
@media(max-width:900px){
  .recipe-slide{flex-basis:calc((100% - 14px)/2)}
}
@media(max-width:680px){
  .recipe-slide{flex-basis:100%}
}

/* --- Recipe carousel: show the entire bowl inside each frame --- */
.recipe-slide{
  background:#090909 !important;
  padding:14px !important;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}
.recipe-slide img{
  width:88% !important;
  height:88% !important;
  object-fit:contain !important;
  object-position:center !important;
  margin:auto !important;
  border-radius:7px;
}

/* --- Product cards: align action controls across all SKUs --- */
.product-card{
  min-height:560px;
}
.product-card .old{
  margin-top:auto;
}
.product-card > .price{
  min-height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.product-card .price-row{
  min-height:40px;
}
.product-card .qty{
  flex:0 0 auto;
}
.product-card .add{
  margin-top:0;
  flex:0 0 auto;
}

/* fixed footer/action stack height in each card */
.product-card .old,
.product-card > .price,
.product-card .price-row,
.product-card .qty,
.product-card .add{
  width:88%;
}

/* ===== Final spacing + recipe scale refinements ===== */

/* Recipe images fill about 90% of each slot */
.recipe-slide{
  padding:6px !important;
  background:#090909 !important;
}
.recipe-slide img{
  width:90% !important;
  height:90% !important;
  object-fit:contain !important;
  object-position:center !important;
  margin:auto !important;
}

/* Remove the oversized vertical gap between chillies and price */
.product-card{
  min-height:0 !important;
  height:auto !important;
  justify-content:flex-start !important;
}

/* keep the upper information compact */
.product-card .heat-chillies{
  margin-bottom:10px !important;
}

.product-card .old{
  margin-top:4px !important;
  width:auto !important;
  min-height:18px;
}

.product-card > .price,
.product-card .price-row{
  margin-top:1px !important;
  width:88% !important;
  min-height:40px !important;
}

/* Create a consistent bottom action block without forcing a huge empty middle area */
.product-card .qty{
  margin-top:10px !important;
  margin-bottom:10px !important;
}

.product-card .add{
  margin-top:0 !important;
}

/* Ensure all four cards and buttons align evenly */
.products{
  align-items:stretch;
}
.product-card{
  display:grid !important;
  grid-template-rows:
    auto          /* badge positioning context */
    150px         /* image */
    auto          /* title */
    auto          /* description */
    28px          /* chillies */
    20px          /* old price */
    42px          /* price/current price row */
    35px          /* qty */
    46px;         /* add to cart */
  align-content:start;
}
.product-card .product-image{
  grid-row:2;
  margin:22px 0 4px !important;
}
.product-card h3{
  grid-row:3;
  margin:4px 0 2px !important;
}
.product-card .desc{
  grid-row:4;
  min-height:0 !important;
  margin:0 0 2px !important;
}
.product-card .heat-chillies{
  grid-row:5;
  align-self:center;
  margin:0 !important;
}
.product-card .old{
  grid-row:6;
  align-self:center;
  margin:0 !important;
}
.product-card > .price{
  grid-row:7;
  align-self:center;
}
.product-card .price-row{
  grid-row:7;
  align-self:center;
}
.product-card .qty{
  grid-row:8;
  align-self:center;
  margin:0 auto !important;
}
.product-card .add{
  grid-row:9;
  align-self:end;
  margin:0 auto !important;
}

/* ===== Product card structure correction =====
   Keep badge absolute, then image, SKU, description, chillies, price, qty, CTA.
   This removes the description text that was floating behind the badge.
*/
.product-card{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  min-height:0 !important;
  height:auto !important;
  padding-top:18px !important;
}

.product-card .product-image{
  order:1 !important;
  height:150px !important;
  margin:24px 0 6px !important;
}

.product-card h3{
  order:2 !important;
  margin:4px 0 2px !important;
}

.product-card .desc{
  order:3 !important;
  display:block !important;
  position:static !important;
  margin:0 0 4px !important;
  min-height:36px !important;
  line-height:1.35 !important;
}

.product-card .heat-chillies{
  order:4 !important;
  margin:2px 0 8px !important;
}

.product-card .old{
  order:5 !important;
  margin:0 0 2px !important;
  min-height:18px !important;
  width:auto !important;
}

.product-card > .price,
.product-card .price-row{
  order:6 !important;
  min-height:42px !important;
  margin:0 !important;
  width:88% !important;
}

.product-card .qty{
  order:7 !important;
  margin:8px auto 10px !important;
  width:88% !important;
}

.product-card .add{
  order:8 !important;
  margin:0 auto !important;
  width:88% !important;
}

/* Keep all product cards visually aligned without creating a huge mid-card gap */
.products{
  align-items:stretch !important;
}
.product-card{
  min-height:510px !important;
}
.product-card .add{
  margin-top:auto !important;
}

/* navigation spacing for separate Find a Retailer / Resources links */
.desktop-nav{gap:32px !important}
@media(max-width:900px){
  .desktop-nav{gap:22px !important;font-size:13px}
}

/* ===== Product-card final cleanup ===== */

/* No stray description line in product cards */
.product-card .desc{
  display:none !important;
}

/* Keep product cards compact and consistent */
.product-card{
  min-height:465px !important;
  padding-bottom:14px !important;
}

/* Tighten space below price */
.product-card .old{
  margin-bottom:0 !important;
}
.product-card > .price,
.product-card .price-row{
  margin-bottom:3px !important;
}

/* Quantity selector much closer to Add to Cart */
.product-card .qty{
  margin:5px auto 5px !important;
  height:35px !important;
}
.product-card .add{
  margin-top:0 !important;
  margin-bottom:0 !important;
}

/* Do not use margin-top:auto here; it was creating the large blank gap */
.product-card .add{
  margin-top:0 !important;
}

/* Keep all CTA buttons aligned */
.products{
  align-items:stretch !important;
}
.product-card{
  display:flex !important;
  flex-direction:column !important;
}
.product-card .product-image{margin-bottom:4px !important}
.product-card h3{margin-bottom:3px !important}
.product-card .heat-chillies{margin:3px 0 6px !important}

/* Compact action block with consistent placement */
.product-card .qty,
.product-card .add{
  width:88% !important;
}
\n/* === VERIFIED FINAL PRODUCT CARD LAYOUT: only this section is affected === */
.product-card{
  display:grid !important;
  grid-template-rows:170px 34px 30px 22px 44px 40px 48px !important;
  align-content:start !important;
  min-height:0 !important;
  height:auto !important;
  padding:17px 14px 14px !important;
}
.product-card .product-image{
  grid-row:1 !important;
  height:150px !important;
  margin:20px 0 0 !important;
  align-self:center !important;
}
.product-card h3{
  grid-row:2 !important;
  align-self:center !important;
  margin:0 !important;
}
.product-card > p{display:none !important;}
.product-card .heat-chillies{
  grid-row:3 !important;
  align-self:center !important;
  margin:0 !important;
}
.product-card .old{
  grid-row:4 !important;
  align-self:center !important;
  margin:0 !important;
  width:auto !important;
}
.product-card > .price,
.product-card .price-row{
  grid-row:5 !important;
  align-self:center !important;
  margin:0 !important;
  width:88% !important;
  min-height:0 !important;
}
.product-card .qty{
  grid-row:6 !important;
  align-self:center !important;
  margin:1px auto 2px !important;
  width:88% !important;
  height:35px !important;
}
.product-card .add{
  grid-row:7 !important;
  align-self:center !important;
  margin:2px auto 0 !important;
  width:88% !important;
  height:44px !important;
}

/* --- Small vertical adjustment requested: move qty + Add to Cart down ~0.15 cm --- */
.product-card .qty,
.product-card .add{
  transform: translateY(30px) !important;
}

/* --- Add to Cart only: additional 0.4 cm downward shift --- */
.product-card .qty{
  transform: translateY(30px) !important;
}
.product-card .add{
  transform: translateY(45px) !important;
}

/* --- Shift full price/action block down by ~0.75 cm --- */
.product-card .old{
  transform: translateY(28px) !important;
}
.product-card > .price,
.product-card .price-row{
  transform: translateY(28px) !important;
}
.product-card .qty{
  transform: translateY(58px) !important; /* existing 30px + 28px */
}
.product-card .add{
  transform: translateY(73px) !important; /* existing 45px + 28px */
}

/* Give the shifted block enough room without changing the upper card content */
.product-card{
  min-height: 500px !important;
  padding-bottom: 32px !important;
}

/* --- Shorten SKU cards by ~0.75 cm from the bottom only --- */
.product-card{
  min-height: 472px !important; /* previous 500px - 28px */
}

/* ===== Recipe frame: fill frame while keeping the whole bowl visible ===== */
.recipe-slide{
  background:#090909 !important;
  padding:4px !important;
  overflow:hidden !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.recipe-slide img{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  margin:0 !important;
  border-radius:7px !important;
  display:block !important;
}


/* --- Price-only adjustment: additional ~0.40 cm downward --- */
.product-card .old{
  transform: translateY(43px) !important;
}
.product-card > .price,
.product-card .price-row{
  transform: translateY(43px) !important;
}

/* --- Vertically center the complete SKU contents as one visual group ---
   Measured rendered gaps before adjustment:
   top ≈ 9px, bottom ≈ 43.8px.
   Uniform visual shift = 17.4px, yielding ≈26.4px at both top and bottom.
   Internal spacing is unchanged.
*/
.product-card .pack-badge{
  top:25.4px !important; /* original 8px + 17.4px */
}
.product-card .product-image,
.product-card h3,
.product-card .heat-chillies,
.product-card .old,
.product-card > .price,
.product-card .price-row,
.product-card .qty,
.product-card .add{
  position:relative !important;
  top:17.4px !important;
}

/* --- Order confidence heading above existing shipping strip --- */
.shipping-intro{
  background:#0a0a0a;
  color:white;
  padding:22px 0 4px;
}
.shipping-intro h2{
  margin:0;
  font-size:28px;
  line-height:1.1;
  font-weight:900;
  letter-spacing:.01em;
}
.shipping-intro h2:after{
  content:"";
  display:block;
  width:42px;
  height:2px;
  background:#c90712;
  margin-top:10px;
}
.shipping-intro p{
  margin:10px 0 0;
  color:#d8d8d8;
  font-size:14px;
  line-height:1.5;
}

/* --- Divider between Recipes and Order Confidence --- */
.recipe-confidence-divider{
  height:1px;
  width:min(1180px,92vw);
  margin:0 auto;
  background:rgba(255,255,255,.20);
}

/* --- Cream delivery box edge-to-edge --- */
.shipping-strip .shipping-grid{
  width:100vw !important;
  max-width:none !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  border-left:0 !important;
  border-right:0 !important;
  border-radius:0 !important;
}

/* --- Subtle section divider refinement --- */
.recipe-confidence-divider{
  height:1px !important;
  background:rgba(255,255,255,.09) !important;
  transform:scaleY(.5);
  transform-origin:center;
}

/* --- Confidence section unified with the cream delivery strip --- */
.shipping-intro{
  background:#f5eadf !important;
  color:#101010 !important;
}
.shipping-intro p{
  color:#3f3731 !important;
}
.shipping-strip{
  background:#f5eadf !important;
}

/* --- More realistic chilli icon rendering --- */
.heat-chillies .real-chilli{
  width:19px !important;
  height:19px !important;
  overflow:visible;
}

/* --- Confidence section: match Why Choose Paldo styling --- */
.shipping-intro,
.shipping-strip{
  background:#fbf7f0 !important;
  color:#101010 !important;
}
.shipping-intro .wrap{
  text-align:center !important;
}
.shipping-intro h2{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:18px !important;
  width:min(1180px,92vw) !important;
  margin:0 auto !important;
  text-align:center !important;
  font-size:28px !important;
  line-height:1.1 !important;
}
.shipping-intro h2:before,
.shipping-intro h2:after{
  content:"" !important;
  height:1px !important;
  flex:1 !important;
  max-width:330px !important;
  background:#c90712 !important;
  opacity:.35 !important;
  margin:0 !important;
}
.shipping-intro p{
  color:#3e3732 !important;
  text-align:center !important;
}

/* --- Quantity selector only: additional ~0.25 cm downward --- */
.product-card .qty{
  transform:translateY(67.5px) !important;
}

/* --- Flame-meter spice rating: replaces chilli icons --- */
.heat-flames{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  margin:3px 0 6px;
  min-height:28px;
}
.heat-flames .flame{
  width:21px;
  height:25px;
  display:block;
}
.heat-flames .flame.active{
  fill:#ef2b1d;
}
.heat-flames .flame.inactive{
  fill:#c8c8c8;
}

/* --- Correct flame row placement: occupy the former chilli row --- */
.product-card .heat-flames{
  order:4 !important;
  position:relative !important;
  top:17.4px !important;
  margin:3px 0 6px !important;
  z-index:1 !important;
}

/* --- Move quantity selector + Add to Cart up by ~0.30 cm --- */
.product-card .qty{
  transform:translateY(56.16px) !important;
}
.product-card .add{
  transform:translateY(61.66px) !important;
}

/* --- Move 'Where to Find Paldo' box up by ~0.40 cm --- */
.availability-home .availability-box{
  transform: translateY(-15px) !important;
}

/* --- Match delivery box background to the lighter section above; keep outline unchanged --- */
.shipping-grid{
  background:#fbf7f0 !important;
}

/* --- About page hero with supplied lifestyle photo --- */
.about-page-hero{
  padding:0 !important;
  background:#111 !important;
}
.about-hero-grid{
  width:min(1280px,100%) !important;
  display:grid;
  grid-template-columns:0.88fr 1.12fr;
  align-items:stretch;
  min-height:440px;
}
.about-hero-copy{
  padding:68px 54px 62px max(4vw,36px);
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.about-hero-copy h1{
  margin:8px 0 14px;
}
.about-hero-copy p:last-child{
  margin-bottom:0;
}
.about-hero-image{
  min-height:440px;
  overflow:hidden;
}
.about-hero-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}

@media(max-width:800px){
  .about-hero-grid{
    grid-template-columns:1fr;
  }
  .about-hero-copy{
    padding:48px 5vw 34px;
  }
  .about-hero-image{
    min-height:300px;
  }
}

/* --- About page brand story --- */
.about-story-section{
  background:#fbf7f0;
  padding:54px 0 20px;
}
.about-story{
  max-width:1000px;
}
.about-story-eyebrow{
  color:#c90712;
  text-align:center;
  margin:0 0 10px;
}
.about-story h2{
  margin:0 auto 26px;
  max-width:760px;
  text-align:center;
  font-size:34px;
  line-height:1.15;
}
.about-story h2:after{
  content:"";
  display:block;
  width:44px;
  height:2px;
  background:#c90712;
  margin:14px auto 0;
}
.about-story-copy{
  max-width:900px;
  margin:0 auto;
}
.about-story-copy p{
  margin:0 0 18px;
  color:#3e3732;
  font-size:16px;
  line-height:1.75;
}
.about-story-copy p:last-child{
  margin-bottom:0;
}
@media(max-width:680px){
  .about-story-section{
    padding:40px 0 12px;
  }
  .about-story h2{
    font-size:28px;
  }
  .about-story-copy p{
    font-size:15px;
    line-height:1.7;
  }
}

/* --- Dedicated Find a Retailer page --- */
.retailer-content{
  padding-top:42px;
}
.retailer-search-panel{
  display:grid;
  grid-template-columns:1fr minmax(290px,420px);
  gap:34px;
  align-items:end;
  background:#fffaf5;
  border:1px solid var(--line);
  border-radius:14px;
  padding:24px 26px;
  margin-bottom:24px;
}
.retailer-search-panel h2{
  margin:4px 0 6px;
  font-size:30px;
}
.retailer-search-panel p{
  margin:0;
  color:var(--muted);
  line-height:1.5;
}
.retailer-search-label{
  color:var(--red) !important;
  font-size:12px;
  font-weight:900;
  letter-spacing:.12em;
}
.retailer-city-select{
  display:block;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.retailer-city-select span{
  display:block;
  margin-bottom:8px;
}
.retailer-city-select select{
  width:100%;
  min-height:48px;
  padding:0 14px;
  border:1px solid #d7c5b3;
  border-radius:8px;
  background:white;
  color:#111;
  font-size:16px;
  font-weight:600;
  text-transform:none;
  letter-spacing:0;
}
.retailer-city-list{
  scroll-margin-top:100px;
}
.retailer-city-list details{
  scroll-margin-top:108px;
}
.retailer-city-list summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:19px;
}
.retailer-city-list summary::after{
  content:"+";
  color:var(--red);
  font-size:24px;
  font-weight:700;
}
.retailer-city-list details[open] summary::after{
  content:"−";
}
.city-retailer-body{
  padding-top:12px;
  color:#50463f;
}

/* --- Dedicated Resources page --- */
.resource-page-grid{
  margin-top:4px;
}
.resource-page-grid article{
  min-height:190px;
}

@media(max-width:760px){
  .retailer-search-panel{
    grid-template-columns:1fr;
    gap:18px;
  }
}

/* ===== Retailer location cards ===== */
.retailer-city-list{
  gap:14px !important;
}
.retailer-city-list details{
  overflow:hidden;
  padding:0 !important;
  background:#fffaf5 !important;
  border:1px solid #e5d5c5 !important;
  border-radius:13px !important;
}
.retailer-city-list summary{
  min-height:70px;
  padding:0 22px;
  cursor:pointer;
  display:flex !important;
  align-items:center;
  gap:14px;
  list-style:none;
  background:#fffaf5;
}
.retailer-city-list summary::-webkit-details-marker{
  display:none;
}
.city-summary-name{
  font-size:20px;
  font-weight:900;
  letter-spacing:.01em;
}
.city-summary-count{
  margin-left:auto;
  margin-right:10px;
  padding:5px 10px;
  border-radius:999px;
  background:#f4e9dd;
  color:#6e5d50;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.045em;
}
.retailer-city-list summary::after{
  flex:0 0 auto;
}
.city-retailer-body{
  padding:22px !important;
  border-top:1px solid #eee0d2;
  background:#fbf7f0;
}
.city-list-intro{
  margin:0 0 18px;
}
.city-list-intro p{
  margin:0;
  color:#695b50;
  font-size:14px;
}
.retailer-brand-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.retailer-brand-card{
  background:#fff;
  border:1px solid #eadbcd;
  border-radius:11px;
  padding:17px 18px;
  min-width:0;
}
.retailer-brand-head{
  display:flex;
  align-items:center;
  gap:10px;
  padding-bottom:12px;
  margin-bottom:4px;
  border-bottom:1px solid #f0e6dc;
}
.retailer-brand-head h3{
  margin:0;
  font-size:15px;
  line-height:1.25;
  font-weight:900;
  color:#111;
}
.branch-badge{
  margin-left:auto;
  flex:0 0 auto;
  color:#b50811;
  background:#fff0ee;
  border:1px solid #f3d1cd;
  border-radius:999px;
  padding:4px 8px;
  font-size:9px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.retailer-addresses{
  display:grid;
}
.retailer-address-row{
  display:grid;
  grid-template-columns:22px minmax(0,1fr);
  gap:9px;
  align-items:start;
  padding:10px 0;
  color:#51473f;
  font-size:13px;
  line-height:1.5;
  border-bottom:1px solid #f4ece5;
}
.retailer-address-row:last-child{
  border-bottom:0;
  padding-bottom:1px;
}
.retailer-location-icon{
  width:18px;
  height:18px;
  color:#c90712;
  margin-top:1px;
}
.retailer-location-icon svg{
  width:100%;
  height:100%;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.retailer-empty-state{
  display:flex;
  align-items:center;
  gap:15px;
  background:white;
  border:1px dashed #dfcbbb;
  border-radius:11px;
  padding:19px 20px;
}
.retailer-empty-state h3{
  margin:0 0 4px;
  font-size:15px;
}
.retailer-empty-state p{
  margin:0;
  color:#74675c;
  font-size:13px;
  line-height:1.5;
}
.empty-pin{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#fff0ee;
}
.empty-pin .retailer-location-icon{
  width:20px;
  height:20px;
  margin:0;
}

@media (hover:hover) and (pointer:fine){
  .retailer-brand-card{
    transition:border-color .18s ease, transform .18s ease;
  }
  .retailer-brand-card:hover{
    border-color:#d9bba7;
    transform:translateY(-1px);
  }
}
@media(max-width:760px){
  .retailer-brand-grid{
    grid-template-columns:1fr;
  }
  .city-retailer-body{
    padding:15px !important;
  }
  .retailer-city-list summary{
    padding:0 16px;
  }
  .city-summary-name{
    font-size:18px;
  }
}

/* ===== About hero copy styled to supplied reference ===== */
.about-page-hero{
  background:#090909 !important;
}
.about-hero-copy{
  padding:64px 58px 62px max(4vw,42px) !important;
  justify-content:center !important;
  align-items:flex-start !important;
}
.about-hero-eyebrow{
  margin:0 !important;
  color:#e20b16 !important;
  font-size:17px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
  letter-spacing:.12em !important;
}
.about-hero-accent{
  display:block;
  width:48px;
  height:2px;
  margin:18px 0 26px;
  background:#e20b16;
}
.about-hero-title{
  margin:0 !important;
  max-width:520px !important;
  font-size:54px !important;
  line-height:1.08 !important;
  font-weight:900 !important;
  letter-spacing:-.025em !important;
  color:#fff !important;
}
.about-hero-title span{
  display:block;
}
.about-hero-title .red-line{
  color:#e20b16 !important;
}
.about-hero-divider{
  display:block;
  width:48px;
  height:2px;
  margin:28px 0 24px;
  background:rgba(255,255,255,.32);
}
.about-hero-lead{
  margin:0 0 32px !important;
  max-width:460px !important;
  color:#f0f0f0 !important;
  font-size:17px !important;
  line-height:1.48 !important;
}
.about-hero-cta{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:32px;
  min-width:270px;
  min-height:58px;
  padding:0 24px;
  border-radius:4px;
  background:#d90914;
  color:#fff;
  font-size:14px;
  font-weight:900;
  letter-spacing:.025em;
  transition:background .18s ease;
}
.about-hero-cta:hover{
  background:#b90811;
}
.about-hero-cta span:last-child{
  font-size:24px;
  line-height:1;
}
.about-hero-image img{
  object-position:center center !important;
}

@media(max-width:900px){
  .about-hero-title{
    font-size:46px !important;
  }
}
@media(max-width:800px){
  .about-hero-copy{
    padding:48px 5vw 42px !important;
  }
  .about-hero-title{
    font-size:42px !important;
  }
  .about-hero-lead{
    font-size:16px !important;
  }
}
@media(max-width:480px){
  .about-hero-title{
    font-size:36px !important;
  }
  .about-hero-cta{
    width:100%;
    min-width:0;
  }
}

/* --- Move entire About hero text/CTA group up by ~0.7 cm --- */
.about-hero-copy{
  transform: translateY(-26.5px) !important;
}

/* ===== Warm cream surface treatment ===== */
:root{
  --warm-cream:#fff8ef;
}

/* About page: the two information boxes only */
body[data-page="about"] .content-section .content-card{
  background:var(--warm-cream) !important;
}

/* Find a Retailer: search/dropdown panel */
body[data-page="retailers"] .retailer-search-panel{
  background:var(--warm-cream) !important;
}
body[data-page="retailers"] .retailer-city-select select{
  background:var(--warm-cream) !important;
}

/* Find a Retailer: city accordion boxes */
body[data-page="retailers"] .retailer-city-list details,
body[data-page="retailers"] .retailer-city-list summary,
body[data-page="retailers"] .city-retailer-body{
  background:var(--warm-cream) !important;
}

/* Find a Retailer: retailer/address cards and empty states */
body[data-page="retailers"] .retailer-brand-card,
body[data-page="retailers"] .retailer-empty-state{
  background:var(--warm-cream) !important;
}

/* ===== Find a Retailer: layered beige contrast ===== */
body[data-page="retailers"]{
  --retailer-beige-light:#f5eadf;
  --retailer-beige-mid:#ead9c8;
  --retailer-beige-soft:#fbf3e9;
  --retailer-beige-card:#fff8ef;
  --retailer-beige-border:#dcc6b2;
}

/* Search / dropdown area */
body[data-page="retailers"] .retailer-search-panel{
  background:var(--retailer-beige-light) !important;
  border-color:var(--retailer-beige-border) !important;
}
body[data-page="retailers"] .retailer-city-select select{
  background:var(--retailer-beige-soft) !important;
  border-color:#d2bba5 !important;
}

/* City boxes: slightly deeper beige so each city stands out */
body[data-page="retailers"] .retailer-city-list details{
  background:var(--retailer-beige-soft) !important;
  border-color:var(--retailer-beige-border) !important;
}
body[data-page="retailers"] .retailer-city-list summary{
  background:var(--retailer-beige-mid) !important;
}

/* Open city content: lighter beige for visual separation */
body[data-page="retailers"] .city-retailer-body{
  background:var(--retailer-beige-soft) !important;
  border-top-color:#ddc9b7 !important;
}

/* Individual retailer/address cards: palest beige */
body[data-page="retailers"] .retailer-brand-card,
body[data-page="retailers"] .retailer-empty-state{
  background:var(--retailer-beige-card) !important;
  border-color:#dfcbb9 !important;
}

/* Keep branch badges visually distinct */
body[data-page="retailers"] .branch-badge{
  background:#fbe7df !important;
  border-color:#edc9bf !important;
}

/* --- Closed city boxes match the Choose Your City panel --- */
body[data-page="retailers"] .retailer-city-list details:not([open]) > summary{
  background:#f5eadf !important;
}

/* ===== Find a Retailer hero: supplied artwork ===== */
body[data-page="retailers"] .retailer-image-hero{
  width:100%;
  overflow:hidden;
  background:#10150f;
}
body[data-page="retailers"] .retailer-image-hero img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
  object-position:center;
}
@media(max-width:720px){
  body[data-page="retailers"] .retailer-image-hero{
    overflow-x:hidden;
  }
  body[data-page="retailers"] .retailer-image-hero img{
    width:150%;
    max-width:none;
    transform:translateX(-8%);
  }
}

/* ===== Find a Retailer: dropdown inside hero ===== */
body[data-page="retailers"] .retailer-image-hero{
  position:relative;
}

body[data-page="retailers"] .retailer-hero-city-control{
  position:absolute;
  left:4.8%;
  top:70%;
  width:min(390px,34vw);
  z-index:2;
}

body[data-page="retailers"] .retailer-hero-city-control label{
  display:block;
  margin:0 0 8px;
  color:#d9ac4b;
  font-size:13px;
  line-height:1;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
}

body[data-page="retailers"] .retailer-hero-select-wrap{
  position:relative;
}

body[data-page="retailers"] .retailer-hero-city-control select{
  width:100%;
  min-height:52px;
  padding:0 48px 0 16px;
  border:1px solid rgba(217,172,75,.65);
  border-radius:8px;
  background:rgba(255,248,239,.96);
  color:#111;
  font-size:16px;
  font-weight:700;
  appearance:auto;
  box-shadow:0 8px 24px rgba(0,0,0,.12);
}

body[data-page="retailers"] .retail-availability-heading{
  margin:0 0 20px;
}

body[data-page="retailers"] .retail-availability-heading h2{
  margin:4px 0 0;
  font-size:30px;
  line-height:1.15;
}

/* the old search panel is gone, so remove its extra top visual weight */
body[data-page="retailers"] .retailer-content{
  padding-top:34px !important;
}

@media(max-width:900px){
  body[data-page="retailers"] .retailer-hero-city-control{
    left:5%;
    top:72%;
    width:min(340px,42vw);
  }
}

@media(max-width:720px){
  body[data-page="retailers"] .retailer-image-hero{
    min-height:460px;
    background:#10150f;
  }

  body[data-page="retailers"] .retailer-image-hero img{
    width:155%;
    max-width:none;
    transform:translateX(-10%);
  }

  body[data-page="retailers"] .retailer-hero-city-control{
    left:5vw;
    right:5vw;
    top:auto;
    bottom:24px;
    width:auto;
  }

  body[data-page="retailers"] .retailer-hero-city-control label{
    color:#f0c567;
  }

  body[data-page="retailers"] .retailer-hero-city-control select{
    min-height:50px;
    font-size:16px;
  }
}

/* ===== Find a Retailer hero: standardized inner-page height ===== */
body[data-page="retailers"] .retailer-image-hero{
  height:440px !important;
  min-height:0 !important;
  position:relative;
  overflow:hidden;
}

body[data-page="retailers"] .retailer-image-hero img{
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center 48% !important;
  transform:none !important;
}

/* Keep dropdown visually integrated beneath the embedded hero copy */
body[data-page="retailers"] .retailer-hero-city-control{
  left:4.8% !important;
  top:auto !important;
  bottom:34px !important;
  width:min(360px,32vw) !important;
}

/* Bring retailer content up naturally after the shorter hero */
body[data-page="retailers"] .retailer-content{
  padding-top:30px !important;
}

@media(max-width:1000px){
  body[data-page="retailers"] .retailer-image-hero{
    height:400px !important;
  }

  body[data-page="retailers"] .retailer-hero-city-control{
    width:min(340px,38vw) !important;
    bottom:28px !important;
  }
}

@media(max-width:720px){
  body[data-page="retailers"] .retailer-image-hero{
    height:420px !important;
  }

  body[data-page="retailers"] .retailer-image-hero img{
    width:145% !important;
    height:100% !important;
    transform:translateX(-7%) !important;
    object-fit:cover !important;
    object-position:left center !important;
  }

  body[data-page="retailers"] .retailer-hero-city-control{
    left:5vw !important;
    right:5vw !important;
    width:auto !important;
    bottom:22px !important;
  }
}

/* =========================================================
   Standardize all internal-page heroes to Home hero ratio.
   Home locked hero artwork remains untouched.
   Home asset ratio = 1535 x 470.
   ========================================================= */
:root{
  --paldo-home-hero-ratio: 1535 / 470;
}

/* ABOUT */
body[data-page="about"] .about-page-hero{
  padding:0 !important;
  overflow:hidden !important;
}
body[data-page="about"] .about-hero-grid{
  width:100% !important;
  max-width:none !important;
  min-height:0 !important;
  height:auto !important;
  aspect-ratio:var(--paldo-home-hero-ratio) !important;
  margin:0 !important;
}
body[data-page="about"] .about-hero-copy,
body[data-page="about"] .about-hero-image{
  min-height:0 !important;
  height:100% !important;
}
body[data-page="about"] .about-hero-copy{
  transform:none !important;
  padding:clamp(24px,2.5vw,42px) clamp(30px,3.6vw,56px) !important;
  justify-content:center !important;
}
body[data-page="about"] .about-hero-eyebrow{
  font-size:clamp(12px,1.05vw,16px) !important;
}
body[data-page="about"] .about-hero-accent{
  width:44px !important;
  margin:clamp(9px,1vw,14px) 0 clamp(12px,1.3vw,20px) !important;
}
body[data-page="about"] .about-hero-title{
  font-size:clamp(34px,3.05vw,48px) !important;
  line-height:1.02 !important;
  max-width:520px !important;
}
body[data-page="about"] .about-hero-divider{
  width:44px !important;
  margin:clamp(14px,1.4vw,21px) 0 clamp(12px,1.2vw,18px) !important;
}
body[data-page="about"] .about-hero-lead{
  max-width:500px !important;
  margin:0 0 clamp(16px,1.5vw,24px) !important;
  font-size:clamp(13px,1.05vw,16px) !important;
  line-height:1.42 !important;
}
body[data-page="about"] .about-hero-cta{
  min-height:48px !important;
  min-width:235px !important;
  padding:0 20px !important;
  font-size:13px !important;
}
body[data-page="about"] .about-hero-image img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
}

/* FIND A RETAILER */
body[data-page="retailers"] .retailer-image-hero{
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  aspect-ratio:var(--paldo-home-hero-ratio) !important;
  overflow:hidden !important;
}
body[data-page="retailers"] .retailer-image-hero img{
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center !important;
  transform:none !important;
}
body[data-page="retailers"] .retailer-hero-city-control{
  left:4.8% !important;
  top:auto !important;
  bottom:clamp(18px,2vw,30px) !important;
  width:min(360px,32vw) !important;
}

/* RESOURCES + CONTACT */
body[data-page="resources"] .page-hero,
body[data-page="contact"] .page-hero{
  width:100% !important;
  min-height:0 !important;
  height:auto !important;
  aspect-ratio:var(--paldo-home-hero-ratio) !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
}
body[data-page="resources"] .page-hero > .wrap,
body[data-page="contact"] .page-hero > .wrap{
  width:min(1180px,92vw) !important;
  margin:auto !important;
}

/* Keep tablet/mobile usable while preserving a consistent inner-page system */
@media(max-width:800px){
  body[data-page="about"] .about-hero-grid{
    aspect-ratio:auto !important;
    min-height:420px !important;
    grid-template-columns:1fr !important;
  }
  body[data-page="about"] .about-hero-copy{
    min-height:300px !important;
  }
  body[data-page="about"] .about-hero-image{
    min-height:260px !important;
  }

  body[data-page="retailers"] .retailer-image-hero{
    aspect-ratio:auto !important;
    height:420px !important;
  }
  body[data-page="retailers"] .retailer-image-hero img{
    width:145% !important;
    max-width:none !important;
    object-position:left center !important;
    transform:translateX(-7%) !important;
  }
  body[data-page="retailers"] .retailer-hero-city-control{
    left:5vw !important;
    right:5vw !important;
    width:auto !important;
    bottom:22px !important;
  }

  body[data-page="resources"] .page-hero,
  body[data-page="contact"] .page-hero{
    aspect-ratio:auto !important;
    min-height:320px !important;
    padding:44px 0 !important;
  }
}

/* ===== Find a Retailer hero: same split proportions as About ===== */
body[data-page="retailers"] .retailer-split-hero{
  width:100%;
  aspect-ratio:1535 / 470;
  display:grid;
  grid-template-columns:44% 56%;
  overflow:hidden;
  background:#080808;
}

body[data-page="retailers"] .retailer-hero-copy{
  min-width:0;
  padding:clamp(24px,2.5vw,42px) clamp(30px,3.6vw,56px);
  background:#080808;
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
}

body[data-page="retailers"] .retailer-hero-eyebrow{
  margin:0;
  color:#d8aa4b;
  font-size:clamp(12px,1.05vw,16px);
  line-height:1.2;
  font-weight:900;
  letter-spacing:.12em;
}

body[data-page="retailers"] .retailer-hero-accent{
  width:46px;
  height:2px;
  margin:clamp(9px,1vw,14px) 0 clamp(12px,1.3vw,18px);
  background:#d8aa4b;
}

body[data-page="retailers"] .retailer-hero-copy h1{
  margin:0;
  color:#fff;
  font-size:clamp(38px,3.45vw,54px);
  line-height:.98;
  font-weight:900;
  letter-spacing:-.025em;
}

body[data-page="retailers"] .retailer-hero-lead{
  margin:clamp(16px,1.4vw,22px) 0 clamp(14px,1.3vw,20px);
  max-width:430px;
  color:#f0f0f0;
  font-size:clamp(13px,1.02vw,16px);
  line-height:1.45;
}

body[data-page="retailers"] .retailer-hero-city-control{
  position:static !important;
  width:min(100%,380px) !important;
  margin:0 !important;
}

body[data-page="retailers"] .retailer-hero-city-control label{
  display:block;
  margin:0 0 7px;
  color:#d8aa4b;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

body[data-page="retailers"] .retailer-hero-city-control select{
  width:100%;
  min-height:46px;
  padding:0 14px;
  border:1px solid rgba(216,170,75,.55);
  border-radius:7px;
  background:#fff8ef;
  color:#111;
  font-size:15px;
  font-weight:700;
  box-shadow:none;
}

body[data-page="retailers"] .retailer-hero-collage{
  min-width:0;
  height:100%;
  overflow:hidden;
  background:#c7a162;
}

body[data-page="retailers"] .retailer-hero-collage img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
}

/* Neutralize the older full-image hero rules */
body[data-page="retailers"] .retailer-image-hero{
  display:none !important;
}

@media(max-width:800px){
  body[data-page="retailers"] .retailer-split-hero{
    aspect-ratio:auto;
    grid-template-columns:1fr;
  }
  body[data-page="retailers"] .retailer-hero-copy{
    min-height:330px;
    padding:42px 5vw 34px;
  }
  body[data-page="retailers"] .retailer-hero-collage{
    min-height:260px;
  }
}

/* --- Final Find a Retailer hero alignment with About hero --- */
body[data-page="retailers"] .retailer-split-hero{
  grid-template-columns:44% 56% !important;
  aspect-ratio:1535 / 470 !important;
}
body[data-page="retailers"] .retailer-hero-copy{
  width:100% !important;
  background:#080808 !important;
}
body[data-page="retailers"] .retailer-hero-collage{
  width:100% !important;
  height:100% !important;
  overflow:hidden !important;
}
body[data-page="retailers"] .retailer-hero-collage img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:none !important;
}

/* ===== Final retailer hero copy-block cleanup ===== */

/* Match About hero: one continuous, full-height black block */
body[data-page="retailers"] .retailer-split-hero{
  grid-template-columns:44% 56% !important;
  background:#080808 !important;
}
body[data-page="retailers"] .retailer-hero-copy{
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  box-sizing:border-box !important;
  background:#080808 !important;
  padding:clamp(24px,2.5vw,42px) clamp(30px,3.6vw,56px) !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
}

/* Tighter text-to-dropdown rhythm */
body[data-page="retailers"] .retailer-hero-lead{
  margin:clamp(14px,1.25vw,19px) 0 clamp(13px,1.15vw,17px) !important;
  max-width:430px !important;
  line-height:1.42 !important;
}

/* One city prompt only: inside the dropdown */
body[data-page="retailers"] .retailer-hero-city-control{
  position:static !important;
  width:min(100%,380px) !important;
  margin:0 !important;
}
body[data-page="retailers"] .retailer-hero-city-control label{
  display:none !important;
}
body[data-page="retailers"] .retailer-hero-city-control select{
  width:100% !important;
  min-height:50px !important;
  padding:0 42px 0 16px !important;
  border:1px solid rgba(216,170,75,.62) !important;
  border-radius:8px !important;
  background:#fff8ef !important;
  color:#111 !important;
  font-size:15px !important;
  font-weight:800 !important;
  letter-spacing:.02em !important;
  box-shadow:none !important;
}

/* Empty/default state is the yellow CHOOSE YOUR CITY prompt */
body[data-page="retailers"] .retailer-hero-city-control select:invalid{
  color:#d8aa4b !important;
  font-weight:900 !important;
  letter-spacing:.055em !important;
}
body[data-page="retailers"] .retailer-hero-city-control select option{
  color:#111;
  font-weight:700;
  letter-spacing:normal;
}
body[data-page="retailers"] .retailer-hero-city-control select option[value=""]{
  color:#d8aa4b;
  font-weight:900;
}

/* Keep collage exactly in its existing 56% panel */
body[data-page="retailers"] .retailer-hero-collage{
  height:100% !important;
}

/* ===== Resources hero: same system as About ===== */
body[data-page="resources"] .resources-split-hero{
  width:100%;
  aspect-ratio:1535 / 470;
  display:grid;
  grid-template-columns:44% 56%;
  overflow:hidden;
  background:#080808;
}

body[data-page="resources"] .resources-hero-copy{
  width:100%;
  height:100%;
  min-width:0;
  box-sizing:border-box;
  padding:clamp(24px,2.5vw,42px) clamp(30px,3.6vw,56px);
  background:#080808;
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
}

body[data-page="resources"] .resources-hero-eyebrow{
  margin:0;
  color:#e20b16;
  font-size:clamp(12px,1.05vw,16px);
  line-height:1.2;
  font-weight:900;
  letter-spacing:.12em;
}

body[data-page="resources"] .resources-hero-accent{
  display:block;
  width:44px;
  height:2px;
  margin:clamp(9px,1vw,14px) 0 clamp(12px,1.3vw,20px);
  background:#e20b16;
}

body[data-page="resources"] .resources-hero-title{
  margin:0;
  max-width:540px;
  color:#fff;
  font-size:clamp(34px,3.05vw,48px);
  line-height:1.02;
  font-weight:900;
  letter-spacing:-.025em;
}

body[data-page="resources"] .resources-hero-title span{
  display:block;
}

body[data-page="resources"] .resources-hero-title strong{
  color:#e20b16;
  font-weight:900;
}

body[data-page="resources"] .resources-hero-divider{
  display:block;
  width:44px;
  height:2px;
  margin:clamp(14px,1.4vw,21px) 0 clamp(12px,1.2vw,18px);
  background:rgba(255,255,255,.32);
}

body[data-page="resources"] .resources-hero-lead{
  max-width:500px;
  margin:0 0 clamp(16px,1.5vw,24px);
  color:#f0f0f0;
  font-size:clamp(13px,1.05vw,16px);
  line-height:1.42;
}

body[data-page="resources"] .resources-hero-cta{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  min-width:250px;
  min-height:48px;
  padding:0 20px;
  border-radius:4px;
  background:#d90914;
  color:#fff;
  font-size:13px;
  font-weight:900;
  letter-spacing:.025em;
}

body[data-page="resources"] .resources-hero-cta span:last-child{
  font-size:22px;
  line-height:1;
}

body[data-page="resources"] .resources-hero-image{
  min-width:0;
  height:100%;
  overflow:hidden;
  background:#1a0e0a;
}

body[data-page="resources"] .resources-hero-image img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
}

/* Neutralize the old generic Resources hero sizing */
body[data-page="resources"] .page-hero.resources-page-hero{
  display:none !important;
}

@media(max-width:800px){
  body[data-page="resources"] .resources-split-hero{
    aspect-ratio:auto;
    grid-template-columns:1fr;
  }

  body[data-page="resources"] .resources-hero-copy{
    min-height:320px;
    padding:42px 5vw 34px;
  }

  body[data-page="resources"] .resources-hero-image{
    min-height:260px;
  }
}

/* ===== Resources hero final correction ===== */

/* Exact same split/height system as About */
body[data-page="resources"] .resources-split-hero{
  grid-template-columns:44% 56% !important;
  aspect-ratio:1535 / 470 !important;
  background:#080808 !important;
}

body[data-page="resources"] .resources-hero-copy{
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  box-sizing:border-box !important;
  background:#080808 !important;
  padding:clamp(24px,2.5vw,42px) clamp(30px,3.6vw,56px) !important;
  justify-content:center !important;
}

/* Since CTA is removed, rebalance the copy vertically */
body[data-page="resources"] .resources-hero-lead{
  margin-bottom:0 !important;
  max-width:500px !important;
}

/* Keep the new visual contained and less oversized */
body[data-page="resources"] .resources-hero-image{
  width:100% !important;
  height:100% !important;
  overflow:hidden !important;
  background:#1a0e0a !important;
}
body[data-page="resources"] .resources-hero-image img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:none !important;
}

/* Old CTA hidden defensively */
body[data-page="resources"] .resources-hero-cta{
  display:none !important;
}

/* --- Resources hero: final approved visual framing --- */
body[data-page="resources"] .resources-split-hero{
  grid-template-columns:44% 56% !important;
  aspect-ratio:1535 / 470 !important;
}
body[data-page="resources"] .resources-hero-image{
  width:100% !important;
  height:100% !important;
  overflow:hidden !important;
}
body[data-page="resources"] .resources-hero-image img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  transform:none !important;
}

/* ===== Resources hero: exact approved right-side visual ===== */
body[data-page="resources"] .resources-split-hero{
  width:100% !important;
  aspect-ratio:1535 / 470 !important;
  grid-template-columns:44% 56% !important;
  overflow:hidden !important;
  background:#080808 !important;
}
body[data-page="resources"] .resources-hero-copy{
  width:100% !important;
  height:100% !important;
  background:#080808 !important;
}
body[data-page="resources"] .resources-hero-image{
  width:100% !important;
  height:100% !important;
  overflow:hidden !important;
  background:#1b100b !important;
}
body[data-page="resources"] .resources-hero-image img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center 50% !important;
  transform:none !important;
}
body[data-page="resources"] .resources-hero-cta{
  display:none !important;
}

/* ===== Find a Retailer hero: red + white palette ===== */
body[data-page="retailers"] .retailer-hero-eyebrow{
  color:#e20b16 !important;
}

body[data-page="retailers"] .retailer-hero-accent{
  background:#e20b16 !important;
}

body[data-page="retailers"] .retailer-hero-copy h1{
  color:#fff !important;
}

body[data-page="retailers"] .retailer-hero-copy h1 span{
  display:block;
}

body[data-page="retailers"] .retailer-hero-copy h1 .retailer-red-line{
  color:#e20b16 !important;
}

body[data-page="retailers"] .retailer-hero-lead{
  color:#fff !important;
}

/* Black dropdown with white outline */
body[data-page="retailers"] .retailer-hero-city-control select{
  background:#080808 !important;
  border:1px solid rgba(255,255,255,.92) !important;
  color:#fff !important;
  box-shadow:none !important;
}

/* Placeholder / empty state in red */
body[data-page="retailers"] .retailer-hero-city-control select:invalid{
  color:#e20b16 !important;
  font-weight:900 !important;
  letter-spacing:.055em !important;
}

body[data-page="retailers"] .retailer-hero-city-control select option{
  background:#080808 !important;
  color:#fff !important;
}

body[data-page="retailers"] .retailer-hero-city-control select option[value=""]{
  color:#e20b16 !important;
  font-weight:900 !important;
}

/* ===== Find a Retailer hero: clean hard split matching About ===== */
body[data-page="retailers"] .retailer-split-hero{
  width:100% !important;
  aspect-ratio:1535 / 470 !important;
  display:grid !important;
  grid-template-columns:44% 56% !important;
  background:#080808 !important;
  overflow:hidden !important;
}

body[data-page="retailers"] .retailer-hero-copy{
  position:relative !important;
  z-index:2 !important;
  width:100% !important;
  height:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  background:#080808 !important;
  overflow:hidden !important;
}

body[data-page="retailers"] .retailer-hero-collage{
  position:relative !important;
  z-index:1 !important;
  width:100% !important;
  height:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#000 !important;
}

body[data-page="retailers"] .retailer-hero-collage::before,
body[data-page="retailers"] .retailer-hero-collage::after{
  display:none !important;
  content:none !important;
}

body[data-page="retailers"] .retailer-hero-collage img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:none !important;
  filter:none !important;
  mask:none !important;
  -webkit-mask:none !important;
  clip-path:none !important;
}

/* Explicit hard vertical seam */
body[data-page="retailers"] .retailer-hero-copy{
  border-right:0 !important;
}

/* ===== Warm cream content cards: About + Resources ===== */
body[data-page="about"] .content-card{
  background:#FFF3E6 !important;
  border-color:#E7D2BF !important;
}

body[data-page="resources"] .resource-page-grid article{
  background:#FFF3E6 !important;
  border-color:#E7D2BF !important;
}

/* Keep any outlined action inside a resource card from reading as a white box */
body[data-page="resources"] .resource-page-grid .outline-btn{
  background:transparent !important;
}

/* --- Find a Retailer collage: preserve the top of the approved image --- */
body[data-page="retailers"] .retailer-hero-collage img{
  object-position:center top !important;
}

/* ===== Contact page: warm cream surfaces ===== */
body[data-page="contact"] .contact-card,
body[data-page="contact"] .contact-details-card,
body[data-page="contact"] .contact-form-card,
body[data-page="contact"] .contact-panel,
body[data-page="contact"] .content-card{
  background:#FFF3E6 !important;
}

body[data-page="contact"] input,
body[data-page="contact"] textarea,
body[data-page="contact"] select{
  background:#FFF3E6 !important;
}

body[data-page="contact"] button[type="submit"],
body[data-page="contact"] .contact-form button[type="submit"]{
  background:#d90914 !important;
  color:#fff !important;
}

/* ===== Contact + Resources: light beige boxes ===== */

/* Contact page cards */
body[data-page="contact"] .content-card,
body[data-page="contact"] .contact-card,
body[data-page="contact"] .contact-details-card,
body[data-page="contact"] .contact-form-card,
body[data-page="contact"] .contact-panel{
  background:#F5EADF !important;
  border-color:#DCC6B2 !important;
}

/* Contact form fields */
body[data-page="contact"] input,
body[data-page="contact"] textarea,
body[data-page="contact"] select{
  background:#F5EADF !important;
  border-color:#DCC6B2 !important;
}

/* Resources page cards */
body[data-page="resources"] .resource-page-grid article,
body[data-page="resources"] .resource-card,
body[data-page="resources"] .content-card{
  background:#F5EADF !important;
  border-color:#DCC6B2 !important;
}

/* Keep outlined controls integrated with the beige cards */
body[data-page="resources"] .outline-btn{
  background:transparent !important;
}

/* ===== Revert Contact + Resources boxes to Warm Cream ===== */

/* Contact page cards */
body[data-page="contact"] .content-card,
body[data-page="contact"] .contact-card,
body[data-page="contact"] .contact-details-card,
body[data-page="contact"] .contact-form-card,
body[data-page="contact"] .contact-panel{
  background:#FFF3E6 !important;
  border-color:#E7D2BF !important;
}

/* Contact form fields */
body[data-page="contact"] input,
body[data-page="contact"] textarea,
body[data-page="contact"] select{
  background:#FFF3E6 !important;
  border-color:#E7D2BF !important;
}

/* Resources page cards */
body[data-page="resources"] .resource-page-grid article,
body[data-page="resources"] .resource-card,
body[data-page="resources"] .content-card{
  background:#FFF3E6 !important;
  border-color:#E7D2BF !important;
}

body[data-page="resources"] .outline-btn{
  background:transparent !important;
}

/* ===== Contact + Resources: unified light warm cream ===== */

/* Contact page cards */
body[data-page="contact"] .content-card,
body[data-page="contact"] .contact-card,
body[data-page="contact"] .contact-details-card,
body[data-page="contact"] .contact-form-card,
body[data-page="contact"] .contact-panel{
  background:#FFF8EF !important;
  border-color:#E7D2BF !important;
}

/* Contact form fields */
body[data-page="contact"] input,
body[data-page="contact"] textarea,
body[data-page="contact"] select{
  background:#FFF8EF !important;
  border-color:#E7D2BF !important;
}

/* Resources page cards */
body[data-page="resources"] .resource-page-grid article,
body[data-page="resources"] .resource-card,
body[data-page="resources"] .content-card{
  background:#FFF8EF !important;
  border-color:#E7D2BF !important;
}

/* Keep any outlined controls visually integrated */
body[data-page="resources"] .outline-btn{
  background:transparent !important;
}

/* =========================================================
   Resources page — detailed resource hub
   ========================================================= */
html{scroll-behavior:smooth;}

body[data-page="resources"] .resources-overview-section{
  padding-bottom:42px;
}

body[data-page="resources"] .resource-overview-card{
  position:relative;
  min-height:190px;
  display:flex;
  flex-direction:column;
  background:#FFF8EF !important;
  border:1px solid #E7D2BF !important;
}

body[data-page="resources"] .resource-overview-card h3{
  margin:0 0 14px;
}

body[data-page="resources"] .resource-overview-card p{
  margin:0 0 18px;
}

body[data-page="resources"] .resource-card-topline{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

body[data-page="resources"] .coming-soon-badge{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  background:#FBE7DF;
  border:1px solid #EDC9BF;
  color:#C80010;
  font-size:11px;
  font-weight:900;
  letter-spacing:.04em;
  white-space:nowrap;
}

body[data-page="resources"] .resource-jump-btn{
  margin-top:auto;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  width:max-content;
  min-width:165px;
  padding:10px 14px;
  border:1.5px solid #D90914;
  border-radius:6px;
  color:#D90914;
  background:transparent;
  font-size:12px;
  font-weight:900;
  letter-spacing:.02em;
  text-decoration:none;
}

body[data-page="resources"] .resource-jump-btn:hover{
  background:#D90914;
  color:#fff;
}

body[data-page="resources"] .resource-detail-section{
  scroll-margin-top:96px;
  padding:58px 0;
  background:#FAF7F0;
  border-top:1px solid #E9DDCF;
}

body[data-page="resources"] .resource-detail-alt{
  background:#F7F0E7;
}

body[data-page="resources"] .resource-section-heading{
  max-width:760px;
  margin:0 auto 30px;
  text-align:center;
}

body[data-page="resources"] .resource-section-heading > span{
  display:inline-block;
  margin-bottom:8px;
  color:#D90914;
  font-size:12px;
  font-weight:900;
  letter-spacing:.12em;
}

body[data-page="resources"] .resource-section-heading h2{
  margin:0 0 9px;
  font-size:34px;
  line-height:1.08;
}

body[data-page="resources"] .resource-section-heading p{
  margin:0 auto;
  color:#5C5148;
  line-height:1.55;
}

body[data-page="resources"] .resource-product-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
  max-width:1120px;
  margin:0 auto;
}

body[data-page="resources"] .resource-product-card{
  background:#FFF8EF;
  border:1px solid #E7D2BF;
  border-radius:16px;
  padding:20px;
  min-width:0;
}

body[data-page="resources"] .resource-product-head{
  display:flex;
  align-items:center;
  gap:14px;
  padding-bottom:15px;
  margin-bottom:16px;
  border-bottom:1px solid #E9DACA;
}

body[data-page="resources"] .resource-product-head > img{
  width:58px;
  height:64px;
  object-fit:contain;
  background:#fff;
  border-radius:8px;
  padding:3px;
}

body[data-page="resources"] .resource-product-head h3{
  margin:2px 0 0;
  font-size:22px;
}

body[data-page="resources"] .product-kicker{
  color:#D90914;
  font-size:10px;
  font-weight:900;
  letter-spacing:.10em;
}

body[data-page="resources"] .resource-image-frame{
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:#fff;
  border:1px solid #E7DED4;
  border-radius:12px;
}

body[data-page="resources"] .resource-image-frame img{
  display:block;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
}

body[data-page="resources"] .cooking-frame{
  min-height:330px;
  padding:14px;
}

body[data-page="resources"] .cooking-frame img{
  width:100%;
  height:auto;
}

body[data-page="resources"] .nutrition-frame{
  min-height:430px;
  padding:18px;
}

body[data-page="resources"] .nutrition-frame img{
  max-height:410px;
  width:auto;
}

body[data-page="resources"] .resource-faq-wrap{
  max-width:980px;
}

body[data-page="resources"] .resource-faq-list{
  display:grid;
  gap:10px;
}

body[data-page="resources"] .resource-faq-list details{
  background:#FFF8EF;
  border:1px solid #E7D2BF;
  border-radius:10px;
  overflow:hidden;
}

body[data-page="resources"] .resource-faq-list summary{
  position:relative;
  list-style:none;
  cursor:pointer;
  padding:17px 48px 17px 18px;
  font-weight:900;
}

body[data-page="resources"] .resource-faq-list summary::-webkit-details-marker{
  display:none;
}

body[data-page="resources"] .resource-faq-list summary::after{
  content:"+";
  position:absolute;
  right:18px;
  top:50%;
  transform:translateY(-50%);
  color:#D90914;
  font-size:22px;
  font-weight:800;
}

body[data-page="resources"] .resource-faq-list details[open] summary::after{
  content:"−";
}

body[data-page="resources"] .resource-faq-list details p{
  margin:0;
  padding:0 18px 18px;
  color:#554C45;
  line-height:1.6;
}

@media(max-width:900px){
  body[data-page="resources"] .resource-product-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:680px){
  body[data-page="resources"] .resource-overview-card{
    min-height:0;
  }
  body[data-page="resources"] .resource-section-heading h2{
    font-size:28px;
  }
  body[data-page="resources"] .cooking-frame,
  body[data-page="resources"] .nutrition-frame{
    min-height:0;
  }
  body[data-page="resources"] .nutrition-frame img{
    max-height:none;
    width:100%;
  }
}

/* =========================================================
   Resources: native cooking + nutrition components
   ========================================================= */

body[data-page="resources"] .native-cooking-card,
body[data-page="resources"] .native-nutrition-card{
  background:#FFF8EF !important;
}

body[data-page="resources"] .cook-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 18px;
}

body[data-page="resources"] .cook-chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:32px;
  padding:0 11px;
  border-radius:999px;
  background:#F9E8DF;
  border:1px solid #EEC9BE;
  color:#6B463E;
  font-size:10px;
  font-weight:800;
  letter-spacing:.04em;
}

body[data-page="resources"] .cook-chip strong{
  color:#D90914;
  font-size:12px;
}

body[data-page="resources"] .native-cook-steps{
  display:grid;
  gap:0;
  margin:0;
  padding:0;
  list-style:none;
}

body[data-page="resources"] .native-cook-steps li{
  display:grid;
  grid-template-columns:38px 1fr;
  gap:13px;
  padding:15px 0;
  border-bottom:1px solid #E9DACA;
}

body[data-page="resources"] .native-cook-steps li:first-child{
  padding-top:4px;
}

body[data-page="resources"] .native-cook-steps li:last-child{
  border-bottom:0;
}

body[data-page="resources"] .cook-step-number{
  width:34px;
  height:34px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#D90914;
  color:#fff;
  font-size:14px;
  font-weight:900;
}

body[data-page="resources"] .native-cook-steps strong{
  display:block;
  margin:1px 0 4px;
  font-size:15px;
}

body[data-page="resources"] .native-cook-steps p{
  margin:0;
  color:#5B5047;
  font-size:13px;
  line-height:1.55;
}

body[data-page="resources"] .cook-type-note{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:14px;
  padding:12px 14px;
  border-radius:10px;
  background:#111;
  color:#fff;
}

body[data-page="resources"] .cook-type-icon{
  flex:0 0 auto;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#D90914;
  font-size:17px;
}

body[data-page="resources"] .cook-type-note div{
  display:flex;
  flex-direction:column;
  gap:2px;
}

body[data-page="resources"] .cook-type-note strong{
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.05em;
}

body[data-page="resources"] .cook-type-note span:last-child{
  color:#D8D8D8;
  font-size:11px;
  line-height:1.4;
}

/* Nutrition */
body[data-page="resources"] .nutrition-hero-row{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  padding:15px 0 17px;
  border-bottom:4px solid #111;
}

body[data-page="resources"] .nutrition-hero-row > div:first-child{
  display:flex;
  flex-direction:column;
  gap:3px;
}

body[data-page="resources"] .nutrition-hero-row span{
  color:#675B51;
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.04em;
}

body[data-page="resources"] .nutrition-hero-row strong{
  font-size:16px;
}

body[data-page="resources"] .calorie-block{
  text-align:right;
}

body[data-page="resources"] .calorie-block strong{
  display:block;
  color:#D90914;
  font-size:42px;
  line-height:.9;
  letter-spacing:-.04em;
}

body[data-page="resources"] .nutrition-table-wrap{
  overflow-x:auto;
}

body[data-page="resources"] .native-nutrition-table{
  width:100%;
  border-collapse:collapse;
  font-size:12px;
}

body[data-page="resources"] .native-nutrition-table th{
  padding:9px 8px;
  background:#111;
  color:#fff;
  text-align:left;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.04em;
}

body[data-page="resources"] .native-nutrition-table th:nth-child(2),
body[data-page="resources"] .native-nutrition-table th:nth-child(3),
body[data-page="resources"] .native-nutrition-table td:nth-child(2),
body[data-page="resources"] .native-nutrition-table td:nth-child(3){
  text-align:right;
}

body[data-page="resources"] .native-nutrition-table td{
  padding:8px;
  border-bottom:1px solid #E7D8C8;
  color:#29231F;
}

body[data-page="resources"] .native-nutrition-table tbody tr:not(.sub-row) td:first-child{
  font-weight:900;
}

body[data-page="resources"] .native-nutrition-table .sub-row td:first-child{
  padding-left:22px;
  color:#62574D;
}

body[data-page="resources"] .native-nutrition-table td:last-child{
  font-weight:800;
}

body[data-page="resources"] .nutrition-micro-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:14px;
}

body[data-page="resources"] .nutrition-micro-grid span{
  padding:10px 11px;
  border-radius:8px;
  background:#F7EBDD;
  color:#544A42;
  font-size:11px;
}

body[data-page="resources"] .nutrition-micro-grid strong{
  color:#16110E;
}

body[data-page="resources"] .allergen-strip{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:14px;
  padding:12px 13px;
  border-radius:9px;
  background:#FBE4DE;
  border:1px solid #EEC5BA;
}

body[data-page="resources"] .allergen-strip > span{
  color:#D90914;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
}

body[data-page="resources"] .allergen-strip strong{
  font-size:12px;
}

@media(max-width:680px){
  body[data-page="resources"] .calorie-block strong{
    font-size:36px;
  }
  body[data-page="resources"] .nutrition-micro-grid{
    grid-template-columns:1fr;
  }
}

/* ===== Align HWA / Volcano cooking style bars ===== */
body[data-page="resources"] .native-cooking-card{
  display:flex !important;
  flex-direction:column !important;
}

body[data-page="resources"] .native-cooking-card .cook-type-note{
  margin-top:auto !important;
}

/* ===== Resources section headings: flanking red lines ===== */
body[data-page="resources"] .resource-section-heading h2{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:20px !important;
  width:100% !important;
}

body[data-page="resources"] .resource-section-heading h2::before,
body[data-page="resources"] .resource-section-heading h2::after{
  content:"" !important;
  display:block !important;
  flex:1 1 120px !important;
  height:1px !important;
  max-width:220px !important;
  background:rgba(217,9,20,.55) !important;
}

@media(max-width:680px){
  body[data-page="resources"] .resource-section-heading h2{
    gap:12px !important;
  }
  body[data-page="resources"] .resource-section-heading h2::before,
  body[data-page="resources"] .resource-section-heading h2::after{
    max-width:70px !important;
  }
}

/* =========================================================
   Resources FAQ search
   ========================================================= */
body[data-page="resources"] .faq-search-wrap{
  width:min(680px, 100%);
  margin:0 auto 22px;
}

body[data-page="resources"] .faq-search-box{
  position:relative;
  display:flex;
  align-items:center;
  min-height:54px;
  background:#FFF8EF;
  border:1.5px solid rgba(17,17,17,.78);
  border-radius:10px;
  transition:border-color .18s ease, box-shadow .18s ease;
}

body[data-page="resources"] .faq-search-box:focus-within{
  border-color:#D90914;
  box-shadow:0 0 0 3px rgba(217,9,20,.08);
}

body[data-page="resources"] .faq-search-icon{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  width:52px;
  color:#D90914;
}

body[data-page="resources"] .faq-search-box input{
  flex:1 1 auto;
  min-width:0;
  height:52px;
  padding:0 44px 0 0;
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
  color:#16110E;
  font:inherit;
  font-size:14px;
  font-weight:650;
  box-shadow:none !important;
}

body[data-page="resources"] .faq-search-box input::placeholder{
  color:#74685F;
  opacity:1;
  font-weight:600;
}

body[data-page="resources"] .faq-clear-btn{
  position:absolute;
  right:8px;
  top:50%;
  transform:translateY(-50%);
  width:36px;
  height:36px;
  border:0;
  border-radius:50%;
  background:transparent;
  color:#D90914;
  font-size:25px;
  line-height:1;
  cursor:pointer;
}

body[data-page="resources"] .faq-clear-btn:hover{
  background:rgba(217,9,20,.08);
}

body[data-page="resources"] .faq-no-results{
  margin:13px 0 0;
  text-align:center;
  color:#675B51;
  font-size:13px;
  font-weight:700;
}

body[data-page="resources"] .resource-faq-list details[hidden]{
  display:none !important;
}

@media(max-width:680px){
  body[data-page="resources"] .faq-search-wrap{
    margin-bottom:18px;
  }
  body[data-page="resources"] .faq-search-box{
    min-height:50px;
  }
  body[data-page="resources"] .faq-search-box input{
    height:48px;
    font-size:13px;
  }
  body[data-page="resources"] .faq-search-icon{
    width:46px;
  }
}

/* ===== Crisp social icons: Facebook / Instagram / WhatsApp ===== */
.footer .social,
.social{
  display:flex;
  align-items:center;
  gap:10px;
}

.footer .social a,
.social a{
  width:42px !important;
  height:42px !important;
  padding:0 !important;
  border-radius:12px !important;
  overflow:hidden !important;
  display:inline-grid !important;
  place-items:center !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  transition:transform .18s ease, opacity .18s ease !important;
}

.footer .social a:hover,
.social a:hover{
  transform:translateY(-2px) !important;
  opacity:.92 !important;
}

.footer .social a img,
.social a img{
  display:block !important;
  width:42px !important;
  height:42px !important;
  object-fit:contain !important;
}

/* Talk to Paldo: match About hero exactly */
body[data-page="contact"] .contact-page-hero{padding:0!important;margin:0!important;overflow:hidden!important;background:#080808!important;}
body[data-page="contact"] .contact-hero-grid{width:100%!important;max-width:none!important;margin:0!important;display:grid!important;grid-template-columns:44% 56%!important;aspect-ratio:var(--paldo-home-hero-ratio)!important;background:#080808!important;overflow:hidden!important;}
body[data-page="contact"] .contact-hero-copy,body[data-page="contact"] .contact-hero-image{min-width:0!important;min-height:0!important;height:100%!important;}
body[data-page="contact"] .contact-hero-copy{box-sizing:border-box!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;padding:clamp(24px,2.5vw,42px) clamp(30px,3.6vw,56px)!important;background:#080808!important;color:#fff!important;}
body[data-page="contact"] .contact-hero-eyebrow{margin:0!important;color:#fff!important;font-size:clamp(12px,1.05vw,16px)!important;line-height:1.2!important;font-weight:900!important;letter-spacing:.08em!important;}
body[data-page="contact"] .contact-hero-accent{display:block!important;width:44px!important;height:2px!important;margin:clamp(9px,1vw,14px) 0 clamp(12px,1.3vw,20px)!important;background:#e20b16!important;}
body[data-page="contact"] .contact-hero-title{margin:0!important;max-width:520px!important;color:#fff!important;font-size:clamp(34px,3.05vw,48px)!important;line-height:1.02!important;font-weight:900!important;letter-spacing:-.025em!important;}
body[data-page="contact"] .contact-hero-title span{display:block!important;}
body[data-page="contact"] .contact-hero-title .red-line{color:#e20b16!important;}
body[data-page="contact"] .contact-hero-divider{display:block!important;width:44px!important;height:2px!important;margin:clamp(14px,1.4vw,21px) 0 clamp(12px,1.2vw,18px)!important;background:rgba(255,255,255,.30)!important;}
body[data-page="contact"] .contact-hero-lead{max-width:500px!important;margin:0!important;color:#f0f0f0!important;font-size:clamp(13px,1.05vw,16px)!important;line-height:1.42!important;}
body[data-page="contact"] .contact-hero-image{overflow:hidden!important;background:#1d120d!important;}
body[data-page="contact"] .contact-hero-image{position:relative!important;isolation:isolate!important;}
body[data-page="contact"] .contact-hero-image .contact-scene{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;}
body[data-page="contact"] .contact-original-packets{position:absolute;z-index:2;left:3.5%;bottom:0;width:39%;height:55%;pointer-events:none;}
body[data-page="contact"] .contact-pack{position:absolute;display:block!important;width:auto!important;height:auto!important;object-fit:contain!important;filter:drop-shadow(0 12px 10px rgba(0,0,0,.48));transform-origin:50% 100%;}
body[data-page="contact"] .contact-pack-hwa{left:0;bottom:-10%;max-width:64%!important;max-height:94%!important;transform:rotate(-5deg);}
body[data-page="contact"] .contact-pack-volcano{right:0;bottom:-7%;max-width:63%!important;max-height:88%!important;transform:rotate(5deg);}
body[data-page="contact"] .contact-hero-image::after{content:"";position:absolute;z-index:1;inset:auto 0 0;height:24%;background:linear-gradient(0deg,rgba(20,9,3,.36),transparent);pointer-events:none;}
@media(max-width:800px){body[data-page="contact"] .contact-hero-grid{grid-template-columns:1fr!important;aspect-ratio:auto!important;}body[data-page="contact"] .contact-hero-copy{min-height:320px!important;padding:42px 5vw 34px!important;}body[data-page="contact"] .contact-hero-image{min-height:300px!important;}}
@media(max-width:800px){body[data-page="contact"] .contact-original-packets{left:2%;width:46%;height:49%;}}

/* Approved Contact hero composite: original packet PNGs are embedded by the SVG. */
body[data-page="contact"] .contact-hero-image .contact-scene{
  object-position:center center!important;
}
body[data-page="contact"] .contact-original-packets{
  left:24%;
  bottom:10%;
  width:25%;
  height:42%;
  perspective:1000px;
}
body[data-page="contact"] .contact-original-packets::after{
  content:"";
  position:absolute;
  z-index:1;
  left:7%;
  right:3%;
  bottom:1%;
  height:16%;
  border-radius:50%;
  background:rgba(18,7,2,.46);
  filter:blur(7px);
  transform:rotate(-3deg);
}
body[data-page="contact"] .contact-pack-hwa-multi{
  left:0;
  bottom:0;
  z-index:3;
  max-width:100%!important;
  max-height:100%!important;
  transform:perspective(1000px) rotateX(2deg) rotateY(4deg) rotateZ(-2deg)!important;
  filter:brightness(.86) saturate(.9) sepia(.06) drop-shadow(0 8px 7px rgba(0,0,0,.44))!important;
  transform-origin:50% 100%;
}
@media(max-width:800px){
  body[data-page="contact"] .contact-hero-image .contact-scene{
    object-position:58% center!important;
  }
  body[data-page="contact"] .contact-original-packets{
    left:19%;
    bottom:8%;
    width:29%;
    height:39%;
  }
}

/* ===== 2026-08-24 product asset replacement alignment =====
   New approved HWA / Volcano pack photography. Keep all four SKUs
   centered on the same visual baseline and at the same displayed height.
*/
body[data-page="home"] .product-card .product-image,
body[data-page="home"] .product-card .product-image.multi{
  height:150px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
body[data-page="home"] .product-card .product-image img,
body[data-page="home"] .product-card .product-image.multi img{
  width:auto !important;
  height:138px !important;
  max-width:92% !important;
  max-height:138px !important;
  object-fit:contain !important;
  object-position:center !important;
  margin:auto !important;
}

/* ===== 2026-08-24 optical product-pack size alignment =====
   The new Volcano artwork has a wider intrinsic canvas than HWA, so equal
   CSS boxes make it read smaller. These scoped adjustments equalize the
   visible pack artwork without changing card/layout dimensions.
*/

/* Resources: make the Volcano single-pack thumbnail visually match HWA. */
body[data-page="resources"] .resource-product-head > img[src$="volcano-single.png"]{
  transform:scale(1.15) !important;
  transform-origin:center center !important;
}

/* Shop: very small optical corrections only. */
body[data-page="home"] .product-card .product-image img[src$="volcano-single.png"]{
  transform:scale(1.035) !important;
  transform-origin:center center !important;
}
body[data-page="home"] .product-card .product-image img[src$="volcano-multi.png"]{
  transform:scale(1.015) !important;
  transform-origin:center center !important;
}

/* ===== 2026-08-24 Resources pack thumbnails: transparent backgrounds =====
   The approved product PNGs already contain transparency. Remove the
   artificial white thumbnail tile while preserving existing sizing/alignment.
*/
body[data-page="resources"] .resource-product-head > img{
  background:transparent !important;
  box-shadow:none !important;
}

/* ===== 2026-08-24 Resources pack thumbnails: slightly larger =====
   Increase both product thumbnails without altering the header/card structure.
   The existing Volcano optical scale correction remains in place.
*/
body[data-page="resources"] .resource-product-head > img{
  width:66px !important;
  height:72px !important;
  flex:0 0 66px !important;
}

/* Independently sized original packet photography; no image alterations. */
body[data-page="home"] .resized-packet-hero {
  aspect-ratio:1536 / 470;
  background:#080706;
}
.resized-packet-hero .hero-original-copy {
  position:absolute;
  inset:0 auto 0 0;
  width:38%;
  overflow:hidden;
}
.resized-packet-hero .hero-original-copy img {
  display:block;
  width:263.157895%;
  max-width:none;
  height:100%;
}
.resized-packet-hero .hero-original-copy::after {
  content:"";
  position:absolute;
  inset:0 0 0 auto;
  width:12%;
  background:linear-gradient(90deg,transparent,#080706);
}
.resized-packet-hero .hero-original-packets {
  position:absolute;
  inset:0 0 0 38%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:3%;
  padding:3% 2%;
  background:radial-gradient(ellipse at 80% 100%,#3b100b 0,transparent 60%);
}
.resized-packet-hero .hero-original-packets img {
  display:block;
  width:46%;
  height:90%;
  object-fit:contain;
  filter:drop-shadow(0 12px 12px rgba(0,0,0,.4));
}

/* Photorealistic scenery behind the unchanged original packet photographs. */
.resized-packet-hero .hero-original-packets {
  isolation:isolate;
  background:#080706;
}
.resized-packet-hero .hero-original-packets::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(90deg,#080706 0%,transparent 6%),url("assets/hero-realistic-smoke.png") center / cover no-repeat;
}




/* Cleaned copy artwork: exclude generated outer margins and blend the join. */
.resized-packet-hero .hero-original-copy img {
  position:relative;
  height:109.1%;
  top:-4.55%;
}
.resized-packet-hero .hero-original-copy {
  mask-image:linear-gradient(90deg,#000 0%,#000 78%,transparent 100%);
  -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 78%,transparent 100%);
}
.resized-packet-hero .hero-original-copy::after {
  display:none;
}


/* Bring the original packets closer to the copy without resizing them. */
.resized-packet-hero .hero-original-packets img {
  transform:translateX(-8%);
}
.resized-packet-hero .hero-original-packets::before {
  left:-9%;
}
.resized-packet-hero .hero-original-packets::before {
  background-size:100% 100%;
}

/* Reuse the exact background chilli pixels in front of the packet edges. */
.resized-packet-hero .hero-original-packets::after {
  content:"";
  position:absolute;
  inset:0 0 0 -9%;
  z-index:2;
  pointer-events:none;
  background:url("assets/hero-realistic-smoke.png") center / 100% 100% no-repeat;
  clip-path:url(#hero-foreground-chillies);
}

/* Larger interior-page hero typography, with fluid sizing for wide screens. */
body[data-page="about"] .about-hero-title,
body[data-page="contact"] .contact-hero-title,
body[data-page="resources"] .resources-hero-title {
  font-size:clamp(36px,4.1vw,112px) !important;
  max-width:100% !important;
  line-height:1.03 !important;
}
body[data-page="retailers"] .retailer-hero-copy h1 {
  font-size:clamp(42px,4.8vw,130px) !important;
  max-width:100% !important;
  line-height:1.02 !important;
}
body[data-page="about"] .about-hero-title {
  font-size:clamp(34px,3.65vw,100px) !important;
}
body[data-page="about"] .about-hero-lead,
body[data-page="contact"] .contact-hero-lead,
body[data-page="resources"] .resources-hero-lead,
body[data-page="retailers"] .retailer-hero-lead {
  font-size:clamp(16px,1.35vw,34px) !important;
  max-width:100% !important;
  line-height:1.45 !important;
}
body[data-page="about"] .about-hero-eyebrow,
body[data-page="contact"] .contact-hero-eyebrow,
body[data-page="resources"] .resources-hero-eyebrow,
body[data-page="retailers"] .retailer-hero-eyebrow {
  font-size:clamp(14px,1.25vw,30px) !important;
}
body[data-page="cart"] .page-hero h1 {
  font-size:clamp(40px,4.8vw,110px);
}
body[data-page="cart"] .page-hero p {
  font-size:clamp(16px,1.35vw,30px);
}
@media(min-width:801px){
  body[data-page="about"] .about-hero-copy,
  body[data-page="contact"] .contact-hero-copy,
  body[data-page="resources"] .resources-hero-copy,
  body[data-page="retailers"] .retailer-hero-copy {
    padding:2vw 3vw !important;
  }
}
@media(max-width:800px){
  body[data-page="about"] .about-hero-grid,
  body[data-page="contact"] .contact-hero-grid,
  body[data-page="resources"] .resources-split-hero,
  body[data-page="retailers"] .retailer-split-hero {
    grid-template-columns:1fr !important;
    aspect-ratio:auto !important;
  }
  body[data-page="about"] .about-hero-copy,
  body[data-page="contact"] .contact-hero-copy,
  body[data-page="resources"] .resources-hero-copy,
  body[data-page="retailers"] .retailer-hero-copy {
    height:auto !important;
    padding:36px 6vw !important;
  }
}
@media(min-width:801px){
  body[data-page="about"] .about-hero-grid {
    aspect-ratio:var(--paldo-home-hero-ratio) !important;
    min-height:0 !important;
    align-items:stretch !important;
  }
  body[data-page="about"] .about-hero-copy {
    height:100% !important;
    padding:1.25vw 3vw !important;
  }
  body[data-page="about"] .about-hero-image {
    position:relative;
    height:100% !important;
  }
  body[data-page="about"] .about-hero-image img {
    position:absolute;
    inset:0;
  }
  body[data-page="about"] .about-hero-title {
    font-size:clamp(32px,3vw,82px) !important;
  }
  body[data-page="about"] .about-hero-lead {
    margin-bottom:clamp(10px,1vw,16px) !important;
  }
}

/* Approved daylight Contact photograph includes the complete product scene. */
body[data-page="contact"] .contact-hero-image::after{display:none!important;}
body[data-page="contact"] .contact-hero-image .contact-scene{object-position:center center!important;}


/* Inset the city dropdown chevron by an additional 0.25 cm. */
body[data-page="retailers"] .retailer-hero-city-control{position:relative!important;inset:auto!important;}
body[data-page="retailers"] .retailer-hero-city-control select{appearance:none!important;-webkit-appearance:none!important;}
body[data-page="retailers"] .retailer-hero-city-control::after{content:"";position:absolute;right:calc(4px + 0.25cm);top:50%;width:7px;height:7px;border-right:1px solid #e20b16;border-bottom:1px solid #e20b16;transform:translateY(-70%) rotate(45deg);pointer-events:none;}


/* Blend the pale logo image backdrop into the cream header. */
.site-header .brand img{filter:brightness(1.12);mix-blend-mode:multiply;}


/* Cart presentation */
body[data-page="cart"] .cart-item .small-qty button.remove{width:auto;height:auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;}
body[data-page="cart"] #checkoutBtn{font-size:calc(1rem - 2pt);line-height:1.25;}
body[data-page="cart"] .cart-hero{background:#101010 url('assets/cart-hero-shopping.png') right center/auto 100% no-repeat;min-height:360px;display:flex;align-items:center;padding:70px 0;}
body[data-page="cart"] .cart-hero h1{max-width:42%;font-size:clamp(36px,4vw,64px);line-height:1.05;color:white;}
@media(max-width:680px){body[data-page="cart"] .cart-hero{min-height:280px;background-position:58% center;}body[data-page="cart"] .cart-hero h1{max-width:52%;font-size:36px;}}


/* Cart hero follows the interior-page 44/56 split and shared height. */
.cart-packing-hero{display:grid;grid-template-columns:44% 56%;aspect-ratio:var(--paldo-home-hero-ratio);background:#080808;overflow:hidden;}
.cart-packing-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;padding:2vw 3vw;color:#fff;}
.cart-packing-eyebrow{margin:0;font-size:clamp(14px,1.25vw,30px);font-weight:900;letter-spacing:.08em;}
.cart-packing-accent{width:44px;height:2px;background:#e20b16;margin:clamp(9px,1vw,14px) 0 clamp(12px,1.3vw,20px);}
.cart-packing-copy h1{margin:0;font-size:clamp(36px,4.1vw,112px);line-height:1.03;font-weight:900;letter-spacing:-.025em;}
.cart-packing-copy h1 span{color:#e20b16;}
.cart-packing-divider{width:44px;height:2px;background:#ffffff4d;margin:clamp(14px,1.4vw,21px) 0 clamp(12px,1.2vw,18px);}
.cart-packing-lead{margin:0;font-size:clamp(16px,1.35vw,34px);line-height:1.45;}
.cart-packing-photo{min-width:0;min-height:0;background:url('assets/cart-packing-concept.png') right center / auto 309% no-repeat;}
@media(max-width:800px){.cart-packing-hero{grid-template-columns:1fr;aspect-ratio:auto;}.cart-packing-copy{padding:36px 6vw;min-height:320px;}.cart-packing-photo{height:300px;}}

/* Compact cart introduction keeps products and totals near the top. */
body[data-page="cart"] .cart-heading{padding:24px 0 12px;background:var(--cream);}
body[data-page="cart"] .cart-heading h1{margin:0 0 6px;font-size:clamp(28px,2.6vw,40px);line-height:1.1;font-weight:900;color:#a20a12;}
body[data-page="cart"] .cart-heading p{margin:0;font-size:15px;line-height:1.4;color:var(--muted);}
body[data-page="cart"] .cart-content{padding-top:12px;}

.home-city-control{position:relative;min-width:0;}.home-city-control select{width:100%;appearance:none;-webkit-appearance:none;padding-right:60px!important;}.home-city-control::after{content:"";position:absolute;right:calc(8px + .75cm);top:50%;width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-70%) rotate(45deg);pointer-events:none;}
.checkout-heading{padding-top:24px;}.checkout-heading h1{color:var(--red);margin:0;font-size:36px;}.checkout-heading p{margin:8px 0 0;}.checkout-content{padding-top:20px;}.checkout-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:start;}.checkout-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;}.checkout-fields .full{grid-column:1/-1;}.checkout-fields label{display:block;font-weight:700;}.checkout-fields input,.checkout-fields textarea{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #d6c1af;border-radius:6px;font:inherit;background:white;}.payment-options{margin:24px 0;padding:16px;border:1px solid #d6c1af;border-radius:6px;}.payment-options label{display:block;margin:12px 0;}.payment-options input{width:auto;display:inline;accent-color:#a20a12;}.bank-details{padding:16px;background:#fbf7f0;border:1px solid #d6c1af;border-radius:6px;}#placeOrder:disabled{opacity:.5;cursor:default;}#checkoutItems p{font-size:14px;border-bottom:1px solid #eee;padding-bottom:12px;}@media(max-width:800px){.checkout-layout,.checkout-fields{grid-template-columns:1fr;}}

.required-mark{color:#a20a12;font-weight:900;}