.cat-hero{position:relative;background:linear-gradient(180deg,var(--navy) 0%,#0c2247 100%);color:#fff;padding:clamp(96px,12vh,150px) 0 clamp(40px,6vw,70px);overflow:clip}.cat-hero:before{content:"";position:absolute;inset:0;z-index:0;opacity:.5;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(80% 80% at 20% 0,#000,transparent 72%);mask-image:radial-gradient(80% 80% at 20% 0,#000,transparent 72%)}.cat-hero .container{position:relative;z-index:1}.crumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.8rem;font-weight:600;color:#9fb2d4;margin-bottom:20px}.crumb a{color:#9fb2d4;transition:color .25s}.crumb a:hover{color:var(--sky)}.crumb .sep{opacity:.5}.crumb .cur{color:#fff}.cat-hero h1{font-size:clamp(2.6rem,5.4vw,4.6rem);line-height:.96;margin-bottom:.3em;color:#fff}.cat-hero h1 .grad-text{background:linear-gradient(100deg,#35a0ff,#7fd4ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.cat-hero .lead{max-width:60ch;color:#c3d1ea;font-size:clamp(1rem,1.4vw,1.14rem);font-weight:500}.cat-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.cat-pill{display:inline-flex;align-items:center;gap:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.16);border-radius:100px;padding:9px 16px;font-size:.82rem;font-weight:600;color:#dbe6fa}.cat-pill b{font-family:Bebas Neue,sans-serif;font-size:1.1rem;letter-spacing:.03em;color:var(--sky)}.cat-tools{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center;justify-content:space-between;margin:clamp(28px,4vw,44px) 0 22px}.cat-tools .count{font-size:.92rem;color:var(--muted);font-weight:600}.cat-tools .count b{color:var(--navy)}.cat-chips{display:flex;flex-wrap:wrap;gap:8px}.cat-chip{font-size:.8rem;font-weight:600;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:100px;padding:8px 15px;transition:all .25s;white-space:nowrap}.cat-chip:hover{border-color:var(--royal);color:var(--royal)}.cat-chip.active{background:var(--navy);border-color:var(--navy);color:#fff}.prod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:clamp(14px,1.6vw,22px)}.prod-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .45s}.prod-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-l);border-color:var(--line-2)}.prod-media{position:relative;aspect-ratio:1 / 1;width:100%;background:#fff;overflow:hidden;flex:none}.prod-media img{position:absolute;inset:0;width:100%;height:100%;padding:14px;object-fit:contain;transition:transform .5s var(--ease),opacity .5s}.prod-card:hover .prod-media img{transform:scale(1.06)}.prod-body{padding:4px 16px 18px;border-top:1px solid var(--line)}.prod-cat{display:inline-block;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--royal);margin:12px 0 6px}.prod-name{font-family:Montserrat,sans-serif;font-weight:600;font-size:.94rem;color:var(--navy);line-height:1.25;margin-bottom:8px;min-height:2.4em}.prod-brand{font-size:.76rem;color:var(--muted);font-weight:600}.prod-cta{margin-top:12px;display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;color:var(--navy)}.prod-cta .ic{width:15px;height:15px;transition:transform .3s}.prod-card:hover .prod-cta .ic{transform:translate(3px)}.prod-media.is-loading:after{content:"";position:absolute;inset:10px;border-radius:10px;background:linear-gradient(100deg,#eef1f6 30%,#f7f9fc,#eef1f6 70%);background-size:200% 100%;animation:sk 1.2s ease-in-out infinite}.prod-media img.skimg{opacity:0}.prod-media img.loaded{opacity:1}@keyframes sk{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.prod-media.is-loading:after{animation:none}.prod-media img.skimg{opacity:1}}.pager{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:clamp(38px,5vw,60px) 0 10px}.pager button,.pager .pg{min-width:44px;height:44px;padding:0 12px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--navy);font-weight:700;font-size:.9rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .25s}.pager button:hover:not(:disabled){border-color:var(--royal);color:var(--royal)}.pager .pg.active{background:var(--navy);border-color:var(--navy);color:#fff}.pager button:disabled{opacity:.4;cursor:not-allowed}.pager .dots{border:none;background:none;cursor:default}.cat-empty{text-align:center;padding:80px 20px;color:var(--muted)}.pcat-div{padding-block:clamp(30px,4vw,52px)}.pcat-div .sec-head{margin-bottom:clamp(22px,2.6vw,34px)}.hub-div{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(20px,2.4vw,34px)}.hub-cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:20px}.hub-cat{position:relative;display:block;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:var(--navy);aspect-ratio:4/3.2}.hub-cat img{width:100%;height:70%;object-fit:contain;background:#fff;padding:16px;transition:transform .5s var(--ease)}.hub-cat:hover img{transform:scale(1.05)}.hub-cat .hc-b{position:absolute;left:0;right:0;bottom:0;height:30%;display:flex;flex-direction:column;justify-content:center;padding:0 16px;background:var(--navy);color:#fff}.hub-cat .hc-b b{font-size:.96rem;line-height:1.15}.hub-cat .hc-b span{font-size:.72rem;color:#9fb2d4;font-weight:600;margin-top:2px}@media(max-width:560px){.prod-grid{grid-template-columns:repeat(2,1fr);gap:12px}.prod-media{padding:10px}.prod-name{font-size:.84rem}}