:root{--bg: #fbf6ee;--card: #ffffff;--ink: #2b2018;--ink-soft: #7a6a5a;--line: #eadfcf;--apricot: #f2913d;--apricot-dk: #d9772a;--lime: #6fa53c;--berry: #c8456b;--shadow: 0 8px 30px rgba(120, 80, 30, .1)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(circle at 12% -5%,rgba(242,145,61,.1),transparent 40%),radial-gradient(circle at 95% 0%,rgba(111,165,60,.1),transparent 35%),var(--bg);color:var(--ink);font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;line-height:1.6;-webkit-text-size-adjust:100%;padding:24px 16px 80px}.wrap{max-width:560px;margin:0 auto}.brand{text-align:center;margin-bottom:22px}.logo{display:inline-flex;font-size:13px;letter-spacing:.18em;font-weight:700;color:var(--apricot-dk)}.brand h1{margin:6px 0 4px;font-size:32px;font-weight:800}.brand p,.note,.cat-sub,.foot,.contact{color:var(--ink-soft)}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:22px 20px;margin-bottom:16px;box-shadow:var(--shadow)}.step{font-weight:800;margin-bottom:14px}.num{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;margin-right:8px;border-radius:50%;background:var(--apricot);color:#fff;font-size:13px}.fld{display:block;margin-bottom:12px}.fld>span,.zone-label{display:block;font-size:14px;font-weight:700;margin-bottom:7px}.req{color:var(--berry)}input,textarea,button{font-family:inherit}input[type=text],input[type=tel],input[type=email],textarea{width:100%;font-size:16px;color:var(--ink);background:#fcfaf6;border:1.5px solid var(--line);border-radius:12px;padding:12px 14px}textarea{min-height:88px;resize:vertical}input:focus,textarea:focus{outline:none;border-color:var(--apricot);box-shadow:0 0 0 3px #f2913d26}.chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.chips-zones{grid-template-columns:repeat(3,minmax(0,1fr))}.chip{display:block;cursor:pointer}.chip input{position:absolute;opacity:0}.chip span{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:48px;text-align:center;padding:10px 8px;border:1.5px solid var(--line);border-radius:12px;background:#fcfaf6;font-size:14px;font-weight:700;color:var(--ink-soft);cursor:pointer;line-height:1.25}.chip input:checked+span{border-color:var(--apricot);background:#fff3e6;color:var(--apricot-dk)}.chip input:checked+span em{color:var(--apricot-dk)}.chip em{display:block;font-style:normal;font-size:12px;font-weight:700;margin-top:2px;color:var(--ink-soft)}.chips-zones .chip span{min-height:58px}.note{font-size:13px}.zone-label{margin:14px 0 8px;font-size:13px;font-weight:800;color:var(--ink)}.ship-details{margin-top:4px}.ship-details .fld{margin-top:14px;margin-bottom:0}.delivery-note{margin-top:14px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fffbf4;font-size:13px;line-height:1.7;color:var(--ink-soft)}.delivery-note p{margin:0}.cat-title{margin:8px 0 4px;font-size:16px}.cat-sub{margin:0 0 8px;font-size:12px}.cup-counter{margin:0 0 10px;padding:10px 12px;border:1px solid #f6d9bc;border-radius:12px;background:#fff3e6;color:var(--apricot-dk);font-size:13px;font-weight:800;line-height:1.4}.cup-counter.warn{background:#fff3e6;border-color:#f6d9bc;color:var(--apricot-dk)}.cup-counter.ok{background:#f1f8e9;border-color:#cde6b0;color:var(--lime)}.prod{display:flex;gap:10px;align-items:center;padding:11px 0;border-top:1px solid var(--line)}.thumb{width:64px;height:64px;object-fit:cover;border-radius:11px;border:1px solid var(--line);background:#fcfaf6;flex:none;display:block}.thumb-button{width:64px;height:64px;padding:0;border:0;background:transparent;flex:none;cursor:pointer}.thumb-empty{background:transparent;border-color:transparent}.photo-view img{width:100%;max-height:70vh;object-fit:contain;display:block}.info{flex:1;min-width:0}.nm{font-weight:800}.desc{font-size:12px;color:var(--ink-soft)}.pr{font-size:13px;color:var(--lime);font-weight:700}.qty{display:flex;flex:none}.qty button,.qty .n{min-width:44px;height:44px;border:1.5px solid var(--line);background:#fff;font-size:18px}.qty .n{width:48px;text-align:center;font-size:16px;font-weight:700;border-radius:0;padding:0}.qty button{cursor:pointer}.qty button:first-child{border-radius:10px 0 0 10px}.qty button:last-child{border-radius:0 10px 10px 0}.privacy{margin:0 0 4px;max-height:4.8em;overflow-y:auto;padding:10px 12px;border:1.5px solid var(--line);border-radius:12px;background:#fcfaf6;color:var(--ink-soft);font-size:12.5px;line-height:1.35;-webkit-overflow-scrolling:touch}.consent{display:flex;gap:10px;align-items:flex-start;font-weight:700;margin:12px 0;cursor:pointer}.consent input{width:22px;height:22px;margin-top:3px;flex:none}.btn-primary,.modal-actions button{min-height:48px;width:100%;border:none;border-radius:14px;background:var(--apricot);color:#fff;font-size:16px;font-weight:800;cursor:pointer}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.modal-actions button:first-child{background:#fff;color:var(--ink);border:1.5px solid var(--line)}button:disabled{opacity:.6;cursor:not-allowed}.warn-text{color:var(--berry);font-weight:700}.contact,.foot{text-align:center;font-size:13px}.contact a{color:var(--apricot-dk);font-weight:700;text-decoration:none}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:16px;animation:modal-fade-in .22s ease-out}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#2b20188c;animation:modal-fade-in .22s ease-out}.modal-box{position:relative;width:min(560px,100%);max-height:min(90vh,100%);overflow:auto;background:var(--card);border-radius:22px;padding:22px 20px 28px;box-shadow:var(--shadow);animation:modal-pop-in .28s cubic-bezier(.22,1,.36,1)}.modal-close{position:absolute;top:12px;right:12px;width:40px;height:40px;border:none;border-radius:12px;background:transparent;color:var(--ink-soft);font-size:26px;line-height:1;cursor:pointer;display:grid;place-items:center}.modal-close:hover{background:#fcfaf6;color:var(--ink)}.modal-box h2{margin:0 36px 8px 0}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-pop-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.review{margin:0}.review div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}.review dt{color:var(--ink-soft)}.review dd{margin:0;text-align:right;font-weight:700}.review dd p{margin:0}.lines{list-style:none;padding:0}.lines li{display:flex;justify-content:space-between;gap:8px}.payment-amount{font-size:20px;font-weight:800;color:var(--berry)}.bank-box{background:#fffbf4;border:1.5px solid var(--line);border-radius:14px;padding:12px}.bank-num{font-size:20px;font-weight:800}.order-number strong{font-size:20px}@media(max-width:360px){.chips:not(.chips-zones){grid-template-columns:1fr}}
