/* ============================================================
   BREAKPOINT SYSTEM (единый контракт с JS isMobileView())
   <=768px  мобилка (таб-бар, bottom-sheet)
   769-1024 планшет (auto-fill сетка)
   >=1800   FHD / >=2200 2K / >=3000 Ultrawide
   + pointer:coarse (перф/тач)
   ============================================================ */
    @font-face{font-family:'Saira Stencil One';src:url('/font-saira') format('truetype');font-weight:400;font-style:normal;font-display:swap}
    @font-face{font-family:'TT Rounds Neue';src:url('/font-ttrounds') format('truetype');font-weight:700;font-style:normal;font-display:swap}
    @font-face{font-family:'GI Stencil-Condensed Italic';src:url('/font-gi-stencil') format('truetype');font-weight:400;font-style:normal;font-display:block}
    @font-face{font-family:'Onest';src:url('/font-onest-400') format('truetype');font-weight:400;font-style:normal;font-display:swap}
    @font-face{font-family:'Onest';src:url('/font-onest-500') format('truetype');font-weight:500;font-style:normal;font-display:swap}
    @font-face{font-family:'Onest';src:url('/font-onest-600') format('truetype');font-weight:600;font-style:normal;font-display:swap}
    @font-face{font-family:'Onest';src:url('/font-onest-700') format('truetype');font-weight:700;font-style:normal;font-display:swap}
    @font-face{font-family:'JetBrains Mono';src:url('/font-jetbrains-400') format('truetype');font-weight:400;font-style:normal;font-display:swap}
    @font-face{font-family:'JetBrains Mono';src:url('/font-jetbrains-500') format('truetype');font-weight:500;font-style:normal;font-display:swap}
    @font-face{font-family:'JetBrains Mono';src:url('/font-jetbrains-700') format('truetype');font-weight:700;font-style:normal;font-display:swap}
    @font-face{font-family:'Inter';src:url('/font-inter-400') format('truetype');font-weight:400;font-style:normal;font-display:swap}
    @font-face{font-family:'Black Ops One';src:url('/font-blackops') format('truetype');font-weight:400;font-style:normal;font-display:swap}
    @font-face{font-family:'Unbounded';src:url('/font-unbounded-400') format('truetype');font-weight:400;font-style:normal;font-display:swap}
    @font-face{font-family:'Cattedrale';src:url('/font-cattedrale') format('truetype');font-weight:400;font-style:normal;font-display:swap}
    @font-face{font-family:'Manrope';src:url('/font-manrope') format('truetype');font-weight:400;font-style:normal;font-display:swap}
    .si-wrap{position:fixed;pointer-events:none;z-index:0;opacity:0.85}
    .si-float{width:80px;height:80px;background:url(/si-bg) center/contain no-repeat;transition:transform 0.6s cubic-bezier(.25,.8,.25,1),opacity 0.6s ease}
    .si-float.si-toro{background-image:url(/toro-logo);opacity:0.85;filter:brightness(1.3) contrast(1.2);width:140px;height:140px}
    .si-float.si-red{background-image:url(/si-bg);opacity:0.55;filter:brightness(0) invert(0.85)}
    .corrida-group{position:fixed;pointer-events:none;z-index:0}
    @keyframes idleDrift{0%,100%{transform:translate(0,0) rotate(0deg)}25%{transform:translate(5px,-8px) rotate(1.5deg)}50%{transform:translate(-4px,6px) rotate(-1deg)}75%{transform:translate(-6px,-3px) rotate(1deg)}}
    @keyframes bullCharge{0%{transform:scale(1) rotate(0deg) translate(0,0)}10%{transform:scale(1.05) rotate(-4deg) translate(-15px,-5px)}25%{transform:scale(1.15) rotate(6deg) translate(60px,10px)}40%{transform:scale(1.1) rotate(-3deg) translate(40px,-5px)}55%{transform:scale(1) rotate(2deg) translate(10px,3px)}75%{transform:scale(0.97) rotate(0deg) translate(-5px,0)}100%{transform:scale(1) rotate(0deg) translate(0,0)}}
    @keyframes bullChargeLeft{0%{transform:scale(1) rotate(0deg) translate(0,0)}10%{transform:scale(1.05) rotate(4deg) translate(15px,-5px)}25%{transform:scale(1.15) rotate(-6deg) translate(-60px,10px)}40%{transform:scale(1.1) rotate(3deg) translate(-40px,-5px)}55%{transform:scale(1) rotate(-2deg) translate(-10px,3px)}75%{transform:scale(0.97) rotate(0deg) translate(5px,0)}100%{transform:scale(1) rotate(0deg) translate(0,0)}}
    @keyframes siScatter{0%{transform:translate(0,0) scale(1) rotate(0deg)}20%{transform:translate(var(--dx),var(--dy)) scale(0.85) rotate(var(--rot))}50%{transform:translate(calc(var(--dx)*0.5),calc(var(--dy)*0.5)) scale(0.95) rotate(calc(var(--rot)*0.5))}100%{transform:translate(0,0) scale(1) rotate(0deg)}}

        :root {
            --tg-safe-top: env(safe-area-inset-top, 0px);
            --tg-safe-area-inset-top: env(safe-area-inset-top, 0px);
            --tg-safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);
            --mnav-h: 48px;
            --mnav-gap: 8px;
            --bg: #1B4F4D;
            --bg-dark: #143D3B;
            --bg-deeper: #0F302E;
            --accent: #B93A2D;
            --accent-hover: #D44536;
            --accent-glow: rgba(185,58,45,0.3);
            --gold: #D1AF54;
            --gold-dim: rgba(209,175,84,0.15);
            --gold-glow: rgba(209,175,84,0.2);
            --capote: #8B1A4A;
            --sand: #C8B596;
            --sand-dim: rgba(200,181,150,0.12);
            --text: #F8F0E8;
            --text-dim: rgba(248,240,232,0.6);
            --text-muted: rgba(248,240,232,0.4);
            --surface: rgba(255,255,255,0.04);
            --surface-hover: rgba(255,255,255,0.07);
            --glass: rgba(15,48,46,0.65);
            --glass-border: rgba(209,175,84,0.1);
            --glass-hover: rgba(209,175,84,0.15);
            --radius: 6px;
            --radius-lg: 4px;
            --font: 'Manrope', 'Unbounded', 'Onest', -apple-system, BlinkMacSystemFont, sans-serif;
            --font-heading: 'Saira Stencil One', 'GI Stencil-Condensed Italic', Impact, 'Arial Black', sans-serif;
            --font-mono: 'JetBrains Mono', 'Courier New', monospace;
        }
        *{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
        :focus-visible{outline:2px solid var(--gold);outline-offset:2px}
        
*{scrollbar-width:thin;scrollbar-color:var(--accent) #1B4F4D}
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:#1B4F4D}
::-webkit-scrollbar-thumb{background:var(--accent);border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:#D44536}

        

        html{scrollbar-gutter:stable;scroll-behavior:smooth}
        body{font-family:var(--font);color:var(--text);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;background-color:var(--bg-dark);background:var(--bg-dark);scrollbar-width:thin;scrollbar-color:rgba(209,175,84,0.15) transparent;padding-top:0;animation:fadeIn .35s ease;max-width:100vw}
        @keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
        body::-webkit-scrollbar{width:4px}
        bodyhtml::-webkit-scrollbar-track,body::-webkit-scrollbar-track{background:transparent}
        body::-webkit-scrollbar-thumb{background:rgba(209,175,84,0.15);border-radius:2px}
        
        
        /* ===== NAVBAR ===== */
        .navbar::after{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(185,58,45,0.08) 30%,rgba(185,58,45,0.14) 50%,rgba(185,58,45,0.08) 70%,transparent);pointer-events:none;z-index:-1}
        .navbar{position:sticky;top:calc(12px + var(--tg-safe-area-inset-top, var(--tg-safe-top, 0px)));z-index:200;margin:12px 20px 0;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:76px;background:rgba(25,55,53,0.55);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1.5px solid var(--sand);box-shadow:0 8px 32px rgba(0,0,0,0.3);clip-path:polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 0 100%);overflow:hidden}
        .nav-logo{display:flex;align-items:center;gap:0;text-decoration:none;margin-left:-8px}
        .nav-logo-img{display:none}
        .nav-logo-text{font-size:26px;font-weight:400;letter-spacing:3px;color:var(--accent);font-family:'TT Rounds Neue','Cattedrale','Black Ops One',var(--font-heading);animation:logoGlow 4s ease-in-out infinite}
@keyframes logoGlow{0%,100%{text-shadow:0 0 0 transparent}50%{text-shadow:0 0 14px rgba(209,175,84,0.6),0 0 30px rgba(209,175,84,0.25),0 0 50px rgba(209,175,84,0.1)}}
        .nav-mb-left,.nav-mb-right{display:none}
        .nav-links{display:flex;gap:32px;list-style:none}
        .nav-links a{color:var(--text-dim);text-decoration:none;font-size:12px;font-weight:500;letter-spacing:2px;text-transform:uppercase;padding:7px 14px;transition:all .2s;font-family:var(--font-mono);border:1px solid transparent;clip-path:polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 0 100%)}
        .nav-links a:hover,.nav-links a.active{color:var(--text);background:rgba(10,10,8,0.4);border:1px solid rgba(242,227,213,0.1);border-bottom:1px solid rgba(242,227,213,0.25);clip-path:polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 0 100%)}
        .nav-actions{display:flex;gap:12px;align-items:center}
        .nav-actions a{color:var(--text-dim);text-decoration:none;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;transition:color .2s}
        .nav-actions a:hover{color:var(--gold)}
        .nav-promo-wrap{position:relative;display:inline-flex;flex-direction:column;align-items:center}
        .nav-promo{padding:7px 18px;background:rgba(10,10,8,0.75);color:var(--gold);border:1px solid rgba(209,175,84,0.15);border-bottom:1px solid rgba(209,175,84,0.35);clip-path:polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 0 100%);font-size:11px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;font-family:var(--font-mono);white-space:nowrap;animation:none}
        .nav-promo:hover{background:rgba(10,10,8,0.9);border-color:var(--gold)}
        .nav-promo-hint{position:absolute;top:100%;left:50%;transform:translateX(-50%);font-size:12px;color:var(--gold);letter-spacing:1px;text-align:center;line-height:1;margin-top:5px;font-weight:500;white-space:nowrap;background:rgba(10,10,8,0.6);padding:3px 8px;border:1px solid rgba(209,175,84,0.1);clip-path:polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 0 100%)}
        .mobile-promo{display:none}
        .nav-cta{padding:8px 20px;background:var(--accent);color:#fff;border:1px solid rgba(185,58,45,0.3);border-bottom:1px solid rgba(255,100,80,0.5);clip-path:polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 0 100%);font-size:11px;font-weight:500;letter-spacing:2px;text-transform:uppercase;text-decoration:none;transition:all .2s;font-family:var(--font-mono)}
        .nav-cta:hover{background:var(--accent-hover);border-color:rgba(255,255,255,0.3)}
        .nav-mobile-btns{display:none}

        /* ===== HERO ===== */
        .hero{position:relative;padding:100px 32px 80px;text-align:center;overflow:hidden}
        .hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(209,175,84,0.06) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(185,58,45,0.04) 0%,transparent 40%);pointer-events:none}
        .hero-compass{position:absolute;opacity:0.04}
        .hero-compass.tl{top:40px;left:40px;width:200px;height:200px}
        .hero-compass.br{bottom:40px;right:40px;width:160px;height:160px}
        .hero-geo{position:absolute;inset:0;pointer-events:none;opacity:0.03}
        .hero-logo{margin-bottom:24px}
        .hero-logo svg{width:80px;height:80px}
        .hero h1{font-size:64px;font-weight:900;letter-spacing:12px;color:var(--accent);line-height:1;margin-bottom:4px;animation:heroGlow 5s ease-in-out infinite}
@keyframes heroGlow{0%,100%{opacity:.88}50%{opacity:1}}
        .hero h1 span{display:block;font-size:16px;font-weight:400;letter-spacing:8px;color:var(--text);margin-top:8px}
        .hero p{color:var(--text-dim);font-size:14px;letter-spacing:2px;margin-top:16px;text-transform:uppercase}
        .hero-cta{display:inline-block;margin-top:32px;padding:14px 40px;background:var(--accent);color:#fff;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;border-radius:var(--radius);transition:all .25s}
        .hero-cta:hover{background:var(--accent-hover);box-shadow:0 0 40px var(--accent-glow);transform:translateY(-2px)}
        .hero-cta svg{width:14px;height:14px;margin-left:8px;vertical-align:-2px}

        /* ===== PRODUCT SECTION ===== */
        .section{padding:60px 32px 80px;position:relative}
        .section-header{text-align:center;margin-bottom:32px}
        .section-header h2{font-size:13px;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:var(--text-dim);font-family:var(--font-mono)}
        .section-header .line{width:12px;height:12px;background:var(--gold);clip-path:polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);margin:16px auto 0;opacity:0.8;animation:linePulse 3s ease-in-out infinite}
@keyframes linePulse{0%,100%{box-shadow:0 0 0 transparent;opacity:.6}50%{box-shadow:0 0 12px var(--gold);opacity:1}}
        .section-count{font-size:11px;color:var(--text-muted);letter-spacing:2px;margin-top:8px;text-transform:uppercase;font-family:var(--font-mono)}
