/* Extracted from layouts/app.blade.php for production performance */
/* ===== ELEGANT MODERN DESIGN SYSTEM ===== */
        :root{
            --bg:#0c1222;--bg-elevated:#141d32;--bg-card:linear-gradient(145deg,rgba(26,39,64,.85),rgba(20,29,50,.92));
            --border:#1e293b;--border-light:rgba(148,163,184,.12);--border-accent:rgba(56,189,248,.25);
            --text:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;
            --primary:#0ea5e9;--primary-soft:rgba(14,165,233,.12);--primary-glow:rgba(14,165,233,.35);
            --secondary:#8b5cf6;--secondary-soft:rgba(139,92,246,.12);
            --accent:#10b981;--accent-soft:rgba(16,185,129,.12);
            --gradient:linear-gradient(135deg,#0ea5e9 0%,#8b5cf6 100%);
            --gradient-soft:linear-gradient(135deg,rgba(14,165,233,.15),rgba(139,92,246,.15));
            --shadow-sm:0 2px 8px rgba(0,0,0,.12);--shadow-md:0 8px 24px rgba(0,0,0,.16);--shadow-lg:0 16px 48px rgba(0,0,0,.24);
            --radius:12px;--radius-lg:16px;--radius-xl:20px;
            --space-xs:6px;--space-sm:10px;--space-md:16px;--space-lg:24px;--space-xl:32px
        }
        *{box-sizing:border-box;margin:0;padding:0}
        html{scroll-behavior:smooth;scroll-padding-top:100px}
        body{font-family:"Manrope","Cairo",-apple-system,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.65;font-size:14px;-webkit-font-smoothing:antialiased}
        [dir="rtl"] body{font-family:"Cairo","Manrope",sans-serif}
        a{color:inherit;text-decoration:none;transition:color .2s}
        img{max-width:100%;display:block}

        /* Focus States */
        a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius)}

        /* Utility Classes */
        .skip-link{position:absolute;top:var(--space-md);left:var(--space-md);transform:translateY(-200%);opacity:0;background:var(--bg-elevated);color:var(--text);padding:var(--space-sm) var(--space-md);border-radius:var(--radius);border:1px solid var(--border);z-index:100;transition:all .2s}
        .skip-link:focus-visible{transform:translateY(0);opacity:1}
        .sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
        .hidden{display:none!important}
        .muted{color:var(--text-secondary)}

        /* Layout */
        .page{min-height:100vh;display:flex;flex-direction:column}
        .container{width:min(1200px,calc(100% - var(--space-lg)*2));margin:0 auto;padding:var(--space-lg) 0 var(--space-xl)}

        /* === TOPBAR NAVIGATION === */
        .topbar{position:sticky;top:var(--space-md);z-index:50;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:rgba(12,18,34,.85);border:1px solid var(--border-light);border-radius:var(--radius-lg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);margin-bottom:var(--space-lg)}
        .brand-wrap{display:flex;align-items:center;gap:var(--space-sm)}
        .logo{width:40px;height:40px;border-radius:var(--radius);overflow:hidden;flex-shrink:0}
        .logo img{width:100%;height:100%;object-fit:cover}
        .brand{font-family:"Space Grotesk","Cairo",sans-serif;font-weight:700;font-size:18px;color:var(--text);letter-spacing:-.02em}
        .brand-text-wrap{min-width:0;display:flex;flex-direction:column;gap:2px}
        .tagline{font-size:11px;color:var(--text-muted);margin-top:1px}
        .nav-links{display:flex;align-items:center;gap:var(--space-xs);font-size:13px;flex-wrap:wrap}
        .nav-links a{color:var(--text-secondary);padding:8px 12px;border-radius:var(--radius);transition:all .2s}
        .nav-links a:hover{color:var(--text);background:var(--primary-soft)}
        .nav-links a.active{color:var(--primary);background:var(--primary-soft)}
        .nav-links .cta{background:var(--gradient);color:#fff;font-weight:600;box-shadow:0 4px 14px var(--primary-glow)}
        .nav-links .cta:hover{filter:brightness(1.1);transform:translateY(-1px)}
        .nav-links .lang{padding:6px 10px;border:1px solid var(--border);font-size:11px;font-weight:700}
        .nav-links .lang.active{background:var(--secondary-soft);border-color:var(--secondary);color:var(--secondary)}
        .nav-separator{margin-inline-start:var(--space-sm);opacity:.5;user-select:none}
        .account-menu-wrap{position:relative;display:inline-block}
        .account-menu-details{list-style:none;cursor:pointer}
        .account-menu-trigger{padding:8px 12px;border-radius:var(--radius);transition:all .2s;user-select:none;list-style:none}
        .account-menu-trigger::-webkit-details-marker{display:none}
        .account-menu-trigger::marker{content:""}
        .account-menu-details[open] .account-menu-trigger,.account-menu-trigger:hover{background:var(--primary-soft);color:var(--text)}
        .account-menu-dropdown{display:none;position:absolute;inset-inline-end:0;top:100%;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);min-width:200px;margin-top:4px;box-shadow:var(--shadow-lg);z-index:100;overflow:hidden}
        .account-menu-details[open] .account-menu-dropdown{display:block}
        .account-menu-item{display:block;padding:10px 14px;color:var(--text);transition:background .2s;border-bottom:1px solid var(--border-light)}
        .account-menu-item:hover{background:var(--primary-soft);color:var(--text)}
        .account-menu-form{margin:0}
        .account-menu-button{width:100%;text-align:start;border:none;background:transparent;cursor:pointer;border-bottom:none;font:inherit}
        @media (max-width:768px){.topbar{flex-direction:column;align-items:stretch}.nav-links{justify-content:center}}

        /* === HERO SECTION === */
        .hero{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-lg);margin-bottom:var(--space-lg);position:relative;overflow:hidden}
        .hero::before{content:'';position:absolute;top:0;right:0;width:50%;height:100%;background:var(--gradient-soft);border-radius:inherit;opacity:.5;pointer-events:none}
        .hero-title{font-size:clamp(24px,4vw,34px);font-weight:800;color:var(--text);line-height:1.2;letter-spacing:-.02em;position:relative}
        .hero-sub{color:var(--text-secondary);margin-top:var(--space-xs);font-size:15px;position:relative}
        .hero-split{display:grid;grid-template-columns:1fr;gap:var(--space-lg);position:relative;align-items:start}
        @media (min-width:1024px){.hero-split{grid-template-columns:1.15fr .85fr}}
        .kicker-row{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-md)}
        .kicker{display:inline-flex;align-items:center;gap:var(--space-xs);padding:6px 12px;border-radius:999px;background:var(--primary-soft);border:1px solid var(--border-accent);color:var(--primary);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
        .kicker .dot{width:6px;height:6px;border-radius:50%;background:var(--primary)}
        .hero-ctas{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-md)}

        /* === SEARCH COMPONENTS === */
        .search{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin-top:var(--space-md)}
        .input{flex:1 1 200px;background:rgba(255,255,255,.04);border:1px solid var(--border);color:var(--text);padding:12px 14px;border-radius:var(--radius);font-size:14px;transition:all .2s}
        .input::placeholder{color:var(--text-muted)}
        .input:focus{outline:none;border-color:var(--primary);background:rgba(255,255,255,.06);box-shadow:0 0 0 3px var(--primary-soft)}

        /* Home Search */
        .home-search-form{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-md)}
        .home-search-grid{display:grid;grid-template-columns:1fr;gap:var(--space-sm)}
        @media (min-width:640px){.home-search-grid{grid-template-columns:1fr auto}}
        .home-search-input-wrap{position:relative}
        .home-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-muted);pointer-events:none}
        [dir="rtl"] .home-search-icon{left:auto;right:12px}
        .home-search-input{width:100%;padding-inline-start:40px}
        [dir="rtl"] .home-search-input{padding-inline-start:14px;padding-inline-end:40px}
        .home-search-suggestions{position:absolute;left:0;right:0;top:100%;z-index:30;max-height:280px;overflow-y:auto;background:var(--bg-elevated);border:1px solid var(--border);border-top:none;border-radius:0 0 var(--radius) var(--radius);box-shadow:var(--shadow-lg)}
        .home-search-suggestion-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-size:13px;color:var(--text);border-bottom:1px solid var(--border-light);transition:background .15s}
        .home-search-suggestion-item:last-child{border-bottom:none}
        .home-search-suggestion-item:hover{background:var(--primary-soft)}
        .home-search-suggestion-icon{width:20px;height:20px;border-radius:6px;flex-shrink:0}
        .home-search-suggestion-fallback{width:20px;height:20px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;background:var(--secondary-soft);color:var(--secondary)}
        .home-search-suggestion-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
        .home-search-suggestion-type{padding:3px 8px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:10px;font-weight:700}

        /* Search Filters */
        .home-filters{border:1px solid var(--border);border-radius:var(--radius);background:rgba(255,255,255,.02);overflow:hidden;transition:background .2s}
        .home-filters[open]{background:var(--bg-elevated)}
        .home-filters-summary{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);cursor:pointer;font-weight:600;color:var(--text);list-style:none;transition:background .2s}
        .home-filters-summary::-webkit-details-marker{display:none}
        .home-filters-summary::marker{content:""}
        .home-filters-summary:hover{background:var(--primary-soft)}
        .home-filters-summary-icon{width:18px;height:18px;transition:transform .2s}
        .home-filters[open] .home-filters-summary-icon{transform:rotate(180deg)}
        .home-filters-grid{display:grid;grid-template-columns:1fr;gap:12px;padding:14px;border-top:1px solid var(--border)}
        @media (min-width:640px){.home-filters-grid{grid-template-columns:repeat(2,1fr)}}
        @media (min-width:1024px){.home-filters-grid{grid-template-columns:repeat(5,1fr)}}
        .home-filter-field{display:flex;flex-direction:column;gap:6px}
        .home-filter-label{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}
        .home-filter-input{height:40px;background:rgba(255,255,255,.05);border:1px solid var(--border-light);border-radius:8px;padding:0 12px;color:var(--text);font-size:13px;transition:all .2s;width:100%}
        .home-filter-input:focus{outline:none;border-color:var(--primary);background:rgba(255,255,255,.08);box-shadow:0 0 0 2px var(--primary-soft)}
        .home-filter-input option,.home-filter-input optgroup{color:#0f172a;background:#fff}
        select.home-filter-input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}

        /* === BUTTONS === */
        .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);background:var(--gradient);border:none;color:#fff;padding:10px 18px;border-radius:var(--radius);font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;box-shadow:0 4px 14px var(--primary-glow)}
        .btn:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 20px var(--primary-glow)}
        .btn:active{transform:translateY(0)}
        .btn.ghost{background:transparent;border:1px solid var(--border);color:var(--text);box-shadow:none}
        .btn.ghost:hover{background:var(--primary-soft);border-color:var(--primary)}
        .btn.small{padding:6px 12px;font-size:12px}
        .btn.secondary{background:var(--secondary);box-shadow:0 4px 14px rgba(139,92,246,.3)}

        /* === BADGES & CHIPS === */
        .badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:4px 10px;border-radius:999px;background:var(--secondary-soft);border:1px solid rgba(139,92,246,.25);color:#c4b5fd;font-size:11px;font-weight:600}
        .chip{display:inline-flex;align-items:center;gap:var(--space-xs);padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.03);border:1px solid var(--border);color:var(--text);font-size:12px;font-weight:500;transition:all .2s}
        .chip:hover{border-color:var(--primary);background:var(--primary-soft);transform:translateY(-1px)}
        .chips{display:flex;flex-wrap:wrap;gap:var(--space-xs)}

        /* === GRID LAYOUTS === */
        .grid{display:grid;grid-template-columns:1fr;gap:var(--space-md)}
        @media (min-width:640px){.grid{grid-template-columns:repeat(2,1fr)}}
        @media (min-width:1024px){.grid{grid-template-columns:repeat(3,1fr)}}

        /* === CARDS === */
        .card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-md);transition:all .25s ease}
        .card:hover{border-color:var(--border-accent);transform:translateY(-3px);box-shadow:var(--shadow-lg)}
        .card-title{font-weight:700;color:var(--text);margin-bottom:var(--space-xs)}
        .meta{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-sm);font-size:12px;color:var(--text-muted)}

        /* === SECTIONS === */
        .section{margin-bottom:var(--space-xl);scroll-margin-top:100px}
        .section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-md)}

        /* === APP COMPONENTS === */
        .app-row{display:flex;gap:var(--space-md);align-items:flex-start}
        .app-icon{position:relative;width:56px;height:56px;border-radius:var(--radius);background:var(--gradient-soft);border:1px solid var(--border-light);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}
        .app-icon img{width:100%;height:100%;object-fit:cover}
        .app-icon-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:var(--text);opacity:0;transition:opacity .2s}
        .app-icon.icon-fallback .app-icon-fallback{opacity:1}
        .app-icon.icon-fallback img{display:none}
        .app-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
        .app-title{font-weight:700;color:var(--text)}
        .app-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin-top:var(--space-sm)}

        /* Category Row */
        .category-row{display:flex;gap:var(--space-md);align-items:flex-start}
        .category-icon{width:48px;height:48px;border-radius:var(--radius);background:var(--gradient-soft);border:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}
        .category-icon svg{width:20px;height:20px}

        /* === STATS === */
        .stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm);margin-top:var(--space-md)}
        @media (min-width:768px){.stats{grid-template-columns:repeat(4,1fr)}}
        .stat-card{background:rgba(255,255,255,.03);border:1px solid var(--border-light);border-radius:var(--radius);padding:var(--space-md)}
        .stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}
        .stat-value{font-size:18px;font-weight:700;color:var(--text);margin-top:4px}

        /* === SCREENSHOTS === */
        .screenshots-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}
        @media (min-width:640px){.screenshots-grid{grid-template-columns:repeat(3,1fr)}}
        @media (min-width:1024px){.screenshots-grid{grid-template-columns:repeat(4,1fr)}}
        .screenshot-card{background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:8px;overflow:hidden;transition:transform .2s,box-shadow .2s}
        .screenshot-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}
        .screenshot-card img{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:var(--radius)}

        /* === OPTIMIZED IMAGES (Lazy Load) === */
        .optimized-img-wrap{position:relative;overflow:hidden;background:var(--bg-elevated);border-radius:var(--radius)}
        .optimized-img{width:100%;height:100%;object-fit:cover;transition:opacity .4s ease,filter .4s ease}
        .img-blur-placeholder .optimized-img{filter:blur(10px);transform:scale(1.05)}
        .img-blur-placeholder.img-loaded .optimized-img{filter:blur(0);transform:scale(1)}
        .img-skeleton{background:linear-gradient(90deg,var(--bg-elevated) 25%,rgba(255,255,255,.08) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:imgSkeleton 1.2s ease-in-out infinite}
        .img-skeleton.img-loaded{animation:none;background:transparent}
        .img-skeleton-placeholder{position:absolute;inset:0;background:inherit;border-radius:inherit}
        .img-skeleton.img-loaded .img-skeleton-placeholder{display:none}
        .img-error .optimized-img{opacity:.3}
        .img-error::after{content:'';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);color:var(--text-muted);font-size:12px}
        @keyframes imgSkeleton{0%{background-position:200% 0}100%{background-position:-200% 0}}
        .lazy-img{opacity:0;transition:opacity .4s ease}
        .lazy-img.loaded{opacity:1}
        .app-icon .lazy-img{border-radius:inherit}

        /* === LIST === */
        .list{display:flex;flex-direction:column}
        .list-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) 0;border-bottom:1px solid var(--border-light)}
        .list-row:last-child{border-bottom:none}
        .stack{display:flex;flex-direction:column;gap:4px}

        /* === BREADCRUMBS === */
        .breadcrumbs{display:flex;flex-wrap:wrap;gap:var(--space-sm);font-size:12px;color:var(--text-muted);margin-bottom:var(--space-md)}
        .breadcrumbs a{color:var(--text-muted);transition:color .2s}
        .breadcrumbs a:hover{color:var(--primary)}

        /* === FEATURE GRID === */
        .feature-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md)}
        @media (min-width:640px){.feature-grid{grid-template-columns:repeat(2,1fr)}}
        @media (min-width:1024px){.feature-grid{grid-template-columns:repeat(4,1fr)}}
        .feature-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-md);transition:all .2s}
        .feature-card:hover{border-color:var(--border-accent)}
        .feature-icon{width:44px;height:44px;border-radius:var(--radius);background:var(--gradient-soft);display:flex;align-items:center;justify-content:center;color:var(--primary)}
        .feature-title{font-weight:700;color:var(--text);margin-top:var(--space-sm)}

        /* === TABLES === */
        .table-wrap{width:100%;overflow-x:auto}
        .table{width:100%;border-collapse:collapse}
        .table th,.table td{padding:var(--space-sm);border-bottom:1px solid var(--border-light);text-align:start;font-size:13px}
        .table th{color:var(--text-muted);font-weight:600;text-transform:uppercase;font-size:11px}

        /* === PAGINATION === */
        .pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);margin:var(--space-lg) 0;flex-wrap:wrap}
        .pagination a,.pagination span{padding:8px 14px;border-radius:var(--radius);border:1px solid var(--border);color:var(--text-muted);font-size:13px;transition:all .2s}
        .pagination a:hover{color:var(--text);background:var(--primary-soft);border-color:var(--primary)}
        .pagination .active{background:var(--gradient);color:#fff;border-color:transparent}
        .pagination .disabled{opacity:.4;pointer-events:none}

        /* === CODE & NOTICES === */
        .code-block{font-family:ui-monospace,SFMono-Regular,Monaco,Consolas,monospace;font-size:12px;background:rgba(0,0,0,.3);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-md);color:var(--text-secondary);overflow-x:auto}
        .notice{background:var(--secondary-soft);border:1px solid rgba(139,92,246,.25);padding:var(--space-md);border-radius:var(--radius);color:#c4b5fd;font-size:13px}

        /* === ADS === */
        .ad-container{background:rgba(255,255,255,.02);border:1px solid var(--border-light);border-radius:var(--radius);padding:var(--space-md);margin:var(--space-md) 0}
        .ad-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-xs);opacity:.6}
        .ad-display{margin:20px 0;text-align:center;min-height:100px}
        .ad-infeed{margin:16px 0}
        .ad-inarticle{margin:24px 0;text-align:center}
        .ad-matched{margin:28px 0}
        .ad-unit-block{display:block}
        .ad-unit-centered{text-align:center}
        @media (max-width:640px){.ad-container{margin-inline:-8px;border-radius:0;border-inline:none}}

        /* === FOOTER === */
        .footer{margin-top:auto;padding-top:var(--space-xl);border-top:1px solid var(--border);color:var(--text-muted);font-size:13px}
        .footer-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}
        @media (min-width:768px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}}
        .footer-title{color:var(--text);font-weight:700;margin-bottom:var(--space-sm)}
        .footer-links{display:flex;flex-direction:column;gap:var(--space-xs)}
        .footer-links a{color:var(--text-muted);transition:color .2s}
        .footer-links a:hover{color:var(--primary)}
        .footer-bottom{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap}

        /* === RESPONSIVE === */
        @media (max-width:640px){
            .app-row,.list-row{flex-direction:column;align-items:flex-start}
            .hero{padding:var(--space-md)}
        }

        /* === REDUCED MOTION === */
        @media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

        /* === ACCOUNT COLLECTIONS === */
        .form-stack{display:flex;flex-direction:column;gap:12px;margin-top:12px}
        .form-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
        .collection-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
        .collection-actions{display:flex;gap:8px;flex-wrap:wrap}
        .checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}
        .item-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
        .collection-stack{display:flex;flex-direction:column;gap:16px;margin-top:16px}
        .items-stack{display:flex;flex-direction:column;gap:10px;margin-top:10px}
        .items-section{margin-top:14px}
        .empty-notice{margin-top:6px}

        /* === ACCOUNT FAVORITES & REVIEWS === */
        .favorites-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
        .action-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
        .pagination-wrap{margin-top:16px}
        .review-text{margin-top:8px}
