/* Keep the approved full-bleed photographs, condensed wordmark and red/cream palette. */
/* The crop and its image scale together without re-laying out either canvas. */
.hero-photo-frame.is-composited{will-change:transform}
.hero-photo-frame.is-composited>picture,.hero-photo-frame.is-composited>.product-outline{position:absolute;inset:auto;right:0;top:50%;transform-origin:right center;will-change:transform}
@media(max-width:899px){.hero-photo-frame.is-composited>picture,.hero-photo-frame.is-composited>.product-outline{left:0;right:auto;top:0;transform-origin:left top}}
:root{--surface:#fff2e2;--soft:#f8dabb;--accent-soft:#f5ccd0;--green:#356046;--glass:rgba(254,229,202,.82);--glass-edge:#fff8eac9}
:root[data-appearance=dark]{color-scheme:dark;--paper:#261a20;--surface:#38222b;--soft:#432c35;--ink:#fee5ca;--accent:#ffc1c2;--accent-soft:#59323f;--muted:#dbc0b4;--line:#e8b3b04d;--green:#bfdbb4;--glass:rgba(38,26,32,.84);--glass-edge:#f9cecd47}
@media(prefers-color-scheme:dark){:root[data-appearance=system]{color-scheme:dark;--paper:#261a20;--surface:#38222b;--soft:#432c35;--ink:#fee5ca;--accent:#ffc1c2;--accent-soft:#59323f;--muted:#dbc0b4;--line:#e8b3b04d;--green:#bfdbb4;--glass:rgba(38,26,32,.84);--glass-edge:#f9cecd47}}
.icon-library{position:absolute;width:0;height:0;overflow:hidden}.about-section,.site-footer{background:#b00e2f;color:#fff7eb}.site-header nav{display:flex}.appearance{width:44px;padding:10px}.appearance svg{width:20px;height:20px}.nav-box{background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 var(--glass-edge),2px 2px 0 var(--accent)}.site-menu{background:var(--surface)}.hero-photo-picker{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.inline-icon{display:inline-block;width:14px;height:14px;vertical-align:-.2em}
/* Keep the real cut bun intact within the portrait crop and its matching contour. */
.about-section .main-image--real .outlined-photo{aspect-ratio:4/5}
@media(min-width:900px){
  .about-section .about-collage{margin-top:24px}
  .about-section .side-left{top:42%}
  .about-section .side-right{top:auto;bottom:0}
}
.site-menu .inline-icon{width:18px;height:18px}
.demo-label>span,.footer-bottom>a,.site-footer .footer-replay{display:inline-flex;align-items:center;gap:6px}
.sheet .text-button .icon,.loading-card .text-button .icon{width:16px;height:16px}
/* Content is visible before JavaScript and stays painted during fast scrolling. */
.reveal,.js-reveal .reveal{opacity:1;transform:none}.orbit:before,.orbit:after{animation:none}.hero-story .circle-link:hover .orbit:before{animation:orbit 4s linear infinite}.catalog-status{text-align:center;font-size:12px;margin:0 0 24px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:8px;vertical-align:middle}.product-grid.single-product{max-width:530px;grid-template-columns:1fr}.product-card{background:var(--surface)}.card-photo>img{background:#eee5d9}.card-name{text-align:left}.card-name h3{font-size:22px}.card-description{font-size:13px;line-height:1.8}.card-price strong{font-family:var(--condensed);font-size:32px}.product-tiers{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.product-tiers span{font-size:11px;border:1px solid var(--line);padding:4px 8px}.stock-note{font-size:11px;color:var(--green);margin-top:12px}.catalog-closed,.loading-card{text-align:center;padding:25px;margin:0 auto 25px;max-width:720px;border:1px solid var(--line);font-size:13px}.catalog-closed{background:var(--soft)}.pickup-place{display:grid;grid-template-columns:25px 1fr 42px;gap:12px;align-items:start}.pickup-place h3{font-size:18px;margin:0 0 7px}.pickup-place p{font-size:12px;line-height:1.8;margin:3px 0}.pickup-place .pickup-detail{white-space:pre-line;font-size:11px;color:var(--muted)}.pickup-place .pickup-time{font-size:12px;color:var(--ink)}.pickup-place a{display:grid;place-items:center;width:42px;height:42px;min-height:42px;border:1px solid var(--line);border-radius:50%;padding:0}.pickup-place a .icon{width:18px;height:18px}.pickup-number{padding-top:2px}.pickup-delivery-copy{font-size:17px;line-height:1.8}.footer-contact [data-action=contact]{overflow-wrap:anywhere}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:52px;padding:14px 22px;border:1px solid var(--accent);border-radius:0;font-size:13px;font-weight:550;transition:transform .2s}.button svg{width:19px;height:19px}.button-primary{color:var(--paper);background:var(--accent)}.button:active{transform:translateY(1px)}.button:disabled{opacity:.4;cursor:default}.button-secondary{background:transparent}.sheet .icon-button{display:grid;place-items:center;border:1px solid var(--line);padding:0}.sheet .icon-button svg{width:18px;height:18px}.sheet .text-button{display:inline-flex;align-items:center;min-height:44px;gap:18px;padding:0;font-size:12px;color:var(--accent)}.price{font:600 38px/1.1 var(--condensed)}.price small,.price>span{font:12px var(--sans);margin-inline:3px}.cart-peek{display:flex;align-items:center;justify-content:space-between;background:var(--glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-edge);border-radius:8px;box-shadow:inset 0 1px 0 var(--glass-edge),2px 2px 0 var(--accent);width:440px;padding:9px 9px 9px 23px}.cart-peek>div{display:flex;gap:15px;align-items:center}.cart-peek span{font-size:12px}.cart-peek strong{font:600 25px var(--condensed)}.cart-peek .button{min-height:44px;padding:10px 16px;font-size:12px}.toast{z-index:105}.toast.visible{opacity:1}.sheet .bag-total strong,.sheet .bag-item>strong{font-family:var(--condensed);font-weight:600}.sheet .sheet-heading h2,.sheet h2,.sheet .empty-bag h3,.sheet .confirmation h3{font-family:var(--sans);font-weight:650;letter-spacing:-.04em}.sheet .product-tiers{margin-top:14px}
.sheet{background:var(--surface);color:var(--ink);border:1px solid var(--glass-edge);border-radius:28px;padding:28px;width:640px;max-width:calc(100% - 32px);max-height:calc(100dvh - 48px);box-shadow:0 24px 100px #22191033;overscroll-behavior:contain}.sheet[open]{animation:sheet-in .28s cubic-bezier(.2,.8,.2,1)}.sheet::backdrop{background:#251a174f}.sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.sheet-heading h2{font-size:27px;margin-top:9px}.sheet-heading>.icon-button{align-self:flex-start;width:40px;height:40px;background:var(--surface)}.sheet-heading>.icon-button svg{width:18px;height:18px}.preview-notice{font-size:10px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:14px;margin-top:-2px;margin-bottom:24px}.empty-bag{text-align:center;padding:35px 15px}.empty-bag>svg{width:48px;height:48px;color:var(--accent);margin-bottom:22px;stroke-width:1}.empty-bag h3{font:500 26px var(--serif)}.empty-bag p{color:var(--muted);font-size:12px;margin:12px 0 28px}.bag-item{display:grid;grid-template-columns:76px 1fr auto;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.bag-item:first-child{padding-top:0}.bag-item>img{width:76px;height:88px;object-fit:cover;border-radius:10px;background:var(--soft)}.bag-item h3{font-size:13px;line-height:1.6}.bag-item p{font-size:11px;color:var(--muted);margin-top:4px}.bag-item>strong{font:500 18px Georgia,serif}.quantity{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--line);border-radius:100px;width:116px;min-height:40px;margin-top:11px}.quantity button{display:grid;place-items:center;width:38px;height:38px;padding:0}.quantity svg{width:15px;height:15px}.quantity output{font-size:13px;min-width:14px;text-align:center;font-variant-numeric:tabular-nums}.bag-saving{font-size:11px;color:var(--green);margin-top:16px}.bag-total{display:flex;justify-content:space-between;align-items:center;padding:25px 0 20px;font-size:13px}.bag-total strong{font:500 28px Georgia,serif}.full-width{width:100%}.bag-next{margin-top:5px}.bag-help{text-align:center;font-size:11px;color:var(--muted);margin-top:14px}.bag-back{margin-bottom:14px}.field-label{display:block;font-size:12px;margin-bottom:10px}.fulfillment-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px;background:var(--soft);padding:5px;border-radius:14px;margin-bottom:18px}.fulfillment-switch button{border-radius:10px;min-height:43px;font-size:12px;display:flex;align-items:center;gap:10px;justify-content:center;border:1px solid transparent}.fulfillment-switch button[aria-pressed=true]{background:var(--surface);box-shadow:0 2px 6px #4431220a;border-color:var(--line);color:var(--accent)}.fulfillment-switch svg{width:18px;height:18px}.pickup-choice{position:relative;display:flex;gap:12px;align-items:flex-start;padding:16px;margin:10px 0;border:1px solid var(--line);border-radius:14px;cursor:pointer}.pickup-choice:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.pickup-choice input{margin:4px 0 0;accent-color:var(--accent);width:16px;height:16px;flex-shrink:0}.pickup-choice strong{font-size:13px;font-weight:550;display:block}.pickup-choice small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.pickup-choice b{font-size:11px;display:block;font-weight:500;color:var(--accent);margin-top:6px}.pickup-choice em{font-style:normal;white-space:pre-line;display:block;font-size:11px;color:var(--muted);margin-top:6px}.delivery-explanation{padding:20px;background:var(--soft);border-radius:14px;margin-bottom:20px}.delivery-explanation h3{font-size:14px}.delivery-explanation p{font-size:12px;color:var(--muted);margin-top:7px}.delivery-explanation label{display:flex;align-items:flex-start;gap:9px;margin-top:15px;font-size:12px}.delivery-explanation input{accent-color:var(--accent);margin-top:5px}.checkout-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:23px}.checkout-fields label{display:flex;flex-direction:column;gap:8px;font-size:12px}.checkout-fields label:last-child{grid-column:1/-1}.checkout-fields input,.checkout-fields textarea{border:1px solid var(--line);border-radius:10px;color:var(--ink);background:var(--surface);font-size:16px;min-height:46px;padding:10px 12px;min-width:0;width:100%;resize:vertical}.checkout-fields textarea{height:75px}.checkout-fields input::placeholder,.checkout-fields textarea::placeholder{color:var(--muted);font-size:12px;opacity:1}.checkout-policies{margin-top:20px;font-size:11px;color:var(--muted)}.checkout-policies summary{cursor:pointer;min-height:32px}.checkout-policies p{margin:8px 0;line-height:1.8}.checkout-totals{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.checkout-totals>div:not(.bag-total){display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:8px}.checkout-totals .bag-total{padding:13px 0 16px}.checkout-error{color:var(--accent);font-size:12px;margin-top:12px}.confirmation{text-align:center}.confirmation-mark{width:60px;height:60px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;margin:25px auto 15px;color:var(--green);background:var(--soft)}.confirmation h3{font:500 27px var(--serif);margin-bottom:12px}.confirmation>p{font-size:12px;color:var(--muted)}.confirmation-details{text-align:left;margin:26px 0 20px;border-block:1px solid var(--line);padding:20px 0}.confirmation-details p{font-size:12px;margin:5px 0;color:var(--muted)}.confirmation-details strong{font-weight:550;color:var(--ink)}.confirmation small{display:block;margin-top:14px;color:var(--muted);font-size:11px}.product-dialog{width:820px}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.detail-photo{border-radius:16px;width:100%;aspect-ratio:1/1;object-fit:cover;background:var(--soft)}.photo-tabs{display:flex;gap:16px;align-items:center;margin-top:10px;flex-wrap:wrap}.photo-tabs button{font-size:11px;min-height:40px;border-bottom:1px solid transparent;padding:0}.photo-tabs button[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.detail-copy h2{font-size:27px}.detail-copy>p{font-size:12px;color:var(--muted);margin-top:14px}.detail-copy .price{margin-top:25px}.detail-copy .quantity{margin:20px 0}.detail-copy .button{font-size:12px;gap:14px}.contact-dialog{width:490px}.contact-dialog h2{font-size:35px}.contact-dialog>p{font-size:12px;color:var(--muted);margin:15px 0 27px}.contact-line{display:flex;justify-content:space-between;align-items:center;gap:15px;border-block:1px solid var(--line);padding:20px 0;margin:12px 0 20px}.contact-line strong{font-size:18px;font-weight:500;overflow-wrap:anywhere}.contact-line button{font-size:11px;padding:8px 14px;border:1px solid var(--line);border-radius:100px;flex-shrink:0}
@keyframes sheet-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}

/* Angular controls keep the checkout in the original graphic language. */
.sheet{border-color:var(--accent);border-radius:8px;background:var(--paper)}.sheet-heading>.icon-button,.sheet .quantity,.pickup-choice,.checkout-fields input,.checkout-fields textarea,.fulfillment-switch,.fulfillment-switch button,.delivery-explanation{border-radius:4px}.sheet::backdrop{background:#27000a66;backdrop-filter:none;-webkit-backdrop-filter:none}.sheet-heading>.icon-button{background:transparent}.detail-photo{border-radius:4px}.bag-item>img{border-radius:4px}.sheet .sheet-heading h2{font-size:28px}.checkout-fields input,.checkout-fields textarea{font-size:16px}.bag-help,.sheet .preview-notice{font-size:11px}
@media(max-width:899px){.site-header nav{gap:7px}.appearance{width:40px;padding:9px}.nav-box.bag-button>span{min-width:35px;padding-inline:9px}.menu-toggle{padding-inline:12px}.product-grid.single-product{max-width:450px}.card-name h3{font-size:20px}.card-description{font-size:12px}.card-price strong{font-size:30px}.card-copy{padding:19px}.pickup-place h3{font-size:16px}.pickup-place p{font-size:12px}.pickup-place .pickup-detail{font-size:11px}.cart-peek{width:calc(100% - 30px);max-width:430px;padding-left:16px;gap:12px}.cart-peek span{font-size:11px}.cart-peek strong{font-size:24px}.cart-peek .button{font-size:11px;gap:12px}.footer-contact [data-action=contact]{font-size:clamp(30px,6vw,48px)}}
@media(max-width:760px){.sheet{width:100%;max-width:100%;max-height:92dvh;margin:auto 0 0;padding:24px 22px calc(24px + env(safe-area-inset-bottom,0px));border-radius:26px 26px 0 0}.sheet:before{content:'';display:block;width:34px;height:4px;background:var(--line);border-radius:5px;margin:-12px auto 17px}.sheet-heading{margin-bottom:17px}.sheet-heading h2{font-size:25px}.sheet-heading .eyebrow{font-size:8px}.sheet-heading>.icon-button{width:36px;height:36px}.preview-notice{font-size:9px;margin-bottom:22px}.bag-item{grid-template-columns:65px 1fr auto;gap:12px}.bag-item>img{width:65px;height:84px}.bag-item h3{font-size:12px}.bag-item p{font-size:10px}.bag-item>strong{font-size:15px}.bag-total strong{font-size:26px}.quantity{width:112px;gap:6px}.checkout-fields{grid-template-columns:1fr}.checkout-fields label:last-child{grid-column:auto}.detail-layout{grid-template-columns:1fr;gap:22px}.detail-photo{aspect-ratio:1.22;max-height:320px}.detail-copy h2{font-size:25px}.detail-copy .quantity{display:inline-flex;margin:18px 0}.detail-copy>.button{float:right;min-width:160px;margin-top:17px}.contact-dialog{margin:auto 14px;width:calc(100% - 28px);max-height:85dvh;border-radius:24px;padding:25px}.contact-dialog:before{display:none}.contact-dialog h2{font-size:32px}}

@media(max-width:360px){.site-header nav{gap:5px}.appearance{width:34px}.brand-en{font-size:29px}.brand-cn{font-size:17px}.product-grid.single-product{grid-template-columns:1fr}.card-copy{padding:16px}.sheet{padding-inline:18px}.bag-item{grid-template-columns:55px 1fr auto;gap:10px}.bag-item>img{width:55px}.bag-item h3{font-size:11px}.bag-item>strong{font-size:16px}.sheet .sheet-heading h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.sheet .quantity>button{min-height:38px}.sheet .text-button{border-bottom:0}.card-description{margin-bottom:12px}.card-bottom{margin-top:20px}.card-name h3{min-height:0}.cart-peek{bottom:max(16px,env(safe-area-inset-bottom))}body.has-cart .site-footer{padding-bottom:110px}

/* Keep product choices close to the product, with immediate quantity and price feedback. */
.card-bottom{flex-wrap:wrap;gap:12px}
.card-purchase{display:flex;justify-content:flex-end;flex:1}
.card-add{width:auto;min-width:132px;height:46px;display:flex;gap:12px;justify-content:center;padding:0 16px;border-radius:4px;font-size:12px}
.card-add:hover{background:var(--accent);transform:translateY(-2px)}
.card-add:active{transform:translateY(0)}
.card-quantity .quantity{margin:0;width:136px;min-height:46px;border-radius:4px;background:var(--paper)}
.card-quantity .quantity button,.sheet .quantity button{width:44px;height:44px;min-height:44px;flex-shrink:0}
.quantity-input{width:40px;min-width:0;min-height:44px;flex:1;padding:4px 2px;border:0;border-radius:0;background:transparent;color:inherit;font:16px/1.2 var(--sans);font-variant-numeric:tabular-nums;text-align:center;box-shadow:inset 0 -1px 0 var(--line);outline-offset:1px}
.quantity-input:focus{outline:1px solid var(--accent);background:var(--surface)}
.quantity-input:disabled{opacity:.5}
.card-status{font-size:11px;color:var(--muted);margin-top:12px;min-height:19px}
.product-tiers span{transition:color .18s,background-color .18s,border-color .18s}
.product-tiers .is-active{background:var(--accent);color:var(--paper);border-color:var(--accent)}
.card-view{width:auto;height:auto;font-size:11px;gap:7px;padding:8px 10px;background:var(--surface);color:var(--ink)}
.card-view .icon{width:16px;height:16px}
.site-footer .footer-replay{font-size:inherit;padding:10px 0}
body:has(dialog[open]) #cart-peek{visibility:hidden;pointer-events:none}

/* Stable sheet controls preserve a way back and keep the next step within reach. */
.bag-dialog[open],.product-dialog[open]{display:flex;flex-direction:column;overflow:hidden}
.bag-dialog>.sheet-heading,.product-dialog>.sheet-heading,.bag-dialog>.preview-notice,.bag-steps{flex-shrink:0}
/* Use content as the flex basis in auto-height dialogs; a zero basis can collapse the sheet in Safari. */
#bag-content,#product-detail,#checkout-form{display:flex;flex-direction:column;min-height:0;overflow:hidden;flex:1 1 auto}
.sheet-scroll{overflow-y:auto;overscroll-behavior:contain;min-height:0;padding-bottom:20px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.sheet-actions,.detail-purchase-bar{flex-shrink:0;background:var(--paper);border-top:1px solid var(--line);padding-top:16px}
.sheet-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:4px}
.action-summary{display:flex;flex-direction:column;gap:3px;flex-shrink:0}
.action-summary>span{font-size:11px;color:var(--muted)}
.action-summary>strong{font:600 30px/1.1 var(--condensed);font-variant-numeric:tabular-nums}
.sheet-actions .button{font-size:12px;gap:18px;padding-inline:16px;margin:0}
.sheet .keep-shopping{margin-top:12px}
.sheet .quantity{width:136px;gap:3px;min-height:46px}
.detail-purchase-bar{display:grid;grid-template-columns:136px minmax(0,1fr);gap:10px 16px}
.draft-summary{grid-column:1/-1;display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.draft-summary .price{font:600 30px/1.2 var(--condensed)}
.draft-summary>span{font-size:10px;color:var(--muted)}
.detail-purchase-bar .quantity{margin:0}
.detail-purchase-bar>.button{justify-content:center;min-height:46px;font-size:12px;padding:10px 14px;gap:12px}
.draft-feedback-row{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:32px}
.draft-feedback-row p{font-size:11px;color:var(--muted);margin:0}
.sheet .draft-feedback-row .text-button{min-height:32px;font-size:11px;flex-shrink:0}
.sheet .detail-copy .price{font:600 32px/1.2 var(--condensed);color:var(--ink);margin-top:20px}
.detail-copy .price small,.detail-copy .price>span{font:12px var(--sans)}
.detail-photo{height:auto}
.photo-tabs button{min-height:44px;transition:color .18s,border-color .18s}
.photo-tabs[aria-busy=true]{cursor:progress}
.bag-steps{list-style:none;display:grid;grid-template-columns:1fr 1.2fr .85fr;padding:0;margin:0 0 25px;gap:14px;font-size:11px;color:var(--muted)}
.bag-steps li{border-top:1px solid var(--line);padding-top:9px;white-space:nowrap}
.bag-steps li>span{font:600 13px var(--condensed);margin-right:6px}
.bag-steps [aria-current=step]{color:var(--accent);border-color:var(--accent);font-weight:650}
.fulfillment-switch{position:relative;isolation:isolate}
.fulfillment-switch:before{content:'';position:absolute;z-index:-1;inset:5px auto 5px 5px;width:calc((100% - 15px)/2);border:1px solid var(--line);border-radius:4px;background:var(--surface);transition:transform .24s cubic-bezier(.2,.8,.2,1)}
.fulfillment-switch[data-mode=delivery]:before{transform:translateX(calc(100% + 5px))}
.fulfillment-switch button[aria-pressed=true]{background:transparent;box-shadow:none;border-color:transparent}
.checkout-error:empty{display:none}
.delivery-explanation{scroll-margin-block:130px}
.delivery-explanation:has([aria-invalid=true]){outline:1px solid var(--accent);outline-offset:3px}
.checkout-totals{margin-top:16px;padding-top:14px}
@media(max-width:760px){
  .detail-purchase-bar{gap:8px 12px}
  .sheet .detail-copy h2{font-size:23px}
  .detail-photo{max-height:220px;object-fit:contain}
  .bag-steps{gap:10px;font-size:10px;margin-bottom:22px}
}

/* One outlined wordmark keeps the wave entrance and header independent of font loading. */
.brand .brand-mark{display:block;width:154px;height:auto;fill:currentColor;flex-shrink:0}
.intro-wordmark{width:min(80vw,360px);font-size:0;line-height:0;letter-spacing:0}
.intro-wordmark>span{padding:0}
.intro-wordmark .brand-mark{display:block;width:100%;height:auto;fill:currentColor;overflow:visible}
.intro-wordmark-outline{color:var(--accent);-webkit-text-stroke:0}
.intro-wordmark-outline .brand-mark{fill:none;stroke:currentColor;stroke-width:.3}
.intro-name{margin-top:20px;padding:0;line-height:0}
.intro-name svg{display:block;width:84px;height:15px;fill:currentColor}
@media(max-width:899px){
  .brand .brand-mark{width:110px}
  .menu-section{padding-top:44px}
  .menu-heading{margin-bottom:22px}
  .menu-heading h2{font-size:clamp(46px,11vw,72px)}
  .menu-heading p{margin-top:12px}
  .catalog-status{margin-bottom:18px}
  .product-grid.single-product{max-width:380px}
  .card-photo{aspect-ratio:auto;height:clamp(180px,52vw,230px)}
  .card-photo>img{object-fit:contain}
  .card-copy{padding:16px}
  .card-name h3{font-size:19px}
  .card-description{min-height:0;margin:7px 0 0;line-height:1.65}
  .product-card .product-tiers{gap:6px;margin-top:12px}
  .product-card .product-tiers span{padding:3px 7px}
  .card-bottom{margin-top:14px}
  .card-price strong{font-size:28px}
  .card-status{margin-top:8px;min-height:18px}
  .stock-note{margin-top:5px}
}
@media(max-width:360px){.brand .brand-mark{width:98px}}

/* Hand-drawn margins stay in the document, with no extra animation loop or blur. */
.doodle{display:block;height:auto;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;overflow:visible}
.hero-doodle{position:absolute;z-index:0;color:var(--accent)}
.hero-spark{width:clamp(54px,7vw,104px);left:8%;top:17%;transform:rotate(-12deg)}
.hero-loop{width:clamp(100px,12vw,180px);right:6%;bottom:10%;transform:rotate(15deg)}
.contour-accents{stroke-width:2.8}.contour-accents .contour-seeds{stroke-width:2.5}
.menu-heading,.pickup-heading{position:relative}
.menu-spark{position:absolute;left:calc(50% - 420px);top:-28px;width:72px;transform:rotate(-9deg)}
.menu-underline{width:260px;margin:8px auto 0}
.pickup-doodle{position:absolute;width:120px;left:55%;top:10px;transform:rotate(8deg)}
.footer-spark{position:absolute;width:42px;right:var(--edge);top:14px;transform:rotate(14deg)}
@media(max-width:899px){
  .hero-spark{width:54px;left:7%;top:17%}
  .hero-loop{width:98px;right:7%;bottom:8%;transform:rotate(9deg)}
  .about-section .steam{display:block;stroke-width:2.2}
  .about-section .steam-one{width:94px;left:-6px;top:12px;transform:rotate(-12deg)}
  .about-section .steam-two{width:104px;right:-5px;top:clamp(40px,12vw,76px);transform:rotate(12deg)}
  .menu-spark{width:34px;left:0;top:-19px}
  .menu-underline{width:170px;margin-top:6px}
  .pickup-doodle{width:78px;left:auto;right:9px;top:30px;transform:rotate(13deg)}
  .footer-spark{width:32px;top:10px}
}
@media(min-width:700px) and (max-width:899px){.pickup-doodle{left:55%;right:auto;top:22px}}

/* The same presentation serves a read-only preview and the live storefront. */
[data-storefront="preview"] [data-live],
[data-storefront="live"] [data-preview] { display: none !important; }
.orders-nav { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; padding-inline: 10px; white-space: nowrap; }
.checkout-account { margin: 22px 0 4px; font-size: 13px; line-height: 1.7; color: var(--muted); }
.checkout-account a { color: var(--ink); text-underline-offset: 4px; margin-left: 4px; }
.checkout-submit-error { margin: 0; padding: 0 24px; color: var(--ink); font-size: 13px; line-height: 1.6; }
.checkout-submit-error:not(:empty) { padding-top: 12px; padding-bottom: 12px; }
.bag-steps b { font: inherit; }
@media (max-width: 699px) {
  [data-storefront="live"] .shop-nav { display: none; }
  .orders-nav { font-size: 13px; }
}

/* Phone catalog, option A: a compact photo row with pricing and purchase beside it. */
@media (max-width: 599px) {
  .product-grid,.product-grid.single-product{grid-template-columns:minmax(0,1fr);max-width:440px;gap:12px}
  .product-card{display:grid;grid-template-columns:clamp(80px,24vw,96px) minmax(0,1fr);column-gap:13px;align-items:start;padding:14px;border:0;border-radius:11px}
  .card-photo{grid-column:1;grid-row:1/4;width:100%;height:107px;aspect-ratio:auto;border-radius:7px;background:var(--soft)}
  .card-photo>img{object-fit:contain;background:var(--soft)}
  .card-badge,.card-view{display:none}
  .card-copy{display:contents}
  .card-name{grid-column:2;grid-row:1;align-self:start}
  .card-name h3{font-size:17px;line-height:1.45;letter-spacing:-.025em;text-wrap:pretty}
  .card-description{grid-column:2;grid-row:2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:12px;line-height:1.75;margin:6px 0 0;min-height:0;overflow-wrap:anywhere}
  .stock-note{grid-column:2;grid-row:3;margin:6px 0 0;font-size:10px;line-height:1.6}
  .card-bottom{grid-column:2;grid-row:4;flex-wrap:nowrap;align-items:center;gap:8px;margin-top:10px;padding:0;border:0;min-width:0}
  .card-price strong{font-size:28px}
  .card-price small,.card-price>span{font-size:10px}
  .card-price>span{display:inline}
  .card-purchase{flex:0 0 auto;margin-left:auto}
  .card-add{width:44px;min-width:44px;height:44px;padding:0;gap:0;border-radius:8px}
  .card-add>span{display:none}
  .card-add:disabled{background:var(--soft);color:var(--muted);opacity:.65}
  .card-add .icon{width:18px;height:18px}
  .card-quantity .quantity{width:118px;min-height:46px;gap:0;border-radius:8px;background:var(--surface)}
  .card-quantity .quantity-input{width:28px;padding-inline:0}
  .product-card .product-tiers{grid-column:1/-1;grid-row:5;justify-content:space-between;gap:4px 12px;margin-top:12px;padding-top:9px;border-top:1px solid var(--line)}
  .product-card .product-tiers:empty{display:none}
  .product-card .product-tiers span{font-size:10px;line-height:1.8;white-space:nowrap;padding:0;border:0;border-radius:0;background:transparent}
  .product-card .product-tiers .is-active{color:var(--accent);font-weight:650}
  .card-status{grid-column:1/-1;grid-row:6;margin-top:7px;min-height:0;font-size:10px;line-height:1.6}
  .product-card:has(.card-quantity[hidden]) .card-status{display:none}
  .product-card :is(.card-photo,.card-name,.card-add):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
}
@media (max-width: 389px) {
  .card-bottom:has(.card-quantity:not([hidden])){grid-column:1/-1;margin-top:12px}
}
@media (max-width: 359px) {
  .product-card{column-gap:11px;padding:12px}
  .card-name h3{font-size:16px}
}