/* Stock Kings UI 2026 — final visual system */
:root {
  --ui-blue: #1677ff;
  --ui-blue-hi: #51b8ff;
  --ui-blue-deep: #0644d7;
  --ui-blue-soft: rgba(22, 119, 255, .12);
  --ui-green: #28d99a;
  --ui-gold: #ffc857;
  --ui-radius-xs: 10px;
  --ui-radius-sm: 14px;
  --ui-radius-md: 20px;
  --ui-radius-lg: 28px;
  --ui-radius-xl: 36px;
  --ui-shadow-sm: 0 12px 34px rgba(0, 32, 92, .13);
  --ui-shadow-md: 0 24px 70px rgba(0, 31, 91, .2);
  --ui-shadow-lg: 0 42px 120px rgba(0, 20, 70, .32);
  --ui-ease: cubic-bezier(.2, .75, .25, 1);
}

html { scroll-padding-top: 92px; }
body { min-width: 320px; overflow-x: hidden; }
body::before {
  content: "";
  position: fixed;
  z-index: -2;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 9% 7%, rgba(16, 100, 255, .09), transparent 26%),
    radial-gradient(circle at 92% 24%, rgba(60, 182, 255, .07), transparent 24%);
}
main { position: relative; }
.shell { width: min(1240px, calc(100% - 56px)); }
.noise { opacity: .018; }

/* Typography */
h1, h2, h3, .price, .catalog-footer strong, .summary-total b {
  text-wrap: balance;
}
p { text-wrap: pretty; }
.kicker, .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: var(--ui-blue-hi);
  font-size: 10px;
  letter-spacing: .18em;
}
.kicker::before {
  content: "";
  width: 18px;
  height: 1px;
  background: currentColor;
  box-shadow: 0 0 12px currentColor;
}
.section-heading h2, .catalog-heading h2, .offer-copy h2, .faq-intro h2 {
  letter-spacing: -.06em;
}

/* Navigation */
.site-header {
  position: fixed;
  height: 84px;
  background: rgba(2, 7, 19, .72) !important;
  border-color: rgba(90, 171, 255, .13) !important;
  backdrop-filter: blur(22px) saturate(145%);
  -webkit-backdrop-filter: blur(22px) saturate(145%);
  transition: height .3s var(--ui-ease), background .3s, box-shadow .3s;
}
.site-header.is-scrolled {
  height: 72px;
  background: rgba(2, 7, 19, .92) !important;
  box-shadow: 0 14px 45px rgba(0, 15, 48, .28);
}
.nav { gap: 28px; }
.brand { gap: 10px; }
.brand > span { letter-spacing: -.02em; }
.brand > em {
  margin-left: -7px;
  color: var(--ui-blue-hi);
  letter-spacing: .16em;
}
.nav-links {
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 7px;
}
.nav-links a {
  position: relative;
  padding: 10px 14px;
  border-radius: 11px;
  color: #94a5bc;
  font-size: 12px;
  transition: color .2s, background .2s;
}
.nav-links a::after { display: none; }
.nav-links a:hover, .nav-links a.is-active {
  color: #fff;
  background: rgba(55, 151, 255, .1);
}
.nav-actions { gap: 9px; }
.theme-toggle, .cart-pill {
  min-height: 44px;
  border-color: rgba(91, 174, 255, .2) !important;
  background: rgba(255, 255, 255, .035) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .055);
}
.theme-toggle:hover, .cart-pill:hover {
  border-color: rgba(91, 174, 255, .5) !important;
  background: rgba(22, 119, 255, .12) !important;
  transform: translateY(-1px);
}
.cart-pill { padding-inline: 14px 10px; border-radius: 14px; }
.cart-pill b { border-radius: 8px; box-shadow: 0 5px 18px rgba(20, 112, 255, .45); }
.scroll-progress { height: 2px; transform-origin: left; }

