.hero-botanicals{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;user-select:none}.hero-botanical-left,.hero-botanical-right{position:absolute;display:block;background-image:url("/assets/decor/honey-botanical-ribbon.png");background-repeat:no-repeat}.hero-botanical-left{left:0;top:0;width:clamp(210px,28vw,440px);aspect-ratio:1.25;background-size:480% auto;background-position:left top;opacity:.88;filter:drop-shadow(0 12px 22px rgba(58,42,18,.16))}.hero-botanical-right{right:clamp(-180px,-8vw,-50px);bottom:-10px;width:clamp(600px,68vw,1100px);aspect-ratio:2.15;background-size:160% auto;background-position:right bottom;opacity:.92;filter:drop-shadow(0 18px 30px rgba(58,42,18,.2))}
.warm-interlude{position:relative;overflow:hidden;background:#173f31;color:#fff;min-height:clamp(620px,56vw,760px);display:grid;place-items:center}
.frame-mask-defs{position:absolute}.botanical-frame-shell{position:absolute;inset:0;pointer-events:none;user-select:none}.frame-half{position:absolute;inset:0;overflow:hidden}.frame-half img{position:absolute;top:0;height:100%;width:auto;max-width:none;filter:drop-shadow(0 14px 18px rgba(0,0,0,.24))}.frame-half-left{z-index:1}.frame-half-left img{left:0;clip-path:url(#frame-left-curve);transform:scaleX(1.12);transform-origin:left center}.frame-half-right{z-index:2}.frame-half-right img{right:0;clip-path:url(#frame-right-curve);transform:scaleX(1.12);transform-origin:right center}
.warm-grid{position:relative;z-index:3;display:grid;place-items:center}.warm-copy{position:relative;width:min(56%,720px);text-align:center;display:grid;justify-items:center;isolation:isolate}.warm-copy:before{content:"";position:absolute;z-index:-1;inset:-38% -22%;background:radial-gradient(ellipse at center,rgba(23,63,49,.98) 0 40%,rgba(23,63,49,.8) 58%,rgba(23,63,49,0) 78%);filter:blur(7px);pointer-events:none}.warm-interlude h2{max-width:11ch;color:#fff;font-size:clamp(3.25rem,6vw,5.75rem);line-height:.9;letter-spacing:-.06em;margin:1.35rem 0 1.6rem}.warm-interlude p{max-width:48ch;color:#dce7df;font-size:1.08rem}
.carttotal{display:flex;justify-content:space-between;gap:1rem;padding:16px 0;border-top:1px solid var(--line);font-weight:800}.carttotal b{color:var(--amber,#b87012)}
.qty{display:flex;align-items:center;gap:8px}.qty button{width:34px;height:34px;border:1px solid var(--line);background:var(--cream,#fff7e8);border-radius:50%;font-size:1.2rem;cursor:pointer}.qty strong{min-width:1.5rem;text-align:center}
.checkout{display:grid;gap:14px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.checkout[hidden]{display:none}.checkout label{display:grid;gap:6px;font-size:.82rem;font-weight:800;color:var(--green,#173f31)}
.checkout input,.checkout select{width:100%;min-height:46px;border:1px solid #c9c1ae;border-radius:12px;padding:10px 12px;background:#fff;color:#1e2a23;font:inherit}.checkout input:focus,.checkout select:focus{outline:3px solid rgba(244,183,59,.35);border-color:#b67600}
.checkout .consent{display:grid;grid-template-columns:auto 1fr;align-items:start;font-weight:500;color:#4f5c54}.checkout .consent input{width:20px;min-height:20px;margin-top:2px}
.checkout-status{font-size:.84rem;line-height:1.45;color:#59645e}.checkout-status.error{color:#9e2f20}.checkout-status.ok{color:#17623e}.suggestions{display:grid;gap:4px;max-height:180px;overflow:auto}.suggestions button{text-align:left;padding:10px;border:1px solid #ded6c6;background:#fff;border-radius:9px;cursor:pointer}.suggestions button:hover{border-color:#b67600}
.order-result{padding:14px;border-radius:12px;background:#eaf4ed;color:#17492f}.order-result:empty{display:none}
@media(max-width:760px){.warm-interlude{min-height:760px}.warm-copy{width:66%}.warm-copy:before{inset:-32% -18%}.warm-interlude h2{font-size:clamp(2.6rem,12vw,3.7rem)}.warm-interlude p{max-width:none;font-size:.92rem}.frame-half-left img{transform:scaleX(1.22)}.frame-half-right img{transform:scaleX(1.22)}.hero-botanical-left{width:42vw;min-width:180px;left:-28vw;top:-20px;opacity:.7}.hero-botanical-right{width:145vw;min-width:650px;right:-52vw;bottom:-8px}.drawer{width:min(100%,430px)}}
@media(prefers-reduced-motion:reduce){.botanical-ribbon,.botanical-frame{transform:none!important}}