@font-face{font-family:FuturaPT;src:url('/assets/futura-pt-demi.ttf') format('truetype');font-weight:600;font-display:swap}
:root{--red:#f12832;--ink:#26262c;--muted:#777780;--line:#e5e5eb;--bg:#f7f7f9;--soft:#fff0f1}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.45 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,input,textarea{font:inherit}button{cursor:pointer;border:0;touch-action:manipulation}button:disabled{cursor:default;opacity:.4}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #f6a3a8;outline-offset:3px}h1,h2,h3,.eyebrow,.brand,.topbar>b,.primary,.secondary,.kind-toggle,.quantity-trigger,.quantity-display,.keypad,.success-icon{font-family:FuturaPT,sans-serif;font-weight:600}h1,h2,h3,p{margin:0}h1{font-size:40px;letter-spacing:-.6px;line-height:1.08}h2{font-size:23px;line-height:1.15}h3{font-size:21px}h1:focus{outline:none}.topbar{height:84px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 32px}.brand{display:flex;align-items:center;gap:20px;font-size:20px}.brand img{width:124px;height:60px;object-fit:contain}.brand span{border-left:1px solid #55545d;padding-left:20px}.topbar>b{font-size:20px}.preview{padding:8px 16px;text-align:center;font-size:11px;color:var(--muted);background:#fff;border-bottom:1px solid var(--line)}main{max-width:620px;margin:auto;padding:30px 24px 130px}.home-screen{max-width:460px;margin:22px auto 0}.eyebrow{color:var(--red);font-size:11px;letter-spacing:1.6px;margin-bottom:12px}.subtitle{color:var(--muted);font-size:15px;line-height:1.5;margin-top:12px}.order-options{margin:30px 0 24px}.kind-toggle{display:flex;gap:10px}.kind-toggle button{width:50%;background:#fff;border:1px solid var(--line);border-radius:14px;min-height:78px;text-align:left;padding:14px 18px;font-size:21px}.kind-toggle small{display:block;color:var(--muted);font:12px -apple-system,sans-serif;margin-top:6px}.kind-toggle .selected{border-color:var(--red);color:var(--red);background:var(--soft);box-shadow:inset 0 0 0 1px var(--red)}.date-label{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 18px;margin-top:12px;color:var(--muted);font-size:13px;gap:10px}.date-label input{min-width:0;max-width:65%;border:0;background:transparent;color:var(--ink);font-size:17px;min-height:30px;font-weight:600}#deadline-info{font-size:12px;color:var(--muted);margin:12px 5px 0;line-height:1.5}#deadline-info.warning{color:#bb2932}.primary,.secondary{width:100%;display:flex;justify-content:center;align-items:center;gap:14px;border-radius:14px;padding:14px 18px;min-height:56px;font-size:21px}.primary{background:var(--red);color:#fff}.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}#create-button{min-height:63px;font-size:24px;justify-content:space-between}#history-button{margin-top:12px;font-size:18px}#history-count{background:#f2f2f5;border-radius:6px;font-size:13px;padding:2px 7px}.text-button{background:transparent;color:var(--muted);font-size:13px;min-height:42px;padding:8px}.home-screen>.text-button{display:block;margin:10px auto 0}.resume-note{color:var(--muted);font-size:12px;margin:8px 4px 0}.how-it-works{display:flex;align-items:center;justify-content:space-between;margin-top:36px;color:#8c8c96;font-size:11px;gap:7px}.how-it-works b{color:var(--ink);background:#eaeaf0;border-radius:50%;display:inline-grid;place-items:center;width:21px;height:21px;font-size:10px;margin-right:3px}.how-it-works i{font-style:normal;color:#b4b4bd}.wizard-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:-10px 0 20px}.wizard-top .text-button{padding-left:0;font-size:14px}#order-context{color:var(--muted);font-size:12px;text-align:right}.step-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-bottom:10px}.progress{display:flex;gap:5px;margin-bottom:24px}.progress span{height:4px;background:#e1e1e8;border-radius:4px;flex:1}.progress .done{background:#f6a9ae}.progress .active{background:var(--red)}#step-hint{font-size:14px;margin-top:10px;margin-bottom:22px}.product-list{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.product-row{display:flex;align-items:center;justify-content:space-between;min-height:92px;padding:18px 20px;gap:18px;border-bottom:1px solid var(--line)}.product-row:last-child{border-bottom:0}.product-info{min-width:0}.product-info h2{font-size:21px;overflow-wrap:anywhere}.product-info p{color:var(--muted);font-size:11px;margin-top:5px}.quantity-trigger{min-width:98px;max-width:145px;min-height:49px;background:#f3f3f6;border-radius:12px;font-size:20px;padding:11px 12px;flex-shrink:0;white-space:nowrap}.quantity-trigger.filled{background:var(--soft);color:var(--red);box-shadow:inset 0 0 0 1px #f9c4c8}.quantity-trigger small{font:11px -apple-system,sans-serif;margin-left:3px}.step-navigation{position:fixed;bottom:0;left:50%;transform:translateX(-50%);max-width:620px;width:100%;padding:14px 24px calc(14px + env(safe-area-inset-bottom));background:#f7f7f9f5;border-top:1px solid var(--line);display:flex;gap:10px;z-index:2;backdrop-filter:blur(14px)}.step-navigation .secondary{width:105px;font-size:18px}.step-navigation .primary{flex:1;min-width:0}.review-group{border:1px solid var(--line);border-radius:16px;background:#fff;margin-bottom:14px;padding:16px 18px}.review-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.review-heading h3{font-size:20px}.review-heading button{color:var(--red);background:none;font-size:12px;padding:8px 0 8px 8px;min-height:40px}.review-row{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--line);font-size:13px}.review-row b{white-space:nowrap}.comment-label{display:block;margin-top:22px;font-size:13px;font-weight:600}.comment-label small{color:var(--muted);font-size:11px;font-weight:400;margin-left:5px}.comment-label textarea{display:block;resize:vertical;margin-top:9px;width:100%;border:1px solid var(--line);border-radius:14px;padding:14px;font-size:14px;background:#fff}.review-note{font-size:12px;color:var(--muted);line-height:1.6;margin:18px 0}.empty{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;color:var(--muted);font-size:14px}#validation-errors{color:#b72630;font-size:13px;margin-top:14px}dialog{border:1px solid var(--line);border-radius:24px;padding:0;width:min(500px,calc(100% - 24px));max-height:calc(100dvh - 24px);box-shadow:0 24px 100px #0003;color:var(--ink);overscroll-behavior:contain}dialog::backdrop{background:#17171b88;backdrop-filter:blur(3px)}body:has(dialog[open]){overflow:hidden}.dialog-head{padding:18px 22px 12px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff}.dialog-head .eyebrow{margin:0}.close{width:36px;height:36px;flex-shrink:0;border-radius:50%;background:#f2f2f5;color:var(--muted);font-size:28px;line-height:30px}.quantity-dialog{width:min(440px,calc(100% - 24px));background:#fff}.quantity-body{padding:0 22px 12px}.quantity-body h2{font-size:25px;max-width:345px}.quantity-body>p{color:var(--muted);font-size:12px;margin:8px 0}.quantity-display{display:flex;align-items:baseline;justify-content:center;gap:10px;background:#f6f6f8;border-radius:16px;padding:9px 15px;margin-top:18px;min-height:89px}.quantity-display output{font-size:52px;line-height:1.25;letter-spacing:-1px;overflow-wrap:anywhere}.quantity-display span{color:var(--muted);font-size:20px}.quantity-body>#quantity-error{color:#bb2932;min-height:18px;text-align:center;font-size:11px;margin:5px 0}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.keypad button{border-radius:13px;min-height:58px;background:#f2f2f5;font-size:29px;color:var(--ink);user-select:none;-webkit-user-select:none}.keypad button:active{background:#e0e0e7}.keypad button:disabled{visibility:hidden}.quantity-body .text-button{display:block;width:100%;font-size:12px}.history-note{font-size:11px;color:var(--muted);padding:0 22px 14px}.history-item{padding:19px 22px;border-top:1px solid var(--line)}.history-item>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.history-item p{font-size:13px;margin:8px 0}.history-item small{font-size:11px;color:var(--muted)}.history-open{color:var(--red);background:var(--soft);padding:9px 12px;border-radius:9px;min-height:40px;font-size:13px}.history-empty{padding:30px;color:var(--muted);font-size:14px}.replace-dialog{padding:24px}.replace-dialog p{color:var(--muted);font-size:14px;margin:14px 0 24px}.replace-dialog .secondary{margin-top:10px;font-size:17px}.success-screen{max-width:460px;margin:45px auto 0;text-align:center}.success-icon{display:grid;place-items:center;background:#e0f3e9;color:#24935b;font-size:45px;width:80px;height:80px;border-radius:50%;margin:0 auto 25px}.success-screen .secondary{margin-top:12px;font-size:18px}.toast{position:fixed;bottom:110px;left:50%;transform:translateX(-50%);padding:13px 20px;border-radius:12px;background:var(--ink);color:#fff;z-index:10;font-size:13px;width:max-content;max-width:calc(100% - 32px);box-shadow:0 4px 22px #0003}[hidden]{display:none!important}
@media(max-width:600px){.topbar{height:68px;padding:0 20px}.brand{gap:13px;font-size:16px}.brand img{width:99px;height:49px}.brand span{padding-left:13px}.topbar>b{font-size:18px}.preview{font-size:10px;padding:7px 10px}main{padding:25px 20px 125px}.home-screen{margin-top:12px}h1{font-size:36px}.subtitle{font-size:14px}.order-options{margin:25px 0 21px}.kind-toggle button{font-size:20px;padding:13px 15px;min-height:76px}.date-label{padding:12px 15px}.date-label input{font-size:16px}.how-it-works{margin-top:28px;font-size:10px;gap:5px}.how-it-works b{width:18px;height:18px}.wizard-top{margin-bottom:18px}#step-hint{font-size:13px;margin-bottom:19px}.product-row{padding:17px 15px;min-height:88px;gap:12px}.product-info h2{font-size:20px}.product-info p{font-size:10px}.quantity-trigger{min-width:89px;min-height:48px;font-size:19px;padding:10px}.step-navigation{padding:12px 20px calc(12px + env(safe-area-inset-bottom))}.step-navigation .secondary{width:92px}.step-navigation .primary{font-size:20px}.progress{margin-bottom:22px}.quantity-body{padding:0 18px 9px}.dialog-head{padding:14px 18px 10px}.quantity-body h2{font-size:23px}.quantity-display{margin-top:14px}.keypad{gap:7px}.keypad button{min-height:54px}.success-screen{margin-top:30px}}
@media(max-height:690px){.quantity-dialog .dialog-head{padding-top:10px;padding-bottom:5px}.quantity-body h2{font-size:21px}.quantity-body>p{margin:4px 0;font-size:11px}.quantity-display{min-height:62px;padding:4px 10px;margin-top:8px}.quantity-display output{font-size:42px}.keypad{gap:5px;margin-bottom:8px}.keypad button{min-height:43px;font-size:25px}.quantity-body .primary{min-height:47px;padding:10px}.quantity-body .text-button{min-height:34px}}
@media(prefers-reduced-motion:no-preference){button{transition:background .12s}.primary:hover:not(:disabled){background:#da202b}.secondary:hover{background:#f3f3f6}}
.product-info .unit-label{display:inline-block;margin-top:9px;background:#f0f0f5;color:var(--ink);font-size:13px;font-weight:600;padding:4px 8px;border-radius:6px;line-height:1.35}.product-info .pack-note{font-size:11px;line-height:1.5;margin-top:8px}.quantity-trigger{display:flex;flex-direction:column;align-items:center;gap:1px;white-space:normal;min-width:100px}.quantity-trigger small{font-family:FuturaPT,sans-serif;font-size:16px;margin:0;line-height:1.1}.quantity-trigger:not(.filled) small{color:var(--muted)}.quantity-display output{padding:0 9px;border-radius:8px}.quantity-display output.replace-ready{background:#ffdce0;color:#bf1e2b}.quantity-body .quantity-edit-hint{text-align:center;min-height:18px;font-size:11px;margin:8px 0 0}.quantity-body>#quantity-error{min-height:16px;margin:2px 0 5px}.review-overview{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 20px;margin-bottom:22px}.review-overview-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.review-overview-heading .eyebrow{margin:0}.review-overview-heading .text-button{color:var(--red);min-height:32px;font-size:12px;padding:4px 0 4px 8px}.review-destination,.review-delivery{display:flex;justify-content:space-between;align-items:baseline;gap:15px}.review-destination>span,.review-delivery>span{font-size:12px;color:var(--muted)}.review-destination strong{font:600 29px FuturaPT,sans-serif}.review-delivery{margin-top:12px}.review-delivery strong{font-size:16px;text-align:right}.review-badges{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line);font-size:12px}.review-badges>span{color:var(--red);background:var(--soft);padding:5px 9px;border-radius:6px}.review-heading{margin-bottom:7px}.review-row{align-items:center;padding:12px 0;gap:12px}.review-row>span{min-width:0;overflow-wrap:anywhere}.review-quantity{display:flex;align-items:baseline;justify-content:center;gap:5px;flex-shrink:0;min-height:46px;min-width:94px;padding:10px;border-radius:10px;background:var(--soft);color:var(--red);font:600 21px FuturaPT,sans-serif}.review-quantity small{font-size:15px}.review-quantity>span{font:14px -apple-system,sans-serif;margin-left:3px}.review-add{color:var(--red);font-weight:600;margin:0 0 3px;padding-left:0}.review-note{margin-bottom:0}
@media(max-width:600px){.quantity-trigger{min-width:89px}.product-info .unit-label{font-size:12px}.product-info .pack-note{font-size:10px}.review-overview{padding:15px 16px}.review-delivery strong{font-size:15px}.review-group{padding:14px 15px}.review-quantity{font-size:20px;min-width:90px}.review-quantity small{font-size:14px}}
@media(max-height:690px){.quantity-body .quantity-edit-hint{margin-top:4px;font-size:10px;min-height:15px}.quantity-body>#quantity-error{min-height:14px;margin:0 0 4px}}
.save-status{font-size:11px;color:#63816c;margin:0 0 14px;line-height:1.4}.home-save-status{margin:9px 4px 0}.save-status.unsaved{color:#b62a32}.storage-warning{max-width:620px;margin:14px auto 0;padding:13px 20px;background:#fff0f1;border:1px solid #f3b7bd;border-radius:12px;color:#a8212b;font-size:13px}.repeat-last{font-size:18px;margin-top:16px}.repeat-last span{font-size:23px;color:var(--red)}.repeat-dialog{max-width:460px}.repeat-body{padding:4px 22px 20px}.repeat-body>p{font-size:13px;color:var(--muted);line-height:1.6}.repeat-context{display:flex;align-items:center;justify-content:space-between;margin:22px 0 10px;gap:15px}.repeat-context>b{font:600 23px FuturaPT,sans-serif}.repeat-context>span{font-size:12px;color:var(--red);background:var(--soft);padding:5px 8px;border-radius:6px}.repeat-body .date-label{margin:0 0 16px}.repeat-body .repeat-replace{color:#90562f;background:#fff7ea;border:1px solid #f2dfbb;padding:11px 13px;border-radius:9px;font-size:12px;margin:0 0 16px}.repeat-body>#repeat-error{color:#b62a32;margin:0 0 10px}.repeat-body .text-button{width:100%;margin-top:6px}.history-repeat{display:block;background:none;color:var(--red);font-size:12px;padding:10px 0 0;min-height:40px;margin-top:7px;text-align:left}.duplicate-notice{border:1px solid #d9e9df;background:#edf7f0;color:#356044;font-size:12px;line-height:1.6;padding:13px 16px;border-radius:12px;margin:0 0 18px}
@media(max-width:600px){.storage-warning{margin:10px 16px 0;font-size:12px;padding:11px 13px}.repeat-body{padding:2px 18px 16px}.repeat-body .primary{font-size:20px}.save-status{font-size:10px}}
.topbar>b{margin-left:auto;text-align:right;max-width:200px;line-height:1.1}.logout-button{background:transparent;border:1px solid #66656f;color:#dedee5;border-radius:9px;padding:8px 11px;margin-left:20px;font-size:12px;min-height:38px}.auth-screen{max-width:420px;margin:40px auto}.auth-point{font:600 23px FuturaPT,sans-serif;color:var(--red);margin-top:18px}.auth-point:empty{display:none}.auth-screen form{margin-top:28px}.auth-screen label{display:block;font-size:13px;font-weight:600;margin-bottom:18px}.auth-screen input{display:block;width:100%;min-height:54px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:12px 15px;margin-top:8px;font-size:17px}.auth-screen #auth-error{color:#bb2932;font-size:13px;line-height:1.6;margin-bottom:15px}.pending-body{padding:28px;text-align:center}.pending-body>p{color:var(--muted);font-size:14px;line-height:1.7;margin:18px 0 22px}.pending-body .success-icon{width:60px;height:60px;font-size:32px;background:var(--soft);color:var(--red);margin-bottom:20px}.product-row.unavailable .product-info{opacity:.65}.order-status-label{color:#396b4c;font-weight:600}.success-documents{font-size:12px;color:var(--muted);margin:16px 0 0;overflow-wrap:anywhere}
@media(max-width:600px){.topbar>b{font-size:15px;max-width:100px}.logout-button{margin-left:10px;font-size:11px;padding:7px 9px}.topbar:has(.logout-button:not([hidden])) .brand span{display:none}.auth-screen{margin-top:22px}.auth-screen h1{font-size:34px}.pending-body{padding:24px 20px}}
