/* Small Kitchen Lab: Halloween skin, Option 2d "After-Dark Kitchen + Full Moon"
   Cozy-spooky layer over design B: charcoal header/hero/footer, pumpkin-orange accents, small bat + pumpkin SVGs,
   with 2c's large full moon and bat flock in the hero.
   Content area stays light for readability. Load AFTER the main stylesheet; scoped to body.season-halloween. */
body.season-halloween{--ink:#1D1A21;--ink2:#2A2530;--orange:#F28C28;--acc:#B5480E;--butter:#F6E7C1;--line:#E6DACB}
body.season-halloween .topbar{background:var(--orange);color:var(--ink)}
body.season-halloween .top{background:var(--ink);color:#F4EDE4}
body.season-halloween .logo,body.season-halloween .top nav a{color:#F4EDE4}
body.season-halloween .logo b{color:var(--orange)}
body.season-halloween .top nav{border-color:#3A3440}
body.season-halloween .top nav a:hover{color:var(--orange)}
body.season-halloween .mark{background:var(--orange);color:var(--ink)}
body.season-halloween .top .wrap{position:relative}
body.season-halloween .top .wrap::before,body.season-halloween .top .wrap::after{content:"";position:absolute;width:64px;height:32px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 32'%3E%3Cpath fill='%23F28C28' d='M32 9l-3-5-1 6c-3 0-5 2-6 4C18 9 9 7 2 10c5 2 8 6 8 11 3-3 8-3 11 0 2-3 5-4 8-3l3 5 3-5c3-1 6 0 8 3 3-3 8-3 11 0 0-5 3-9 8-11-7-3-16-1-20 4-1-2-3-4-6-4l-1-6z'/%3E%3C/svg%3E") center/contain no-repeat;opacity:1;pointer-events:none}
body.season-halloween .top .wrap::before{left:12%;top:22px;transform:rotate(-12deg)}
body.season-halloween .top .wrap::after{right:14%;top:34px;width:44px;height:22px;transform:rotate(10deg)}
/* banner */
body.season-halloween .season-banner{background:var(--ink2);color:#F4EDE4;border-top:1px solid #3A3440}
body.season-halloween .season-banner .wrap{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px;text-align:center}
body.season-halloween .season-banner p{margin:0;font-size:.95rem}
body.season-halloween .sb-title{color:var(--orange);font-family:var(--head)}
body.season-halloween .sb-icon{width:28px;height:28px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M31 16c-1-5 1-9 6-11' stroke='%234F6F55' stroke-width='4' fill='none' stroke-linecap='round'/%3E%3Cpath d='M36 12c5-4 11-3 13 1-5 1-9 2-13-1z' fill='%234F6F55'/%3E%3Cellipse cx='20' cy='38' rx='14' ry='19' fill='%23E8751A'/%3E%3Cellipse cx='44' cy='38' rx='14' ry='19' fill='%23E8751A'/%3E%3Cellipse cx='32' cy='38' rx='12' ry='21' fill='%23F28C28'/%3E%3Cpath d='M21 33l6-6 4 6z M43 33l-6-6-4 6z' fill='%231D1A21'/%3E%3Cpath d='M18 42c4 6 9 8 14 8s10-2 14-8l-5 2-3-3-3 3-3-3-3 3-3-3-3 3z' fill='%231D1A21'/%3E%3C/svg%3E") center/contain no-repeat;flex:none}
body.season-halloween .sb-link{color:var(--butter);font-weight:800}
/* hero: big full moon + bat flock (from 2c) */
body.season-halloween .hero{background:radial-gradient(300px 300px at 82% 52%,rgba(255,224,170,.18),rgba(255,224,170,0) 70%),var(--ink);color:#F4EDE4}
body.season-halloween .hero .wrap{position:relative;min-height:340px}
body.season-halloween .hero .wrap::before{content:"";position:absolute;right:4%;top:50%;transform:translateY(-50%);width:270px;height:270px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='46' fill='%23FFE7B8'/%3E%3Cg fill='%23F2CF8E'%3E%3Ccircle cx='34' cy='36' r='9'/%3E%3Ccircle cx='62' cy='28' r='5'/%3E%3Ccircle cx='66' cy='60' r='11'/%3E%3Ccircle cx='38' cy='70' r='6'/%3E%3Ccircle cx='52' cy='48' r='3'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;pointer-events:none}
body.season-halloween .hero .wrap::after{content:"";position:absolute;right:1%;top:20px;width:360px;height:300px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 300'%3E%3Cg transform='translate(40 60) rotate(-10) scale(1.3)'%3E%3Cpath fill='%232A2530' d='M32 9l-3-5-1 6c-3 0-5 2-6 4C18 9 9 7 2 10c5 2 8 6 8 11 3-3 8-3 11 0 2-3 5-4 8-3l3 5 3-5c3-1 6 0 8 3 3-3 8-3 11 0 0-5 3-9 8-11-7-3-16-1-20 4-1-2-3-4-6-4l-1-6z'/%3E%3C/g%3E%3Cg transform='translate(150 30) rotate(8) scale(0.9)'%3E%3Cpath fill='%232A2530' d='M32 9l-3-5-1 6c-3 0-5 2-6 4C18 9 9 7 2 10c5 2 8 6 8 11 3-3 8-3 11 0 2-3 5-4 8-3l3 5 3-5c3-1 6 0 8 3 3-3 8-3 11 0 0-5 3-9 8-11-7-3-16-1-20 4-1-2-3-4-6-4l-1-6z'/%3E%3C/g%3E%3Cg transform='translate(230 110) rotate(-6) scale(1.1)'%3E%3Cpath fill='%232A2530' d='M32 9l-3-5-1 6c-3 0-5 2-6 4C18 9 9 7 2 10c5 2 8 6 8 11 3-3 8-3 11 0 2-3 5-4 8-3l3 5 3-5c3-1 6 0 8 3 3-3 8-3 11 0 0-5 3-9 8-11-7-3-16-1-20 4-1-2-3-4-6-4l-1-6z'/%3E%3C/g%3E%3Cg transform='translate(110 150) rotate(14) scale(0.7)'%3E%3Cpath fill='%232A2530' d='M32 9l-3-5-1 6c-3 0-5 2-6 4C18 9 9 7 2 10c5 2 8 6 8 11 3-3 8-3 11 0 2-3 5-4 8-3l3 5 3-5c3-1 6 0 8 3 3-3 8-3 11 0 0-5 3-9 8-11-7-3-16-1-20 4-1-2-3-4-6-4l-1-6z'/%3E%3C/g%3E%3Cg transform='translate(290 40) rotate(-14) scale(0.6)'%3E%3Cpath fill='%232A2530' d='M32 9l-3-5-1 6c-3 0-5 2-6 4C18 9 9 7 2 10c5 2 8 6 8 11 3-3 8-3 11 0 2-3 5-4 8-3l3 5 3-5c3-1 6 0 8 3 3-3 8-3 11 0 0-5 3-9 8-11-7-3-16-1-20 4-1-2-3-4-6-4l-1-6z'/%3E%3C/g%3E%3Cg transform='translate(60 220) rotate(6) scale(0.8)'%3E%3Cpath fill='%232A2530' d='M32 9l-3-5-1 6c-3 0-5 2-6 4C18 9 9 7 2 10c5 2 8 6 8 11 3-3 8-3 11 0 2-3 5-4 8-3l3 5 3-5c3-1 6 0 8 3 3-3 8-3 11 0 0-5 3-9 8-11-7-3-16-1-20 4-1-2-3-4-6-4l-1-6z'/%3E%3C/g%3E%3Cg transform='translate(250 200) rotate(10) scale(0.55)'%3E%3Cpath fill='%232A2530' d='M32 9l-3-5-1 6c-3 0-5 2-6 4C18 9 9 7 2 10c5 2 8 6 8 11 3-3 8-3 11 0 2-3 5-4 8-3l3 5 3-5c3-1 6 0 8 3 3-3 8-3 11 0 0-5 3-9 8-11-7-3-16-1-20 4-1-2-3-4-6-4l-1-6z'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;pointer-events:none}
body.season-halloween .hero h1,body.season-halloween .hero p.hero-sub,body.season-halloween .hero-cta,body.season-halloween .eyebrow{position:relative}
body.season-halloween .hero h1,body.season-halloween .hero p.hero-sub{max-width:min(780px,calc(100% - 310px))}
body.season-halloween .hero h1{color:#FFF8EE}
body.season-halloween .hero p.hero-sub{color:#D9CFC4}
body.season-halloween .eyebrow{color:var(--orange)}
body.season-halloween .btn{background:var(--orange);color:var(--ink)}
body.season-halloween .btn:hover{background:#FFA24A}
body.season-halloween .btn-ghost{background:transparent;color:#F4EDE4;box-shadow:inset 0 0 0 2px #F4EDE4}
/* disclosure: keep it obvious on the light page */
body.season-halloween .disclosure{color:#5A4C40}
/* cards */
body.season-halloween .feat-art{background:var(--ink2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M31 16c-1-5 1-9 6-11' stroke='%234F6F55' stroke-width='4' fill='none' stroke-linecap='round'/%3E%3Cpath d='M36 12c5-4 11-3 13 1-5 1-9 2-13-1z' fill='%234F6F55'/%3E%3Cellipse cx='20' cy='38' rx='14' ry='19' fill='%23E8751A'/%3E%3Cellipse cx='44' cy='38' rx='14' ry='19' fill='%23E8751A'/%3E%3Cellipse cx='32' cy='38' rx='12' ry='21' fill='%23F28C28'/%3E%3Cpath d='M21 33l6-6 4 6z M43 33l-6-6-4 6z' fill='%232A2530'/%3E%3Cpath d='M18 42c4 6 9 8 14 8s10-2 14-8l-5 2-3-3-3 3-3-3-3 3-3-3-3 3z' fill='%232A2530'/%3E%3C/svg%3E") center 36%/96px no-repeat;color:var(--butter);align-content:end;padding-bottom:28px}
body.season-halloween .cards .card-art{background:var(--ink2)!important;color:var(--butter)}
body.season-halloween .cards a{border-top:5px solid var(--orange)}
body.season-halloween .card-art::before{content:"";display:block;width:54px;height:27px;margin:0 auto 4px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 32'%3E%3Cpath fill='%23F28C28' d='M32 9l-3-5-1 6c-3 0-5 2-6 4C18 9 9 7 2 10c5 2 8 6 8 11 3-3 8-3 11 0 2-3 5-4 8-3l3 5 3-5c3-1 6 0 8 3 3-3 8-3 11 0 0-5 3-9 8-11-7-3-16-1-20 4-1-2-3-4-6-4l-1-6z'/%3E%3C/svg%3E") center/contain no-repeat}
body.season-halloween .trust div{border-bottom:4px solid var(--orange)}
body.season-halloween .trust b{color:var(--ink)}
body.season-halloween .sec::after{content:"";display:inline-block;width:.9em;height:.9em;margin-left:.35em;vertical-align:-.05em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M31 16c-1-5 1-9 6-11' stroke='%234F6F55' stroke-width='4' fill='none' stroke-linecap='round'/%3E%3Cpath d='M36 12c5-4 11-3 13 1-5 1-9 2-13-1z' fill='%234F6F55'/%3E%3Cellipse cx='20' cy='38' rx='14' ry='19' fill='%23E8751A'/%3E%3Cellipse cx='44' cy='38' rx='14' ry='19' fill='%23E8751A'/%3E%3Cellipse cx='32' cy='38' rx='12' ry='21' fill='%23F28C28'/%3E%3C/svg%3E") center/contain no-repeat}
body.season-halloween .trust-strip{border-top:2px solid var(--orange);border-bottom:2px solid var(--orange)}
body.season-halloween .trust-strip .dot{color:var(--orange)}
body.season-halloween .chip{border-color:var(--ink);color:var(--ink)}
body.season-halloween .chip:hover{background:var(--ink);color:var(--orange)}
/* posts */
body.season-halloween .post h2::before{background:var(--orange)}
body.season-halloween .glance{border:2px solid var(--ink)}
body.season-halloween .product-box{border-left-color:var(--orange)}
body.season-halloween .pb-label{background:var(--ink)}
body.season-halloween .side-box{border-top:5px solid var(--orange)}
body.season-halloween .side-h{color:var(--acc)}
body.season-halloween .avatar{background:var(--ink);color:var(--orange)}
body.season-halloween .foot{background:var(--ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 32'%3E%3Cpath fill='%233A3440' d='M32 9l-3-5-1 6c-3 0-5 2-6 4C18 9 9 7 2 10c5 2 8 6 8 11 3-3 8-3 11 0 2-3 5-4 8-3l3 5 3-5c3-1 6 0 8 3 3-3 8-3 11 0 0-5 3-9 8-11-7-3-16-1-20 4-1-2-3-4-6-4l-1-6z'/%3E%3C/svg%3E") right 8% top 30px/90px no-repeat}
body.season-halloween .foot a,body.season-halloween .foot-logo b{color:var(--orange)}
@media(max-width:1100px){body.season-halloween .hero .wrap::before{width:200px;height:200px;right:2%}body.season-halloween .hero .wrap::after{width:280px;height:230px;right:0}body.season-halloween .hero h1,body.season-halloween .hero p.hero-sub{max-width:calc(100% - 240px)}}
@media(max-width:620px){body.season-halloween .hero .wrap{min-height:0;padding-top:212px}
 body.season-halloween .hero h1,body.season-halloween .hero p.hero-sub{max-width:none}
 body.season-halloween .hero .wrap::before{top:24px;right:50%;transform:translateX(50%);width:160px;height:160px}
 body.season-halloween .hero .wrap::after{top:12px;right:50%;transform:translateX(50%);width:260px;height:190px}
 body.season-halloween .hero{background:radial-gradient(200px 200px at 50% 104px,rgba(255,224,170,.18),rgba(255,224,170,0) 70%),var(--ink)}
 body.season-halloween .top .wrap::before{left:4%}body.season-halloween .top .wrap::after{right:4%}}