:root{--bg:#F7F3EE;--panel:#E6DED4;--line:#C9BFB4;--ink:#1F1D1B;--muted:#6B625B;--dark:#3A3330;--accent:#8C6744;--card:#FFFFFF}
*{box-sizing:border-box}body{font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;margin:0;color:var(--ink);background:var(--bg);line-height:1.65}
a{color:var(--dark)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #C9A47B;outline-offset:2px}
.topbar{background:var(--dark);color:#F7F3EE;position:sticky;top:0;z-index:10}.topbar .wrap,.hero .wrap,main,footer .wrap{max-width:1100px;margin:0 auto;padding-left:24px;padding-right:24px}
.topbar .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center;padding-top:12px;padding-bottom:12px}
.brand{font-family:Georgia,serif;font-size:22px;font-weight:bold}.topbar nav{display:flex;gap:18px;flex-wrap:wrap}.topbar a{color:#F7F3EE;text-decoration:none}
.hero{background:var(--bg);border-bottom:1px solid var(--line);padding:56px 0 32px}.hero h1{font-family:Georgia,serif;font-size:44px;line-height:1.15;margin:0 0 12px;max-width:820px}.hero p{font-size:18px;max-width:760px;margin:0 0 8px}.hero .small{font-size:15px;color:var(--muted)}
.searchbar{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px;margin:24px 0;display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.searchbar input{flex:1;min-width:220px;padding:12px;border:1px solid var(--line);border-radius:8px;font-size:16px}
.pills{display:flex;gap:8px;flex-wrap:wrap}.pills button{border:1px solid var(--dark);background:#fff;color:var(--dark);border-radius:999px;padding:8px 14px;cursor:pointer;font-size:14px}.pills button.active,.pills button:hover{background:var(--dark);color:#fff}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:0 0 32px}
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}
.coverimg{position:relative;background:var(--panel)}.coverimg img{display:block;width:100%;height:auto}
.filebadge{position:absolute;left:12px;top:12px;background:#fff;border:1px solid var(--line);padding:4px 8px;border-radius:999px;font-size:12px;font-weight:700}
.shotlabel{position:absolute;left:12px;bottom:12px;background:rgba(31,29,27,.85);color:#fff;padding:4px 8px;border-radius:999px;font-size:12px}
.shotmeta{font-size:13px;color:var(--muted);margin:12px 18px 0}
.body{padding:18px;display:flex;flex-direction:column;gap:10px;flex:1}.body h2{font-family:Georgia,serif;font-size:21px;line-height:1.3;margin:0}.result{font-weight:600;margin:0}.body ul{margin:0;padding-left:20px}.body li{margin:4px 0}.phone{font-size:14px;color:var(--muted);margin:0}
.price-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:12px;margin-top:auto}
.price{font-size:22px;font-weight:800;color:var(--dark)}.regular{font-size:14px;color:var(--muted);display:block}.badge{background:#EAD3B7;color:var(--dark);font-size:12px;font-weight:700;padding:4px 8px;border-radius:999px;white-space:nowrap}
.buy{display:block;background:var(--dark);color:#fff;text-align:center;text-decoration:none;font-weight:700;padding:13px;border-radius:8px}.buy:hover{background:#1F1D1B}
.note{font-size:13px;color:var(--muted);margin:0}
section.info{background:#fff;border:1px solid var(--line);border-radius:10px;padding:24px;margin:0 0 24px}section.info h2{font-family:Georgia,serif;margin-top:0}
.flow{font-family:Georgia,serif;font-size:17px;line-height:1.5}
.thankyou{display:none}body.thankyou-mode .shop{display:none}body.thankyou-mode .thankyou.active{display:block}
footer{padding:24px 0 48px;color:#555;font-size:14px}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:34px}}
@media(max-width:600px){.grid{grid-template-columns:1fr}.hero h1{font-size:30px}.topbar .wrap,.hero .wrap,main,footer .wrap{padding-left:16px;padding-right:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.tiles{max-width:1100px;margin:24px auto;padding:0 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.tiles button{background:#F7F3EE;border:1px solid #C9BFB4;border-radius:12px;padding:20px;text-align:center;font-weight:700;font-size:17px;color:#1F1D1B;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,0.08);transition:transform .15s ease,box-shadow .15s ease}
.tiles button:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,0,0,0.14)}
.tiles button.active{background:#E6DED4;border-color:#8C6744;box-shadow:0 10px 20px rgba(0,0,0,0.14);transform:translateY(-3px)}
@media(max-width:700px){.tiles{grid-template-columns:repeat(2,1fr)}}