.section-count::before{content:'◆ ';color:var(--gold);font-size:6px;vertical-align:middle;margin-right:4px}
        .size-filter{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:12px 0 14px;position:sticky;top:calc(88px + var(--tg-safe-area-inset-top, var(--tg-safe-top, 0px)));z-index:199;margin:0 auto;padding-left:32px;padding-right:32px}
        .size-filter a{color:var(--text);text-decoration:none;font-size:11px;letter-spacing:0.5px;text-transform:uppercase;display:inline-block;padding:6px 14px;font-family:var(--font-mono);text-align:center;line-height:1.2;border:1px solid rgba(209,175,84,0.2);border-bottom:1px solid rgba(209,175,84,0.4);background:rgba(10,10,8,0.55);cursor:pointer;clip-path:polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 0 100%)}
        .size-filter a:hover{background:rgba(10,10,8,0.7)}
        .size-filter a.active{color:var(--gold);border-color:rgba(209,175,84,0.5);border-bottom-color:rgba(209,175,84,0.7);box-shadow:0 0 14px rgba(209,175,84,0.25)}
.fav-btn.active svg{animation:heartPulse .4s ease}
@keyframes heartPulse{0%{transform:scale(1)}50%{transform:scale(1.35)}100%{transform:scale(1)}}

        .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;max-width:1400px;margin:0 auto;animation:gridIn .6s ease-out}
@keyframes gridIn{0%{opacity:0;transform:translateY(12px)}100%{opacity:1;transform:translateY(0)}}
        
        /* ===== PRODUCT CARD ===== */
        .card{position:relative;cursor:pointer;text-decoration:none;color:inherit;display:flex;flex-direction:column;background:linear-gradient(145deg,rgba(25,55,53,0.7),rgba(18,42,40,0.8));border:1px solid rgba(200,181,150,0.1);overflow:hidden;transition:transform .3s cubic-bezier(0.22,1,0.36,1),border-color .3s ease,opacity .3s ease,filter .35s ease;box-shadow:0 2px 12px rgba(0,0,0,0.18),inset 0 1px 0 rgba(255,255,255,0.03);order:1;clip-path:polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 0 100%);contain:layout paint style}
        .card.hidden-card{opacity:.15;transform:scale(.9);filter:blur(4px);pointer-events:none;order:2}
.card:hover{transform:translateY(-3px);border-color:rgba(209,175,84,0.35)}
.card:hover .card-img{transform:scale(1)}
.card:hover .card-price-tag{background:rgba(10,10,8,0.8);color:var(--text)}
.card:active{transform:scale(.98)!important}
/* Лёгкие акценты TORO (только opacity/тень/цвет — без blur, сохраняя 60fps) */
.card::before{content:'';position:absolute;top:0;left:0;right:0;height:38%;z-index:2;background:linear-gradient(180deg,rgba(209,175,84,0.16),rgba(209,175,84,0.05) 55%,transparent);opacity:0;transition:opacity .35s ease;pointer-events:none}
.card:hover::before{opacity:1}
.card:hover{transform:translateY(-3px);border-color:rgba(209,175,84,0.4);box-shadow:0 16px 44px rgba(209,175,84,0.14),0 4px 24px rgba(0,0,0,0.32)}
.card:hover .card-price-tag{background:rgba(10,10,8,0.88);color:var(--gold);box-shadow:0 0 14px rgba(209,175,84,0.22)}
.card:hover .card-title{color:var(--gold)}
.nav-links a.active,.nav-links a:hover{box-shadow:0 0 12px rgba(209,175,84,0.15)}
.card:hover .card-title{color:var(--gold)}
.card:hover .meta-tag{border-color:rgba(209,175,84,0.15)}
.meta-tag.art{border-left:2px solid rgba(209,175,84,0.3);padding-left:8px}
.section-header h2::before{content:'◆ ';color:var(--gold);font-size:8px;vertical-align:middle;margin-right:6px}
.card-body{border-top:1px solid rgba(209,175,84,0.05)}
.modal-dots span.active{box-shadow:0 0 6px var(--gold)}
.card-price-tag{border-bottom:1px solid rgba(242,227,213,0.08)}
.footer a:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(209,175,84,0.4)}
.no-img::before{content:'◆';margin-right:6px;color:var(--gold);font-size:14px}
.toast{border-left:2px solid var(--gold)}
.fav-btn.active{filter:drop-shadow(0 0 6px rgba(231,76,60,0.4))}
.fav-btn.active svg{animation:heartPulse .4s ease}
@keyframes heartPulse{0%{transform:scale(1)}50%{transform:scale(1.35)}100%{transform:scale(1)}}
        .card:hover .card-arrow{opacity:1;transform:translateX(0)}

        .card-img-wrap{position:relative;margin:0;overflow:hidden;aspect-ratio:4/5;flex:0 0 auto;background:var(--bg-deeper);box-shadow:inset 0 2px 8px rgba(0,0,0,0.5),inset 0 -2px 4px rgba(255,255,255,0.02),0 1px 0 rgba(255,255,255,0.04),inset 0 0 0 6px var(--bg-deeper);display:flex;align-items:center;justify-content:center}
        .card-img{width:100%;height:100%;object-fit:contain;transition:transform .3s cubic-bezier(0.22,1,0.36,1);display:block;padding:0;box-sizing:border-box}
