/* tech.divebanda.ru/konfigurator/ — конфигуратор экипировки (Codex, DIVE-OUTFITTER v2.4), встроенный в сайт:
   все правила действуют только внутри .eq; шапка, подвал и шрифты — ../assets/site.css. */
.eq{color-scheme:dark;--navy:#04142c;--ocean:#071d3f;--panel:#0b2445;--ice:#8ccbff;--blue:#2484d8;--white:#f2f8ff;--muted:#a3b9cf;--line:#2b4664;--red:#d0103a;--gold:#d7be86;--font:"Golos Text",Arial,sans-serif}
.eq *{box-sizing:border-box}
.eq{margin:0;background:var(--navy);color:var(--white);font-family:var(--font);font-size:15px;line-height:1.5}
.eq button,.eq input,.eq select{font:inherit}
.eq button,.eq a,.eq input,.eq select{ -webkit-tap-highlight-color:transparent}
.eq button{cursor:pointer;color:inherit}
.eq button:disabled{opacity:.45;cursor:default}
.eq a{color:var(--ice)}
.eq button:focus-visible,.eq a:focus-visible,.eq input:focus-visible,.eq select:focus-visible,.eq summary:focus-visible{outline:2px solid var(--ice);outline-offset:4px}
.eq button{border:0}
.eq h1,.eq h2,.eq h3,.eq p{margin:0}
.eq h1,.eq h2{font-family:Unbounded,sans-serif;font-size:19px;font-weight:500}
.eq small{font-size:12px}
.eq .muted,.eq .small-label{color:var(--muted)}
.eq .small-label{font-size:12px}
.eq .icon{width:28px;height:28px;flex-shrink:0;pointer-events:none}
.eq .quiet{display:flex;gap:8px;align-items:center;background:transparent;padding:11px 14px;font-size:14px;border-radius:4px}
.eq .quiet .icon{width:18px;height:18px}
.eq .quiet:hover{background:#153654}
.eq .workbench{display:grid;grid-template-columns:300px minmax(390px,1fr) 320px;gap:0;max-width:1920px;margin:auto;height:calc(100dvh - var(--bar-h) - var(--app-head-h));min-height:690px}
.eq .panel{background:linear-gradient(165deg,#0c2749,#071a33);display:flex;flex-direction:column;min-width:0;overflow:hidden}
.eq .inventory{border-right:1px solid var(--line);padding:24px 16px 0}
.eq .panel-head{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-bottom:20px}
.eq .panel-head h1,.eq .panel-head h2{font-size:19px}
.eq .panel-head span{font-size:12px;color:var(--muted)}
.eq .search{display:flex;align-items:center;gap:7px;padding:10px 11px;border:1px solid var(--line);background:#04172e;border-radius:4px}
.eq .search .icon{width:19px;height:19px;display:block;color:var(--muted)}
.eq .search input{background:none;border:0;outline:0;color:white;width:100%;min-width:0;font-size:14px}
.eq .filter-tabs{display:flex;margin:19px 0 15px;border-bottom:1px solid var(--line)}
.eq .filter-tabs button{padding:9px 8px 12px;font-size:13px;flex:1;background:none;color:var(--muted);position:relative}
.eq .filter-tabs button.active{color:var(--ice)}
.eq .filter-tabs button.active:after{content:'';height:2px;background:var(--ice);position:absolute;bottom:-1px;left:10px;right:10px}
.eq .category-select{display:flex;align-items:center;gap:8px;margin-bottom:18px}
.eq .category-select>span{font-size:12px;color:var(--muted)}
.eq .category-select select{width:100%;min-width:0;padding:6px;background:#0b2849;color:#e6f3ff;border:1px solid var(--line);border-radius:3px;font-size:13px}
.eq .product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:auto;align-content:start;flex:1;padding:2px 2px 14px;scrollbar-width:thin;scrollbar-color:#355472 transparent}
.eq .product-card{position:relative;background:#102b4c;border:1px solid #2b4767;min-width:0;border-radius:3px;display:flex;flex-direction:column;transition:border-color .18s,background .18s}
.eq .product-card.selected{border-color:var(--ice);background:#193a5c;box-shadow:inset 0 0 20px #6fbeff0e}
.eq .product-card:hover{border-color:#7aa6c9}
.eq .product-equip{display:flex;flex-direction:column;padding:0;text-align:left;background:none;flex:1;width:100%}
.eq .product-art{height:92px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 70%,#30618e44,transparent 70%);width:100%;position:relative;color:#b8d4eb}
.eq .product-art>.icon{width:64px;height:64px;filter:drop-shadow(0 8px 7px #0009);stroke-width:1.5}
.eq .product-art:after{content:'';position:absolute;bottom:7px;height:1px;left:30%;right:30%;background:#80b4d13d}
.eq .product-name{font-size:12px;line-height:1.4;min-height:49px;padding:4px 10px 6px;width:100%}
.eq .product-brand{font-size:10px;color:var(--muted);margin-bottom:3px;display:block}
.eq .product-price{font-size:13px;padding:0 10px 10px;color:var(--ice)}
.eq .card-info{position:absolute;right:5px;top:5px;width:24px;height:24px;border:1px solid #547089;border-radius:50%;background:#07182bd9;font-size:12px;color:#bfd3e4}
.eq .equipped-check{position:absolute;left:6px;top:5px;color:var(--ice)}
.eq .equipped-check .icon{width:18px;height:18px}
.eq .inventory-hint{padding:12px 0;font-size:11px;color:#90aac2}
.eq .empty-search{grid-column:1/-1;color:var(--muted);padding:35px 5px}
.eq .character{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;background:radial-gradient(ellipse at 55% 36%,#205079 0,#0a294a 38%,#061a34 75%)}
.eq .character-head{position:absolute;left:25px;right:25px;top:23px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:10px;pointer-events:none}
.eq .character-head h2{font-size:17px;margin-top:5px}
.eq .gender-toggle{display:flex;border:1px solid #416283;border-radius:4px;pointer-events:auto;background:#091e36aa}
.eq .gender-toggle button{padding:7px 10px;font-size:12px;background:none;color:var(--muted)}
.eq .gender-toggle .active{background:#244966;color:white}
.eq .stage{flex:1;position:relative;min-height:520px;overflow:hidden;touch-action:none}
.eq .stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:1;cursor:grab}
.eq .stage canvas:active{cursor:grabbing}
.eq .stage-backdrop{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.eq .halo{position:absolute;width:65%;aspect-ratio:1;left:17.5%;top:17%;border:1px solid #65abe018;border-radius:50%;box-shadow:0 0 0 40px #5389c004,0 0 0 80px #5389c004}
.eq .halo:before,.eq .halo:after{content:'';position:absolute;left:50%;top:-25px;bottom:-25px;width:1px;background:linear-gradient(transparent,#88c4ed23,transparent)}
.eq .halo:after{transform:rotate(90deg)}
.eq .waterline{position:absolute;left:0;right:0;bottom:11%;height:1px;background:linear-gradient(90deg,transparent,#4b92ba38,transparent)}
.eq .gear-slots{position:absolute;z-index:3;top:25%;display:flex;flex-direction:column;gap:18px}
.eq .gear-slots.left{left:18px}
.eq .gear-slots.right{right:18px}
.eq .gear-slot{width:52px;height:56px;position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(140deg,#193c5bdd,#081f38dd);border:1px solid #477396;border-radius:5px;color:#c6e5fd;box-shadow:0 6px 18px #0003;transition:border-color .2s,background .2s}
.eq .gear-slot .icon{width:34px;height:34px;stroke-width:1.6}
.eq .gear-slot.active{border-color:#a6ddff;background:#28567acc;box-shadow:0 0 20px #65b7ef29}
.eq .gear-slot.empty{border-style:dashed;color:#7091ab}
.eq .gear-slot.equipped:after{content:'';position:absolute;bottom:4px;right:5px;background:#8ccbff;width:3px;height:3px;border-radius:50%}
.eq .gear-slot span{pointer-events:none;position:absolute;white-space:nowrap;background:#06172df5;border:1px solid #476682;border-radius:3px;padding:4px 7px;font-size:11px;opacity:0;transition:opacity .2s}
.eq .left .gear-slot span{left:61px}
.eq .right .gear-slot span{right:61px}
.eq .gear-slot:hover span,.eq .gear-slot:focus-visible span{opacity:1}
.eq .camera-tools{position:absolute;z-index:3;bottom:51px;left:50%;transform:translateX(-50%);display:flex;background:#06182dcc;border:1px solid #2f5373;border-radius:5px;white-space:nowrap}
.eq .camera-tools button{background:none;color:#c1daef;font-size:12px;padding:7px 11px}
.eq .camera-tools button+button{border-left:1px solid #2f5373}
.eq .camera-tools button:hover{background:#214764}
.eq .rotate-hint{position:absolute;z-index:2;bottom:23px;left:0;right:0;text-align:center;font-size:11px;color:#89aac5;pointer-events:none}
.eq .presets{border-top:1px solid #2e4969;background:#071b32c9;padding:17px 20px 20px;z-index:4}
.eq .presets>div{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:11px}
.eq .presets button{text-align:left;background:#102c49;border:1px solid #335676;border-radius:3px;padding:9px 8px;min-width:0}
.eq .presets button span{display:block;font-size:11px;color:#d8ebfa;line-height:1.3}
.eq .presets button small{display:block;font-size:10px;margin-top:5px;color:#91afc9}
.eq .presets button.active{border-color:var(--ice);background:#224a6b}
.eq .kit{padding:24px 20px 0;border-left:1px solid var(--line)}
.eq .kit-scroll{flex:1;overflow:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#355472 transparent;padding-right:3px}
.eq .kit-item{display:grid;grid-template-columns:36px 1fr 20px;gap:8px;align-items:start;padding:12px 0;border-bottom:1px solid #25415b}
.eq .kit-item>.icon{width:31px;height:31px;color:#a2c2da;margin-top:5px}
.eq .kit-item-name{display:block;text-align:left;background:none;font-size:12px;line-height:1.45;padding:0}
.eq .kit-category{font-size:10px;color:#91aac1;display:block;margin-bottom:3px}
.eq .kit-item-price{color:#a2cff0;font-size:11px;margin-top:3px}
.eq .remove-item{background:none;color:#8ca5bc;font-size:17px;padding:0;line-height:20px}
.eq .kit-item-options{display:flex;gap:8px;align-items:center;margin-top:8px;font-size:11px}
.eq .kit-item-options select{background:#0b2948;border:1px solid #3e5f7a;border-radius:3px;max-width:85px;padding:2px}
.eq .qty{display:flex;border:1px solid #345572;border-radius:3px;align-items:center}
.eq .qty button{background:none;padding:1px 7px;font-size:14px}
.eq .qty span{min-width:20px;text-align:center}
.eq .kit-total{padding:18px 0 20px;border-top:1px solid #41617f}
.eq .kit-total>span:first-child{font-size:12px;color:#a9c2d5}
.eq .kit-total strong{display:block;font:500 22px/1.4 Unbounded,sans-serif;color:white;margin:7px 0;overflow-wrap:anywhere}
.eq .kit-total #unpriced{font-size:12px;color:var(--gold)}
.eq .price-note{font-size:10px;color:#9bb4c9;line-height:1.5;margin:10px 0 15px}
.eq .primary{display:block;background:var(--red);padding:13px 20px;border:1px solid #ef4062;border-radius:4px;font-size:14px;font-weight:600;text-align:center;color:white;box-shadow:0 4px 16px #b0002526}
.eq .primary:hover{background:#ed1b48}
.eq .kit-total>.primary{width:100%}
.eq .kit-secondary{display:flex;justify-content:space-between;margin-top:13px;gap:10px}
.eq .text-button{color:#aac8df;background:none;padding:0;font-size:11px;text-decoration:underline;text-underline-offset:3px}
.eq .fit-info{font-size:11px;color:#9db7cc;margin:18px 0}
.eq .fit-info summary{cursor:pointer;color:#b4d6ed}
.eq .fit-info p{margin-top:8px}
.eq .fit-notes:empty{display:none}
.eq .fit-notes{font-size:11px;color:#d5c397;margin:15px 0;padding-left:10px;border-left:2px solid #967f4f}
.eq .fit-notes p+p{margin-top:8px}
.eq .loading{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#08213bcc;color:#abc9de;font-size:13px;pointer-events:none}
.eq .loading-ring{width:46px;height:46px;border:1px solid #3c6789;border-top-color:#a4d8ff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}
.eq .loading.hidden{display:none}
.eq .drop-hint{display:none;position:absolute;inset:18px;z-index:6;pointer-events:none;background:#2f83c33b;border:2px dashed #a2d7ff;border-radius:10px;align-items:center;justify-content:center;color:white;font:20px Unbounded,sans-serif}
.eq .stage.dragover .drop-hint{display:flex}
.eq dialog{color:var(--white);background:linear-gradient(135deg,#123453,#071c37);border:1px solid #4a6d8b;border-radius:8px;padding:30px;width:440px;max-width:calc(100% - 30px);box-shadow:0 20px 100px #000a;max-height:90dvh;overflow:auto}
.eq dialog::backdrop{background:#010b1ccc;backdrop-filter:blur(7px)}
.eq .dialog-close{position:absolute;right:12px;top:8px;background:none;font-size:28px;color:#bad7ed}
.eq .detail-art{height:140px;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse,#27639955,transparent 65%);color:#bad8ee}
.eq .detail-art .icon{width:105px;height:105px;stroke-width:1.4}
.eq .item-dialog h2{font-size:21px;line-height:1.4;margin:10px 0}
.eq .detail-description{color:#bad0df;font-size:14px;line-height:1.65}
.eq .detail-price{font:500 25px Unbounded,sans-serif;margin:22px 0 9px}
.eq .detail-meta{font-size:12px;color:#a8c4da;margin:10px 0 18px}
.eq .detail-features{padding-left:18px;color:#bcd2e3;font-size:13px}
.eq .detail-features li{margin:5px 0}
.eq .item-dialog .primary{width:100%;margin-top:22px}
.eq .source-link{color:#9cd0f5;text-underline-offset:3px}
.eq .export-dialog h2{font-size:22px;margin:10px 0 15px}
.eq .export-dialog p{font-size:13px;color:#acc4d9;margin-bottom:20px}
.eq .export-dialog button.primary,.eq .secondary{width:100%;margin-top:10px}
.eq .secondary{background:#244c6c;padding:12px;border-radius:4px;border:1px solid #547995;font-size:14px}
.eq .import-label{display:block;font-size:12px;margin:24px 0 18px;color:var(--ice)}
.eq .import-label input{display:block;margin-top:8px;width:100%;font-size:11px}
.eq #toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);background:#d5ecfd;color:#092440;border-radius:5px;padding:12px 20px;z-index:100;box-shadow:0 6px 25px #0007;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:calc(100vw - 32px);font-size:13px}
.eq #toast.visible{opacity:1;transform:translate(-50%,0)}
.eq .mobile-kit,.eq .mobile-total{display:none}
.eq .fallback{position:absolute;inset:24% 15% 18%;z-index:4;display:flex;align-items:center;justify-content:center;text-align:center;color:#b8d4e7;font-size:15px;line-height:1.8;padding:25px}
.eq .fallback p{max-width:340px}
@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1600px){.eq .workbench{grid-template-columns:340px minmax(390px,1fr) 350px}
.eq .inventory{padding-left:24px;padding-right:24px}
.eq .product-art{height:118px}
.eq .product-name{font-size:13px}
.eq .product-price{font-size:14px}
.eq .gear-slots.left{left:28px}
.eq .gear-slots.right{right:28px}
.eq .gear-slot{width:62px;height:66px}
.eq .gear-slot .icon{width:42px;height:42px}
.eq .gear-slots{gap:24px}
.eq .presets button span{font-size:13px}
.eq .presets button small{font-size:11px}
.eq .kit-item-name{font-size:13px}
.eq .kit-item{padding:15px 0}}
@media(max-width:1190px){.eq .workbench{grid-template-columns:260px minmax(340px,1fr) 285px}
.eq .character-head{left:17px;right:17px;align-items:flex-start;flex-direction:column;gap:10px}
.eq .character-head h2{font-size:15px}
.eq .gear-slots.left{left:10px}
.eq .gear-slots.right{right:10px}
.eq .gear-slot{width:44px;height:49px}
.eq .gear-slot .icon{width:29px;height:29px}
.eq .presets{padding:15px 10px}
.eq .presets>div{grid-template-columns:repeat(3,1fr)}
.eq .presets button span{font-size:10px}
.eq .presets button small{font-size:9px}
.eq .kit{padding-left:15px;padding-right:15px}
.eq .kit-total strong{font-size:19px}
.eq .inventory{padding-left:12px;padding-right:12px}
.eq .filter-tabs button{font-size:12px;padding-left:3px;padding-right:3px}}
@media(max-width:950px){.eq .workbench{grid-template-columns:270px minmax(350px,1fr);min-height:740px}
.eq .kit{display:none;position:fixed;top:0;right:0;bottom:0;width:min(380px,100%);z-index:60;box-shadow:-20px 0 70px #000b}
.eq .kit.open{display:flex}
.eq .mobile-kit{display:block;background:#173b5b;border-radius:4px;padding:8px 12px}
.eq .mobile-total{position:fixed;bottom:0;left:0;right:0;z-index:12;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:10px 20px;background:#071b34f5;border-top:1px solid #46708f}
.eq .mobile-total>button:first-child{background:none;text-align:left;padding:0;min-width:0}
.eq .mobile-total span{display:block;font-size:10px;color:#9fbed5}
.eq .mobile-total strong{font-size:15px}
.eq .mobile-total .primary{padding:9px 25px}
.eq .workbench{height:calc(100dvh - var(--bar-h) - var(--app-head-h) - 62px)}
.eq .presets>div{grid-template-columns:repeat(5,1fr)}
.eq .presets button small{display:none}
.eq .character-head{flex-direction:row}
.eq #toast{bottom:80px}}
@media(max-width:640px){.eq .quiet{padding:8px;font-size:0}
.eq .quiet .icon{width:21px;height:21px}
.eq .workbench{display:flex;flex-direction:column;height:auto;min-height:0;padding-bottom:75px}
.eq .character{order:0;height:620px;flex:none}
.eq .inventory{order:1;padding:22px 18px 0;border-top:1px solid var(--line);border-right:0;overflow:visible}
.eq .inventory .panel-head{margin-bottom:16px}
.eq .stage{min-height:0}
.eq .character-head{top:18px;left:18px;right:18px}
.eq .character-head h2{font-size:14px;max-width:160px}
.eq .gender-toggle button{padding:6px 8px;font-size:11px}
.eq .small-label{font-size:11px}
.eq .gear-slots{top:26%;gap:16px}
.eq .gear-slots.left{left:14px}
.eq .gear-slots.right{right:14px}
.eq .gear-slot{width:44px;height:47px}
.eq .gear-slot .icon{width:28px;height:28px}
.eq .camera-tools{bottom:39px}
.eq .camera-tools button{padding:7px 10px}
.eq .rotate-hint{bottom:14px;font-size:10px}
.eq .presets{padding:13px 14px 15px}
.eq .presets>div{display:flex;overflow:auto;scrollbar-width:none;gap:7px}
.eq .presets button{min-width:105px;flex:1;padding:9px}
.eq .presets button span{font-size:11px;white-space:nowrap}
.eq .presets button small{display:block;font-size:9px}
.eq .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:9px;min-height:170px}
.eq .product-art{height:85px}
.eq .product-art>.icon{width:54px;height:54px}
.eq .product-name{font-size:11px;padding:4px 8px;min-height:55px}
.eq .product-price{font-size:11px;padding:7px 8px}
.eq .product-brand{font-size:9px}
.eq .filter-tabs button{font-size:14px}
.eq .category-select{gap:18px}
.eq .category-select select{font-size:14px;padding:8px}
.eq .inventory-hint{font-size:11px;padding:15px 0 22px}
.eq .kit{padding-top:20px}
.eq .kit .panel-head{margin-bottom:10px}
.eq .kit-item-name{font-size:13px}
.eq .mobile-total strong{font-size:14px}
.eq .kit-total{padding-bottom:18px}
.eq .mobile-total{padding:10px 16px}
.eq .kit-total .primary{font-size:15px}
.eq .kit-secondary .text-button{font-size:12px}
.eq .detail-price{font-size:22px}
.eq dialog{padding:25px}}
@media(prefers-reduced-motion:reduce){.eq *,.eq *:before,.eq *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.eq{background:white;color:#111}
.eq .inventory,.eq .character,.eq .kit-total button,.eq .mobile-total,.eq .remove-item,.eq .kit-item-options,.eq dialog,.eq #toast,.eq .fit-info,.eq .kit-secondary{display:none!important}
.eq .workbench{display:block;height:auto;min-height:0}
.eq .kit{display:block!important;position:static;width:100%;background:white;border:0;overflow:visible;padding:0}
.eq .kit-scroll{overflow:visible}
.eq .kit-item{break-inside:avoid;border-color:#ddd}
.eq .kit-item-name,.eq .kit-item-price,.eq .kit-category,.eq .kit-total strong,.eq .kit-total>span,.eq .price-note,.eq .fit-notes{color:#222}
.eq .kit-item{grid-template-columns:36px 1fr}
.eq .kit-total{break-inside:avoid}
.eq .panel-head h2:before{content:'DIVEBANDA — '}
.eq .kit-item-name{font-size:13px}}
.eq .product-art img{width:100%;height:112%;object-fit:contain;filter:drop-shadow(0 6px 6px #0008);pointer-events:none}
.eq .detail-art img{width:180px;height:180px;object-fit:contain;filter:drop-shadow(0 12px 15px #0008)}
.eq .variant-picker{margin:15px 0}
.eq .variant-picker>div{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}
.eq .variant-picker button{display:flex;align-items:center;gap:7px;background:#102a45;border:1px solid #52718a;border-radius:4px;padding:7px 9px;font-size:11px}
.eq .variant-picker button.active{border-color:#b6e0ff;background:#234864}
.eq .variant-picker i{width:15px;height:15px;background:var(--swatch);border:1px solid #a8c4d5;border-radius:50%;flex:none}
.eq .variant-picker small{display:block;color:#a1b9cb;font-size:10px;margin-top:10px}
.eq .kit-variant{display:block;font-size:10px;color:#b8d0e2;margin-top:4px}
.eq .print-meta{display:none}
@media print{.eq .print-meta{display:block;font-size:11px;color:#333}
.eq .kit-variant{color:#333}}
.eq .color-options{background:#1b405d;text-align:left;color:#b9dafa;font-size:10px;padding:6px 10px;border-top:1px solid #395a75}
.eq .photo-credit{font-size:11px;display:inline-block;margin:8px 0;color:#9cbdd6}
.eq .product-art .supplier-photo{height:96%;width:92%;object-fit:contain;filter:none}
.eq .detail-art:has(.supplier-photo){height:240px;margin-bottom:15px}
.eq .detail-art .supplier-photo{width:100%;height:240px;object-fit:contain;filter:none}
.eq .price-estimate{display:block;color:var(--muted);font-size:9px;margin-top:3px}
.eq .detail-price-note{font-size:12px;color:var(--muted);margin-top:10px}
.eq .camera-tools{max-width:94%;flex-wrap:wrap;justify-content:center;row-gap:4px}
.eq .camera-tools button{font-size:10px;padding:7px 8px}
.eq .product-model{height:390px;background:radial-gradient(ellipse,#29445a,#091a2b);margin:16px 0;border:1px solid var(--line);border-radius:4px;overflow:hidden;touch-action:none}
.eq .product-model canvas{width:100%;height:100%;display:block}
.eq .product-model[hidden]{display:none}
.eq #inspect-product{margin:14px 0 3px;width:100%}
.eq .camera-tools button.active{background:#2a5575;color:#fff;border-color:#8ccbff}
.eq /* Inventory groups reveal their whole collection before an optional filter. */
.inventory .filter-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;border:0;margin:16px 0 12px;flex:none}
.eq .inventory .filter-tabs button{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding:9px 10px;text-align:left;background:#102d4b;border:1px solid #345674;border-radius:4px;font-size:12px;line-height:1.3;color:#b9d2e5}
.eq .inventory .filter-tabs button:hover{border-color:#7fb7dc;background:#183b5c}
.eq .inventory .filter-tabs button.active{border-color:var(--ice);background:#234b6b;color:#fff}
.eq .inventory .filter-tabs button.active:after{display:none}
.eq .group-count{font-size:10px;color:#9cb9d0;min-width:17px;text-align:right;font-variant-numeric:tabular-nums}
.eq .filter-tabs button.active .group-count{color:#d5efff}
.eq .inventory .category-select{margin-bottom:8px;gap:9px;flex:none}
.eq .category-select select:disabled{opacity:.5}
.eq .results-context{font-size:11px;line-height:1.4;color:#9cb9d0;margin:0 0 11px;flex:none}
.eq .built-in-note{display:block;margin-top:auto;padding:7px 9px;background:#173b51;border-top:1px solid #42627a;color:#c6e6f7;font-size:10px;line-height:1.4}
.eq .product-card.built-in .product-equip{cursor:default;opacity:.68}
.eq #detail-equip:disabled{background:#24445b;border-color:#4c6c85;color:#c6e2f4;cursor:default;box-shadow:none}
@media(max-width:640px){.eq .inventory .filter-tabs{gap:8px;margin-top:16px}
.eq .inventory .filter-tabs button{font-size:14px;padding:11px 12px}
.eq .group-count{font-size:12px}
.eq .results-context{font-size:12px}
.eq .inventory .category-select{gap:12px}}
.eq /* Camera controls occupy their own row; the complete canvas remains unobstructed. */
.model-controls{position:relative;flex:none;display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 10px 9px;background:#071b32;border-top:1px solid #294763;z-index:3}
.eq .model-controls .camera-tools{position:static;transform:none;max-width:100%;flex-wrap:wrap;row-gap:0}
.eq .model-controls .rotate-hint{position:static;display:block;font-size:10px}
.eq .presets{padding-top:10px;padding-bottom:12px}
.eq .presets>div{margin-top:0}
.eq .stage{min-height:400px}
.eq .loading{background:#08213b99;backdrop-filter:blur(2px)}
@media(max-width:640px){.eq .stage{min-height:0}
.eq .model-controls{padding:7px 8px}
.eq .model-controls .camera-tools button{padding:7px 8px}
.eq .presets{padding:10px 14px 12px}}
.eq .clothing-steps,.eq .warmth-filters{display:flex;flex-wrap:wrap;gap:5px;margin:3px 0 11px;flex:none}
.eq .clothing-steps button,.eq .warmth-filters button,.eq .layer-controls button{padding:6px 8px;border:1px solid #355b77;border-radius:4px;background:#102c47;color:#b7d4e8;font-size:11px;line-height:1.3}
.eq .clothing-steps button.active,.eq .warmth-filters button.active,.eq .layer-controls button.active{background:#255779;border-color:#85d1ff;color:#fff}
.eq .clothing-steps button{flex:1 0 44%;text-align:left}
.eq .warmth-filters button{font-size:10px}
.eq .layer-controls{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap}
.eq .layer-controls>span{font-size:10px;color:#a7c6da;margin-right:4px}
.eq .layer-controls button:disabled{opacity:.35}
.eq .layer-controls[hidden],.eq .clothing-steps[hidden],.eq .warmth-filters[hidden]{display:none}
.eq .inventory .filter-tabs button:last-child:nth-child(odd){grid-column:1/-1}
@media(max-width:640px){.eq .layer-controls button{padding:8px;font-size:11px}
.eq .clothing-steps button{font-size:12px;padding:9px}
.eq .warmth-filters button{font-size:11px}}
@media print{.eq .clothing-steps,.eq .warmth-filters,.eq .layer-controls{display:none}}
.eq /* Start over is visible beside the figure and retains the selected level. */
.character-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:auto}
.eq .restart-kit{min-height:36px;padding:7px 12px;border:1px solid #527da1;border-radius:4px;background:#0b2948;color:#e5f3ff;font-size:12px;line-height:1.3}
.eq .restart-kit:hover{background:#214d70;border-color:#8ccbff}
@media(max-width:1190px) and (min-width:951px){.eq .character-head{flex-direction:row}
.eq .character-head h2{max-width:145px}
.eq .character-actions{flex-shrink:0}}
@media(max-width:640px){.eq .character-actions{gap:6px}
.eq .restart-kit{min-height:36px;font-size:11px;padding:7px 10px}}

/* Строка «Экипировка дайвера» над конфигуратором: кнопки в стиле сайта */
.app-head .btn svg{fill:none;width:18px;height:18px}
.app-head .mobile-kit{display:none}
@media(max-width:950px){.app-head .mobile-kit{display:inline-flex}.eq-page .footer{padding-bottom:110px}}
@media(max-width:640px){.app-head .mobile-kit{display:none}.app-head .btn-sm{padding:0 12px}.app-head .btn-sm span{display:none}}
@media print{.bar,.app-head,.footer,.skip{display:none!important}body{background:#fff!important}}

/* tech.divebanda.ru: «Отправить инструктору» и ссылка на ребризер в 3D */
.eq a.primary.send-kit{text-decoration:none}
.eq .kit-total>.send-kit+.secondary{margin-top:8px}
.eq .kit-3d{display:inline-block;margin-top:4px;font-size:12px;color:#8ccbff;text-underline-offset:3px}
.eq .kit-3d:hover{color:#fff}
/* Длинный заголовок «Конфигуратор снаряжения» на телефоне переносится, кнопки остаются в экране */
@media(max-width:640px){.app-head h1{white-space:normal;font-size:16px;line-height:1.25;min-width:0}.app-head-in{gap:8px 12px}}
/* tech.divebanda.ru: баллоны и грузы по умолчанию не в сумме (просьба владельца 04.11.2026) */
.eq .kit-total .tanks-note{display:block;margin-top:4px;font-size:12px;line-height:1.35;color:#9fb6cc}
.eq .kit-total .tanks-note[hidden],.eq .kit-total .own-tanks[hidden]{display:none}
.eq .kit-total .own-tanks{display:flex;align-items:center;gap:8px;margin:8px 0 2px;font-size:13px;color:#d6e4f0;cursor:pointer}
.eq .kit-total .own-tanks input{width:16px;height:16px;accent-color:#e3173f;margin:0}