/*
 * NDEs storefront final UI overlay — 2026-06-12
 * Purpose: calmer storefront hierarchy, mobile conversion improvements,
 * accessible focus states and progressive enhancement without changing
 * payment/authentication/messenger logic.
 */

:root {
  --sf-accent: #ff8a1f;
  --sf-accent-soft: rgba(255, 138, 31, .13);
  --sf-panel: rgba(15, 21, 34, .94);
  --sf-panel-2: rgba(20, 27, 42, .96);
  --sf-stroke: rgba(255, 255, 255, .10);
  --sf-muted: rgba(255, 255, 255, .64);
  --sf-shadow: 0 18px 54px rgba(0, 0, 0, .28);
  --sf-nav-height: 66px;
}

/* Accessible keyboard focus across the storefront. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
  outline: 3px solid rgba(255, 169, 79, .86) !important;
  outline-offset: 3px !important;
}

/* Calmer notifications: one clear layer, less visual competition. */
.message-container {
  top: 88px !important;
  right: 14px !important;
  max-width: min(390px, calc(100vw - 28px)) !important;
  min-width: min(300px, calc(100vw - 28px)) !important;
}
.toast-message {
  margin-bottom: 9px !important;
  padding: 11px 13px !important;
  border-radius: 13px !important;
  border-right-width: 3px !important;
  background: rgba(18, 25, 40, .97) !important;
  box-shadow: var(--sf-shadow) !important;
  font-size: 13px !important;
}
.toast-icon { font-size: 1.12rem !important; }
.toast-close-btn { font-size: 1.1rem !important; }

/* Simplified navigation emphasis. */
.ndx-link--sell,
.ndx-mitem--sell {
  color: #ffc27e !important;
}
.ndx-link--sell {
  display: inline-flex !important;
  align-items: center;
  gap: 5px;
  padding: 8px 11px !important;
  border: 1px solid rgba(255, 145, 0, .22);
  border-radius: 999px;
  background: rgba(255, 145, 0, .075);
}
.ndx-link--sell:hover { background: rgba(255, 145, 0, .14); }

