.custom-blend{max-width:1280px;margin:24px auto;padding:clamp(18px,4vw,46px);width:calc(100% - 32px);border:5px ridge #a8733c;background:linear-gradient(#201006c9,#201006e8),url('assets/delivery/sauces/approved-woodgrain.svg') center/650px 65px;color:#fae4be;box-shadow:0 7px 15px #100704a0}
.custom-blend-copy{max-width:72ch;margin:auto;text-align:center}
.custom-blend-kicker{color:#e6bf82;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase}
.custom-blend h2{font:700 clamp(30px,5vw,54px)/1.1 Rockwell,Georgia,serif;margin:.3em 0 .55em}
.custom-blend p,.custom-blend li{line-height:1.55}
.custom-blend summary,.custom-blend button{width:fit-content;max-width:100%;margin:20px auto 0;padding:12px 18px;min-height:44px;background:#e7c58b;color:#301c10;border:2px solid #9b6638;border-radius:4px;font:700 1rem/1.25 Georgia,serif;cursor:pointer}
.custom-blend summary:focus-visible,.custom-blend button:focus-visible,.custom-blend :is(input,textarea,a):focus-visible{outline:3px solid #a3621b;outline-offset:3px}
.custom-blend-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(18px,4vw,42px);margin-top:22px;padding:clamp(14px,3vw,30px);border:2px solid #ab7a43;background:#f3dfbb;color:#332013;overflow-wrap:anywhere}
.custom-blend-panel h3{margin:0 0 10px;font-size:1.3rem}
.custom-blend-policy ul{padding-inline-start:20px}
.custom-blend-policy li+li{margin-top:6px}
.custom-blend-notice{padding:14px;border-left:4px solid #925d29;background:#ead0a7}
.custom-blend-notice p:last-child{margin-bottom:0}
.custom-blend-panel a{color:#643512;text-decoration:underline}
.custom-blend fieldset{display:grid;gap:12px;min-width:0;padding:0;border:0;margin:0}
.custom-blend label:not([hidden]){display:grid;gap:5px;font-weight:bold}
.custom-blend :is(input,textarea){width:100%;min-width:0;box-sizing:border-box;min-height:44px;padding:9px 10px;border:1px solid #8a653e;border-radius:3px;background:#fff8e9;color:#2e1a0f;font:1rem/1.4 Georgia,serif}
.custom-blend textarea{resize:vertical}
.custom-blend button{margin:0}
.custom-blend button:disabled{cursor:default;opacity:.65}
#blend-result:not([hidden]){border-left:4px solid #925d29;padding:10px;background:#fff5df}
@media(max-width:760px){.custom-blend-panel{grid-template-columns:minmax(0,1fr)}}
.custom-blend-how{max-width:72ch;margin:26px auto 0;padding:clamp(14px,3vw,26px);border:1px solid #b4814a;background:#2f190fcc;text-align:center}
.custom-blend-how h3{font:700 clamp(22px,3vw,29px)/1.2 Rockwell,Georgia,serif;margin:0 0 10px;color:#f5d49a}
.custom-blend-how p:last-child,#blend-result p:last-child{margin-bottom:0}