.card-img-wrap::before{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(110deg,rgba(255,255,255,0) 35%,rgba(255,255,255,0.06) 50%,rgba(255,255,255,0) 65%);background-size:200% 100%;animation:shimmer 8s linear infinite;pointer-events:none;opacity:0.7}
.card-img-wrap img{position:relative;z-index:1;transition:opacity .4s}
@keyframes shimmer{0%,100%{opacity:.45}50%{opacity:.75}}

        /* ===== SPOTLIGHT REVEAL ===== */
        .card-cover{position:absolute;inset:0;z-index:4;pointer-events:none;background:radial-gradient(circle 200px at var(--mx,50%) var(--my,50%),rgba(255,248,240,0.08) 0%,transparent 35%,rgba(209,175,84,0.12) 48%,rgba(15,48,46,0.45) 62%,rgba(15,48,46,0.75) 100%)}
        .card-cover::before{content:'';position:absolute;inset:0;background:rgba(15,48,46,0.75);transition:opacity .3s ease}
        .card-cover.active::before{opacity:0}

        /* ===== LIGHT SWITCH ===== */
        .light-switch{display:inline-flex;flex-direction:column;align-items:center;gap:1px;cursor:pointer;user-select:none;-webkit-user-select:none;font-family:var(--font-mono)}
        .light-switch-box{width:32px;height:46px;background:rgba(10,10,8,0.75);border:1.5px solid rgba(209,175,84,0.18);position:relative;transition:all .3s;box-shadow:inset 0 2px 5px rgba(0,0,0,0.5);clip-path:polygon(0 0, calc(100% - 7px) 0, 100% 7px, 100% 100%, 0 100%)}
        .light-switch.on .light-switch-box{border-color:rgba(209,175,84,0.45);box-shadow:inset 0 2px 5px rgba(0,0,0,0.5),0 0 14px rgba(209,175,84,0.12)}
        @keyframes pulseSwitch{0%,100%{box-shadow:inset 0 2px 5px rgba(0,0,0,0.5),0 0 6px rgba(209,175,84,0.06)}50%{box-shadow:inset 0 2px 5px rgba(0,0,0,0.5),0 0 18px rgba(209,175,84,0.2)}}
        .light-switch.on .light-switch-box{animation:pulseSwitch 2s ease-in-out infinite}
        .light-switch-lever{position:absolute;left:50%;transform:translateX(-50%);width:16px;height:16px;border-radius:2px;transition:top .25s ease;top:26px;background:linear-gradient(180deg,rgba(50,50,50,0.9),rgba(25,25,25,0.95));border:1px solid rgba(180,180,180,0.12);box-shadow:0 1px 0 rgba(255,255,255,0.05),0 2px 3px rgba(0,0,0,0.6)}
        .light-switch.on .light-switch-lever{top:4px;background:linear-gradient(180deg,rgba(209,175,84,0.55),rgba(170,140,50,0.75));border-color:rgba(209,175,84,0.4);box-shadow:0 1px 0 rgba(255,255,255,0.1),0 2px 4px rgba(0,0,0,0.5),0 0 10px rgba(209,175,84,0.2)}
        .light-switch-labels{font-size:9px;letter-spacing:0.5px;text-transform:uppercase;color:var(--text-dim);line-height:1;text-align:center;font-weight:500}
        #fsTogglePc{display:none}
        @media(max-width:768px){ #lightSwitch{display:none} .card-cover{display:none!important} }
        @media(min-width:769px){ #fsTogglePc{display:inline-flex} }
        .light-switch.on .light-switch-labels:first-child{color:var(--gold)}
        body.no-spotlight .card-cover,body.no-spotlight .card-cover::before{display:none}
        .card-price-tag{position:absolute;bottom:10px;left:14px;padding:5px 12px;background:rgba(10,10,8,0.85);border:1px solid rgba(242,227,213,0.08);font-size:14px;font-weight:500;color:var(--text);transition:all .3s ease;z-index:5;font-family:var(--font-mono);letter-spacing:1px;display:flex;align-items:baseline;gap:5px;flex-wrap:wrap}
        .card-price-tag .old-price,.old-price{text-decoration:line-through;font-size:12px;color:var(--text-dim);font-weight:400;letter-spacing:0}
        .discount-sticker{position:absolute;top:10px;right:48px;padding:3px 8px;background:#b91c1c;color:#fff;border-radius:6px;font-size:10px;font-weight:700;letter-spacing:0.5px;z-index:5;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%);font-family:var(--font-mono);line-height:1.3;text-align:center;animation:discountPulse 2s ease-in-out infinite}
        @keyframes discountPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
        @keyframes cardGlow{0%{border-color:rgba(200,181,150,0.1);box-shadow:0 4px 24px rgba(0,0,0,0.25)}50%{border-color:rgba(209,175,84,0.4);box-shadow:0 4px 28px rgba(0,0,0,0.25),0 0 20px rgba(209,175,84,0.1)}100%{border-color:rgba(200,181,150,0.1);box-shadow:0 4px 24px rgba(0,0,0,0.25)}}
        .card.seen{animation:cardGlow 1.2s ease-in-out}
        .discount-sticker .discount-timer{display:block;font-size:10px;font-weight:400;opacity:0.85;margin-top:-1px}
        .card-cond{position:absolute;top:10px;left:10px;padding:3px 8px;background:rgba(10,10,8,0.75);color:var(--text);border:1px solid rgba(242,227,213,0.15);border-right:1px solid rgba(242,227,213,0.3);clip-path:polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 0 100%);font-size:10px;font-weight:500;letter-spacing:2px;text-transform:uppercase;z-index:5;font-family:var(--font-mono);line-height:1}
        .card-arrow{position:absolute;bottom:14px;right:14px;width:32px;height:32px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;opacity:0;transform:translateX(-6px);transition:all .3s ease;z-index:2}
        .card-arrow svg{width:14px;height:14px}
.fav-btn{position:absolute;top:10px;right:8px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:rgba(10,10,8,0.6);border:1px solid rgba(242,227,213,0.12);border-right:1px solid rgba(242,227,213,0.25);clip-path:polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 0 100%);color:var(--text-dim);cursor:pointer;z-index:5;transition:all .2s}
.fav-btn svg{width:16px;height:16px}
        .fav-btn:hover{background:rgba(10,10,8,0.8);color:var(--text)}
        .fav-btn.active{color:#e74c3c}
        .fav-btn.active svg{fill:#e74c3c}
        
        .card-body{padding:16px 18px 18px;position:relative;display:flex;flex-direction:column;flex:1 1 auto;min-height:118px}
        .card-body::before{content:'';position:absolute;top:0;left:18px;right:18px;height:1px;background:linear-gradient(90deg,transparent,var(--sand-dim),transparent)}
        .card-title{font-size:20px;color:var(--text-dim);margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3;font-family:'TT Rounds Neue','Cattedrale','Black Ops One',var(--font-heading)!important;flex:1 1 auto;min-height:52px}
        #dashContent,#statsContent,#dashContent *,#statsContent *{font-family:'Inter','JetBrains Mono',monospace!important}
        .card-meta{display:flex;gap:6px;flex-wrap:wrap;overflow:hidden;margin-top:auto;min-height:44px;align-items:center}
        .card-meta .meta-tag{flex:0 0 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
        .card-meta .meta-tag.art{margin-top:2px}
        .card-meta .art-line{flex-basis:100%;display:flex;margin-top:2px}
        .card-meta .art-line .meta-tag.art{margin-top:0}
        .meta-tag{padding:3px 10px;border-radius:var(--radius);font-size:12px;letter-spacing:1px;text-transform:uppercase;background:var(--surface);color:var(--text-dim);border:1px solid rgba(255,255,255,0.04);font-family:var(--font-mono)}
        .meta-tag.art{color:var(--gold);border-color:rgba(209,175,84,0.1);font-family:var(--font-mono)}
        .new-badge{position:absolute;top:10px;right:46px;z-index:6;padding:3px 8px;background:rgba(209,175,84,0.15);color:var(--gold);border:1px solid rgba(209,175,84,0.3);font-size:10px;font-weight:700;letter-spacing:2px;font-family:var(--font-mono);clip-path:polygon(0 0, calc(100% - 6px) 0, 100% 6px, 100% 100%, 0 100%)}
.card-stats{display:flex;gap:12px;margin-top:8px;font-size:11px;color:var(--text-dim);font-family:var(--font-mono);letter-spacing:0.5px}
.card-stats span{display:flex;align-items:center;gap:3px}
        
        .no-img{aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;background:var(--bg-dark);color:var(--text-muted);font-size:11px;letter-spacing:2px;text-transform:uppercase}

        /* ===== FOOTER ===== */
        .footer{text-align:center;padding:60px 32px;border-top:1px solid rgba(209,175,84,0.06);position:relative}
        .footer::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:10px;height:10px;background:var(--gold);clip-path:polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)}
        .footer p{color:var(--text-dim);font-size:12px;letter-spacing:1px;margin:4px 0}
        .footer a{color:var(--gold);text-decoration:none;transition:color .2s}
        .footer a:hover{color:var(--text)}
        .footer-links{display:flex;justify-content:center;gap:24px;margin:16px 0;flex-wrap:wrap}
        .footer-links a{font-size:11px;letter-spacing:2px;text-transform:uppercase}

        /* ===== MODAL ===== */
        .modal-overlay{position:fixed;inset:0;z-index:300;background:rgba(0,0,0,0.45);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:20px;contain:strict;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease;overscroll-behavior:contain}
        .modal-overlay.show{opacity:1;visibility:visible}
        #editOverlay{z-index:311}
        #dashOverlay{z-index:310}
        .modal-glass{position:relative;max-width:600px;width:92%;max-height:88vh;display:flex;flex-direction:column;background:rgba(15,48,46,0.92);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(200,181,150,0.15);box-shadow:0 30px 80px rgba(0,0,0,0.5);transform-origin:center center;opacity:1;overflow:visible;clip-path:polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 0 100%)}
        .modal-gallery-wrap{overflow:visible}
        @keyframes modalIn{0%{opacity:0;transform:perspective(1200px) rotateY(0deg) scale(.6)}100%{opacity:1;transform:perspective(1200px) rotateY(360deg) scale(1)}}
        .modal-glass.animate{animation:modalIn 1s cubic-bezier(.4,0,.2,1) forwards}
        .modal-close{position:absolute;top:10px;right:10px;z-index:10;width:34px;height:34px;background:rgba(10,10,8,0.75);border:1px solid rgba(242,227,213,0.12);border-bottom:1px solid rgba(242,227,213,0.25);clip-path:polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 0 100%);color:var(--text);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-family:var(--font-mono)}
        .modal-close:hover{background:rgba(10,10,8,0.9);border-color:rgba(242,227,213,0.3);color:var(--accent)}
        .zoom-lens{display:none;position:fixed;z-index:9999;pointer-events:none;width:320px;height:320px;border:2px solid var(--gold);background-repeat:no-repeat;box-shadow:0 20px 60px rgba(0,0,0,0.5);background-color:rgba(10,10,8,0.95);clip-path:polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 0 100%)}
        .modal-zoom{display:none;position:fixed;top:50%;transform:translateY(-50%);width:340px;height:340px;border:2px solid var(--gold);overflow:hidden;z-index:9999;pointer-events:none;background-color:rgba(10,10,8,0.95);background-repeat:no-repeat;box-shadow:0 20px 60px rgba(0,0,0,0.5);clip-path:polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 0 100%)}
        .modal-zoom.show{display:block}
        .modal-zoom-btn{position:absolute;bottom:10px;right:50px;z-index:55;width:32px;height:32px;background:rgba(10,10,8,0.75);border:1px solid rgba(242,227,213,0.12);border-bottom:1px solid rgba(242,227,213,0.25);clip-path:polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 0 100%);color:var(--text);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}
        .modal-zoom-btn:hover{background:rgba(10,10,8,0.9)}
        .modal-zoom-btn.active{background:var(--gold);color:#1B4F4D}
        .modal-glass.closing{animation:modalOut .4s ease forwards}
        @keyframes modalOut{0%{opacity:1;transform:perspective(1200px) rotateY(360deg) scale(1)}100%{opacity:0;transform:perspective(1200px) rotateY(0deg) scale(.6)}}
        .modal-handle{display:none}
        .modal-swipe-hint,.modal-swipe-hint-right{display:none}
                .modal-gallery{position:relative;flex-shrink:0;background:#0f302e}
        .modal-gallery.loading-img{overflow:visible}
        .modal-gallery img{width:100%;display:block;object-fit:cover;min-height:320px;background:#111;transition:opacity .35s ease}
        .modal-gallery img.switching{opacity:0}
        .modal-gallery-swipe{position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,rgba(200,175,120,.5),transparent);z-index:3;pointer-events:none;opacity:0;transition:opacity .3s;transform:translateX(-100%)}
        .modal-gallery.loading-img .modal-gallery-swipe{opacity:1;animation:swipeLine .5s ease forwards}
        @keyframes swipeLine{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
        .modal-gallery-load-pulse{position:absolute;inset:0;z-index:4;opacity:0;pointer-events:none;transition:opacity .25s}
        .modal-gallery.loading-img .modal-gallery-load-pulse{opacity:1}
        .modal-gallery-load-backdrop{position:absolute;inset:0;overflow:hidden;z-index:1}
        .modal-gallery-load-bg{width:100%;height:100%;object-fit:cover;filter:blur(16px) brightness(.45);transform:scale(1.05)}
        .modal-gallery-load-logo{position:absolute;top:50%;left:50%;width:300px;height:300px;transform:translate(-50%,-50%);z-index:4;background:url(/toro-logo) center/contain no-repeat;animation:toroSpin 1.8s ease-in-out infinite}
        .modal-gallery-load-glow{position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(ellipse at center,transparent 40%,rgba(200,175,120,.15) 70%,rgba(200,175,120,.35) 100%);animation:glowPulse 1.2s ease-in-out infinite alternate}
        @keyframes glowPulse{0%{opacity:.5}100%{opacity:1}}
        @keyframes goldRing{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
        @keyframes toroSpin{0%{transform:translate(-50%,-50%) rotate(0deg);animation-timing-function:ease-out}15%{transform:translate(-50%,-50%) rotate(140deg);animation-timing-function:ease-in}30%{transform:translate(-50%,-50%) rotate(260deg);animation-timing-function:ease-out}45%{transform:translate(-50%,-50%) rotate(380deg);animation-timing-function:ease-in}55%{transform:translate(-50%,-50%) rotate(380deg)}65%{transform:translate(-50%,-50%) rotate(540deg);animation-timing-function:ease-out}80%{transform:translate(-50%,-50%) rotate(640deg);animation-timing-function:ease-in}100%{transform:translate(-50%,-50%) rotate(720deg)}}
        .modal-gallery-frame{position:absolute;inset:0;pointer-events:none;z-index:2;border:1px solid rgba(200,175,120,.08);clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%)}
        .modal-gallery img{width:100%;display:block;object-fit:cover;min-height:320px;background:#111}
        @keyframes badgePulse{0%,100%{opacity:.85}50%{opacity:1}}
        .modal-gallery-nav{display:none;position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;background:rgba(10,10,8,0.75);border:1px solid rgba(242,227,213,0.12);border-right:1px solid rgba(242,227,213,0.25);clip-path:polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 0 100%);color:var(--text);font-size:16px;cursor:pointer;z-index:5;display:none;align-items:center;justify-content:center;transition:all .2s;font-family:var(--font-mono)}
        .modal-gallery-nav:hover{background:rgba(10,10,8,0.9);border-color:rgba(242,227,213,0.3)}
        .modal-gallery-nav:active{transform:translateY(calc(-50% + 12px))}
        .modal-gallery-nav.prev{left:10px}
        .modal-gallery-nav.next{right:10px}
        @media(min-width:769px){.modal-gallery-nav{display:flex}}
        /* ===== DEFECT FULLSCREEN NAV ===== */
        .defect-nav{display:none;position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;background:rgba(10,10,8,0.75);border:1px solid rgba(200,60,60,0.12);border-right:1px solid rgba(200,60,60,0.25);clip-path:polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 0 100%);color:var(--text);font-size:16px;cursor:pointer;z-index:5;align-items:center;justify-content:center;font-family:var(--font-mono)}
        .defect-nav:hover{background:rgba(10,10,8,0.9);border-color:rgba(200,60,60,0.3)}
        .defect-nav:active{transform:translateY(calc(-50% + 12px))}
        .defect-prev{left:10px}
        .defect-next{right:10px}
        .defect-close{position:absolute;top:8px;right:8px;z-index:10;width:30px;height:30px;background:rgba(10,10,8,0.75);border:1px solid rgba(242,227,213,0.12);border-bottom:1px solid rgba(242,227,213,0.25);clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%);color:var(--text);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:monospace}
        .defect-close:hover{background:rgba(10,10,8,0.9);color:var(--accent)}
        @media(min-width:769px){.defect-nav{display:flex}}
        /* ===== DEFECT SWIPE HINTS ===== */
        .defect-swipe-hint,.defect-swipe-hint-right{display:none;position:absolute;z-index:5;align-items:center;justify-content:center;background:rgba(10,10,8,0.75);border:1px solid rgba(242,227,213,0.15);border-bottom:1px solid rgba(242,227,213,0.3);clip-path:polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 0 100%);pointer-events:none}
        .defect-swipe-hint{top:10px;left:50%;transform:translateX(-50%);padding:4px 8px;animation:swipeHint 2s ease-in-out infinite}
        .defect-swipe-hint svg{width:20px;height:20px;color:var(--text);display:block}
        .defect-swipe-hint-right{top:50%;right:8px;transform:translateY(-50%);padding:6px 4px;animation:swipeHintRight 2s ease-in-out infinite}
        .defect-swipe-hint-right svg{width:18px;height:18px;color:var(--text);display:block}
        .dash-cancel-btn{display:none!important}
        @media(max-width:768px){.dash-cancel-btn{display:inline-block!important}}
        @media(pointer:coarse){.dash-cancel-btn{display:inline-block!important}}
        .mobile-all-pill .pill-links{max-width:0;overflow:hidden;opacity:0;transform:translateX(-8px);transition:all .3s ease;gap:2px;display:flex}
        .mobile-all-pill.open .pill-links{max-width:300px;opacity:1;transform:translateX(0)}
        .pill-toggle{background:rgba(10,10,8,0.6);border:1px solid rgba(209,175,84,0.25);border-bottom:1px solid rgba(209,175,84,0.4);color:var(--gold);font-size:14px;cursor:pointer;flex-shrink:0;clip-path:polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 0 100%);animation:pulsePill 1.5s ease-in-out infinite;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center}
        @keyframes pulsePill{0%,100%{border-color:rgba(209,175,84,0.25);background:rgba(10,10,8,0.6)}50%{border-color:rgba(209,175,84,0.7);background:rgba(209,175,84,0.15)}}
        .mobile-all-pill.open .pill-toggle{animation:none;border-color:rgba(209,175,84,0.25);background:rgba(10,10,8,0.6)}
        .nav-toggle{display:none}
        .nav-inner{display:none}
        .nav-mb-left,.nav-mb-right{font-size:12px;padding:0}
        .mobile-all-pill a{padding:3px 6px!important;line-height:1!important}
        @media(max-width:768px){.mobile-all-pill{left:8px!important;right:auto!important;padding:4px!important}}
        @media(max-width:768px){.defect-swipe-hint,.defect-swipe-hint-right{display:flex}.defect-nav{display:none!important}.defect-close{display:none!important}}
        @media(pointer:coarse){.defect-swipe-hint,.defect-swipe-hint-right{display:flex!important}.defect-nav{display:none!important}.defect-close{display:none!important}}
        @media(pointer:fine),(min-width:769px){.defect-swipe-hint,.defect-swipe-hint-right{display:none!important}.defect-nav{display:flex!important}.defect-close{display:flex!important}}
        .modal-dots{display:flex;justify-content:center;gap:6px;padding:8px 0 2px;flex-shrink:0}
        .modal-dots span{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,0.12);transition:all .2s}
        .modal-dots span.active{background:var(--gold);width:16px;border-radius:3px}
        .modal-info{padding:12px 18px 16px;border-top:1px solid rgba(209,175,84,0.08);overflow-y:auto;flex:1;min-height:0;-webkit-overflow-scrolling:touch;touch-action:pan-y}
        .modal-info::-webkit-scrollbar{width:3px}
        .modal-info::-webkit-scrollbar-thumb{background:rgba(209,175,84,0.12);border-radius:2px}
        .modal-title{display:none}
        .modal-price{color:var(--text);font-weight:600;letter-spacing:1px;font-family:var(--font-mono);margin-bottom:10px}
        .modal-meta{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:8px}
        .modal-meta span{padding:3px 10px;border-radius:5px;font-size:12px;letter-spacing:1px;background:rgba(255,255,255,0.05);color:var(--text-dim);border:1px solid rgba(255,255,255,0.05)}
        .modal-meta span.art{color:var(--gold);border-color:rgba(209,175,84,0.1)}
        .modal-desc{font-size:12px;color:var(--text-dim);line-height:1.5;white-space:pre-line;margin-bottom:12px;transform:translateY(calc(var(--scroll-offset,0) * 0.03px));transition:transform .1s linear}
        .modal-avito{display:inline-block;padding:8px 22px;background:rgba(10,10,8,0.75);color:var(--text);border:1px solid rgba(242,227,213,0.15);border-bottom:1px solid rgba(242,227,213,0.3);clip-path:polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 0 100%);font-size:12px;font-weight:500;letter-spacing:2px;text-transform:uppercase;text-decoration:none;font-family:var(--font-mono);transition:all .2s}
        .modal-avito:hover{background:rgba(10,10,8,0.9);border-color:rgba(242,227,213,0.3)}

        /* ===== ADMIN ===== */
        .admin-bar{display:none;position:fixed;left:20px;top:108px;z-index:250;flex-direction:column;align-items:stretch;padding:6px;background:rgba(25,55,53,0.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1.5px solid var(--sand);clip-path:polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 0 100%);gap:4px;width:auto;min-width:140px;cursor:grab;user-select:none;-webkit-user-select:none}
        .admin-bar.dragging{cursor:grabbing;opacity:0.92}
        .admin-bar.show{display:flex}
        .admin-bar span{color:var(--gold);font-size:12px;letter-spacing:2px;text-transform:uppercase;font-family:var(--font-heading)!important}
        .admin-bar .admin-links{display:flex;gap:6px}
        .admin-btn{padding:5px 12px;font-size:12px;letter-spacing:1px;text-transform:uppercase;text-decoration:none;font-family:var(--font-mono);border:1px solid rgba(242,227,213,0.1);border-bottom:1px solid rgba(242,227,213,0.2);cursor:pointer;transition:all .15s;white-space:nowrap;color:var(--text-dim);background:rgba(10,10,8,0.5);clip-path:polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 0 100%)}
        .admin-btn:hover{color:var(--text);border-color:rgba(242,227,213,0.2);background:rgba(10,10,8,0.7)}
        .admin-btn-add{color:var(--gold)!important}
         
        .admin-btn-logout{background:rgba(185,58,45,0.2)!important;color:var(--accent)!important;border-color:rgba(185,58,45,0.25)!important}
        .admin-btn-logout:hover{background:rgba(185,58,45,0.35)!important}

        /* ===== ADMIN FAB + MENU ===== */
        .admin-fab{display:none;position:fixed;top:150px;left:20px;z-index:260;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:88px;height:66px;background:rgba(25,55,53,0.95);border:1.5px solid var(--sand);border-bottom:1px solid rgba(209,175,84,0.35);color:var(--gold);cursor:pointer;box-shadow:0 4px 20px rgba(0,0,0,0.4);transition:transform .2s ease,background .2s ease;padding:8px;clip-path:polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 0 100%)}
        .admin-fab:hover{background:rgba(35,65,63,0.98);transform:scale(1.06)}
        .admin-fab svg{display:block}
        .admin-fab-label{font-size:10px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-dim);white-space:nowrap}
        .admin-fab.show{display:flex}
        .admin-menu-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:280;opacity:0;transition:opacity .25s ease}
        .admin-menu-backdrop.show{display:block;opacity:1}
        .admin-menu{position:fixed;z-index:290;background:rgba(20,42,40,0.97);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1.5px solid var(--sand);display:flex;flex-direction:column;overflow:hidden;left:0;right:0;bottom:0;max-height:82vh;border-radius:20px 20px 0 0;transform:translateY(105%);transition:transform .3s cubic-bezier(0.22,1,0.36,1);box-shadow:0 -8px 40px rgba(0,0,0,0.5)}
        .admin-menu.open{transform:translateY(0)}
        .admin-menu-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid rgba(242,227,213,0.1);flex-shrink:0}
        .admin-menu-header span{color:var(--gold);font-size:13px;letter-spacing:2px;text-transform:uppercase;font-family:var(--font-heading)}
        .admin-menu-close{background:none;border:none;color:var(--text-dim);font-size:20px;cursor:pointer;padding:2px 6px;line-height:1}
        .admin-menu-body{padding:12px 12px 6px;overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1}
        .admin-group{margin-bottom:12px}
        .admin-group-title{color:var(--text-muted);font-size:10px;letter-spacing:2px;text-transform:uppercase;padding:4px 8px 6px;font-family:var(--font-mono)}
        .admin-menu-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:12px 14px;background:rgba(10,10,8,0.4);border:1px solid rgba(242,227,213,0.08);border-radius:10px;color:var(--text);font-size:13px;font-family:var(--font-mono);letter-spacing:0.5px;cursor:pointer;margin-bottom:6px;transition:background .15s,border-color .15s}
        .admin-menu-item:hover{background:rgba(10,10,8,0.7);border-color:rgba(209,175,84,0.3)}
        .admin-menu-item:active{background:rgba(10,10,8,0.8)}
        .admin-menu-ic{display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;color:var(--gold)}
        .admin-menu-txt{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
        .admin-menu-label{font-size:13px;color:var(--text);line-height:1.2}
        .admin-menu-sub{font-size:10px;color:var(--text-muted);line-height:1.25;letter-spacing:0.3px}
        .admin-badge{margin-left:auto;background:rgba(185,28,28,0.85);color:#fff;font-size:10px;font-weight:700;padding:1px 8px;border-radius:10px;display:none}
        .admin-menu-logout{margin:0 12px 16px;padding:13px;background:rgba(185,58,45,0.15);border:1px solid rgba(185,58,45,0.3);border-radius:10px;color:var(--accent);font-size:13px;font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;cursor:pointer;flex-shrink:0}
        .admin-menu-logout:hover{background:rgba(185,58,45,0.3)}
        @media(min-width:769px){
            .admin-fab{top:150px;left:20px}
            .admin-menu{left:20px;right:auto;bottom:auto;top:150px;width:300px;max-height:calc(100vh - 120px);border-radius:16px;transform:translateY(-12px) scale(0.98);opacity:0;pointer-events:none;transition:transform .22s cubic-bezier(0.22,1,0.36,1),opacity .22s ease}
            .admin-menu.open{transform:translateY(0) scale(1);opacity:1;pointer-events:auto}
        }

        /* ===== ADMIN CONTENT (dashboards, stats, lists) ===== */
        .adm-section{margin-bottom:16px}
        .adm-section-title{color:var(--text-dim);font-size:12px;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px;font-family:var(--font-mono);display:flex;align-items:center;gap:8px}
        .adm-grid{display:grid;gap:10px}
        .adm-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
        .adm-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
        .adm-grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}
        .adm-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:14px 16px;text-align:left;min-width:0;overflow:hidden}
        .adm-card-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:7px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
        .adm-card-value{font-size:22px;font-weight:700;line-height:1.1;font-family:var(--font-mono);word-break:break-word;overflow:hidden}
        .adm-card-sub{font-size:11px;color:var(--text-muted);margin-top:5px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
        .adm-kpi{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:14px 16px;text-align:left;min-width:0;overflow:hidden}
        .adm-kpi-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
        .adm-kpi-value{font-size:28px;font-weight:700;line-height:1.05;font-family:var(--font-mono);margin-top:6px;overflow:hidden;word-break:break-word}
        .adm-kpi-sub{font-size:12px;color:var(--text-muted);margin-top:4px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
        .st-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:16px;min-width:0;overflow:hidden}
        .st-card-title{font-size:13px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-family:var(--font-mono)}
        .st-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;font-size:14px;color:var(--text-dim);border-bottom:1px solid rgba(255,255,255,.04)}
        .st-row:last-child{border-bottom:none}
        .st-row-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
        .st-row-val{color:var(--text);font-family:var(--font-mono);white-space:nowrap;font-size:14px}
        .st-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}
        .st-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px}
        .st-chart{display:flex;align-items:flex-end;gap:8px;height:120px}
        .st-bar-col{display:flex;flex-direction:column;align-items:center;flex:1;min-width:0}
        .st-bar-num{font-size:12px;color:var(--text-dim);font-family:var(--font-mono);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
        .st-bar-date{font-size:12px;color:var(--text-muted);margin-top:5px;white-space:nowrap}
        .st-legend{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text-dim)}
        .st-legend-dot{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:5px;vertical-align:middle}
        .st-thumb{width:34px;height:34px;object-fit:cover;border-radius:6px;background:rgba(255,255,255,.04);flex-shrink:0}
        .st-size-chip{padding:5px 11px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:6px;font-size:13px;color:var(--text);font-family:var(--font-mono)}
        .grp{margin-bottom:18px}
        .grp-title{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-family:var(--font-mono)}
        .grp-title::before{content:'';width:6px;height:6px;background:var(--gold);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}
        .grp-count{color:var(--gold);font-size:11px;background:rgba(209,175,84,.12);border:1px solid rgba(209,175,84,.25);border-radius:20px;padding:1px 8px}
        .grp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
        .mcard{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:12px;min-width:0;display:flex;flex-direction:column;gap:10px}
        .mcard-top{display:flex;align-items:center;gap:10px;min-width:0}
        .mcard-title{font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}
        .mcard-size{font-size:11px;color:var(--text-muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
        .mcard-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
        .mcard-field label{display:block;font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
        .mcard-field input{width:100%;padding:7px 8px;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:rgba(255,255,255,.04);color:var(--text);font-size:13px;text-align:right;outline:none;box-sizing:border-box;font-family:var(--font-mono)}
        .mcard-field input:focus{border-color:rgba(209,175,84,.4)}
        .mcard-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}
        .mcard-profit{font-family:var(--font-mono);font-size:15px;font-weight:700;white-space:nowrap}
        .mcard-save{padding:7px 14px;background:var(--accent);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:12px;letter-spacing:.5px;white-space:nowrap;flex-shrink:0}
        .mcard-save:hover{background:var(--accent-hover)}
        .adm-panel{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:14px}
        .adm-panel-title{color:var(--text-muted);font-size:11px;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}
        @media(max-width:768px){
            .adm-grid-5{grid-template-columns:repeat(2,minmax(0,1fr))}
            .adm-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
            .adm-card{padding:12px 14px}
            .adm-card-value{font-size:19px}
            .adm-kpi{padding:12px 14px}
            .adm-kpi-value{font-size:24px}
            .st-grid-2{grid-template-columns:1fr}
            .st-grid-3{grid-template-columns:1fr}
        }

        /* ===== FULL-SCREEN ADMIN PANEL ===== */
        .admin-panel{position:fixed;inset:0;z-index:270;background:rgba(10,24,23,0.99);display:none;flex-direction:column}
        .admin-panel.open{display:flex}
        .admin-sidebar{display:none;flex-direction:column;width:230px;background:rgba(15,48,46,0.55);border-right:1px solid rgba(242,227,213,0.08);flex-shrink:0}
        .admin-brand{padding:14px 14px 14px 18px;font-size:14px;color:var(--gold);letter-spacing:2px;font-family:var(--font-heading);border-bottom:1px solid rgba(242,227,213,0.08);display:flex;align-items:center;justify-content:space-between;gap:8px}
        .admin-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:1px solid rgba(242,227,213,.12);background:none;color:var(--text-dim);cursor:pointer;transition:all .15s;flex-shrink:0}
        .admin-close:hover{color:var(--text);border-color:rgba(242,227,213,.28);background:rgba(255,255,255,.04)}
        .admin-nav{display:flex;flex-direction:column;gap:4px;padding:14px 12px;flex:1}
        .admin-nav-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;border:1px solid transparent;background:none;color:var(--text-dim);font-size:14px;font-family:var(--font-mono);letter-spacing:.5px;cursor:pointer;text-align:left;transition:all .15s}
        .admin-nav-item svg{flex-shrink:0;color:var(--text-dim);transition:color .15s}
        .admin-nav-item:hover{background:rgba(255,255,255,.04)}
        .admin-nav-item.active{background:rgba(209,175,84,.12);border-color:rgba(209,175,84,.25);color:var(--gold)}
        .admin-nav-item.active svg{color:var(--gold)}
        .admin-logout{margin:12px;padding:12px;border-radius:10px;border:1px solid rgba(185,58,45,.3);background:rgba(185,58,45,.12);color:var(--accent);font-size:14px;font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;cursor:pointer}
        .admin-logout:hover{background:rgba(185,58,45,.25)}
        .admin-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:20px 16px;width:100%;box-sizing:border-box}
        .admin-view{display:none;max-width:960px;margin:0 auto}
        .admin-view.active{display:block}
        .admin-view-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(242,227,213,.08)}
        .admin-view-head h2{font-size:17px;color:var(--text);letter-spacing:1px;margin:0;font-family:var(--font-heading)}
        .admin-view-close{background:none;border:1px solid rgba(242,227,213,.12);color:var(--text-dim);width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:15px;line-height:1}
        .admin-view-close:hover{color:var(--text);border-color:rgba(242,227,213,.25)}
        #dashContent,#statsContent{color:var(--text)}
        .adm-action{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 16px;background:rgba(209,175,84,.12);border:1px solid rgba(209,175,84,.25);border-radius:10px;color:var(--gold);font-size:14px;font-family:var(--font-mono);letter-spacing:1px;cursor:pointer;transition:all .15s}
        .adm-action:hover{background:rgba(209,175,84,.2)}
        .adm-btn-primary{padding:12px;background:var(--accent);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:13px;letter-spacing:1px;text-transform:uppercase}
        .adm-btn-primary:hover{opacity:.9}
        .admin-clients{display:flex;flex-direction:row;height:calc(100vh - 220px);border:1px solid rgba(242,227,213,.08);border-radius:12px;overflow:hidden}
        .admin-clients-list{width:280px;flex-shrink:0;border-right:1px solid rgba(209,175,84,.08);overflow-y:auto;background:rgba(255,255,255,.02)}
        .admin-clients-chat{flex:1;display:flex;flex-direction:column;overflow:hidden;background:rgba(255,255,255,.01)}
        .admin-tabs{display:none;border-top:1px solid rgba(242,227,213,.08);background:rgba(15,48,46,0.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:6px 6px max(6px, env(safe-area-inset-bottom));flex-shrink:0}
        .admin-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 2px 5px;background:none;border:none;color:var(--text-dim);font-size:10px;font-family:var(--font-mono);letter-spacing:.5px;cursor:pointer;border-radius:8px}
        .admin-tab.active{color:var(--gold)}
        @media(min-width:769px){
            .admin-panel{flex-direction:row}
            .admin-sidebar{display:flex}
            .admin-content{padding:28px 32px}
            .admin-tabs{display:none}
            .admin-clients{height:calc(100vh - 200px)}
        }
        @media(max-width:768px){
            .admin-panel{flex-direction:column}
            .admin-tabs{display:flex}
            .admin-clients{flex-direction:column;height:auto;min-height:60vh}
            .admin-clients-list{width:100%;max-height:40vh;border-right:none;border-bottom:1px solid rgba(209,175,84,.08)}
            .admin-clients-chat{min-height:40vh}
        }
        .nav-mb-right-group{display:none}
        .card-img-wrap{position:relative}
        .card-admin{position:absolute;bottom:60px;right:8px;left:8px;z-index:10;display:none;gap:4px;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;max-width:100%}
        .card:hover .card-admin{display:flex}
        .card-admin button{padding:7px 14px;font-size:12px;letter-spacing:1px;text-transform:uppercase;font-family:var(--font-mono);background:rgba(10,10,8,0.85);border:1px solid rgba(242,227,213,0.1);border-bottom:1px solid rgba(242,227,213,0.2);cursor:pointer;color:var(--text);white-space:nowrap;transition:all .15s;clip-path:polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 0 100%)}
        .card-admin button:hover{background:rgba(10,10,8,0.95);border-color:rgba(242,227,213,0.25)}
        .btn-pst{color:#4ade80!important}
        .btn-del{color:var(--accent)!important}
         
        .btn-arc{color:var(--gold)!important}
         

        .admin-login-overlay{display:none;position:fixed;inset:0;z-index:500;background:rgba(0,0,0,0.55);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);align-items:center;justify-content:center}
        .admin-login-overlay.show{display:flex}
        .admin-login-box{background:rgba(15,48,46,0.95);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(209,175,84,0.08);border-radius:16px;padding:28px;width:90%;max-width:340px}
        .admin-login-box h3{color:var(--text);font-size:15px;margin-bottom:16px;font-weight:600;letter-spacing:1px}
        .admin-login-box input{width:100%;padding:10px 14px;border:1px solid rgba(255,255,255,0.08);border-radius:8px;background:rgba(255,255,255,0.04);color:var(--text);font-size:14px;outline:none;margin-bottom:12px}
        .admin-login-box input:focus{border-color:rgba(209,175,84,0.3)}
        .admin-login-box .inp-row{display:flex;gap:8px}
        .admin-login-box button{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase}
        .admin-login-box .btn-go{background:var(--accent);color:#fff;flex:1}
        .admin-login-box .btn-go:hover{background:var(--accent-hover)}
        .admin-login-box .btn-cancel{background:transparent;color:var(--text-dim);border:1px solid rgba(255,255,255,0.08)}
        .admin-login-box .btn-cancel:hover{color:var(--text);border-color:rgba(255,255,255,0.15)}
        .admin-login-error{color:var(--accent);font-size:11px;margin-top:8px;display:none}

        .admin-select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23D1AF54'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}
        .admin-select option{background:var(--bg-dark);color:var(--text)}

        /* CHAT PANEL */
        .chat-panel{position:fixed;top:0;right:0;bottom:0;z-index:400;width:400px;max-width:100vw;transform:translateX(100%);transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex}
        .chat-panel.show{transform:translateX(0)}
.chat-panel-glass{flex:1;display:flex;flex-direction:column;background:rgba(15,48,46,0.95);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-left:1.5px solid var(--sand);box-shadow:-20px 0 60px rgba(0,0,0,0.4)}
.chat-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid rgba(209,175,84,0.08);font-size:15px;letter-spacing:1px;color:var(--text-dim)}
.chat-panel-close{width:34px;height:34px;border:1px solid rgba(242,227,213,0.12);border-bottom:1px solid rgba(242,227,213,0.25);background:rgba(10,10,8,0.75);color:var(--text);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;clip-path:polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 0 100%);transition:all .2s}
.chat-panel-close:hover{background:var(--accent);border-color:var(--accent);color:#fff}
.chat-panel-msgs{flex:1;overflow-y:auto;padding:16px 20px;font-size:15px;line-height:1.55}
.chat-panel-msgs::-webkit-scrollbar{width:3px}
.chat-panel-msgs::-webkit-scrollbar-thumb{background:rgba(209,175,84,0.12);border-radius:2px}
.chat-pmsg-item{margin-bottom:12px;line-height:1.5;display:flex;flex-direction:column}
.chat-pmsg-item.user{align-items:flex-start}
.chat-pmsg-item.owner{align-items:flex-end}
.chat-pmsg-item .bubble{padding:10px 14px;border-radius:8px;max-width:85%;word-wrap:break-word;font-size:15px;line-height:1.5}
.chat-pmsg-item.user .bubble{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08)}
.chat-pmsg-item.owner .bubble{background:rgba(96,165,250,0.12);border:1px solid rgba(96,165,250,0.15)}
.chat-pmsg-item .author{font-size:12px;color:var(--text-muted);margin-bottom:3px}
.chat-pmsg-item.owner .author{color:var(--gold)}
        .chat-panel-input{display:flex;gap:8px;padding:14px 18px;border-top:1px solid rgba(209,175,84,0.08)}
