:root{--paper:#faf5e9;--green:#355d25;--dark:#283623;--orange:#f4ac40;--clay:#f6f0df;--shadow:7px 7px 17px #dfd5bd,-6px -6px 15px #fffdf5;--inner:inset 2px 2px 4px #fff9,inset -3px -3px 5px #0001}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--dark);font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}header{position:sticky;top:0;background:#faf5e9;z-index:2;border-bottom:1px solid #e6dfcc;padding:10px 16px;display:flex;flex-direction:column;align-items:center;gap:4px}header img{object-fit:contain;width:96px;height:96px}.header-label{font-size:14px;font-weight:650;color:#526245}main{max-width:760px;margin:auto;padding:12px 22px 120px}.info{text-align:center;padding:0 0 12px}.info p{margin:5px 0;font-size:15px}.info .coverage{font-size:13px;color:#65715a;margin-top:-4px}.info .warning{font-size:12px;color:#77561f}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 17px}h1{font-size:23px;letter-spacing:-.8px;margin:0}.section-title span{font-size:12px;color:#66705b}article{display:grid;grid-template-columns:120px 1fr;gap:18px;padding:14px;margin-bottom:20px;border-radius:26px;background:var(--clay);box-shadow:var(--shadow),var(--inner);border:1px solid #fff9}article img{width:120px;height:120px;object-fit:cover;border-radius:19px}h2,h3{margin:0}h3{font-size:18px;letter-spacing:-.4px}.product-copy{display:flex;flex-direction:column;justify-content:center;min-width:0}.product-copy p{font-size:12px;color:#68715b;margin:2px 0 9px}.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.price{font-size:24px;letter-spacing:-1px;color:var(--green)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0;transition:transform .15s,box-shadow .15s}button:hover:not(:disabled){transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(1px);box-shadow:inset 2px 2px 5px #0002}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #a45214;outline-offset:3px}.stepper{display:flex;align-items:center;gap:9px}.stepper button{width:42px;height:42px;border-radius:14px;background:#e6edda;color:var(--green);font-size:25px;box-shadow:3px 3px 6px #cbd1be,-2px -2px 5px #fff,inset 1px 1px 2px #fff9}.stepper button.add{background:var(--green);color:white;box-shadow:3px 3px 6px #bcc5ae,inset 2px 2px 3px #ffffff38,inset -2px -2px 3px #0002}.stepper output{min-width:14px;text-align:center;font-weight:750}.hint{font-size:13px;text-align:center;color:#66705b;margin:6px 10px 20px}footer{text-align:center;margin-top:24px}footer a{font-size:12px;color:#4f6241;text-decoration:none;display:inline-block;padding:12px}.orderbar{position:fixed;bottom:0;left:0;right:0;z-index:3;max-width:760px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 22px calc(16px + env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid #e0dac7;border-radius:26px 26px 0 0;box-shadow:0 -5px 22px #4c50200c}.orderbar small{display:block;font-size:11px}.orderbar strong{display:block;font-size:26px;line-height:1.15}.primary{background:var(--green);color:#fff;border-radius:18px;min-height:50px;padding:12px 22px;font-weight:750;box-shadow:4px 5px 9px #243c2526,inset 2px 2px 4px #ffffff45,inset -3px -3px 5px #15260d60}.orderbar .primary{min-width:190px}#count:not(:empty){display:inline-block;border-radius:50%;background:#ffffff26;min-width:23px;margin-left:6px}dialog{border:1px solid #fff9;border-radius:28px;background:var(--paper);color:var(--dark);width:min(540px,calc(100% - 24px));max-height:90dvh;padding:24px;box-shadow:12px 12px 42px #18210d36,inset 2px 2px 4px #fff;overscroll-behavior:contain}dialog::backdrop{background:#17230db3;backdrop-filter:blur(4px)}body:has(dialog[open]){overflow:hidden}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.dialog-head small{font-size:10px;font-weight:800;letter-spacing:2px;color:#677350}.dialog-head h2{font-size:25px}.close{border-radius:14px;background:#eee8d8;width:44px;height:44px;box-shadow:var(--inner),3px 3px 6px #dfd5bd}.summary{padding:16px;border-radius:20px;background:#edf0df;box-shadow:inset 2px 2px 5px #bdc6ac66,inset -2px -2px 5px #fff}.line,.cost{display:flex;justify-content:space-between;gap:15px;font-size:14px;margin:6px 0}.line{font-weight:650}.cost{color:#536044}.cost.total{border-top:1px solid #c9d0b9;margin-top:10px;padding-top:10px;font-size:20px;font-weight:750;color:var(--green)}label{display:block;font-size:15px;font-weight:700;margin-top:17px}.optional{font-size:12px;font-weight:400;color:#70775f}input,select,textarea{width:100%;padding:12px 14px;margin-top:6px;font:inherit;font-size:16px;color:var(--dark);border:1px solid #d4d6c1;border-radius:14px;background:#f7f5eb;box-shadow:inset 3px 3px 6px #e2dfce,inset -2px -2px 5px #fff}textarea{resize:vertical}.check{display:flex;align-items:flex-start;gap:10px;font-weight:400;font-size:13px}.check input{width:19px;height:19px;flex-shrink:0;margin:1px 0;accent-color:var(--green)}.gps{display:flex;align-items:center;text-align:left;gap:12px;background:#e8edcf;border:1px solid #bfc99b;padding:14px;border-radius:18px;width:100%;margin-top:18px;color:var(--green);box-shadow:4px 4px 9px #d9dcc7,inset 2px 2px 3px #fff9}.gps>span:first-child{font-size:27px}.gps b{font-size:14px}.gps small,.payment small{display:block;font-size:12px;margin-top:2px;font-weight:400}.gps-status{font-size:13px;margin:6px 0;color:#4e6639}.payment{display:flex;align-items:center;gap:12px;padding:14px;margin-top:16px;border-radius:18px;background:#f3e8c9;box-shadow:var(--inner),3px 3px 7px #e3d9bd}.payment b{font-size:14px}.send{width:100%;margin-top:8px}.notice{font-size:13px;background:#fff0cd;border:1px solid #dacaa4;border-radius:14px;padding:12px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#error{font-size:14px;color:#9e3125}#gps-actions{font-size:13px}#gps-actions a{color:var(--green)}#gps-actions button{background:transparent;text-decoration:underline;margin-left:18px;color:#7a4227}#gps-confirm .primary,#gps-confirm .secondary{display:block;width:100%;margin:12px 0}#gps-confirm h2{font-size:22px}#gps-confirm p{font-size:14px}.secondary{background:#e7edd7;color:var(--green);border-radius:18px;padding:13px;box-shadow:var(--shadow),var(--inner);font-weight:700}.text-button{display:block;background:transparent;color:#5b654b;text-decoration:underline;margin:16px auto 0}@media(max-width:430px){main{padding-left:16px;padding-right:16px}article{grid-template-columns:100px 1fr;gap:12px;padding:12px}article img{width:100px;height:114px}.section-title span{display:none}h3{font-size:16px}.stepper{gap:6px}.stepper button{width:36px;height:40px}.price{font-size:23px}.orderbar{padding-left:16px;padding-right:16px;gap:12px}.orderbar .primary{min-width:175px;padding:12px 14px}.orderbar small{font-size:10px}dialog{padding:19px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
