:root{color-scheme:light;--ink:#432e25;--cocoa:#673c2b;--cream:#fffaf1;--paper:#fffefa;--line:#e9dccb;--amber:#edb454;--muted:#796657;--error:#a32d20;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--cream);font-size:16px}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,label,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid #b56b15;outline-offset:4px}a{color:inherit;text-decoration:none}.site-header{max-width:1180px;margin:auto;min-height:88px;display:flex;align-items:center;justify-content:space-between;padding:16px 36px;border-bottom:1px solid var(--line)}.wordmark{font-family:Georgia,serif;font-size:1.85rem;font-weight:bold;letter-spacing:-1.4px;display:flex;align-items:baseline;gap:7px}.wordmark span{font-size:.87rem;letter-spacing:1px;font-family:Arial,sans-serif}.wordmark i{font-style:normal;color:#b36d18;font-size:1.2rem;margin-left:4px}.header-note{font-size:.75rem;letter-spacing:2px;font-weight:700;color:var(--muted)}.page{max-width:1180px;margin:auto;padding:0 36px}.intro{display:flex;align-items:center;justify-content:space-between;gap:36px;padding:30px 0 32px;border-bottom:1px solid var(--line)}.eyebrow{font-size:.75rem;letter-spacing:1.8px;font-weight:700;margin:0 0 15px;color:#956021}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:3.35rem;line-height:1.04;letter-spacing:-1.7px;margin:0 0 17px}h1 br{display:none}.intro-copy>p:not(.eyebrow){font-size:1rem;line-height:1.6;color:var(--muted);margin:0 0 15px}.intro-price{font-size:.875rem;background:#f6e8d0;display:inline-block;padding:8px 12px;border-radius:5px}.intro-price strong{margin-left:2px}.puff-art{margin:0;width:29%;max-width:320px;position:relative;flex-shrink:0}.puff-art img{display:block;width:100%;height:177px;object-fit:cover;border-radius:12px;mix-blend-mode:multiply}.puff-art figcaption{font-size:.75rem;color:var(--muted);text-align:right;margin-top:5px}.order-layout{display:grid;grid-template-columns:minmax(0,1fr) 344px;gap:46px;padding-top:30px;align-items:start}.step{border:0;padding:0;margin:0 0 29px;min-width:0}.step legend{font-size:1.125rem;font-weight:700;display:flex;align-items:center;gap:10px;padding:0;margin-bottom:16px}.step-number{color:#996330;font-size:.75rem;letter-spacing:1px;border:1px solid #dec7a8;width:29px;height:29px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.size-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.choice{position:relative;display:flex;border:1px solid var(--line);border-radius:9px;cursor:pointer;background:var(--paper);transition:border-color .15s,background .15s;overflow:hidden}.choice:has(input:checked){border-color:var(--cocoa);background:#f7ecdb;box-shadow:0 0 0 1px var(--cocoa)}.choice:has(input:focus-visible){outline:3px solid #b56b15;outline-offset:3px}.choice input{position:absolute;opacity:0;width:1px;height:1px}.size-choice{padding:14px 10px;text-align:center;justify-content:center}.size-choice>span{display:flex;flex-direction:column;gap:3px}.size-choice strong{font-family:Georgia,serif;font-size:1.8rem;font-weight:400}.size-choice span span{font-size:.875rem}.size-choice small{font-size:.75rem;color:var(--muted);margin-top:7px}.mode-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mode-choice{padding:16px 13px;align-items:center;justify-content:space-between;gap:10px}.mode-choice strong{font-size:.9375rem;line-height:1.5}.mode-choice small{display:block;font-size:.8125rem;line-height:1.4;color:var(--muted);margin-top:3px}.mode-choice b{font-weight:400;font-size:.8125rem;white-space:nowrap;margin-left:5px}.choice-mark{flex:0 0 17px;width:17px;height:17px;border-radius:50%;border:1px solid #b9a28c}.choice:has(input:checked) .choice-mark{background:var(--cocoa);border:4px solid #f7ecdb;outline:1px solid var(--cocoa)}.field-note{font-size:.8125rem;line-height:1.5;color:var(--muted);margin:12px 0 0}.flavor-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-6px 0 15px}.flavor-heading p{font-size:.875rem;color:var(--muted);line-height:1.5;margin:0}.text-button{border:0;background:none;color:var(--cocoa);padding:4px 0;font-size:.8125rem;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.text-button[hidden]{display:none}.flavor-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.flavor-card{border:1px solid var(--line);border-radius:9px;background:var(--paper);overflow:hidden}.flavor-card.selected{border-color:var(--cocoa);box-shadow:0 0 0 1px var(--cocoa);background:#f7ecdb}.flavor-card:has(input:focus-visible){outline:3px solid #b56b15;outline-offset:3px}.flavor-label{padding:15px 13px;display:flex;align-items:center;gap:11px;cursor:pointer;min-height:77px}.flavor-label input{position:absolute;opacity:0;width:1px;height:1px}.flavor-swatch{height:32px;width:32px;flex:0 0 32px;border-radius:50%;background:var(--flavor);border:4px solid #fffefa;box-shadow:0 0 0 1px #e6d7c2}.flavor-title{font-weight:700;font-size:.9375rem;line-height:1.4;flex:1;min-width:0}.flavor-title small{display:block;color:var(--muted);font-weight:400;font-size:.75rem;margin-top:3px}.selection-mark{width:17px;height:17px;flex:0 0 17px;border:1px solid #bba58c;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px}.mixed .selection-mark{border-radius:4px}.selected .selection-mark{background:var(--cocoa);border-color:var(--cocoa);color:white}.stepper{display:flex;align-items:center;justify-content:space-between;padding:0 13px 12px;gap:10px}.stepper-label{color:var(--muted);font-size:.8125rem}.stepper-control{display:flex;align-items:center;gap:10px}.stepper button{width:33px;height:33px;border:1px solid #d7c1a6;border-radius:6px;background:var(--paper);font-size:1.1rem;color:var(--ink)}.stepper button:disabled{opacity:.35;cursor:default}.stepper output{min-width:18px;text-align:center;font-size:.875rem;font-weight:700}.allocation-line{display:flex;align-items:center;justify-content:space-between;font-size:.8125rem;margin-top:15px;color:var(--muted);gap:8px}.count-badge{font-weight:700;background:#eee4d4;padding:5px 9px;border-radius:5px;color:var(--ink);white-space:nowrap}.count-badge.invalid{background:#fce3de;color:var(--error)}.validation{color:var(--error);font-size:.875rem;line-height:1.5;margin:10px 0 0}.validation:empty{display:none}.freshness{display:flex;gap:12px;border-top:1px solid var(--line);padding:20px 0 0;margin-top:5px}.freshness-icon{color:#a76920;font-size:1.35rem}.freshness h2{font-family:Georgia,serif;font-size:1.2rem;margin:0 0 8px;font-weight:400}.freshness p{font-size:.875rem;line-height:1.65;color:var(--muted);margin:0}.summary-card{position:sticky;top:24px;background:var(--paper);border:1px solid var(--line);border-top:4px solid var(--cocoa);padding:25px 25px 20px;border-radius:3px 3px 12px 12px;box-shadow:0 9px 30px #67432b08}.summary-card>.eyebrow{font-size:.6875rem;letter-spacing:1.5px;margin-bottom:10px}.summary-card h2{font-family:Georgia,serif;font-size:2rem;font-weight:400;letter-spacing:-.7px;margin:0 0 8px}.summary-description{font-size:.875rem;color:var(--muted);margin:0 0 23px}.summary-flavors{margin:0;padding:0 0 22px;list-style:none;border-bottom:1px dashed #dbcbb7}.summary-flavors li{display:flex;justify-content:space-between;gap:12px;font-size:.875rem;line-height:1.5;margin:9px 0}.summary-flavors li span:last-child{font-weight:700;white-space:nowrap}.price-breakdown{padding:19px 0 8px;font-size:.8125rem}.price-breakdown>div{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px;color:var(--muted)}.price-breakdown strong{color:var(--ink);font-weight:400;white-space:nowrap}.total-line{border-top:1px solid var(--line);padding-top:19px;display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:.875rem}.total-line strong{font-size:1.5rem;font-family:Georgia,serif;line-height:1.3}.total-line strong.pending{font-family:Arial,sans-serif;font-size:1rem}.price-note{font-size:.8125rem;line-height:1.6;color:var(--muted);margin:10px 0 20px}.confirm-note{background:#f8f1e5;padding:12px 13px;border-radius:6px}.confirm-note strong{font-size:.8125rem}.confirm-note p{font-size:.8125rem;line-height:1.6;margin:4px 0 0;color:var(--muted)}.copy-button{border:0;border-radius:7px;padding:15px 12px;margin-top:21px;background:var(--cocoa);color:#fffaf1;width:100%;display:flex;align-items:center;justify-content:center;gap:9px;font-size:.875rem;font-weight:700;min-height:48px}.copy-button:hover{background:#50301f}.copy-button:disabled{opacity:.45;cursor:default}.copy-status{font-size:.75rem;line-height:1.5;color:var(--muted);text-align:center;margin:10px 0 0;min-height:18px}.summary-details{margin-top:17px;border-top:1px solid var(--line);padding-top:14px}.summary-details summary{font-size:.8125rem;cursor:pointer;color:var(--muted)}textarea{width:100%;resize:vertical;border:1px solid var(--line);background:var(--cream);padding:12px;border-radius:5px;font-size:.8125rem;line-height:1.6;color:var(--ink);margin-top:12px}footer{padding:32px 0;margin-top:25px;border-top:1px solid var(--line);font-size:.75rem;color:var(--muted);display:flex;justify-content:center;gap:13px;flex-wrap:wrap}.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(min-width:1050px){.intro-copy h1{font-size:3.6rem}.puff-art{width:33%;max-width:340px}}
@media(max-width:860px){.order-layout{grid-template-columns:minmax(0,1fr) 300px;gap:24px}.page{padding:0 24px}.site-header{padding:16px 24px}.summary-card{padding:22px 20px}.intro h1{font-size:2.6rem}.mode-options{grid-template-columns:1fr}.flavor-grid{grid-template-columns:1fr}.intro{gap:15px}}
@media(max-width:660px){.site-header{min-height:71px;padding:14px 20px}.wordmark{font-size:1.65rem}.header-note{font-size:.625rem;letter-spacing:1.3px}.page{padding:0 20px}.intro{padding:25px 0 24px;gap:10px;align-items:center}.intro h1{font-size:2.25rem;line-height:1.08;letter-spacing:-1px}.intro h1 br{display:block}.intro-copy{flex:1}.intro-copy .eyebrow{font-size:.625rem;letter-spacing:1.1px;margin-bottom:12px}.intro-copy>p:not(.eyebrow){font-size:.875rem;line-height:1.5;margin-bottom:12px}.intro-copy>p br{display:none}.puff-art{width:32%;align-self:center}.puff-art img{height:135px;object-fit:cover}.puff-art figcaption{font-size:.625rem;text-align:center}.intro-price{font-size:.8125rem;padding:7px 9px}.order-layout{display:flex;flex-direction:column;gap:25px;padding-top:25px}.builder,.summary-card{width:100%}.mode-options,.flavor-grid{grid-template-columns:1fr 1fr}.mode-choice{padding:14px 11px}.mode-choice b{display:block;margin-left:0}.mode-choice small{font-size:.75rem}.flavor-label{gap:8px;padding:13px 11px;min-height:78px}.flavor-swatch{width:26px;height:26px;flex-basis:26px;border-width:3px}.flavor-title{font-size:.875rem}.flavor-title small{font-size:.6875rem}.selection-mark{flex-basis:15px;width:15px;height:15px}.step legend{font-size:1.0625rem}.step{margin-bottom:25px}.summary-card{position:static;padding:24px}.summary-card h2{font-size:1.9rem}.copy-button{font-size:.9375rem}.summary-description{margin-bottom:17px}.freshness p{font-size:.875rem}.flavor-step{margin-bottom:24px}footer{margin-top:24px;padding:26px 0}}
@media(max-width:360px){.page{padding:0 15px}.site-header{padding:14px 15px}.puff-art{width:29%}.intro h1{font-size:1.9rem}.flavor-grid{grid-template-columns:1fr}.mode-options{grid-template-columns:1fr}.mode-choice b{display:inline;margin-left:5px}.size-choice{padding:12px 5px}.size-choice small{font-size:.6875rem}.header-note{letter-spacing:.7px}.summary-card{padding:20px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.header-note,.eyebrow,.intro-copy .eyebrow,.puff-art figcaption,.summary-card>.eyebrow,.flavor-title small,.size-choice small{font-size:.75rem}.stepper button{width:44px;height:44px}.stepper-control{gap:8px}@media(max-width:660px){.stepper-label{display:none}.stepper{justify-content:center}.stepper-control{width:100%;justify-content:space-between}.puff-art figcaption{line-height:1.35}}
.add-row{display:flex;align-items:center;gap:12px;margin-top:18px}.qty-control{display:flex;align-items:center;gap:10px}.qty-label{font-size:.8125rem;color:var(--muted)}.qty-control button{width:44px;height:44px;border:1px solid #d7c1a6;border-radius:6px;background:var(--paper);font-size:1.1rem;color:var(--ink)}.qty-control button:disabled{opacity:.35;cursor:default}.qty-control output{min-width:22px;text-align:center;font-weight:700}.add-button{flex:1;border:0;border-radius:7px;padding:13px 14px;min-height:48px;background:var(--cocoa);color:#fffaf1;font-weight:700;font-size:.9375rem}.add-button:disabled{opacity:.45;cursor:default}.add-status{font-size:.8125rem;line-height:1.5;color:var(--muted);margin:10px 0 0}.add-status:empty{display:none}
.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:flex;flex-direction:column;gap:6px;margin:0 0 14px;min-width:0}.field>span,.field-label{font-size:.875rem;font-weight:700}.field small{font-weight:400;color:var(--muted)}.field input,.field select,.field textarea{width:100%;max-width:100%;min-height:48px;margin:0;border:1px solid var(--line);border-radius:7px;background:var(--paper);padding:11px 12px;font-size:16px;color:var(--ink)}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:3px solid #b56b15;outline-offset:2px}.sub-field{border:0;padding:0;margin:0 0 14px;min-width:0}.field-label{padding:0;margin-bottom:8px}.sub-field .field-note{margin-top:8px}.details-step>.field-note{margin:-6px 0 14px}.text-button{padding:10px 0}.text-button:disabled{opacity:.45;cursor:default}
.order-lines{margin:0;padding:0 0 14px;list-style:none;border-bottom:1px dashed #dbcbb7}.order-lines li{padding:10px 0;border-bottom:1px solid var(--line)}.order-lines li:last-child{border-bottom:0}.line-head{display:flex;justify-content:space-between;gap:12px;font-size:.875rem}.order-lines small{display:block;color:var(--muted);font-size:.8125rem;line-height:1.5;margin-top:3px}.order-lines .text-button{font-size:.75rem;padding:10px 0;min-height:40px}.missing{background:#fdf0ec;color:var(--error);border-radius:6px;padding:12px 13px;margin-top:8px;font-size:.8125rem;line-height:1.5}.missing ul{margin:6px 0 0;padding-left:18px}.send-button:not([href]){opacity:.45;cursor:default}.copy-link{display:block;margin:4px auto 0;font-size:.8125rem}.confirm-note{margin-top:16px}.bottom-bar{display:none}
@media(max-width:660px){.field-grid{grid-template-columns:1fr;gap:0}.add-row{flex-wrap:wrap}.add-button{flex-basis:100%}body{padding-bottom:76px}.bottom-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:10;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid var(--line);box-shadow:0 -6px 20px #67432b14;font-size:.875rem}.bottom-bar strong{font-family:Georgia,serif;font-size:1.25rem;margin-left:6px}.bar-send{background:var(--cocoa);color:#fffaf1;border-radius:7px;padding:12px 16px;min-height:44px;font-weight:700;display:flex;align-items:center}.bar-send:not([target]){background:none;color:var(--cocoa);border:1px solid var(--cocoa)}}
[hidden]{display:none!important}.step .field-label{display:block;font-size:.875rem;margin-bottom:8px}
