:root{--bg:#f6f7f3;--bg-tint:#edf1e9;--brand:#163e30;--brand-2:#235943;--accent:#925024;--accent-2:#77411e;--muted:#596358;--muted-2:#64705f;--imgbg:#f1f3ee;--line:#dfe5da;--line-2:#c6d0c0}
:focus-visible{outline:3px solid #ac612c;outline-offset:4px}[hidden]{display:none!important}
.skip-link{position:fixed;left:16px;top:-100px;z-index:100;background:white;padding:12px 20px;border:2px solid var(--brand)}.skip-link:focus{top:12px}
.nav-links a[aria-current=page]{color:var(--brand);font-weight:700}.nav-links a[aria-current=page]::after{right:0}
.hero{padding:40px 0 64px}.hero::before{background:none}.hero-grid{gap:48px;min-height:620px}.hero h1{line-height:1.18;font-size:clamp(36px,4.1vw,58px);letter-spacing:-.035em}
.hero-eyebrow{font-size:12px;color:var(--brand);font-weight:600;letter-spacing:.08em;margin-bottom:22px}.hero p.lead{font-size:17px;max-width:560px}.hero-media{aspect-ratio:1/1.12;box-shadow:none;border:1px solid var(--line);background:#fff;border-radius:24px}.hero-media>img{padding:28px 16px 90px;mix-blend-mode:multiply}
.hero-badge{background:var(--brand);color:white;box-shadow:none;backdrop-filter:none}.hero-badge span{color:#d5e7d9}.hero-badge .ico{background:#ffffff1c;color:#fff}
.hero .trust{grid-template-columns:1fr 1fr;gap:12px}.hero .trust li{font-size:13px}.stats{margin-top:28px;padding-top:22px;gap:10px}.stat .n{font-size:26px}
.section{padding:66px 0}.sec-head{margin-bottom:32px}.sec-title{line-height:1.3}.sec-sub{font-size:16px}
.card{position:relative}.card .thumb{background:#fff!important}.card .thumb img{padding:16px;mix-blend-mode:multiply}.card .cat{color:var(--brand);letter-spacing:.03em}.card .name{font-size:18px}.card .price{font-size:13px;color:var(--muted);font-weight:400}.card .foot .btn{border:1px solid var(--line)}
.toolbar{padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:16px;align-items:stretch}.toolbar .filters{flex:1 1 100%}.toolbar .search{max-width:560px}.chip{min-height:44px}.empty{grid-column:1/-1;width:100%;padding:48px 20px}.empty .btn{margin-top:20px}
.pdp .gallery{position:sticky;top:100px}.pdp .desc{max-width:65ch}.pdp .spec{overflow-wrap:anywhere}.g-thumb:focus{border:2px solid var(--brand)}
.breadcrumbs{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px;font-size:13px;color:var(--muted)}.breadcrumbs a{text-decoration:underline;text-underline-offset:4px}
.inquiry-notice{font-size:13px;padding:14px;background:var(--brand-tint);border-radius:10px;color:var(--brand)}#inquiry-result{margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}#inquiry-result textarea{width:100%;font-size:14px;line-height:1.7;font-family:inherit;border:1px solid var(--line-2);border-radius:10px;padding:14px;background:var(--bg);margin-bottom:16px;color:var(--ink)}.contact-grid .info-list li{flex-wrap:wrap}.contact-grid{gap:28px}.info-list b{overflow-wrap:anywhere}
.drawer .ci{display:grid;grid-template-columns:52px minmax(0,1fr) 32px;gap:10px}.ci .pic{width:52px;height:52px}.ci .qty{grid-column:2;grid-row:2;width:max-content}.ci .x{grid-column:3;grid-row:1;width:32px;min-height:44px}.ci .info .n{display:block}.qty input{width:66px}.drawer .dbody{padding:18px}.mobile-actions{display:none}.reveal{opacity:1;transform:none}
@media(max-width:1150px){.nav{gap:14px}.nav-links{gap:16px}.nav-links a{font-size:13px}.logo{font-size:15px}}
@media(min-width:881px) and (max-width:1020px){.nav{gap:10px}.nav-links{gap:10px}.nav-right{gap:6px}.nav-links a{font-size:12px}}
@media(max-width:880px){.hero{padding-top:28px}.hero-grid{min-height:0;gap:30px}.hero-media{order:0;aspect-ratio:1.4;max-height:430px}.hero h1{max-width:640px}.pdp .gallery{position:static}.hero .trust{max-width:600px}.section{padding:48px 0}.nav-links{margin-left:0}.nav-links a{font-size:16px}}
@media(max-width:560px){.nav{height:68px;gap:8px}.logo{gap:6px!important;font-size:13px;letter-spacing:.03em}.logo img{height:27px!important;max-width:54px}.nav-right{gap:6px}.icon-btn{width:38px;height:44px}.nav-links{top:68px}.hero h1{font-size:36px}.hero p.lead{font-size:15px;margin-bottom:22px}.hero .btn-row{gap:10px}.hero .btn-row .btn{flex:1;padding:12px 14px;font-size:13px}.hero-media{aspect-ratio:1.15}.hero .trust{gap:10px}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.stat{border:0;padding:0}.stat .n{font-size:20px}.stat .l{font-size:11px}.hero{padding-bottom:38px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card .body{padding:12px 10px}.card .name{font-size:15px;overflow-wrap:anywhere}.card .cat{font-size:10px}.card .foot .btn{font-size:12px;padding:10px 5px}.card .thumb{aspect-ratio:1}.toolbar{padding:14px}.search{min-width:0}.toolbar .search{width:100%}.filters{gap:6px!important}.chip{font-size:12px;padding:9px 12px}.contact-grid form{padding:18px!important}.mobile-actions{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line);z-index:42;font-size:14px}.mobile-actions .btn{padding:11px 18px}body:has(.mobile-actions){padding-bottom:78px}.drawer{max-width:100vw}.pdp .add-row .btn{flex:1;padding:12px;font-size:13px}.contact-grid .info-list li{padding:12px}.help-band{padding:22px!important}.field input,.field textarea,.search input{font-size:16px}}
@media(max-width:360px){.logo span{font-size:11px}.wrap{padding-left:14px;padding-right:14px}.hero h1{font-size:32px}.nav-right{gap:4px}}
