:root{--bg:#fff;--fg:#0b0f17;--muted:#5b667a;--card:#fff;--border:#0b0f171a;--shadow:0 4px 20px #0b0f1714;--shadow-lg:0 12px 40px #0b0f171f;--shadow-xl:0 20px 60px #0b0f1726;--accent:#0b0f17;--accent-2:#2563eb;--accent-3:#3b82f6;--accent-gradient:linear-gradient(135deg,#2563eb 0%,#3b82f6 50%,#60a5fa 100%);--chip:#2563eb14;--chip-hover:#2563eb1f;--danger:#dc2626;--success:#10b981;--radius:16px;--radius-sm:12px;--radius-lg:20px;--radius-xl:24px;--gradient-1:linear-gradient(135deg,#2563eb1a 0%,#60a5fa0d 100%);--gradient-2:linear-gradient(135deg,#2563eb26 0%,#8b5cf61a 100%)}@media (prefers-color-scheme:dark){:root{--bg:#070a10;--fg:#eaf0ff;--muted:#9aa7c0;--card:#ffffff0a;--border:#ffffff1f;--shadow:0 4px 20px #0000004d;--shadow-lg:0 12px 40px #00000080;--shadow-xl:0 20px 60px #000000b3;--accent:#eaf0ff;--accent-2:#60a5fa;--accent-3:#93c5fd;--accent-gradient:linear-gradient(135deg,#60a5fa 0%,#93c5fd 50%,#bfdbfe 100%);--chip:#60a5fa24;--chip-hover:#60a5fa33;--danger:#f87171;--success:#34d399;--gradient-1:linear-gradient(135deg,#60a5fa26 0%,#8b5cf61a 100%);--gradient-2:linear-gradient(135deg,#60a5fa33 0%,#a78bfa26 100%)}}html,body{max-width:100vw;overflow-x:hidden}body{color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,Apple Color Emoji,Segoe UI Emoji}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 20px}@media (min-width:768px){.container{padding:0 32px}}@media (min-width:1280px){.container{padding:0 48px}}.stack{flex-direction:column;gap:16px;display:flex}.stack-lg{flex-direction:column;gap:24px;display:flex}.stack-xl{flex-direction:column;gap:40px;display:flex}.row{align-items:center;gap:16px;display:flex}.section-title{letter-spacing:-.8px;background:linear-gradient(135deg,var(--fg)0%,var(--accent-2)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:32px;font-weight:900;line-height:1.2}.section-subtitle{color:var(--muted);margin-top:4px;font-size:16px;font-weight:500;line-height:1.6}.muted{color:var(--muted)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{box-shadow:var(--shadow-lg);border-color:color-mix(in srgb,var(--accent)20%,var(--border));transform:translateY(-2px)}.btn{appearance:none;border:1px solid var(--border);background:var(--card);color:var(--fg);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:10px 12px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn:hover{background:color-mix(in srgb,var(--accent)5%,var(--card));border-color:color-mix(in srgb,var(--accent)20%,var(--border))}.btn:active{transform:translateY(1px)}.btnPrimary{background:var(--accent-gradient);color:#fff;border-color:#0000;font-weight:700;box-shadow:0 4px 12px #2563eb4d}.btnPrimary:hover{background:var(--accent-gradient);transform:translateY(-2px)scale(1.02);box-shadow:0 6px 20px #2563eb66}.btnPrimary:active{transform:translateY(0)scale(.98)}.chip{border:1px solid var(--border);background:var(--chip);color:var(--fg);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.chip:hover{background:var(--chip-hover);border-color:color-mix(in srgb,var(--accent-2)30%,var(--border));transform:translateY(-2px)scale(1.02);box-shadow:0 4px 12px #0000001f}.input{border:2px solid var(--border);background:var(--card);width:100%;color:var(--fg);border-radius:var(--radius-lg);outline:none;padding:16px 20px;font-size:16px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000a}.input:hover{border-color:color-mix(in srgb,var(--accent-2)20%,var(--border));box-shadow:0 4px 12px #0000000f}.input:focus{border-color:var(--accent-2);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent-2)15%,transparent),0 4px 16px #2563eb26;transform:translateY(-1px)}.input::placeholder{color:var(--muted);font-weight:400}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}@media (min-width:768px){.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}}@media (min-width:1024px){.grid{gap:24px}}.searchLayout{grid-template-columns:1fr;gap:14px;display:grid}@media (min-width:1024px){.searchLayout{grid-template-columns:360px 1fr;align-items:start}}.filtersDesktop{display:none}@media (min-width:1024px){.filtersDesktop{flex-direction:column;height:calc(100dvh - 92px);padding-bottom:18px;display:flex;position:sticky;top:72px}.filtersDesktop .stack-lg{height:100%;min-height:0}.filtersDesktop .stack-lg>.card{flex:1;overflow:auto}}.filtersMobileBar{justify-content:space-between;gap:10px;display:flex}@media (min-width:1024px){.filtersMobileBar{display:none}}.sheetOverlay{z-index:60;background:#00000080;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--bg);border:1px solid var(--border);border-top-left-radius:18px;border-top-right-radius:18px;width:100%;max-width:680px;max-height:82dvh;padding:14px;overflow:auto}.productLayout{grid-template-columns:1fr;gap:24px;display:grid}@media (min-width:768px){.productLayout{grid-template-columns:1fr 1fr}}.section{border-bottom:1px solid var(--border);margin-bottom:32px;padding-bottom:32px}.section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.card-spacious{padding:32px}@media (min-width:768px){.card-spacious{padding:40px}}.card-compact{padding:20px}.stats-card{text-align:center;background:var(--gradient-1);border:2px solid var(--border);transition:all .3s cubic-bezier(.4,0,.2,1)}.stats-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}a,button{transition:all .2s}a:hover{opacity:.8}.category-card{background:var(--gradient-1);border:2px solid var(--border);transition:all .4s cubic-bezier(.4,0,.2,1)}.category-card:hover{box-shadow:var(--shadow-xl);border-color:var(--accent-2);background:var(--gradient-2);transform:translateY(-6px)scale(1.03)}@keyframes skeleton-loading{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{background:linear-gradient(90deg,color-mix(in srgb,var(--border)50%,transparent)0%,color-mix(in srgb,var(--border)80%,transparent)50%,color-mix(in srgb,var(--border)50%,transparent)100%);background-size:200px 100%;border-radius:4px;animation:1.5s ease-in-out infinite skeleton-loading}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px;border-radius:4px}[id^=tg-mount-]{vertical-align:middle;line-height:1;display:inline-block}[id^=tg-mount-] iframe{border:none!important;border-radius:12px!important;overflow:hidden!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{border:3px solid var(--border);border-top-color:var(--accent-2);border-radius:50%;width:32px;height:32px;margin:0 auto;animation:.8s linear infinite spin}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.95)}}.pulse{animation:2s ease-in-out infinite pulse}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s ease-out fadeIn}html{scroll-behavior:smooth}:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px;border-radius:4px}.card{position:relative;overflow:hidden}.card:before{content:"";background:var(--gradient-1);opacity:0;pointer-events:none;z-index:0;transition:opacity .3s;position:absolute;inset:0}.card:hover:before{opacity:.3}.card>*{z-index:1;position:relative}.grid{animation:.5s ease-out fadeIn}.btn{position:relative;overflow:hidden}.btn:after{content:"";background:#fff3;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn:hover:after{width:300px;height:300px}