/* Buttons and controls */
.btn, .catalog-footer button, .paypal-checkout-button {
  position: relative;
  overflow: hidden;
  border-radius: 14px;
  transition: transform .25s var(--ui-ease), box-shadow .25s, border-color .25s, background .25s;
}
.btn::before, .catalog-footer button::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(105deg, transparent 25%, rgba(255, 255, 255, .22), transparent 72%);
  transform: translateX(-130%);
  transition: transform .6s var(--ui-ease);
}
.btn:hover::before, .catalog-footer button:hover::before { transform: translateX(130%); }
.btn-primary, .btn-light {
  background: linear-gradient(135deg, #2696ff 0%, #075cff 50%, #063ec9 100%);
  border: 1px solid rgba(103, 188, 255, .36);
  box-shadow: 0 14px 34px rgba(4, 76, 224, .34), inset 0 1px rgba(255, 255, 255, .23);
}
.btn-primary:hover, .btn-light:hover {
  transform: translateY(-3px);
  box-shadow: 0 20px 48px rgba(4, 91, 255, .46), inset 0 1px rgba(255, 255, 255, .3);
}
.btn-ghost, .product-buy-now {
  border: 1px solid rgba(92, 173, 255, .24);
  background: rgba(255, 255, 255, .025);
  box-shadow: inset 0 1px rgba(255, 255, 255, .04);
}
.btn-ghost:hover, .product-buy-now:hover {
  border-color: rgba(92, 173, 255, .55);
  background: rgba(22, 119, 255, .09);
}
button:disabled, .btn:disabled { cursor: not-allowed; filter: grayscale(.4); opacity: .55; transform: none !important; }
:where(a, button, input, textarea, select, summary):focus-visible {
  outline: 3px solid rgba(81, 184, 255, .76);
  outline-offset: 3px;
}

/* Hero */
.hero-landing {
  min-height: 820px;
  padding-top: 168px;
  background:
    radial-gradient(ellipse at 79% 42%, rgba(6, 92, 255, .31), transparent 30%),
    radial-gradient(circle at 52% 120%, rgba(23, 118, 255, .12), transparent 35%),
    linear-gradient(145deg, #01040b 0%, #030a19 55%, #020713 100%) !important;
  border-bottom: 1px solid rgba(62, 152, 255, .15);
}
.hero-landing::after {
  content: "";
  position: absolute;
  inset: 84px 0 auto;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(61, 160, 255, .35), transparent);
}
.hero-grid { grid-template-columns: minmax(0, 1fr) minmax(430px, .92fr); gap: 90px; }
.hero-copy h1 {
  max-width: 700px;
  margin: 24px 0;
  font-size: clamp(58px, 5.6vw, 84px);
  line-height: .99;
}
.hero-copy h1 em {
  background: linear-gradient(100deg, #fff 0%, #6cc8ff 16%, #1677ff 78%);
  -webkit-background-clip: text;
  color: transparent;
  filter: drop-shadow(0 10px 30px rgba(24, 122, 255, .24));
}
.hero-lead { max-width: 610px; color: #91a2b9; font-size: 17px; }
.hero-actions { margin: 34px 0 28px; }
.hero-actions .btn { min-width: 170px; }
.product-visual { height: 500px; }
.access-card {
  width: 420px;
  border-radius: 28px;
  border-color: rgba(101, 186, 255, .28) !important;
  box-shadow: 0 55px 130px rgba(0, 22, 82, .62), inset 0 1px rgba(255, 255, 255, .2) !important;
}
.access-card::before {
  content: "";
  position: absolute;
  inset: -30% -10%;
  background: linear-gradient(115deg, transparent 35%, rgba(255, 255, 255, .14), transparent 55%);
  transform: translateX(-70%);
  animation: accessShine 7s ease-in-out infinite;
}
@keyframes accessShine { 0%, 65% { transform: translateX(-70%); } 85%, 100% { transform: translateX(70%); } }
.float-card {
  border-radius: 16px;
  background: rgba(3, 11, 27, .88) !important;
  border-color: rgba(84, 174, 255, .24) !important;
  box-shadow: 0 24px 60px rgba(0, 17, 55, .42), inset 0 1px rgba(255, 255, 255, .06);
}
.trust-strip { backdrop-filter: blur(12px); }

/* Metrics and shared sections */
.metrics {
  position: relative;
  z-index: 3;
  margin-top: -1px;
  padding-block: 38px;
}
.metrics div { transition: transform .25s var(--ui-ease); }
.metrics div:hover { transform: translateY(-3px); }
.metrics strong { letter-spacing: -.045em; }
.section-shell, .catalog-section, .customer-reviews-section, .faq-section, .offer-section { padding-block: 120px; }
.section-heading { max-width: 850px; }
.section-heading > p { font-size: 15px; line-height: 1.75; }
.steps-grid { gap: 18px; }
.steps-grid article {
  position: relative;
  overflow: hidden;
  min-height: 275px;
  padding: 32px;
  border-radius: var(--ui-radius-md);
}
.steps-grid article::after, .page-card::after, .order-summary::after {
  content: "";
  position: absolute;
  pointer-events: none;
  width: 240px;
  height: 240px;
  left: calc(var(--pointer-x, 50%) - 120px);
  top: calc(var(--pointer-y, 50%) - 120px);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(43, 143, 255, .12), transparent 67%);
  opacity: 0;
  transition: opacity .25s;
}
.steps-grid article:hover::after, .page-card:hover::after, .order-summary:hover::after { opacity: 1; }
.step-icon { border: 1px solid rgba(81, 176, 255, .18); }

/* Catalog */
.catalog-section {
  background:
    radial-gradient(circle at 50% 0%, rgba(18, 111, 255, .13), transparent 31%),
    #020611 !important;
}
.catalog-heading { margin-bottom: 38px; }
.catalog-toolbar {
  position: relative;
  z-index: 5;
  padding: 9px;
  border-radius: 18px;
  background: rgba(5, 14, 31, .76);
  border: 1px solid rgba(72, 159, 255, .19) !important;
  backdrop-filter: blur(18px);
  box-shadow: 0 18px 50px rgba(0, 24, 76, .18);
}
.catalog-search {
  min-height: 46px;
  border-radius: 12px;
  background: rgba(255, 255, 255, .025);
}
.catalog-search input { font-size: 12px; }
.catalog-filters button { min-height: 38px; border-radius: 10px; }
.catalog-filters button.is-active {
  color: #fff;
  background: linear-gradient(135deg, rgba(34, 143, 255, .24), rgba(6, 69, 205, .2));
  box-shadow: inset 0 0 0 1px rgba(81, 176, 255, .18);
}
.catalog-grid { gap: 20px; }
.catalog-card {
  isolation: isolate;
  display: flex;
  flex-direction: column;
  min-height: 440px;
  border-radius: 22px;
  background: linear-gradient(155deg, rgba(9, 23, 45, .98), rgba(2, 8, 20, .99)) !important;
  border-color: rgba(83, 164, 255, .19) !important;
  box-shadow: 0 18px 48px rgba(0, 20, 61, .16);
  transform: translateZ(0);
}
.catalog-card::before {
  content: "";
  position: absolute;
  z-index: 5;
  pointer-events: none;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(260px circle at var(--pointer-x, 50%) var(--pointer-y, 30%), rgba(55, 155, 255, .13), transparent 70%);
  opacity: 0;
  transition: opacity .3s;
}
.catalog-card:hover::before { opacity: 1; }
.catalog-card:hover {
  transform: translateY(-8px) scale(1.008);
  border-color: rgba(65, 161, 255, .62) !important;
  box-shadow: 0 30px 80px rgba(0, 51, 145, .28), 0 0 0 1px rgba(58, 158, 255, .08) !important;
}
.catalog-visual {
  height: 215px;
  border-bottom: 1px solid rgba(79, 158, 255, .14);
  background: radial-gradient(circle at 50% 48%, rgba(26, 122, 255, .25), transparent 48%), #01050d !important;
}
.featured-product .catalog-visual { height: 250px; }
.catalog-visual::after { bottom: 0; opacity: .7; }
.catalog-body { display: flex; flex: 1; flex-direction: column; padding: 22px; }
.catalog-title h3 { font-size: 16px; }
.catalog-title span {
  padding: 5px 7px;
  border-radius: 7px;
  background: rgba(255, 191, 52, .08);
  color: var(--ui-gold);
  white-space: nowrap;
}
.catalog-body > p { flex: 1; min-height: 48px; margin: 13px 0 18px; color: #8192aa; }
.catalog-footer { padding-top: 17px; border-color: rgba(99, 164, 237, .14); }
.catalog-footer button { z-index: 7; min-width: 82px; justify-content: center; }
.catalog-card-open { z-index: 6; }
.catalog-footer form { position: relative; z-index: 8; }
.product-symbol.has-product-image img { padding: 7px; object-fit: contain; }

/* Offer, reviews, comparison and FAQ */
.offer-panel {
  border-radius: var(--ui-radius-xl);
  border-color: rgba(70, 160, 255, .2) !important;
  box-shadow: var(--ui-shadow-lg);
}
.price-card { border-radius: 26px; }
.price-card .price { filter: drop-shadow(0 10px 24px rgba(20, 111, 255, .2)); }
.customer-reviews-section { overflow: hidden; }
.product-review-group {
  border: 1px solid rgba(78, 160, 255, .15);
  border-radius: var(--ui-radius-lg);
  padding: 24px;
  background: rgba(3, 11, 25, .45);
}
.reviews-grid > article {
  border-radius: 18px;
  box-shadow: 0 16px 45px rgba(0, 18, 57, .15);
}
.comparison-section { border-block: 1px solid rgba(74, 156, 255, .14) !important; }
.comparison-card { border-radius: 24px; overflow: hidden; }
.faq-list details {
  border-radius: 16px;
  margin-bottom: 10px;
  padding-inline: 20px;
  border: 1px solid rgba(75, 155, 255, .15);
  background: rgba(255, 255, 255, .015);
  transition: border-color .25s, background .25s;
}
.faq-list details[open] {
  border-color: rgba(67, 162, 255, .46);
  background: rgba(18, 107, 255, .055);
}
.final-cta .shell { max-width: 900px; }

/* Product page */
.product-page { padding-top: 124px; }
.product-page-grid { gap: 58px; }
.product-gallery { position: sticky; top: 98px; }
.product-gallery-main {
  border-radius: 28px;
  overflow: hidden;
  box-shadow: 0 30px 100px rgba(0, 27, 82, .28);
}
.product-gallery-symbol.has-product-image {
  width: calc(100% - 18px);
  height: calc(100% - 18px);
  border-radius: 22px;
  box-shadow: 0 24px 80px rgba(0, 52, 160, .2);
}
.product-buy-panel { padding-top: 24px; }
.product-buy-panel h1 { margin-block: 14px; line-height: 1.02; }
.product-page-lead { font-size: 15px; line-height: 1.7; }
.product-page-price { margin-block: 24px; padding-block: 22px; }
.product-page-price strong { letter-spacing: -.055em; }
.product-quantity { border-radius: 14px; }
.product-assurances {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}
.product-assurances span {
  padding: 10px 8px;
  border: 1px solid rgba(75, 158, 255, .14);
  border-radius: 11px;
  background: rgba(22, 119, 255, .04);
  text-align: center;
}
.product-information { gap: 24px; }
.product-description-card, .product-reviews-panel {
  border-radius: 26px;
  box-shadow: 0 20px 65px rgba(0, 25, 78, .18);
}
.product-page-detail-list > div { border-radius: 16px; }
.related-products-grid article { border-radius: 18px; }

/* Cart and checkout */
.purchase-progress { margin-bottom: 52px; }
.purchase-progress li b { box-shadow: 0 0 0 5px rgba(21, 110, 255, .055); }
.cart-premium, .order-summary {
  border-radius: 28px;
  box-shadow: 0 35px 100px rgba(0, 20, 66, .28) !important;
}
.cart-product { transition: background .2s; }
.cart-product:hover { background: rgba(28, 124, 255, .025); }
.cart-product-art { border-radius: 18px; }
.quantity-stepper { border-radius: 14px; }
.checkout-layout { gap: 92px; align-items: start; }
.checkout-main { padding-top: 4px; }
.checkout-main h1 { line-height: 1; }
.checkout-benefits > div { padding: 9px; border-radius: 14px; transition: background .2s; }
.checkout-benefits > div:hover { background: rgba(24, 117, 255, .045); }
.order-summary {
  position: sticky;
  top: 105px;
  isolation: isolate;
  overflow: hidden;
}
.order-summary > * { position: relative; z-index: 2; }
.summary-product { border-radius: 12px; transition: background .2s; }
.summary-product:hover { background: rgba(24, 117, 255, .04); }
.checkout-consent {
  padding: 12px;
  border: 1px solid rgba(77, 156, 255, .15);
  border-radius: 12px;
  background: rgba(24, 117, 255, .03);
}
.payment-selector { border-radius: 16px; }
.payment-selector button { border-radius: 12px; }
.payment-selector button.is-active { background: rgba(20, 111, 255, .09); }
.payment-error { border-radius: 12px; }

/* Secondary pages and admin */
.page-section, .legal-page, .access-page, .analytics-page {
  background: radial-gradient(circle at 75% 6%, rgba(17, 105, 255, .14), transparent 28%), #020713 !important;
}
.page-card {
  isolation: isolate;
  position: relative;
  overflow: hidden;
  border-radius: var(--ui-radius-lg);
  box-shadow: var(--ui-shadow-md);
}
.purchase-login-card input, .review-form input, .review-form textarea, .review-form select {
  border-radius: 13px;
  transition: border-color .2s, box-shadow .2s, background .2s;
}
.purchase-login-card input:focus, .review-form input:focus, .review-form textarea:focus, .review-form select:focus {
  border-color: rgba(66, 161, 255, .65);
  box-shadow: 0 0 0 4px rgba(22, 119, 255, .1);
}
.access-sections article, .analytics-kpis article, .admin-orders-table {
  border-color: rgba(79, 159, 255, .16);
  box-shadow: 0 16px 45px rgba(0, 21, 68, .13);
}
.admin-orders-table { border-radius: 20px; }
.admin-orders-table tr { transition: background .2s; }
.admin-orders-table tbody tr:hover { background: rgba(20, 110, 255, .045); }
.success-icon {
  box-shadow: 0 0 0 10px rgba(40, 217, 154, .08), 0 20px 45px rgba(14, 146, 101, .2);
}
.contact-dialog {
  width: min(560px, calc(100% - 28px));
  border-radius: 26px;
  box-shadow: 0 40px 130px rgba(0, 12, 44, .68);
}
.contact-dialog::backdrop { background: rgba(0, 5, 16, .75); backdrop-filter: blur(9px); }
.contact-dialog-options a { border-radius: 15px; }
.toast-stack { top: 94px; max-width: 620px; }
.alert {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border: 1px solid rgba(82, 165, 255, .19);
  background: rgba(6, 16, 34, .94) !important;
  box-shadow: 0 24px 70px rgba(0, 15, 50, .4);
  backdrop-filter: blur(16px);
}
.alert button { border: 0; background: transparent; color: currentColor; cursor: pointer; font-size: 20px; }

/* Footer */
.footer { position: relative; padding-top: 78px; }
.footer-grid { grid-template-columns: 1.65fr repeat(3, 1fr); gap: 50px; }
.footer-links a, .footer-contact-trigger {
  width: max-content;
  transition: color .2s, transform .2s;
}
.footer-links a:hover, .footer-contact-trigger:hover { color: var(--ui-blue-hi); transform: translateX(3px); }
.footer-bottom { padding-block: 25px 5px; }
.scroll-top {
  right: 22px;
  bottom: 22px;
  width: 46px;
  height: 46px;
  border-radius: 14px;
  backdrop-filter: blur(12px);
  box-shadow: 0 16px 40px rgba(0, 22, 70, .28);
}

/* True white light mode */
html[data-theme="light"] body { background: #fff; }
html[data-theme="light"] body::before { opacity: .55; }
html[data-theme="light"] .site-header,
html[data-theme="light"] .site-header.is-scrolled {
  background: rgba(255, 255, 255, .9) !important;
  border-color: #e2ebf6 !important;
}
html[data-theme="light"] .nav-links a:hover,
html[data-theme="light"] .nav-links a.is-active { color: #0755d8; background: #edf5ff; }
html[data-theme="light"] .theme-toggle,
html[data-theme="light"] .cart-pill { background: #f5f9ff !important; border-color: #dce8f6 !important; }
html[data-theme="light"] .hero-landing {
  color: #07142a;
  background: radial-gradient(circle at 79% 40%, rgba(17, 116, 255, .17), transparent 30%), #fff !important;
}
html[data-theme="light"] .hero-copy h1 em { background: linear-gradient(100deg, #0879ff, #0343bd); -webkit-background-clip: text; }
html[data-theme="light"] .catalog-section,
html[data-theme="light"] .page-section,
html[data-theme="light"] .legal-page,
html[data-theme="light"] .access-page,
html[data-theme="light"] .analytics-page { background: radial-gradient(circle at 50% 0, #edf6ff, transparent 32%), #fff !important; }
html[data-theme="light"] .catalog-toolbar { background: rgba(255, 255, 255, .92); border-color: #dce8f5 !important; }
html[data-theme="light"] .catalog-card { background: #fff !important; border-color: #dce7f3 !important; box-shadow: 0 18px 50px rgba(0, 54, 125, .08); }
html[data-theme="light"] .catalog-card:hover { border-color: #72b5ff !important; box-shadow: 0 28px 70px rgba(0, 73, 165, .14) !important; }
html[data-theme="light"] .catalog-visual { background: radial-gradient(circle at 50% 48%, #e2f1ff, transparent 52%), #f8fbff !important; }
html[data-theme="light"] .catalog-body > p { color: #607087; }
html[data-theme="light"] .product-review-group,
html[data-theme="light"] .faq-list details { background: #fff; border-color: #dce7f3; }
html[data-theme="light"] .checkout-consent { background: #f6faff; border-color: #dce8f5; }
html[data-theme="light"] .alert { background: rgba(255, 255, 255, .96) !important; }

/* Responsive */
@media (max-width: 1100px) {
  .hero-grid { gap: 38px; grid-template-columns: minmax(0, 1fr) minmax(380px, .88fr); }
  .access-card { width: 360px; }
  .footer-grid { grid-template-columns: 1.6fr repeat(3, 1fr); gap: 30px; }
  .checkout-layout { gap: 50px; }
}

@media (max-width: 900px) {
  .shell { width: min(100% - 40px, 760px); }
  .site-header { height: 74px; }
  .site-header.is-scrolled { height: 68px; }
  .mobile-menu {
    top: 74px;
    background: rgba(2, 8, 20, .98) !important;
    border-bottom: 1px solid rgba(78, 161, 255, .18);
    box-shadow: 0 24px 60px rgba(0, 17, 54, .42);
  }
  .mobile-menu .shell { gap: 5px; padding-block: 12px 20px; }
  .mobile-menu a, .mobile-menu button { padding: 13px 14px; border-radius: 11px; }
  .mobile-menu a:hover, .mobile-menu button:hover { background: rgba(26, 122, 255, .1); }
  .hero-landing { min-height: auto; padding-top: 130px; }
  .hero-grid { grid-template-columns: 1fr; gap: 12px; }
  .hero-copy { text-align: center; }
  .hero-copy h1, .hero-lead { margin-inline: auto; }
  .hero-actions, .trust-row, .eyebrow { justify-content: center; }
  .product-visual { height: 420px; }
  .catalog-toolbar { align-items: stretch; flex-direction: column; }
  .catalog-search { width: 100%; }
  .catalog-filters { justify-content: center; }
  .catalog-result-count { text-align: center; }
  .product-gallery { position: static; }
  .order-summary { position: relative; top: auto; }
  .footer-grid { grid-template-columns: repeat(3, 1fr); }
  .footer-grid > div:first-child { grid-column: 1 / -1; }
}

@media (max-width: 600px) {
  html { scroll-padding-top: 75px; }
  .shell { width: min(100% - 28px, 560px); }
  .site-header { height: 68px; }
  .brand { gap: 7px; }
  .brand-logo { width: 36px; height: 36px; }
  .theme-toggle { display: none; }
  .cart-pill { min-width: 44px; justify-content: center; padding: 8px; }
  .hero-landing { padding-top: 108px; }
  .hero-copy { text-align: left; }
  .hero-copy h1 { margin-block: 20px; font-size: clamp(43px, 13.5vw, 58px); }
  .hero-lead { font-size: 15px; line-height: 1.65; }
  .hero-actions, .trust-row, .eyebrow { justify-content: flex-start; }
  .hero-actions { display: grid; grid-template-columns: 1fr; }
  .product-visual { height: 340px; }
  .access-card { width: min(285px, 82vw); border-radius: 22px; }
  .float-rating { right: -2px; }
  .float-delivery { left: -2px; }
  .trust-strip .shell { gap: 11px 14px; }
  .metrics { grid-template-columns: 1fr 1fr; }
  .metrics div { padding: 10px 6px; }
  .section-shell, .catalog-section, .customer-reviews-section, .faq-section, .offer-section { padding-block: 82px; }
  .section-heading h2, .catalog-heading h2, .offer-copy h2, .faq-intro h2 { font-size: 38px; }
  .catalog-heading { gap: 20px; }
  .catalog-toolbar { padding: 8px; }
  .catalog-filters { display: grid; grid-template-columns: 1fr 1fr; width: 100%; }
  .catalog-filters button { width: 100%; }
  .catalog-card { min-height: 0; }
  .catalog-visual, .featured-product .catalog-visual { height: 205px; }
  .catalog-body { padding: 19px; }
  .offer-panel { border-radius: 0; }
  .product-review-group { padding: 16px; border-radius: 20px; }
  .product-page { padding-top: 98px; }
  .product-page-grid { gap: 30px; }
  .product-gallery-main { border-radius: 20px; }
  .product-assurances { grid-template-columns: 1fr; }
  .product-information { gap: 16px; }
  .product-description-card, .product-reviews-panel { border-radius: 20px; }
  .cart-premium, .order-summary { border-radius: 20px; }
  .cart-product { border-radius: 0; }
  .checkout-layout { gap: 45px; }
  .order-summary { padding: 20px; }
  .summary-product { grid-template-columns: 54px minmax(0, 1fr) auto; gap: 10px; }
  .summary-product > b { font-size: 11px; }
  .payment-selector { grid-template-columns: 1fr; }
  .page-card { border-radius: 20px; }
  .footer { padding-top: 60px; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 34px 22px; }
  .footer-grid > div:first-child { grid-column: 1 / -1; }
  .footer-bottom { align-items: flex-start; }
  .scroll-top { right: 14px; bottom: 14px; }
}

@media (max-width: 390px) {
  .brand > span { font-size: 10px; }
  .mobile-menu-toggle { width: 38px; }
  .hero-copy h1 { font-size: 41px; }
  .metrics strong { font-size: 21px; }
  .catalog-title { display: grid; }
  .catalog-title span { width: max-content; }
  .footer-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1 !important; transform: none !important; }
}

/* Infinite digital availability */
.catalog-title-meta {
  display: flex;
  flex: none;
  align-items: flex-end;
  flex-direction: column;
  gap: 6px;
}
.stock-infinite {
  position: relative;
  display: inline-flex !important;
  align-items: center;
  gap: 5px;
  width: max-content;
  max-width: 100%;
  padding: 5px 8px !important;
  overflow: hidden;
  border: 1px solid rgba(40, 217, 154, .24) !important;
  border-radius: 999px !important;
  background: rgba(40, 217, 154, .075) !important;
  color: #50e6ad !important;
  font: 800 7px/1 'Manrope', sans-serif !important;
  letter-spacing: .06em !important;
  text-transform: uppercase;
  white-space: nowrap;
  box-shadow: inset 0 1px rgba(255, 255, 255, .04), 0 0 24px rgba(40, 217, 154, .045);
}
.stock-infinite::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(105deg, transparent 30%, rgba(129, 255, 208, .17), transparent 68%);
  transform: translateX(-120%);
  animation: stockSweep 4.8s var(--ui-ease) infinite;
}
.stock-infinite b {
  color: #79f4c4;
  font-size: 12px;
  line-height: .7;
  text-shadow: 0 0 13px rgba(54, 236, 169, .72);
  animation: infinityPulse 2.5s ease-in-out infinite;
}
.stock-infinite-large { margin-left: auto; padding: 7px 10px !important; font-size: 8px !important; }
.stock-infinite-large b { font-size: 15px; }
.cart-product-labels { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.summary-product .stock-infinite { margin-top: 6px; padding: 4px 6px !important; font-size: 6px !important; }
.related-products-grid .stock-infinite { margin-top: 7px; }
@keyframes stockSweep { 0%, 55% { transform: translateX(-120%); } 80%, 100% { transform: translateX(120%); } }
@keyframes infinityPulse { 0%, 100% { transform: scale(1); opacity: .8; } 50% { transform: scale(1.16); opacity: 1; } }

/* Rich but controlled motion */
.hero-copy { animation: heroCopyIn .75s var(--ui-ease) both; }
.product-visual { animation: heroVisualIn .9s .08s var(--ui-ease) both; }
.catalog-card .has-product-image img,
.related-product-icon img,
.product-gallery-symbol img {
  transition: transform .55s var(--ui-ease), filter .45s;
}
.catalog-card:hover .has-product-image img { transform: scale(1.035); filter: saturate(1.08) contrast(1.03); }
.related-products-grid article:hover .related-product-icon img { transform: scale(1.08); }
.product-gallery-main:hover .product-gallery-symbol img { transform: scale(1.015); }
.cart-pill b, .mobile-cart-link b { animation: cartBadgeIn .38s var(--ui-ease) both; }
@keyframes heroCopyIn { from { opacity: 0; transform: translateY(22px); } }
@keyframes heroVisualIn { from { opacity: 0; transform: translateY(26px) scale(.97); } }
@keyframes cartBadgeIn { from { opacity: 0; transform: scale(.55); } }

/* Mobile thumb navigation */
.mobile-bottom-nav { display: none; }
@media (max-width: 600px) {
  body { padding-bottom: 70px; }
  .theme-toggle { display: grid; }
  .site-header .cart-pill { display: none; }
  .mobile-bottom-nav {
    position: fixed;
    z-index: 35;
    inset: auto 10px 9px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    min-height: 61px;
    padding: 6px;
    border: 1px solid rgba(83, 166, 255, .24);
    border-radius: 19px;
    background: rgba(2, 8, 20, .91);
    box-shadow: 0 20px 55px rgba(0, 13, 43, .48), inset 0 1px rgba(255, 255, 255, .06);
    backdrop-filter: blur(20px) saturate(145%);
    -webkit-backdrop-filter: blur(20px) saturate(145%);
  }
  .mobile-bottom-nav a {
    position: relative;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 2px;
    min-width: 0;
    border-radius: 13px;
    color: #8192a9;
    text-decoration: none;
  }
  .mobile-bottom-nav a:hover, .mobile-bottom-nav a:focus-visible { color: #73c9ff; background: rgba(22, 119, 255, .1); }
  .mobile-bottom-nav i { color: #a9bad0; font: 800 18px/1 'Manrope'; font-style: normal; }
  .mobile-bottom-nav span { font: 700 8px 'Manrope'; }
  .mobile-bottom-nav b {
    position: absolute;
    top: 3px;
    left: calc(50% + 8px);
    display: grid;
    place-items: center;
    min-width: 17px;
    height: 17px;
    padding: 0 4px;
    border-radius: 7px;
    background: #126eff;
    color: #fff;
    font-size: 8px;
    box-shadow: 0 5px 14px rgba(17, 105, 255, .45);
  }
  .scroll-top { bottom: 82px; }
  .mobile-purchase-bar { bottom: 79px; }
}
html[data-theme="light"] .stock-infinite { border-color: #a9e9d0 !important; background: #effcf7 !important; color: #07865e !important; }
html[data-theme="light"] .stock-infinite b { color: #07966a; text-shadow: none; }
html[data-theme="light"] .mobile-bottom-nav { background: rgba(255, 255, 255, .93); border-color: #d6e6f7; box-shadow: 0 20px 55px rgba(0, 46, 105, .16); }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-delay: 0ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}