:root{--ink:#14211a;--ink2:#3d4a42;--mut:#6f7a72;--line:#e3e0d8;--bg:#f7f5f0;--card:#fff;--g:#4e8f31;--g2:#68af44;--gd:#1d3a26;--sand:#efe9dc;--r:14px;--ff:'Manrope',system-ui,sans-serif;--fs:'Fraunces','Lora',Georgia,serif}
*{box-sizing:border-box}html{overflow-x:clip}body{margin:0;font:15px/1.55 var(--ff);color:var(--ink);background:var(--bg);overflow-x:clip}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3{font-family:var(--fs);font-weight:500;letter-spacing:-.01em;line-height:1.15;margin:0 0 .5em}h1{font-size:clamp(28px,4vw,42px)}h2{font-size:clamp(22px,2.6vw,28px)}
.ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:middle}
svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.wrap{max-width:1320px;margin:0 auto;padding:0 28px}.narrow{max-width:900px}.mut{color:var(--mut)}.sm{font-size:13px}
.demo-bar{background:var(--gd);color:#cfe3c4;font-size:12.5px;text-align:center;padding:6px 12px;letter-spacing:.02em}
.hd{position:sticky;top:0;z-index:40;background:rgba(247,245,240,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.hd-in{max-width:1320px;margin:0 auto;padding:12px 28px;display:flex;align-items:center;gap:22px}
.logo{display:flex;align-items:center;gap:10px;line-height:1}.logo b{font-family:var(--fs);font-weight:600;font-size:20px;letter-spacing:.06em;display:block}.logo small{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--mut)}
.logo-mark{width:38px;height:38px;border-radius:10px;background:var(--gd);color:var(--g2);display:grid;place-items:center;font-family:var(--fs);font-size:22px;font-weight:600}
.hd-nav{display:flex;gap:20px;font-weight:600;font-size:14px}.hd-nav a:hover{color:var(--g)}
.srch{flex:1;position:relative;min-width:0}.srch>svg{position:absolute;left:14px;top:50%;width:18px;height:18px;transform:translateY(-50%);color:var(--mut)}
.srch input{width:100%;border:1px solid var(--line);background:#fff;border-radius:999px;padding:11px 16px 11px 42px;outline:none}.srch input:focus{border-color:var(--g2);box-shadow:0 0 0 3px rgba(104,175,68,.15)}
.sugg{position:absolute;left:0;right:0;top:calc(100% + 8px);background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:0 20px 50px rgba(20,33,26,.14);padding:8px;display:none;max-height:70vh;overflow:auto}.sugg.on{display:block}
.sg-g{display:flex;flex-wrap:wrap;gap:6px;padding:6px 6px 10px;border-bottom:1px solid var(--line);margin-bottom:6px}.sg-c{display:inline-flex;gap:6px;align-items:center;background:var(--sand);border-radius:999px;padding:5px 12px;font-size:13px;font-weight:600}.sg-c .ic{width:16px;height:16px}
.sg-p{display:flex;gap:12px;align-items:center;padding:6px;border-radius:10px}.sg-p:hover,.sugg a.act{background:var(--bg)}.sg-p .pimg{width:46px;height:46px;flex:none;border-radius:8px}.sg-p b{display:block;font-size:14px;font-weight:600}.sg-p small{color:var(--mut)}
.sg-all{display:flex;justify-content:space-between;align-items:center;padding:10px 8px 4px;font-weight:600;color:var(--g)}.sg-n{padding:10px;color:var(--mut);margin:0}
.hd-act{display:flex;gap:6px;align-items:center}
.ib{display:inline-flex;align-items:center;gap:7px;border:0;background:none;padding:9px 10px;border-radius:10px;cursor:pointer;font-weight:600;font-size:14px;position:relative}.ib:hover{background:var(--sand)}.ib svg{width:20px;height:20px}
.ib em{font-style:normal;background:var(--g);color:#fff;font-size:11px;border-radius:999px;min-width:19px;height:19px;display:grid;place-items:center;padding:0 5px}
.lang{position:relative}.langmenu{position:absolute;right:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--line);border-radius:12px;padding:6px;display:none;min-width:170px;box-shadow:0 14px 40px rgba(0,0,0,.12)}.langmenu.on{display:block}
.langmenu button{display:flex;gap:12px;width:100%;border:0;background:none;padding:9px 10px;border-radius:8px;cursor:pointer;text-align:left}.langmenu button:hover,.langmenu .on{background:var(--bg)}.langmenu b{width:24px;color:var(--g)}
.only-m,.btn.only-m,.ib.only-m{display:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--gd);color:#fff;border:0;border-radius:999px;padding:13px 24px;font-weight:600;cursor:pointer;transition:.2s}.btn:hover{background:var(--g)}
.btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink2)}.btn.ghost:hover{background:var(--ink);color:#fff}.btn.sm{padding:9px 16px;font-size:14px}.btn.full{width:100%}.btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.hero{background:radial-gradient(1200px 500px at 85% 0,#2b5236 0,transparent 60%),var(--gd);color:#f1efe8;padding:72px 0 64px}
.hero-in{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;align-items:end}.hero h1{font-size:clamp(34px,5vw,60px);max-width:14ch}.hero .lead{color:#c3cfc5;max-width:52ch;font-size:17px}
.kick{text-transform:uppercase;letter-spacing:.18em;font-size:12px;color:var(--g2);font-weight:700;margin:0 0 16px}
.hero .btn{background:var(--g2);color:var(--gd)}.hero .btn:hover{background:#fff}.hero .btn.ghost{background:none;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}.hero .btn.ghost:hover{background:#fff;color:var(--gd)}
.facts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.15)}.facts li{padding:20px 0;border-bottom:1px solid rgba(255,255,255,.15)}.facts b{display:block;font-family:var(--fs);font-size:30px;font-weight:500;color:#fff}.facts span{color:#9fb0a4;font-size:13px}
.sec{padding:52px 28px 0}.wrap.sec{padding-left:28px;padding-right:28px}.sh{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:20px}.sh a{display:inline-flex;align-items:center;gap:4px;font-weight:600;color:var(--g);font-size:14px;white-space:nowrap}.sh a .ic{width:16px;height:16px}
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.tile{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px 20px 20px;min-height:150px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;transition:.25s}
.tile::before{content:"";position:absolute;right:-30px;top:-30px;width:130px;height:130px;border-radius:50%;background:hsl(var(--h) 35% 92%);transition:.3s}
.tile:hover{border-color:var(--ink);transform:translateY(-2px);box-shadow:0 14px 30px rgba(20,33,26,.08)}.tile:hover::before{transform:scale(1.25)}
.tico{position:absolute;top:20px;left:20px;width:46px;height:46px;border-radius:12px;background:var(--bg);display:grid;place-items:center;color:var(--gd)}.tico .ic{width:24px;height:24px}
.tile b{font-size:16.5px;line-height:1.25;position:relative;padding-right:22px}.tile small{color:var(--mut);position:relative}.tarr{position:absolute;right:16px;bottom:22px;width:18px;height:18px;color:var(--mut)}
.grid{display:grid;gap:16px}.g4{grid-template-columns:repeat(4,1fr)}.g3{grid-template-columns:repeat(3,1fr)}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);display:flex;flex-direction:column;overflow:hidden;position:relative;transition:.2s;min-width:0}.card:hover{border-color:#b9b5aa;box-shadow:0 12px 30px rgba(20,33,26,.07)}
.cl{flex:1}.pimg{position:relative;aspect-ratio:4/3;background:var(--sand);overflow:hidden}.pimg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.ph{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:8px;background:linear-gradient(140deg,hsl(var(--h) 30% 94%),hsl(var(--h) 25% 86%));color:hsl(var(--h) 30% 32%)}.ph .ic{width:44px;height:44px;stroke-width:1.2}.ph span{font-size:10px;letter-spacing:.3em;font-weight:700;opacity:.55}
.bds{position:absolute;top:10px;left:10px;display:flex;gap:5px;z-index:2;flex-wrap:wrap}.bd{font-style:normal;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;background:#fff;letter-spacing:.02em}.bd-n{background:var(--gd);color:#fff}.bd-t{background:#e9b949;color:#3a2a00}.bd-h{background:#fff;color:var(--g);box-shadow:inset 0 0 0 1px #cfe3c4}
.cb{padding:14px 16px 4px}.cm{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--g);font-weight:700}.card h3{font-family:var(--ff);font-weight:600;font-size:15px;line-height:1.35;margin:4px 0 6px}.cs{font-size:12.5px;color:var(--mut)}
.cf{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px 12px 16px}
.plock{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--ink2)}.plock .ic{width:16px;height:16px}.plock:hover{color:var(--g)}
.price{font-weight:700;font-size:18px}.price small{display:block;font-weight:500;font-size:11px;color:var(--mut)}
.add{width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;cursor:pointer;flex:none}.add:hover{background:var(--gd);color:#fff;border-color:var(--gd)}
.brands{display:flex;flex-wrap:wrap;gap:10px}.brands a{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 18px;font-weight:600}.brands a:hover{border-color:var(--ink)}
.band{background:var(--sand);margin-top:60px;padding:50px 0}.for{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.for div{border-top:2px solid var(--gd);padding-top:14px;font-family:var(--fs);font-size:22px}.for span{display:block;font-family:var(--ff);font-size:12px;color:var(--mut);font-weight:700}
.bc{display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:13px;color:var(--mut);padding:22px 0 14px}.bc .ic{width:14px;height:14px}.bc a:hover{color:var(--g)}.bc span{color:var(--ink)}
.lhd{margin-bottom:8px}
.lay{display:grid;grid-template-columns:270px 1fr;gap:28px;align-items:start;margin-top:16px}
.side{position:sticky;top:90px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px;max-height:calc(100vh - 110px);overflow:auto}
.side-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.reset{display:block;font-size:13px;color:var(--g);font-weight:600;margin-bottom:8px}
.fg{border-top:1px solid var(--line);padding:10px 0}.fg summary{cursor:pointer;font-weight:700;font-size:14px;list-style:none;display:flex;justify-content:space-between}.fg summary::after{content:"+";color:var(--mut)}.fg[open] summary::after{content:"−"}.fg summary em{font-style:normal;background:var(--g);color:#fff;border-radius:999px;font-size:11px;padding:0 7px;margin-left:auto;margin-right:8px}
.fo{display:flex;align-items:center;gap:10px;padding:6px 2px;font-size:14px}.fo i{width:17px;height:17px;border:1.5px solid #b5b1a6;border-radius:5px;flex:none}.fo.on i{background:var(--gd) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E") center/12px no-repeat;border-color:var(--gd)}.fo small{margin-left:auto;color:var(--mut)}.fo:hover{color:var(--g)}
.bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px}.sort{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:14px;color:var(--mut)}.sort select{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 10px;color:var(--ink)}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--gd);color:#fff;border-radius:999px;padding:5px 10px 5px 14px;font-size:13px}.chip .ic{width:14px;height:14px}
.pgr{display:flex;justify-content:space-between;align-items:center;margin:28px 0;font-size:14px}.pgr a{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 18px;font-weight:600}.pgr a:hover{border-color:var(--ink)}
.empty{padding:40px 0;color:var(--mut)}
.mhero{display:flex;gap:20px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px;margin-top:10px}.mhero p{margin:0;color:var(--ink2)}
.mlogo{width:64px;height:64px;border-radius:14px;flex:none;display:grid;place-items:center;font-family:var(--fs);font-size:24px;background:hsl(var(--h) 30% 90%);color:hsl(var(--h) 35% 25%)}
.mgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.mcard{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px;display:flex;flex-direction:column;gap:6px}.mcard:hover{border-color:var(--ink)}.mcard small{color:var(--mut)}
.backl{display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:600;margin-bottom:14px}.flip{transform:rotate(180deg);width:16px;height:16px}
.pd{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start}.pd-img{position:relative;border-radius:var(--r);overflow:hidden;border:1px solid var(--line)}.pd-img .pimg{aspect-ratio:1}.pd-img .ph .ic{width:90px;height:90px}
.pd-i .lead{color:var(--ink2)}.tags{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}.tags span{border:1px solid #cfe3c4;color:var(--g);font-size:12.5px;font-weight:700;padding:4px 11px;border-radius:999px;background:#fff}
.buy{display:flex;flex-wrap:wrap;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px;margin:18px 0}.buy>.plock,.buy>.price{flex-basis:100%}
.qty{display:flex;align-items:center;gap:4px}.qty button{width:36px;height:36px;border-radius:9px;border:1px solid var(--line);background:#fff;cursor:pointer;font-size:18px}.qty input{width:56px;text-align:center;border:1px solid var(--line);border-radius:9px;height:36px}.qty span{font-size:13px;color:var(--mut);margin-left:4px}
.spec{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0;border-top:1px solid var(--line)}.spec div{padding:11px 0;border-bottom:1px solid var(--line);min-width:0}.spec dt{font-size:12px;color:var(--mut)}.spec dd{margin:0;font-weight:600;overflow-wrap:anywhere}.spec dd a{color:var(--g)}
.pd-more{margin-top:34px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:4px 22px}.pd-more details{border-bottom:1px solid var(--line);padding:14px 0}.pd-more details:last-child{border:0}.pd-more summary{cursor:pointer;font-weight:700}.pd-more p{color:var(--ink2);margin:10px 0 0}
.panel{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px}.panel.alt{background:var(--sand);border-color:transparent}
.lg{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;align-items:start}.tico.big{position:static;margin-bottom:14px}
label{display:block;font-size:13px;font-weight:600;color:var(--ink2);margin:12px 0}label input,label textarea{display:block;width:100%;margin-top:6px;border:1px solid var(--line);border-radius:10px;padding:11px 12px;background:#fff;font-weight:400}
.hint{font-size:13px;color:var(--mut);background:var(--bg);border-radius:10px;padding:10px 12px}
.ml{display:grid;grid-template-columns:1fr 380px;gap:24px;align-items:start}.lis{display:flex;flex-direction:column;gap:10px}
.li{display:grid;grid-template-columns:72px 1fr auto auto;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:10px}.li .pimg{border-radius:10px;aspect-ratio:1}.li .ph .ic{width:26px;height:26px}.li .ph span{display:none}.li b{font-weight:600}
.seg{display:flex;gap:16px}.seg label{display:flex;align-items:center;gap:6px}.seg input{width:auto;margin:0}
.cgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.cgrid .panel{display:flex;flex-direction:column;gap:6px}.ic.big{width:28px;height:28px;color:var(--g)}.cgrid p{margin:0}
.ft{background:var(--gd);color:#c8d3cb;margin-top:80px}.ft-in{max-width:1320px;margin:0 auto;padding:50px 28px;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}.ft .logo b{color:#fff}.ft h4{color:#fff;margin:0 0 12px;font-size:14px}.ft p{display:flex;gap:8px;align-items:center;margin:8px 0}.ft .mut{color:#93a398;display:block;margin-top:16px}.ft-b{border-top:1px solid rgba(255,255,255,.1);text-align:center;font-size:12px;padding:16px;color:#8a9a8f}.ft a:hover{color:#fff}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,80px);background:var(--ink);color:#fff;padding:12px 20px;border-radius:999px;font-size:14px;opacity:0;transition:.3s;z-index:90;max-width:90vw;text-align:center}.toast.on{transform:translate(-50%,0);opacity:1}
.drawer{position:fixed;inset:0;background:rgba(10,20,14,.4);z-index:80;display:none}.dr-open .drawer{display:block}.dr-in{background:#fff;width:min(340px,86vw);height:100%;overflow:auto;padding:18px}.dr-in a{display:flex;gap:12px;align-items:center;padding:11px 4px;font-weight:600;border-bottom:1px solid var(--line)}.dr-in hr{border:0;margin:10px 0}
@media(max-width:1100px){.hd-nav{display:none}.tiles{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(3,1fr)}.g3{grid-template-columns:repeat(2,1fr)}.mgrid{grid-template-columns:repeat(3,1fr)}.ib.only-m{display:inline-flex}}
@media(max-width:860px){.wrap,.wrap.sec,.hd-in{padding-left:16px;padding-right:16px}.hd-in{flex-wrap:wrap;gap:8px 10px}.srch{order:5;flex-basis:100%}.hd-act{margin-left:auto}.hide-s{display:none}
.hero{padding:44px 0}.hero-in{grid-template-columns:1fr;gap:30px}.tiles{grid-template-columns:repeat(2,1fr);gap:10px}.tile{min-height:132px;padding:16px}.tico{top:14px;left:14px;width:40px;height:40px}.tile b{font-size:14.5px}
.g4,.g3{grid-template-columns:repeat(2,1fr);gap:10px}.lay{grid-template-columns:1fr}.only-m,.btn.only-m,.ib.only-m{display:inline-flex}.btn.only-m.full{display:flex;margin-top:14px}
.side{display:none;position:fixed;inset:0;z-index:85;border-radius:0;max-height:none;top:0}.fo-open .side{display:block}.sort{margin-left:0}
.pd{grid-template-columns:1fr;gap:22px}.lg,.ml,.cgrid{grid-template-columns:1fr}.for{grid-template-columns:1fr 1fr}.mgrid{grid-template-columns:1fr 1fr}.ft-in{grid-template-columns:1fr;gap:24px}
.li{grid-template-columns:56px 1fr auto;}.li .qty{grid-column:2/4}.cb{padding:12px 12px 2px}.card h3{font-size:14px}.cf{padding:8px 10px 10px 12px}.plock{font-size:12px}.sec{padding-top:38px}}
.sl{position:relative;height:clamp(380px,46vw,560px);overflow:hidden;background:var(--gd)}
.sl-s{position:absolute;inset:0;opacity:0;transition:opacity .8s;pointer-events:none;color:#fff}.sl-s.on{opacity:1;pointer-events:auto}
.sl-s img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.04);transition:transform 7s}.sl-s.on img{transform:scale(1)}
.sl-s::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,28,18,.86) 0,rgba(13,28,18,.55) 45%,rgba(13,28,18,.1) 100%)}
.sl-t{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.sl-t h1{font-size:clamp(32px,5vw,62px);max-width:15ch;color:#fff}.sl-t p{max-width:46ch;color:#dfe6e0;font-size:17px;margin:0 0 24px}.sl-t .kick{margin-bottom:12px}
.sl .btn{background:var(--g2);color:var(--gd)}.sl .btn .ic{width:16px;height:16px}
.sl-a{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:rgba(13,28,18,.35);color:#fff;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(4px)}.sl-a:hover{background:#fff;color:var(--gd)}.sl-a.prev{left:20px}.sl-a.next{right:20px}
.sl-d{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:3}.sl-d button{width:28px;height:4px;border-radius:2px;border:0;background:rgba(255,255,255,.4);cursor:pointer;padding:0}.sl-d .on{background:#fff;width:44px}
@media(max-width:860px){.bp-g{grid-template-columns:1fr 1fr}}
.hero{padding:56px 0 50px}.hero h2{font-size:clamp(28px,3.6vw,44px);color:#fff;max-width:16ch}
.bmark{--bc:#1d3a26;display:inline-flex;align-items:center;justify-content:center;font-family:var(--fs);font-weight:600;font-size:19px;letter-spacing:.01em;color:var(--bc);border:1.5px solid color-mix(in srgb,var(--bc) 30%,transparent);border-radius:10px;padding:10px 18px;background:#fff;white-space:nowrap;line-height:1.1}
.bmark.lg{font-size:24px;padding:16px 22px;white-space:normal;text-align:center}
.strip{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.strip-in{display:flex;gap:12px;width:max-content;animation:mq 45s linear infinite}.strip:hover .strip-in{animation-play-state:paused}.strip a{flex:none}.strip a:hover .bmark{background:var(--bc);color:#fff}
@keyframes mq{to{transform:translateX(calc(-50% - 6px))}}
.sm-ic{width:14px;height:14px;transform:rotate(90deg);margin-left:2px}#bpbtn{display:inline-flex;align-items:center}
.bp{position:absolute;left:0;right:0;top:100%;max-height:75vh;overflow:auto;z-index:39;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 30px 60px rgba(20,33,26,.15);display:none;padding:26px 0 30px}.bp-open .bp{display:block}
.bp-g{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.bp-g a{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:12px;border-radius:12px;border:1px solid var(--line)}.bp-g a:hover{border-color:var(--ink)}.bp-g .bmark{border:0;padding:0;font-size:20px;background:none}.bp-g small{color:var(--mut)}
.mcard .bmark{border:0;padding:0;justify-content:flex-start;text-align:left;font-size:22px}.mhero .bmark{flex:none}
.dr-h{display:block;margin:6px 0}.dr-b{display:flex;flex-wrap:wrap;gap:6px}.dr-b a{border:0;padding:0}.dr-b .bmark{font-size:14px;padding:6px 10px}
@media(max-width:860px){.sl{height:440px}.sl-a{display:none}.sl-t{justify-content:flex-end;padding-bottom:60px}.sl-s::after{background:linear-gradient(0deg,rgba(13,28,18,.9) 0,rgba(13,28,18,.5) 60%,rgba(13,28,18,.2) 100%)}.sl-t p{font-size:15px}.bmark{font-size:16px;padding:8px 14px}.mhero{flex-direction:column;align-items:flex-start}.bmark.lg{font-size:20px}}
.cta{background:var(--g2);color:var(--gd);padding:9px 16px;white-space:nowrap}.cta:hover{background:var(--gd);color:#fff}
.trust{background:#fff;border-bottom:1px solid var(--line)}.trust-g{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:22px 0 8px}.tr{display:flex;gap:12px;align-items:center}.tr>.ic{width:40px;height:40px;padding:9px;border-radius:12px;background:var(--bg);color:var(--g);flex:none}.tr b{display:block;font-size:15.5px}.tr sup{color:var(--mut);font-weight:400}.tr small{color:var(--mut);font-size:13px}.trust-n{font-size:11.5px;color:var(--mut);margin:0;padding:0 0 12px}
.rw-nav{display:flex;align-items:center;gap:4px}.rw-b{border:1px solid var(--line);background:#fff;width:38px;height:38px;justify-content:center;padding:0}
.rw{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/4);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}.rw::-webkit-scrollbar{display:none}.rw>*{scroll-snap-align:start}
.price.akt{color:#b3261e}.price s{color:var(--mut);font-weight:500;font-size:14px}.bd-a{background:#b3261e;color:#fff}
.fw{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.fwt{position:relative;border-radius:var(--r);overflow:hidden;min-height:300px;display:flex;align-items:flex-end;color:#fff;background:var(--gd)}.fwt img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}.fwt:hover img{transform:scale(1.05)}.fwt::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(13,28,18,.92) 0,rgba(13,28,18,.3) 65%,rgba(13,28,18,.05))}
.fwt div{position:relative;z-index:1;padding:20px}.fwt b{font-family:var(--fs);font-weight:500;font-size:24px;display:block}.fwt small{display:block;color:#d5ddd7;margin:4px 0 12px}.fwt span{display:inline-flex;align-items:center;gap:4px;font-weight:600;font-size:13.5px;color:var(--g2)}.fwt span .ic{width:16px;height:16px}
.ab{background:var(--sand);margin-top:60px;padding:60px 0}.ab-in{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center}.ab-pics{display:grid;grid-template-columns:1.4fr 1fr;gap:12px;position:relative}.ab-pics img{border-radius:var(--r);height:340px;width:100%;object-fit:cover}.ab-pics img+img{margin-top:40px;height:300px}.ab-pics small{position:absolute;left:10px;bottom:8px;font-size:11px;color:#fff;background:rgba(0,0,0,.45);padding:2px 8px;border-radius:6px}
.ab-n{list-style:none;padding:0;margin:24px 0 0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d8d0bf}.ab-n li{padding-top:14px;color:var(--mut);font-size:13px}.ab-n b{display:block;font-family:var(--fs);font-weight:500;font-size:32px;color:var(--ink)}
.cb2{display:grid;grid-template-columns:1fr 1.4fr;gap:16px}.cinfo p{display:flex;gap:12px;align-items:flex-start;margin:14px 0}.cinfo .ic{color:var(--g);margin-top:2px}.cn{font-family:var(--fs);font-size:22px;font-weight:500}.cinfo a:hover{color:var(--g)}
.btn.wa{background:#1f7a4a}.btn.wa:hover{background:#16613a}
.map{border-radius:var(--r);overflow:hidden;min-height:380px;background:repeating-linear-gradient(45deg,#ece7dc 0 12px,#f2eee5 12px 24px);border:1px solid var(--line)}.map iframe{width:100%;height:100%;min-height:380px;border:0;display:block}.map-ph{height:100%;min-height:380px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:20px}.map-ph small{color:var(--mut);max-width:34ch}
.steps{list-style:none;padding:0;margin:20px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.steps li{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;gap:10px;align-items:center;font-weight:600;font-size:14px}.steps b{width:28px;height:28px;border-radius:50%;background:var(--gd);color:#fff;display:grid;place-items:center;flex:none}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}label select{display:block;width:100%;margin-top:6px;border:1px solid var(--line);border-radius:10px;padding:11px 12px;background:#fff}.ck{display:flex;gap:10px;align-items:flex-start;font-weight:500}.ck input{width:auto;margin:2px 0 0}
.qh{display:grid;grid-template-columns:1fr 130px;gap:10px;font-size:12px;color:var(--mut);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.qr{display:grid;grid-template-columns:1fr 130px;gap:10px;margin:8px 0}.qr input{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 12px;background:#fff}
.qi{position:relative}.qn{display:block;color:var(--g);font-size:12.5px;min-height:0}.qs{position:absolute;left:0;right:0;top:46px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 14px 30px rgba(0,0,0,.1);z-index:5;display:none;padding:4px}.qs.on{display:block}.qs a{display:flex;gap:10px;padding:8px;border-radius:8px;font-size:14px}.qs a:hover{background:var(--bg)}.qs b{color:var(--g)}.qs p{margin:8px;color:var(--mut)}
.ft-in{grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:30px}.ft-in a{display:block;margin:7px 0}.ft-in p{display:block}.ft-in h4+p{margin-top:0}.ft-brand .btn{display:inline-flex;margin-top:14px;background:var(--g2);color:var(--gd)}.ft-in div h4:not(:first-child){margin-top:20px}.ft-b{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;max-width:1320px;margin:0 auto;padding:16px 28px}
@media(max-width:1100px){.rw{grid-auto-columns:calc((100% - 32px)/3)}.fw{grid-template-columns:1fr 1fr}.ft-in{grid-template-columns:1fr 1fr 1fr}.trust-g{grid-template-columns:1fr 1fr}}
@media(max-width:860px){.cta{padding:7px 12px;font-size:13px}.rw{grid-auto-columns:72%;gap:10px}.rw-b{display:none}.fwt{min-height:220px}.fw{gap:10px}.fwt b{font-size:19px}.fwt div{padding:14px}.fwt small{font-size:12px}
.ab-in,.cb2{grid-template-columns:1fr;gap:28px}.ab-pics img{height:220px}.ab-pics img+img{height:190px;margin-top:30px}.steps{grid-template-columns:1fr}.g2{grid-template-columns:1fr}.qr,.qh{grid-template-columns:1fr 90px}.ft-in{grid-template-columns:1fr 1fr}.ft-brand{grid-column:1/-1}.map,.map-ph,.map iframe{min-height:300px}.trust-g{gap:14px}.tr>.ic{width:34px;height:34px;padding:7px}.tr b{font-size:14px}}
@media(max-width:420px){.logo small{display:none}.logo b{font-size:17px}.hd-act .ib{padding:8px 6px}}
.srch{min-width:220px}@media(max-width:1480px){.hd-nav a:nth-child(n+3){display:none}}@media(max-width:860px){.srch{min-width:0}}
.sl-tr{display:flex;height:100%;transition:transform .55s cubic-bezier(.22,.7,.2,1);touch-action:pan-y;will-change:transform}
.sl-s{position:relative;flex:0 0 100%;opacity:1;pointer-events:auto;user-select:none;-webkit-user-drag:none}.sl-s img{pointer-events:none}
.sl-d button{position:relative}.sl-d button::before{content:"";position:absolute;inset:-14px -4px}
@media(max-width:860px){.sl-d{bottom:14px;gap:12px}.sl-d button{height:5px}}
/* v4: photo tiles + robust banner */
.tile{min-height:190px;border:0;background:var(--gd);color:#fff;padding:18px}.tile::before{display:none}
.tile img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.tile::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(0deg,rgba(10,22,14,.88) 0,rgba(10,22,14,.45) 50%,rgba(10,22,14,.08) 100%)}
.tile b,.tile small,.tile .tarr{position:relative;z-index:1}.tile b{color:#fff;font-size:17px}.tile small{color:#d3ddd5}.tile .tarr{position:absolute;color:#fff}
.tile:hover img{transform:scale(1.06)}.tile:hover{border:0}
.sl{background:#22332a}.sl-s{background-size:cover;background-position:center;display:block;height:100%}
.sl-s img{top:0;left:0;right:auto;bottom:auto;width:100%;height:100%;transform:none!important}
.sl-s::after{background:linear-gradient(90deg,rgba(10,22,14,.82) 0,rgba(10,22,14,.55) 32%,rgba(10,22,14,0) 62%)}
@media(max-width:860px){.tile{min-height:150px;padding:14px}.tile b{font-size:15px}
.sl-s::after{background:linear-gradient(90deg,rgba(10,22,14,.8) 0,rgba(10,22,14,.5) 55%,rgba(10,22,14,.1) 100%)}.sl-t{justify-content:center;padding-bottom:40px}}
