:root{--radar-green:#a7d36e;--radar-soft:#8ea86b;--radar-amber:#d79a35;--radar-ink:#e8e1ce;--radar-muted:#9aa891;--radar-dark:#020403;--line:rgba(142,168,107,.34);--line-soft:rgba(142,168,107,.18);--hot:rgba(215,154,53,.72);--panel:rgba(8,18,13,.58);--panel-strong:rgba(3,8,5,.78);--font-head:Impact,Haettenschweiler,"Arial Narrow","Rajdhani","Oswald",sans-serif;--font-ui:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--header-height:64px}
*,*:before,*:after{box-sizing:border-box}html{background:#020403;overflow-x:hidden}body.mamut-shop-v3{margin:0;min-height:100vh;background:#020403;color:var(--radar-ink);font-family:var(--font-ui);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.muted,.notice{color:rgba(232,225,206,.68)}
.mamut-bg{position:fixed;inset:0;z-index:-5;pointer-events:none;background-color:#020403;background-image:image-set(url('/assets/radar/radar-background-plate-1280.webp?v=shop-radar-bg-20260707') 1x,url('/assets/radar/radar-background-plate-1920.webp?v=shop-radar-bg-20260707') 2x);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.84}.mamut-bg:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 62% 42%,rgba(2,4,3,.05) 0 24%,rgba(2,4,3,.42) 52%,rgba(0,0,0,.76) 100%),linear-gradient(90deg,rgba(0,0,0,.62),transparent 18%,transparent 82%,rgba(0,0,0,.62));}.mamut-bg i{position:absolute;right:4.5vw;top:86px;width:min(44vw,620px);aspect-ratio:1;border-radius:50%;background-image:url('/assets/radar/radar-compass-overlay-v2.png?v=shop-compass-20260707'),repeating-radial-gradient(circle,rgba(142,168,107,.22) 0 1px,transparent 1px 6.2%),radial-gradient(circle,rgba(35,70,38,.16),rgba(0,0,0,.22) 66%,transparent 70%);background-size:contain,100% 100%,100% 100%;background-position:center;background-repeat:no-repeat;opacity:.24;mix-blend-mode:screen;filter:drop-shadow(0 0 28px rgba(142,168,107,.10))}.mamut-bg b{position:absolute;right:4.5vw;top:86px;width:min(44vw,620px);aspect-ratio:1;border-radius:50%;background:url('/assets/radar/radar-beam-combined.webp?v=shop-beam-20260707') center/contain no-repeat;opacity:.18;mix-blend-mode:screen;animation:shopRadarSweep 13s linear infinite;transform-origin:center}.mamut-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(142,168,107,.040) 1px,transparent 1px),linear-gradient(90deg,rgba(142,168,107,.035) 1px,transparent 1px),repeating-linear-gradient(to bottom,rgba(255,255,255,.018) 0 1px,transparent 1px 5px);background-size:40px 40px,40px 40px,auto;opacity:.52;mix-blend-mode:screen}.site-root,.layout,.shop-top,.mobile-tabs,.footer-strip{position:relative;z-index:2}@keyframes shopRadarSweep{to{transform:rotate(360deg)}}
.shop-top{position:sticky;top:0;z-index:30;min-height:var(--header-height);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px clamp(14px,2.4vw,44px);background:linear-gradient(180deg,rgba(2,4,3,.78),rgba(2,4,3,.34));border-bottom:1px solid rgba(142,168,107,.18);backdrop-filter:blur(9px) saturate(1.05);-webkit-backdrop-filter:blur(9px) saturate(1.05)}.brand{display:inline-flex;align-items:center;gap:12px;min-width:0;color:#f0ead8;text-decoration:none;font-weight:800;letter-spacing:.20em}.brand img{width:clamp(34px,2.52vw,42px);height:clamp(34px,2.52vw,42px);border-radius:50%;object-fit:cover;opacity:.90;border:0}.brand b{display:block;font-size:clamp(15px,1vw,18px);line-height:1;text-transform:uppercase}.brand span{display:block;margin-top:2px;color:rgba(167,211,110,.72);font-size:clamp(8px,.60vw,10px);letter-spacing:.18em;text-transform:uppercase;white-space:nowrap}.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.top-actions .hud-btn{min-height:36px;padding:0 12px!important;font-size:10px}.shop-language{gap:8px}.shop-language select{min-height:24px;background:rgba(2,4,3,.74);border:1px solid rgba(142,168,107,.42);color:#eee7d7;padding:2px 7px;font-size:10px;text-transform:uppercase}.layout{width:min(1560px,calc(100vw - 64px));margin:20px auto 34px;display:grid;grid-template-columns:230px minmax(0,1fr) 330px;gap:14px;align-items:start}.left,.right{position:sticky;top:84px}.center{min-width:0;display:grid;gap:14px}
.panel,.card,.shop-hero,.feature,.detail>*,.tech-panels>*,.left,.right{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(8,18,13,.56),rgba(3,8,5,.72))!important;border:1px solid var(--line)!important;clip-path:polygon(0 12px,12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px));outline:1px solid rgba(142,168,107,.14);outline-offset:-5px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),inset 0 22px 42px rgba(142,168,107,.030),0 0 34px rgba(0,0,0,.50),0 0 20px rgba(142,168,107,.04)!important;backdrop-filter:blur(6px) saturate(1.04);-webkit-backdrop-filter:blur(6px) saturate(1.04)}.panel:before,.card:before,.shop-hero:before,.feature:before,.detail>*:before,.tech-panels>*:before,.left:before,.right:before{content:"";position:absolute;inset:0;background-image:url('/assets/pcb-traces.svg'),linear-gradient(rgba(142,168,107,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(142,168,107,.03) 1px,transparent 1px);background-size:760px 520px,18px 18px,18px 18px;opacity:.15;mix-blend-mode:screen;pointer-events:none;z-index:0}.panel:after,.card:after,.shop-hero:after,.feature:after,.detail>*:after,.tech-panels>*:after,.left:after,.right:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 0 0,rgba(215,154,53,.10),transparent 24%),radial-gradient(circle at 100% 100%,rgba(142,168,107,.10),transparent 28%);pointer-events:none;z-index:0}.panel>*,.card>*,.shop-hero>*,.feature>*,.detail>*>*,.tech-panels>*>*,.left>*,.right>*{position:relative;z-index:1}.left,.right,.panel{padding:14px}.left h2,.right h2,.panel h2,.shop-hero h1,.feature h2,.card h3,.detail h1{margin:0;color:#f0ead8;text-transform:uppercase}.shop-hero h1,.detail h1{font-family:var(--font-head);font-size:clamp(36px,4.2vw,70px);line-height:.86;letter-spacing:.035em}.feature h2{font-family:var(--font-head);font-size:clamp(30px,2.7vw,48px);line-height:.9}.card h3{font-family:var(--font-ui);font-size:16px;line-height:1.15;letter-spacing:.055em}.kicker,.breadcrumb,.rail-title,label{font-family:var(--font-mono);font-size:10px;letter-spacing:.20em;text-transform:uppercase;color:var(--radar-amber)}.breadcrumb{color:rgba(232,225,206,.58);margin-bottom:10px}.shop-hero{min-height:0;padding:20px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:center}.shop-hero p{max-width:760px;line-height:1.45;margin:10px 0 0}.radar-stat{min-height:190px;padding:16px;border:1px solid rgba(142,168,107,.24);background:radial-gradient(circle at 50% 48%,rgba(142,168,107,.10),rgba(0,0,0,.10) 58%),url('/assets/radar/radar-compass-overlay-v2.png?v=shop-stat') center/contain no-repeat;display:flex;flex-direction:column;justify-content:space-between}.radar-stat b{font-family:var(--font-head);font-size:34px;color:#f0ead8}.status-chips,.benefits{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.badge,.sku,.benefits span,.spec-line{display:inline-flex;align-items:center;gap:6px;min-height:24px;padding:5px 8px;border:1px solid rgba(142,168,107,.30);background:rgba(142,168,107,.065);color:#d7e7c1;font:800 10px/1.1 var(--font-mono);letter-spacing:.10em;text-transform:uppercase}.badge.orange,.sku,.price{color:#f2c27e;border-color:rgba(215,154,53,.46);background:rgba(215,154,53,.07)}.price{font-family:var(--font-mono);font-size:13px;text-transform:uppercase;padding:0;border:0;background:transparent}.nav-list{display:grid;gap:4px;margin:12px 0 18px}.nav-list a{display:flex;align-items:center;gap:10px;min-height:34px;padding:8px 9px;border:1px solid transparent;color:rgba(232,225,206,.70);font:800 10px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase}.nav-list a:hover,.nav-list a:focus-visible{color:#f6f3e7;border-color:rgba(142,168,107,.30);background:rgba(142,168,107,.055)}.nav-list a.active{color:#f4dfbc;border-color:rgba(215,154,53,.42);background:linear-gradient(90deg,rgba(142,168,107,.10),rgba(215,154,53,.07),transparent)}.nav-list a.active:before{content:"";width:3px;align-self:stretch;background:var(--radar-amber);box-shadow:0 0 12px rgba(215,154,53,.45)}.filter-block{display:grid;gap:7px;margin-top:10px}.filter-block label{margin-top:4px;color:rgba(167,211,110,.72)}input,select,textarea{width:100%;border:1px solid rgba(142,168,107,.30);background:rgba(2,4,3,.46);color:#e8e1ce;padding:9px 10px;border-radius:0;min-height:38px;clip-path:polygon(0 7px,7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%)}input:focus,select:focus,textarea:focus{outline:1px solid rgba(215,154,53,.65);border-color:rgba(215,154,53,.60)}.check-row{display:flex;align-items:center;gap:8px;color:rgba(232,225,206,.72);letter-spacing:.08em}.check-row input{width:auto;min-height:auto}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.grid{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:14px}.card{padding:12px;display:grid;gap:9px}.mamut-product-card{grid-template-columns:128px minmax(0,1fr);align-items:start}.mamut-product-card .idx{position:absolute;right:12px;top:10px;color:rgba(215,154,53,.78);font:900 20px/1 var(--font-mono);letter-spacing:.02em}.mamut-product-card .image-stage{grid-row:1/9}.image-stage{position:relative;min-height:156px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(142,168,107,.22);background:radial-gradient(circle at 50% 42%,rgba(142,168,107,.12),transparent 58%),linear-gradient(180deg,rgba(3,8,5,.42),rgba(0,0,0,.35)),url('/assets/radar/radar-compass-overlay-v2.png?v=img-stage') center/82% no-repeat}.image-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(142,168,107,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(142,168,107,.03) 1px,transparent 1px),repeating-linear-gradient(to bottom,rgba(255,255,255,.032) 0 1px,transparent 1px 5px);background-size:18px 18px,18px 18px,auto;opacity:.74;z-index:2;pointer-events:none}.product-img{position:relative;z-index:1;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;padding:12px;filter:contrast(1.08) saturate(.78) brightness(.88);mix-blend-mode:normal}.image-pending{width:100%;min-height:150px;display:grid;place-items:center;text-align:center;color:rgba(232,225,206,.70);font:800 10px var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.image-pending b{color:rgba(215,154,53,.86);font-size:12px}.feature{padding:14px;display:grid;grid-template-columns:minmax(260px,38%) minmax(0,1fr);gap:16px;align-items:center}.feature .image-stage{min-height:250px}.card p,.feature p,.panel p,.right p{margin:0;color:rgba(232,225,206,.70);font-size:13px;line-height:1.45}.card-actions{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.hud-btn,button.primary,button.ghost,.qty button{position:relative;display:inline-flex!important;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 13px!important;border:1px solid rgba(142,168,107,.48)!important;background:linear-gradient(180deg,rgba(12,28,18,.42),rgba(4,9,6,.62))!important;color:#e8e1ce!important;font:900 10px/1 var(--font-mono)!important;letter-spacing:.12em;text-transform:uppercase;text-decoration:none!important;border-radius:0!important;clip-path:polygon(0 8px,8px 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),inset 0 -16px 24px rgba(0,0,0,.30);cursor:pointer}.hud-btn:hover,button:hover{border-color:rgba(142,168,107,.82)!important;box-shadow:0 0 18px rgba(142,168,107,.14),0 0 10px rgba(215,154,53,.10),inset 0 0 22px rgba(142,168,107,.06)!important}.hud-btn.primary,button.primary{border-color:rgba(215,154,53,.70)!important;background:linear-gradient(180deg,rgba(76,53,24,.48),rgba(12,22,14,.68))!important;color:#f6ddb1!important}.hud-btn.ghost,button.ghost{background:rgba(3,8,5,.36)!important;color:rgba(232,225,206,.76)!important}.right section{padding:12px 0;border-top:1px solid rgba(142,168,107,.16)}.right section:first-of-type{border-top:0}.right h3{margin:0 0 8px;color:#f0ead8;text-transform:uppercase;font:900 13px var(--font-mono);letter-spacing:.12em}.status-list{display:grid;gap:6px}.status-line{display:flex;justify-content:space-between;gap:8px;color:rgba(232,225,206,.70);font:800 10px var(--font-mono);letter-spacing:.10em;text-transform:uppercase}.dot{display:inline-block;width:7px;height:7px;border-radius:999px;background:var(--radar-green);box-shadow:0 0 10px rgba(167,211,110,.65)}.cart-line{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 0;border-top:1px solid rgba(142,168,107,.16)}.cart-thumb{width:44px;height:44px;object-fit:contain;background:rgba(2,4,3,.4);border:1px solid rgba(142,168,107,.22)}.qty{display:flex;align-items:center;gap:6px}.qty button{min-height:26px;padding:0 8px!important}.empty{color:rgba(232,225,206,.48)!important}.detail{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:14px}.detail .detail-img{min-height:430px}.tech-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}form{display:grid;gap:10px}textarea{min-height:96px;resize:vertical}.success,.error{display:block;margin-top:10px;padding:10px;border:1px solid rgba(142,168,107,.34)}.error{border-color:rgba(184,94,68,.65);color:#ffc1b6}.footer-strip{width:min(1560px,calc(100vw - 64px));margin:0 auto 26px;padding:13px 0;border-top:1px solid rgba(142,168,107,.18);color:rgba(232,225,206,.52);font:800 10px var(--font-mono);letter-spacing:.14em;text-transform:uppercase}.mobile-tabs{display:none}
.tgb-nav-title{margin-top:14px;padding-top:12px;border-top:1px solid rgba(142,168,107,.20);color:var(--radar-amber);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.nav-list button.nav-filter{width:100%;justify-content:flex-start;text-align:left;cursor:pointer}.nav-list button.nav-filter[data-filter="controller-parts"]{margin-left:12px;width:calc(100% - 12px);opacity:.92}.nav-list button.nav-filter.active{border-color:rgba(215,154,53,.78)!important;color:#fff!important;background:rgba(215,154,53,.12)!important}.set-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 14px}.set-card{appearance:none;-webkit-appearance:none;position:relative;min-height:118px;text-align:left;padding:14px!important;cursor:pointer;border:1px solid rgba(215,154,53,.55)!important;background:linear-gradient(145deg,rgba(12,29,16,.92),rgba(3,8,5,.88))!important;color:var(--radar-ink)!important;clip-path:polygon(0 12px,12px 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));box-shadow:inset 0 0 0 1px rgba(142,168,107,.14),0 16px 30px rgba(0,0,0,.28);overflow:hidden}.set-card:before{content:"";position:absolute;inset:0;background:url('/assets/pcb-traces.svg') center/520px 360px;opacity:.10;mix-blend-mode:screen;pointer-events:none}.set-card .sku{position:absolute;right:10px;bottom:8px}.set-card b{position:relative;z-index:1;display:block;font-family:var(--font-head);font-size:clamp(18px,1.45vw,24px);line-height:.92;text-transform:uppercase;letter-spacing:.045em;margin-bottom:8px;color:#f0ead8!important}.set-card span{position:relative;z-index:1;display:block;color:rgba(232,225,206,.72)!important;font-size:12px;line-height:1.35;text-transform:uppercase;letter-spacing:.035em}.set-card:hover,.set-card:focus{border-color:rgba(215,154,53,.88)!important;box-shadow:0 0 0 1px rgba(215,154,53,.20),0 20px 34px rgba(0,0,0,.32)}.grid.filtered-empty:before{content:"No products in this filter.";color:rgba(232,225,206,.70);padding:18px;border:1px solid rgba(142,168,107,.24);display:block}.mamut-product-card[hidden]{display:none!important}
.tgb-quickbar{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:0 0 12px}.tgb-quickbar button{min-height:42px!important;font-size:10px!important;padding:0 8px!important}.tgb-quickbar button.active{border-color:rgba(215,154,53,.78)!important;color:#fff!important;background:rgba(215,154,53,.12)!important}
@media(max-width:1240px){.layout{grid-template-columns:220px minmax(0,1fr)}.right{grid-column:1/-1;position:relative;top:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.grid{grid-template-columns:1fr}.mamut-product-card{grid-template-columns:142px minmax(0,1fr)}}
@media(max-width:860px){.tgb-quickbar{grid-template-columns:repeat(3,minmax(0,1fr))}.set-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.set-card{min-height:96px}:root{--header-height:56px}.mamut-bg{background-image:url('/assets/radar/radar-background-plate-mobile.webp?v=shop-mobile-bg-20260707');background-position:center top}.mamut-bg i,.mamut-bg b{right:-18vw;top:110px;width:96vw;opacity:.13}.shop-top{padding:9px 12px;align-items:flex-start}.brand span{font-size:8px;white-space:normal}.top-actions{gap:5px}.top-actions .hud-btn{min-height:32px;padding:0 8px!important;font-size:9px}.top-actions .hud-btn.ghost:first-child{display:none}.layout{width:calc(100vw - 20px);margin:10px auto 84px;display:flex;flex-direction:column}.center{order:1}.left{order:3;position:relative;top:auto;width:100%}.right{order:4;display:block}.shop-hero{grid-template-columns:1fr;padding:16px;gap:12px}.shop-hero h1{font-size:clamp(36px,12vw,48px)}.radar-stat{min-height:118px}.feature{grid-template-columns:1fr;padding:12px}.feature .image-stage{min-height:190px}.mamut-product-card{grid-template-columns:118px minmax(0,1fr)}.mamut-product-card .image-stage{min-height:150px}.card p{font-size:12px}.detail,.tech-panels,.specs{grid-template-columns:1fr}.detail .detail-img{min-height:280px}.filter-block{grid-template-columns:1fr}.mobile-tabs{position:fixed;left:10px;right:10px;bottom:10px;z-index:35;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:7px;background:linear-gradient(180deg,rgba(2,4,3,.82),rgba(2,4,3,.72));border:1px solid rgba(142,168,107,.22);backdrop-filter:blur(9px);clip-path:polygon(0 9px,9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px))}.mobile-tabs .hud-btn{min-height:38px;font-size:9px}.footer-strip{width:calc(100vw - 20px);margin-bottom:90px}}
@media(max-width:520px){.tgb-quickbar{grid-template-columns:repeat(2,minmax(0,1fr))}.set-strip{grid-template-columns:1fr}.shop-top{display:grid;grid-template-columns:1fr auto}.top-actions{grid-column:1/-1;justify-content:space-between}.top-actions .hud-btn{flex:1}.shop-hero{padding:14px}.radar-stat{display:none}.mamut-product-card{grid-template-columns:1fr}.mamut-product-card .image-stage{grid-row:auto;min-height:180px}.card-actions .hud-btn,.card-actions button{flex:1}.left h2{font-size:15px}.grid{gap:12px}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}