/* Search: useful empty state, grouped safe live results, compact recent history. */
.search-overlay .search-wrapper { max-width: 690px !important; }
.search-overlay .search-content { width: 100%; }
.ndx-search-empty {
  display: grid;
  gap: 12px;
  margin-top: 16px;
  padding: 13px;
  border: 1px solid var(--sf-stroke);
  border-radius: 16px;
  background: rgba(255, 255, 255, .035);
  text-align: start;
}
.ndx-search-empty__head,
.ndx-search-recent > strong {
  display: flex;
  align-items: center;
  gap: 7px;
  color: rgba(255, 255, 255, .78);
  font-size: 12px;
  font-weight: 900;
}
.ndx-search-empty__head i { color: #ffac4d; font-size: 17px; }
.ndx-search-empty__links,
.ndx-search-recent [data-search-recent-list] {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
.ndx-search-empty__links a,
.ndx-search-recent a,
.ndx-search-recent button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 35px;
  padding: 7px 10px;
  border: 1px solid rgba(255,255,255,.095);
  border-radius: 999px;
  background: rgba(255,255,255,.045);
  color: rgba(255,255,255,.82);
  text-decoration: none;
  font-size: 11px;
  font-weight: 850;
  cursor: pointer;
}
.ndx-search-empty__links a:hover,
.ndx-search-recent a:hover,
.ndx-search-recent button:hover {
  border-color: rgba(255,145,0,.32);
  background: rgba(255,145,0,.10);
  color: #fff;
}
.ndx-search-recent {
  display: grid;
  gap: 8px;
  padding-top: 10px;
  border-top: 1px solid rgba(255,255,255,.065);
}
.ndx-search-recent button { justify-self: start; border: 0; background: transparent; color: #ffb461; }
.ndx-search-group {
  display: grid;
  gap: 4px;
  margin-bottom: 12px;
  padding: 8px;
  border: 1px solid var(--sf-stroke);
  border-radius: 15px;
  background: rgba(255,255,255,.028);
}
.ndx-search-group h4 {
  margin: 0;
  padding: 2px 4px 6px;
  color: #ffb15c;
  font-size: 11px;
  font-weight: 950;
}
.ndx-live-result {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px;
  border-radius: 11px;
  color: #fff;
  text-decoration: none;
  transition: background-color .18s ease;
}
.ndx-live-result:hover { background: rgba(255,145,0,.085); }
.ndx-live-result img {
  width: 48px;
  height: 48px;
  flex: 0 0 auto;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 12px;
  object-fit: cover;
}
.ndx-live-result__body { display: grid; flex: 1; min-width: 0; gap: 1px; }
.ndx-live-result__body strong { overflow: hidden; color: #fff; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.ndx-live-result__body small { overflow: hidden; color: rgba(255,255,255,.51); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.ndx-live-result__body em { color: rgba(255,255,255,.58); font-size: 10px; font-style: normal; }
.ndx-live-result__body em.is-ok { color: #65dda4; }
.ndx-live-result__body em.is-no { color: #ff918c; }
.ndx-live-result__price { display: grid; justify-items: end; gap: 2px; color: #ffb15c; }
.ndx-live-result__price b { font-size: 11px; }
.ndx-search-feedback { display: flex; align-items: center; gap: 8px; padding: 13px; color: rgba(255,255,255,.68); font-size: 12px; }
.search-overlay.ndx-search-is-empty #live-search-results { display: none; }

/* Home: keep a single strong hero; make secondary content quieter. */
.home-category-actions {
  display: flex;
  justify-content: center;
  margin-top: 16px;
}
.home-category-all {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 10px 14px;
  border: 1px solid rgba(255, 145, 0, .22);
  border-radius: 999px;
  background: rgba(255, 145, 0, .075);
  color: #ffc27d;
  text-decoration: none;
  font-size: 13px;
  font-weight: 900;
  margin: 20px;
}
.home-featured-compact { padding: 54px 0; }
.home-featured-compact__head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}
.home-featured-compact__head span { display: inline-flex; align-items: center; gap: 6px; color: #ffb15a; font-size: 12px; font-weight: 900; }
.home-featured-compact__head h2 { margin: 5px 0 0; color: #fff; font-size: clamp(21px, 3vw, 30px); font-weight: 950; }
.home-featured-compact__head > a { display: inline-flex; align-items: center; gap: 6px; color: #ffb15a; text-decoration: none; font-size: 12px; font-weight: 900; white-space: nowrap; }
.home-featured-rail {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.home-featured-card {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 9px;
  border: 1px solid var(--sf-stroke);
  border-radius: 16px;
  background: rgba(255,255,255,.035);
  color: #fff;
  text-decoration: none;
  transition: border-color .18s ease, background-color .18s ease, transform .18s ease;
}
.home-featured-card:hover { transform: translateY(-2px); border-color: rgba(255,145,0,.31); background: rgba(255,145,0,.065); }
.home-featured-card img { width: 68px; height: 58px; flex: 0 0 auto; border-radius: 11px; object-fit: cover; }
.home-featured-card span { display: grid; flex: 1; min-width: 0; gap: 4px; }
.home-featured-card strong { overflow: hidden; color: #fff; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.home-featured-card small { color: #64dba3; font-size: 10px; font-weight: 850; }
.home-featured-card > i { color: #ffad50; }

/* Catalog: active filter chips and mobile bottom-sheet sorting. */
.catalog-mobile-sort { display: none; }
.catalog-active-filters {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  margin: 0 0 18px;
  padding: 10px;
  border: 1px solid var(--sf-stroke);
  border-radius: 15px;
  background: rgba(255,255,255,.028);
}
.catalog-active-filters > strong { margin-inline-end: 3px; color: rgba(255,255,255,.72); font-size: 11px; }
.catalog-active-filter-chip,
.catalog-active-filter-reset {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 32px;
  padding: 6px 9px;
  border-radius: 999px;
  color: #fff;
  text-decoration: none;
  font-size: 11px;
  font-weight: 850;
}
.catalog-active-filter-chip { border: 1px solid rgba(255,145,0,.24); background: rgba(255,145,0,.09); }
.catalog-active-filter-reset { color: #ffb15c; }
.catalog-sort-sheet[hidden] { display: none !important; }
.catalog-sort-sheet { display: none; }

/* Product detail: decision-critical specs before tabs and fixed mobile buy action. */
.pd-key-specs {
  display: grid;
  gap: 8px;
  margin: 0 2px 14px;
  padding: 10px;
  border: 1px solid rgba(255,255,255,.085);
  border-radius: 15px;
  background: rgba(255,255,255,.027);
}
.pd-key-specs__head { display: flex; align-items: center; gap: 6px; color: #ffb05a; font-size: 11px; font-weight: 950; }
.pd-key-specs__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); gap: 6px; }
.pd-key-specs__grid > div { display: grid; gap: 3px; padding: 7px; border: 1px solid rgba(255,255,255,.065); border-radius: 10px; background: rgba(0,0,0,.13); }
.pd-key-specs small { overflow: hidden; color: rgba(255,255,255,.49); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.pd-key-specs strong { overflow: hidden; color: rgba(255,255,255,.9); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.pd-mobile-buybar { display: none; }

/* Profile: dashboard tabs with orders first. */
.profile-dashboard-shell { margin-top: -88px; padding: 0 0 24px; position: relative; z-index: 3; }
.profile-dashboard-tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  padding: 8px;
  border: 1px solid var(--sf-stroke);
  border-radius: 18px;
  background: rgba(15,21,34,.93);
  box-shadow: var(--sf-shadow);
  backdrop-filter: blur(14px);
}
.profile-dashboard-tabs button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 45px;
  padding: 8px;
  border: 1px solid transparent;
  border-radius: 12px;
  background: transparent;
  color: rgba(255,255,255,.62);
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
}
.profile-dashboard-tabs button:hover { color: #fff; background: rgba(255,255,255,.045); }
.profile-dashboard-tabs button.is-active { border-color: rgba(255,145,0,.24); background: rgba(255,145,0,.1); color: #ffc27c; }
.profile-tab-panel[hidden] { display: none !important; }
.profile-panel-empty,
.profile-account-card {
  display: grid;
  gap: 12px;
  padding: 20px;
  border: 1px solid var(--sf-stroke);
  border-radius: 18px;
  background: rgba(255,255,255,.035);
  color: #fff;
}
.profile-panel-empty { justify-items: center; text-align: center; }
.profile-panel-empty > i { color: #ffad50; font-size: 34px; }
.profile-panel-empty h2,
.profile-account-card h2 { margin: 0; color: #fff; font-size: 20px; }
.profile-panel-empty p,
.profile-account-card p { margin: 0; color: rgba(255,255,255,.64); font-size: 13px; line-height: 1.9; }
.profile-account-card > div:first-child > span { display: inline-flex; align-items: center; gap: 6px; margin-bottom: 8px; color: #ffb15a; font-size: 12px; font-weight: 900; }
.profile-account-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.profile-account-actions a,
.profile-account-actions button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 42px; }
.order-timeline span:not(.is-done):not(.is-current) { opacity: .46; }

/* Quiet secondary effects; keep the branded hero as the visual focus. */
.p-card,
.pd-related-card,
.profile-fav-card,
.ndx2-footer__panel,
.card-3d { transition-duration: .18s !important; }
.p-card:hover,
.pd-related-card:hover,
.profile-fav-card:hover { transform: translateY(-2px) !important; }

/* Mobile conversion dock. */
.mobile-store-nav { display: none; }
@media (max-width: 768px) {
  body { padding-bottom: calc(var(--sf-nav-height) + env(safe-area-inset-bottom, 0px)); }
  .mobile-store-nav {
    position: fixed;
    right: 8px;
    bottom: calc(7px + env(safe-area-inset-bottom, 0px));
    left: 8px;
    z-index: 2147482000;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    min-height: var(--sf-nav-height);
    padding: 5px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 18px;
    background: rgba(12, 17, 28, .96);
    box-shadow: 0 18px 52px rgba(0,0,0,.48);
    backdrop-filter: blur(16px);
  }
  .mobile-store-nav a,
  .mobile-store-nav button {
    position: relative;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 3px;
    min-width: 0;
    border: 0;
    border-radius: 12px;
    background: transparent;
    color: rgba(255,255,255,.7);
    text-decoration: none;
    font-size: 10px;
    font-weight: 850;
    cursor: pointer;
  }
  .mobile-store-nav a:hover,
  .mobile-store-nav button:hover,
  .mobile-store-nav .is-current { background: rgba(255,145,0,.10); color: #ffc27d; }
  .mobile-store-nav i { font-size: 20px; }
  .mobile-store-nav b {
    position: absolute;
    top: 2px;
    inset-inline-end: calc(50% - 20px);
    min-width: 17px;
    height: 17px;
    display: grid;
    place-items: center;
    padding: 0 4px;
    border-radius: 999px;
    background: #ff8a1f;
    color: #17100a;
    font-size: 9px;
    font-weight: 950;
  }
  .mobile-store-nav b:empty,
  .mobile-store-nav b[data-count="0"] { display: none; }
  .message-container { top: 74px !important; right: 10px !important; max-width: calc(100vw - 20px) !important; min-width: calc(100vw - 20px) !important; }

  .lp-decor,
  .home-news-cinema__glow,
  .lp-glow { display: none !important; }
  [data-tilt] { transform: none !important; }

  .home-featured-compact { padding: 38px 0; }
  .home-featured-rail { display: flex; overflow-x: auto; gap: 8px; padding-bottom: 4px; scroll-snap-type: x proximity; scrollbar-width: thin; }
  .home-featured-card { min-width: min(290px, 82vw); scroll-snap-align: start; }

  .catalog-toolbar { gap: 8px; }
  .catalog-toolbar .filters-wrap { display: none !important; }
  .catalog-mobile-sort {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    min-height: 42px;
    border: 1px solid rgba(255,145,0,.2);
    border-radius: 12px;
    background: rgba(255,145,0,.075);
    color: #ffc27d;
    font-size: 12px;
    font-weight: 900;
    cursor: pointer;
  }
  .catalog-sort-sheet { position: fixed; inset: 0; z-index: 2147482900; display: block; }
  .catalog-sort-sheet__backdrop { position: absolute; inset: 0; border: 0; background: rgba(0,0,0,.62); }
  .catalog-sort-sheet__panel {
    position: absolute;
    right: 8px;
    bottom: calc(var(--sf-nav-height) + 16px + env(safe-area-inset-bottom, 0px));
    left: 8px;
    display: grid;
    gap: 5px;
    padding: 10px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 18px;
    background: rgba(13,18,29,.99);
    box-shadow: 0 24px 76px rgba(0,0,0,.62);
  }
  .catalog-sort-sheet header { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 3px 3px 7px; }
  .catalog-sort-sheet h2 { margin: 0; color: #fff; font-size: 15px; }
  .catalog-sort-sheet header button { width: 32px; height: 32px; border: 1px solid rgba(255,255,255,.1); border-radius: 9px; background: rgba(255,255,255,.04); color: #fff; }
  .catalog-sort-sheet a { padding: 10px; border: 1px solid transparent; border-radius: 10px; color: rgba(255,255,255,.72); text-decoration: none; font-size: 12px; font-weight: 850; }
  .catalog-sort-sheet a.is-active { border-color: rgba(255,145,0,.25); background: rgba(255,145,0,.1); color: #ffc27d; }

  .pd-mobile-buybar {
    position: fixed;
    right: 8px;
    bottom: calc(var(--sf-nav-height) + 16px + env(safe-area-inset-bottom, 0px));
    left: 8px;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 8px 9px;
    border: 1px solid rgba(255,145,0,.23);
    border-radius: 16px;
    background: rgba(12,17,28,.97);
    box-shadow: 0 18px 52px rgba(0,0,0,.42);
    backdrop-filter: blur(16px);
  }
  .pd-mobile-buybar > div { display: grid; gap: 2px; }
  .pd-mobile-buybar small { color: #64dda5; font-size: 10px; font-weight: 900; }
  .pd-mobile-buybar strong { color: #fff; font-size: 14px; }
  .pd-mobile-buybar strong span { color: rgba(255,255,255,.62); font-size: 10px; }
  .pd-mobile-buybar form { margin: 0; }
  .pd-mobile-buybar button { display: inline-flex; align-items: center; gap: 5px; min-height: 40px; padding: 8px 11px; border: 0; border-radius: 11px; background: linear-gradient(135deg,#ff7912,#ffad35); color: #17100a; font-size: 11px; font-weight: 950; }
  .pd-mobile-buybar button:disabled { opacity: .48; cursor: not-allowed; }

  .profile-dashboard-shell { margin-top: -82px; overflow: hidden; }
  .profile-dashboard-tabs { display: flex; overflow-x: auto; justify-content: flex-start; padding: 7px; scroll-snap-type: x proximity; }
  .profile-dashboard-tabs button { min-width: 145px; scroll-snap-align: start; }
  .profile-account-actions { flex-direction: column; align-items: stretch; }
  .profile-account-actions > * { width: 100%; }
}

@media (max-width: 480px) {
  .ndx-search-empty__links { display: grid; grid-template-columns: 1fr; }
  .ndx-search-empty__links a { border-radius: 10px; }
  .ndx-live-result__price b { display: none; }
  .home-category-all { font-size: 11px; }
  .pd-key-specs__grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}

/* Respect user preference and reduce costly mobile visual motion globally. */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

/* Search overlay states and small mobile refinements */
.search-overlay:not(.ndx-search-is-empty) .ndx-search-empty { display: none; }
.search-overlay.ndx-search-is-empty #live-search-results { display: none; }
.catalog-sort-sheet-open { overflow: hidden; }
.pd-mobile-buybar small.is-no { color: #ff918c; }

/* LTR polish for storefront additions. */
html[dir="ltr"] .home-category-all i,
html[dir="ltr"] .home-featured-compact__head > a i,
html[dir="ltr"] .home-featured-card > i { transform: rotate(180deg); }


/* NDEs minimal storefront footer (v2). */
.ndx3-footer{
  position:relative;
  overflow:hidden;
  padding:34px 0 calc(18px + env(safe-area-inset-bottom));
  border-top:1px solid rgba(255,145,0,.12);
  background:
    radial-gradient(760px 260px at 82% -12%,rgba(255,132,20,.10),transparent 68%),
    linear-gradient(180deg,rgba(6,8,12,.94),rgba(4,5,8,.99));
}
.ndx3-footer__surface{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.075);
  border-radius:20px;
  background:rgba(12,15,22,.78);
  box-shadow:0 18px 56px rgba(0,0,0,.24);
}
.ndx3-footer__main{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.9fr) minmax(210px,.72fr);gap:0}
.ndx3-footer__brand,.ndx3-footer__links,.ndx3-footer__trust{min-width:0;padding:22px}
.ndx3-footer__links,.ndx3-footer__trust{border-inline-start:1px solid rgba(255,255,255,.065)}
.ndx3-footer__identity{display:inline-flex;align-items:center;gap:12px;max-width:100%;text-decoration:none}
.ndx3-footer__identity img{display:block;width:auto;max-width:168px;height:38px;object-fit:contain}
.ndx3-footer__brandname{color:#fff;font-size:20px;font-weight:950;letter-spacing:-.35px}
.ndx3-footer__desc{max-width:570px;margin:12px 0 0;color:rgba(255,255,255,.64);font-size:12.5px;line-height:1.95}
.ndx3-footer__benefits{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:15px}
.ndx3-footer__benefits span{display:inline-flex;align-items:center;gap:5px;color:rgba(255,255,255,.74);font-size:11px;font-weight:850}
.ndx3-footer__benefits i{color:#ffad52;font-size:15px}
.ndx3-footer__actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px 14px;margin-top:17px}
.ndx3-footer__primary,.ndx3-footer__textlink{display:inline-flex;align-items:center;gap:7px;text-decoration:none;font-size:11.5px;font-weight:900;transition:transform .16s ease,color .16s ease,border-color .16s ease,background-color .16s ease}
.ndx3-footer__primary{padding:9px 12px;border:1px solid rgba(255,164,71,.25);border-radius:11px;background:rgba(255,138,31,.12);color:#ffc27c}
.ndx3-footer__textlink{color:rgba(255,255,255,.7)}
.ndx3-footer__primary:hover,.ndx3-footer__textlink:hover{transform:translateY(-1px);color:#ffd29d}
.ndx3-footer h2{margin:0 0 12px;color:rgba(255,255,255,.91);font-size:13px;font-weight:950}
.ndx3-footer__linkgrid{display:grid;grid-template-columns:1fr;gap:3px}
.ndx3-footer__linkgrid a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 0;color:rgba(255,255,255,.64);text-decoration:none;font-size:11.5px;font-weight:800;transition:color .16s ease,transform .16s ease}
.ndx3-footer__linkgrid a i{color:rgba(255,173,82,.72);font-size:14px}
.ndx3-footer__linkgrid a:hover{color:#ffc27c;transform:translateX(-2px)}
.ndx3-trustseal{display:flex;align-items:center;gap:9px;padding:8px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.025);color:rgba(255,255,255,.76);text-decoration:none;transition:border-color .16s ease,background-color .16s ease}
.ndx3-trustseal:hover{border-color:rgba(255,159,61,.23);background:rgba(255,138,31,.055)}
.ndx3-trustseal img{display:block;width:62px;height:62px;flex:0 0 62px;object-fit:contain;border-radius:9px;background:rgba(255,255,255,.94)}
.ndx3-trustseal__text{display:grid;min-width:0;gap:3px}
.ndx3-trustseal__text strong{color:rgba(255,255,255,.86);font-size:10.5px;line-height:1.55}
.ndx3-trustseal__text small{color:rgba(255,255,255,.5);font-size:9.5px;line-height:1.55}
.ndx3-trustseal>i{margin-inline-start:auto;color:#ffac51;font-size:15px}
.ndx3-footer__social{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.ndx3-footer__social a{display:grid;width:33px;height:33px;place-items:center;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.025);color:#ffc27c;text-decoration:none;font-size:10px;font-weight:900;transition:transform .16s ease,border-color .16s ease,background-color .16s ease}
.ndx3-footer__social a:hover{transform:translateY(-1px);border-color:rgba(255,159,61,.25);background:rgba(255,138,31,.06)}
.ndx3-footer__social img{display:block;width:18px;height:18px;object-fit:contain}
.ndx3-footer__bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-top:1px solid rgba(255,255,255,.065);background:rgba(0,0,0,.12)}
.ndx3-footer__copyright{display:flex;align-items:center;flex-wrap:wrap;gap:7px;color:rgba(255,255,255,.52);font-size:10.5px;font-weight:750}
.ndx3-footer__divider{opacity:.48}
.ndx3-footer__top{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border:0;border-radius:8px;background:transparent;color:rgba(255,255,255,.62);font-size:10.5px;font-weight:900;cursor:pointer;transition:color .16s ease,background-color .16s ease}
.ndx3-footer__top:hover{background:rgba(255,138,31,.07);color:#ffc27c}
html[dir="ltr"] .ndx3-footer__linkgrid a i,html[dir="ltr"] .ndx3-footer__primary i{transform:rotate(180deg)}
html[dir="ltr"] .ndx3-footer__linkgrid a:hover{transform:translateX(2px)}
@media(max-width:992px){.ndx3-footer__main{grid-template-columns:1fr 1fr}.ndx3-footer__brand{grid-column:1/-1}.ndx3-footer__links{border-inline-start:0;border-top:1px solid rgba(255,255,255,.065)}.ndx3-footer__trust{border-top:1px solid rgba(255,255,255,.065)}}
@media(max-width:640px){.ndx3-footer{padding:22px 0 calc(84px + env(safe-area-inset-bottom))}.ndx3-footer__surface{border-radius:16px}.ndx3-footer__main{grid-template-columns:1fr}.ndx3-footer__brand,.ndx3-footer__links,.ndx3-footer__trust{padding:16px}.ndx3-footer__links,.ndx3-footer__trust{border-inline-start:0;border-top:1px solid rgba(255,255,255,.065)}.ndx3-footer__desc{font-size:11.5px}.ndx3-footer__linkgrid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px}.ndx3-footer__linkgrid a{font-size:10.5px}.ndx3-footer__bottom{align-items:flex-start;padding:9px 11px}.ndx3-footer__copyright{max-width:78%;font-size:9.5px}.ndx3-footer__top span{display:none}}

/* NDEs minimal footer v3 — desktop trust seal placement refinement. */
.ndx3-footer{padding:30px 0 calc(16px + env(safe-area-inset-bottom));}
.ndx3-footer__surface{border-radius:18px;}
.ndx3-footer__main{grid-template-columns:minmax(0,1.48fr) minmax(220px,.88fr) minmax(190px,.62fr);}
.ndx3-footer__brand,.ndx3-footer__links,.ndx3-footer__trust{padding:20px;}
.ndx3-footer__trust{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:11px;}
.ndx3-footer__trust-head h2{margin:0;color:rgba(255,255,255,.91);font-size:13px;font-weight:950;}
.ndx3-footer__trust-head p{margin:6px 0 0;color:rgba(255,255,255,.48);font-size:10.5px;font-weight:750;line-height:1.75;}
.ndx3-footer__sealcard{display:grid;min-height:128px;place-items:center;padding:8px;border:1px solid rgba(255,255,255,.065);border-radius:14px;background:rgba(255,255,255,.022);}
.ndx3-footer__sealcard>.col-xxl-2,.ndx3-footer__sealcard>.col-lg-2{display:flex!important;width:100%!important;max-width:none!important;flex:0 0 auto!important;justify-content:center!important;padding:0!important;margin:0!important;}
.ndx3-footer__sealcard .enamad-badge{display:grid;place-items:center;min-width:108px;min-height:108px;}
.ndx3-footer__sealcard .enamad-badge a{display:grid;place-items:center;}
.ndx3-footer__sealcard .enamad-badge img{display:block;max-width:102px;height:auto;object-fit:contain;}
.ndx3-footer__social{justify-content:center;margin-top:0;}
.ndx3-footer__social a{width:31px;height:31px;border-radius:9px;}
@media(max-width:992px){
  .ndx3-footer__main{grid-template-columns:1fr minmax(190px,.62fr);}
  .ndx3-footer__brand{grid-column:1/-1;}
  .ndx3-footer__links{border-inline-start:0;border-top:1px solid rgba(255,255,255,.065);}
  .ndx3-footer__trust{border-top:1px solid rgba(255,255,255,.065);}
}
@media(max-width:640px){
  .ndx3-footer{padding:22px 0 calc(84px + env(safe-area-inset-bottom));}
  .ndx3-footer__main{grid-template-columns:1fr;}
  .ndx3-footer__brand,.ndx3-footer__links,.ndx3-footer__trust{padding:15px;}
  .ndx3-footer__trust{align-items:stretch;}
  .ndx3-footer__sealcard{min-height:112px;}
  .ndx3-footer__sealcard .enamad-badge{min-height:96px;}
}

/* NDEs mobile interaction refinement v4 — 2026-06-12.
   Scoped visual fixes only: purchase/auth endpoints and SEO markup stay unchanged. */
.mobile-store-nav{transition:opacity .18s ease,transform .18s ease,visibility .18s ease;}

/* Custom search shells own their visible focus ring; prevent the generic input ring
   from painting a second rectangular outline inside the rounded field. */
html body .ndx-category-search input:focus-visible,
html body .ndx-mobile-category-search input:focus-visible,
html body .cat-menu__search input:focus-visible{
  outline:0!important;
  outline-offset:0!important;
  box-shadow:none!important;
}
html body .ndx-category-search:focus-within,
html body .ndx-mobile-category-search:focus-within,
html body .cat-menu__search:focus-within{
  border-color:rgba(255,160,63,.42)!important;
  background:rgba(255,145,0,.045)!important;
  box-shadow:0 0 0 2px rgba(255,145,0,.075)!important;
}

/* Alert popover polish on desktop. */
html body .pd-alert-popover{
  width:min(326px,calc(100vw - 28px));
  padding:9px;
  border-color:rgba(255,255,255,.12);
  border-radius:18px;
  background:radial-gradient(280px 160px at 92% 0%,rgba(255,122,16,.16),transparent 66%),rgba(8,12,19,.992);
  box-shadow:0 24px 68px rgba(0,0,0,.62);
}
html body .pd-alert-popover__head{padding:3px 3px 8px;}
html body .pd-alert-option{min-height:58px;padding:9px;border-radius:13px;}
html body .pd-alert-option__icon{width:36px;height:36px;border-radius:11px;}

@media(max-width:768px){
  /* The dock lives outside the header stacking context. Yield it while modal layers
     are active so checkout actions never sit underneath it. */
  body.ndx-cart-is-open .mobile-store-nav,
  body.catalog-sort-sheet-open .mobile-store-nav,
  body.pd-alert-sheet-open .mobile-store-nav{
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    transform:translateY(calc(100% + 22px))!important;
  }
  html body .ndx-cart-foot{padding-bottom:calc(13px + env(safe-area-inset-bottom,0px))!important;}
  html body .ndx-cart-body{padding-bottom:16px!important;}

  /* Profile mobile dashboard: compact two-column action cards instead of a clipped rail. */
  html body .profile-dashboard-shell{
    margin-top:-58px!important;
    padding:0 0 18px!important;
    overflow:visible!important;
  }
  html body .profile-dashboard-tabs{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    overflow:visible!important;
    padding:8px!important;
    border-radius:17px!important;
    background:linear-gradient(145deg,rgba(15,21,34,.98),rgba(10,14,23,.98))!important;
    box-shadow:0 16px 44px rgba(0,0,0,.38)!important;
    margin: 25px 0 20px 0;
  }
  html body .profile-dashboard-tabs button{
    min-width:0!important;
    min-height:55px!important;
    justify-content:flex-start!important;
    gap:8px!important;
    padding:7px 8px!important;
    border-radius:12px!important;
    text-align:start!important;
    scroll-snap-align:unset!important;
  }
  html body .profile-dashboard-tabs button i{
    width:30px;
    height:30px;
    display:grid;
    flex:0 0 auto;
    place-items:center;
    border:1px solid rgba(255,255,255,.075);
    border-radius:10px;
    background:rgba(255,255,255,.035);
    color:rgba(255,255,255,.62);
    font-size:15px;
  }
  html body .profile-dashboard-tabs button span{
    min-width:0;
    color:inherit;
    font-size:10.5px;
    font-weight:900;
    line-height:1.45;
    white-space:normal;
  }
  html body .profile-dashboard-tabs button.is-active{
    border-color:rgba(255,145,0,.28)!important;
    background:linear-gradient(135deg,rgba(255,122,16,.18),rgba(255,145,0,.075))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
  }
  html body .profile-dashboard-tabs button.is-active i{
    border-color:rgba(255,145,0,.25);
    background:rgba(255,145,0,.13);
    color:#ffc27c;
  }

  /* Sort products as a real bottom sheet with distinct, touch-friendly choices. */
  html body .catalog-sort-sheet__backdrop{
    background:rgba(0,0,0,.68)!important;
    backdrop-filter:blur(3px);
  }
  html body .catalog-sort-sheet__panel{
    right:0px!important;
    bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;
    left:8px!important;
    gap:0!important;
    padding:8px!important;
    border-color:rgba(255,255,255,.13)!important;
    border-radius:21px!important;
    background:radial-gradient(420px 180px at 90% 0%,rgba(255,126,18,.14),transparent 68%),rgba(12,17,28,.995)!important;
    box-shadow:0 30px 90px rgba(0,0,0,.70)!important;
  }
  html body .catalog-sort-sheet__grab{
    display:block;
    width:42px;
    height:4px;
    margin:1px auto 8px;
    border-radius:999px;
    background:rgba(255,255,255,.18);
  }
  html body .catalog-sort-sheet header{
    display:grid!important;
    grid-template-columns:36px minmax(0,1fr) 32px;
    gap:8px!important;
    padding:3px 3px 9px!important;
    border-bottom:1px solid rgba(255,255,255,.07);
  }
  html body .catalog-sort-sheet__heading-icon{
    display:grid;
    width:34px;
    height:34px;
    place-items:center;
    border:1px solid rgba(255,145,0,.2);
    border-radius:11px;
    background:rgba(255,145,0,.1);
    color:#ffad4d;
  }
  html body .catalog-sort-sheet__heading{display:grid;align-content:center;gap:2px;min-width:0;}
  html body .catalog-sort-sheet h2{font-size:13px!important;line-height:1.35;}
  html body .catalog-sort-sheet__heading small{color:rgba(255,255,255,.46);font-size:9.5px;font-weight:750;line-height:1.45;}
  html body .catalog-sort-sheet__close{width:32px;height:32px;align-self:start; padding-top: 7px}
  html body .catalog-sort-sheet__options{display:grid;gap:5px;padding-top:7px;}
  html body .catalog-sort-sheet__options a{
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr) 18px;
    align-items:center;
    gap:8px;
    min-height:54px;
    padding:7px 8px!important;
    border:1px solid rgba(255,255,255,.055)!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.022);
  }
  html body .catalog-sort-sheet__options a>span:nth-child(2){display:grid;gap:2px;min-width:0;}
  html body .catalog-sort-sheet__options strong{color:rgba(255,255,255,.84);font-size:11px;line-height:1.35;}
  html body .catalog-sort-sheet__options small{color:rgba(255,255,255,.43);font-size:9px;font-weight:750;line-height:1.45;}
  html body .catalog-sort-sheet__option-icon{display:grid;width:32px;height:32px;place-items:center;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(255,255,255,.035);color:rgba(255,255,255,.58);font-size:15px;}
  html body .catalog-sort-sheet__check{opacity:0;color:#68e4a4;font-size:15px;}
  html body .catalog-sort-sheet__options a.is-active{
    border-color:rgba(255,145,0,.28)!important;
    background:linear-gradient(135deg,rgba(255,122,16,.17),rgba(255,145,0,.06))!important;
  }
  html body .catalog-sort-sheet__options a.is-active .catalog-sort-sheet__option-icon{border-color:rgba(255,145,0,.25);background:rgba(255,145,0,.12);color:#ffb461;}
  html body .catalog-sort-sheet__options a.is-active .catalog-sort-sheet__check{opacity:1;}
}

@media(max-width:640px){
  /* Professional filter accordion: selected options expand directly beneath their field. */
  html body .spec-filter-card{padding:8px!important;border-radius:18px!important;}
  html body .spec-filter-toggle{padding:8px!important;border-radius:14px!important;}
  html body .spec-filter-toggle__icon{width:34px!important;height:34px!important;border-radius:11px!important;}
  html body .spec-filter-toggle__lead{gap:8px!important;}
  html body .spec-filter-toggle__lead small{font-size:10px!important;}
  html body .spec-filter-toggle__lead strong{font-size:12px!important;white-space:normal!important;line-height:1.45;}
  html body .spec-filter-body{padding:0 2px 2px!important;}
  html body .spec-filter-body__top{padding:8px 2px!important;}
  html body .spec-filter-body__top p{font-size:10px!important;line-height:1.7!important;}
  html body .spec-filter-grid{gap:7px!important;}
  html body .spec-filter-field{gap:5px!important;padding:8px!important;border-radius:12px!important;background:rgba(0,0,0,.12)!important;}
  html body .spec-filter-field>span{font-size:10.5px!important;}
  html body .neo-select.is-open{z-index:5;}
  html body .neo-select__menu{
    position:static!important;
    inset:auto!important;
    width:100%!important;
    max-height:230px!important;
    margin-top:6px!important;
    padding:5px!important;
    border-radius:12px!important;
    background:rgba(8,12,19,.99)!important;
    box-shadow:0 14px 38px rgba(0,0,0,.38)!important;
  }
  html body .neo-select__menu[hidden]{display:none!important;}
  html body .neo-select__option{padding:9px 8px!important;border-radius:9px!important;font-size:11px!important;}
  html body .spec-filter-actions{
    position:sticky;
    bottom:0;
    z-index:2;
    gap:7px!important;
    padding:8px 1px 1px!important;
    background:linear-gradient(180deg,transparent,rgba(15,19,27,.98) 28%);
  }
  html body .spec-filter-actions button{flex:1;justify-content:center;min-height:39px;font-size:11px;}
  html body .spec-filter-actions a{font-size:10.5px;}
}

@media(max-width:560px){
  /* Product alert dialog becomes an unobstructed mobile sheet. */
  body.pd-alert-sheet-open::before{
    content:"";
    position:fixed;
    inset:0;
    z-index:2147482800;
    background:rgba(0,0,0,.68);
    backdrop-filter:blur(3px);
  }
  body.pd-alert-sheet-open .pd-mobile-buybar{
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    transform:translateY(calc(100% + 20px))!important;
  }
  html body .pd-alert-popover.is-mobile-portal{
    right:8px!important;
    bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;
    left:8px!important;
    z-index:2147483600!important;
    width:auto!important;
    padding:9px!important;
    border-radius:20px!important;
    box-shadow:0 30px 90px rgba(0,0,0,.72)!important;
  }
  html body .pd-alert-popover__head{padding:4px 3px 9px!important;}
  html body .pd-alert-popover__head span{font-size:13px!important;}
  html body .pd-alert-option{min-height:60px!important;padding:9px!important;border-radius:13px!important;}
  html body .pd-alert-option strong{font-size:11.5px!important;}
}


/* Mobile glass dock + low performance mode — 2026-06-29 */
@media(max-width:768px){
  .mobile-store-nav{border-radius:24px!important;padding:6px!important;min-height:72px!important;background:linear-gradient(135deg,rgba(18,24,38,.78),rgba(9,13,22,.68))!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 20px 58px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.12)!important;-webkit-backdrop-filter:blur(22px) saturate(1.45);backdrop-filter:blur(22px) saturate(1.45)}
  .mobile-store-nav a,.mobile-store-nav button{border-radius:17px!important;min-height:58px!important;transition:transform .18s ease,background .18s ease,color .18s ease;border:1px solid transparent!important}
  .mobile-store-nav a:active,.mobile-store-nav button:active{transform:scale(.96)}
  .mobile-store-nav a:hover,.mobile-store-nav button:hover,.mobile-store-nav .is-current{background:linear-gradient(180deg,rgba(255,145,0,.22),rgba(255,145,0,.08))!important;border-color:rgba(255,184,103,.18)!important;color:#ffd19c!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
  .mobile-store-nav i{font-size:21px!important}.mobile-store-nav span{font-size:10px!important;letter-spacing:-.02em}.mobile-store-nav b{box-shadow:0 5px 16px rgba(255,122,24,.35)}
}
html.ndx-lite-mode *,html.ndx-lite-mode *::before,html.ndx-lite-mode *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
html.ndx-lite-mode .mobile-store-nav,html.ndx-lite-mode .ndx-header,html.ndx-lite-mode .ndx-dd-panel,html.ndx-lite-mode .search-overlay,html.ndx-lite-mode .cart-modal-content,html.ndx-lite-mode .profile-account-card,html.ndx-lite-mode .account-card,html.ndx-lite-mode .glass-card{background:#101722!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:0 8px 24px rgba(0,0,0,.34)!important}
html.ndx-lite-mode [data-tilt],html.ndx-lite-mode .hero-card,html.ndx-lite-mode .p-card:hover,html.ndx-lite-mode .account-card:hover,html.ndx-lite-mode .profile-fav-card:hover{transform:none!important}
html.ndx-lite-mode video,html.ndx-lite-mode canvas{display:none!important}