.ss-main-cats-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:680px;margin:0 auto;display:grid}.ss-main-cat-img-card{background:#0f0f1a;border:1px solid #c4123026;border-radius:1.25rem;text-decoration:none;transition:transform .3s,box-shadow .3s,border-color .3s;display:block;overflow:hidden;box-shadow:0 4px 24px #00000059}.ss-main-cat-img-card:hover{border-color:#c4123073;transform:translateY(-6px)scale(1.015);box-shadow:0 16px 48px #c4123040}.ss-main-cat-img-wrap{aspect-ratio:4/3;background:#0d0d1a;width:100%;position:relative;overflow:hidden}.ss-main-cat-img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.ss-main-cat-img-card:hover .ss-main-cat-img{transform:scale(1.06)}.ss-main-cat-img-overlay{pointer-events:none;background:linear-gradient(#0000000d 0%,#0000008c 70%,#000000bf 100%);position:absolute;inset:0}.ss-main-cat-img-label{color:#fff;letter-spacing:-.01em;text-shadow:0 2px 16px #000000b3,0 0 40px #c412304d;z-index:2;text-align:center;justify-content:center;align-items:center;padding:0 1rem;font-size:1.5rem;font-weight:800;transition:transform .3s;display:flex;position:absolute;inset:0}.ss-main-cat-img-card:hover .ss-main-cat-img-label{transform:scale(1.04)}.ss-main-cat-img-placeholder{background:linear-gradient(135deg,#13101f 0%,#1a1030 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:3.5rem;display:flex}.ss-main-cat-img-info{padding:1rem 1.25rem 1.25rem}.ss-main-cat-img-name{color:#f1f0fb;letter-spacing:-.01em;margin-bottom:.35rem;font-size:1.15rem;font-weight:700}.ss-main-cat-img-meta{color:#ffffff73;align-items:center;gap:.4rem;font-size:.8rem;display:flex}.ss-main-cat-img-dot{color:#c4123099;font-size:1rem}@media (width<=520px){.ss-main-cats-grid{grid-template-columns:1fr;max-width:360px}}.ss-main-cat-hero-icon{filter:drop-shadow(0 4px 16px #c4123059);margin-bottom:1.25rem;font-size:3.5rem;line-height:1;animation:4s ease-in-out infinite ss-icon-float;display:block}@keyframes ss-icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.ss-main-cats-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.25rem;margin-bottom:2rem;display:grid}.ss-main-cat-card{cursor:pointer;isolation:isolate;background:#c412300d;border:1px solid #c4123026;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;min-height:200px;padding:2.25rem 1.5rem 2.5rem;text-decoration:none;transition:border-color .3s,transform .35s cubic-bezier(.25,.8,.25,1),box-shadow .35s,background .3s;display:flex;position:relative;overflow:hidden}.ss-main-cat-card:hover{background:#c4123017;border-color:#c4123080;transform:translateY(-6px)scale(1.01);box-shadow:0 24px 60px #c412302e,inset 0 0 0 1px #c4123026}.ss-main-cat-card-glow{opacity:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 50% 0,#c4123033 0%,#0000 70%);border-radius:24px;transition:opacity .35s;position:absolute;inset:0}.ss-main-cat-card:hover .ss-main-cat-card-glow{opacity:1}.ss-main-cat-card-icon{z-index:1;filter:drop-shadow(0 4px 12px #c4123040);font-size:3rem;line-height:1;transition:transform .35s cubic-bezier(.25,.8,.25,1);position:relative}.ss-main-cat-card:hover .ss-main-cat-card-icon{transform:scale(1.15)translateY(-4px)}.ss-main-cat-card-name{color:var(--color-text-primary);text-align:center;letter-spacing:-.01em;z-index:1;font-size:1.1rem;font-weight:800;line-height:1.3;position:relative}.ss-main-cat-card-meta{letter-spacing:.1em;text-transform:uppercase;color:#c41230cc;z-index:1;background:#c412301a;border:1px solid #c4123033;border-radius:100px;padding:.25rem .85rem;font-size:.72rem;font-weight:600;position:relative}.ss-main-cat-card-count{color:var(--color-text-muted);z-index:1;font-size:.75rem;font-weight:600;position:relative}.ss-main-cat-card-arrow{opacity:0;z-index:1;width:20px;height:20px;transition:opacity .25s,transform .25s;position:absolute;bottom:1rem;right:1rem;transform:translate(-6px)}.ss-main-cat-card-arrow svg{stroke:#c41230cc;width:20px;height:20px}.ss-main-cat-card:hover .ss-main-cat-card-arrow{opacity:1;transform:translate(0)}[dir=rtl] .ss-main-cat-card-arrow{left:1rem;right:auto}[dir=rtl] .ss-main-cat-card:hover .ss-main-cat-card-arrow{transform:scaleX(-1)translate(0)}.ss-cat-count-badge{color:#c41230e6;letter-spacing:.06em;text-transform:uppercase;z-index:2;background:#c4123026;border:1px solid #c4123040;border-radius:100px;padding:.2rem .6rem;font-size:.65rem;font-weight:700;position:absolute;top:.65rem;left:.65rem}[dir=rtl] .ss-cat-count-badge{left:auto;right:.65rem}.ss-browse-all-wrap{text-align:center;margin-top:.5rem}.ss-browse-all-link{color:var(--color-text-muted);border-bottom:1px solid #0000;align-items:center;gap:.55rem;padding-bottom:2px;font-size:.82rem;font-weight:600;text-decoration:none;transition:color .2s,border-color .2s;display:inline-flex}.ss-browse-all-link:hover{color:#c41230e6;border-color:#c4123066}@media (width<=768px){.ss-main-cats-grid{grid-template-columns:repeat(2,1fr);gap:.85rem}.ss-main-cat-card{min-height:160px;padding:1.5rem 1rem 1.75rem}.ss-main-cat-card-icon{font-size:2.4rem}.ss-main-cat-card-name{font-size:.95rem}}@media (width<=480px){.ss-main-cats-grid{grid-template-columns:repeat(2,1fr);gap:.65rem}.ss-main-cat-card{min-height:140px}}[data-theme=light] .ss-main-cat-card{background:#c412300a;border-color:#c412301f}[data-theme=light] .ss-main-cat-card:hover{background:#c4123014;box-shadow:0 16px 40px #c412301f}[data-theme=light] .ss-main-cat-card-name{color:var(--color-text-dark)}