:root{--bg:#090909;--panel:#121212;--panel2:#181818;--line:#303030;--text:#fff;--muted:#b7b7b7;--orange:#ff6500;--orange2:#ff9a00;--red:#d51512;--gold:#ffb000;--max:1200px;--shadow:0 24px 70px rgba(0,0,0,.38)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#090909;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.topbar{background:linear-gradient(90deg,#811300,#d51b12,#ff6500,#d51b12,#811300);padding:.52rem 1rem;text-align:center;font-weight:900;font-size:.72rem;letter-spacing:.13em}
.site-header{position:sticky;top:0;z-index:20;background:rgba(9,9,9,.94);backdrop-filter:blur(14px);max-width:none;padding:.7rem max(1.25rem,calc((100% - var(--max))/2));display:flex;align-items:center;justify-content:space-between;gap:2rem;border-bottom:1px solid #252525}
.brand-image img{width:285px;max-height:74px;object-fit:contain;object-position:left center}
nav{display:flex;gap:1.25rem;font-weight:850;font-size:.9rem}nav a{padding:.45rem 0;border-bottom:2px solid transparent}nav a:hover,nav a.active{color:#ff9538;border-color:var(--orange)}
.home-hero{max-width:var(--max);margin:auto;padding:4.5rem 1.25rem 3.5rem;display:grid;grid-template-columns:1.05fr .95fr;gap:4rem;align-items:center;background:radial-gradient(circle at 85% 30%,rgba(255,89,0,.13),transparent 32%)}
.hero-content h1,.page-hero h1{font-size:clamp(3.4rem,7vw,6.8rem);line-height:.86;letter-spacing:-.065em;padding:.2rem 0 1.2rem;margin:0;font-style:italic}.hero-content h1{background:linear-gradient(90deg,#ffb000,#ff6500,#e62408);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lede,.page-hero>p{font-size:1.16rem;color:var(--muted);max-width:760px}.hero-brand-card{border:1px solid #3e2417;border-radius:28px;background:radial-gradient(circle at 50% 40%,#321006,#111 68%);padding:2rem;box-shadow:var(--shadow)}.hero-brand-card img{width:100%}.hero-brand-card p{text-align:center;color:#aaa;padding:1rem 0 0;margin:0}
.eyebrow{padding:0 0 .55rem;margin:0;color:#ff8a22;font-size:.72rem;font-weight:950;letter-spacing:.2em;text-transform:uppercase}.actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.6rem}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #555;border-radius:999px;padding:.88rem 1.25rem;font-weight:900;transition:.18s ease;cursor:pointer}.button:hover{transform:translateY(-2px)}.button.primary{border-color:#ff6500;background:linear-gradient(135deg,#ff9a00,#ff4b00 55%,#d51512);box-shadow:0 10px 26px rgba(255,82,0,.22)}.button.ghost{background:#151515}.button.small{padding:.65rem .95rem;font-size:.82rem}.quick-links{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.4rem}.quick-links a{font-size:.8rem;color:#bbb;border:1px solid #333;border-radius:999px;padding:.38rem .65rem}.quick-links a:hover{color:#fff;border-color:#7a3517}
.section{max-width:var(--max);margin:auto;padding:4.8rem 1.25rem}.section h2,.flavor-lab h2,.gift-promo h2,.guide-article h2,.kit-detail h2{font-size:clamp(2.2rem,4.5vw,4.3rem);line-height:.94;letter-spacing:-.05em;padding:.2rem 0;margin:0}.section-copy{color:var(--muted);max-width:720px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.7rem}.text-link{font-weight:900;color:#ff9134}
.intent-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.intent-card{background:linear-gradient(180deg,#171717,#101010);border:1px solid var(--line);border-radius:18px;padding:1.35rem;min-height:220px}.intent-card span{color:var(--orange);font-size:1.6rem;font-weight:950}.intent-card h3{font-size:1.35rem;line-height:1.05;padding:1.2rem 0 .5rem;margin:0}.intent-card p{color:#aaa;font-size:.9rem}.intent-card:hover{border-color:#7b3517;transform:translateY(-2px)}
.content-band{border-top:1px solid #1e1e1e;border-bottom:1px solid #1e1e1e}.article-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:1rem}.article-card{border:1px solid var(--line);border-radius:20px;padding:1.6rem;background:#121212;min-height:280px;display:flex;flex-direction:column;justify-content:flex-end}.article-card.featured{background:radial-gradient(circle at 80% 20%,rgba(255,94,0,.25),transparent 35%),linear-gradient(145deg,#261008,#111)}.article-card h3{font-size:1.8rem;line-height:1.03;padding:.65rem 0;margin:0}.article-card p{color:#aaa}.article-card strong{color:#ff9134;margin-top:auto}.tag,.heat{display:inline-block;align-self:flex-start;border:1px solid #743113;color:#ff983f;border-radius:999px;padding:.3rem .5rem;font-size:.65rem;font-weight:950;letter-spacing:.1em}
.kit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.kit-card{border:1px solid #3a2a21;border-radius:22px;background:linear-gradient(160deg,#1c120d,#111 65%);padding:1.55rem}.kit-card h3{font-size:1.7rem;line-height:1;padding:.7rem 0;margin:0}.kit-card p{color:#aaa}.kit-meta{display:flex;gap:.5rem;flex-wrap:wrap;margin:1.1rem 0}.kit-meta span{font-size:.72rem;color:#ccc;background:#202020;border-radius:999px;padding:.35rem .55rem}.affiliate-note{font-size:.76rem;color:#777;padding-top:1rem;margin:0}
.flavor-section{border-top:1px solid #1f1f1f}.flavor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#282828}.flavor-grid a{background:#111;padding:1.5rem;min-height:130px}.flavor-grid a:hover{background:#1b100c}.flavor-grid b,.flavor-grid span{display:block}.flavor-grid b{font-size:1.2rem}.flavor-grid span{color:#999;font-size:.82rem;padding-top:.35rem;margin:0}
.gift-promo{max-width:var(--max);margin:3rem 1.25rem 5rem;padding:3rem;border:1px solid #54220f;border-radius:28px;background:radial-gradient(circle at 90% 20%,rgba(255,84,0,.28),transparent 30%),#130d0a;display:grid;grid-template-columns:1.1fr .9fr;gap:4rem;align-items:center}.gift-promo p{color:#bbb}.gift-list{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.gift-list span{background:#1a1a1a;border:1px solid #333;border-radius:14px;padding:1rem;font-weight:800}
.flavor-lab{max-width:var(--max);margin:3rem 1.25rem 5rem;padding:3rem;border:1px solid #5b220e;border-radius:28px;background:linear-gradient(135deg,#21100a,#110d0b);display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.flavor-lab p{color:#c8c8c8}.signup-form{display:flex;gap:.7rem;flex-wrap:wrap}.signup-form input{flex:1;min-width:230px;background:#090909;color:#fff;border:1px solid #555;border-radius:999px;padding:.95rem 1.1rem;font:inherit}.form-status{width:100%;font-size:.8rem;padding:.2rem .5rem;margin:0;color:#aaa}
.page-hero{max-width:var(--max);margin:auto;padding:5rem 1.25rem 3rem;background:radial-gradient(circle at 80% 0,rgba(255,91,0,.13),transparent 32%)}
.guide-article,.kit-detail,.method-card{max-width:var(--max);margin:0 auto;padding:4rem 1.25rem;border-top:1px solid #202020}.guide-kicker{color:#ff8d2e;font-size:.72rem;font-weight:950;letter-spacing:.15em}.lead{font-size:1.15rem;color:#bbb;max-width:820px}.guide-points{display:grid;grid-template-columns:repeat(5,1fr);gap:.8rem;margin:2rem 0}.guide-points>div{background:#121212;border:1px solid #2b2b2b;border-radius:16px;padding:1.1rem}.guide-points b{color:var(--orange);font-size:1.5rem}.guide-points h3{font-size:1rem}.guide-points p{color:#999;font-size:.85rem}.guide-cta{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;background:#151515;border:1px solid #333;border-radius:16px;padding:1rem}.guide-cta>div{margin-right:auto}.guide-cta strong,.guide-cta span{display:block}.guide-cta span{color:#888;font-size:.8rem}.quantity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0}.quantity-grid div{background:#151515;border:1px solid #333;border-radius:18px;padding:1.5rem}.quantity-grid strong{display:block;color:#ff8122;font-size:2.4rem}.quantity-grid span,.quantity-grid small{display:block}.quantity-grid span{font-weight:850}.quantity-grid small{color:#888;padding-top:.4rem;margin:0}.number-list li{padding:.4rem 0}
.kit-detail{display:grid;grid-template-columns:.8fr 1.2fr;gap:3rem}.kit-intro p{color:#aaa}.bundle-list{display:grid;gap:.65rem}.bundle-item{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:1rem;background:#121212;border:1px solid #303030;border-radius:15px;padding:1rem}.bundle-item:hover{border-color:#783615}.bundle-item>span{color:var(--orange);font-weight:950}.bundle-item strong,.bundle-item small{display:block}.bundle-item small{color:#888}.bundle-item b{color:#ff9134;font-size:.82rem}
.method-grid,.recipe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.method-grid article,.recipe-grid article{background:#121212;border:1px solid #303030;border-radius:18px;padding:1.4rem}.method-grid h2{font-size:2rem;padding:.6rem 0;margin:0}.method-grid p,.recipe-grid p{color:#aaa}.recipe-grid h3{font-size:1.5rem;padding:.55rem 0;margin:0}.recipe-grid small{color:#777}.heat.hot{border-color:#a91c0e;color:#ff5545}.heat.mild{border-color:#7e6518;color:#e8c449}
footer{border-top:1px solid #252525;background:#060606;padding:3rem max(1.25rem,calc((100% - var(--max))/2));display:grid;grid-template-columns:1fr 1fr;gap:1.2rem 3rem}.footer-brand{display:flex;align-items:center;gap:.8rem}.footer-brand img{width:58px;height:58px;object-fit:contain}.footer-brand strong,.footer-brand span{display:block}.footer-brand span{font-size:.8rem;color:#888}.footer-links{display:flex;justify-content:flex-end;gap:1rem;flex-wrap:wrap;font-size:.85rem}.disclosure,.copyright{font-size:.75rem;color:#777}.copyright{text-align:right}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.site-header{position:static}.brand-image img{width:230px}nav{display:none}.home-hero,.gift-promo,.flavor-lab,.kit-detail{grid-template-columns:1fr}.intent-grid{grid-template-columns:1fr 1fr}.article-grid,.kit-grid,.method-grid,.recipe-grid{grid-template-columns:1fr}.guide-points{grid-template-columns:1fr 1fr}.flavor-grid{grid-template-columns:1fr 1fr}.section-head{align-items:flex-start;flex-direction:column}.quantity-grid{grid-template-columns:1fr}.hero-brand-card{max-width:560px}.footer-links{justify-content:flex-start}footer{grid-template-columns:1fr}.copyright{text-align:left}}
@media(max-width:560px){.intent-grid,.guide-points,.flavor-grid,.gift-list{grid-template-columns:1fr}.home-hero{padding-top:3rem}.hero-content h1,.page-hero h1{font-size:3.5rem}.gift-promo,.flavor-lab{border-radius:0;margin-left:1.25rem;margin-right:1.25rem}.brand-image img{width:205px}.bundle-item{grid-template-columns:34px 1fr}.bundle-item b{grid-column:2}}

/* Existing commerce/content page compatibility */
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.product-card{background:linear-gradient(180deg,#171717,#101010);border:1px solid #303030;border-radius:20px;padding:1.5rem;min-height:270px}
.product-card.accent{border-color:#5d2913}.product-icon{font-size:2.2rem}.product-card h3{font-size:1.5rem;padding:.65rem 0;margin:0}.product-card p{color:#aaa}
.coming-soon{max-width:var(--max);margin:3rem 1.25rem 5rem;padding:3rem 2rem;border-radius:26px;border:1px solid #5c200d;background:linear-gradient(120deg,#240b05,#111 65%);display:flex;align-items:center;justify-content:space-between;gap:2rem}
.gear-list article{display:grid;grid-template-columns:70px 1fr auto;gap:1.4rem;align-items:center;border-bottom:1px solid #2c2c2c;padding:1.6rem 0}
.gear-num{font-size:2rem;font-weight:950;color:var(--orange)}.gear-list h2{font-size:1.65rem;padding:0;margin:0}.gear-list p{color:#aaa;padding:.25rem 0;margin:0}
.lesson-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.lesson-grid article{border:1px solid #303030;border-radius:20px;background:#121212;padding:1.6rem}.lesson-grid span{color:#ff8b2d;font-size:.7rem;font-weight:950;letter-spacing:.13em}.lesson-grid h2{font-size:1.8rem;padding:.5rem 0;margin:0}.lesson-grid p{color:#aaa}
.method-card{max-width:var(--max);margin:0 auto 5rem;padding:3rem;border-radius:26px;border:1px solid #5c200d;background:linear-gradient(145deg,#1d100c,#111)}.method-card h2{font-size:2.5rem;padding:.3rem 0 1rem;margin:0}.method-card li{padding:.45rem 0}.note{color:#aaa;font-size:.85rem}
.prose{max-width:860px}.prose h2{font-size:2rem;padding-top:2rem;margin:0}.prose p{color:#bbb}.legal h1{font-size:clamp(3rem,6vw,5.5rem)}
@media(max-width:900px){.product-grid,.lesson-grid{grid-template-columns:1fr}.gear-list article{grid-template-columns:50px 1fr}.gear-list article .button{grid-column:2}.coming-soon{flex-direction:column;align-items:flex-start}}

.prose h3{font-size:1.15rem;padding:1.4rem 0 .4rem;margin:0}.prose a{color:#ff9134;text-decoration:underline;text-underline-offset:2px}.prose strong{color:#fff}.prose ul,.prose ol{color:#bbb;padding-left:1.35rem}.prose li{margin:.45rem 0}.legal .eyebrow{padding-bottom:.8rem;margin-bottom:0}


/* Form system: inline validation, custom modal, and custom dropdowns */
[hidden]{display:none!important}
.form-field{flex:1;min-width:230px;display:flex;flex-direction:column;gap:.38rem}
.field-label{font-size:.78rem;font-weight:900;color:#ddd;letter-spacing:.03em;padding-left:.45rem;margin:0}
.signup-form{align-items:flex-end}
.signup-form .form-field input,.form-field input,.form-field textarea{
  width:100%;background:#090909;color:#fff;border:1px solid #555;border-radius:16px;
  padding:.95rem 1.1rem;font:inherit;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease
}
.signup-form .form-field input{border-radius:999px}
.form-field input:focus,.form-field textarea:focus{border-color:#ff7a1a;box-shadow:0 0 0 3px rgba(255,101,0,.15)}
.form-field input.is-invalid,.form-field textarea.is-invalid{border-color:#e03a2f;background:#160b0a;box-shadow:0 0 0 3px rgba(224,58,47,.12)}
.field-error{min-height:1.15em;padding:0 .45rem;margin:0;color:#ff5a36 !important;font-size:.78rem;font-weight:750}
.form-status{width:100%;font-size:.8rem;padding:.15rem .5rem;margin:0;color:#aaa}

body.modal-open{overflow:hidden}
.sw-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:1.25rem}
.sw-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(8px)}
.sw-modal__panel{position:relative;width:min(520px,100%);border:1px solid #5c2d18;border-radius:24px;background:linear-gradient(160deg,#1d100b,#101010 65%);box-shadow:0 32px 100px rgba(0,0,0,.65);padding:2rem}
.sw-modal__panel h2{font-size:clamp(1.9rem,5vw,3rem);line-height:.95;letter-spacing:-.04em;padding:.25rem 0 .9rem;margin:0}
.sw-modal__panel>p:not(.eyebrow){color:#bbb;padding:0;margin:0}
.sw-modal__close{position:absolute;top:.85rem;right:.85rem;width:38px;height:38px;border-radius:999px;border:1px solid #444;background:#161616;color:#fff;font-size:1.4rem;line-height:1;cursor:pointer}
.sw-modal__close:hover,.sw-modal__close:focus{border-color:#ff6500;outline:none}
.sw-modal__actions{display:flex;justify-content:flex-end;margin-top:1.5rem}

.custom-select{position:relative;width:100%}
.custom-select__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#090909;color:#fff;border:1px solid #555;border-radius:16px;padding:.95rem 1.05rem;font:inherit;text-align:left;cursor:pointer}
.custom-select__trigger::after{content:"";width:.6rem;height:.6rem;border-right:2px solid #ff8b2d;border-bottom:2px solid #ff8b2d;transform:rotate(45deg) translateY(-2px);transition:transform .15s ease}
.custom-select.is-open .custom-select__trigger::after{transform:rotate(225deg) translate(-2px,-2px)}
.custom-select__trigger:focus{outline:none;border-color:#ff7a1a;box-shadow:0 0 0 3px rgba(255,101,0,.15)}
.custom-select.is-invalid .custom-select__trigger{border-color:#e03a2f;background:#160b0a}
.custom-select__options{position:absolute;z-index:60;left:0;right:0;top:calc(100% + .45rem);margin:0;padding:.4rem;list-style:none;border:1px solid #444;border-radius:16px;background:#121212;box-shadow:0 20px 55px rgba(0,0,0,.55)}
.custom-select__option{width:100%;display:block;border:0;border-radius:11px;background:transparent;color:#fff;padding:.8rem .9rem;text-align:left;font:inherit;cursor:pointer}
.custom-select__option:hover,.custom-select__option:focus,.custom-select__option[aria-selected="true"]{background:#26120a;color:#ff9a52;outline:none}

@media(max-width:560px){
  .signup-form{align-items:stretch}
  .signup-form .button{width:100%}
  .sw-modal__panel{padding:1.6rem 1.25rem}
}


/* Responsive polish and local Lucide icon system */
.topbar{display:flex;align-items:center;justify-content:center;gap:.5rem}
.ui-icon{display:inline-block;width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.15em;flex:0 0 auto}
.topbar-icon{width:1rem;height:1rem;color:#fff}
.product-icon{width:2.35rem;height:2.35rem;color:#ff7a1a;margin-bottom:.35rem}

.flavor-lab{width:calc(100% - 2.5rem)}
.flavor-lab>div:first-child,.flavor-lab>.signup-form{align-self:center}
.signup-form{display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:.45rem .8rem;align-items:start}
.signup-form .form-field{grid-column:1}
.signup-form>.button{grid-column:2;grid-row:1;margin-top:1.65rem;white-space:nowrap}
.signup-form .form-status{grid-column:1/-1;padding-top:.1rem;margin-top:0}
.field-error{color:#ff5a36 !important}

footer{grid-template-columns:1fr 1.5fr}

@media(max-width:900px){
  footer{grid-template-columns:1fr}
}

@media(max-width:560px){
  .site-header{justify-content:center}
  .flavor-lab{width:auto;margin:3rem 1.25rem 5rem;border-radius:22px;padding:1.6rem}
  .signup-form{grid-template-columns:1fr}
  .signup-form .form-field,.signup-form>.button,.signup-form .form-status{grid-column:1}
  .signup-form>.button{grid-row:auto;margin-top:0;width:100%}
}


/* Responsive mobile navigation */
.menu-toggle{
  display:none;
  width:46px;
  height:42px;
  padding:0;
  border:1px solid #3b3b3b;
  border-radius:12px;
  background:#141414;
  color:#fff;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:5px;
  cursor:pointer;
  transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;
}
.menu-toggle:hover,.menu-toggle:focus-visible{
  border-color:#ff6500;
  background:#1c120d;
  box-shadow:0 0 0 3px rgba(255,101,0,.13);
  outline:none;
}
.menu-toggle span{
  display:block;
  width:22px;
  height:2px;
  border-radius:2px;
  background:currentColor;
  transform-origin:center;
  transition:transform .22s ease,opacity .16s ease,width .22s ease;
}
.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0;width:0}
.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

@media(max-width:900px){
  .site-header{
    position:sticky;
    top:0;
    z-index:40;
  }
  .menu-toggle{
    display:flex;
    flex:0 0 auto;
  }
  .site-nav{
    display:flex;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    z-index:39;
    flex-direction:column;
    gap:0;
    max-height:0;
    overflow:hidden;
    padding:0 1.25rem;
    border-bottom:1px solid transparent;
    background:rgba(9,9,9,.985);
    box-shadow:0 22px 44px rgba(0,0,0,0);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-8px);
    transition:max-height .26s ease,padding .26s ease,opacity .2s ease,transform .2s ease,border-color .2s ease,box-shadow .2s ease,visibility 0s linear .26s;
  }
  .site-header.menu-open .site-nav{
    max-height:420px;
    padding:1rem 1.25rem 1.25rem;
    border-color:#2a2a2a;
    box-shadow:0 22px 44px rgba(0,0,0,.48);
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateY(0);
    transition:max-height .26s ease,padding .26s ease,opacity .2s ease,transform .2s ease,border-color .2s ease,box-shadow .2s ease;
  }
  .site-nav a{
    width:100%;
    padding:.9rem .25rem;
    border-bottom:1px solid #252525;
    font-size:1rem;
  }
  .site-nav a:last-child{border-bottom-color:transparent}
}

@media(max-width:560px){
  .site-header{justify-content:center}
  .menu-toggle{
    position:absolute;
    right:1.25rem;
  }
}


/* Full recipe library */
.recipe-safety{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:2rem;
  padding-top:2.5rem;
  padding-bottom:2.5rem;
  border-top:1px solid #2b2b2b;
  border-bottom:1px solid #2b2b2b;
}
.recipe-safety>div{max-width:820px}
.recipe-safety p{color:#bdbdbd;padding:.55rem 0 0;margin:0}
.recipe-jumps{padding-top:3.5rem;padding-bottom:2rem}
.recipe-grid .recipe-jump{
  display:block;
  background:linear-gradient(180deg,#171717,#101010);
  border:1px solid #303030;
  border-radius:18px;
  padding:1.4rem;
  min-height:205px;
  transition:border-color .18s ease,transform .18s ease,background .18s ease;
}
.recipe-grid .recipe-jump:hover{
  border-color:#7b3517;
  transform:translateY(-2px);
  background:linear-gradient(180deg,#1d120d,#111);
}
.recipe-grid .recipe-jump h3{font-size:1.55rem;padding:.65rem 0 .35rem;margin:0}
.recipe-grid .recipe-jump p{color:#aaa;padding:0 0 .75rem;margin:0}
.recipe-grid .recipe-jump strong{display:block;color:#ff9134;font-size:.78rem;padding:.25rem 0 0;margin:0}

.recipe-details{
  max-width:var(--max);
  margin:0 auto 5rem;
  padding:0 1.25rem;
}
.recipe-detail{
  scroll-margin-top:110px;
  border:1px solid #352820;
  border-radius:26px;
  background:linear-gradient(160deg,#18110d,#101010 55%);
  box-shadow:0 20px 60px rgba(0,0,0,.22);
  padding:2rem;
  margin:0 0 1.5rem;
}
.recipe-detail__header{
  display:grid;
  grid-template-columns:1fr auto;
  gap:2rem;
  align-items:start;
  padding:0 0 1.6rem;
  border-bottom:1px solid #2d2d2d;
}
.recipe-detail__header .eyebrow{padding:.75rem 0 .35rem;margin:0}
.recipe-detail__header h2{
  font-size:clamp(2.2rem,4.2vw,4rem);
  line-height:.95;
  letter-spacing:-.045em;
  padding:.1rem 0 .85rem;
  margin:0;
}
.recipe-intro{max-width:760px;color:#b9b9b9;padding:0;margin:0}
.recipe-meta{
  display:grid;
  grid-template-columns:repeat(2,minmax(105px,1fr));
  gap:.65rem;
  min-width:260px;
  padding:0;
  margin:0;
}
.recipe-meta div{
  background:#151515;
  border:1px solid #333;
  border-radius:14px;
  padding:.8rem .9rem;
}
.recipe-meta dt{
  color:#888;
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.recipe-meta dd{
  color:#fff;
  font-size:.95rem;
  font-weight:850;
  padding:.15rem 0 0;
  margin:0;
}
.recipe-columns{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:2.25rem;
  padding:1.7rem 0 0;
}
.recipe-columns h3{
  font-size:1.45rem;
  padding:0 0 .8rem;
  margin:0;
}
.recipe-ingredients ul,.recipe-directions ol{
  padding-left:1.25rem;
  margin:0;
}
.recipe-ingredients li,.recipe-directions li{
  padding:.42rem 0;
  color:#c8c8c8;
}
.recipe-directions li strong{color:#fff}
.recipe-ingredients li::marker{color:#ff8122}
.recipe-directions li::marker{color:#ff8122;font-weight:900}
.recipe-note{
  margin:0;
  padding:1rem 1.1rem;
  border-left:3px solid #ff6500;
  border-radius:0 12px 12px 0;
  background:#18110d;
  color:#bdbdbd;
}

@media(max-width:900px){
  .recipe-safety{align-items:flex-start;flex-direction:column}
  .recipe-detail__header{grid-template-columns:1fr}
  .recipe-meta{width:100%;min-width:0;grid-template-columns:repeat(4,1fr)}
  .recipe-columns{grid-template-columns:1fr}
}

@media(max-width:620px){
  .recipe-detail{padding:1.4rem;border-radius:20px}
  .recipe-meta{grid-template-columns:1fr 1fr}
  .recipe-detail__header{gap:1.2rem}
  .recipe-columns{gap:1.6rem}
}


/* Recipe cooker selector */
.cooker-choice{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:2rem;
  align-items:end;
  padding-top:3rem;
  padding-bottom:3rem;
  border-top:1px solid #272727;
  border-bottom:1px solid #272727;
}
.cooker-choice__copy>p:not(.eyebrow){max-width:720px;color:#b8b8b8;padding:.7rem 0 1.2rem;margin:0}
.cooker-pills{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
  padding:.6rem 0 0;
}
.cooker-pill{
  appearance:none;
  border:1px solid #454545;
  border-radius:999px;
  background:#121212;
  color:#c9c9c9;
  padding:.72rem 1rem;
  font:inherit;
  font-size:.86rem;
  font-weight:900;
  cursor:pointer;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease;
}
.cooker-pill:hover,.cooker-pill:focus-visible{
  border-color:#a64316;
  color:#fff;
  outline:none;
  box-shadow:0 0 0 3px rgba(255,101,0,.12);
}
.cooker-pill.is-active,.cooker-pill[aria-pressed="true"]{
  border-color:#ff6500;
  color:#fff;
  background:linear-gradient(135deg,#ff8b00,#ff5200 58%,#c91d10);
  box-shadow:0 8px 22px rgba(255,82,0,.22);
}
.cooker-pill:active{transform:translateY(1px)}
.cooker-pills--primary .cooker-pill{padding:.82rem 1.2rem;font-size:.92rem}

.cooker-summary{
  border:1px solid #3a2a20;
  border-radius:20px;
  background:linear-gradient(145deg,#1c120d,#111);
  padding:1.15rem;
}
.cooker-summary__panel{
  display:grid;
  grid-template-columns:1.2fr .8fr .9fr 1.6fr;
  gap:.7rem;
  align-items:center;
}
.cooker-summary__panel strong{
  color:#fff;
  font-size:1.05rem;
  padding:0;
  margin:0;
}
.cooker-summary__panel span{
  color:#b8b8b8;
  font-size:.8rem;
  padding:.2rem .45rem;
  margin:0;
  border-left:1px solid #393939;
}

.recipe-detail__header--switcher{align-items:center}
.cooker-pills--recipe{
  justify-content:flex-end;
  align-self:center;
  padding:0;
  min-width:300px;
}
.cooker-pills--recipe .cooker-pill{font-size:.76rem;padding:.6rem .8rem}

.recipe-variant{padding:1.6rem 0 0}
.recipe-variant__meta{
  display:flex;
  align-items:start;
  justify-content:space-between;
  gap:1rem;
  padding:0 0 .2rem;
}
.recipe-technique{
  color:#9e9e9e;
  font-size:.8rem;
  text-align:right;
  padding:.55rem 0 0;
  margin:0;
  max-width:250px;
}
.recipe-note--flavor{
  border-left-color:#ff9a00;
  background:#17130d;
  padding-top:1rem;
  margin-top:.75rem;
}
.recipe-jump strong span{color:inherit}

@media(max-width:900px){
  .cooker-choice{grid-template-columns:1fr}
  .cooker-summary__panel{grid-template-columns:1fr 1fr}
  .cooker-summary__panel span{border-left:0;border-top:1px solid #333;padding:.55rem 0 0}
  .recipe-detail__header--switcher{grid-template-columns:1fr}
  .cooker-pills--recipe{justify-content:flex-start;min-width:0}
  .recipe-variant__meta{flex-direction:column}
  .recipe-technique{text-align:left;max-width:none;padding:.25rem 0 0}
}

@media(max-width:560px){
  .cooker-pills{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}
  .cooker-pill{width:100%;text-align:center;font-size:.72rem;padding:.65rem .35rem}
  .cooker-pills--primary .cooker-pill{font-size:.76rem;padding:.72rem .4rem}
  .cooker-summary__panel{grid-template-columns:1fr}
  .cooker-summary__panel span{padding:.45rem 0 0}
}


/* Detailed kit buying guides */
.kit-guide-cta{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1.25rem;
  padding:1.15rem;
  border:1px solid #4a2a1a;
  border-radius:16px;
  background:linear-gradient(135deg,#1d120c,#121212);
}
.kit-guide-cta strong,.kit-guide-cta span{display:block}
.kit-guide-cta strong{font-size:1rem;padding:0 0 .2rem;margin:0}
.kit-guide-cta span{font-size:.82rem;color:#9f9f9f;padding:0;margin:0}

.kit-guide-hero__actions{display:flex;gap:.7rem;flex-wrap:wrap;padding:1.1rem 0 0}
.kit-guide-intro{
  display:grid;
  grid-template-columns:1fr 300px;
  gap:2rem;
  align-items:start;
  border-top:1px solid #242424;
  border-bottom:1px solid #242424;
}
.kit-guide-intro>div>p:not(.eyebrow){max-width:760px;color:#b6b6b6;padding:.7rem 0 0;margin:0}
.kit-guide-intro aside{
  border:1px solid #3a2b22;
  border-radius:18px;
  background:#131313;
  padding:1.1rem;
}
.kit-guide-intro aside strong,.kit-guide-intro aside span,.kit-guide-intro aside small{display:block}
.kit-guide-intro aside strong{color:#fff;padding:0 0 .15rem;margin:0}
.kit-guide-intro aside span{color:#ff8e34;font-size:.9rem;font-weight:850;padding:0 0 .5rem;margin:0}
.kit-guide-intro aside small{color:#8e8e8e;line-height:1.45;padding:0;margin:0}

.kit-picks{
  max-width:var(--max);
  margin:0 auto;
  padding:2rem 1.25rem 4.5rem;
  display:grid;
  gap:1rem;
}
.kit-pick{
  display:grid;
  grid-template-columns:80px 1fr;
  gap:1.25rem;
  padding:1.6rem;
  border:1px solid #333;
  border-radius:22px;
  background:linear-gradient(155deg,#17120f,#101010 62%);
  scroll-margin-top:110px;
}
.kit-pick__number{
  display:flex;
  align-items:center;
  justify-content:center;
  width:64px;
  height:64px;
  border:1px solid #713615;
  border-radius:18px;
  color:#ff8122;
  background:#1d100a;
  font-size:1.35rem;
  font-weight:950;
}
.kit-pick__body h2{
  font-size:clamp(1.8rem,3.5vw,3rem);
  line-height:1;
  letter-spacing:-.035em;
  padding:.15rem 0 .7rem;
  margin:0;
}
.kit-pick__summary{color:#b9b9b9;padding:0 0 1rem;margin:0;max-width:850px}
.kit-pick__why{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1rem;
  padding:0 0 1rem;
}
.kit-pick__why>div{
  border:1px solid #292929;
  border-radius:14px;
  background:#121212;
  padding:1rem;
}
.kit-pick__why h3{font-size:.82rem;color:#ff8e34;text-transform:uppercase;letter-spacing:.08em;padding:0 0 .35rem;margin:0}
.kit-pick__why p{color:#9f9f9f;font-size:.88rem;padding:0;margin:0}
.kit-pick__actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:.15rem 0 0}
.kit-pick__note{color:#838383;font-size:.75rem;padding:0;margin:0}
.kit-guide-footer{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:2rem;
  border-top:1px solid #242424;
}
.kit-guide-footer>div{max-width:760px}
.kit-guide-footer>div>p:not(.eyebrow){color:#aaa;padding:.65rem 0 0;margin:0}

@media(max-width:900px){
  .kit-guide-cta,.kit-guide-footer{align-items:flex-start;flex-direction:column}
  .kit-guide-intro{grid-template-columns:1fr}
  .kit-guide-intro aside{max-width:520px}
  .kit-pick__why{grid-template-columns:1fr}
}

@media(max-width:560px){
  .kit-pick{grid-template-columns:1fr;padding:1.25rem}
  .kit-pick__number{width:52px;height:52px;border-radius:14px;font-size:1.1rem}
  .kit-guide-cta .button,.kit-pick__actions .button,.kit-guide-footer .button{width:100%}
}


/* Local product imagery on detailed kit guides */
.kit-pick{
  grid-template-columns:80px minmax(190px,240px) minmax(0,1fr);
  align-items:start;
}
.kit-pick__image{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  aspect-ratio:1/1;
  overflow:hidden;
  padding:.8rem;
  border:1px solid #303030;
  border-radius:18px;
  background:#fff;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.kit-pick__image:hover,.kit-pick__image:focus-visible{
  transform:translateY(-2px);
  border-color:#ff6500;
  box-shadow:0 12px 30px rgba(0,0,0,.3);
  outline:none;
}
.kit-pick__image img{
  width:100%;
  height:100%;
  object-fit:contain;
}

@media(max-width:900px){
  .kit-pick{grid-template-columns:64px minmax(165px,210px) minmax(0,1fr)}
}

@media(max-width:720px){
  .kit-pick{grid-template-columns:64px minmax(0,1fr)}
  .kit-pick__image{grid-column:2;max-width:260px}
  .kit-pick__body{grid-column:1/-1}
}

@media(max-width:560px){
  .kit-pick{grid-template-columns:1fr}
  .kit-pick__image{grid-column:1;max-width:280px}
  .kit-pick__body{grid-column:1}
}