/* Language Switcher Component */
.language-switcher {
    position: relative;
    display: inline-block;
}

.lang-btn {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.5rem 0.75rem;
    background: transparent;
    border: 1px solid var(--border-color, rgba(255,255,255,0.15));
    border-radius: 0.5rem;
    color: var(--text-color, #fff);
    cursor: pointer;
    font-size: 0.875rem;
    font-weight: 500;
    transition: all 0.2s ease;
    font-family: inherit;
}

.lang-btn:hover,
.lang-btn:focus {
    background: var(--hover-bg, rgba(255,255,255,0.05));
    border-color: var(--accent-color, #00f0ff);
    outline: none;
}

.lang-flag {
    font-size: 1.125rem;
    line-height: 1;
}

.lang-code {
    font-weight: 600;
    letter-spacing: 0.025em;
}

.lang-arrow {
    transition: transform 0.2s ease;
    opacity: 0.7;
}

.lang-dropdown {
    position: absolute;
    top: calc(100% + 0.5rem);
    inset-inline-end: 0;
    min-width: 200px;
    max-height: 320px;
    overflow-y: auto;
    background: var(--card-bg, #1a1a2e);
    border: 1px solid var(--border-color, rgba(255,255,255,0.15));
    border-radius: 0.75rem;
    box-shadow: 0 10px 25px rgba(0,0,0,0.3);
    z-index: 1000;
    padding: 0.5rem;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.2s ease;
}

/* Show dropdown on hover or focus-within */
.language-switcher:hover .lang-dropdown,
.language-switcher:focus-within .lang-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.language-switcher:hover .lang-arrow,
.language-switcher:focus-within .lang-arrow {
    transform: rotate(180deg);
}

.lang-option {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.625rem 0.75rem;
    border-radius: 0.5rem;
    color: var(--text-color, #fff);
    text-decoration: none;
    transition: all 0.15s ease;
}

.lang-option:hover,
.lang-option:focus {
    background: var(--hover-bg, rgba(255,255,255,0.05));
    outline: none;
}

.lang-option.active {
    background: var(--accent-bg, rgba(0,240,255,0.1));
    color: var(--accent-color, #00f0ff);
}

.lang-native {
    flex: 1;
    font-size: 0.875rem;
}

.lang-code-small {
    font-size: 0.75rem;
    opacity: 0.6;
    font-weight: 600;
}

.lang-check {
    color: var(--accent-color, #00f0ff);
    flex-shrink: 0;
}

/* Scrollbar styling */
.lang-dropdown::-webkit-scrollbar {
    width: 6px;
}

.lang-dropdown::-webkit-scrollbar-track {
    background: transparent;
}

.lang-dropdown::-webkit-scrollbar-thumb {
    background: var(--border-color, rgba(255,255,255,0.2));
    border-radius: 3px;
}

.lang-dropdown::-webkit-scrollbar-thumb:hover {
    background: var(--accent-color, #00f0ff);
}

/* Mobile responsive */
@media (max-width: 640px) {
    .lang-dropdown {
        min-width: 180px;
        inset-inline-end: 0;
    }

    .lang-code {
        display: none;
    }
}