*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:Georgia,"Times New Roman",serif;color:#2b1a0c;background:#f4e3c3 url(/img/bg.webp) center top/cover fixed}
main{max-width:520px;margin:0 auto;background:linear-gradient(#fff8eccc,#fbeed6ee);min-height:100vh;overflow:hidden;box-shadow:0 0 30px #0004}
.art{display:block;width:100%;height:auto}
h1{margin:6px 12px 0;text-align:center;line-height:1.02;font-weight:900;letter-spacing:.5px;text-transform:uppercase}
h1 .l1{display:block;color:#173f22;font-size:clamp(30px,9.4vw,46px)}
h1 .l2{display:block;font-size:clamp(28px,8.6vw,42px);background:linear-gradient(#b8860b,#7a4a06);-webkit-background-clip:text;background-clip:text;color:#8a5a07}
h1.long .l1{font-size:clamp(22px,6.4vw,34px)}h1.long .l2{font-size:clamp(20px,5.8vw,30px)}
.ribbon{margin:10px auto;max-width:94%;text-align:center;background:linear-gradient(#1f5a2e,#123a1d);color:#fff6d8;font-style:italic;font-weight:700;font-size:clamp(15px,4.4vw,20px);padding:10px 16px;border-radius:6px;border:2px solid #c9a227;box-shadow:0 3px 8px #0004}
.sizes{display:flex;gap:8px;margin:8px 10px 0}
.box{flex:1;background:#fffaf0;border:2px solid #c9a227;border-radius:10px;padding:8px 6px;text-align:center;box-shadow:0 2px 6px #0002}
.box h3{margin:0 0 4px;font-size:clamp(16px,4.6vw,21px);color:#173f22}
.box ul{list-style:none;margin:0;padding:0;font-size:clamp(15px,4.3vw,19px);font-weight:700;line-height:1.45}
.box .offer-price{margin:4px 4px 0;font-size:clamp(15px,4.3vw,19px);font-weight:700;line-height:1.35}
.cta{display:flex;align-items:center;justify-content:center;min-height:60px;margin:12px 14px 8px;padding:10px 14px;border-radius:999px;text-decoration:none;background:linear-gradient(#ffe48a,#d9a521 55%,#b9840f);color:#1a1205;font:900 clamp(17px,5vw,22px)/1.1 system-ui,-apple-system,sans-serif;letter-spacing:.3px;border:2px solid #7a5306;box-shadow:0 4px 12px #0005;text-align:center}
.cta:active{transform:scale(.97)}
.tel{display:flex;align-items:center;justify-content:center;min-height:52px;margin:0 14px 14px;color:#14361f;font:900 clamp(22px,7vw,30px) system-ui,sans-serif;text-decoration:none}
.sub{margin:8px 16px;text-align:center;font-style:italic;font-size:clamp(16px,4.6vw,19px);color:#fff6d8;background:#173f22;border-radius:6px;padding:8px 10px;border:2px solid #c9a227}
.card{margin:10px 12px;background:#fffaf0;border:3px double #c9a227;border-radius:14px;padding:16px 14px;box-shadow:0 4px 14px #0003}
.card label,.card .lbl{display:block;text-align:center;font-weight:800;font-size:18px;margin:12px 0 8px;font-family:system-ui,-apple-system,sans-serif}
.card input[type=text],.card input[type=tel],.card input[type=email]{display:block;width:100%;min-height:52px;font-size:18px;padding:10px 14px;border:1.5px solid #b7a98d;border-radius:8px;background:#fff;color:#111;font-family:system-ui,sans-serif}
.card input:focus{outline:3px solid #c9a22766;border-color:#b8860b}
.hint{text-align:center;font-style:italic;font-size:16px;margin:8px 0 12px}
.btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:58px;margin:10px 0;padding:10px;border-radius:12px;font:900 clamp(15px,4.5vw,19px)/1.15 system-ui,-apple-system,sans-serif;text-decoration:none;text-align:center;border:2px solid #c9a227;cursor:pointer;background:#111;color:#d9a521;transition:background .2s,color .2s}
.btn[disabled],.btn[aria-disabled=true]{cursor:not-allowed;opacity:.92}
.btn.on{background:linear-gradient(#ffe48a,#d9a521 55%,#b9840f);color:#111;border-color:#7a5306;box-shadow:0 4px 12px #0004}
.btn.on:active{transform:scale(.97)}
.note{text-align:center;font-style:italic;font-size:15px;margin:6px 0 0}
.back{display:flex;align-items:center;justify-content:center;min-height:48px;color:#14361f;font:700 17px system-ui,sans-serif;text-decoration:none}
.iab{margin:10px 0 0;padding:10px 12px;border-radius:10px;background:#fff3cd;border:1.5px solid #c9a227;font:15px/1.4 system-ui,sans-serif;color:#3a2a08;text-align:center}
.fallback{margin:12px 0 0;padding:12px;border-radius:12px;background:#fff;border:1.5px dashed #b7a98d;font:16px/1.4 system-ui,sans-serif;color:#2b1a0c}
.fallback p{margin:6px 0}.fallback ul{list-style:none;margin:6px 0;padding:0}
.fallback li{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:6px 0}
.fallback a{color:#14361f;font-weight:800}
.fallback textarea{width:100%;min-height:96px;font:15px/1.35 system-ui,sans-serif;padding:8px;border:1px solid #b7a98d;border-radius:8px;background:#fffdf7;color:#111}
.fbtn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;border-radius:10px;border:2px solid #7a5306;background:linear-gradient(#ffe48a,#d9a521 55%,#b9840f);color:#111;font:800 16px system-ui,sans-serif;text-decoration:none;cursor:pointer}
.small{min-height:36px;padding:4px 10px;border-radius:8px;border:1px solid #b7a98d;background:#f7f1e3;color:#2b1a0c;font:700 14px system-ui,sans-serif;cursor:pointer;text-decoration:none}
.copied{margin-left:8px;font-weight:700;color:#1E7B34}
.min{margin:8px 16px;text-align:center;font:700 clamp(15px,4.3vw,18px)/1.35 system-ui,-apple-system,sans-serif;color:#3a2a08;background:#fff3cd;border:2px solid #c9a227;border-radius:8px;padding:8px 10px}
.min b{color:#14361f}
.ctamin{margin:12px 16px -4px;text-align:center;font:800 clamp(14px,4vw,17px)/1.3 system-ui,-apple-system,sans-serif;color:#14361f}
.qty{margin:14px 0 4px;padding:0;border:0}
.qty legend{display:block;width:100%;text-align:center;font-weight:800;font-size:20px;margin-bottom:10px;padding:0;font-family:system-ui,-apple-system,sans-serif}
.card .opt{display:flex;align-items:center;gap:12px;text-align:left;font:800 19px system-ui,-apple-system,sans-serif;margin:8px 0;min-height:54px;padding:10px 14px;border:2px solid #b7a98d;border-radius:10px;background:#fff;color:#111;cursor:pointer}
.card .opt input{display:inline-block;flex:none;width:24px;height:24px;min-height:0;margin:0;padding:0;accent-color:#14361f}
.card .opt:has(input:checked){border-color:#14361f;background:#eaf5ec;box-shadow:0 0 0 2px #14361f55}
.qnote{text-align:center;font:700 15px system-ui,sans-serif;margin:6px 0 0;color:#3a2a08}
.err{margin:8px 0 0;padding:10px 12px;border-radius:10px;background:#fde8e8;border:2px solid #b42318;color:#7a1010;font:800 16px/1.35 system-ui,sans-serif;text-align:center}
.ok{margin:8px 0 0;padding:10px 12px;border-radius:10px;background:#eaf5ec;border:2px solid #14361f;color:#14361f;font:800 16px/1.35 system-ui,sans-serif;text-align:center}
.qty.bad .opt{border-color:#b42318}
.draft{margin:0;padding:8px 12px;text-align:center;background:#14361f;color:#fff6d8;font:700 13px/1.35 system-ui,sans-serif}
.top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;align-items:center;padding:10px 14px;background:#14361f;color:#fff6d8;font:700 14px/1.3 system-ui,-apple-system,sans-serif}
.top a{color:#ffe48a;text-decoration:underline}
.intro,.prose{margin:10px 16px;font:16px/1.45 Georgia,"Times New Roman",serif;color:#2b1a0c}
section.block{margin:14px 12px 18px}
section.block h2{margin:0 0 8px;text-align:center;color:#173f22;font-size:clamp(18px,5vw,22px)}
.faq{margin:8px 0 0}
.faq details{background:#fffaf0;border:2px solid #c9a227;border-radius:10px;margin:8px 0;padding:10px 12px}
.faq summary{cursor:pointer;font:800 16px/1.35 system-ui,sans-serif;color:#173f22}
.faq p{margin:8px 0 0;font:16px/1.45 Georgia,serif}
.site-footer{margin:18px 0 0;padding:16px 14px 28px;background:#14361f;color:#fff6d8;text-align:center;font:15px/1.45 system-ui,sans-serif}
.site-footer a{color:#ffe48a}
.site-footer p{margin:6px 0}
.pending{font-style:italic;color:#f4e3c3}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
