/* Card Flip Styles */
    .card-container { animation: fadeUp .5s ease both; display: flex; flex-direction: column; user-select: none; -webkit-user-drag: none; transition: transform 0.4s cubic-bezier(0.175,0.885,0.32,1.275); touch-action: pan-y; height: 100%; min-height: 390px; }
    .card { flex: 1; display: flex; flex-direction: column; position: relative; height: 100%; }
    .card.flipped { }
    .card-front, .card-back { -webkit-backface-visibility: hidden; backface-visibility: hidden; width: 100%; display: flex; flex-direction: column; transition: transform 0.5s cubic-bezier(0.175,0.885,0.32,1.275), opacity 0.3s ease, visibility 0s; }
    .card-front { flex: 1; background:var(--surface);border:1px solid var(--border-s);border-radius:24px;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;box-shadow:var(--shadow-sm); z-index: 2; transform: none; visibility: visible; opacity: 1; transition-delay: 0s, 0.1s, 0s; min-height: 390px; }
    .card-back { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: var(--surface); transform: perspective(1200px) rotateY(-180deg); padding: 1.5rem; border-radius: 24px; border: 1px solid var(--border-s); display: flex; flex-direction: column; text-align: left; box-shadow: var(--shadow-sm); visibility: hidden; opacity: 0; transition-delay: 0s, 0s, 0.25s; }
    .card-back .title { font-size: 1.1em; font-weight: 700; color: var(--ink); flex-shrink: 0; }
    .card-back .desc { font-size: 0.85em; color: var(--ink2); flex: 1; overflow-y: auto; text-align: left; line-height: 1.4; scrollbar-width: thin; scrollbar-color: var(--border) transparent; white-space: pre-wrap; margin-right: -0.8rem; padding-right: 0.8rem; }
     