.chat-pname{width:96px;padding:12px;border:1px solid rgba(209,175,84,0.15);border-bottom:1px solid rgba(209,175,84,0.3);background:rgba(0,0,0,0.3);color:var(--text);font-size:15px;outline:none;clip-path:polygon(0 0, calc(100% - 6px) 0, 100% 6px, 100% 100%, 0 100%)}
.chat-pmsg{flex:1;padding:12px;border:1px solid rgba(209,175,84,0.15);border-bottom:1px solid rgba(209,175,84,0.3);background:rgba(0,0,0,0.3);color:var(--text);font-size:15px;outline:none;resize:none;font-family:inherit;overflow-y:auto;scrollbar-width:none;clip-path:polygon(0 0, calc(100% - 6px) 0, 100% 6px, 100% 100%, 0 100%)}
.chat-pmsg::-webkit-scrollbar{display:none}
.chat-psend{width:50px;background:var(--gold);color:var(--bg-dark);border:1px solid rgba(209,175,84,0.3);border-bottom:1px solid rgba(209,175,84,0.5);font-size:16px;cursor:pointer;font-weight:700;clip-path:polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 0 100%)}
/* Мини-карточки подборки Сони в чате (миниатюра + чекбокс выбора клиента) */
.chat-card-block{width:100%;max-width:100%;margin-top:6px}
.chat-pmsg-item.owner .chat-card-block{align-self:stretch}
.chat-cards{display:flex;flex-direction:column;gap:8px}
.chat-card{display:flex;align-items:center;gap:12px;width:100%;padding:9px 12px;background:rgba(10,10,8,0.5);border:1px solid rgba(242,227,213,0.12);border-bottom:1px solid rgba(242,227,213,0.25);clip-path:polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 0 100%);cursor:pointer;text-align:left;color:var(--text);transition:all .2s;font-family:inherit}
.chat-card:hover{border-color:rgba(209,175,84,0.45);background:rgba(17,28,25,0.7)}
.chat-card.picked{border-color:var(--gold);background:rgba(209,175,84,0.1)}
.chat-card-thumb{width:54px;height:54px;object-fit:cover;border-radius:6px;background:rgba(255,255,255,0.04);flex-shrink:0}
.chat-card-thumb-ph{background:rgba(255,255,255,0.04)}
.chat-card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.chat-card-title{font-size:14px;line-height:1.3;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-card-meta{font-size:12.5px;color:var(--gold);font-family:var(--font-mono)}
.chat-card-check{position:relative;width:24px;height:24px;flex-shrink:0;border:1px solid rgba(242,227,213,0.35);background:rgba(0,0,0,0.35);border-radius:5px;display:flex;align-items:center;justify-content:center;transition:all .2s}
.chat-card.picked .chat-card-check{background:var(--gold);border-color:var(--gold)}
.chat-card.picked .chat-card-check::after{content:'';width:11px;height:6px;border-left:2px solid var(--bg-dark);border-bottom:2px solid var(--bg-dark);transform:rotate(-45deg) translate(1px,-2px)}
/* Плавающая кнопка возврата в чат */
.reopen-chat-btn{position:fixed;right:22px;bottom:24px;z-index:390;width:62px;height:62px;background:rgba(209,175,84,0.95);color:var(--bg-dark);border:1px solid rgba(209,175,84,0.35);border-bottom:1px solid rgba(209,175,84,0.7);clip-path:polygon(0 0, calc(100% - 15px) 0, 100% 15px, 100% 100%, 0 100%);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 32px rgba(0,0,0,0.5);transition:all .2s}
.reopen-chat-btn:hover{background:var(--gold);transform:translateY(-3px)}
.chat-badge{position:absolute;top:-6px;right:-6px;min-width:22px;height:22px;padding:0 6px;background:var(--accent);color:#fff;font-size:12px;font-weight:700;border-radius:11px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono)}
/* Кнопка «Поддержка» в шапке чата */
.chat-panel-header-actions{display:flex;align-items:center;gap:10px}
.chat-support-btn{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--gold);background:rgba(209,175,84,0.08);border:1px solid rgba(209,175,84,0.25);border-bottom:1px solid rgba(209,175,84,0.45);padding:6px 12px;clip-path:polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 0 100%);text-decoration:none;transition:all .2s;cursor:pointer;white-space:nowrap}
.chat-support-btn:hover{background:rgba(209,175,84,0.2);color:var(--gold)}
.chat-new-btn{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--text-dim);background:rgba(10,10,8,.4);border:1px solid rgba(242,227,213,.12);border-bottom:1px solid rgba(242,227,213,.25);clip-path:polygon(0 0, calc(100% - 7px) 0, 100% 7px, 100% 100%, 0 100%);cursor:pointer;transition:all .2s}
.chat-new-btn:hover{color:var(--gold);border-color:rgba(209,175,84,.4);background:rgba(10,10,8,.7)}
/* Индикатор «Соня печатает…» */
.chat-pmsg-item .bubble.chat-typing{display:inline-flex;align-items:center;gap:5px;padding:13px 16px}
.chat-typing span{width:7px;height:7px;border-radius:50%;background:var(--gold);opacity:.4;animation:chatTypBlink 1.2s infinite}
.chat-typing span:nth-child(2){animation-delay:.2s}
.chat-typing span:nth-child(3){animation-delay:.4s}
@keyframes chatTypBlink{0%,80%,100%{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
@keyframes chatTabPulse{0%,100%{box-shadow:0 0 0 transparent}50%{box-shadow:0 0 16px rgba(96,165,250,0.4)}}

        /* TOAST */
        .toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);z-index:500;padding:10px 24px;border-radius:8px;background:rgba(15,48,46,0.95);backdrop-filter:blur(16px);border:1px solid rgba(209,175,84,0.15);color:var(--text);font-size:12px;opacity:0;transition:opacity .3s ease;pointer-events:none}
        .toast.show{opacity:1}
        /* BUY CHOICE OVERLAY — blur + фирменные скошенные углы */
        .buy-choice-overlay{position:fixed;inset:0;z-index:600;display:flex;align-items:center;justify-content:center;background:rgba(6,10,9,0.65);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:opacity .3s ease}
        .buy-choice-overlay.show{opacity:1;pointer-events:auto}
        .buy-choice-box{width:min(440px,92vw);background:rgba(15,48,46,0.97);backdrop-filter:blur(20px);border:1px solid var(--sand);box-shadow:0 30px 80px rgba(0,0,0,.6);padding:34px 30px 26px;position:relative;clip-path:polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 0 100%)}
        .buy-choice-close{position:absolute;top:8px;right:8px;width:30px;height:30px;background:rgba(10,10,8,.75);border:1px solid rgba(242,227,213,.12);border-bottom:1px solid rgba(242,227,213,.25);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;clip-path:polygon(0 0, calc(100% - 7px) 0, 100% 7px, 100% 100%, 0 100%);font-size:16px;transition:all .2s;font-family:var(--font-mono)}
        .buy-choice-close:hover{background:rgba(10,10,8,.9);border-color:rgba(242,227,213,.3);color:var(--accent)}
        .buy-choice-title{font-size:17px;font-weight:700;color:var(--text);letter-spacing:1px;text-transform:uppercase;margin:0 0 8px}
        .buy-choice-desc{font-size:12px;color:var(--text-dim);line-height:1.5;margin-bottom:20px}
        .buy-choice-actions{display:flex;flex-direction:column;gap:10px}
        .buy-choice-btn{display:flex;align-items:center;gap:12px;text-align:left;padding:14px 16px;cursor:pointer;font-size:13px;color:var(--text);transition:all .2s;border:1px solid rgba(209,175,84,.2)}
        .buy-choice-btn.tg{background:rgba(96,165,250,.12);border-color:rgba(96,165,250,.25);clip-path:polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 0 100%)}
        .buy-choice-btn.tg:hover{background:rgba(96,165,250,.22)}
        .buy-choice-btn.site{background:rgba(209,175,84,.1);border-color:rgba(209,175,84,.3);clip-path:polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 0 100%)}
        .buy-choice-btn.site:hover{background:rgba(209,175,84,.2)}
        .buy-choice-btn b{display:block;font-size:13px}
        .buy-choice-btn small{font-size:11px;color:var(--text-dim)}
        .bch-ico{flex-shrink:0;color:var(--gold)}
        .buy-choice-note{font-size:11px;color:var(--text-muted);margin-top:18px;line-height:1.5;text-align:center}
        .buy-choice-note .sonya-pill{color:var(--gold);font-weight:600}
        /* FHD 1080p */
