:root{
  --nx-navy:   #0a1832;
  --nx-navy-2: #0a3670;
  --nx-ink:    #0f1b33;
  --nx-text:   #2c3a52;
  --nx-muted:  #6b7a93;
  --nx-line:   #e4e9f2;
  --nx-line-2: #d3dbe8;
  --nx-bg:     #f3f5fa;
  --nx-soft:   #f6f8fc;
  --nx-r:      16px;
  --nx-r-sm:   12px;
  --nx-sh-1:   0 1px 2px rgba(10,24,50,.05), 0 1px 1px rgba(10,24,50,.03);
  --nx-sh-2:   0 12px 28px -14px rgba(10,24,50,.28);
  --nx-sh-3:   0 24px 44px -20px rgba(10,24,50,.34);
  --nx-ring:   0 0 0 3px color-mix(in srgb, var(--brand) 16%, transparent);
  --nx-bars:
    linear-gradient(var(--brand), var(--brand)) 0 100% / 4px 45% no-repeat,
    linear-gradient(var(--brand), var(--brand)) 7px 100% / 4px 72% no-repeat,
    linear-gradient(var(--brand), var(--brand)) 14px 100% / 4px 100% no-repeat;

  --ink:       var(--nx-ink);
  --body:      var(--nx-text);
  --muted:     var(--nx-muted);
  --line:      var(--nx-line);
  --bg:        var(--nx-bg);
  --page:      var(--nx-bg);
  --radius:    12px;
  --r-lg:      16px;
  --head-grad: #ffffff;
  --head-line: var(--nx-line);
  --head-ink:  var(--nx-ink);
}

h1,h2,h3,h4,h5,h6{ color:var(--nx-ink); }

