/* ===== SAUCERY — product page styles ===== */

/* ---- HERO ---- */
.pd-hero{padding:70px 40px 60px;color:#fff;}
.pd-hero.c1{background:var(--gold);color:#241f2b;}
.pd-hero.c2{background:var(--saffron);color:#241f2b;}
.pd-hero.c3{background:var(--berry-card);}
.pd-hero.c4{background:var(--plum);}
.pd-hero-inner{max-width:860px;margin:0 auto;}
.pd-eyebrow{font-weight:800;letter-spacing:.2em;font-size:12px;text-transform:uppercase;margin-bottom:14px;}
.pd-hero h1{font-family:'Syne';font-weight:800;font-size:clamp(52px,10vw,110px);line-height:.88;letter-spacing:-.03em;margin-bottom:16px;text-wrap:balance;}
.pd-tagline{font-size:clamp(18px,2.5vw,24px);line-height:1.4;max-width:560px;font-weight:500;opacity:.95;margin-bottom:36px;text-wrap:pretty;}
.pd-pricing{display:flex;gap:16px;flex-wrap:wrap;}
.pd-price-card{background:rgba(0,0,0,.15);border-radius:18px;padding:20px 28px;display:flex;flex-direction:column;gap:6px;min-width:160px;}
.pd-hero.c1 .pd-price-card,.pd-hero.c2 .pd-price-card{background:rgba(0,0,0,.1);}
.pd-size{font-weight:700;letter-spacing:.08em;font-size:12px;text-transform:uppercase;color:inherit;opacity:.7;}
.pd-amt{font-family:'Syne';font-weight:800;font-size:34px;line-height:1;letter-spacing:-.02em;}
.pd-btn{display:inline-block;margin-top:8px;background:#fff;font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:12px;padding:12px 22px;border-radius:30px;text-decoration:none;align-self:flex-start;transition:.2s;}
.pd-hero.c1 .pd-btn,.pd-hero.c2 .pd-btn{color:#241f2b;}
.pd-hero.c3 .pd-btn,.pd-hero.c4 .pd-btn{color:var(--ink);}
.pd-btn:hover{transform:scale(1.04);}

/* ---- ABOUT / INGREDIENTS ---- */
.pd-about{padding:70px 40px;border-bottom:1px solid #e8e0d4;}
.pd-about-inner{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:start;}
.pd-about h2{font-family:'Syne';font-weight:800;font-size:clamp(22px,3vw,30px);margin-bottom:14px;}
.pd-description p{font-size:18px;line-height:1.65;color:#3d3647;text-wrap:pretty;}
.pd-note{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#6b6472;margin-bottom:16px;}
.ing-list{list-style:none;padding:0;}
.ing-list li{padding:10px 0;border-bottom:1px solid #e8e0d4;font-size:16px;font-weight:500;color:#3d3647;}
.ing-list li:last-child{border:none;}
.ing-list li::before{content:"·";margin-right:10px;font-weight:800;color:var(--berry-text);}

/* ---- HOW TO ---- */
.pd-howto{background:#f3ede3;padding:70px 40px;}
.pd-section-inner{max-width:1000px;margin:0 auto;}
.pd-howto h2,.pd-uses h2,.pd-bundle-cta h2{font-family:'Syne';font-weight:800;font-size:clamp(26px,4vw,40px);margin-bottom:8px;letter-spacing:-.01em;}
.pd-section-sub{font-size:16px;color:#5e5047;font-weight:500;margin-bottom:36px;text-wrap:balance;}
.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.how-card{background:#fff;border-radius:18px;padding:28px;}
.how-num{font-family:'Syne';font-weight:800;font-size:40px;color:#998880;line-height:1;margin-bottom:10px;}
.how-card h3{font-family:'Syne';font-weight:700;font-size:19px;margin-bottom:10px;}
.how-card p{font-size:15px;line-height:1.6;color:#5d5668;}

/* ---- USE CASES ---- */
.pd-uses{padding:70px 40px;}
.uses-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.use-card{border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 4px 20px rgba(0,0,0,.07);}
.use-img{aspect-ratio:4/3;overflow:hidden;}
.use-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease;}
.use-card:hover .use-img img{transform:scale(1.05);}
.use-body{padding:20px 22px;}
.use-body h3{font-family:'Syne';font-weight:700;font-size:18px;margin-bottom:8px;}
.use-body p{font-size:14px;line-height:1.55;color:#5d5668;}

/* ---- BUNDLE CTA ---- */
.pd-bundle-cta{background:var(--ink);color:#fff;padding:70px 40px;text-align:center;}
.pd-bundle-inner{max-width:640px;margin:0 auto;}
.pd-eyebrow-dark{font-weight:800;letter-spacing:.2em;font-size:12px;text-transform:uppercase;color:var(--saffron);margin-bottom:14px;}
.pd-bundle-cta p{font-size:17px;line-height:1.55;color:#b8b2c0;margin:14px 0 28px;text-wrap:pretty;}
.pd-bundle-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.btn-outline{display:inline-block;border:2px solid #fff;color:#fff;font-family:'Syne';font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:13px;padding:14px 28px;text-decoration:none;border-radius:40px;transition:.2s;}
.btn-outline:hover{background:#fff;color:var(--ink);}

/* ---- PREV/NEXT NAV ---- */
.pd-nav-blends{display:flex;justify-content:space-between;align-items:center;padding:36px 40px;border-top:1px solid #e8e0d4;flex-wrap:wrap;gap:16px;}
.pnb-link{display:flex;flex-direction:column;text-decoration:none;gap:4px;}
.pnb-right{text-align:right;}
.pnb-dir{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#6b6472;}
.pnb-name{font-family:'Syne';font-weight:800;font-size:20px;color:var(--ink);}
.pnb-link:hover .pnb-name{color:var(--berry-text);}
.pnb-all{font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:13px;text-decoration:none;color:var(--berry-text);border:2px solid var(--berry-text);padding:12px 24px;border-radius:30px;transition:.2s;}
.pnb-all:hover{background:var(--berry-text);color:#fff;}

/* ---- RESPONSIVE ---- */
@media(max-width:900px){
  .pd-about-inner{grid-template-columns:1fr;}
  .how-grid{grid-template-columns:1fr 1fr;}
  .uses-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:620px){
  .pd-hero{padding:44px 20px 50px;}
  .pd-pricing{flex-direction:column;}
  .pd-price-card{min-width:0;flex-direction:row;align-items:center;gap:16px;padding:16px 20px;}
  .pd-amt{font-size:28px;}
  .pd-about{padding:50px 20px;}
  .pd-about-inner{gap:36px;}
  .pd-howto,.pd-uses,.pd-bundle-cta{padding:50px 20px;}
  .how-grid{grid-template-columns:1fr;}
  .uses-grid{grid-template-columns:1fr;}
  .pd-nav-blends{padding:28px 20px;}
  .pd-bundle-btns{flex-direction:column;align-items:center;}
  .btn-outline,.pd-bundle-cta .btn{display:block;text-align:center;}
}

/* ---- RECIPE CARDS ---- */
.pd-recipes{background:#f3ede3;padding:70px 40px;border-top:1px solid #e8e0d4;}
.recipes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:36px;}
.recipe-card{background:#fff;border-radius:18px;padding:26px 24px;display:flex;flex-direction:column;border:1px solid #ece4d7;}
.rc-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;}
.rc-title{font-family:'Syne';font-weight:800;font-size:19px;line-height:1.15;letter-spacing:-.01em;}
.rc-serves{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#998880;white-space:nowrap;}
.rc-ing{font-size:14px;line-height:1.55;color:#5d5668;margin-bottom:14px;}
.rc-ing strong{color:#3d3647;font-weight:700;}
.rc-steps{list-style:none;padding:0;margin:0;counter-reset:step;}
.rc-steps li{position:relative;padding-left:30px;font-size:14px;line-height:1.55;color:#3d3647;margin-bottom:9px;counter-increment:step;}
.rc-steps li:last-child{margin-bottom:0;}
.rc-steps li::before{content:counter(step);position:absolute;left:0;top:0;width:20px;height:20px;background:var(--berry-text);color:#fff;border-radius:50%;font-family:'Syne';font-weight:800;font-size:11px;display:flex;align-items:center;justify-content:center;}
@media(max-width:760px){.recipes-grid{grid-template-columns:1fr;}.pd-recipes{padding:50px 20px;}}