*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:#16140f;color:#f5f1e8;font:16px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}
img{display:block;max-width:100%}a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid #f0d79a;outline-offset:2px;border-radius:6px}
.teasq:focus-visible,.sizebtn:focus-visible{outline-offset:3px}
.skip{position:absolute;inset-inline-start:-999px;top:0;z-index:50;background:#c8702a;color:#16140f;padding:10px 16px;border-radius:0 0 8px 0;font-weight:700}
.skip:focus{inset-inline-start:0}
.py{font-style:italic;opacity:.75;font-size:.85em}
.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:14px 5vw;background:rgba(18,16,11,.92);backdrop-filter:blur(10px);border-bottom:1px solid #2c2920}
.nav__brand{font-weight:800;letter-spacing:.04em;font-size:18px}
.nav__links{display:flex;gap:18px;margin-inline-start:auto;flex-wrap:wrap}.nav__links a{color:#cabfa8;font-size:14px}.nav__links a:hover{color:#f5f1e8}
.lswitch{display:flex;gap:6px}.lsw{font-size:12px;color:#cabfa8;padding:4px 7px;border-radius:5px}.lsw.is-on{color:#16140f;background:#c8702a;font-weight:700}
.crumbs{padding:14px 5vw 0;color:#a99f88;font-size:13px}.crumbs a{color:#a99f88}.crumbs a:hover{color:#f0d79a}.crumbs span{margin:0 4px}.crumbs span[aria-hidden]{color:#6a6353}.crumbs span[aria-current]{color:#cabfa8}
main{display:block}
.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:4vw;align-items:center;padding:7vh 5vw 4vh;max-width:1280px}
.hero__eyebrow{color:#c8702a;text-transform:uppercase;letter-spacing:.22em;font-size:12px;font-weight:700}
.hero__title{font-size:clamp(38px,7vw,82px);line-height:1.02;margin:.18em 0 .3em;font-weight:800;letter-spacing:-.02em}
.hero__sub{font-size:clamp(17px,2vw,21px);color:#d7cdb6;max-width:52ch}
.hero__cta{display:inline-block;margin-top:22px;background:#c8702a;color:#16140f;font-weight:700;padding:12px 22px;border-radius:8px;font-size:15px}
.hero__cta:hover{background:#d98233}
.hero__note{color:#a99f88;font-size:14px;margin-top:16px}
.hero__cluster{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}
.hero__cell{display:block;background:#0f0e0a;border:1px solid #2a2720;border-radius:12px;overflow:hidden;aspect-ratio:1/1}
.hero__cell img{width:100%;height:100%;object-fit:cover;display:block}
.sec__title{font-size:clamp(26px,4vw,42px);font-weight:800;letter-spacing:-.01em;padding:0 5vw;margin:5vh 0 .1em}
.sec__sub{color:#a99f88;padding:0 5vw;margin:0 0 2vh;font-size:17px}
.chips{display:flex;flex-wrap:wrap;gap:8px;padding:0 5vw 2vh}
.chips--cat{padding-top:1vh}
.chip{display:inline-block;background:#241f17;border:1px solid #3a3526;color:#cabfa8;border-radius:18px;padding:6px 14px;font-size:13px}
.chip:hover{border-color:#c8702a;color:#f0d79a}
.concept{margin-top:2vh}
.variants{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:0 5vw;margin-bottom:3vh}
.variants-wrap{margin-top:3vh;border-top:1px solid #221f18;padding-top:1vh}
.vrt{background:#1f1c15;border:1px solid #2f2b21;border-radius:12px;padding:18px;display:flex;flex-direction:column}
.vrt--retail{border-color:#c8702a;background:#221d14}
.vrt--int{opacity:.7}
.vrt__badge{align-self:flex-start;display:inline-block;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#16140f;background:#cabfa8;padding:3px 8px;border-radius:20px;font-weight:700}
.vrt--retail .vrt__badge{background:#c8702a}.vrt--int .vrt__badge{background:#6e6657;color:#f5f1e8}
.vrt h3{margin:12px 0 6px;font-size:18px}.vrt p{margin:0;color:#b3a98f;font-size:14px}
.vrt__price{display:block;margin-top:10px;font-weight:800;color:#f0d79a}
.vrt__cta{display:inline-block;margin-top:14px;background:#2c2920;border:1px solid #5a4a2c;padding:10px 16px;border-radius:7px;font-size:14px;text-align:center;cursor:pointer}
.vrt__cta:hover{background:#3a3526}
.vrt__cta--retail{background:#c8702a;color:#16140f;border-color:#c8702a;font-weight:700}.vrt__cta--retail:hover{background:#d98233}
.catblock{padding:4vh 5vw;border-top:1px solid #221f18}.catblock__head h2,.catblock__head h3{font-size:clamp(22px,3vw,32px);margin:0 0 4px;font-weight:800}
.catblock__tag{color:#c8702a;font-size:13px;text-transform:uppercase;letter-spacing:.14em;font-weight:700}.catblock__head p{color:#bdb295;max-width:75ch;margin:10px 0 0}
.matrix{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;margin-top:18px}
.tile{display:block;background:#1b1812;border:1px solid #2a2720;border-radius:12px;overflow:hidden;transition:border-color .12s,transform .12s}
.tile:hover{border-color:#c8702a;transform:translateY(-2px)}
.tile__img{display:block;background:#0f0e0a;box-shadow:inset 0 0 0 1px #221f18;position:relative;aspect-ratio:1/1}
.tile__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tile__img.is-broken{background:linear-gradient(135deg,#1b1812,#0f0e0a)}.tile__img.is-broken img{visibility:hidden}
.tile__name{display:block;padding:9px 11px;font-size:13px;font-weight:600}
.styhead{padding:1vh 0 1vh}.styhead .cat__tag{display:inline-block;padding:0 5vw;color:#c8702a;font-size:13px;text-transform:uppercase;letter-spacing:.14em;font-weight:700}
.vtoggle{display:inline-flex;gap:0;margin:0 5vw .8vh;border:1px solid #3a3526;border-radius:22px;overflow:hidden;background:#241f17}
.vtab{font:inherit;font-size:13px;font-weight:600;cursor:pointer;background:transparent;border:none;color:#cabfa8;padding:9px 18px;line-height:1.2;min-height:40px}
.vtab.is-on{background:#c8702a;color:#16140f}
.vtab:focus-visible{outline:2px solid #c8702a;outline-offset:2px}
.vnote{margin:0 5vw 1.4vh;color:#a99f88;font-size:13px;max-width:64ch}
.teabar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:0 5vw 2vh}
.teabar__lbl{color:#a99f88;font-size:13px;text-transform:uppercase;letter-spacing:.1em}
.teabar__hint{color:#a99f88;font-size:13px}
.teaslider{flex-basis:100%;display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-block:4px;-webkit-mask-image:linear-gradient(to right,transparent,#000 18px,#000 calc(100% - 18px),transparent);mask-image:linear-gradient(to right,transparent,#000 18px,#000 calc(100% - 18px),transparent)}
.teaslider::-webkit-scrollbar{display:none}
.teasq{flex:0 0 auto;scroll-snap-align:start;width:84px;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;background:#f5f1e8;border:1px solid #3a3526;border-radius:12px;padding:8px 6px 7px;line-height:1.2;font:inherit}
.teasq img{width:64px;height:64px;object-fit:contain}
.teasq__cap{font-size:11px;color:#16140f;text-align:center;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.teasq:hover{border-color:#c8702a}
.teasq.is-on{border-color:#c8702a;box-shadow:inset 0 0 0 2px #c8702a}
.teasel{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin:0 5vw 3vh;padding:18px;background:#1b1812;border:1px solid #2a2720;border-radius:14px}
.teasel__imgwrap{display:block;width:min(280px,60vw);background:#f5f1e8;border-radius:10px;overflow:hidden}
.teasel__img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
.teasel__imgwrap.is-broken{background:linear-gradient(135deg,#efe9da,#d9d2c0)}.teasel__imgwrap.is-broken img{visibility:hidden}
.teasel__meta{display:flex;flex-direction:column;gap:4px}
.teasel__name{font-size:clamp(22px,4vw,34px);font-weight:800}
.teasel__word{color:#c8702a;text-transform:uppercase;letter-spacing:.14em;font-size:13px;font-weight:700;margin-top:6px}
.modnav{display:flex;gap:8px;flex-wrap:wrap;padding:0 5vw 2vh;position:sticky;top:54px;z-index:9;background:linear-gradient(#16140f,#16140f 70%,transparent)}
.modnav__chip{display:inline-flex;align-items:center;min-height:38px;background:#241f17;border:1px solid #3a3526;color:#cabfa8;border-radius:18px;padding:6px 16px;font-size:13px;font-weight:600}
.modnav__chip:hover{border-color:#c8702a;color:#f0d79a}
.live{scroll-margin-top:96px;display:grid;grid-template-columns:1.1fr .9fr;gap:3vw;align-items:start;margin:0 5vw 1.4vh;padding:18px;background:#1b1812;border:1px solid #5a4a2c;border-radius:16px}
.live__media{position:relative;background:#f5f1e8;border-radius:12px;overflow:hidden;aspect-ratio:3/2}
.live__media .live__img{width:100%;height:100%;object-fit:cover;padding:6%}
.slider{position:absolute;inset:0}
.slider__track{display:flex;height:100%;transition:transform .3s ease}
.slide{flex:0 0 100%;width:100%;height:100%;object-fit:cover;padding:6%}
.slider__nav{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;border:none;background:rgba(22,20,15,.55);color:#f5f1e8;font-size:20px;line-height:1;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center}
.slider__nav:hover{background:rgba(22,20,15,.82)}
.slider__prev{inset-inline-start:8px}.slider__next{inset-inline-end:8px}
.slider__dots{position:absolute;bottom:10px;inset-inline:0;display:flex;gap:6px;justify-content:center;z-index:2}
.slider__dot{width:7px;height:7px;border-radius:50%;border:none;background:rgba(31,28,21,.35);cursor:pointer;padding:0}
.slider__dot.is-on{background:#c8702a}
.slider--single .slider__nav,.slider--single .slider__dots{display:none}
.live__badge{position:absolute;top:10px;inset-inline-start:10px;z-index:2;background:#5a4a2c;color:#f5f1e8;font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;padding:4px 10px;border-radius:14px}
.live__title{margin:0 0 4px;font-size:22px}
.live__price{font-size:24px;font-weight:800;color:#f0d79a;margin:0 0 4px}
.live__made{color:#a99f88;font-size:13px;margin:0 0 4px}
.live__note{color:#a99f88;font-size:13px;margin:0 0 14px}
.picker{display:flex;align-items:center;gap:12px;margin:10px 0;flex-wrap:wrap}
.picker__lbl{color:#a99f88;font-size:13px;text-transform:uppercase;letter-spacing:.1em;min-width:84px}
.sizes{display:flex;gap:7px;flex-wrap:wrap}
.sizebtn{font:inherit;cursor:pointer;background:#241f17;border:1px solid #3a3526;color:#cabfa8;border-radius:8px;padding:8px 13px;line-height:1;min-width:42px}
.sizebtn:hover{border-color:#c8702a}.sizebtn.is-on{background:#c8702a;color:#16140f;border-color:#c8702a;font-weight:700;box-shadow:inset 0 0 0 2px #16140f}
.qty{font:inherit;width:74px;background:#241f17;border:1px solid #3a3526;color:#f5f1e8;border-radius:8px;padding:8px 10px}
.order__btn{display:inline-block;cursor:pointer;margin-top:6px;margin-inline-end:8px;padding:12px 22px;border-radius:9px;font-size:15px;font-weight:700;border:1px solid #5a4a2c;background:#2c2920;color:#f5f1e8}
.order__btn--primary{background:#c8702a;color:#16140f;border-color:#c8702a}.order__btn--primary:hover{background:#d98233}
.order__btn--wa{background:#1f3d2e;border-color:#2e6e4f;color:#dff3e7}
.order__btn--tg{background:#16344a;border-color:#2e6e9e;color:#dceefb}
.live__lead{color:#a99f88;font-size:13px;margin-top:12px}
.specs{margin:1vh 5vw 3vh;padding-top:2vh;border-top:1px solid #221f18}
.spec{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:0 0 2vh}
.spec div{background:#1b1812;border:1px solid #2a2720;border-radius:10px;padding:12px 14px}
.spec dt{color:#a99f88;font-size:12px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}.spec dd{margin:0;font-weight:600}
.trust{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.trust h3{margin:0 0 6px;font-size:16px}.trust p{margin:0;color:#bdb295;font-size:14px}
.notfound{padding:12vh 5vw}.nf__links{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:0 5vw;margin-top:2vh}
.foot{padding:6vh 5vw;border-top:1px solid #221f18;color:#a99f88;margin-top:4vh}
.foot__links{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:18px}.foot__links a{color:#cabfa8;font-size:14px}.foot__links a:hover{color:#f0d79a}
.foot__tag{color:#bdb295;font-size:16px;margin:0 0 6px}.foot__about{font-size:14px;margin:0 0 6px}.foot__note{font-size:13px}
@media(max-width:820px){.variants{grid-template-columns:1fr}.hero{grid-template-columns:1fr}.hero__cluster{max-width:360px}.live{grid-template-columns:1fr}.trust{grid-template-columns:1fr}}
@media(max-width:560px){
  .nav{gap:10px 14px;padding:10px 5vw}.nav__links{order:3;flex-basis:100%;margin-inline-start:0;gap:14px}.lswitch{margin-inline-start:auto}
  .nav__links a,.foot__links a{min-height:44px;display:inline-flex;align-items:center}.chip{min-height:40px;display:inline-flex;align-items:center}
  .matrix{grid-template-columns:repeat(2,1fr);gap:10px}.tile__name{font-size:12px;padding:8px 9px}
  .sizebtn{min-height:44px}.lsw{padding:8px 10px;font-size:13px;min-height:40px}
}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.tile:hover{transform:none}}
@media print{body{background:#fff;color:#16140f}.nav,.lswitch,.foot__note,.vrt__cta,.order__btn,.teabar,.skip,.chips{display:none}a{color:#16140f}.tile,.vrt,.live,.teasel{border-color:#ccc}}