:root {
  color-scheme: dark;
  --navy: #0a1421;
  --panel: #0d1d25;
  --panel-2: #11262c;
  --line: #25414a;
  --muted: #a0bdc8;
  --cyan: #a0bddb;
  --blue: #a0bddb;
  --green: #e4fd97;
}

body {
  background: radial-gradient(ellipse at 82% 0%, #142b37 0, transparent 34rem), #080f18;
}

.site-header { background: rgba(7, 15, 23, .93); border-bottom-color: #243943; }
.brand-mark { color: #e4fd97; background: linear-gradient(145deg, #064332, #022e21); box-shadow: 0 8px 28px #022e2140; }
.button-primary { border-color: #e4fd97; background: #e4fd97; color: #022e21; box-shadow: 0 8px 24px #e4fd9722; }
.button-primary:hover:not(:disabled) { background: #efffb9; }
.button-outline, .button-quiet { border-color: #526e7c; color: #dbe9f3; }
.button-outline:hover, .button-quiet:hover { border-color: #a0bddb; background: #142a35; }
.eyebrow, .price, .photo-placeholder { color: #a0bddb; }
.status-dot { background: #e4fd97; box-shadow: 0 0 0 4px #e4fd9722; }
.hero-gear { border-color: #a0bddb55; background: linear-gradient(145deg, #173745, #0a1b22); color: #a0bddb; }
.hero-tag { border-color: #45616a; background: #0b1b22; }
.trust-strip, .panel { border-color: #25414a; background: #0d1d25; }
.trust-icon { background: #12352d; color: #e4fd97; }
.category-links a { border-color: #35515b; background: #0d1d25; color: #c3d8df; }
.category-links a:hover, .category-links a.active { border-color: #a0bddb; background: #17313c; color: #e4fd97; }
.catalog-tools, .product-card, .detail-card, .success-card { border-color: #25414a; background: linear-gradient(150deg, #10232b, #0b171f); }
.product-card:hover { border-color: #a0bddb; }
.product-photo, .detail-photo { border-color: #25414a; background: radial-gradient(circle at 50% 40%, #1a3741, #0a1720 72%); }
.product-bottom, .cart-total, .success-total { border-color: #25414a; }
.stock-in, .sync-badge, .success-mark { color: #e4fd97; }
.success-mark { border-color: #326a52; background: #0b3527; }
.site-footer { border-color: #25414a; background: #070e15; }
.ai-launch, .ai-form button { border-color: #e4fd97; background: #e4fd97; color: #022e21; }
.ai-panel { border-color: #35515b; background: #0d1d25; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; }
}

.brand-logo { display: block; width: 92px; height: 25px; flex: none; object-fit: cover; object-position: center; mix-blend-mode: screen; }
.header-actions { flex-wrap: wrap; justify-content: flex-end; }
.logout-form { margin: 0; }
.logout-form button { font: inherit; }
.account-chip { max-width: 130px; overflow: hidden; color: #a0bddb; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.account-pending { color: #e4fd97; }
.site-messages { padding-top: 12px; }
.site-messages .message { margin: 0; }

.landing-hero { position: relative; overflow: hidden; padding-block: 36px 50px; border-bottom: 1px solid #25414a; background: radial-gradient(ellipse at 70% 15%, #12382f88, transparent 34rem); }
.landing-layout { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(270px, .65fr); align-items: start; gap: clamp(25px, 5vw, 68px); }
.landing-copy { padding-block: 28px; }
.landing-logo { display: block; width: min(230px, 54vw); height: 66px; margin-block: 20px 4px; object-fit: cover; mix-blend-mode: screen; }
.landing-copy h1 { margin: 9px 0 12px; color: #f2f6f4; font-size: clamp(36px, 5vw, 60px); line-height: 1.25; }
.landing-copy h1 span { color: #a0bddb; }
.landing-copy > p { max-width: 650px; color: #b7c9ca; font-size: 15px; }
.landing-copy .hero-points { color: #bdd0d0; }
.landing-copy .hero-points span::before { color: #e4fd97; }
.home-category-sidebar, .catalog-sidebar { overflow: hidden; border: 1px solid #254a42; border-radius: 20px; background: linear-gradient(160deg, #102720, #0c1c20 70%); box-shadow: 0 24px 60px #0003; }
.home-category-sidebar { padding: 20px; }
.sidebar-heading { display: flex; align-items: center; gap: 12px; padding: 3px 2px 16px; border-bottom: 1px solid #27433d; }
.sidebar-heading strong, .sidebar-heading small { display: block; }
.sidebar-heading strong { color: #eff7ed; font-size: 14px; }
.sidebar-heading small { margin-top: 3px; color: #9cb1ad; font-size: 10px; }
.home-category-sidebar nav, .catalog-sidebar nav { max-height: min(62vh, 560px); overflow-y: auto; scrollbar-color: #426b57 transparent; scrollbar-width: thin; }
.sidebar-icon { display: grid; width: 41px; height: 41px; place-items: center; border: 1px solid #3d6a52; border-radius: 14px; background: #153a2a; color: #e4fd97; font-size: 24px; }
.category-side-link { display: flex; align-items: center; gap: 10px; min-height: 43px; padding: 8px 7px; border-bottom: 1px solid #ffffff0a; color: #d3e1dc; font-size: 12px; transition: color .18s, background .18s, transform .18s; }
.category-side-link:hover, .category-side-link.active { transform: translateX(-3px); background: #a0bddb12; color: #e4fd97; }
.category-side-symbol { display: grid; width: 25px; height: 25px; flex: none; place-items: center; border-radius: 8px; background: #a0bddb17; color: #a0bddb; font-size: 16px; }
.category-arrow { margin-inline-start: auto; color: #a0bddb; opacity: .7; }
.sidebar-all-link { display: flex; justify-content: space-between; padding: 14px 6px 0; color: #e4fd97; font-size: 11px; }
.sidebar-empty { margin: 15px 4px; font-size: 11px; }
.sidebar-access { margin-top: 14px; padding: 13px; border: 1px solid #5d6938; border-radius: 13px; background: #e4fd970c; color: #e4fd97; }
.sidebar-access > span { font-size: 21px; }
.sidebar-access p { margin: 3px 0 8px; color: #cfdbb2; font-size: 10px; }
.sidebar-access a { color: #e4fd97; font-size: 11px; font-weight: 800; }
.intro-section { display: grid; grid-template-columns: .7fr 1.3fr; align-items: center; gap: clamp(22px, 5vw, 60px); padding-block: 58px 75px; }
.intro-copy h2 { margin: 8px 0; font-size: clamp(24px, 3vw, 34px); }
.intro-copy p { max-width: 440px; color: #aec1bf; font-size: 13px; }
.text-link { display: inline-flex; gap: 9px; margin-top: 10px; color: #e4fd97; font-size: 12px; font-weight: 800; }
.intro-video-frame { position: relative; overflow: hidden; min-height: 250px; border: 1px solid #426456; border-radius: 22px; background: #020a08; box-shadow: 0 25px 70px #0005; }
.intro-video-frame video { display: block; width: 100%; max-height: 430px; aspect-ratio: 16 / 9; object-fit: cover; }
.video-caption { position: absolute; top: 13px; right: 13px; display: flex; align-items: center; gap: 8px; padding: 7px 11px; border: 1px solid #ffffff2a; border-radius: 30px; background: #06130fdc; color: #e4fd97; font-size: 10px; pointer-events: none; }

.catalog-page { padding-block: 35px 75px; }
.catalog-page-heading { display: flex; align-items: end; justify-content: space-between; gap: 18px; margin-bottom: 22px; }
.catalog-page-heading h1 { margin: 5px 0 0; font-size: clamp(25px, 3vw, 36px); }
.catalog-page-heading p { margin: 4px 0 0; color: var(--muted); font-size: 12px; }
.catalog-layout { display: grid; grid-template-columns: 255px minmax(0, 1fr); align-items: start; gap: 20px; }
.catalog-sidebar { position: sticky; top: 94px; padding: 16px; }
.catalog-results { min-width: 0; }
.catalog-tools { flex-wrap: wrap; }
.catalog-results-heading { display: flex; align-items: center; justify-content: space-between; margin-top: 20px; color: #a0bddb; }
.catalog-results-heading h2 { margin: 0; color: #ecf2eb; font-size: 17px; }
.catalog-results-heading > span { font-size: 11px; }
.price-access-banner { display: flex; align-items: center; gap: 13px; margin-top: 15px; padding: 15px; border: 1px solid #4b623d; border-radius: 15px; background: linear-gradient(110deg, #1c3325, #14262a); }
.price-access-banner > div { flex: 1; }
.price-access-banner strong { color: #e4fd97; font-size: 12px; }
.price-access-banner p { margin: 4px 0 0; color: #c1d0c1; font-size: 10px; }
.access-lock { display: grid; width: 40px; height: 40px; flex: none; place-items: center; border-radius: 13px; background: #e4fd9714; color: #e4fd97; font-size: 22px; }
.price-locked-link { display: inline-flex; align-items: center; gap: 5px; color: #e4fd97; font-size: 11px; font-weight: 800; }
.price-access-inline { display: grid; gap: 5px; }
.price-access-inline strong { color: #a0bddb; }
.price-access-inline span { color: var(--muted); font-size: 11px; }
.empty-state .button { margin-top: 10px; }

.account-page { display: grid; min-height: 68vh; place-items: center; padding-block: 45px 70px; }
.account-card { width: min(490px, 100%); padding: clamp(22px, 5vw, 38px); border: 1px solid #315449; border-radius: 23px; background: radial-gradient(circle at 100% 0, #173f3066, transparent 20rem), #0c1a20; box-shadow: 0 28px 80px #0005; }
.account-card h1 { margin: 7px 0; font-size: 29px; }
.account-card > p { font-size: 12px; }
.account-form { display: grid; gap: 14px; margin-top: 20px; }
.account-form .form-field input { width: 100%; min-width: 0; }
.account-form .button { width: 100%; margin-top: 3px; }
.account-switch { padding-top: 14px; border-top: 1px solid #25414a; text-align: center; }
.account-switch a, .field-help { color: #e4fd97; }
.approval-note { display: inline-flex; align-items: center; gap: 6px; color: #e4fd97; font-size: 11px; }
.sidebar-access > strong { color: #e4fd97; font-size: 10px; white-space: nowrap; }
.field-help { line-height: 1.8; }
.field-help ul { margin-block: 4px; padding-inline-start: 18px; }

.motion-ready [data-reveal] { opacity: 0; transform: translateY(15px); transition: opacity .55s ease, transform .55s cubic-bezier(.2,.7,.2,1); transition-delay: var(--reveal-delay, 0ms); }
.motion-ready [data-reveal].is-visible { opacity: 1; transform: translateY(0); }
.product-card[data-reveal] { transition: opacity .55s ease, transform .55s cubic-bezier(.2,.7,.2,1), border-color .2s, box-shadow .2s; }
.landing-logo, .brand-logo { border-radius: 4px; }
.button-primary { transition: transform .2s, box-shadow .2s, background .2s; }
.button-primary:hover:not(:disabled) { box-shadow: 0 9px 28px #e4fd9735; }
.product-card:hover .product-photo img { transform: scale(1.035); }
.product-photo img { transition: transform .35s ease; }

@media (max-width: 900px) {
  .landing-layout { grid-template-columns: 1fr 300px; gap: 22px; }
  .catalog-layout { grid-template-columns: 215px minmax(0, 1fr); gap: 14px; }
  .catalog-sidebar { padding: 12px; }
}
@media (max-width: 680px) {
  .brand-logo { width: 70px; height: 21px; }
  .header-actions { gap: 5px; }
  .account-chip { display: none; }
  .landing-layout, .intro-section, .catalog-layout { grid-template-columns: 1fr; }
  .landing-hero { padding-block: 12px 32px; }
  .landing-copy { padding-block: 25px 5px; }
  .landing-copy h1 { font-size: 39px; }
  .landing-logo { width: 175px; height: 50px; margin-block: 14px 0; }
  .home-category-sidebar { padding: 14px; }
  .intro-section { padding-block: 38px 55px; }
  .intro-video-frame { min-height: 180px; }
  .catalog-page-heading { align-items: flex-start; flex-direction: column; }
  .catalog-sidebar { position: static; }
  .catalog-sidebar nav { display: flex; overflow-x: auto; gap: 7px; padding-top: 10px; }
  .home-category-sidebar nav, .catalog-sidebar nav { max-height: none; overflow-y: visible; }
  .catalog-sidebar .category-side-link { flex: none; border: 1px solid #35515b; border-radius: 12px; padding-inline: 10px; }
  .catalog-sidebar .sidebar-heading { padding-bottom: 10px; }
  .sidebar-access { display: flex; align-items: center; gap: 8px; }
  .sidebar-access p { flex: 1; }
  .sidebar-access a { white-space: nowrap; }
  .price-access-banner { flex-wrap: wrap; }
  .price-access-banner > div { min-width: calc(100% - 60px); }
  .price-access-banner .button { flex: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .motion-ready [data-reveal], .motion-ready [data-reveal].is-visible { opacity: 1; transform: none; transition: none; }
  .product-photo img { transition: none; }
}


/* Readability, cart controls, profiles, and small-screen layout */
body { font-size: 16px; }
.button { min-height: 44px; padding: 10px 16px; font-size: 14px; }
.main-nav a, .header-actions a, .header-actions button { font-size: 13px; }
.product-info h2 { font-size: 18px; line-height: 1.7; }
.product-meta, .product-code, .catalog-page-heading p, .muted.small { font-size: 13px; }
.price { font-size: 20px; }
.form-field > span { font-size: 15px; }
.form-field input, .form-field textarea, .form-field select { min-height: 48px; font-size: 16px; }
.catalog-stepper { display: inline-flex; align-items: center; gap: 8px; margin-inline-start: 12px; padding: 4px; border: 1px solid #426456; border-radius: 14px; background: #091912; }
.catalog-stepper button { display: grid; width: 42px; height: 42px; place-items: center; border: 0; border-radius: 10px; background: #e4fd97; color: #022e21; font: inherit; font-size: 25px; font-weight: 800; cursor: pointer; }
.catalog-stepper button:disabled { opacity: .38; cursor: default; }
.catalog-stepper span { min-width: 24px; color: #f2f6f4; text-align: center; font-size: 16px; font-weight: 800; }
.floating-cart[hidden] { display: none; }
.floating-cart { position: fixed; z-index: 40; right: 50%; bottom: max(18px, env(safe-area-inset-bottom)); transform: translateX(50%); display: flex; align-items: center; gap: 12px; width: min(490px, calc(100vw - 36px)); min-height: 68px; padding: 10px 17px; border: 1px solid #d5f887; border-radius: 22px; background: #e4fd97; color: #022e21; box-shadow: 0 14px 50px #0008; transition: transform .2s, box-shadow .2s; }
.floating-cart:hover { transform: translate(50%, -3px); box-shadow: 0 18px 56px #0009; }
.floating-cart-icon { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 14px; background: #022e21; color: #e4fd97; font-size: 23px; }
.floating-cart-label { display: grid; gap: 2px; font-weight: 900; }
.floating-cart-label small { font-size: 12px; font-weight: 500; }
.floating-cart-total { margin-inline-start: auto; font-size: 17px; white-space: nowrap; }
.floating-cart-arrow { font-size: 22px; }
.checkout-line { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 20px 0; border-bottom: 1px solid #25414a; }
.checkout-line > div:first-child strong { display: block; font-size: 17px; line-height: 1.8; }
.checkout-line-info { margin-top: 5px; color: #a0bdc8; font-size: 14px; }
.quantity-tools { display: inline-flex; align-items: center; gap: 10px; flex: none; }
.quantity-tools button { min-width: 42px; min-height: 42px; border: 1px solid #526e7c; border-radius: 12px; background: #11262c; color: #e4fd97; font: inherit; font-size: 21px; cursor: pointer; }
.quantity-tools button.remove { min-width: 58px; font-size: 13px; }
.quantity-tools span { min-width: 24px; text-align: center; font-weight: 800; }
.checkout-form h2, .order-lines h2, .profile-orders h2 { font-size: 21px; }
.profile-page { padding-block: 34px 80px; }
.profile-summary { display: flex; align-items: center; gap: 16px; margin-bottom: 22px; padding: 20px; }
.profile-summary > div { display: grid; gap: 5px; }
.profile-summary > div strong { font-size: 18px; }
.profile-summary > div span { color: #a0bdc8; font-size: 14px; }
.profile-summary .button { margin-inline-start: auto; }
.profile-avatar { display: grid; width: 54px; height: 54px; flex: none; place-items: center; border-radius: 17px; background: #e4fd97; color: #022e21; font-size: 24px; font-weight: 900; }
.profile-orders { padding: clamp(18px, 3vw, 28px); }
.profile-orders h2 { margin-top: 0; }
.profile-order-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 76px; padding: 14px 4px; border-bottom: 1px solid #25414a; color: #ecf5f0; }
a.profile-order-row:hover { color: #e4fd97; }
.profile-order-row > span:first-child { display: grid; gap: 5px; }
.profile-order-row small { color: #a0bdc8; font-size: 13px; }
.profile-order-row > strong { white-space: nowrap; }
.order-status { color: #e4fd97; }
.empty-orders { padding-block: 20px; font-size: 16px; }
.empty-orders a, .order-note { color: #e4fd97; }

@media (max-width: 760px) {
  body { font-size: 16px; }
  .wrap { width: min(100% - 28px, 1160px); }
  .site-header { position: sticky; top: 0; z-index: 25; }
  .header-inner { min-height: 72px; flex-wrap: wrap; gap: 9px; padding-block: 10px; }
  .brand-logo { width: 78px; height: 23px; }
  .brand strong { font-size: 14px; }
  .brand small { font-size: 11px; }
  .menu-toggle { min-height: 42px; font-size: 14px; }
  .main-nav { order: 3; width: 100%; }
  .main-nav.open { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding-block: 8px; }
  .main-nav a { min-height: 42px; padding: 10px; font-size: 14px; }
  .header-actions { width: 100%; justify-content: flex-start; gap: 7px; }
  .header-actions .button { min-height: 40px; padding: 8px 11px; font-size: 12px; }
  .account-chip { font-size: 13px; }
  .landing-layout, .intro-section { grid-template-columns: 1fr; }
  .landing-copy { padding-block: 14px 5px; }
  .landing-copy h1 { font-size: clamp(34px, 10vw, 48px); }
  .landing-copy > p { font-size: 16px; line-height: 1.9; }
  .home-category-sidebar nav, .catalog-sidebar nav { max-height: 44vh; }
  .catalog-layout { grid-template-columns: 1fr; }
  .catalog-sidebar { position: static; }
  .catalog-tools { align-items: stretch; }
  .catalog-tools input, .catalog-tools select, .catalog-tools button { min-height: 48px; font-size: 15px; }
  .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .product-card { min-width: 0; }
  .product-photo { aspect-ratio: 1.25; }
  .product-info { padding: 12px; }
  .product-info h2 { font-size: 15px; }
  .product-meta, .product-code { font-size: 11px; }
  .product-bottom { align-items: flex-start; flex-direction: column; gap: 10px; }
  .catalog-stepper { align-self: stretch; justify-content: space-between; margin: 0; }
  .catalog-stepper button { width: 46px; height: 44px; }
  .price { font-size: 17px; }
  .checkout-layout { grid-template-columns: 1fr; }
  .checkout-line { align-items: flex-start; flex-direction: column; gap: 12px; }
  .checkout-line > div:first-child strong { font-size: 17px; }
  .quantity-tools { width: 100%; }
  .quantity-tools button.remove { margin-inline-start: auto; }
  .floating-cart { bottom: max(12px, env(safe-area-inset-bottom)); min-height: 64px; width: calc(100vw - 24px); padding: 8px 12px; border-radius: 19px; }
  .floating-cart-total { font-size: 15px; }
  .profile-summary { align-items: flex-start; flex-wrap: wrap; }
  .profile-summary .button { margin-inline-start: 0; }
  .profile-order-row { align-items: flex-start; flex-wrap: wrap; gap: 8px 14px; }
  .profile-order-row > strong { font-size: 14px; }
  .profile-order-row small { font-size: 12px; }
  .cp-table-wrap { overflow-x: auto; }
  .cp-table-wrap table { min-width: 780px; }
}
@media (max-width: 420px) {
  .product-grid { grid-template-columns: 1fr; }
  .product-photo { aspect-ratio: 1.65; }
  .product-bottom { flex-direction: row; align-items: center; }
  .catalog-stepper { align-self: auto; }
  .floating-cart-icon { width: 40px; height: 40px; }
  .floating-cart-label small { font-size: 11px; }
}


/* Brighter blue accents and icon navigation */
:root { --cyan: #a0bddb; --blue: #a0bddb; }
body { background: radial-gradient(ellipse at 8% 12%, #a0bddb14 0, transparent 38rem), radial-gradient(ellipse at 82% 0%, #174456 0, transparent 38rem), #080f18; }
.button-quiet, .button-outline { border-color: #7397b3; }
.button-quiet:hover, .button-outline:hover { border-color: #b9dcf7; background: #a0bddb20; }
.product-card:hover, .catalog-sidebar, .home-category-sidebar { border-color: #6b91ae; }
.eyebrow, .catalog-results-heading, .text-link { color: #b9d9f2; }
.category-side-link:hover, .category-side-link.active { background: #a0bddb20; color: #d8efff; }
.nav-item { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 8px 13px; border: 1px solid #294858; border-radius: 14px; background: linear-gradient(145deg, #142a37, #0d1b25); color: #d5e7f3; font-size: 13px; font-weight: 700; transition: transform .18s, border-color .18s, background .18s, color .18s; }
.nav-item:hover { transform: translateY(-2px); border-color: #a0bddb; background: linear-gradient(145deg, #213f53, #132a39); color: #e7f5ff; }
.nav-glyph { display: inline-grid; width: 28px; height: 28px; flex: none; place-items: center; border-radius: 9px; background: #a0bddb20; color: #c5e3fc; font-size: 19px; line-height: 1; }
.nav-cart-item .cart-count { display: inline-grid; min-width: 20px; height: 20px; place-items: center; border-radius: 20px; background: #a0bddb; color: #0a1421; font-size: 11px; }
.profile-pill { display: grid; position: relative; grid-template-columns: 38px minmax(60px, 150px); grid-template-rows: auto auto; align-items: center; column-gap: 9px; max-width: 230px; padding: 7px 12px; border: 1px solid #6b91ae; border-radius: 17px; background: linear-gradient(135deg, #1b3c51, #10232e); color: #e5f4ff; box-shadow: 0 6px 24px #07131d80; }
.profile-pill:hover { border-color: #b9dcf7; box-shadow: 0 8px 30px #a0bddb30; }
.profile-pill-icon { display: grid; grid-row: span 2; width: 38px; height: 38px; place-items: center; border-radius: 13px; background: #a0bddb; color: #0a1421; font-size: 22px; }
.profile-pill > span:nth-child(2) { overflow: hidden; font-size: 14px; font-weight: 900; text-overflow: ellipsis; white-space: nowrap; }
.profile-pill small { color: #b5d2e5; font-size: 10px; }
.profile-address { flex-basis: 100%; color: #b9d9f2; font-size: 14px; }

@media (max-width: 680px) {
  body { padding-bottom: calc(78px + env(safe-area-inset-bottom)); }
  .site-header { position: relative; top: auto; z-index: 30; }
  .header-inner { min-height: 70px; padding-bottom: 10px; }
  .menu-toggle { display: none !important; }
  .main-nav, .main-nav.open { position: fixed; z-index: 60; right: 0; bottom: 0; left: 0; order: initial; display: flex !important; align-items: stretch; justify-content: space-around; gap: 3px; width: auto; margin: 0; padding: 7px max(7px, env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(7px, env(safe-area-inset-left)); border-top: 1px solid #577b96; background: #0a1723f5; box-shadow: 0 -10px 35px #0007; backdrop-filter: blur(16px); }
  .main-nav .nav-item { position: relative; display: flex; flex: 1 1 0; flex-direction: column; gap: 2px; min-width: 0; min-height: 56px; padding: 4px 2px; border: 0; border-radius: 12px; background: transparent; font-size: 10px; white-space: nowrap; }
  .main-nav .nav-item:hover { transform: none; background: #a0bddb20; }
  .nav-glyph { width: 28px; height: 27px; background: #a0bddb24; font-size: 19px; }
  .nav-cart-item .cart-count { position: absolute; top: 1px; margin-inline-start: 28px; min-width: 17px; height: 17px; font-size: 10px; }
  .header-actions { width: auto; margin-inline-start: auto; }
  .profile-pill { grid-template-columns: 34px minmax(55px, 105px); gap: 7px; padding: 5px 8px; }
  .profile-pill-icon { width: 34px; height: 34px; }
  .profile-pill > span:nth-child(2) { font-size: 12px; }
  .profile-pill small { font-size: 9px; }
  .floating-cart { bottom: calc(82px + env(safe-area-inset-bottom)); }
  .ai-launch { bottom: calc(85px + env(safe-area-inset-bottom)); }
}

/* Navigation layout: reset legacy dropdown offsets and containing blocks. */
.header-inner { flex-wrap: wrap; gap: 16px; padding-block: 12px; }
.main-nav { gap: 8px; flex-wrap: wrap; }
.main-nav .nav-item { color: #14374e; background: #d4e9fa; border-color: #a0bddb; font-size: 14px; }
.main-nav .nav-item:hover { color: #092337; background: #edf7ff; }
.nav-glyph { background: #a0bddb55; color: #235476; }
.nav-glyph svg, .profile-pill-icon svg, .floating-cart-icon svg { width: 23px; height: 23px; }
.profile-pill { transform: translateY(-2px); background: linear-gradient(130deg, #d6edff, #a0bddb); color: #102e43; border-color: #dbf0ff; box-shadow: 0 9px 26px #69b9ef30; }
.profile-pill small { color: #315671; }
.profile-pill > span:nth-child(2) { white-space: normal; overflow-wrap: anywhere; }
.landing-hero { background: radial-gradient(ellipse at 15% 10%, #a0bddb45, transparent 65%), linear-gradient(120deg, #153e56, #10242b); }
.product-photo, .detail-photo { background: #dbeaf6; }
.photo-placeholder { color: #386481; }
.catalog-tools { background: #19374b; border-color: #7397b3; }
.home-category-sidebar, .catalog-sidebar { background: linear-gradient(155deg, #24495d, #102c32); }
@media (min-width: 761px) and (max-width: 1200px) {
  .main-nav { order: 3; width: 100%; justify-content: center; }
  .header-actions { margin-inline-start: auto; }
}
@media (max-width: 760px) {
  body:not(.cp-body) { padding-bottom: calc(170px + env(safe-area-inset-bottom)); }
  .site-header { position: static; backdrop-filter: none; -webkit-backdrop-filter: none; }
  .header-inner { flex-wrap: wrap; }
  .menu-toggle { display: none !important; }
  .main-nav, .main-nav.open { position: fixed; top: auto; bottom: 0; inset-inline: 0; height: auto; width: 100%; display: flex !important; flex-direction: row; flex-wrap: nowrap; align-items: stretch; justify-content: space-around; gap: 3px; margin: 0; padding: 8px 5px calc(8px + env(safe-area-inset-bottom)); background: #dceefa; border: 0; border-top: 1px solid #a0bddb; border-radius: 22px 22px 0 0; box-shadow: 0 -8px 30px #0003; z-index: 60; }
  .main-nav .nav-item { position: relative; display: flex; flex: 1 1 0; flex-direction: column; min-width: 0; min-height: 58px; padding: 4px 2px; gap: 3px; font-size: 11px; border: 0; color: #173b55; background: transparent; border-radius: 12px; }
  .main-nav .nav-item:hover { transform: none; background: #a0bddb55; }
  .nav-glyph { width: 30px; height: 28px; }
  .header-actions { width: auto; margin-inline-start: auto; flex-wrap: wrap; }
  .profile-pill { max-width: 240px; grid-template-columns: 34px minmax(65px, 160px); }
  .profile-pill > span:nth-child(2) { font-size: 14px; }
  .floating-cart { bottom: calc(86px + env(safe-area-inset-bottom)); }
  .ai-launch { bottom: calc(163px + env(safe-area-inset-bottom)); }
  .ai-panel { bottom: calc(223px + env(safe-area-inset-bottom)); max-height: calc(100dvh - 240px); overflow-y: auto; }
}

/* Customer balance and store contact */
.debt-summary { display:grid; gap:10px; margin-bottom:24px; border-color:#81b6dc; background:linear-gradient(125deg,#204660,#152e37); }
.debt-summary strong { font-size:clamp(24px,5vw,34px); color:#e4fd97; }
.debt-summary small { color:#bcd4e6; }
.invoice-download { margin-bottom:20px; }
.profile-summary { flex-wrap:wrap; }
.shop-contact { padding-block:30px 65px; scroll-margin-top:180px; }
.shop-contact h2 { font-size:30px; margin:8px 0; }
.contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:24px; }
.contact-grid article { background:linear-gradient(135deg,#d7edff,#a0bddb); color:#18384b; padding:26px; border:1px solid #e8f7ff; border-radius:24px; }
.contact-grid .button { color:#18384b; background:#ffffff66; border-color:#53768d; }
.contact-grid p { overflow-wrap:anywhere; }
.landing-logo { animation:brand-breathe 5s ease-in-out infinite; }
.brand-logo { transition:transform .3s, filter .3s; }
.brand:hover .brand-logo { transform:translateY(-2px) scale(1.04); filter:drop-shadow(0 4px 9px #73cdff66); }
@keyframes brand-breathe { 0%,100% {transform:translateY(0);filter:drop-shadow(0 5px 10px #77ccff20)} 50% {transform:translateY(-5px);filter:drop-shadow(0 9px 16px #77ccff60)} }
@media(max-width:760px) {.contact-grid{grid-template-columns:1fr}.shop-contact{scroll-margin-top:20px}}
@media(prefers-reduced-motion:reduce) {.landing-logo{animation:none}.brand-logo{transition:none}.brand:hover .brand-logo{transform:none}}