.btn{ border-radius:var(--nx-r-sm) !important; font-weight:800 !important; letter-spacing:.005em; }
.btn-sm{ border-radius:10px !important; }
.btn-primary{ box-shadow:0 8px 18px -10px color-mix(in srgb, var(--brand) 80%, transparent); }
.btn-outline-primary{
  background:#fff !important; color:var(--nx-navy-2) !important;
  border:1px solid var(--nx-line-2) !important;
}
.btn-outline-primary:hover,.btn-outline-primary:focus{
  background:var(--nx-navy) !important; color:#fff !important; border-color:var(--nx-navy) !important;
}
.btn-outline-secondary{ background:#fff !important; color:var(--nx-text) !important; border:1px solid var(--nx-line-2) !important; }
.btn-outline-secondary:hover{ background:var(--nx-soft) !important; color:var(--nx-ink) !important; }
.btn-secondary{ background:var(--nx-navy-2) !important; border-color:var(--nx-navy-2) !important; color:#fff !important; }
.btn-light{ background:var(--nx-soft) !important; border:1px solid var(--nx-line) !important; color:var(--nx-ink) !important; }

.form-control,.form-select{
  min-height:42px; border-radius:var(--nx-r-sm) !important;
  border:1px solid var(--nx-line-2) !important; background-color:#fff;
  color:var(--nx-ink); transition:border-color .15s ease, box-shadow .15s ease;
}
.form-control-sm,.form-select-sm{ min-height:36px; border-radius:10px !important; }
.form-control:focus,.form-select:focus{ border-color:var(--brand) !important; box-shadow:var(--nx-ring) !important; outline:0; }
textarea.form-control{ min-height:96px; }

.pagination{ display:flex; flex-wrap:wrap; gap:6px; }
.pagination .page-link{
  min-width:40px; height:40px; display:inline-flex; align-items:center; justify-content:center;
  border-radius:10px !important; border:1px solid var(--nx-line) !important;
  color:var(--nx-text) !important; font-weight:800; background:#fff;
}
.pagination .page-link:hover{ border-color:var(--nx-navy-2) !important; color:var(--nx-navy-2) !important; }
.pagination .page-item.active .page-link{ background:var(--nx-navy) !important; border-color:var(--nx-navy) !important; color:#fff !important; }

.nav-pills .nav-link.active,.nav-pills .show > .nav-link{ background:var(--nx-navy) !important; }

.ms-sec{
  background:#fff; border:1px solid var(--nx-line); border-radius:var(--nx-r);
  box-shadow:var(--nx-sh-1);
}
.ms-sec__head{ background:#fff !important; border-bottom:1px solid var(--nx-line) !important; padding:14px 18px; }
.ms-sec__title{ display:flex; align-items:center; gap:10px; font-size:1.02rem; font-weight:900; color:var(--nx-ink) !important; margin:0; }
.ms-sec__title > i:first-child{
  width:32px; height:32px; flex:0 0 32px; display:inline-grid; place-items:center;
  border-radius:10px; background:var(--nx-navy); color:#fff !important; font-size:.85rem;
}
.ms-sec__count{ font-size:.72rem; font-weight:800; color:#fff; background:var(--nx-navy); padding:2px 9px; border-radius:999px; }

.ms-status{ border-radius:999px; }

.sx-bars{ display:inline-flex; align-items:flex-end; gap:3px; height:18px; flex:0 0 auto; direction:ltr; }
.sx-bars i{ display:block; width:4px; border-radius:2px; background:var(--brand); }
.sx-bars i:nth-child(1){ height:8px;  }
.sx-bars i:nth-child(2){ height:13px; }
.sx-bars i:nth-child(3){ height:18px; }

.sx-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  min-height:44px; padding:0 20px; border-radius:var(--nx-r-sm); border:1px solid transparent;
  font-weight:800; font-size:.92rem; text-decoration:none; cursor:pointer; white-space:nowrap;
  transition:background .15s ease, color .15s ease, border-color .15s ease, transform .15s ease;
}
.sx-btn--red{ background:var(--brand); color:#fff; }
.sx-btn--red:hover{ background:var(--brand-d); color:#fff; }
.sx-btn--navy{ background:var(--nx-navy); color:#fff; }
.sx-btn--navy:hover{ background:var(--brand); color:#fff; }
.sx-btn--ghost{ background:#fff; color:var(--nx-navy-2); border-color:var(--nx-line-2); }
.sx-btn--ghost:hover{ background:var(--nx-navy); color:#fff; border-color:var(--nx-navy); }

.sx-store{ display:flex; flex-direction:column; gap:40px; padding-block:6px 10px; min-width:0; }
.sx-store > *{ min-width:0; }

.sx-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:12px; margin-bottom:18px; }
.sx-head__text{ min-width:0; }
.sx-head__title{
  display:flex; align-items:center; gap:12px; margin:0;
  font-size:clamp(1.15rem, 2.1vw, 1.5rem); font-weight:900; color:var(--nx-ink); line-height:1.25;
}
.sx-head__title > span:nth-child(2){ min-width:0; overflow:hidden; text-overflow:ellipsis; }
.sx-head__count{
  font-size:.72rem; font-weight:900; color:#fff; background:var(--nx-navy);
  border:1px solid var(--nx-navy); padding:2px 10px; border-radius:999px; flex:0 0 auto;
}
.sx-head__sub{ margin:6px 0 0; color:var(--nx-muted); font-size:.9rem; }
.sx-head__all{
  display:inline-flex; align-items:center; gap:8px; flex:0 0 auto; white-space:nowrap;
  padding:8px 16px; border:1px solid var(--nx-line-2); border-radius:999px; background:#fff;
  font-weight:800; font-size:.84rem; color:var(--nx-navy-2); text-decoration:none;
  transition:background .15s ease, color .15s ease, border-color .15s ease;
}
.sx-head__all i{ font-size:.72rem; transition:transform .15s ease; }
[dir="rtl"] .sx-head__all i{ transform:scaleX(-1); }
.sx-head__all:hover{ background:var(--nx-navy); border-color:var(--nx-navy); color:#fff; }
.sx-head__all:hover i{ transform:translateX(3px); }
[dir="rtl"] .sx-head__all:hover i{ transform:scaleX(-1) translateX(3px); }

.sx-hero{
  position:relative; overflow:hidden; isolation:isolate; border-radius:24px; color:#fff;
  background:
    radial-gradient(700px 360px at 92% -20%, color-mix(in srgb, var(--brand) 42%, transparent), transparent 62%),
    radial-gradient(520px 300px at 0% 120%, rgba(56,120,220,.35), transparent 60%),
    linear-gradient(135deg, var(--nx-navy) 0%, var(--nx-navy-2) 100%);
  box-shadow:0 30px 60px -34px rgba(10,24,50,.65);
}
.sx-hero::before{
  content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.13) 1px, transparent 1.6px);
  background-size:22px 22px;
  -webkit-mask-image:linear-gradient(115deg, transparent 20%, #000 75%);
          mask-image:linear-gradient(115deg, transparent 20%, #000 75%);
}
.sx-hero::after{
  content:""; position:absolute; z-index:-1; pointer-events:none;
  bottom:-26px; inset-inline-end:-10px; width:230px; height:250px; opacity:.11;
  background:
    linear-gradient(#fff,#fff) 0 100% / 52px 46% no-repeat,
    linear-gradient(#fff,#fff) 88px 100% / 52px 72% no-repeat,
    linear-gradient(#fff,#fff) 176px 100% / 52px 100% no-repeat;
}
.sx-hero__inner{
  display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:40px; align-items:center;
  padding:clamp(26px, 4.2vw, 56px);
}
.sx-hero__eyebrow{
  display:inline-flex; align-items:center; gap:10px; padding:6px 14px; border-radius:999px;
  background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.16);
  font-weight:800; font-size:.86rem; letter-spacing:.03em; color:rgba(255,255,255,.9);
}
.sx-hero__eyebrow .sx-bars i{ background:#fff; }
.sx-hero__eyebrow .sx-bars i:nth-child(3){ background:var(--brand); opacity:1; }
.sx-hero__title{ color:#fff; font-size:clamp(1.9rem, 4.4vw, 3.1rem); font-weight:900; line-height:1.12; margin:16px 0 12px; letter-spacing:-.01em; }
.sx-hero__facts{ list-style:none; display:flex; flex-wrap:wrap; gap:6px 22px; padding:0; margin:0 0 22px; color:rgba(255,255,255,.72); font-weight:700; font-size:.92rem; }
.sx-hero__facts b{ color:#fff; font-size:1.3rem; font-weight:900; margin-inline-end:4px; }
.sx-hero__facts li{ display:flex; align-items:baseline; }
.sx-hero__facts li + li::before{ content:""; width:5px; height:5px; border-radius:50%; background:var(--brand); margin-inline-end:22px; align-self:center; display:none; }

.sx-hero__search{
  display:flex; align-items:center; gap:10px; max-width:580px;
  background:#fff; border-radius:16px; padding:6px; padding-inline-start:18px;
  box-shadow:0 20px 40px -18px rgba(0,0,0,.55);
}
.sx-hero__search > i{ color:var(--nx-muted); }
.sx-hero__search input{
  flex:1 1 auto; min-width:0; border:0; outline:0; background:transparent;
  font:inherit; font-size:1rem; color:var(--nx-ink); padding:8px 0;
}
.sx-hero__search .sx-btn{ min-height:46px; border-radius:12px; }
.sx-hero__links{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:18px; }
.sx-hero__links a{
  display:inline-flex; align-items:center; gap:8px; padding:8px 15px; border-radius:999px;
  background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.16);
  color:#fff; font-weight:700; font-size:.86rem; text-decoration:none; transition:background .15s ease;
}
.sx-hero__links a i{ font-size:.8rem; opacity:.85; }
.sx-hero__links a:hover{ background:rgba(255,255,255,.18); color:#fff; }
.sx-hero__ship{ display:inline-flex; align-items:center; gap:8px; padding:8px 4px; font-weight:700; font-size:.86rem; color:rgba(255,255,255,.88); }
.sx-hero__ship i{ color:var(--brand); }

.sx-hero__art{
  display:grid; grid-template-columns:repeat(2, minmax(0, 168px)); justify-content:center;
  gap:26px 34px; padding-block:6px;
}
.sx-hero__art .sx-cat{ --orb:150px; gap:12px; }
.sx-hero__art .sx-cat__orb{
  --ring:conic-gradient(from var(--sx-a), var(--brand) 0%, #ffffff 25%, rgba(255,255,255,.55) 50%, #ffffff 75%, var(--brand) 100%);
}
.sx-hero__art .sx-cat__name{ color:#fff; font-size:.92rem; min-height:0; -webkit-line-clamp:1; }
@media (hover:hover){ .sx-hero__art .sx-cat:hover .sx-cat__name{ color:#fff; opacity:.85; } }
@media (max-width:1199.98px){ .sx-hero__art{ grid-template-columns:repeat(2, minmax(0, 140px)); gap:22px 26px; } .sx-hero__art .sx-cat{ --orb:124px; } }

@property --sx-a{ syntax:'<angle>'; inherits:false; initial-value:200deg; }
@keyframes sx-ring-spin{ to{ --sx-a:560deg; } }
@keyframes sx-orb-in{ from{ opacity:0; transform:translateY(12px) scale(.9); } to{ opacity:1; transform:none; } }

.sx-cats{ --cols:4; --gap:8px; --orb:72px; display:flex; flex-wrap:wrap; justify-content:center; gap:20px var(--gap); padding-top:6px; }
.sx-cats > .sx-cat{ flex:0 0 calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols)); }

.sx-cat{
  display:flex; flex-direction:column; align-items:center; gap:11px; min-width:0;
  color:var(--nx-ink); text-decoration:none; -webkit-tap-highlight-color:transparent;
  animation:sx-orb-in .55s cubic-bezier(.2,.8,.2,1) both; animation-delay:calc(var(--i, 0) * 45ms);
}
.sx-cat__orb{
  --ring:conic-gradient(from var(--sx-a), var(--brand) 0%, var(--brand-d) 16%, var(--nx-navy-2) 42%, var(--nx-navy) 64%, var(--brand) 100%);
  position:relative; isolation:isolate; display:block; width:min(100%, var(--orb)); aspect-ratio:1/1;
  min-height:0; flex:0 0 auto;
  border-radius:50%; padding:3px; background:var(--ring);
  transition:transform .45s cubic-bezier(.2,.8,.2,1);
}
.sx-cat__pic{
  position:relative; display:block; width:100%; height:100%; border-radius:50%; overflow:hidden;
  background:#fff; border:3px solid #fff;
}
.sx-cat__pic img{
  position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; border-radius:50%;
  filter:saturate(.92) contrast(1.03);
  transition:transform .7s cubic-bezier(.2,.8,.2,1), filter .45s ease;
}
.sx-cat__pic::before{
  content:""; position:absolute; inset:0; z-index:1; border-radius:50%; pointer-events:none;
  background:
    radial-gradient(120% 90% at 28% 16%, rgba(255,255,255,.5), rgba(255,255,255,0) 40%),
    radial-gradient(closest-side, rgba(10,24,50,0) 72%, rgba(10,24,50,.26) 100%);
}
.sx-cat__pic::after{
  content:""; position:absolute; inset:-25%; z-index:2; pointer-events:none;
  background:linear-gradient(115deg, transparent 40%, rgba(255,255,255,.6) 50%, transparent 60%);
  transform:translateX(-110%);
}
[dir="rtl"] .sx-cat__pic::after{ transform:translateX(110%) scaleX(-1); }
.sx-cat__name{
  width:100%; text-align:center; font-size:.82rem; font-weight:800; line-height:1.3; min-height:2.6em;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
  transition:color .25s ease;
}

@media (hover:hover){
  .sx-cat:hover .sx-cat__orb{ animation:sx-ring-spin 2.8s linear infinite; }
  .sx-cat:hover .sx-cat__pic img{ transform:scale(1.14) rotate(-4deg); filter:saturate(1.18) contrast(1.06); }
  .sx-cat:hover .sx-cat__pic::after{ transform:translateX(110%); transition:transform .9s ease; }
  [dir="rtl"] .sx-cat:hover .sx-cat__pic::after{ transform:translateX(-110%) scaleX(-1); }
  .sx-cat:hover .sx-cat__name{ color:var(--brand); }
}
.sx-cat:focus-visible{ outline:none; }
.sx-cat:focus-visible .sx-cat__orb{ outline:3px solid var(--nx-navy-2); outline-offset:3px; }
.sx-cat:active .sx-cat__orb{ transform:scale(.94); transition-duration:.12s; }

.sx-cat--more{ display:none; }
.sx-cat--more .sx-cat__pic{
  display:grid; place-items:center; color:#fff; font-size:1.35rem;
  background:
    radial-gradient(rgba(255,255,255,.16) 1px, transparent 1.6px) 0 0 / 9px 9px,
    linear-gradient(145deg, var(--nx-navy-2), var(--nx-navy));
}
.sx-cat--more .sx-cat__pic i{ position:relative; z-index:3; transition:transform .45s cubic-bezier(.2,.8,.2,1); }
@media (hover:hover){ .sx-cat--more:hover .sx-cat__pic i{ transform:rotate(90deg) scale(1.1); } }

@media (prefers-reduced-motion:reduce){
  .sx-cat, .sx-cat__orb, .sx-cat__pic img, .sx-cat__pic::after{ animation:none !important; transition:none !important; }
}

.sx-grid{ display:grid; gap:12px; grid-template-columns:repeat(2, minmax(0,1fr)); }
.sx-grid > .col{ width:auto !important; max-width:none !important; flex:none !important; padding:0 !important; margin:0 !important; min-width:0; }

.sx-card{
  position:relative; display:flex; flex-direction:column; height:100%;
  background:#fff; border:1px solid var(--nx-line); border-radius:var(--nx-r); overflow:hidden;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.sx-card__media{ position:relative; aspect-ratio:1/1; background:var(--nx-soft); }
.sx-card__img{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; padding:14px; }
.sx-card__img img{ width:100%; height:100%; object-fit:contain; mix-blend-mode:multiply; transition:transform .35s ease; }
.sx-badge{
  position:absolute; top:10px; inset-inline-start:10px; z-index:2;
  padding:4px 9px; border-radius:8px; color:#fff; font-size:.72rem; font-weight:900; line-height:1.2;
}
.sx-badge--sale{ background:var(--brand); }
.sx-badge--offer{ background:var(--nx-navy-2); }
.sx-card__acts{ position:absolute; top:10px; inset-inline-end:10px; z-index:3; display:flex; flex-direction:column; gap:6px; }
.sx-card .sx-act{
  position:static !important; inset:auto !important; margin:0 !important; padding:0 !important;
  width:34px; height:34px; display:grid; place-items:center; cursor:pointer;
  border-radius:50% !important; border:1px solid var(--nx-line) !important;
  background:rgba(255,255,255,.94) !important; color:var(--nx-muted) !important;
  font-size:.82rem; box-shadow:var(--nx-sh-1);
  transition:opacity .18s ease, transform .18s ease, background .15s ease, color .15s ease;
}
.sx-card .sx-act:hover{ color:var(--brand) !important; border-color:var(--brand) !important; }
.sx-card .v2-fav.active{ background:var(--brand) !important; border-color:var(--brand) !important; color:#fff !important; }
.sx-card .v3-cmp-btn.is-on{ background:var(--nx-navy-2) !important; border-color:var(--nx-navy-2) !important; color:#fff !important; }
.sx-card__timer{
  position:absolute; inset-inline:10px; bottom:10px; z-index:2;
  display:flex; align-items:center; gap:7px; padding:5px 10px; border-radius:10px;
  background:rgba(10,24,50,.9); color:#fff; font-size:.74rem;
}
.sx-card__timer > i{ color:var(--brand); }
.sx-card__timer .v3-countdown{ gap:3px; }
.sx-card__timer .v3-countdown b{ background:transparent !important; color:#fff !important; padding:0 !important; font-size:.76rem !important; }
.sx-card__timer .v3-countdown i{ color:rgba(255,255,255,.6) !important; }

.sx-card__body{ display:flex; flex-direction:column; gap:8px; padding:13px 14px 14px; flex:1 1 auto; }
.sx-card__title{
  color:var(--nx-ink); font-weight:700; font-size:.9rem; line-height:1.45; text-decoration:none; min-height:2.9em;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.sx-card__title:hover{ color:var(--brand-d); }
.sx-card__price .price{ font-size:1.12rem !important; font-weight:900 !important; color:var(--nx-navy) !important; }
.sx-card__price .text-primary{ color:var(--brand) !important; }
.sx-card__price .price-old{ font-size:.8rem; color:var(--nx-muted) !important; }
.sx-card__price .v3-offer__deal{ font-size:.74rem; font-weight:800; color:var(--brand-d); }
.sx-card__price .v3-labels{ margin-bottom:6px !important; }
.sx-card__price .v3-label{ font-size:.66rem; padding:2px 7px; border-radius:6px; }
.sx-card__meta{ display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; font-size:.74rem; font-weight:700; color:var(--nx-muted); }
.sx-stock{ display:inline-flex; align-items:center; gap:6px; color:var(--nx-navy-2); }
.sx-stock i{ width:7px; height:7px; border-radius:50%; background:var(--nx-navy-2); }
.sx-stock.is-out{ color:#b42318; }
.sx-stock.is-out i{ background:#d92d20; box-shadow:0 0 0 3px rgba(217,45,32,.14); }
.sx-opts{ display:inline-flex; align-items:center; gap:5px; padding:2px 8px; border-radius:6px; background:#edf2fa; color:var(--nx-navy-2); }
.sx-opts i{ font-size:.66rem; }
.sx-card__foot{ margin-top:auto; padding-top:2px; }
.sx-card .sx-add{
  width:100%; min-height:40px; padding:0 10px; display:inline-flex; align-items:center; justify-content:center; gap:8px;
  border:0 !important; border-radius:12px !important; background:var(--nx-navy) !important; color:#fff !important;
  font-weight:800; font-size:.84rem; text-decoration:none; cursor:pointer; transition:background .15s ease;
}
.sx-card .sx-add:hover{ background:var(--brand) !important; }
.sx-card .sx-add.is-incart{ background:var(--nx-navy) !important; color:#fff !important; box-shadow:none; }
.sx-card .sx-add--ghost{ background:#fff !important; color:var(--nx-navy-2) !important; box-shadow:inset 0 0 0 1px var(--nx-line-2); }
.sx-card .sx-add--ghost:hover{ background:var(--nx-navy) !important; color:#fff !important; }
.sx-card.is-out .sx-card__img img{ opacity:.55; filter:grayscale(.35); }

.sx-card, .sx-card:hover{ transform:none !important; box-shadow:none !important; }
.sx-card .sx-card__img img{ transform:none !important; }

.sx-grid.cat-grid.is-list{ grid-template-columns:1fr !important; }
.sx-grid.is-list .sx-card{ flex-direction:row; }
.sx-grid.is-list .sx-card__media{ width:170px; flex:0 0 170px; aspect-ratio:auto; min-height:170px; }
.sx-grid.is-list .sx-card__body{ padding:16px 18px; }
.sx-grid.is-list .sx-card__title{ font-size:1rem; -webkit-line-clamp:3; min-height:0; }
.sx-grid.is-list .sx-card__foot{ max-width:240px; }
@media (max-width:575.98px){
  .sx-grid.is-list .sx-card__media{ width:118px; flex-basis:118px; min-height:118px; }
  .sx-grid.is-list .sx-card__body{ padding:12px; }
}

.sx-sec--offers{
  padding:22px; border-radius:22px;
  background:#fff;
  border:1px solid var(--nx-line); border-top:3px solid var(--brand);
}

.sx-brands{ display:grid; gap:12px; grid-template-columns:repeat(3, minmax(0,1fr)); }
.sx-brand{
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px;
  min-height:88px; padding:14px; background:#fff; border:1px solid var(--nx-line); border-radius:var(--nx-r);
  text-decoration:none; transition:box-shadow .2s ease, border-color .2s ease, transform .2s ease;
}
.sx-brand img{ max-width:100%; max-height:44px; object-fit:contain; filter:grayscale(1); opacity:.72; transition:filter .2s ease, opacity .2s ease; }
.sx-brand:hover{ box-shadow:none; transform:none; }
.sx-brand:hover img{ filter:none; opacity:1; }
.sx-brand__name{ font-size:.8rem; font-weight:800; color:var(--nx-text); text-align:center; }
.sx-brand__mono{ width:44px; height:44px; border-radius:12px; display:grid; place-items:center; background:var(--nx-navy); color:#fff; font-weight:900; }
.sx-brands--named .sx-brand{ min-height:116px; }

.sx-dir{ display:grid; gap:14px; grid-template-columns:1fr; }
.sx-dir__card{ background:#fff; border:1px solid var(--nx-line); border-radius:var(--nx-r); overflow:hidden; display:flex; flex-direction:column; }
.sx-dir__head{ display:flex; align-items:center; gap:14px; padding:14px 16px; text-decoration:none; color:var(--nx-ink); transition:background .15s ease; }
.sx-dir__head:hover{ background:var(--nx-soft); color:var(--nx-ink); }
.sx-dir__img{ width:58px; height:58px; flex:0 0 58px; border-radius:14px; background:var(--nx-soft); display:grid; place-items:center; overflow:hidden; }
.sx-dir__img img{ width:100%; height:100%; object-fit:contain; padding:7px; mix-blend-mode:multiply; }
.sx-dir__name{ flex:1 1 auto; min-width:0; font-weight:900; font-size:1rem; }
.sx-dir__go{ color:var(--nx-muted); font-size:.8rem; transition:transform .15s ease, color .15s ease; }
[dir="rtl"] .sx-dir__go{ transform:scaleX(-1); }
.sx-dir__head:hover .sx-dir__go{ color:var(--brand); }
.sx-dir__subs{ display:flex; flex-wrap:wrap; gap:6px; padding:0 16px 16px; }
.sx-dir__subs a{
  display:inline-flex; padding:5px 11px; border-radius:999px; background:var(--nx-soft); border:1px solid var(--nx-line);
  font-size:.8rem; font-weight:700; color:var(--nx-text); text-decoration:none;
}
.sx-dir__subs a:hover{ background:var(--nx-navy); border-color:var(--nx-navy); color:#fff; }

.sx-letters,.sx-sorts{ display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin-bottom:18px; }
.sx-letters a{
  min-width:36px; height:36px; padding:0 10px; display:inline-grid; place-items:center; border-radius:10px;
  background:#fff; border:1px solid var(--nx-line); font-weight:800; font-size:.84rem; color:var(--nx-text); text-decoration:none;
}
.sx-sorts__lbl{ font-weight:800; font-size:.84rem; color:var(--nx-muted); margin-inline-end:4px; }
.sx-sorts a{
  display:inline-flex; align-items:center; padding:8px 14px; border-radius:999px;
  background:#fff; border:1px solid var(--nx-line); font-weight:700; font-size:.84rem; color:var(--nx-text); text-decoration:none;
}
.sx-letters a:hover,.sx-sorts a:hover{ border-color:var(--nx-navy-2); color:var(--nx-navy-2); }
.sx-letters a.is-active,.sx-sorts a.is-active{ background:var(--nx-navy); border-color:var(--nx-navy); color:#fff; }

.sx-brandhead{
  display:flex; align-items:center; gap:20px; flex-wrap:wrap;
  padding:22px; background:#fff; border:1px solid var(--nx-line); border-radius:22px; box-shadow:var(--nx-sh-1);
}
.sx-brandhead__logo{ width:120px; height:84px; border-radius:16px; background:var(--nx-soft); display:grid; place-items:center; padding:12px; flex:0 0 auto; }
.sx-brandhead__logo img{ max-width:100%; max-height:100%; object-fit:contain; }
.sx-brandhead__text{ flex:1 1 220px; min-width:0; }
.sx-brandhead__text .sx-hero__eyebrow{ background:var(--nx-soft); border-color:var(--nx-line); color:var(--nx-muted); }
.sx-brandhead__text .sx-hero__eyebrow .sx-bars i{ background:var(--brand); }
.sx-brandhead h1{ margin:10px 0 2px; font-size:clamp(1.4rem, 3vw, 2rem); font-weight:900; }
.sx-brandhead p{ margin:0; color:var(--nx-muted); font-weight:700; }

.sx-emptybox{
  display:flex; flex-direction:column; align-items:center; gap:10px; text-align:center;
  padding:48px 20px; background:#fff; border:1px dashed var(--nx-line-2); border-radius:var(--nx-r);
}
.sx-emptybox > i{ font-size:2.4rem; color:var(--nx-line-2); }
.sx-emptybox h5{ margin:0; font-weight:900; }
.sx-emptybox p{ margin:0; color:var(--nx-muted); }
.sx-emptybox .sx-btn{ margin-top:6px; }
.sx-empty{ color:var(--nx-muted); }
.sx-pager{ display:flex; justify-content:center; margin-top:26px; }

.site-store{ background:var(--nx-navy); color:#fff; }
.site-store__row{ position:relative; display:flex; align-items:center; gap:18px; min-height:48px; }
.site-store__all{
  display:inline-flex; align-items:center; gap:10px; height:48px; padding:0 18px;
  border:0; background:var(--brand); color:#fff; font:inherit; font-weight:800; font-size:.9rem; cursor:pointer;
}
.site-store__chev{ font-size:.62rem; transition:transform .18s ease; }
.site-store__links{ display:flex; align-items:center; gap:2px; }
.site-store__links a{ padding:8px 13px; border-radius:8px; color:rgba(255,255,255,.78); font-weight:700; font-size:.88rem; text-decoration:none; }
.site-store__links a:hover,.site-store__links a.is-active{ color:#fff; background:rgba(255,255,255,.09); }
.site-store__note{ margin-inline-start:auto; display:inline-flex; align-items:center; gap:8px; font-weight:700; font-size:.84rem; color:rgba(255,255,255,.86); }
.site-store__note i{ color:var(--brand); }

.site-mega{
  position:absolute; top:100%; inset-inline:12px; z-index:1040;
  max-height:min(72vh, 560px); overflow-y:auto; padding:24px 26px;
  background:#fff; color:var(--nx-ink); border:1px solid var(--nx-line); border-top:3px solid var(--brand);
  border-radius:0 0 20px 20px; box-shadow:0 34px 60px -24px rgba(10,24,50,.4);
  opacity:0; visibility:hidden; transform:translateY(6px);
  transition:opacity .18s ease, transform .18s ease, visibility .18s;
}
.site-store__cats:hover .site-mega,
.site-store__cats:focus-within .site-mega,
.site-store__cats.is-open .site-mega{ opacity:1; visibility:visible; transform:none; }
.site-store__cats:hover .site-store__chev,
.site-store__cats.is-open .site-store__chev{ transform:rotate(180deg); }
.site-mega__grid{ display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:20px 28px; }
@media (min-width:1200px){ .site-mega__grid{ grid-template-columns:repeat(5, minmax(0,1fr)); } }
.site-mega__col{ display:flex; flex-direction:column; gap:7px; min-width:0; }
.site-mega__head{
  font-weight:900; font-size:.93rem; color:var(--nx-ink); text-decoration:none;
  padding-bottom:8px; margin-bottom:2px; border-bottom:1px solid var(--nx-line);
}
.site-mega__head:hover{ color:var(--brand-d); }
.site-mega__link{ font-size:.85rem; font-weight:600; color:var(--nx-muted); text-decoration:none; transition:color .12s ease, padding .12s ease; }
.site-mega__link:hover{ color:var(--nx-navy-2); padding-inline-start:4px; }

.site-cats{ display:none !important; }

.pdp__info{ border-color:var(--nx-line); border-radius:var(--nx-r); box-shadow:var(--nx-sh-1); }
.pdp-stage{ border-radius:22px; overflow:hidden; background:var(--nx-soft) !important; border:1px solid var(--nx-line); }
.pdp-stage__link{ background:transparent !important; }
.pdp-stage__link img{ mix-blend-mode:multiply; }
.pdp-thumbs{ flex-wrap:wrap; overflow:visible !important; }
.pdp-thumb{ border-radius:12px !important; background:#fff; }
.pdp-thumb.active{ border-color:var(--nx-navy-2) !important; box-shadow:0 0 0 2px color-mix(in srgb, var(--nx-navy-2) 20%, transparent); }
.pdp-stage__link{ cursor:zoom-in; }
.pdp-stage__nav{
  position:absolute; top:50%; z-index:3; width:40px; height:40px; margin-top:-20px; border-radius:50%;
  display:grid; place-items:center; border:1px solid var(--nx-line); background:rgba(255,255,255,.94);
  color:var(--nx-navy); font-size:.85rem; cursor:pointer;
  transition:opacity .2s ease, background .2s ease, color .2s ease, transform .2s ease;
}
.pdp-stage__nav--prev{ inset-inline-start:12px; }
.pdp-stage__nav--next{ inset-inline-end:12px; }
[dir="rtl"] .pdp-stage__nav i{ transform:scaleX(-1); }
.pdp-stage__nav:hover{ background:var(--nx-navy); color:#fff; border-color:var(--nx-navy); }
.pdp-stage__nav:active{ transform:scale(.92); }
.pdp-stage__count{
  position:absolute; bottom:12px; left:50%; transform:translateX(-50%); z-index:3;
  padding:4px 12px; border-radius:999px; background:rgba(10,24,50,.78); color:#fff;
  font-size:.75rem; font-weight:700; letter-spacing:.04em; direction:ltr; pointer-events:none;
}
.pdp-stage__count b{ font-weight:900; }
@media (hover:hover){
  .pdp-stage__nav{ opacity:0; }
  .pdp-stage:hover .pdp-stage__nav, .pdp-stage__nav:focus-visible{ opacity:1; }
}
@media (max-width:575.98px){ .pdp-stage__nav{ width:34px; height:34px; margin-top:-17px; } }
.pdp-title{ color:var(--nx-ink); }
.pdp-price__now,#priceBox #pdPrice{ color:var(--nx-navy) !important; }
.pdp-price__save{ background:var(--brand); border-radius:8px; }
.pdp-addbtn{ min-height:52px; border-radius:14px !important; }
.pdp-actions .v3-cmp-pdp,.v3-cmp-pdp{ border-radius:999px !important; border:1px solid var(--nx-line-2); background:#fff; color:var(--nx-text); font-weight:700; }
.v3-cmp-pdp:hover{ background:var(--nx-soft); color:var(--nx-navy-2); }
.v3-cmp-pdp.is-on{ background:var(--nx-navy); border-color:var(--nx-navy); color:#fff; }
.pdp-brand{ border-radius:999px; }
.pdp-specs th{ background:var(--nx-soft) !important; color:var(--nx-text) !important; }
.pdp-specs th,.pdp-specs td{ border-color:var(--nx-line) !important; }

.cat-page{ gap:22px; }
.cat-subnav{
  display:grid !important; grid-template-columns:repeat(auto-fill, minmax(112px, 1fr)); gap:10px;
  overflow:visible !important; padding:0 !important;
}
.cat-subcard{ width:auto !important; flex:none !important; border-radius:14px !important; border-color:var(--nx-line) !important; transition:box-shadow .18s ease, border-color .18s ease; }
.cat-subcard__img{ background:var(--nx-soft) !important; }
.cat-subcard__img img{ mix-blend-mode:multiply; }
.cat-subcard:hover{ box-shadow:none; }
.cat-subcard.active{ border-color:var(--nx-navy) !important; box-shadow:0 0 0 1px var(--nx-navy); }
.cat-subcard.active .cat-subcard__name{ color:var(--nx-navy) !important; }
.cat-view{ border-radius:10px; border-color:var(--nx-line-2); }
.cat-view__btn.is-active{ background:var(--nx-navy) !important; }
.cat-tools__filters{ border-radius:10px !important; color:var(--nx-navy-2) !important; }
.cat-active__chip{ background:#edf2fa !important; color:var(--nx-navy-2) !important; border-color:#d8e2f2 !important; }
@media (min-width:992px){ .cat-filters{ position:sticky; top:150px; } }

.modal-content{ border-radius:20px !important; border:0 !important; box-shadow:0 40px 80px -30px rgba(10,24,50,.5); overflow:hidden; }
.modal-header{ border-bottom:1px solid var(--nx-line) !important; }
.v3cart-row{ border-radius:12px; border-color:var(--nx-line); }
.v3-compare-wrap{ border-radius:var(--nx-r); border-color:var(--nx-line); box-shadow:var(--nx-sh-1); }
.v3-comparebar{
  border-radius:999px !important; background:var(--nx-navy) !important; color:#fff !important;
  border:0 !important; box-shadow:0 20px 40px -18px rgba(10,24,50,.7) !important;
}
.v3-comparebar__count,.v3-comparebar__count i{ color:#fff !important; }

.store-bottomnav{ border-top:1px solid var(--nx-line); box-shadow:0 -10px 30px -18px rgba(10,24,50,.35); }
.store-bottomnav a{ color:var(--nx-muted); font-weight:700; }
.store-bottomnav a.is-active{ color:var(--brand); }
.store-bottomnav a.is-active::before{
  content:""; position:absolute; top:0; width:28px; height:3px; border-radius:0 0 3px 3px; background:var(--brand);
}
.store-bottomnav a{ position:relative; }

@media (max-width:575.98px){
  .sx-store{ gap:28px; }
  .sx-head{ margin-bottom:14px; }
  .sx-head__all{ padding:7px 12px; font-size:.78rem; }
  .sx-hero{ border-radius:20px; }
  .sx-hero__inner{ padding:24px 18px 22px; }
  .sx-hero__facts{ gap:4px 16px; font-size:.84rem; }
  .sx-hero__facts b{ font-size:1.1rem; }
  .sx-hero__search{ padding-inline-start:14px; }
  .sx-hero__search .sx-btn{ padding:0 14px; min-height:42px; }
  .sx-hero__links a{ padding:7px 12px; font-size:.8rem; }

  .sx-cats{ --gap:6px; row-gap:16px; }
  .sx-cat{ gap:8px; }
  .sx-cat__orb{ padding:2.5px; }
  .sx-cat__pic{ border-width:2.5px; }
  .sx-cat__name{ font-size:.74rem; }
  .sx-cats--many > .sx-cat:nth-child(n+8):not(.sx-cat--more){ display:none; }
  .sx-cat--more{ display:flex; }

  .sx-grid{ gap:10px; }
  .sx-grid--1row > .col:nth-child(n+5){ display:none !important; }
  .sx-grid--2rows > .col:nth-child(n+7){ display:none !important; }
  .sx-card{ border-radius:14px; }
  .sx-card__img{ padding:10px; }
  .sx-card__body{ padding:10px 11px 11px; gap:6px; }
  .sx-card__title{ font-size:.82rem; }
  .sx-card__price .price{ font-size:1rem !important; }
  .sx-card .sx-act{ width:30px; height:30px; font-size:.74rem; }
  .sx-card__acts{ top:8px; inset-inline-end:8px; }
  .sx-badge{ top:8px; inset-inline-start:8px; font-size:.66rem; }
  .sx-card .sx-add{ min-height:38px; font-size:.78rem; gap:6px; }
  .sx-card__meta{ font-size:.7rem; }
  .sx-opts{ display:none; }

  .sx-sec--offers{ padding:16px 12px; border-radius:18px; }
  .sx-brand{ min-height:72px; padding:10px; }
  .sx-brand img{ max-height:34px; }
  .sx-brandhead{ padding:16px; gap:14px; }
  .sx-brandhead__logo{ width:88px; height:64px; }
  .sx-brandhead .sx-btn{ width:100%; }
}

@media (min-width:576px){
  .sx-grid{ grid-template-columns:repeat(3, minmax(0,1fr)); gap:14px; }
  .sx-brands{ grid-template-columns:repeat(4, minmax(0,1fr)); }
}
@media (min-width:576px) and (max-width:767.98px){
  .sx-grid--1row > .col:nth-child(n+4){ display:none !important; }
  .sx-grid--2rows > .col:nth-child(n+7){ display:none !important; }
}
@media (min-width:576px) and (max-width:991.98px){
  .sx-cats{ --cols:6; --gap:12px; --orb:90px; }
  .sx-cats--many > .sx-cat:nth-child(n+12):not(.sx-cat--more){ display:none; }
  .sx-cat--more{ display:flex; }
}
@media (min-width:768px){
  .sx-grid{ grid-template-columns:repeat(4, minmax(0,1fr)); gap:16px; }
  .sx-dir{ grid-template-columns:repeat(2, minmax(0,1fr)); }
}
@media (min-width:768px) and (max-width:1199.98px){
  .sx-grid--1row > .col:nth-child(n+5){ display:none !important; }
  .sx-grid--2rows > .col:nth-child(n+9){ display:none !important; }
}
@media (max-width:991.98px){
  .sx-hero__inner{ grid-template-columns:1fr; }
  .sx-hero__art{ display:none; }
  .sx-hero::after{ width:150px; height:160px; opacity:.08;
    background:
      linear-gradient(#fff,#fff) 0 100% / 34px 46% no-repeat,
      linear-gradient(#fff,#fff) 58px 100% / 34px 72% no-repeat,
      linear-gradient(#fff,#fff) 116px 100% / 34px 100% no-repeat; }
}
@media (min-width:992px){
  .sx-cats{ --cols:8; --gap:14px; --orb:104px; row-gap:26px; }
  .sx-brands{ grid-template-columns:repeat(6, minmax(0,1fr)); gap:14px; }
}
@media (min-width:1200px){
  .sx-grid{ grid-template-columns:repeat(5, minmax(0,1fr)); gap:18px; }
  .sx-grid--1row > .col:nth-child(n+6){ display:none !important; }
  .sx-grid--2rows > .col:nth-child(n+11){ display:none !important; }
  .sx-dir{ grid-template-columns:repeat(3, minmax(0,1fr)); }
  .sx-cats{ --gap:18px; --orb:120px; }
  .sx-cat__name{ font-size:.88rem; }
}

.sx-grid.cat-grid{ grid-template-columns:repeat(2, minmax(0,1fr)) !important; }
@media (min-width:576px){ .sx-grid.cat-grid{ grid-template-columns:repeat(3, minmax(0,1fr)) !important; } }
@media (min-width:1200px){ .sx-grid.cat-grid{ grid-template-columns:repeat(4, minmax(0,1fr)) !important; } }
@media (min-width:1200px){ .cat-layout--wide .sx-grid.cat-grid{ grid-template-columns:repeat(5, minmax(0,1fr)) !important; } }
.sx-grid.cat-grid.is-list{ grid-template-columns:1fr !important; }

.admin-body{ background:var(--nx-bg); }

.admin-topbar{
  position:sticky; background:#fff !important; border-bottom:1px solid var(--nx-line) !important;
  box-shadow:none; min-height:66px;
}
.admin-topbar::after{
  content:""; position:absolute; inset-inline:0; bottom:-1px; height:3px; pointer-events:none;
  background:linear-gradient(90deg, var(--nx-navy) 0%, var(--nx-navy-2) 62%, var(--brand) 100%);
}
[dir="rtl"] .admin-topbar::after{ background:linear-gradient(270deg, var(--nx-navy) 0%, var(--nx-navy-2) 62%, var(--brand) 100%); }
.admin-topbar__brand span{
  font-weight:900; color:var(--nx-ink); padding-inline-start:12px; border-inline-start:1px solid var(--nx-line);
}
.admin-topbar__actions .btn{ border-radius:999px !important; }

.admin-main{ padding-top:26px; }
.admin-page-head{ margin-bottom:20px; }
.admin-page-head__title{
  display:flex; align-items:center; gap:12px; font-size:1.6rem; font-weight:900; color:var(--nx-ink);
}
.admin-page-head__title::before{ content:""; width:18px; height:20px; flex:0 0 18px; background:var(--nx-bars); direction:ltr; }
.admin-crumb a{ color:var(--nx-muted); }
.admin-crumb__current{ color:var(--brand-d); }

.admin-nav{ background:#fff; border:1px solid var(--nx-line) !important; border-radius:var(--nx-r) !important; box-shadow:var(--nx-sh-1); padding:10px !important; }
.admin-nav__sec{ border:0 !important; border-radius:12px !important; overflow:hidden; }
.admin-nav__sec + .admin-nav__sec{ margin-top:4px; }
.admin-nav__sec-head{ border-radius:12px; font-weight:800; color:var(--nx-ink); background:transparent; }
.admin-nav__sec-head:hover{ background:var(--nx-soft); }
.admin-nav__sec.is-open > .admin-nav__sec-head{ background:var(--nx-soft); }
.admin-nav__sec.has-active .admin-nav__sec-head{ color:var(--nx-navy); }
.admin-nav__title{ font-size:.68rem !important; letter-spacing:.06em; text-transform:uppercase; color:var(--nx-muted) !important; }
.admin-nav__link{ border-radius:10px !important; color:var(--nx-text); font-weight:600; }
.admin-nav__link:hover{ background:var(--nx-soft) !important; color:var(--nx-navy-2) !important; }
.admin-nav__link:hover i{ color:var(--nx-navy-2) !important; }
.admin-nav__link.is-active{
  background:var(--nx-navy) !important; color:#fff !important; box-shadow:inset 3px 0 0 var(--brand);
}
[dir="rtl"] .admin-nav__link.is-active{ box-shadow:inset -3px 0 0 var(--brand); }
.admin-nav__link.is-active i{ color:#fff !important; }

.admin-body .ms-sec{ border-radius:var(--nx-r); }
.admin-table thead th{
  background:var(--nx-soft) !important; color:var(--nx-muted) !important;
  font-size:.72rem; font-weight:900; letter-spacing:.05em; text-transform:uppercase;
  border-bottom:1px solid var(--nx-line) !important;
}
.admin-table tbody td{ border-bottom-color:var(--nx-line); }
.admin-table tbody tr:hover{ background:#fafbfe !important; }
.admin-table__thumb{ border-radius:10px !important; background:var(--nx-soft) !important; border-color:var(--nx-line) !important; }
.admin-badge--on{ background:var(--nx-navy); color:#fff; }
.admin-badge--info{ background:#edf2fa; color:var(--nx-navy-2); }
.admin-f__label{ color:var(--nx-ink); font-weight:800; }
.admin-switch input:checked + .admin-switch__track{ background:var(--nx-navy-2); }
.admin-actionbar{ border-radius:var(--nx-r) !important; border-color:var(--nx-line) !important; box-shadow:0 -12px 30px -22px rgba(10,24,50,.4); }

.admin-tabs__btn{ border-radius:999px !important; border-color:var(--nx-line-2) !important; }
.admin-tabs__btn.is-active{ background:var(--nx-navy) !important; border-color:var(--nx-navy) !important; color:#fff !important; }
.admin-tabs__btn.is-active i{ color:#fff !important; }
.cat-tabs a.is-active{ background:var(--nx-navy) !important; border-color:var(--nx-navy) !important; }
.cat-count{ border-radius:999px; }

.admin-stat{
  position:relative; overflow:hidden; border:1px solid var(--nx-line) !important;
  border-radius:var(--nx-r) !important; box-shadow:var(--nx-sh-1); padding:20px 16px !important;
}
.admin-stat::before{
  content:""; position:absolute; inset-inline:0; top:0; height:3px;
  background:linear-gradient(90deg, var(--nx-navy-2), var(--brand));
}
.admin-stat__icon{
  width:46px; height:46px; margin:0 auto 10px; display:grid !important; place-items:center;
  border-radius:14px; background:var(--nx-soft);
}
.admin-stat__value{ font-size:1.6rem !important; color:var(--nx-ink) !important; }
.admin-stat__label{ color:var(--nx-muted) !important; }

.hm-quick,.brand-card,.cat-node,.cat-var,.cat-preview,.cat-drop{ border-radius:var(--nx-r) !important; }
.brand-card:hover,.cat-node:hover{ box-shadow:none; }
.cat-preview{ box-shadow:var(--nx-sh-1); }

@media (min-width:768px){
  .admin-table td.admin-table__actions{ display:table-cell !important; white-space:nowrap; text-align:end; }
  .admin-table td.admin-table__actions > *{ display:inline-flex; vertical-align:middle; margin-inline-start:6px; }
  .admin-table td.admin-table__actions > form{ display:inline-block; }
}
@media (min-width:992px){ .pdp__info{ position:sticky; top:150px; } }

@media (max-width:767.98px){
  .cat-subnav{ grid-template-columns:repeat(2, minmax(0,1fr)) !important; gap:8px; }
  .cat-subcard{ display:flex !important; align-items:center; gap:9px; padding:6px 8px; border-radius:12px !important; }
  .cat-subcard__img{ width:40px; height:40px; flex:0 0 40px; aspect-ratio:auto !important; border-radius:10px; overflow:hidden; }
  .cat-subcard__img img{ padding:4px !important; }
  .cat-subcard__name{ border-top:0 !important; padding:0 !important; text-align:start !important; white-space:normal !important; font-size:.78rem !important; line-height:1.3; }
}
.cat-main{ display:flex; flex-direction:column; gap:18px; min-width:0; }
@media (max-width:575.98px){
  .pdp-buy__row{ flex-wrap:nowrap; }
  .pdp-addbtn{ flex:1 1 auto !important; min-width:0; }
}

.biz-pill{ display:inline-flex; align-items:center; gap:6px; padding:4px 12px; border-radius:999px; font-size:12px; font-weight:800; white-space:nowrap; }
.biz-pill::before{ content:""; width:7px; height:7px; border-radius:50%; background:currentColor; }
.biz-pill--warn{ background:#fff; color:var(--brand); box-shadow:inset 0 0 0 1px var(--brand); }
.biz-pill--info{ background:#fff; color:var(--nx-navy-2); box-shadow:inset 0 0 0 1px var(--nx-navy-2); }
.biz-pill--ok{ background:var(--nx-navy); color:#fff; }
.biz-pill--bad{ background:#fff; color:var(--nx-muted); box-shadow:inset 0 0 0 1px var(--nx-line-2); }
.biz-count{ display:inline-grid; place-items:center; min-width:22px; height:20px; padding:0 6px; border-radius:999px; background:var(--nx-soft); color:var(--nx-muted); font-size:11px; font-weight:900; }
.admin-tabs__btn.is-active .biz-count{ background:rgba(255,255,255,.18); color:#fff; }
.admin-table tr.biz-new td{ background:var(--nx-soft); }
.admin-table tr.biz-new td:first-child{ box-shadow:inset 3px 0 0 var(--brand); }
.admin-nav__count{ margin-inline-start:auto; min-width:20px; height:20px; padding:0 6px; border-radius:999px; display:inline-grid; place-items:center; background:var(--brand); color:#fff; font-size:11px; font-weight:900; }


.ms-footer.ft-site{
  position:relative; isolation:isolate; overflow:hidden; margin-top:56px; border-top:0; color:rgba(255,255,255,.72);
  background:
    radial-gradient(760px 380px at 100% 0%, color-mix(in srgb, var(--brand) 20%, transparent), transparent 62%),
    radial-gradient(560px 320px at 0% 100%, rgba(56,120,220,.22), transparent 60%),
    linear-gradient(160deg, var(--nx-navy-2) 0%, var(--nx-navy) 55%, #071226 100%);
}
.ft-site::before{
  content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.07) 1px, transparent 1.5px); background-size:22px 22px;
  -webkit-mask-image:linear-gradient(180deg, #000, transparent 75%); mask-image:linear-gradient(180deg, #000, transparent 75%);
}
.ft-site::after{
  content:""; position:absolute; z-index:-1; pointer-events:none; bottom:-30px; inset-inline-end:-10px; width:230px; height:250px; opacity:.035;
  background:linear-gradient(#fff,#fff) 0 100% / 52px 46% no-repeat, linear-gradient(#fff,#fff) 88px 100% / 52px 72% no-repeat, linear-gradient(#fff,#fff) 176px 100% / 52px 100% no-repeat;
}
main.main--full ~ .ms-footer.ft-site{ margin-top:0; }

.ft-site__head{ display:flex; flex-wrap:wrap; align-items:center; gap:18px 32px; padding:44px 0 30px; border-bottom:1px solid rgba(255,255,255,.1); }
.ft-site__brand{ flex:0 0 auto; display:inline-flex; align-items:center; color:#fff; text-decoration:none; font-size:1.4rem; font-weight:900; }
.ft-site__logo{ height:46px; width:auto; display:block; }
.ft-site__logo.is-mono{ filter:brightness(0) invert(1); }
.ft-site__desc{ flex:1 1 320px; margin:0; max-width:620px; font-size:.92rem; line-height:1.85; color:rgba(255,255,255,.7); }
.ft-site__social{ display:flex; flex-wrap:wrap; gap:8px; margin-inline-start:auto; }
.ft-site__social a{
  width:42px; height:42px; border-radius:12px; display:grid; place-items:center; font-size:1rem; text-decoration:none;
  color:#fff; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.12); transition:background .2s ease, border-color .2s ease;
}
.ft-site__social a:hover{ background:var(--brand); border-color:var(--brand); color:#fff; }

.ft-site__cols{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:30px 24px; padding:36px 0; }
.ft-site__title{ display:flex; align-items:center; gap:10px; margin:0 0 16px; font-size:.98rem; font-weight:900; color:#fff; }
.ft-site__title .sx-bars{ height:14px; gap:2px; }
.ft-site__title .sx-bars i{ width:3px; background:#fff; }
.ft-site__title .sx-bars i:nth-child(1){ height:6px; }
.ft-site__title .sx-bars i:nth-child(2){ height:10px; }
.ft-site__title .sx-bars i:nth-child(3){ height:14px; background:var(--brand); opacity:1; }
.ft-site__col ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:11px; }
.ft-site__col a{ display:inline-flex; align-items:center; gap:10px; color:rgba(255,255,255,.72); font-size:.92rem; font-weight:600; text-decoration:none; transition:color .15s ease; }
.ft-site__col a:hover{ color:#fff; }
.ft-site__col a.has-ico i{ width:30px; height:30px; flex:0 0 30px; border-radius:9px; display:grid; place-items:center; font-size:.78rem; color:#fff; background:rgba(255,255,255,.08); transition:background .2s ease; }
.ft-site__col a.has-ico:hover i{ background:var(--brand); }

.ft-site__contact{ gap:10px !important; }
.ft-site__contact li > a, .ft-site__contact li > div{ display:flex; align-items:center; gap:12px; min-width:0; }
.ft-site__contact i{ width:38px; height:38px; flex:0 0 38px; border-radius:11px; display:grid; place-items:center; font-size:.9rem; color:#fff; background:rgba(255,255,255,.08); transition:background .2s ease; }
.ft-site__contact li:first-child i{ background:var(--brand); }
.ft-site__contact a:hover i{ background:var(--brand); }
.ft-site__contact span{ display:flex; flex-direction:column; gap:1px; min-width:0; }
.ft-site__contact small{ font-size:.74rem; font-weight:700; color:rgba(255,255,255,.5); }
.ft-site__contact b{ font-size:.9rem; font-weight:800; color:#fff; line-height:1.45; overflow-wrap:anywhere; }
[dir="rtl"] .ft-site__contact b[dir="ltr"]{ text-align:right; }

.ft-site__bottom{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px 20px; padding:18px 0 22px; border-top:1px solid rgba(255,255,255,.1); font-size:.84rem; color:rgba(255,255,255,.55); }
.ft-site__top{ display:inline-flex; align-items:center; gap:8px; padding:8px 14px; border-radius:999px; border:1px solid rgba(255,255,255,.16); color:#fff; font-weight:800; font-size:.82rem; text-decoration:none; transition:background .2s ease, border-color .2s ease; }
.ft-site__top:hover{ background:#fff; border-color:#fff; color:var(--nx-navy); }

@media (min-width:768px){ .ft-site__cols{ grid-template-columns:repeat(3, minmax(0,1fr)); } .ft-site__col--contact{ grid-column:1 / -1; } .ft-site__col--contact .ft-site__contact{ flex-direction:row !important; flex-wrap:wrap; gap:14px 28px !important; } }
@media (min-width:1200px){
  .ft-site__cols{ grid-template-columns:1fr 1.15fr 1.1fr 1.5fr; gap:30px 40px; padding:42px 0; }
  .ft-site__col--contact{ grid-column:auto; }
  .ft-site__col--contact .ft-site__contact{ flex-direction:column !important; gap:10px !important; }
}
@media (max-width:575.98px){
  .ms-footer.ft-site{ margin-top:36px; }
  .ft-site__head{ padding:30px 0 22px; gap:14px; }
  .ft-site__logo{ height:40px; }
  .ft-site__desc{ flex-basis:100%; font-size:.86rem; }
  .ft-site__social{ margin-inline-start:0; }
  .ft-site__social a{ width:38px; height:38px; }
  .ft-site__cols{ gap:26px 16px; padding:26px 0; }
  .ft-site__col--contact{ grid-column:1 / -1; }
  .ft-site__col a{ font-size:.86rem; }
  .ft-site__bottom{ justify-content:center; text-align:center; }
}

:root{
  --brand:#e2001a; --primary:#e2001a; --danger:#e2001a;
  --brand-d:#b50016; --primary-d:#b50016;
  --brand-2:#e2001a;
  --brand-gh:#f3f6fb;
  --brand-l:#e9eef6;
  --success:var(--nx-navy-2);
  --nx-ring:0 0 0 3px rgba(10,54,112,.16);
}
::selection{ background:var(--nx-navy-2); color:#fff; }

.ms-side__ico, .hm-quick__ico{ background:var(--nx-navy) !important; color:#fff !important; }

.v3-cart__count, .v2-review-head .ava, .admin-tabs__btn.is-active .cat-count{ background:var(--nx-navy) !important; color:#fff !important; border-color:transparent !important; }

.pc-opts, .cat-active__chip{ background:#fff !important; color:var(--nx-navy-2) !important; border:1px solid var(--nx-line-2) !important; }

.sx-card__media, .pdp-stage, .cat-subcard__img, .ms-cat__img,
:is(.ms-home,.ms-home2) .cat-tile, :is(.ms-home,.ms-home2) .cat-img,
.v3-co__fee, .cat-var-form, .bg-soft{ background:#fff !important; }
.v3-co__fee, .cat-var-form{ border:1px solid var(--nx-line) !important; }

.site-lang__opt.is-active, .glass-menu-item.active, .list-group-item-slide.active,
.ms-side .list-group-item-slide.active, .dropdown-item.active,
.nav-pills .nav-link.active{ background:var(--nx-navy) !important; color:#fff !important; }

.search-overlay__go{ background:var(--brand) !important; color:#fff !important; }
.search-overlay__close{ background:#fff !important; color:var(--nx-navy) !important; box-shadow:inset 0 0 0 1px var(--nx-line-2); }

.ms-main >.card > .card-header .btn-light, .ms-main >.card > .card-header .btn-sm{ background:#fff !important; color:var(--nx-navy) !important; box-shadow:inset 0 0 0 1px var(--nx-line-2); }

.ms-status--ok, .ms-status--info{ background:#fff !important; color:var(--nx-navy-2) !important; box-shadow:inset 0 0 0 1px var(--nx-line-2); }
.pc-add.in-cart, .pc-add.added, .pc-add.in_cart, .pc-add.is-incart,
.card-product-grid .btn-top .btn.in-cart, .card-product-grid .btn-top .btn.added{ background:var(--nx-navy) !important; border-color:var(--nx-navy) !important; color:#fff !important; }
.pc-add.is-incart:hover{ background:var(--nx-navy-2) !important; }
.ms-qty__btn:active{ background:var(--brand-l) !important; }

.faq-acc__item[open] .faq-acc__q{ background:#fff !important; }
.faq-acc__item[open]{ border-color:var(--nx-line-2) !important; }
.faq-acc__q > i:first-child{ color:var(--brand); }

.v3-sum, .card-product-grid .img-wrap, .opt-swatch__img, .pc-out, .input-group-text,
.input-spinner .btn, .input-spinner .update-qty, .glass-iconbtn, .glass-search-wrap, .glass-offcanvas-logo,
.content-body blockquote, .content-body th, .pdp-specs th{ background:#fff !important; }
.v3-sum{ border:1px solid var(--nx-line-2) !important; border-radius:16px !important; }
.pdp-specs th, .content-body th{ color:var(--nx-navy) !important; font-weight:800; }
.v3-compare__label{ background:#fff !important; color:var(--nx-navy) !important; }
.pc-out{ border:1px dashed var(--nx-line-2); color:var(--nx-muted); }

.ms-swal-wrap{ padding-top:14px !important; }
.ms-swal-toast{
  display:flex !important; align-items:center !important; gap:12px !important; width:auto !important;
  min-width:min(92vw, 300px); max-width:min(92vw, 460px); padding:12px 16px !important; border-radius:16px !important; border:0 !important;
  background:var(--nx-navy) !important; color:#fff !important; font-family:var(--font) !important;
  box-shadow:0 20px 44px -18px rgba(10,24,50,.7) !important; overflow:hidden; position:relative;
}
.ms-swal-toast .ms-swal-title{ flex:1 1 auto; margin:0 !important; padding:0 !important; color:#fff !important; font-size:.92rem !important; font-weight:800 !important; line-height:1.5 !important; text-align:start !important; }
.ms-swal-ico{
  flex:0 0 auto; display:grid !important; place-items:center !important; box-sizing:border-box;
  margin:0 !important; border:0 !important; color:#fff !important; animation:none !important;
}
.ms-swal-ico > *{ display:grid !important; place-items:center; margin:0 !important; animation:none !important; color:inherit !important; font-size:inherit !important; }
.ms-swal-toast .ms-swal-ico{ width:34px !important; height:34px !important; min-width:34px; border-radius:10px !important; background:#fff !important; color:var(--nx-navy) !important; font-size:.9rem !important; }
.ms-swal--error .ms-swal-ico, .ms-swal--warning .ms-swal-ico{ background:var(--brand) !important; color:#fff !important; }
.ms-swal-bar{ height:3px !important; background:var(--brand) !important; }
.ms-swal--error .ms-swal-bar, .ms-swal--warning .ms-swal-bar{ background:#fff !important; }

.ms-swal-wrap--dialog{ background:rgba(10,24,50,.55) !important; backdrop-filter:blur(3px); }
.ms-swal{ width:min(92vw, 420px) !important; padding:28px 24px 24px !important; border-radius:24px !important; font-family:var(--font) !important; background:#fff !important; }
.ms-swal .ms-swal-ico{ width:64px !important; height:64px !important; margin:0 auto 6px !important; border-radius:20px !important; background:var(--brand) !important; font-size:1.5rem !important; }
.ms-swal .ms-swal-title{ color:var(--nx-ink) !important; font-size:1.2rem !important; font-weight:900 !important; padding:10px 0 0 !important; }
.ms-swal .ms-swal-text{ color:var(--nx-muted) !important; font-size:.95rem !important; font-weight:700; margin:8px 0 0 !important; }
.ms-swal-actions{ display:flex !important; gap:10px; margin:22px 0 0 !important; width:100%; flex-wrap:nowrap !important; }
.ms-swal-actions .sx-btn{ flex:1 1 0; min-height:48px; margin:0 !important; }

.modal-backdrop.show{ opacity:1 !important; background:rgba(10,24,50,.55) !important; backdrop-filter:blur(3px); }
.modal-content{ border:0 !important; border-radius:24px !important; overflow:hidden; background:#fff; box-shadow:0 40px 80px -30px rgba(10,24,50,.55) !important; }
.modal-header, .modal-header.bg-primary, .bz-modal .modal-header{
  position:relative; padding:18px 22px !important; border:0 !important; color:#fff !important;
  background:radial-gradient(rgba(255,255,255,.08) 1px, transparent 1.4px) 0 0 / 18px 18px, linear-gradient(160deg, var(--nx-navy-2) 0%, var(--nx-navy) 70%) !important;
}
.modal-header::after{ content:""; position:absolute; inset-inline:0; bottom:0; height:3px; background:var(--brand); transform:scaleX(.18); transform-origin:var(--dv-origin, left); }
[dir="rtl"] .modal-header::after{ --dv-origin:right; }
.modal-header .modal-title, .modal-header.bg-primary .modal-title, .bz-modal .modal-title{ color:#fff !important; font-weight:900 !important; font-size:1.1rem; }
.modal-header .btn-close, .modal-header.bg-primary .btn-close, .modal .modal-header .btn-close.text-white{
  box-sizing:border-box; width:38px; height:38px; padding:0 !important; margin:0 !important; margin-inline-start:auto !important;
  border-radius:50%; opacity:1 !important; filter:none !important; box-shadow:none !important;
  border:1px solid rgba(255,255,255,.22) !important;
  background:rgba(255,255,255,.12) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' d='M3 3l10 10M13 3L3 13'/%3e%3c/svg%3e") center / 13px 13px no-repeat !important;
  transition:background-color .2s ease, border-color .2s ease;
}
.modal-header .btn-close:hover, .modal-header.bg-primary .btn-close:hover{ background-color:var(--brand) !important; border-color:var(--brand) !important; opacity:1 !important; }
.modal-header .btn-close:focus-visible{ outline:3px solid rgba(255,255,255,.5); outline-offset:2px; }
.modal-body{ padding:22px !important; }
.modal-footer{ padding:14px 22px 20px !important; border-top:1px solid var(--nx-line) !important; gap:10px; background:#fff; }
.modal-footer .btn{ min-height:46px; border-radius:12px !important; font-weight:800 !important; }
.modal-footer .btn-secondary, .modal-footer .btn-light, .modal-footer .btn-outline-secondary{ background:#fff !important; color:var(--nx-navy) !important; border:1px solid var(--nx-line-2) !important; }
.modal-footer .btn-secondary:hover, .modal-footer .btn-light:hover, .modal-footer .btn-outline-secondary:hover{ background:var(--nx-navy) !important; color:#fff !important; border-color:var(--nx-navy) !important; }

.alert{ background:#fff !important; color:var(--nx-ink) !important; border:1px solid var(--nx-line) !important; border-inline-start:4px solid var(--nx-navy-2) !important; border-radius:14px !important; font-weight:700; }
.alert-danger, .alert-warning{ border-inline-start-color:var(--brand) !important; }
.bz-sent{ background:#fff !important; color:var(--nx-ink) !important; border:1px solid var(--nx-line) !important; border-inline-start:4px solid var(--nx-navy) !important; border-radius:18px !important; }
.bz-sent > i{ color:var(--nx-navy) !important; }
.bz-sent h3{ color:var(--nx-ink) !important; }