@media(min-width:1800px){
    .grid{max-width:1500px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px}
    .section{padding:80px 48px 100px}
    .navbar{margin:12px 40px 0;padding:0 32px}
    .card{clip-path:polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 0 100%)}
}
/* 2K */
@media(min-width:2200px){
    .grid{max-width:2000px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:34px}
    .section{padding:90px 56px 110px}
    .navbar{margin:16px 44px 0;padding:0 40px;height:88px}
    .nav-links a{font-size:14px;letter-spacing:2.5px;padding:8px 16px}
    .nav-logo-text{font-size:36px}
    .nav-actions a{font-size:14px}
    .nav-promo{font-size:12px;padding:8px 20px}
    .nav-cta{font-size:12px;padding:10px 24px}
    .hero h1{font-size:80px;letter-spacing:16px}
    .hero h1 span{font-size:20px;letter-spacing:10px}
    .hero p{font-size:16px;margin-top:20px}
    .hero-cta{font-size:14px;padding:16px 44px;margin-top:36px}
    .section-header h2{font-size:15px;letter-spacing:5px}
    .section-count{font-size:13px}
    .card-title{font-size:24px;min-height:48px}
    .card-price-tag{font-size:18px;padding:7px 18px;bottom:16px;left:16px}
    .card-cond{top:16px;left:16px;font-size:12px;padding:5px 12px}
    .card-desc{font-size:13px}
    .card-body{padding:16px 18px}
    .meta-tag{font-size:11px;padding:4px 12px}
    .card-img-wrap{aspect-ratio:4/5}
    .modal-glass{max-width:700px;width:94%}
    .modal-info h3{font-size:16px}
    .modal-price{font-size:22px}
    .modal-desc{font-size:13px}
    .modal-avito{font-size:12px;padding:10px 26px}
    .modal-close{width:38px;height:38px;font-size:18px}
    .size-filter a{font-size:13px;padding:8px 18px}
    .admin-bar{top:130px;left:20px;min-width:160px}
    .admin-bar span{font-size:12px}
    .admin-btn{font-size:12px;padding:6px 14px}
    .footer p{font-size:14px}
    .footer-links a{font-size:12px}
    .light-switch-box{width:38px;height:56px}
    .light-switch-lever{width:20px;height:20px;top:33px}
    .light-switch.on .light-switch-lever{top:5px}
    .light-switch-labels{font-size:10px}
}
/* Ultrawide */
@media(min-width:3000px){
    .grid{max-width:2400px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:36px}
    .section{padding:100px 64px 120px}
    .navbar{height:88px;padding:0 44px}
}

