/* Internal store categories — v0.5.1. Scoped to content; approved navbar/footer untouched. */
.nx-cat-page{--cat-ink:var(--nx-text,#f5faf9);--cat-muted:var(--nx-muted,#96abb6);--cat-accent:var(--nx-accent,#71f1d3);--cat-accent2:var(--nx-accent-2,#77a9fb);--cat-border:var(--nx-stroke,rgba(183,219,228,.14));--cat-surface:var(--nx-surface,#101f2d);--cat-soft:var(--nx-surface-soft,#162c3c);color:var(--cat-ink);position:relative;isolation:isolate;padding:0 0 clamp(48px,6vw,88px);overflow:hidden}
.nx-cat-page::before{content:"";position:absolute;pointer-events:none;z-index:-1;inset:0 0 auto;height:590px;background:radial-gradient(ellipse at 78% 2%,color-mix(in srgb,var(--cat-accent2) 8%,transparent),transparent 61%),radial-gradient(ellipse at 1% 80%,color-mix(in srgb,var(--cat-accent) 6%,transparent),transparent 65%)}
.nx-cat-page *{box-sizing:border-box}.nx-cat-page :where(h1,h2,h3,p){margin:0}.nx-cat-page :where(svg){width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.nx-cat-page a{text-decoration:none}.nx-cat-page :where(a,button,input,select):focus-visible{outline:2px solid var(--cat-accent);outline-offset:4px}.nx-cat-page :where(button,input,select){font-family:inherit}
.nx-cat-layout{position:relative;z-index:1}.nx-cat-crumbs{display:flex;flex-wrap:wrap;gap:10px;align-items:center;color:var(--cat-muted);font-size:12px;font-weight:700;padding:27px 0 24px}.nx-cat-crumbs a{transition:color .2s}.nx-cat-crumbs a:hover{color:var(--cat-accent)}.nx-cat-crumbs [aria-current]{color:var(--cat-ink);max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nx-cat-crumbs svg{width:12px;height:12px;opacity:.52}.nx-cat-page[lang="ar"] .nx-cat-crumbs svg{transform:scaleX(-1)}
.nx-cat-intro{position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid var(--cat-border);border-radius:28px;background:linear-gradient(118deg,color-mix(in srgb,var(--cat-surface) 94%,var(--cat-accent) 6%),var(--cat-surface));min-height:224px;padding:38px clamp(24px,5vw,64px)}.nx-cat-intro::before{content:"";position:absolute;z-index:-1;width:430px;height:430px;border-radius:50%;inset-inline-end:-160px;top:-240px;background:radial-gradient(circle,color-mix(in srgb,var(--cat-accent) 15%,transparent),transparent 67%);pointer-events:none}.nx-cat-intro::after{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--cat-accent) 35%,transparent),transparent);pointer-events:none}.nx-cat-intro-main{min-width:0;position:relative;z-index:2;max-width:720px}.nx-cat-kicker{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:900;color:var(--cat-accent);letter-spacing:.025em}.nx-cat-kicker-dot{width:7px;height:7px;background:var(--cat-accent);box-shadow:0 0 18px color-mix(in srgb,var(--cat-accent) 56%,transparent);border-radius:50%}.nx-cat-intro h1{font-weight:900;font-size:clamp(31px,4.3vw,55px);line-height:1.27;letter-spacing:-.03em;margin:9px 0 10px;overflow-wrap:anywhere}.nx-cat-title-accent{color:var(--cat-accent)}.nx-cat-intro-main>p{font-size:14px;line-height:1.85;color:var(--cat-muted);max-width:680px}.nx-cat-intro-symbol{height:145px;width:168px;flex:none;display:grid;place-items:center;transform:rotate(-7deg);color:var(--cat-accent);opacity:.66}.nx-cat-intro-symbol svg{height:125px;width:125px;stroke-width:4;filter:drop-shadow(0 12px 22px color-mix(in srgb,var(--cat-accent) 14%,transparent))}
/* Subcategory header is a real parent collection, not a repeated root hero. */
.nx-cat-intro-child{min-height:205px;background:linear-gradient(117deg,color-mix(in srgb,var(--cat-surface) 95%,var(--cat-accent2) 5%),color-mix(in srgb,var(--cat-soft) 82%,var(--cat-surface) 18%));padding-block:28px}.nx-cat-intro-child h1{font-size:clamp(30px,3.75vw,49px)}.nx-cat-intro-child .nx-cat-intro-main{max-width:780px}.nx-cat-back{display:inline-flex;align-items:center;gap:9px;margin-top:16px;color:var(--cat-accent);font-weight:800;font-size:12px;transition:gap .2s}.nx-cat-back:hover{gap:15px}.nx-cat-back svg{width:16px;height:16px}.nx-cat-page[lang="ar"] .nx-cat-back svg{transform:scaleX(-1)}.nx-cat-parent-visual{flex:none;width:143px;height:143px;border-radius:24px;border:1px solid var(--cat-border);display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 45% 35%,color-mix(in srgb,var(--cat-accent) 15%,transparent),transparent 75%),var(--cat-soft);box-shadow:0 22px 46px rgba(0,6,17,.14);position:relative}.nx-cat-parent-visual:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.035);border-radius:inherit;pointer-events:none}.nx-cat-parent-visual img{width:100%;height:100%;object-fit:contain;display:block}.nx-cat-parent-visual svg{width:78px;height:78px;color:var(--cat-accent);stroke-width:4;opacity:.83}
.nx-cat-collections{padding-top:41px}.nx-cat-section-head{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:22px}.nx-cat-section-title{min-width:0}.nx-cat-eyebrow{display:inline-flex;align-items:center;font-size:10px;color:var(--cat-accent);font-weight:900;letter-spacing:.06em}.nx-cat-section-title h2{font-size:clamp(23px,3vw,34px);line-height:1.38;letter-spacing:-.025em;font-weight:900;margin:6px 0 5px}.nx-cat-section-title p{color:var(--cat-muted);font-size:13px;line-height:1.8}.nx-cat-total{flex:none;display:flex;align-items:center;gap:8px;border:1px solid var(--cat-border);border-radius:13px;padding:8px 13px;background:var(--cat-surface);font-size:12px;font-weight:800;color:var(--cat-muted)}.nx-cat-total strong{color:var(--cat-accent);font-size:18px;font-weight:900}.nx-cat-total span{font-size:11px}
.nx-cat-toolbar{border:1px solid var(--cat-border);border-radius:17px;background:color-mix(in srgb,var(--cat-surface) 75%,transparent);padding:10px;display:flex;gap:10px;align-items:center;margin-bottom:20px}.nx-cat-search{flex:1;min-width:210px;display:flex;align-items:center;gap:12px;border:1px solid var(--cat-border);border-radius:11px;background:var(--nx-bg);min-height:44px;padding:0 14px;color:var(--cat-muted)}.nx-cat-search:focus-within{border-color:var(--cat-accent)}.nx-cat-search svg{width:17px;height:17px}.nx-cat-search input{background:transparent;border:0;outline:0;min-width:0;flex:1;color:var(--cat-ink);font-size:13px}.nx-cat-search input::placeholder{color:var(--cat-muted);opacity:.8}.nx-cat-filters{display:flex;gap:5px;align-items:center}.nx-cat-filters button{border:1px solid transparent;background:transparent;color:var(--cat-muted);font-size:11px;font-weight:800;min-height:42px;padding:7px 12px;border-radius:10px;white-space:nowrap}.nx-cat-filters button[aria-pressed="true"]{border-color:var(--cat-border);background:var(--cat-soft);color:var(--cat-ink)}.nx-cat-filters button:hover{color:var(--cat-accent)}.nx-cat-sort select{border:1px solid var(--cat-border);background:var(--nx-bg);color:var(--cat-ink);border-radius:10px;padding:0 12px;min-height:44px;max-width:175px;font-size:12px;font-weight:700}.nx-cat-sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden;white-space:nowrap}
.nx-cat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.nx-cat-tile{display:flex;min-width:0;flex-direction:column;overflow:hidden;position:relative;isolation:isolate;border-radius:20px;border:1px solid var(--cat-border);background:var(--cat-surface);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}.nx-cat-tile:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--cat-accent) 45%,var(--cat-border));box-shadow:0 18px 42px rgba(1,9,20,.18)}.nx-cat-tile[hidden]{display:none!important}.nx-cat-tile-image{display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;isolation:isolate;aspect-ratio:1.14;background:linear-gradient(135deg,color-mix(in srgb,var(--cat-accent) 9%,var(--cat-soft)),color-mix(in srgb,var(--cat-accent2) 10%,var(--cat-surface)))}.nx-cat-tile-image::before{content:"";position:absolute;z-index:-1;border-radius:50%;width:110%;height:110%;left:10%;top:18%;background:radial-gradient(circle,color-mix(in srgb,var(--cat-accent2) 13%,transparent),transparent 66%);pointer-events:none}.nx-cat-tile-image>img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .4s ease;position:relative;z-index:1}.nx-cat-tile:hover .nx-cat-tile-image>img{transform:scale(1.04)}.nx-cat-tile-photo-glow{position:absolute;z-index:2;inset:auto 0 0;height:26px;background:linear-gradient(transparent,rgba(0,13,25,.12));pointer-events:none}.nx-cat-tile-image-empty{background:radial-gradient(ellipse at 40% 40%,color-mix(in srgb,var(--cat-accent) 16%,transparent),transparent 55%),linear-gradient(145deg,var(--cat-soft),color-mix(in srgb,var(--cat-surface) 79%,var(--cat-accent2) 21%))}.nx-cat-image-symbol{width:92px!important;height:92px!important;stroke-width:3.8!important;color:var(--cat-accent);opacity:.7;transform:rotate(-5deg);transition:transform .3s}.nx-cat-tile:hover .nx-cat-image-symbol{transform:rotate(0deg) scale(1.06)}.nx-cat-tile-content{display:flex;flex-direction:column;align-items:stretch;gap:0;flex:1;min-width:0;padding:19px 19px 17px}.nx-cat-tile-label{color:var(--cat-accent);font-size:10px;font-weight:800;letter-spacing:.02em;margin-bottom:6px}.nx-cat-tile-name{font-size:17px;line-height:1.5;font-weight:900;overflow-wrap:anywhere}.nx-cat-tile-open{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:19px;margin-top:auto;color:var(--cat-muted);font-size:12px;font-weight:800}.nx-cat-tile-arrow{display:grid;place-items:center;width:29px;height:29px;border:1px solid var(--cat-border);border-radius:9px;color:var(--cat-accent);transition:background .2s,color .2s,border-color .2s}.nx-cat-tile-arrow svg{width:16px;height:16px}.nx-cat-page[lang="ar"] .nx-cat-tile-arrow svg{transform:scaleX(-1)}.nx-cat-tile:hover .nx-cat-tile-arrow{background:var(--cat-accent);color:#071e29;border-color:transparent}
/* One result never looks like a missing grid: use a full-width editorial item. */
.nx-cat-grid-feature{grid-template-columns:1fr}.nx-cat-tile-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.88fr);min-height:285px;border-radius:25px;background:linear-gradient(115deg,var(--cat-surface),color-mix(in srgb,var(--cat-soft) 80%,var(--cat-surface)));align-items:stretch}.nx-cat-tile-feature .nx-cat-tile-image{grid-column:2;grid-row:1;aspect-ratio:auto;min-height:280px;border-inline-start:1px solid var(--cat-border)}.nx-cat-tile-feature .nx-cat-tile-content{grid-column:1;grid-row:1;padding:clamp(24px,4vw,52px);justify-content:center;align-items:flex-start}.nx-cat-tile-feature .nx-cat-tile-label{font-size:11px;margin-bottom:12px}.nx-cat-tile-feature .nx-cat-tile-name{font-size:clamp(26px,3.6vw,43px);line-height:1.32;letter-spacing:-.035em}.nx-cat-tile-desc{display:block;margin-top:13px;font-size:14px;line-height:1.85;color:var(--cat-muted);max-width:420px}.nx-cat-tile-feature .nx-cat-tile-open{display:inline-flex;justify-content:flex-start;gap:18px;align-self:flex-start;width:auto;margin-top:25px;padding:0;color:var(--cat-accent);font-weight:900;font-size:13px}.nx-cat-tile-feature .nx-cat-tile-arrow{height:36px;width:36px;border-color:color-mix(in srgb,var(--cat-accent) 35%,var(--cat-border))}.nx-cat-tile-feature .nx-cat-tile-arrow svg{width:18px;height:18px}
.nx-cat-empty{margin:14px 0 0;border:1px dashed var(--cat-border);border-radius:22px;background:var(--cat-surface);padding:44px 20px;text-align:center}.nx-cat-empty-symbol{color:var(--cat-accent);display:grid;place-items:center;width:55px;height:55px;border-radius:17px;margin:0 auto 16px;background:var(--cat-soft)}.nx-cat-empty-symbol svg{width:29px;height:29px}.nx-cat-empty h3{font-size:19px;font-weight:900}.nx-cat-empty p{font-size:13px;color:var(--cat-muted);margin-top:8px}.nx-cat-empty button{margin-top:18px;border:0;border-radius:10px;background:var(--cat-accent);color:#07212a;font-weight:900;font-size:12px;padding:10px 19px}
@media(max-width:1100px){.nx-cat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.nx-cat-grid-feature{grid-template-columns:1fr}}
@media(max-width:790px){.nx-cat-intro{min-height:190px;padding:28px}.nx-cat-intro-symbol{width:106px;height:100px}.nx-cat-intro-symbol svg{width:92px;height:92px}.nx-cat-collections{padding-top:32px}.nx-cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nx-cat-grid-feature{grid-template-columns:1fr}.nx-cat-tile-feature{min-height:250px}.nx-cat-tile-feature .nx-cat-tile-image{min-height:250px}.nx-cat-toolbar{flex-wrap:wrap}.nx-cat-search{flex:1 1 100%}.nx-cat-filters{flex:1}.nx-cat-tile-feature .nx-cat-tile-content{padding:25px}}
@media(max-width:580px){.nx-cat-crumbs{padding:18px 0 19px;font-size:11px;gap:7px}.nx-cat-intro{border-radius:20px;min-height:auto;padding:25px 20px}.nx-cat-intro-root .nx-cat-intro-symbol{position:absolute;inset-inline-end:-30px;bottom:-26px;opacity:.19;width:130px;height:130px;pointer-events:none}.nx-cat-intro h1{font-size:clamp(29px,9vw,39px)}.nx-cat-intro-main>p{font-size:12px;line-height:1.8}.nx-cat-kicker{font-size:10px}.nx-cat-intro-child{gap:12px}.nx-cat-intro-child h1{font-size:clamp(27px,8vw,36px)}.nx-cat-parent-visual{height:77px;width:77px;border-radius:15px;align-self:flex-start}.nx-cat-parent-visual svg{width:44px;height:44px}.nx-cat-back{font-size:11px}.nx-cat-collections{padding-top:30px}.nx-cat-section-head{margin-bottom:16px;gap:10px}.nx-cat-section-title h2{font-size:24px}.nx-cat-section-title p{font-size:11px}.nx-cat-total{padding:7px 9px;border-radius:10px;gap:4px}.nx-cat-total strong{font-size:16px}.nx-cat-total span{font-size:10px}.nx-cat-toolbar{padding:9px}.nx-cat-sort{flex:1}.nx-cat-sort select{max-width:none;width:100%}.nx-cat-grid{gap:11px}.nx-cat-tile{border-radius:16px}.nx-cat-tile-image{aspect-ratio:1}.nx-cat-tile-content{padding:12px 12px 13px}.nx-cat-tile-label{font-size:9px}.nx-cat-tile-name{font-size:14px}.nx-cat-tile-open{padding-top:13px;font-size:10px}.nx-cat-tile-arrow{height:27px;width:27px}.nx-cat-grid-feature{grid-template-columns:1fr}.nx-cat-tile-feature{display:flex;flex-direction:column;min-height:0;border-radius:19px}.nx-cat-tile-feature .nx-cat-tile-image{order:0;width:100%;min-height:0;height:240px;border-inline:0;border-bottom:1px solid var(--cat-border);flex:none}.nx-cat-tile-feature .nx-cat-tile-content{order:1;padding:22px 22px 24px}.nx-cat-tile-feature .nx-cat-tile-label{margin-bottom:8px}.nx-cat-tile-feature .nx-cat-tile-name{font-size:27px}.nx-cat-tile-desc{font-size:12px;margin-top:8px}.nx-cat-tile-feature .nx-cat-tile-open{margin-top:19px}}
@media(max-width:380px){.nx-cat-grid:not(.nx-cat-grid-feature){grid-template-columns:1fr}.nx-cat-tile:not(.nx-cat-tile-feature){flex-direction:row;min-height:144px}.nx-cat-tile:not(.nx-cat-tile-feature) .nx-cat-tile-image{width:42%;aspect-ratio:auto;flex:none;min-height:143px}.nx-cat-tile:not(.nx-cat-tile-feature) .nx-cat-tile-content{padding:11px}.nx-cat-intro-child .nx-cat-parent-visual{display:none}}
@media(prefers-reduced-motion:reduce){.nx-cat-page *, .nx-cat-page *::before,.nx-cat-page *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}