.card-back .desc::-webkit-scrollbar-thumb:hover { background: var(--muted); }
    .card-back .price { font-size: 1.4em; font-weight: 600; color: var(--accent); margin-top: auto; white-space: nowrap; flex-shrink: 0; }
    .card-divider { border: none; border-top: 1px solid var(--border-s); margin: 0.8rem 0; width: 100%; flex-shrink: 0; }

    /* Touch Dragging utility */
    .draggable { cursor: grab; }
    .draggable:active { cursor: grabbing; }

    :root {
      --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
      --ease-in-out: cubic-bezier(0.34, 1.56, 0.64, 1);
      --motion-fast: 0.15s;
      --motion-base: 0.25s;
      --motion-slow: 0.4s;
      --motion-flip: 0.6s;
      --bg: #f5f5f7;
      --surface: #ffffff;
      --warm: #fafafc;
      --ink: #111827;
      --ink2: #374151;
      --muted: #6b7280;
      --border: rgba(17, 24, 39, .06);
      --border-s: rgba(17, 24, 39, .12);
      --accent: #fe5000;
      --accent-hover: #fa6c2d;
      --green: #059669;
      --gl: #e1f5ec;
      --amber: #d97706;
      --al: #fef0c7;
      --red: #dc2626;
      --rl: #fce8e8;
      --blue: #2563eb;
      --bl: #dceafe;
      --shadow-sm: 0 8px 24px rgba(17, 24, 39, 0.04);
      --shadow-lg: 0 24px 48px rgba(17, 24, 39, 0.1);
      --shadow-glow: 0 8px 24px rgba(254, 80, 0, 0.25);
    }
    *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}
    body{background:var(--bg);color:var(--ink);font-family:'Space Grotesk',sans-serif;min-height:100vh;overflow-x:hidden;}
    ::-webkit-scrollbar{width:12px;height:12px}
    ::-webkit-scrollbar-track{background:transparent}
    ::-webkit-scrollbar-thumb{background:rgba(17,24,39,0.15);border-radius:10px;border:3px solid var(--bg)}
    ::-webkit-scrollbar-thumb:hover{background:rgba(17,24,39,0.3)}
    header{background:#ffffff;border-bottom:1px solid rgba(17,24,39,0.08);box-shadow:0 6px 24px rgba(17,24,39,0.04);position:sticky;top:0;z-index:100;animation:headerSlide 0.6s cubic-bezier(0.16, 1, 0.3, 1)}
    @keyframes headerSlide{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}
    .h-inner{max-width:1320px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;gap:1rem;height:62px}
    .logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}
    .logo-mark{width:40px;height:40px;background:linear-gradient(135deg, var(--accent), #ff9500);background-size:200% 200%;border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:'Bebas Neue',sans-serif;font-size:1.1rem;color:#fff;transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1);animation:logoShine 3s ease infinite}
    @keyframes logoShine{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
    .logo:hover .logo-mark{transform:rotate(5deg) scale(1.08)}
    .logo-text{font-family:'Bebas Neue',sans-serif;font-size:1.5rem;color:var(--ink);letter-spacing:.04em}
    .logo-text em{font-style:normal;color:var(--accent)}
    .h-search{flex:1;max-width:420px;position:relative}
    .lang-toggle{margin-left:8px;background:transparent;border:1px solid var(--border-s);padding:6px 8px;border-radius:8px;cursor:pointer;font-weight:700;color:var(--ink);flex-shrink:0;transition:all 0.15s;}
    .lang-toggle:hover{background:var(--border-s);color:var(--accent);}
    .search-inp{width:100%;background:var(--bg);border:1.5px solid var(--border-s);border-radius:10px;padding:9px 44px 9px 38px;font-size:.875rem;font-family:'Space Grotesk',sans-serif;color:var(--ink);outline:none;transition:border-color .15s,box-shadow .15s}
    .search-wrap{position:relative;flex:1}
    .search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:none;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:transparent;border:none;color:var(--muted);font-size:18px;cursor:pointer;padding:0}
    .search-clear:hover{color:var(--ink);background:rgba(17,24,39,.05)}

    .filters-row { display:flex; gap:0.5rem; flex-wrap:wrap; align-items:center; justify-content: flex-end; flex: 1; }
    .filters-row input[type="number"] { width: 90px !important; }
    
    @media(max-width:768px){
      .filters-row { justify-content: flex-start; width: 100%; margin-top: 5px; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
      .filters-row input[type="number"] { width: 100% !important; min-width: 0; }
      .filters-row select { grid-column: span 2; width: 100%; }
      .results-bar { flex-direction: column; align-items: flex-start; gap: 10px; }
    }
    .search-inp::placeholder{color:var(--muted)}
    .search-inp:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(255,77,0,0.15)}
    .build-pill{display:flex;align-items:center;gap:7px;font-family:'JetBrains Mono',monospace;font-size:.68rem;color:var(--green);background:var(--gl);border:1px solid rgba(16,185,129,.3);padding:5px 12px;border-radius:100px;white-space:nowrap;flex-shrink:0}
    .build-dot{width:6px;height:6px;background:var(--green);border-radius:50%;animation:blink 1.6s ease-in-out infinite}
    @keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
    .hero{background:radial-gradient(ellipse at top, #202024, #0a0a0c);color:#f9fafb;padding:6rem 1.5rem 4.5rem;text-align:center;position:relative;overflow:hidden;border-bottom:1px solid rgba(0,0,0,0.2)}
    .hero::before{content:'M99';position:absolute;font-family:'Bebas Neue',sans-serif;font-size:24rem;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,0.015);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;user-select:none;animation:heroFloatBg 15s ease-in-out infinite alternate}
    @keyframes heroFloatBg{0%{transform:translate(-50%,-50%) scale(1)}100%{transform:translate(-50%,-52%) scale(1.05)}}
    .hero-eye{position:relative;z-index:1;display:inline-block;font-family:'JetBrains Mono',monospace;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:.8rem}
    .promo-banner{position:relative;z-index:1;width:100%;background:rgba(255,255,255,0.4);backdrop-filter:blur(8px);border-top:1px solid rgba(255,255,255,0.5);border-bottom:1px solid rgba(17,24,39,0.05);padding:.6rem 0;display:flex;justify-content:center}
    .promo-inner{width:100%;max-width:1100px;display:flex;gap:1.5rem;align-items:center;justify-content:center;padding:0 .75rem;font-size:.95rem;color:var(--ink)}
    .promo-item{background:rgba(17,24,39,0.03);padding:.5rem 1rem;border-radius:10px;border:1px solid rgba(17,24,39,0.04);animation:promoPulse 4s ease-in-out infinite alternate}
    @keyframes promoPulse {
      0% { transform: translateY(0); box-shadow: 0 2px 4px rgba(0,0,0,0) }
      50% { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.04) }
      100% { transform: translateY(0); box-shadow: 0 2px 4px rgba(0,0,0,0) }
    }
    @media(max-width:720px){.promo-inner{flex-direction:column;gap:.5rem;font-size:.92rem}.promo-item{width:100%;text-align:center}}
    .cart-btn{margin-left:.6rem;background:transparent;border:none;padding:.25rem .45rem;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;color:var(--ink);margin-left:auto;font-size:1.05rem;position:relative;transition:transform 0.2s}
    .cart-btn:hover{transform:scale(1.05)}
    .cart-btn .cart-ico{font-size:1.25rem}
    .cart-btn #cart-count{background:var(--accent);color:#fff;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;font-size:.72rem;position:absolute;top:0;right:0;transform:translate(25%, -25%);box-shadow:var(--shadow-sm);animation:pulseGlow 2s infinite}
    @keyframes pulseGlow{0%{box-shadow:0 0 0 0 rgba(254,80,0,0.4)}70%{box-shadow:0 0 0 6px rgba(254,80,0,0)}100%{box-shadow:0 0 0 0 rgba(254,80,0,0)}}
    .cart-drawer{position:fixed;right:16px;top:80px;width:360px;max-width:calc(100% - 32px);background:var(--surface);border:1px solid var(--border);border-radius:24px;z-index:400;box-shadow:var(--shadow-lg);display:none;padding:8px}
    .cart-drawer.open{display:block}
    .cart-inner{padding:.75rem;max-height:70vh;overflow:auto}
    .cart-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem}
    .cart-close{background:transparent;border:1px solid var(--border-s);width:34px;height:28px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;color:var(--ink)}
    .cart-line{display:flex;gap:.5rem;align-items:center;padding:.45rem 0;border-bottom:1px dashed var(--border-s)}
    .cart-line:last-child{border-bottom:none}
    .cart-name{font-weight:600;font-size:.95rem}
    .cart-qty{display:flex;gap:.3rem;align-items:center}
    .cart-qty button{border:none;background:var(--bg);padding:.2rem .5rem;border-radius:6px;cursor:pointer;color:var(--ink);min-width:28px;text-align:center}
    .dark .cart-qty button{background:#27272f;border:1px solid rgba(255,255,255,0.12);color:#f9fafb}
    .cart-line .line-meta{margin-left:auto;text-align:right;min-width:120px;display:flex;flex-direction:column;align-items:flex-end}
    .line-meta .line-right{display:flex;align-items:center;gap:.6rem}
    .line-meta .discount-pct{color:green;font-size:.78rem}
    .cart-foot{padding-top:.6rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.5rem}
    .cart-actions{display:flex;gap:.5rem}
    .cart-actions button{flex:1}
    .add-cart{border:1px solid var(--border-s);background:var(--bg);padding:6px 8px;border-radius:8px;cursor:pointer;position:relative;display:inline-flex;align-items:center;justify-content:center;transition:all 0.2s}
    .add-cart:hover{background:var(--border-s);transform:scale(1.05)}
    .add-cart .add-ico{font-size:1rem}
    .add-cart .add-badge{position:absolute;top:-2px;right:-2px;z-index: 2;background:var(--accent);color:#fff;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:.64rem;font-weight:700;box-shadow:var(--shadow-sm)}
    .add-cart:disabled{opacity:1;background:#e5e7eb;color:#9ca3af;border-color:#e5e7eb;cursor:not-allowed}
    @media(max-width:480px){
      .cart-drawer{
        left:0;
        right:0;
        bottom:0;
        top:auto;
        width:100vw;
        max-width:100vw;
        border-radius:18px 18px 0 0;
        transform:none;
      }
    }
    #cart-summary{font-size:.88rem;color:var(--ink)}
    #cart-summary .cart-summary-row{margin:4px 0}
    #cart-summary .cart-total{font-weight:700;font-size:.98rem}
    .hero-h1{position:relative;z-index:1;font-family:'Bebas Neue',sans-serif;font-size:clamp(3rem,8vw,6rem);letter-spacing:.02em;line-height:.95;margin-bottom:1rem;color:#f9fafb}
    .hero-h1 em{font-style:normal;color:var(--accent)}
    .stat-pills{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
    .stat-pill{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);padding:5px 14px;border-radius:100px;font-size:.76rem;color:rgba(255,255,255,.65);font-family:'JetBrains Mono',monospace}
    .stat-pill strong{color:#fff}
    .filter-bar{background:var(--surface);border-bottom:1.5px solid var(--border);padding:0 1.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
    .filter-bar::-webkit-scrollbar{display:none}
    .filter-inner{max-width:1320px;margin:0 auto;display:flex;gap:4px;padding:10px 0;min-width:max-content}
    .filter-tags{padding-top:0;padding-bottom:10px;border-top:1px solid var(--border)}
    .filter-row-label{font-family:'JetBrains Mono',monospace;font-size:.7rem;color:var(--muted);padding:6px 8px 6px 0;flex-shrink:0;user-select:none}
    .fb{background:none;border:1.5px solid transparent;border-radius:12px;padding:6px 16px;font-size:.82rem;font-family:'Space Grotesk',sans-serif;font-weight:500;color:var(--muted);cursor:pointer;transition:all .2s cubic-bezier(0.175,0.885,0.32,1.275);white-space:nowrap}
    .fb:hover{color:var(--ink);background:var(--bg);border-color:var(--border-s);transform:translateY(-1px);box-shadow:var(--shadow-sm)}
    .fb.active{color:#fff;background:var(--accent);border-color:var(--accent)}
    .fb.sep{color:var(--border-s);cursor:default;padding:6px 4px;pointer-events:none}
    .main{max-width:1320px;margin:0 auto;padding:2rem 1.5rem 5rem}
    .results-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:.5rem}
    .results-txt{font-family:'JetBrains Mono',monospace;font-size:.75rem;color:var(--muted)}
    .results-txt strong{color:var(--ink)}
    .sort-sel{background:var(--surface);border:1.5px solid var(--border-s);border-radius:8px;padding:6px 12px;font-size:.8rem;font-family:'Space Grotesk',sans-serif;color:var(--ink);cursor:pointer;outline:none}
    .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;align-items:stretch}
    .grid > * { min-width: 0; width: 100%; height: 100%; }
    .card-container {animation:fadeUp .5s ease both;}
    @keyframes fadeUp{from{opacity:0;translate: 0 20px;}to{opacity:1;translate: 0 0;}}
    .card-container:hover .card-front{border-color:rgba(255,255,255,0.9);}
    .card-container:hover { transform:translateY(-8px) scale(1.02); z-index: 10; }
    
    
    
    .card-vis{background:#ffffff;height:180px;display:flex;align-items:center;justify-content:center;font-size:3.5rem;border-bottom:1px solid rgba(17,24,39,0.03);position:relative;overflow:hidden}
    .card-vis img{height:100%;width:auto;display:block;margin:0 auto;object-position:top center;max-width:none;transition:transform .4s cubic-bezier(0.175,0.885,0.32,1.275)}
    .card-container:hover .card-vis img{transform:scale(1.08) translateY(-4px)}
    .fallback-icon{font-size:3.5rem;pointer-events:none}
    .sbadge{position:absolute;top:10px;right:10px;padding:4px 10px;border-radius:100px;font-family:'JetBrains Mono',monospace;font-size:.63rem;font-weight:600;letter-spacing:.03em;z-index:2}
    .fav-btn{position:absolute;top:10px;left:10px;background:rgba(255,255,255,0.8);color:var(--text-sec);border:none;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;transition:transform 0.2s, background 0.2s, color 0.2s;}
    .fav-btn svg{width:16px;height:16px;}
    .fav-btn:hover{transform:scale(1.1);background:#fff;color:red;}
    .dark .fav-btn{background:rgba(30,30,30,0.8);color:var(--text-sec);}
    .dark .fav-btn:hover{background:#333;color:red;}
    .fav-btn.active{color:red;}
    .fav-btn.active svg{fill:currentColor;}
    .fav-filter-btn { background: none; border: 1.5px solid var(--border-s); padding: 8px; border-radius: 8px; cursor: pointer; color: var(--text-sec); display: flex; align-items: center; justify-content: center; }
    .fav-filter-btn.active { background: #ffe6e6; border-color: red; color: red; }
    .dark .fav-filter-btn.active { background: #4a1a1a; }

    .s-in{background:var(--gl);color:var(--green);border:1px solid #86d3b4}
    .s-low{background:var(--al);color:var(--amber);border:1px solid #fcdb73}
    .s-soon{background:var(--bl);color:var(--blue);border:1px solid #a3c7fc}
    .s-epuizat-nou{background:#fdd8d8 !important;color:#dc2626 !important;border:1.5px solid #dc2626 !important;font-weight:700 !important;letter-spacing:0.03em}

    .dark .sim-img { mix-blend-mode: normal; background: white; }
    .sim-img { mix-blend-mode: multiply; }

    .img-count{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.7);color:#fff;font-family:'JetBrains Mono',monospace;font-size:.6rem;padding:3px 8px;border-radius:100px;}
    .card-body{padding:.9rem;display:flex;flex-direction:column;gap:.55rem;flex:1}
    .card-cat{font-family:'JetBrains Mono',monospace;font-size:.65rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
    .card-name{font-weight:700;font-size:1.05rem;line-height:1.2;color:var(--ink);flex:1;letter-spacing:-0.02em;min-height:2.4em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
    .tags-row{display:flex;gap:3px;flex-wrap:wrap;align-items:center;min-height:22px}
    .tag{display:inline-flex;align-items:center;gap:3px;font-size:.68rem;font-family:'Space Grotesk',sans-serif;font-weight:600;background:var(--surface);border:1.5px solid var(--border-s);border-radius:100px;padding:3px 7px;white-space:nowrap;color:var(--ink);letter-spacing:.01em;cursor:pointer;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;flex-shrink:0}
    .tag:hover{background:var(--bg);border-color:var(--ink);transform:translateY(-1px);box-shadow:var(--shadow-sm)}
    .tag.tag-active{background:var(--accent);color:#fff;border-color:var(--accent)}
    .tag-more{font-size:.65rem;font-weight:500;font-family:'JetBrains Mono',monospace;color:var(--muted);white-space:nowrap;padding:3px 2px}
    .m-tag{display:inline-flex;align-items:center;font-size:.75rem;font-family:'Space Grotesk',sans-serif;font-weight:600;background:var(--surface);border:1.5px solid var(--border-s);border-radius:100px;padding:4px 12px;white-space:nowrap;color:var(--ink)}
    .card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:.65rem;border-top:1px solid var(--border);gap:.35rem;flex-wrap:nowrap;}
    .card-actions{display:flex;gap:.45rem;align-items:center;white-space:nowrap;flex-shrink:0}
    .price-val{font-family:'JetBrains Mono',monospace;font-size:1rem;font-weight:700;color:var(--ink);letter-spacing:-0.03em;white-space:nowrap;line-height:1;}
    .price-cur{font-family:'JetBrains Mono',monospace;font-size:.62rem;font-weight:500;color:var(--muted);margin-left:2px;line-height:1}
    .price-ask{font-size:.78rem;color:var(--muted);font-style:italic}
    .buy-btn{background:var(--accent);color:#fff;border:none;border-radius:9px;padding:8px 16px;font-size:.85rem;font-family:'Space Grotesk',sans-serif;font-weight:700;cursor:pointer;transition:background .15s,transform .15s,box-shadow .15s;white-space:nowrap;flex-shrink:0}
    .buy-btn:hover{background:var(--accent-hover);transform:scale(1.04) translateY(-1px)}
    .buy-btn:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}
    .skeleton{background:linear-gradient(90deg,rgba(17,24,39,0.06) 25%,rgba(17,24,39,0.02) 50%,rgba(17,24,39,0.06) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}
    @keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
    .skel-card{background:var(--surface);border:1.5px solid var(--border);border-radius:16px;overflow:hidden}
    .skel-vis{height:170px}
    .skel-body{padding:.9rem;display:flex;flex-direction:column;gap:.75rem}
    .skel-line{border-radius:6px;height:13px}
    .error-box,.empty-box{grid-column:1/-1;text-align:center;padding:4rem 2rem}
    .error-box h3{font-family:'Bebas Neue',sans-serif;font-size:2rem;color:var(--red);letter-spacing:.04em;margin-bottom:.5rem}
    .empty-box h3{font-family:'Bebas Neue',sans-serif;font-size:1.8rem;color:var(--ink);letter-spacing:.04em;margin-bottom:.5rem}
    .error-box p,.empty-box p{color:var(--muted);font-size:.9rem;margin-bottom:1rem}
    .retry-btn{background:var(--ink);color:#fff;border:none;border-radius:10px;padding:10px 24px;font-size:.85rem;font-family:'Space Grotesk',sans-serif;font-weight:600;cursor:pointer}
    .moverlay{position:fixed;inset:0;background:rgba(26,24,20,.65);backdrop-filter:blur(5px);z-index:200;display:none;align-items:center;justify-content:center;padding:1rem}
    .moverlay.open{display:flex}
    .modal{background:var(--surface);border:1.5px solid var(--border-s);border-radius:20px;width:100%;max-width:720px;max-height:90vh;overflow-y:auto;min-width:0;animation:mIn .25s cubic-bezier(.34,1.56,.64,1)}
    @keyframes mIn{from{opacity:0;transform:translateY(10px) scale(0.98)}to{opacity:1;transform:translateY(0) scale(1)}}
    .modal::-webkit-scrollbar{width:8px}
    .modal::-webkit-scrollbar-track{margin:24px 0;background:transparent}
    .modal::-webkit-scrollbar-thumb{background:rgba(17,24,39,0.15);border-radius:10px;border:2px solid #fff}
    .modal::-webkit-scrollbar-thumb:hover{background:rgba(17,24,39,0.3)}
    .m-slideshow{position:relative;width:100%;height:360px;background:#ffffff;border-bottom:1px solid rgba(17,24,39,0.06);border-radius:28px 28px 0 0;overflow:hidden;flex-shrink:0}
    .m-slide{position:absolute;inset:0;opacity:0;transition:opacity .3s}
    .m-slide.active{opacity:1}
    .m-slide img{height:auto;max-height:100%;max-width:100%;object-fit:contain;display:block;margin:0 auto;object-position:center;padding:15px}
    .m-slide-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:6rem}
    .m-desc{color:var(--ink);font-size:.95rem;line-height:1.35;margin-top:.6rem;padding-top:.25rem}
    .m-desc-label{font-weight:600;color:var(--ink);margin-bottom:.25rem}
    .m-desc-text{background:transparent;border:none;padding:.6rem;border-radius:8px;white-space:pre-line;word-break:break-word;color:var(--ink);margin-top:.25rem}
    .slide-prev,.slide-next,.slide-fs-btn{position:absolute;background:rgba(0,0,0,.45);color:#fff;border:none;border-radius:50%;width:32px;height:32px;cursor:pointer;font-size:.9rem;z-index:3;display:flex;align-items:center;justify-content:center;transition:background .15s}
    .slide-prev,.slide-next{top:50%;transform:translateY(-50%)}
    .slide-prev{left:10px}
    .slide-next{right:10px}
    .slide-fs-btn{top:10px;right:10px;font-size:1.1rem;display:none}
    .slide-prev:hover,.slide-next:hover,.slide-fs-btn:hover{background:rgba(0,0,0,.7)}
    .slide-dots{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);display:flex;gap:5px}
    .slide-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer;transition:background .15s}
    .slide-dot.active{background:#fff}
    .m-body{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.9rem}
    .m-top{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}
    .m-name{font-weight:700;font-size:1.05rem;line-height:1.3;color:var(--ink)}
    .m-cat{font-family:'JetBrains Mono',monospace;font-size:.63rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:3px}
    .m-status-pill{padding:5px 12px;border-radius:100px;font-family:'JetBrains Mono',monospace;font-size:.7rem;font-weight:600;flex-shrink:0;white-space:nowrap}
    .m-tags{display:flex;flex-wrap:wrap;gap:5px}
    .m-price-row{display:flex;align-items:baseline;gap:.4rem}
    .m-price{font-family:'JetBrains Mono',monospace;font-size:2rem;font-weight:500;color:var(--ink)}
    .m-price-cur{font-family:'JetBrains Mono',monospace;font-size:.85rem;color:var(--muted)}
    .m-price-ask{font-size:1rem;color:var(--muted);font-style:italic}
    .m-desc{font-size:.85rem;color:var(--ink2);line-height:1.55;background:#f9fafb;border:1px solid rgba(17,24,39,0.06);border-radius:12px;padding:.85rem 1rem}
    .info-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
    .info-item{background:#f9fafb;border:1px solid rgba(17,24,39,0.06);border-radius:12px;padding:.85rem}
    .info-label{font-size:.65rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px;font-family:'JetBrains Mono',monospace}
    .info-val{font-size:.85rem;font-weight:600;color:var(--ink)}
    .m-actions{display:flex;gap:.75rem}
    .contact-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}
    .btn-contact{flex:1;min-width:80px;display:flex;align-items:center;justify-content:center;gap:.4rem;background:var(--bg);color:var(--ink);border:1.5px solid var(--border-s);border-radius:10px;padding:9px 12px;font-size:.82rem;font-family:'Space Grotesk',sans-serif;font-weight:600;cursor:pointer;text-decoration:none;transition:all .2s cubic-bezier(0.175,0.885,0.32,1.275)}
    .btn-contact:hover{border-color:var(--ink);background:rgba(17,24,39,0.03);transform:translateY(-1px);box-shadow:var(--shadow-sm)}
    .btn-contact:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}
    .btn-contact.viber{border-color:rgba(126,76,172,.4);color:#7e4cac}
    .btn-contact.viber:hover{background:rgba(126,76,172,.07)}
    .btn-contact.tg{border-color:rgba(0,136,204,.4);color:#0088cc}
    .btn-contact.tg:hover{background:rgba(0,136,204,.07)}
    .btn-contact.nm{border-color:rgba(232,65,10,.4);color:var(--accent)}
    .btn-contact.nm:hover{background:rgba(232,65,10,.07)}
    .btn-main{flex:1;background:var(--accent);color:#fff;border:none;border-radius:10px;padding:12px 20px;font-size:.88rem;font-family:'Space Grotesk',sans-serif;font-weight:600;cursor:pointer;transition:all .15s}
    .btn-main:hover{background:var(--accent-hover);transform:translateY(-2px)}
    .btn-main:disabled{background:#2a2a2a;color:#777;cursor:not-allowed;box-shadow:none}
    .btn-sec{background:var(--bg);color:var(--ink);border:1.5px solid var(--border-s);border-radius:10px;padding:12px 20px;font-size:.88rem;font-family:'Space Grotesk',sans-serif;font-weight:500;cursor:pointer;transition:all 0.2s}
    .btn-sec:hover{border-color:var(--accent);color:var(--accent);background:transparent;transform:translateY(-1px);box-shadow:0 4px 12px rgba(254,80,0,0.15)}
    footer{background:#09090b;color:rgba(255,255,255,.45);padding:4rem 1.5rem 3rem;text-align:center;border-top:1px solid rgba(17,24,39,0.05)}
    .f-logo{font-family:'Bebas Neue',sans-serif;font-size:2rem;color:#f9fafb;letter-spacing:.06em;margin-bottom:.4rem}
    .f-logo em{font-style:normal;color:var(--accent)}
    .f-sub{font-size:.82rem;margin-bottom:1.5rem}
    .f-links{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}
    .f-links a{color:rgba(255,255,255,0.4);text-decoration:none;font-size:.8rem;transition:color .2s}
    .f-links a:hover{color:var(--accent)}
    .m-theme-toggle { display: none; }
    @media(max-width:640px){
      .build-pill{display:none}
      .hero-h1{font-size:3rem}
      .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
      .card-container{min-height:340px}
      .card-front{min-height:340px}
      .card-vis{height:130px;font-size:2.5rem}
      .card-body{padding:.75rem;gap:.38rem}
      .info-grid{grid-template-columns:1fr}
      .m-slideshow{height:180px}
      
      /* Reordonare header: logo, RO, theme, search, cos */
      .logo { order: 1 !important; }
      .lang-toggle { order: 2 !important; }
      header .theme-toggle { display: none !important; }
      .m-theme-toggle { display: block; position: absolute; top: 12px; left: 16px; border: 1px solid rgba(255,255,255,0.2) !important; color: #fff !important; z-index: 10; border-radius: 8px; padding: 6px 8px; }
      .h-search { order: 4 !important; }
      .cart-btn { order: 5 !important; }

      /* Cart button flotant in coltul dreapta-jos pe mobil */
      .cart-btn {
        position: fixed;
        bottom: 84px;
        right: 16px;
        margin-left: 0;
        background: #000;
        color: #fff;
        border-radius: 999px;
        padding: 0.4rem 0.75rem;
        box-shadow: var(--shadow-lg);
        z-index: 450;
      }

      .cart-btn.has-items {
        background: var(--accent);
      }
      /* Search bar compact pe mobil */
      .h-search{max-width:calc(100% - 64px);flex:1 1 auto}
      .h-search svg{left:10px}
      .search-inp{padding:8px 36px 8px 36px;font-size:.78rem}
      .card-foot{
        display:grid;
        grid-template-columns:1fr;
        grid-template-areas:
          "price"
          "actions";
        gap:.3rem;
        align-items:center;
        padding-top:.34rem;
      }
      .price-wrap{
        grid-area:price;
        justify-self:start;
        background:transparent;
        border:none;
        border-radius:0;
        padding:0;
        margin-top:.02rem;
      }
      .card-foot>div{min-width:0;}
      .card-actions{grid-area:actions;justify-self:start;gap:.35rem}
      .buy-btn{flex-shrink:1;padding:6px 10px;font-size:.74rem}
      .add-cart{flex-shrink:0}
      .price-val{font-size:1.25rem;line-height:.98;letter-spacing:-0.03em}
      .price-cur{font-size:.58rem;line-height:1;margin-left:2px;opacity:.9}
      .tags-row{max-height:44px;overflow:hidden}
      .contact-row{gap:.4rem}
      .btn-contact{font-size:.76rem;padding:8px 10px}
      .search-inp::placeholder{color:var(--muted)}
      .search-inp:focus::placeholder{color:var(--muted)}
    }
    @media(max-width:420px){.search-inp{font-size:.72rem;padding-left:34px}}
    @media(max-width:360px){.grid{grid-template-columns:1fr}}
    @media(min-width:900px){
      .h-inner{position:relative}
      .h-search{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:560px;max-width:60%;z-index:2;display:inline-flex;align-items:center;gap:10px}
      .h-search svg{left:12px}
      .build-pill{margin-left:0}
      .cart-btn{margin-left:auto;position:relative;z-index:3}
      .h-search .search-inp{flex:1;min-width:0}
      .h-search .build-pill{margin-left:8px;flex-shrink:0}
    }
    /* ── Channel picker popup ── */
    .ch-overlay{position:fixed;inset:0;background:rgba(26,24,20,.55);backdrop-filter:blur(4px);z-index:500;display:none;align-items:center;justify-content:center;padding:1rem}
    .ch-overlay.open{display:flex}
    .ch-box{background:var(--surface);border:1px solid rgba(255,255,255,0.8);border-radius:24px;padding:1.5rem;width:100%;max-width:340px;box-shadow:var(--shadow-lg);animation:mIn .3s cubic-bezier(.34,1.56,.64,1)}
    .ch-title{font-family:'Bebas Neue',sans-serif;font-size:1.4rem;letter-spacing:.04em;margin-bottom:.3rem}
    .ch-sub{font-size:.8rem;color:var(--muted);margin-bottom:1.1rem}
    .ch-btns{display:flex;flex-direction:column;gap:.6rem}
    .ch-btn{display:flex;align-items:center;gap:.75rem;padding:11px 16px;border-radius:11px;border:1.5px solid var(--border-s);background:var(--bg);cursor:pointer;font-family:'Space Grotesk',sans-serif;font-size:.9rem;font-weight:600;color:var(--ink);transition:all .2s cubic-bezier(0.175,0.885,0.32,1.275);text-align:left}
    .ch-btn:hover{border-color:var(--ink);background:rgba(17,24,39,0.03);transform:translateY(-2px);box-shadow:var(--shadow-sm)}
    .ch-btn .ch-ico{font-size:1.3rem;width:28px;text-align:center}
    .ch-btn.ch-wa{border-color:rgba(37,211,102,.4);color:#128c37}
    .ch-btn.ch-wa:hover{background:rgba(37,211,102,.07)}
    .ch-btn.ch-vb{border-color:rgba(126,76,172,.4);color:#7e4cac}
    .ch-btn.ch-vb:hover{background:rgba(126,76,172,.07)}
    .ch-btn.ch-tg{border-color:rgba(0,136,204,.4);color:#0088cc}
    .ch-btn.ch-tg:hover{background:rgba(0,136,204,.07)}
    .ch-btn.ch-nm{border-color:rgba(232,65,10,.4);color:var(--accent)}
    .ch-btn.ch-nm:hover{background:rgba(232,65,10,.07)}
    .ch-cancel{margin-top:.5rem;width:100%;background:transparent;border:1.5px solid var(--border-s);border-radius:10px;padding:9px;font-family:'Space Grotesk',sans-serif;font-size:.85rem;cursor:pointer;color:var(--muted)}
    .ch-cancel:hover{border-color:var(--ink);color:var(--ink)}

    /* ── Fullscreen Gallery ── */
    .fs-overlay{position:fixed;inset:0;background:rgba(0,0,0,.95);z-index:99999;display:none;align-items:center;justify-content:center;backdrop-filter:blur(10px)}
    .fs-overlay.open{display:flex;animation:mIn 0.3s cubic-bezier(.34,1.56,.64,1)}
    .fs-img{max-width:90vw;max-height:90vh;object-fit:contain;transition:opacity 0.2s;background:#ffffff;border-radius:8px;padding:10px}
    .fs-btn{position:absolute;color:#fff;font-size:1.5rem;cursor:pointer;z-index:10;background:rgba(0,0,0,0.5);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,0.15);transition:all 0.2s;user-select:none}
    .fs-btn:hover{background:var(--accent);border-color:var(--accent);transform:scale(1.1)}
    .fs-close{top:1.5rem;right:1.5rem}
    .fs-prev{top:50%;left:1.5rem;transform:translateY(-50%)}
    .fs-prev:hover{transform:translateY(-50%) scale(1.1)}
    .fs-next{top:50%;right:1.5rem;transform:translateY(-50%)}
    .fs-next:hover{transform:translateY(-50%) scale(1.1)}
    
    /* ── Utilities: Dark Mode, Toasts, Back-to-Top ── */
    :root.dark {
      --bg: #09090b; --surface: #18181b; --warm: #18181b;
      --ink: #f9fafb; --ink2: #d1d5db; --muted: #9ca3af;
      --border: rgba(255,255,255,0.1); --border-s: rgba(255,255,255,0.15);
      --shadow-sm: 0 8px 24px rgba(0,0,0,0.3); --shadow-lg: 0 24px 48px rgba(0,0,0,0.4);
    }
    .dark body { background: var(--bg); color: var(--ink); }
    .dark header { background: #09090b; border-color: var(--border-s); box-shadow: none; }
    .dark .card-front { background: var(--surface); border-color: rgba(255,255,255,0.1); box-shadow: 0 8px 24px rgba(0,0,0,0.4); }
    
    .dark .card-vis { background: #ffffff; border-color: rgba(255,255,255,0.05); }
    .dark .m-slideshow { background: #ffffff; border-color: rgba(255,255,255,0.05); }
    .dark .modal { background: rgba(24,24,27,0.95); border-color: rgba(255,255,255,0.15); }
    .dark .m-desc, .dark .info-item { background: #131316; border-color: rgba(255,255,255,0.05); }
    .dark .ch-box { background: var(--surface); border-color: rgba(255,255,255,0.1); }
    .dark .cart-drawer { background: var(--surface); }
    
    .theme-toggle { margin-left: 8px; background: transparent; border: 1px solid var(--border-s); padding: 6px 8px; border-radius: 8px; cursor: pointer; color: var(--ink); transition: all var(--motion-fast); }
    .theme-toggle:hover { background: var(--border-s); color: var(--accent); }

    #toast-container { position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); z-index: 999999; display: flex; flex-direction: column; gap: 10px; pointer-events: none; }
    .toast { background: var(--ink); color: var(--bg); padding: 10px 20px; border-radius: 10px; font-size: 0.9rem; font-weight: 500; font-family: 'Space Grotesk', sans-serif; box-shadow: var(--shadow-lg); animation: toastIn 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; }
    .toast.out { animation: toastOut 0.2s ease-in forwards; }
    @keyframes toastIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
    @keyframes toastOut { from { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(10px); } }

    .btt-btn { position: fixed; bottom: 20px; right: 20px; width: 44px; height: 44px; border-radius: 50%; background: var(--accent); color: #fff; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; box-shadow: var(--shadow-sm); z-index: 100; transition: all var(--motion-base); opacity: 0; pointer-events: none; transform: translateY(20px); }
    .btt-btn.visible { opacity: 1; pointer-events: auto; transform: translateY(0); }
    .btt-btn:hover { background: var(--accent-hover); transform: translateY(-3px) scale(1.05); }

    /* Topographic Grid Background */
    #bg-canvas {
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      z-index: -10;
      pointer-events: none;
      /* Vizibil permanent, opacitatea culorii e reglată din JS în funcție de temă */
      opacity: 1;
      transition: opacity 1.5s ease;
    }
.dark .card-container:hover .card-front { border-color: rgba(255,255,255,0.15); }


.price-wrap { white-space: nowrap; flex-shrink: 0; display: inline-flex; align-items: baseline; min-width: max-content; }



.add-cart { overflow: visible !important; }
.cart-btn { overflow: visible !important; }

.card-back .desc { padding-right: 12px; margin-right: -4px; }
.card-back .desc::-webkit-scrollbar { width: 4px; background-color: transparent; }
.card-back .desc::-webkit-scrollbar-track { background: transparent; border-radius: 10px; }
.card-back .desc::-webkit-scrollbar-thumb { background: rgba(150, 150, 150, 0.4); border-radius: 10px; }
.card-back .desc::-webkit-scrollbar-thumb:hover { background: rgba(150, 150, 150, 0.7); }

.card.flipped .card-front { transform: perspective(1200px) rotateY(180deg); visibility: hidden; opacity: 0; transition-delay: 0s, 0s, 0.25s; }
.card.flipped .card-back { transform: none; visibility: visible; opacity: 1; transition-delay: 0s, 0.1s, 0s; }