@media(max-width:768px){
            .chat-panel{right:0;left:0;width:100%;bottom:0;top:0;height:100%;transform:translateY(100%);overflow:hidden;z-index:500}
            .chat-panel.show{transform:translateY(0)}
            .chat-panel-glass{border-left:none;clip-path:polygon(6px 0, calc(100% - 6px) 0, 100% 6px, 100% 100%, 0 100%)}
            .chat-panel-header{font-size:14px;padding:14px 16px}
            .chat-panel-input{padding:10px 12px}
            .chat-pname{padding:10px;font-size:14px}
            .chat-pmsg{padding:10px;font-size:14px}
            .chat-psend{width:44px;font-size:15px}
            .reopen-chat-btn{right:16px;bottom:calc(12px + var(--mnav-h) + var(--mnav-gap) + var(--tg-safe-area-inset-bottom,0px));width:56px;height:56px}
        }
        @media(min-width:769px){
            .chat-panel{top:50%;right:20px;width:520px;max-height:86vh;transform:translate(120%,-50%);overflow:hidden}
            .chat-panel.show{transform:translate(0,-50%)}
            .chat-panel-glass{border:1px solid var(--sand);clip-path:polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 0 100%)}
        }

        /* ===== MOBILE NAV ===== */
        .mobile-nav{position:fixed;bottom:calc(10px + var(--tg-safe-area-inset-bottom,0px));left:0;right:0;margin:0 4px;background:rgba(25,55,53,0.75);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1.5px solid var(--sand);padding:4px;height:var(--mnav-h);z-index:200;display:none;grid-template-columns:repeat(5,1fr);gap:2px;box-shadow:0 4px 24px rgba(0,0,0,0.25),inset 0 1px 0 rgba(255,255,255,0.03);clip-path:polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 0 100%)}
                .mobile-nav a{color:var(--text-dim);text-decoration:none;font-size:10px;letter-spacing:0;padding:0 3px;min-height:0;height:100%;text-transform:uppercase;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);border:1px solid transparent;text-align:center;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
        .mobile-nav a.active{color:var(--text);background:rgba(10,10,8,0.5);border:1px solid rgba(242,227,213,0.1);border-bottom:1px solid rgba(242,227,213,0.25);clip-path:polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 0 100%)}
        .mobile-all-pill{display:none;position:fixed;bottom:calc(10px + var(--mnav-h) + var(--mnav-gap) + var(--tg-safe-area-inset-bottom,0px));left:17px;right:56px;z-index:201;background:rgba(25,55,53,0.75);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--sand);box-shadow:0 4px 24px rgba(0,0,0,0.25),inset 0 1px 0 rgba(255,255,255,0.03);clip-path:polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 0 100%);justify-content:center;gap:1px;padding:2px;height:var(--mnav-h);overflow-x:auto}
        .mobile-all-pill a{color:var(--text-dim);text-decoration:none;font-size:10px;letter-spacing:0.5px;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;min-height:0;height:100%;font-family:var(--font-mono);text-align:center;line-height:1;border:1px solid transparent;margin:0}
        .mobile-all-pill a.active{color:var(--text);background:rgba(10,10,8,0.5);border:1px solid rgba(242,227,213,0.1);border-bottom:1px solid rgba(242,227,213,0.25);clip-path:polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 0 100%)}
        .mobile-all-pill a.fav-link{color:#e74c3c}
        .mobile-all-pill a.fav-link.active{color:#fff;background:rgba(231,76,60,0.3);border-color:rgba(231,76,60,0.2)}
        .mobile-all-pill a.arc-link{color:var(--gold)}
        .mobile-all-pill a.arc-link.active{color:var(--text);background:rgba(10,10,8,0.5)}
        .mobile-nav svg{width:22px;height:22px;opacity:0.6}
        .mobile-nav a.active svg{opacity:1}

/* Laptop / short height — reuse mobile layout */
@media(max-width:768px){
            .modal-overlay{padding:0;align-items:flex-end;overscroll-behavior:none;background:rgba(0,0,0,0.6);transition:opacity .25s ease;touch-action:none}
            .modal-glass{width:100%;max-height:92vh;clip-path:polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 0 100%);transform:translateZ(0);backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(15,48,46,0.98);overscroll-behavior:contain;touch-action:none}
            #clientsOverlay .modal-glass{flex-direction:column!important;max-height:92vh!important}
            #clientsList{width:100%!important;max-height:25vh;border-right:none!important;border-bottom:1px solid rgba(209,175,84,0.08);flex-shrink:0}
            #clientsChat{flex:1!important;min-height:0!important;overflow:hidden!important}
            .modal-glass.animate,.modal-glass.closing{will-change:auto}
            .modal-glass.closing{animation:modalOutMobile .25s ease forwards!important}
            @keyframes modalOutMobile{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(80px)}}
            .modal-gallery-wrap{max-height:none;overflow:visible}
            .modal-gallery img{width:100%;display:block;object-fit:cover;margin:0;padding:0;background:none}
            .modal-gallery-nav{display:none}
            .modal-close{display:none!important}
            #dashOverlay .modal-close{display:flex!important}
            .dash-cancel-btn{display:inline-block!important}
            #statsOverlay .modal-close{display:flex!important}
            #measureOverlay .modal-close{display:flex!important}
            #statsOverlay .modal-glass{max-width:100%!important;width:100%!important;border-radius:16px 16px 0 0!important}
            #statsContent div[style*="grid-template-columns:repeat(4,minmax(0,1fr))"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
            #statsContent div[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important}
            .modal-handle{display:none}
            #modalGlass .modal-handle{display:none!important}
            .modal-swipe-hint{position:absolute;top:10px;left:50%;transform:translateX(-50%);z-index:5;display:none;align-items:center;justify-content:center;animation:swipeHint 2s ease-in-out infinite;background:rgba(10,10,8,0.75);border:1px solid rgba(242,227,213,0.15);border-bottom:1px solid rgba(242,227,213,0.3);clip-path:polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 0 100%);padding:4px 8px;border-radius:0}
            .modal-swipe-hint svg{width:20px;height:20px;color:var(--text);display:block}
            .modal-swipe-hint-right{position:absolute;top:50%;right:8px;transform:translateY(-50%);z-index:5;display:none;align-items:center;justify-content:center;animation:swipeHintRight 2s ease-in-out infinite;background:rgba(10,10,8,0.75);border:1px solid rgba(242,227,213,0.15);border-bottom:1px solid rgba(242,227,213,0.3);clip-path:polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 0 100%);padding:6px 4px;border-radius:0}
            .modal-swipe-hint-right svg{width:18px;height:18px;color:var(--text);display:block}
            @keyframes swipeHint{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(5px)}}
            @keyframes swipeHintRight{0%,100%{transform:translateY(-50%) translateX(0)}50%{transform:translateY(-50%) translateX(5px)}}
            .modal-swipe-hint,.modal-swipe-hint-right{display:flex}
            .modal-info{padding:10px 16px 14px}
            .modal-meta span{font-size:12px;padding:2px 8px}
            .modal-desc{font-size:11px;margin-bottom:8px;line-height:1.4;max-height:22vh;overflow-y:auto}
            .modal-price{font-size:18px;margin-bottom:6px}
            .modal-avito{padding:7px 18px;font-size:12px;letter-spacing:1.5px;clip-path:polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 0 100%)}
            .modal-buy-btn{background:rgba(139,26,74,0.55)!important;border-bottom-color:rgba(255,120,160,0.7)!important}
            .modal-glass.animate{animation:modalInMobile .35s ease-out forwards}
            @keyframes modalInMobile{0%{opacity:0;transform:translateY(80px)}100%{opacity:1;transform:translateY(0)}}
            #modalGlass .modal-handle{display:block!important;position:absolute;top:8px;left:50%;transform:translateX(-50%);width:44px;height:4px;border-radius:2px;background:rgba(242,227,213,0.25);z-index:6}
            
            .card{max-width:320px;margin:0 auto!important;transition:transform .15s ease,opacity .15s ease;clip-path:polygon(0 0, calc(100% - 6px) 0, 100% 6px, 100% 100%, 0 100%);display:flex!important;flex-direction:column}
            .card:active{transform:scale(.97)!important}
            .card-price-tag,.modal-price{background:rgba(10,10,8,0.6);animation:none}
            @keyframes priceShimmer{0%,100%{background-position:200% 0}25%{background-position:-200% 0}30%,95%{background-position:-200% 0}}
            .size-filter a.active{box-shadow:0 0 14px rgba(209,175,84,0.3)}
            .fav-btn.active svg{animation:heartPulse .4s ease}
            @keyframes heartPulse{0%{transform:scale(1)}50%{transform:scale(1.3)}100%{transform:scale(1)}}
            .card.hidden-card{opacity:.15;transform:scale(.9);filter:none;pointer-events:none;order:2}
            .card-admin{display:flex!important;position:absolute;bottom:44px;right:4px;left:4px;z-index:10;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;gap:2px;background:none;max-width:100%}
            .card-admin button{padding:3px 6px;font-size:12px;letter-spacing:0;text-transform:uppercase;font-family:var(--font-mono);background:rgba(10,10,8,0.85);border:1px solid rgba(242,227,213,0.1);border-bottom:1px solid rgba(242,227,213,0.2);cursor:pointer;color:var(--text);white-space:nowrap;clip-path:polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 0 100%)}
            .btn-del{color:var(--accent)!important}
            .btn-arc{color:var(--gold)!important}
            .btn-edt{color:var(--text)!important}
            .admin-bar{left:12px;transform:none;width:auto;min-width:auto;height:auto!important;flex-direction:row!important;align-items:center;padding:4px 6px;gap:3px;bottom:calc(100px + var(--tg-safe-area-inset-bottom,0px));top:auto!important;position:fixed;z-index:200;background:rgba(25,55,53,0.85);border:1.5px solid var(--sand);clip-path:polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 0 100%)}
            .admin-bar .admin-links{flex-wrap:wrap;justify-content:flex-start;gap:3px}
            .admin-bar button{padding:6px 12px;font-size:10px;letter-spacing:0.5px}
            .admin-btn{padding:5px 10px;font-size:12px}
            .admin-login-box{width:95%;padding:20px}
            .admin-login-box h3{font-size:13px}
            #editOverlay .modal-glass{max-height:95vh!important;border-radius:16px 16px 0 0!important}
            #editOverlay .modal-info{padding:8px 10px 10px!important}
            #editOverlay .form-grid{grid-template-columns:1fr 1fr!important;gap:4px!important}
            #editOverlay .form-grid .full{grid-column:1/-1!important}
            #editOverlay label{font-size:10px!important;margin-bottom:2px!important}
            #editOverlay input,#editOverlay select,#editOverlay textarea{font-size:12px!important;padding:5px 7px!important}
            #editOverlay select.admin-select{background-position:right 6px center!important;padding-right:20px!important}
            .desc-row textarea{display:none!important}
            .desc-row .desc-view-btn{display:block!important}
            .batch-pc-row{display:none!important}
            .batch-table thead{display:none!important}
            .batch-cards-mobile{display:flex!important;flex-direction:column!important}
            #dashOverlay .modal-glass{max-width:100%!important;width:100%!important;border-radius:16px 16px 0 0!important;padding-top:12px!important}
            #dashContent *{max-width:100%!important;box-sizing:border-box!important}
            #dashContent div[style*="grid-template-columns:repeat(4,minmax(0,1fr))"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
            .card-img-wrap{margin:0;border-radius:0;aspect-ratio:4/5;overflow:hidden}
            .card-price-tag{position:absolute;bottom:18px;left:10px;padding:4px 10px;font-size:13px;background:rgba(10,10,8,0.6);border:1px solid rgba(242,227,213,0.08);color:var(--text);font-weight:500}
            .card-cond{position:absolute;top:10px;left:10px;padding:4px 8px 4px 10px;background:rgba(10,10,8,0.75);color:var(--text);border:1px solid rgba(242,227,213,0.12);border-right:1px solid rgba(242,227,213,0.25);clip-path:polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 0 100%);font-size:10px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;font-family:var(--font-mono)}
            .fav-btn{top:10px;right:8px}
            .card:hover{transform:none;box-shadow:0 4px 24px rgba(0,0,0,0.25),inset 0 1px 0 rgba(255,255,255,0.03);border-color:rgba(209,175,84,0.08)}
            .card:hover .card-img{transform:none}
            .card:hover .card-price-tag{background:rgba(10,10,8,0.8);color:var(--text)}
            .card:hover .card-arrow{opacity:0;transform:translateX(-6px)}
            .card:active,a:active,button:active,.filter-btn:active,.admin-btn:active{transform:none!important}
            .card-img-wrap{backdrop-filter:none;-webkit-backdrop-filter:none}
            .card-arrow{display:none}
            .corrida-group,.si-float,.si-wrap,.dark-vignette,.dark-fog,.light-blob{display:none!important}
            .navbar{position:sticky!important;animation:none;background:rgba(25,55,53,0.55);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1.5px solid var(--sand);box-shadow:0 4px 24px rgba(0,0,0,0.25),inset 0 1px 0 rgba(255,255,255,0.03);padding:5px 10px;gap:4px;clip-path:polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 0 100%);border-radius:0;margin:0 8px;top:calc(6px + var(--tg-safe-area-inset-top, var(--tg-safe-top, 0px)));z-index:250;justify-content:space-between}
            .navbar img{display:block;height:26px;width:auto}
            .nav-logo{gap:4px;margin-left:0}
            .nav-logo-text{font-size:16px!important;letter-spacing:2px!important;white-space:nowrap}
            .nav-actions{display:none!important}
            .nav-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:rgba(10,10,8,0.6);border:1px solid rgba(209,175,84,0.25);border-bottom:1px solid rgba(209,175,84,0.4);color:var(--gold);font-size:14px;cursor:pointer;flex-shrink:0;clip-path:polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 0 100%);animation:pulsePill 1.5s ease-in-out infinite}
            .nav-inner{display:flex;align-items:center;gap:4px;overflow:hidden;max-width:0;opacity:0;transition:all .35s ease}
            .nav-inner-r{margin-left:auto}
            .navbar.open .nav-inner{max-width:500px;opacity:1}
            .navbar.open .nav-toggle{animation:none;border-color:rgba(209,175,84,0.25);background:rgba(10,10,8,0.6)}
            .nav-mb-left,.nav-mb-right{font-size:11px!important;padding:4px 6px!important}
            .navbar{width:fit-content!important;margin:0 auto 0 8px!important;justify-content:flex-start!important;flex-wrap:nowrap!important}
            .navbar.open{width:fit-content!important;margin:0 8px!important;justify-content:flex-start!important;padding:5px 10px!important;gap:6px!important;max-width:calc(100% - 16px)!important}
            .nav-mb-left,.nav-mb-right{display:block;font-size:12px!important;letter-spacing:1px;text-transform:uppercase;text-decoration:none;color:var(--text);font-family:var(--font-mono);white-space:nowrap;padding:6px 10px;background:rgba(10,10,8,0.5);border:1px solid rgba(242,227,213,0.1);border-bottom:1px solid rgba(242,227,213,0.25);flex-shrink:0}
            .nav-mb-left{clip-path:polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 0 100%)}
            .nav-mb-right{clip-path:polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 0 100%)}
            .nav-mb-right-group{display:flex;align-items:center;gap:3px}
            .nav-mb-right-group .fs-toggle{width:28px;height:28px}
            .nav-mb-archive{background:rgba(10,10,8,0.5);color:var(--gold)!important;border:1px solid rgba(209,175,84,0.2);border-bottom:1px solid var(--accent);clip-path:polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 0 100%);font-family:var(--font-mono)}
            body{animation:none;background-color:#143D3B;background:linear-gradient(180deg,#193735 0%,#122A28 100%);padding-top:var(--tg-safe-top,0px)!important}
            .section-header p{font-size:12px!important;letter-spacing:0.3px!important;white-space:normal!important;overflow:hidden;text-overflow:ellipsis}
            .nav-links{display:none}
            .nav-actions .nav-cta{display:none}
            .navbar{height:auto!important;min-height:44px;padding:5px 10px;flex-wrap:wrap!important;overflow:visible!important}
            .nav-promo,.nav-promo-hint{display:none}
            .nav-actions a{display:none}
            .mobile-nav{display:grid}
            .mobile-all-pill{display:flex}
            .hero{padding:60px 20px 50px}
            .hero h1{font-size:40px;letter-spacing:8px}
            .hero-logo svg{width:60px;height:60px}
            .section{padding:30px 16px 60px}
            .hero-compass{display:none}
            .size-filter{position:sticky!important;gap:4px;padding:8px 0 6px;top:calc(56px + var(--tg-safe-area-inset-top, var(--tg-safe-top, 0px)));margin:0 auto!important;justify-content:center;display:flex;flex-wrap:wrap;background:none;backdrop-filter:none;-webkit-backdrop-filter:none}
            .size-filter a{font-size:11px;padding:7px 14px;border:1px solid rgba(209,175,84,0.2);border-bottom:1px solid rgba(209,175,84,0.4);background:rgba(10,10,8,0.55);color:var(--text)}
            .mobile-nav{padding:4px!important}
            .mobile-nav a{font-size:10px;padding:0 3px}
        }
        @media(min-width:769px) and (max-width:1024px){
            .grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
            .section{padding:40px 16px 60px}
            .navbar{height:auto;min-height:54px;margin:8px 12px 0;padding:6px 12px;gap:6px;flex-wrap:wrap}
            .nav-links{gap:4px;order:3;width:100%;justify-content:center;padding-top:4px;border-top:1px solid rgba(255,255,255,.04)}
            .nav-links a{font-size:12px;letter-spacing:1px;padding:4px 6px}
            .nav-logo-text{font-size:18px;letter-spacing:1px}
            .nav-promo-hint{display:none}
            .hero h1{font-size:36px;letter-spacing:6px}
            .hero h1 span{font-size:12px;letter-spacing:4px}
            .hero p{font-size:11px;margin-top:8px}
            .card-title{font-size:14px;min-height:34px}
            .card-price-tag{font-size:14px;padding:5px 12px}
            .discount-sticker{top:8px;right:36px;font-size:11px;padding:3px 7px}
            .discount-sticker .discount-timer{font-size:9px}
            .fav-btn{top:10px;right:8px}
            .card-desc{font-size:12px}
            .modal-glass{max-width:520px;width:88%}
            .admin-bar{min-width:auto;left:12px;top:82px}
            .nav-actions a{font-size:12px}
            .nav-actions{gap:6px}
            .nav-promo{font-size:12px;padding:4px 10px}
            .nav-cta{font-size:12px;padding:6px 12px;letter-spacing:1px}
            #editOverlay .modal-glass{max-width:450px}
            .light-switch-box{width:28px!important;height:42px!important}
            .light-switch-lever{width:18px!important;height:14px!important}
            .light-switch.on .light-switch-lever{top:24px!important}
        }
