:root{--g:#027754;--c:#2E2723;--y:#F9C64C;--bg:#FAF8F3;--line:#e7e1d6}
*{box-sizing:border-box}body{margin:0;font-family:'Open Sans',Arial,sans-serif;color:var(--c);background:var(--bg);line-height:1.6}
h1,h2,h3{font-family:Montserrat,Arial,sans-serif;line-height:1.2;margin:0 0 .5em}h1{font-size:clamp(2rem,5vw,3.2rem)}h2{font-size:clamp(1.6rem,3.5vw,2.2rem)}
a{color:var(--g)}img{max-width:100%;display:block}
.pv{background:var(--y);color:var(--c);text-align:center;font-size:.8rem;font-weight:700;padding:4px 8px}
header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}
.nav{max-width:1150px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:10px 20px;gap:16px}
.nav .logo img{height:48px;width:auto}.nav ul{list-style:none;display:flex;gap:18px;margin:0;padding:0;flex-wrap:wrap}
.nav ul a{text-decoration:none;color:var(--c);font-weight:600;font-size:.92rem}.nav ul a.on,.nav ul a:hover{color:var(--g)}
.tel{background:var(--g);color:#fff!important;padding:8px 14px;border-radius:6px;text-decoration:none;font-weight:700;font-size:.9rem;white-space:nowrap}
#mt{display:none}.burger{display:none;font-size:1.6rem;cursor:pointer}
@media(max-width:900px){.burger{display:block}.nav{flex-wrap:wrap}.nav ul{display:none;width:100%;flex-direction:column;gap:0}.nav ul a{display:block;padding:10px 0;border-top:1px solid var(--line)}#mt:checked~ul{display:flex}.nav .tel{display:none}.nav .logo img{height:40px}}
.wrap{max-width:1150px;margin:auto;padding:56px 20px}
.hero{background:linear-gradient(rgba(30,25,22,.62),rgba(30,25,22,.62)),none center/cover;color:#fff}
.hero .wrap{padding:96px 20px}.kick{color:var(--y);font-weight:700;letter-spacing:2px;text-transform:uppercase;font-size:.8rem}
.hero p{max-width:620px;font-size:1.1rem}.btn{display:inline-block;background:var(--g);color:#fff;padding:12px 22px;border-radius:6px;text-decoration:none;font-weight:700;border:2px solid var(--g);margin:6px 8px 6px 0;cursor:pointer;font-size:1rem}
.btn.o{background:transparent;border-color:currentColor;color:inherit}.btn.y{background:var(--y);border-color:var(--y);color:var(--c)}
.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px}
.ph{aspect-ratio:1;background:#f0ece3;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.ph img{width:40%;opacity:.55}
.dark{background:var(--c);color:#F3EFE7}.dark h2{color:#fff}.dark .card{background:#3a322d;border-color:#4a413b}
.two{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}@media(max-width:800px){.two{grid-template-columns:1fr}}
.center{text-align:center}.muted{color:#6b625b}.step b{color:var(--g);font-family:Montserrat}
form{display:grid;gap:12px}input,select,textarea{width:100%;padding:11px;border:1px solid #cfc7ba;border-radius:6px;font:inherit;background:#fff}
label{font-weight:600;font-size:.9rem}.note{font-size:.85rem;color:#6b625b}
.hl{background:#fff;border-left:5px solid var(--g);padding:22px;border-radius:8px}
code.ph2{background:#fff3cf;padding:2px 6px;border-radius:4px}
footer{background:var(--c);color:#d9d2c7;font-size:.92rem}footer img{height:44px;width:auto;margin-bottom:12px}footer a{color:var(--y)}
.pc{display:flex;flex-direction:column}.pc .btn{margin-top:auto;text-align:center;font-size:.9rem}.pimg{position:relative;display:block;aspect-ratio:1;background:#fff;border-radius:8px;overflow:hidden;margin-bottom:12px}.pimg img{width:100%;height:100%;object-fit:contain}
.price{font-family:Montserrat;font-weight:800;font-size:1.25rem;color:var(--g);margin:.2em 0}.price s{color:#999;font-weight:600}
.tag{position:absolute;top:10px;left:10px;background:var(--c);color:#fff;font-weight:700;font-size:.75rem;padding:3px 8px;border-radius:4px;z-index:1}.so .pimg img{opacity:.5}
.pgrid{display:flex;flex-wrap:wrap;justify-content:center}.pgrid>*{flex:0 1 320px;min-width:250px}
.pd .main{width:100%;max-height:600px;object-fit:contain;background:#fff;border-radius:10px}.thumbs{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.thumbs img{width:70px;height:90px;object-fit:cover;border-radius:6px;border:1px solid var(--line)}
.findband{background:var(--g);color:#fff}.findband .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:44px 20px}.findband h2{color:#fff}.findband p{margin:0}
@media(max-width:800px){.findband .wrap{flex-direction:column;align-items:flex-start}}
.ff .r2{display:grid;gap:12px;grid-template-columns:1fr 1fr}.ff .r3{display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr}
@media(max-width:600px){.ff .r2,.ff .r3{grid-template-columns:1fr}}
.ff fieldset{border:1px solid var(--line);border-radius:6px;padding:10px 12px;display:flex;flex-wrap:wrap;gap:6px 18px}.ff legend{font-weight:700;font-size:.9rem;padding:0 4px}
.ff .ck{display:flex;align-items:center;gap:6px;font-weight:400}.ff .ck input{width:auto}.err{color:#b3261e;font-weight:700;margin:0}
/* a11y */
.skip{position:absolute;left:8px;top:-60px;z-index:1001;background:var(--c);color:#fff;padding:10px 16px;border-radius:6px;font-weight:700;text-decoration:none}.skip:focus{top:8px}
:focus-visible{outline:3px solid var(--y);outline-offset:2px;box-shadow:0 0 0 5px var(--g)}main:focus{outline:none;box-shadow:none}
#mt{display:block;position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip:rect(0 0 0 0)}#mt:focus-visible+.burger{outline:3px solid var(--y);box-shadow:0 0 0 5px var(--g);border-radius:4px}
.price s{color:#6b625b}.rad{border-radius:10px;height:auto}img{height:auto}
/* chair loader */
.chair .sp{transform-origin:32px 32px;animation:spin 1s linear infinite}.chair g{animation:bob 1s ease-in-out infinite}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes bob{50%{transform:translateY(-2px)}}
.ld{display:none}.js .ld{display:flex;position:fixed;inset:0;z-index:1000;background:var(--bg);align-items:center;justify-content:center;transition:opacity .35s ease,visibility .35s;pointer-events:none}
.js.loaded .ld{opacity:0;visibility:hidden}
.pimg,.pmain{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' width='56' height='56'%3E%3Cg fill='none' stroke='%23027754' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' opacity='.45'%3E%3Cpath d='M22 8h20a3 3 0 0 1 3 3v18H19V11a3 3 0 0 1 3-3z'/%3E%3Cpath d='M15 33h34M32 33v12M20 52l12-7 12 7'/%3E%3C/g%3E%3C/svg%3E") center/56px no-repeat}
.pmain{border-radius:10px}
.js .pimg img,.js .pmain img{opacity:0;transition:opacity .3s}.js .pimg img.in,.js .pmain img.in{opacity:1}.js .so .pimg img.in{opacity:.5}
.pimg img,.pd .main{height:100%}.pd .main{height:auto}
.bl{display:none}.btn.busy .bl{display:inline-block;vertical-align:middle;margin-right:8px}.btn .bl .chair{width:22px;height:22px}.btn.busy .bl .chair g{stroke:#fff}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.js .ld{display:none}}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}h2.h3{font-size:1.17rem}