/* SHORT HEIGHT (<=800px) — compact desktop for laptops */
        @media(min-width:769px) and (max-height:900px){
            .navbar{height:52px;margin:4px 16px 0;padding:0 14px}
            .nav-links{gap:10px!important}
            .nav-links a{font-size:12px;letter-spacing:1px;padding:4px 7px}
            .nav-logo-text{font-size:17px;letter-spacing:1px}
            .nav-actions a{font-size:12px}
            .nav-actions{gap:5px}
            .nav-promo{font-size:9px;padding:4px 8px}
            .nav-cta{font-size:9px;padding:4px 10px;letter-spacing:1px}
            .nav-promo-hint{display:none}
            .hero{min-height:auto;padding:14px 0 8px}
            .hero h1{font-size:40px;letter-spacing:7px;margin-bottom:0}
            .hero h1 span{font-size:12px;letter-spacing:4px;margin-top:2px}
            .hero p{margin-top:6px;font-size:11px;letter-spacing:1px}
            .hero-cta{margin-top:14px;padding:8px 24px;font-size:12px}
            .section{padding:12px 24px 36px}
            .section-header{margin-bottom:8px}
            .section-header h2{font-size:12px;letter-spacing:2px}
            .section-count{font-size:10px;margin-top:2px}
            .grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
            .card-img-wrap{height:185px}
            .card-body{padding:7px 9px}
            .card-title{font-size:13px;min-height:26px;margin-bottom:3px}
            .card-price-tag{font-size:13px;padding:3px 8px;bottom:14px;left:6px}
            .discount-sticker{top:6px;right:38px;font-size:10px;padding:2px 5px}
            .discount-sticker .discount-timer{font-size:8px}
            .card-cond{top:6px;left:6px;font-size:12px;padding:2px 6px}
            .fav-btn{top:6px;right:6px}
            .card-meta{gap:3px}
            .meta-tag{padding:2px 5px;font-size:12px}
            .card-desc{font-size:12px;margin-top:2px;-webkit-line-clamp:2}
            .card-admin button{padding:3px 6px;font-size:12px}
            .modal-overlay{padding:12px!important}
            .modal-glass{max-width:460px;width:88%;max-height:78vh;overflow-y:auto}
            .modal-gallery-wrap{max-height:32vh!important;overflow:hidden}
            .modal-info{padding:8px 14px 12px;max-height:42vh;overflow-y:auto}
            .modal-info h3{font-size:13px}
            .modal-price{font-size:16px;margin-bottom:4px}
            .modal-meta{margin-bottom:6px}
            .modal-meta span{font-size:10px;padding:3px 8px}
            .modal-desc{font-size:12px;line-height:1.4;margin-bottom:8px}
            .modal-avito{font-size:10px;padding:7px 16px}
            .modal-close{top:8px;right:8px;width:28px;height:28px;font-size:14px}
            .modal-delivery-badge{bottom:8px;right:8px;font-size:12px;padding:3px 8px}
            .admin-bar{top:76px;min-width:auto}
            .admin-bar span{font-size:12px}
            .admin-btn{padding:5px 10px;font-size:10px}
            #editOverlay .modal-glass{max-height:90vh}
            .size-filter{padding:6px 0 8px;top:52px;gap:4px}
            .size-filter a{font-size:13px;padding:5px 10px}
            .footer{padding:16px 0 24px}
            .footer p{font-size:12px}
            .footer-links a{font-size:12px}
        }
        @keyframes shadow1{0%,100%{transform:translate(0,0) scale(1);opacity:.45}25%{transform:translate(12vw,-8vh) scale(1.2);opacity:.25}50%{transform:translate(-5vw,10vh) scale(1.1);opacity:.4}75%{transform:translate(8vw,5vh) scale(1.15);opacity:.3}}
        @keyframes shadow2{0%,100%{transform:translate(0,0) scale(1);opacity:.4}30%{transform:translate(-15vw,12vh) scale(1.3);opacity:.55}60%{transform:translate(10vw,-6vh) scale(1.15);opacity:.3}80%{transform:translate(-8vw,-10vh) scale(1.25);opacity:.5}}
        @keyframes shadow3{0%,100%{transform:translate(0,0) scale(1);opacity:.35}20%{transform:translate(20vw,8vh) scale(1.1);opacity:.5}55%{transform:translate(-12vw,-5vh) scale(1.3);opacity:.3}85%{transform:translate(5vw,15vh) scale(1.2);opacity:.45}}
        @keyframes shadow4{0%,100%{transform:translate(0,0) scale(1);opacity:.5}35%{transform:translate(-10vw,-15vh) scale(1.25);opacity:.3}70%{transform:translate(18vw,10vh) scale(1.1);opacity:.45}}
        @keyframes shadow5{0%,100%{transform:translate(0,0) scale(1.05);opacity:.3}40%{transform:translate(8vw,18vh) scale(1.35);opacity:.5}75%{transform:translate(-14vw,-8vh) scale(1.15);opacity:.25}}
        @keyframes shadowPulse{0%,100%{opacity:.15}50%{opacity:.35}}
        .dark-fog{position:fixed;pointer-events:none;border-radius:50%;filter:blur(60px)}
.dark-fog-1{width:55vw;height:55vh;top:-5%;left:-10%;background:radial-gradient(circle at 50% 50%,rgba(0,0,0,1) 0%,rgba(0,0,0,0.55) 30%,rgba(0,0,0,0.15) 60%,transparent 80%);animation:shadow1 7s ease-in-out infinite;z-index:0}
        .dark-fog-2{width:50vw;height:50vh;top:5%;right:-15%;background:radial-gradient(circle at 50% 50%,rgba(0,0,0,1) 0%,rgba(0,0,0,0.5) 30%,rgba(0,0,0,0.12) 60%,transparent 80%);animation:shadow2 8s ease-in-out infinite;z-index:0}
        .dark-fog-3{width:45vw;height:40vh;top:35%;left:5%;background:radial-gradient(circle at 50% 50%,rgba(0,0,0,0.95) 0%,rgba(0,0,0,0.45) 30%,rgba(0,0,0,0.1) 60%,transparent 80%);animation:shadow3 6s ease-in-out infinite;animation-delay:-2s;z-index:0}
        .dark-fog-4{width:60vw;height:55vh;top:55%;left:-20%;background:radial-gradient(circle at 50% 50%,rgba(0,0,0,1) 0%,rgba(0,0,0,0.6) 28%,rgba(0,0,0,0.15) 55%,transparent 78%);animation:shadow4 9s ease-in-out infinite;animation-delay:-4s;z-index:0}
        .dark-fog-5{width:40vw;height:35vh;top:80%;right:5%;background:radial-gradient(circle at 50% 50%,rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.4) 30%,rgba(0,0,0,0.1) 60%,transparent 80%);animation:shadow5 5s ease-in-out infinite;animation-delay:-3s;z-index:0}
.light-blob{position:fixed;pointer-events:none;border-radius:50%;filter:blur(80px);width:70vw;height:70vh;top:50%;left:50%;background:radial-gradient(circle at 50% 50%,rgba(209,175,84,0.3) 0%,rgba(209,175,84,0.08) 40%,transparent 70%);z-index:0}
        .dark-vignette{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,transparent 0%,rgba(0,0,0,0.15) 50%,rgba(0,0,0,0.5) 90%);animation:shadowPulse 8s ease-in-out infinite}
        /* ===== MOBILE PERFORMANCE (all touch devices) ===== */
        @media (pointer: coarse){
            .navbar,.mobile-nav,.mobile-all-pill,.admin-bar,.size-filter{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
            .navbar{background:rgba(18,42,40,0.97)!important}
            .mobile-nav,.mobile-all-pill{background:rgba(18,42,40,0.95)!important}
            .card:hover{transform:none!important;border-color:rgba(200,181,150,0.1)!important;box-shadow:0 4px 24px rgba(0,0,0,0.25)!important}
            .card:hover .card-img{transform:none!important}
            .card{transition:opacity .15s ease!important;transform:none!important;will-change:auto!important}
            .card-price-tag,.modal-price{background:rgba(10,10,8,0.6)!important}
            .card-img-wrap::before{animation:none!important;opacity:0!important}
            .card:hover .card-title{color:var(--text-dim)!important}
            .card:hover .meta-tag{border-color:rgba(255,255,255,0.04)!important}
            .card:hover .card-price-tag{background:rgba(10,10,8,0.8)!important;color:var(--text)!important}
            .card.seen{animation:none!important}
            .nav-logo-text,.hero h1,.section-header .line{animation:none!important}
            .navbar::after{display:none!important}
            .hero .hero-compass,.hero .hero-logo,.hero h1 span,.hero p{animation:none!important}
            .hero-logo svg,.hero-logo img{animation:none!important}
        }
            .no-spin::-webkit-inner-spin-button,.no-spin::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.no-spin{-moz-appearance:textfield}
        /* ===== SPRING ZOOM modal open/close ===== */
        .modal-glass.animate{animation:zoomIn .55s cubic-bezier(.34,1.9,.64,1) forwards!important;will-change:transform,opacity}
        .modal-glass.closing{animation:zoomOut .2s cubic-bezier(.55,0,.75,.2) forwards!important;will-change:transform,opacity}
        .is-iphone .modal-glass.closing{animation:zoomOut .2s cubic-bezier(.55,0,.75,.2) forwards!important}
        @keyframes zoomIn{0%{opacity:0;transform:scale(.78)}100%{opacity:1;transform:scale(1)}}
        @keyframes zoomOut{0%{opacity:1;transform:scale(1)}18%{opacity:1;transform:scale(1.07)}100%{opacity:0;transform:scale(.68)}}
@keyframes waveBar{0%,100%{height:12px;opacity:.4}50%{height:48px;opacity:1}}
.mob-orb{position:fixed;pointer-events:none;border-radius:50%;z-index:0;will-change:transform,opacity;display:none}
.mob-orb-a{width:70vw;height:70vw;top:-15%;left:-20%;background:radial-gradient(circle,rgba(209,175,84,0.14) 0%,rgba(209,175,84,0.04) 45%,transparent 70%)}
.mob-orb-b{width:65vw;height:65vw;bottom:-12%;right:-18%;background:radial-gradient(circle,rgba(185,58,45,0.11) 0%,rgba(185,58,45,0.03) 45%,transparent 70%)}
@media(max-width:768px){
.mob-orb{display:block}
.mob-orb-a{animation:orbA 16s ease-in-out infinite}
.mob-orb-b{animation:orbB 20s ease-in-out infinite}
}
@keyframes orbA{0%,100%{transform:translate(0,0) scale(1);opacity:.6}50%{transform:translate(9vw,7vh) scale(1.12);opacity:1}}
@keyframes orbB{0%,100%{transform:translate(0,0) scale(1);opacity:.5}50%{transform:translate(-8vw,-6vh) scale(1.08);opacity:.85}}
@media(min-width:769px) and (max-height:900px){
body{font-size:13px!important}
.navbar{height:50px!important;margin:4px 16px 0!important;padding:0 12px!important}
.light-switch-box{width:26px!important;height:36px!important}
.light-switch-lever{width:12px!important;height:12px!important;top:20px!important}
.light-switch.on .light-switch-lever{top:3px!important}
.light-switch-labels{font-size:9px!important;line-height:1!important}
.nav-links{gap:8px!important}
.nav-links li{height:34px!important;display:inline-flex!important;align-items:center!important}
.nav-links a{font-size:11px!important;letter-spacing:0.5px!important;padding:4px 6px!important;white-space:normal!important;overflow:hidden;text-overflow:ellipsis}
.nav-logo-text{font-size:17px!important;letter-spacing:1px!important}
.nav-actions{gap:4px!important}
.nav-actions a{font-size:11px!important;white-space:normal!important;overflow:hidden;text-overflow:ellipsis}
.nav-promo{font-size:11px!important;padding:3px 8px!important;white-space:normal!important;overflow:hidden;text-overflow:ellipsis}
.nav-cta{font-size:9px!important;padding:4px 10px!important;letter-spacing:1px!important;white-space:normal!important;overflow:hidden;text-overflow:ellipsis}
.nav-promo-hint{display:none!important}
.hero{min-height:auto!important;padding:10px 0 6px!important}
.hero h1{font-size:26px!important;letter-spacing:4px!important;margin-bottom:0!important}
.hero h1 span{font-size:12px!important;letter-spacing:2px!important;margin-top:1px!important}
.hero p{margin-top:3px!important;font-size:12px!important}
.hero-cta{margin-top:10px!important;padding:7px 20px!important;font-size:12px!important}
.section{padding:10px 20px 30px!important}
.section-header{margin-bottom:6px!important}
.section-header p{font-size:10px!important;letter-spacing:0.5px!important;white-space:normal!important;overflow-wrap:break-word!important}
.section-header h2{font-size:12px!important;letter-spacing:1px!important}
.section-count{font-size:10px!important;margin-top:2px!important}
 .grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important;gap:14px!important;max-width:1100px!important;margin:0 auto!important}
 .card-img-wrap{height:220px!important;aspect-ratio:auto!important}
 .card-body{padding:6px 8px!important}
 .card-title{font-size:16px!important;min-height:22px!important;margin-bottom:2px!important;-webkit-line-clamp:2!important}
 .card-price-tag{font-size:14px!important;padding:3px 8px!important;bottom:8px!important;left:4px!important}
 .card-cond{top:4px!important;left:4px!important;font-size:8px!important;padding:2px 5px!important}
.fav-btn{top:4px!important;right:4px!important;width:18px!important;height:18px!important}
.fav-btn svg{width:13px!important;height:13px!important}
.card-meta{gap:2px!important}
.meta-tag{padding:3px 6px!important;font-size:10px!important}
 .card-desc{font-size:10px!important;display:block!important;-webkit-line-clamp:2!important}
.card-admin button{padding:6px 10px!important;font-size:10px!important}
.modal-overlay{padding:8px!important}
.modal-overlay{padding:0 0 6vh 0!important;align-items:flex-end!important}
.modal-glass{max-width:500px!important;width:100%!important;height:88vh!important;max-height:88vh!important;overflow-y:auto!important;margin:0 auto!important}
.modal-gallery-wrap{max-height:40vh!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important}
#modalMainImg{max-height:40vh!important;object-fit:contain!important;width:100%!important;height:auto!important;display:block!important}
.modal-handle{display:block!important}
.modal-info{padding:10px 16px 14px!important;max-height:none!important;overflow-y:visible!important}
.modal-info h3{font-size:14px!important}
.modal-price{font-size:18px!important;margin-bottom:4px!important}
.modal-meta{margin-bottom:6px!important}
.modal-meta span{font-size:12px!important;padding:2px 7px!important}
.modal-desc{font-size:11px!important;line-height:1.4!important;margin-bottom:8px!important;max-height:16vh!important;overflow-y:auto!important}
.modal-avito{font-size:12px!important;padding:7px 20px!important}
.modal-close{top:10px!important;right:10px!important;width:30px!important;height:30px!important;font-size:14px!important}
.modal-delivery-badge{bottom:10px!important;right:10px!important;font-size:10px!important;padding:3px 8px!important}
.admin-bar{top:72px!important;min-width:auto!important;padding:4px!important;gap:2px!important}
.admin-bar span{font-size:10px!important}
.admin-btn{padding:3px 6px!important;font-size:12px!important}
.admin-bar .admin-links{gap:2px!important}
#editOverlay .modal-glass{max-height:86vh!important;max-width:420px!important}
#editOverlay .form-grid{gap:3px!important}
#editOverlay input,#editOverlay select,#editOverlay textarea{font-size:12px!important;padding:4px 6px!important}
.size-filter{padding:4px 0 6px!important;top:66px!important;gap:3px!important}
.size-filter a{font-size:11px!important;padding:4px 9px!important}
.footer{padding:12px 0 20px!important}
.footer p{font-size:12px!important}
.footer-links a{font-size:10px!important}
}
        .no-spin::-webkit-inner-spin-button,.no-spin::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.no-spin{-moz-appearance:textfield}

/* Аккордеон «Описание» в модалке товара */
.modal-acc{border-top:1px solid rgba(209,175,84,0.12);margin-top:4px}
.modal-acc-head{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;background:none;border:none;cursor:pointer;padding:10px 0;text-align:left}
.modal-acc-title{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);font-family:var(--font-mono)}
.modal-acc-head:hover .modal-acc-title{color:var(--text)}
.modal-acc-icon{position:relative;width:14px;height:14px;flex-shrink:0}
.modal-acc-icon::before,.modal-acc-icon::after{content:'';position:absolute;background:var(--gold);border-radius:1px;transition:transform .3s ease}
.modal-acc-icon::before{top:6px;left:0;width:14px;height:2px}
.modal-acc-icon::after{left:6px;top:0;width:2px;height:14px}
.modal-acc.open .modal-acc-icon::after{transform:rotate(90deg)}
.modal-acc-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}
.modal-acc.open .modal-acc-body{grid-template-rows:1fr}
.modal-acc-inner{overflow:hidden;min-height:0}

/* Лёгкость скролла: убран постоянный repaint-блик на карточке (shimmer), остальное живо */
.card-img-wrap::before{animation:none}

/* P0.1: не рендерить карточки вне экрана (скролл) */
.card{content-visibility:auto;contain-intrinsic-size:auto 480px}