:root {

  --paper:        #FFFFFF;
  --bg:           #F8FAFC;
  --bg-soft:      #F1F5F9;
  --bg-deep:      #E2E8F0;

  --ink:          #0F172A;
  --ink-soft:     #334155;
  --ink-mute:     #64748B;
  --ink-faint:    #94A3B8;

  --indigo:       #4F46E5;
  --indigo-deep:  #3730A3;
  --indigo-soft:  #EEF2FF;
  --indigo-line:  #C7D2FE;

  --card-blue:    #1E2A78;
  --card-blue-2:  #2B3FB7;
  --card-purple:  #7C3AED;
  --card-purple-2:#C026D3;
  --card-orange:  #F97316;
  --card-orange-2:#EA580C;
  --card-green:   #16A34A;
  --card-green-2: #15803D;
  --card-black:   #0A0A0A;

  --rose:         #E11D48;
  --emerald:      #10B981;
  --amber:        #F59E0B;
  --rule:         #E2E8F0;
  --rule-strong:  #CBD5E1;

  --accent:       var(--indigo);
  --accent-deep:  var(--indigo-deep);
  --accent-soft:  var(--indigo-soft);
  --fg:           var(--ink);
  --fg-soft:      var(--ink-soft);
  --fg-mute:      var(--ink-mute);

  --ff-display:   "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --ff-body:      "Outfit", system-ui, -apple-system, "Segoe UI", sans-serif;
  --ff-mono:      "Roboto Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --text-xs:      12px;
  --text-sm:      13px;
  --text-base:    15px;
  --text-md:      17px;
  --text-lg:      20px;
  --text-xl:      24px;
  --text-2xl:     32px;
  --text-3xl:     40px;
  --text-display: clamp(1.75rem, 1rem + 2.4vw, 3.25rem);
  --text-hero:    clamp(2rem, 1.2rem + 3vw, 3.75rem);

  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 20px;
  --s6: 28px; --s7: 40px; --s8: 56px; --s9: 80px; --s10: 112px;

  --container:    1280px;
  --container-pad: 24px;

  --r-sm: 6px;
  --r:    14px;
  --r-lg: 22px;
  --r-xl: 28px;

  --shadow-sm:   0 1px 2px rgba(15,23,42,0.06);
  --shadow:      0 6px 18px -8px rgba(15,23,42,0.16), 0 2px 4px -2px rgba(15,23,42,0.06);
  --shadow-lg:   0 24px 60px -28px rgba(15,23,42,0.30), 0 8px 16px -10px rgba(15,23,42,0.08);
  --shadow-indigo: 0 12px 28px -10px rgba(79,70,229,0.35);

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; background: var(--paper); }
body {
  margin: 0;
  font-family: var(--ff-body);
  font-size: var(--text-base);
  line-height: 1.55;
  color: var(--fg);
  background: var(--paper);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
h1, h2, h3, h4, h5 {
  margin: 0;
  font-family: var(--ff-display);
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--fg);
}
p { margin: 0; }
img, svg { display: block; max-width: 100%; }
img { height: auto; }
a { color: inherit; text-decoration: none; transition: color 180ms var(--ease); }
a:hover { color: var(--indigo); }
button { font: inherit; border: 0; background: transparent; cursor: pointer; color: inherit; }
ul, ol { margin: 0; padding: 0; list-style: none; }
input, select, textarea { font: inherit; color: inherit; }
::selection { background: var(--indigo); color: var(--paper); }

.skip-link {
  position: absolute; top: -100px; left: var(--s4);
  background: var(--ink); color: var(--paper);
  padding: var(--s2) var(--s4); border-radius: var(--r-sm); z-index: 1000;
}
.skip-link:focus { top: var(--s4); }

.container {
  max-width: var(--container);
  margin: 0 auto;
  padding: 0 var(--container-pad);
  width: 100%;
}

.utility {
  background: var(--ink);
  color: var(--paper);
  font-family: var(--ff-mono);
  font-size: var(--text-xs);
  letter-spacing: 0.04em;
}
.utility .container {
  display: flex; justify-content: space-between; align-items: center;
  padding-top: 10px; padding-bottom: 10px;
  flex-wrap: wrap; gap: var(--s3);
}
.utility .promo { display: inline-flex; align-items: center; gap: var(--s2); }
.utility .promo .tag {
  background: var(--rose); padding: 3px 8px; border-radius: 999px;
  font-weight: 500; font-size: 11px; letter-spacing: 0.06em;
}
.utility .links { display: inline-flex; gap: var(--s5); color: rgba(255,255,255,0.7); }
.utility .links a:hover { color: var(--paper); }

.site-header {
  background: var(--paper);
  border-bottom: 1px solid var(--rule);
  position: sticky; top: 0; z-index: 60;
}
.site-header .container {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: var(--s7);
  align-items: center;
  height: 84px;
}
.brand {
  display: inline-flex; align-items: center; gap: var(--s2);
  font-family: var(--ff-display);
  font-weight: 800; font-size: 24px;
  letter-spacing: -0.02em;
  color: var(--ink);
}
.brand-mark {
  width: 36px; height: 36px;
  border-radius: 10px;
  background: linear-gradient(135deg, var(--indigo), var(--card-purple) 70%);
  display: inline-grid; place-items: center;
  color: var(--paper); font-weight: 800; font-size: 18px;
  box-shadow: var(--shadow-indigo);
}

.search {
  position: relative;
  max-width: 560px; width: 100%;
  margin: 0 auto;
}
.search input {
  width: 100%;
  padding: 14px 56px 14px 20px;
  border: 1px solid var(--rule-strong);
  border-radius: 999px;
  background: var(--bg);
  font-size: var(--text-base);
  transition: border-color 180ms var(--ease), background 180ms var(--ease);
}
.search input::placeholder { color: var(--ink-faint); }
.search input:focus {
  outline: 0;
  background: var(--paper);
  border-color: var(--indigo);
  box-shadow: 0 0 0 4px rgba(79,70,229,0.12);
}
.search button {
  position: absolute; right: 5px; top: 50%;
  transform: translateY(-50%);
  width: 42px; height: 42px;
  background: var(--indigo); color: var(--paper);
  border-radius: 999px;
  display: grid; place-items: center;
  transition: background 180ms var(--ease);
}
.search button:hover { background: var(--indigo-deep); }

.icon-row { display: inline-flex; gap: var(--s2); align-items: center; }
.icon-btn {
  position: relative;
  width: 44px; height: 44px;
  border-radius: 999px;
  display: grid; place-items: center;
  color: var(--ink);
  background: var(--bg);
  transition: background 180ms var(--ease), color 180ms var(--ease);
}
.icon-btn:hover { background: var(--indigo-soft); color: var(--indigo); }
.icon-btn .count {
  position: absolute; top: 4px; right: 4px;
  min-width: 18px; height: 18px; padding: 0 4px;
  background: var(--indigo); color: var(--paper);
  font-family: var(--ff-mono); font-size: 10px; font-weight: 600;
  border-radius: 999px; display: grid; place-items: center;
  border: 2px solid var(--paper);
}
.icon-btn--cart { background: var(--ink); color: var(--paper); }
.icon-btn--cart:hover { background: var(--indigo); color: var(--paper); }

.nav-bar {
  background: var(--paper);
  border-bottom: 1px solid var(--rule);
  position: sticky; top: 84px; z-index: 55;
}
.nav-bar .container {
  display: flex; align-items: center; gap: var(--s7);
  height: 60px; flex-wrap: wrap;
}
.all-cats {
  display: inline-flex; align-items: center; gap: var(--s2);
  background: var(--indigo);
  color: var(--paper);
  padding: 10px 20px;
  border-radius: var(--r-sm);
  font-weight: 600; font-size: var(--text-sm);
  transition: background 180ms var(--ease);
}
.all-cats:hover { background: var(--indigo-deep); color: var(--paper); }
.main-nav { display: flex; gap: var(--s7); margin-right: auto; }
.main-nav a {
  font-weight: 500; font-size: var(--text-sm);
  color: var(--fg-soft);
  display: inline-flex; align-items: center; gap: var(--s1);
  padding: 6px 0;
}
.main-nav a[aria-current="page"] { color: var(--indigo); }
.main-nav a:hover { color: var(--indigo); }
.nav-cta {
  display: inline-flex; align-items: center; gap: var(--s2);
  font-family: var(--ff-mono); font-size: var(--text-xs);
  letter-spacing: 0.04em;
  color: var(--fg-mute);
}
.nav-cta strong { color: var(--rose); font-weight: 700; }
.nav-toggle {
  display: none; padding: 8px;
  font-size: 22px; color: var(--ink);
}

.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: var(--s2);
  padding: 12px 22px;
  border-radius: 999px;
  font-family: var(--ff-body); font-weight: 600;
  font-size: var(--text-sm); line-height: 1;
  transition: background 180ms var(--ease), color 180ms var(--ease), transform 180ms var(--ease), box-shadow 180ms var(--ease);
  white-space: nowrap;
  border: 1px solid transparent;
  cursor: pointer;
}
.btn--indigo { background: var(--indigo); color: var(--paper); box-shadow: var(--shadow-indigo); }
.btn--indigo:hover { background: var(--indigo-deep); color: var(--paper); transform: translateY(-1px); }
.btn--ink { background: var(--ink); color: var(--paper); }
.btn--ink:hover { background: var(--indigo); color: var(--paper); }
.btn--paper { background: var(--paper); color: var(--ink); border:1px solid rgba(255,255,255,.86); box-shadow:0 14px 30px rgba(15,23,42,.18); }
.btn--paper:hover { background: #eef2ff; color: var(--indigo); border-color:#c7d2fe; }
.btn--ghost { background: transparent; color: var(--ink); border-color: var(--rule-strong); }
.btn--ghost:hover { background: var(--ink); color: var(--paper); border-color: var(--ink); }
.btn--sm { padding: 8px 14px; font-size: var(--text-xs); }
.btn--block { width: 100%; }
.btn--pill-ghost-onDark {
  background: transparent; color: var(--paper);
  border-color: rgba(255,255,255,0.3);
}
.btn--pill-ghost-onDark:hover { background: var(--paper); color: var(--ink); border-color: var(--paper); }

.hero {
  padding: var(--s7) 0 var(--s8);
  background: var(--paper);
}
.bento {
  display: grid;
  grid-template-columns: 2.2fr 1fr;
  grid-template-rows: 1fr 1fr auto;
  gap: var(--s4);
}
.bento-card {
  position: relative;
  border-radius: var(--r-lg);
  padding: var(--s7);
  overflow: hidden;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 280px;
  transition: transform 300ms var(--ease), box-shadow 300ms var(--ease);
}
.bento-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); }
.bento-card .eyebrow {
  display: inline-flex; align-items: center; gap: 8px;
  font-family: var(--ff-mono);
  font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase;
  opacity: 0.82;
  position: relative; z-index: 2;
}
.bento-card h2, .bento-card h3, .bento-card p, .bento-card .shop-now, .bento-card .btn {
  position: relative; z-index: 2;
}
.bento-card h2, .bento-card h3 {
  color: inherit;
  margin: var(--s3) 0 var(--s4);
}
.bento-card p {
  font-size: var(--text-sm);
  line-height: 1.6;
  opacity: 0.86;
  max-width: 38ch;
  margin-bottom: var(--s5);
}
.bento-card .shop-now {
  display: inline-flex; align-items: center; gap: 8px;
  font-weight: 600; font-size: var(--text-sm);
  padding-bottom: 4px;
  border-bottom: 1.5px solid currentColor;
  align-self: flex-start;
  transition: gap 180ms var(--ease);
}
.bento-card .shop-now:hover { gap: 14px; }
.bento-card img.product {
  position: absolute;
  pointer-events: none;
  filter: drop-shadow(0 20px 30px rgba(0,0,0,0.35));
}
.bento-card .sparkle {
  position: absolute; inset: 0;
  background-image:
    radial-gradient(circle at 20% 30%, rgba(255,255,255,0.18) 0, transparent 35%),
    radial-gradient(circle at 75% 70%, rgba(255,255,255,0.10) 0, transparent 40%);
  pointer-events: none;
}

.bento-card--lg {
  grid-row: 1 / span 2;
  grid-column: 1;
  background: linear-gradient(135deg, var(--card-blue), var(--card-blue-2));
  color: var(--paper);
  min-height: 540px;
  padding: var(--s8);
}
.bento-card--lg > div {
  position: relative;
  z-index: 2;
  max-width: 50%;
}
.bento-card--lg h2 {
  font-size: clamp(1.75rem, 1rem + 2vw, 2.75rem);
  line-height: 1.04;
  letter-spacing: -0.025em;
  font-weight: 800;
  max-width: 14ch;
}
.bento-card--lg p { max-width: 32ch; font-size: var(--text-sm); }
.bento-card--lg img.product {
  right: -30px; bottom: -20px; top: auto; transform: none;
  width: 50%; max-width: 440px;
  filter: drop-shadow(0 30px 50px rgba(0,0,0,0.45));
}
.bento-card--lg .dots {
  display: inline-flex; gap: 6px;
  margin-top: var(--s4);
}
.bento-card--lg .dots span {
  width: 22px; height: 4px; border-radius: 999px;
  background: rgba(255,255,255,0.3);
}
.bento-card--lg .dots span.active { background: var(--paper); width: 28px; }

.bento-card--purple {
  background: linear-gradient(135deg, var(--card-purple) 0%, var(--card-purple-2) 70%, #9333EA 100%);
  color: var(--paper);
  grid-column: 2;
  grid-row: 1;
  min-height: 260px;
}
.bento-card--purple img.product {
  right: -10px; bottom: -10px; width: 60%; max-width: 200px;
}

.bento-card--teal {
  background: linear-gradient(135deg, #0E7490 0%, #0891B2 60%, #06B6D4 100%);
  color: var(--paper);
  grid-column: 2;
  grid-row: 2;
  min-height: 260px;
}
.bento-card--teal img.product {
  right: -10px; bottom: -10px; width: 62%; max-width: 220px;
}

.bento-row {
  grid-column: 1 / -1;
  grid-row: 3;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--s4);
}
.bento-card--orange {
  background: linear-gradient(135deg, var(--card-orange), var(--card-orange-2));
  color: var(--paper);
  min-height: 240px;
}
.bento-card--orange img.product {
  right: 0; bottom: 0; width: 55%; max-width: 180px;
}
.bento-card--green {
  background: linear-gradient(135deg, var(--card-green), var(--card-green-2));
  color: var(--paper);
  min-height: 240px;
}
.bento-card--green img.product {
  right: 0; bottom: 0; width: 56%; max-width: 200px;
}
.bento-card--black {
  background: linear-gradient(135deg, var(--card-black), #1F1F1F);
  color: var(--paper);
  min-height: 240px;
}
.bento-card--black img.product {
  right: 0; bottom: 0; width: 50%; max-width: 180px;
}

.section {
  padding: var(--s9) 0;
}
.section-head {
  display: flex; justify-content: space-between; align-items: end;
  flex-wrap: wrap; gap: var(--s4);
  margin-bottom: var(--s6);
}
.section-head h2 {
  font-size: var(--text-2xl);
  letter-spacing: -0.02em;
}
.section-head .view-all {
  font-weight: 600; font-size: var(--text-sm);
  display: inline-flex; align-items: center; gap: 6px;
  color: var(--indigo);
}
.section-head .view-all:hover { gap: 12px; }

.tabs {
  display: flex; gap: var(--s6);
  margin-bottom: var(--s6);
  border-bottom: 1px solid var(--rule);
}
.tab {
  font-weight: 600; font-size: var(--text-sm);
  color: var(--fg-mute);
  padding: 12px 0;
  position: relative;
  cursor: pointer;
}
.tab.is-active { color: var(--indigo); }
.tab.is-active::after {
  content: "";
  position: absolute; left: 0; right: 0; bottom: -1px;
  height: 2px; background: var(--indigo); border-radius: 2px;
}

.products {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: var(--s4);
}
.product-card {
  background: var(--paper);
  border: 1px solid var(--rule);
  border-radius: var(--r);
  padding: var(--s4);
  display: flex; flex-direction: column;
  position: relative;
  transition: border-color 200ms var(--ease), box-shadow 200ms var(--ease), transform 200ms var(--ease);
}
.product-card:hover {
  border-color: var(--indigo-line);
  box-shadow: var(--shadow);
  transform: translateY(-3px);
}
.product-card .img-wrap {
  position: relative;
  aspect-ratio: 1 / 1;
  background: var(--bg);
  border-radius: var(--r-sm);
  overflow: hidden;
  margin-bottom: var(--s4);
}
.product-card .img-wrap img {
  width: 100%; height: 100%; object-fit: cover;
  transition: transform 500ms var(--ease);
}
.product-card:hover .img-wrap img { transform: scale(1.06); }
.product-card .badge {
  position: absolute; top: 10px; left: 10px;
  background: var(--card-green); color: var(--paper);
  font-family: var(--ff-mono); font-size: 10px;
  letter-spacing: 0.05em;
  padding: 4px 10px; border-radius: 4px;
  font-weight: 600;
}
.product-card .badge--sale { background: var(--rose); }
.product-card .wishlist {
  position: absolute; top: 10px; right: 10px;
  width: 32px; height: 32px;
  background: var(--paper);
  border-radius: 999px;
  display: grid; place-items: center;
  box-shadow: var(--shadow-sm);
  color: var(--ink);
  opacity: 0; transition: opacity 200ms var(--ease), color 180ms var(--ease);
}
.product-card:hover .wishlist { opacity: 1; }
.product-card .wishlist:hover { color: var(--rose); }
.product-card .stock {
  display: inline-flex; align-items: center; gap: 4px;
  font-family: var(--ff-mono); font-size: 11px;
  letter-spacing: 0.04em;
  color: var(--fg-mute);
  margin-bottom: 4px;
}
.product-card .stock .dot {
  width: 6px; height: 6px; border-radius: 999px;
  background: var(--emerald);
}
.product-card .name {
  font-family: var(--ff-display);
  font-weight: 600; font-size: var(--text-sm);
  color: var(--ink);
  margin-bottom: 4px;
  line-height: 1.3;
}
.product-card .price {
  display: flex; align-items: baseline; gap: 8px;
  margin-bottom: var(--s2);
}
.product-card .price .now {
  font-family: var(--ff-display);
  font-weight: 700; font-size: var(--text-md);
  color: var(--ink);
}
.product-card .price .was {
  font-family: var(--ff-mono); font-size: 12px;
  color: var(--ink-faint); text-decoration: line-through;
}
.product-card .stars {
  display: inline-flex; gap: 1px;
  color: var(--amber);
  font-size: 13px;
}
.product-card .stars .count {
  font-family: var(--ff-mono); font-size: 11px;
  color: var(--fg-mute); margin-left: 6px;
}
.product-card .btn {
  margin-top: var(--s3);
  width: 100%; justify-content: center;
  border-radius: var(--r-sm);
  padding: 10px;
  background: var(--bg); color: var(--ink);
}
.product-card .btn:hover { background: var(--indigo); color: var(--paper); }

.discount-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--s4);
}
.discount-card {
  position: relative;
  border-radius: var(--r-lg);
  padding: var(--s7);
  min-height: 260px;
  display: flex; flex-direction: column; justify-content: center;
  overflow: hidden;
  color: var(--paper);
}
.discount-card--watch {
  background: linear-gradient(135deg, #0F172A, #1E293B);
}
.discount-card--airpods {
  background: linear-gradient(135deg, #7C3AED, #A855F7);
}
.discount-card h3 {
  color: inherit;
  font-size: var(--text-2xl);
  line-height: 1.1;
  margin-bottom: var(--s2);
}
.discount-card h3 .pct {
  display: block;
  font-size: var(--text-3xl);
  color: var(--amber);
  font-weight: 800;
}
.discount-card .meta {
  font-family: var(--ff-mono); font-size: var(--text-xs);
  letter-spacing: 0.08em; opacity: 0.7; margin-bottom: var(--s5);
}
.discount-card .shop-now { color: var(--paper); align-self: flex-start; }
.discount-card img.product {
  position: absolute;
  right: -10px; bottom: -10px;
  width: 50%; max-width: 240px;
  filter: drop-shadow(0 20px 30px rgba(0,0,0,0.4));
}

.cats-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: var(--s4);
}
.cat-tile {
  background: var(--paper);
  border: 1px solid var(--rule);
  border-radius: var(--r);
  padding: var(--s5);
  text-align: center;
  transition: border-color 200ms var(--ease), transform 200ms var(--ease), background 200ms var(--ease);
}
.cat-tile:hover {
  border-color: var(--indigo-line);
  transform: translateY(-3px);
  background: var(--indigo-soft);
  color: var(--ink);
}
.cat-tile .pic {
  width: 80px; height: 80px;
  margin: 0 auto var(--s3);
  background: var(--bg);
  border-radius: 999px;
  overflow: hidden;
  display: grid; place-items: center;
}
.cat-tile .pic img { width: 100%; height: 100%; object-fit: cover; }
.cat-tile .name {
  font-family: var(--ff-display);
  font-weight: 700; font-size: var(--text-sm);
  color: var(--ink);
}
.cat-tile .count {
  font-family: var(--ff-mono); font-size: 11px;
  color: var(--fg-mute);
  margin-top: 4px;
}

.compact-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--s4);
}
.compact-card {
  background: var(--paper);
  border: 1px solid var(--rule);
  border-radius: var(--r);
  padding: var(--s4);
  display: grid;
  grid-template-columns: 76px 1fr;
  gap: var(--s4);
  align-items: center;
  transition: border-color 200ms var(--ease);
}
.compact-card:hover { border-color: var(--indigo-line); }
.compact-card .pic {
  width: 76px; height: 76px;
  background: var(--bg);
  border-radius: var(--r-sm);
  overflow: hidden;
}
.compact-card .pic img { width: 100%; height: 100%; object-fit: cover; }
.compact-card .stock {
  font-family: var(--ff-mono); font-size: 10px;
  color: var(--fg-mute); display: inline-flex; align-items: center; gap: 4px;
  margin-bottom: 4px;
}
.compact-card .name {
  font-family: var(--ff-display); font-weight: 600; font-size: var(--text-sm);
  color: var(--ink); line-height: 1.2; margin-bottom: 4px;
}
.compact-card .price {
  font-family: var(--ff-display); font-weight: 700;
  color: var(--ink); font-size: var(--text-sm);
  margin-bottom: 6px;
}
.compact-card .btn {
  padding: 6px 10px; font-size: 11px;
  border-radius: var(--r-sm);
  background: var(--indigo); color: var(--paper);
  width: 100%;
}
.compact-card .btn:hover { background: var(--indigo-deep); }

.brands {
  background: var(--paper);
  border-top: 1px solid var(--rule);
  border-bottom: 1px solid var(--rule);
  padding: var(--s7) 0;
}
.brand-row {
  display: flex; justify-content: space-around; align-items: center;
  flex-wrap: wrap; gap: var(--s7);
}
.brand-row .brand-logo {
  font-family: var(--ff-display);
  font-weight: 800; font-size: var(--text-xl);
  letter-spacing: -0.02em;
  color: var(--ink-faint);
  transition: color 200ms var(--ease);
  text-transform: uppercase;
}
.brand-row .brand-logo:hover { color: var(--ink); }

.newsletter {
  background: linear-gradient(135deg, var(--indigo) 0%, var(--card-purple) 100%);
  border-radius: var(--r-xl);
  padding: var(--s8) var(--s7);
  color: var(--paper);
  position: relative; overflow: hidden;
  margin: var(--s8) 0;
}
.newsletter::before {
  content: "";
  position: absolute; inset: 0;
  background-image:
    radial-gradient(circle at 80% 20%, rgba(255,255,255,0.18) 0, transparent 40%),
    radial-gradient(circle at 10% 80%, rgba(255,255,255,0.10) 0, transparent 50%);
  pointer-events: none;
}
.newsletter-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--s7);
  align-items: center;
  position: relative;
}
.newsletter h2 {
  color: var(--paper);
  font-size: var(--text-display);
  line-height: 1.05;
  letter-spacing: -0.025em;
  max-width: 16ch;
}
.newsletter h2 strong { color: var(--amber); font-weight: 800; }
.newsletter p {
  color: rgba(255,255,255,0.86);
  font-size: var(--text-md);
  margin-top: var(--s3);
  max-width: 38ch;
}
.newsletter-form {
  display: flex; gap: var(--s2);
  background: rgba(255,255,255,0.96);
  padding: 6px;
  border-radius: 999px;
  align-items: center;
}
.newsletter-form input {
  flex: 1; border: 0;
  background: transparent;
  padding: 12px 18px;
  font-size: var(--text-base);
  color: var(--ink);
  outline: 0;
}
.newsletter-form input::placeholder { color: var(--ink-faint); }
.newsletter-form .btn { background: var(--ink); color: var(--paper); border-radius: 999px; }
.newsletter-form .btn:hover { background: var(--indigo-deep); }

.site-footer {
  background: var(--ink);
  color: var(--paper);
  padding: var(--s9) 0 var(--s5);
}
.footer-grid {
  display: grid;
  grid-template-columns: 1.6fr 1fr 1fr 1fr 1fr;
  gap: var(--s7);
  padding-bottom: var(--s8);
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.footer-brand .mark {
  display: inline-flex; align-items: center; gap: var(--s2);
  font-family: var(--ff-display);
  font-weight: 800; font-size: 24px;
  letter-spacing: -0.02em;
  color: var(--paper);
  margin-bottom: var(--s4);
}
.footer-brand p { color: rgba(255,255,255,0.7); max-width: 32ch; line-height: 1.6; font-size: var(--text-sm); }
.footer-col h4 {
  font-family: var(--ff-display);
  font-weight: 700; font-size: var(--text-sm);
  color: var(--paper);
  margin-bottom: var(--s4);
}
.footer-col ul { display: grid; gap: 10px; }
.footer-col a {
  color: rgba(255,255,255,0.7);
  font-size: var(--text-sm);
}
.footer-col a:hover { color: var(--paper); }
.footer-bottom {
  display: flex; justify-content: space-between; align-items: center;
  flex-wrap: wrap; gap: var(--s3);
  padding-top: var(--s5);
  font-family: var(--ff-mono); font-size: var(--text-xs);
  letter-spacing: 0.04em;
  color: rgba(255,255,255,0.5);
}
.socials { display: inline-flex; gap: var(--s2); }
.socials a {
  width: 36px; height: 36px;
  display: grid; place-items: center;
  border-radius: 999px;
  background: rgba(255,255,255,0.08);
  color: var(--paper);
  transition: background 180ms var(--ease);
}
.socials a:hover { background: var(--indigo); }

.drawer {
  position: fixed; inset: 0;
  background: var(--paper);
  z-index: 100;
  transform: translateX(100%);
  transition: transform 320ms var(--ease);
  display: flex; flex-direction: column;
  padding: var(--s7) var(--s5);
  gap: var(--s4);
  visibility: hidden;
  overflow-y: auto;
}
.drawer.is-open { transform: translateX(0); visibility: visible; }
.drawer .drawer-head {
  display: flex; justify-content: space-between; align-items: center;
  margin-bottom: var(--s4);
}
.drawer a {
  font-family: var(--ff-display);
  font-weight: 700; font-size: var(--text-xl);
  color: var(--ink);
  padding: 12px 0;
  border-bottom: 1px solid var(--rule);
}
.drawer a:hover { color: var(--indigo); }
.drawer .drawer-close {
  font-family: var(--ff-mono);
  font-size: var(--text-xs);
  letter-spacing: 0.1em;
  color: var(--ink-mute);
  padding: var(--s2) var(--s3);
  border: 1px solid var(--rule);
  border-radius: var(--r-sm);
}

.page-head {
  background: var(--paper);
  padding: var(--s7) 0 var(--s6);
  border-bottom: 1px solid var(--rule);
}
.crumbs {
  font-family: var(--ff-mono);
  font-size: var(--text-xs);
  color: var(--fg-mute);
  letter-spacing: 0.04em;
  display: inline-flex; align-items: center; gap: 8px;
  margin-bottom: var(--s3);
}
.crumbs a { color: var(--fg-mute); }
.crumbs a:hover { color: var(--indigo); }
.crumbs .sep { color: var(--ink-faint); }
.page-head h1 {
  font-size: var(--text-3xl);
  letter-spacing: -0.025em;
  max-width: 24ch;
}
.page-head p {
  font-size: var(--text-md);
  color: var(--fg-soft);
  max-width: 60ch;
  margin-top: var(--s3);
}

.shop-layout {
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: var(--s7);
}
.filters {
  background: var(--paper);
  border: 1px solid var(--rule);
  border-radius: var(--r);
  padding: var(--s5);
  position: sticky;
  top: 160px;
  align-self: start;
  max-height: calc(100vh - 200px);
  overflow-y: auto;
}
.filters h3 {
  font-size: var(--text-sm);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--fg-mute);
  margin-bottom: var(--s3);
}
.filter-block {
  padding-bottom: var(--s5);
  margin-bottom: var(--s5);
  border-bottom: 1px solid var(--rule);
}
.filter-block:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
.filter-block label {
  display: flex; align-items: center; gap: var(--s2);
  padding: 6px 0;
  font-size: var(--text-sm);
  color: var(--fg-soft);
  cursor: pointer;
}
.filter-block label:hover { color: var(--indigo); }
.filter-block label input { accent-color: var(--indigo); }
.filter-block label .ct {
  margin-left: auto;
  font-family: var(--ff-mono); font-size: 11px;
  color: var(--ink-faint);
}
.range-bar { height: 4px; background: var(--rule); border-radius: 999px; position: relative; margin: var(--s4) 0; }
.range-bar::after {
  content: ""; position: absolute; left: 10%; right: 30%; top: 0; bottom: 0;
  background: var(--indigo); border-radius: 999px;
}
.shop-toolbar {
  display: flex; justify-content: space-between; align-items: center;
  margin-bottom: var(--s5);
  flex-wrap: wrap; gap: var(--s3);
}
.shop-toolbar .count {
  font-family: var(--ff-mono); font-size: var(--text-xs);
  color: var(--fg-mute);
  letter-spacing: 0.04em;
}
.shop-toolbar select {
  padding: 8px 14px;
  border: 1px solid var(--rule-strong);
  border-radius: var(--r-sm);
  background: var(--paper);
  font-size: var(--text-sm);
}
.shop-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--s4);
}
.pagination {
  display: flex; justify-content: center; gap: 6px;
  margin-top: var(--s7);
}
.pagination .pg {
  width: 40px; height: 40px;
  display: grid; place-items: center;
  border-radius: var(--r-sm);
  background: var(--paper);
  border: 1px solid var(--rule);
  font-family: var(--ff-mono); font-size: var(--text-sm);
  color: var(--fg-soft);
}
.pagination .pg.is-active { background: var(--indigo); color: var(--paper); border-color: var(--indigo); }
.pagination .pg:hover:not(.is-active) { border-color: var(--indigo-line); color: var(--indigo); }

.product-detail {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: var(--s8);
  padding: var(--s7) 0 var(--s9);
}
.gallery {
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: var(--s4);
}
.gallery-thumbs { display: grid; gap: var(--s2); }
.gallery-thumbs button {
  aspect-ratio: 1 / 1;
  border-radius: var(--r-sm);
  border: 1px solid var(--rule);
  overflow: hidden;
  background: var(--bg);
  padding: 0;
  cursor: pointer;
}
.gallery-thumbs button.is-active { border-color: var(--indigo); }
.gallery-thumbs img { width: 100%; height: 100%; object-fit: cover; }
.gallery-main {
  border: 1px solid var(--rule);
  border-radius: var(--r-lg);
  overflow: hidden;
  background: var(--bg);
  aspect-ratio: 4 / 4;
}
.gallery-main img { width: 100%; height: 100%; object-fit: cover; }

.pdp-info .pdp-cat {
  font-family: var(--ff-mono); font-size: var(--text-xs);
  letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--indigo);
  margin-bottom: var(--s2);
}
.pdp-info h1 {
  font-size: var(--text-3xl);
  letter-spacing: -0.025em;
  line-height: 1.1;
  margin-bottom: var(--s3);
}
.pdp-info .rating-row {
  display: inline-flex; gap: var(--s3); align-items: center;
  font-size: var(--text-sm);
  color: var(--fg-mute);
  margin-bottom: var(--s4);
}
.pdp-info .price-row {
  display: flex; align-items: baseline; gap: var(--s4);
  margin: var(--s5) 0 var(--s4);
  padding-top: var(--s5);
  border-top: 1px solid var(--rule);
}
.pdp-info .price-row .now {
  font-family: var(--ff-display);
  font-size: var(--text-3xl);
  font-weight: 800;
  color: var(--ink);
}
.pdp-info .price-row .was { font-family: var(--ff-mono); color: var(--ink-faint); text-decoration: line-through; }
.pdp-info .price-row .save { background: var(--card-green); color: var(--paper); font-family: var(--ff-mono); font-size: var(--text-xs); padding: 4px 8px; border-radius: 4px; font-weight: 600; }
.pdp-info p.desc { font-size: var(--text-md); color: var(--fg-soft); line-height: 1.65; margin-bottom: var(--s5); }
.option-block { margin-bottom: var(--s5); }
.option-block .label {
  font-family: var(--ff-mono); font-size: var(--text-xs);
  letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--fg-mute); margin-bottom: var(--s3);
}
.color-swatches { display: flex; gap: var(--s2); }
.color-swatches button {
  width: 36px; height: 36px;
  border-radius: 999px;
  border: 2px solid transparent;
  outline: 1px solid var(--rule);
  cursor: pointer;
}
.color-swatches button.is-active { border-color: var(--indigo); outline-color: var(--indigo); }
.option-pills { display: flex; gap: var(--s2); flex-wrap: wrap; }
.option-pills button {
  padding: 8px 16px;
  border-radius: var(--r-sm);
  border: 1px solid var(--rule-strong);
  background: var(--paper);
  font-size: var(--text-sm); font-weight: 600;
  color: var(--fg-soft);
  cursor: pointer;
  transition: all 180ms var(--ease);
}
.option-pills button.is-active { background: var(--ink); color: var(--paper); border-color: var(--ink); }
.qty {
  display: inline-flex; align-items: center;
  border: 1px solid var(--rule-strong);
  border-radius: var(--r-sm);
  overflow: hidden;
}
.qty button { padding: 10px 14px; font-weight: 700; }
.qty input { width: 50px; border: 0; text-align: center; font-family: var(--ff-mono); font-weight: 600; }
.pdp-cta { display: flex; gap: var(--s3); flex-wrap: wrap; align-items: center; margin-top: var(--s4); }
.pdp-cta .btn { padding: 14px 28px; font-size: var(--text-base); }
.pdp-features {
  display: grid; grid-template-columns: repeat(2, 1fr);
  gap: var(--s3);
  margin-top: var(--s7);
  padding-top: var(--s5);
  border-top: 1px solid var(--rule);
}
.pdp-features .pf {
  display: flex; gap: var(--s3); align-items: center;
  font-size: var(--text-sm);
  color: var(--fg-soft);
}
.pdp-features .pf .ic {
  width: 32px; height: 32px; flex-shrink: 0;
  background: var(--indigo-soft);
  color: var(--indigo);
  border-radius: 999px;
  display: grid; place-items: center;
  font-size: 16px;
}

.cart-layout {
  display: grid; grid-template-columns: 1.5fr 1fr;
  gap: var(--s7);
  padding: var(--s7) 0 var(--s9);
}
.cart-list {
  background: var(--paper);
  border: 1px solid var(--rule);
  border-radius: var(--r);
  padding: var(--s5);
}
.cart-row {
  display: grid;
  grid-template-columns: 88px 1fr auto auto auto;
  gap: var(--s4);
  align-items: center;
  padding: var(--s4) 0;
  border-bottom: 1px solid var(--rule);
}
.cart-row:last-child { border-bottom: 0; }
.cart-row .pic {
  width: 88px; height: 88px;
  background: var(--bg); border-radius: var(--r-sm); overflow: hidden;
}
.cart-row .pic img { width: 100%; height: 100%; object-fit: cover; }
.cart-row .info .name { font-family: var(--ff-display); font-weight: 600; font-size: var(--text-base); color: var(--ink); margin-bottom: 4px; }
.cart-row .info .variant { font-family: var(--ff-mono); font-size: var(--text-xs); color: var(--fg-mute); letter-spacing: 0.04em; }
.cart-row .qty button { padding: 6px 10px; }
.cart-row .qty input { width: 36px; }
.cart-row .subtotal { font-family: var(--ff-display); font-weight: 700; color: var(--ink); }
.cart-row .remove { color: var(--ink-faint); font-size: 18px; padding: 6px; }
.cart-row .remove:hover { color: var(--rose); }

.cart-summary {
  background: var(--bg);
  border: 1px solid var(--rule);
  border-radius: var(--r);
  padding: var(--s6);
  align-self: start;
  position: sticky; top: 160px;
}
.cart-summary h3 { font-size: var(--text-lg); margin-bottom: var(--s4); }
.cart-line { display: flex; justify-content: space-between; padding: 8px 0; font-size: var(--text-sm); color: var(--fg-soft); }
.cart-line.is-total { font-family: var(--ff-display); font-weight: 800; font-size: var(--text-lg); color: var(--ink); padding-top: var(--s4); border-top: 1px solid var(--rule); margin-top: var(--s3); }
.cart-summary .btn { width: 100%; margin-top: var(--s5); padding: 14px; }
.promo-input { display: flex; gap: var(--s2); margin: var(--s4) 0; }
.promo-input input { flex: 1; padding: 10px 14px; border: 1px solid var(--rule-strong); border-radius: var(--r-sm); background: var(--paper); font-size: var(--text-sm); }
.promo-input button { padding: 10px 16px; background: var(--ink); color: var(--paper); border-radius: var(--r-sm); font-weight: 600; font-size: var(--text-sm); }

.contact-grid {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: var(--s8);
  padding: var(--s7) 0 var(--s9);
}
.contact-info .info-block {
  padding: var(--s4) 0;
  border-bottom: 1px solid var(--rule);
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: var(--s4);
  align-items: center;
}
.contact-info .info-block:first-child { padding-top: 0; }
.contact-info .ic {
  width: 48px; height: 48px;
  background: var(--indigo-soft);
  color: var(--indigo);
  border-radius: 999px;
  display: grid; place-items: center;
  font-size: 20px;
}
.contact-info .info-block .label {
  font-family: var(--ff-mono); font-size: var(--text-xs);
  letter-spacing: 0.08em; text-transform: uppercase; color: var(--fg-mute);
  margin-bottom: 2px;
}
.contact-info .info-block .value {
  font-family: var(--ff-display); font-weight: 600; font-size: var(--text-md);
  color: var(--ink);
}
.contact-form {
  background: var(--paper);
  border: 1px solid var(--rule);
  border-radius: var(--r);
  padding: var(--s7);
}
.field { display: grid; gap: var(--s2); margin-bottom: var(--s4); }
.field label { font-family: var(--ff-mono); font-size: var(--text-xs); letter-spacing: 0.08em; text-transform: uppercase; color: var(--fg-soft); }
.field input, .field select, .field textarea {
  padding: 12px 16px;
  border: 1px solid var(--rule-strong);
  border-radius: var(--r-sm);
  background: var(--paper); color: var(--ink); font-size: var(--text-base);
  transition: border-color 180ms var(--ease), box-shadow 180ms var(--ease);
}
.field input:focus, .field select:focus, .field textarea:focus {
  outline: 0; border-color: var(--indigo); box-shadow: 0 0 0 3px rgba(79,70,229,0.15);
}
.field textarea { resize: vertical; min-height: 120px; }
.field-row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s4); }

@media (max-width: 1180px) {
  .products { grid-template-columns: repeat(4, 1fr); }
  .compact-row { grid-template-columns: repeat(2, 1fr); }
  .cats-grid { grid-template-columns: repeat(4, 1fr); }
  .footer-grid { grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: var(--s5); }
  .shop-layout { grid-template-columns: 1fr; }
  .filters { position: static; max-height: none; }
}
@media (max-width: 960px) {
  .bento { grid-template-columns: 1fr; grid-template-rows: auto; }
  .bento-card--lg { grid-row: auto; grid-column: 1; min-height: 420px; }
  .bento-card--lg img.product { width: 70%; max-width: 360px; }
  .bento-card--purple { grid-column: 1; grid-row: auto; }
  .bento-card--teal { grid-column: 1; grid-row: auto; }
  .bento-row { grid-column: 1; grid-row: auto; }
  .products { grid-template-columns: repeat(3, 1fr); }
  .cats-grid { grid-template-columns: repeat(3, 1fr); }
  .discount-row { grid-template-columns: 1fr; }
  .product-detail { grid-template-columns: 1fr; gap: var(--s6); }
  .cart-layout { grid-template-columns: 1fr; }
  .cart-summary { position: static; }
  .contact-grid { grid-template-columns: 1fr; gap: var(--s6); }
  .newsletter-grid { grid-template-columns: 1fr; gap: var(--s5); }
  .footer-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 760px) {
  :root { --container-pad: 16px; }
  .site-header .container { grid-template-columns: auto 1fr auto; gap: var(--s4); height: 72px; }
  .search { display: none; }
  .nav-bar .container { gap: var(--s4); height: 56px; overflow-x: auto; }
  .main-nav { display: none; }
  .nav-toggle { display: block; }
  .nav-cta { display: none; }
  .utility .links { display: none; }
  .products { grid-template-columns: repeat(2, 1fr); }
  .shop-grid { grid-template-columns: repeat(2, 1fr); }
  .compact-row { grid-template-columns: 1fr; }
  .cats-grid { grid-template-columns: repeat(2, 1fr); }
  .gallery { grid-template-columns: 1fr; }
  .gallery-thumbs { grid-template-columns: repeat(4, 1fr); }
  .cart-row { grid-template-columns: 60px 1fr; gap: var(--s3); }
  .cart-row .qty, .cart-row .subtotal, .cart-row .remove { grid-column: 2; justify-self: start; }
  .field-row { grid-template-columns: 1fr; }
  .pdp-features { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr; }
  .section { padding: var(--s8) 0; }
  .newsletter { padding: var(--s7) var(--s5); }
}

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

:root{
  --cx-gold:#f59e0b;
  --cx-silver:#94a3b8;
  --cx-success:#10b981;
  --cx-danger:#ef4444;
  --cx-dark:#0f172a;
}
.material-symbols-outlined{font-family:"Material Symbols Outlined";font-weight:normal;font-style:normal;font-size:20px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;vertical-align:-4px}
body.cx-sprylo-ui{background:linear-gradient(180deg,#fff 0%,#f8fafc 46%,#eef2ff 100%);min-height:100vh;}
body.loading{overflow:hidden}.hidden-form{display:none!important}
.brand-mark{overflow:hidden}.brand-mark img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.brand:hover{color:var(--ink)}
.header-logout{margin:0;display:inline-flex}.nav-toggle{width:42px;height:42px;border-radius:999px;background:#fff;color:#0f172a;border:1px solid #e2e8f0;box-shadow:0 8px 20px rgba(15,23,42,.06);font-size:0;line-height:1;display:none;place-items:center}.nav-toggle::before{content:"menu";font-family:"Material Symbols Outlined";font-size:24px;line-height:1}.nav-toggle:hover{background:var(--indigo-soft);color:var(--indigo)}
.utility a,.nav-bar a,.drawer a,.drawer button{cursor:pointer}.all-cats .material-symbols-outlined{font-size:18px;margin-right:6px;vertical-align:-4px}.main-nav a.is-active,.main-nav a:hover{color:var(--indigo)}.nav-bar{position:sticky;top:84px;z-index:50}.nav-bar .container{min-height:56px}.nav-cta{white-space:nowrap}.icon-btn .material-symbols-outlined{font-size:22px}.icon-btn{border:1px solid var(--rule);background:var(--paper)}.icon-btn:hover{background:var(--indigo);color:white;border-color:var(--indigo)}
.drawer{position:fixed;inset:0 0 0 auto;width:min(336px,88vw);background:rgba(255,255,255,.97);color:#0f172a;z-index:120;transform:translateX(105%);transition:transform .25s var(--ease);box-shadow:-24px 0 60px rgba(15,23,42,.16);padding:16px;display:flex;flex-direction:column;gap:8px;border-left:1px solid rgba(226,232,240,.95);backdrop-filter:blur(16px)}.drawer.is-open{transform:translateX(0)}.drawer:before{content:"";position:fixed;inset:0 100% 0 auto;width:100vw;background:rgba(15,23,42,.38);pointer-events:auto}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;padding-bottom:10px;border-bottom:1px solid #e5e7eb}.drawer-head .brand{font-size:15px;gap:8px}.drawer-head .brand-mark{width:34px;height:34px;border-radius:12px}.drawer-close{font-size:12px;font-weight:900;color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:7px 10px}.drawer>a,.drawer>.drawer-login{min-height:42px;padding:10px 12px;border-radius:13px;background:#fff;color:#0f172a;border:1px solid #dbe3ef;box-shadow:0 5px 14px rgba(15,23,42,.04);font-size:13px;font-weight:900;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:8px;outline:1px solid rgba(255,255,255,.75);outline-offset:-3px}.drawer>a:after{content:"›";font-size:18px;line-height:1;color:#94a3b8}.drawer>a:hover,.drawer>a.is-active,.drawer>a[aria-current="page"]{background:var(--indigo-soft);color:var(--indigo);border-color:#c7d2fe;box-shadow:0 8px 22px rgba(79,70,229,.12)}.drawer>a:hover:after,.drawer>a.is-active:after,.drawer>a[aria-current="page"]:after{color:currentColor}.drawer>.drawer-login{justify-content:center;background:linear-gradient(135deg,var(--indigo),var(--indigo-deep));color:#fff;border-color:transparent}body.drawer-open{overflow:hidden}
.page-loader{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;background:linear-gradient(135deg,#eef2ff,#ffffff 45%,#f8fafc)}.page-loader.is-hidden{opacity:0;visibility:hidden;transition:.25s ease}.loader-card{width:min(440px,calc(100vw - 32px));padding:28px;border-radius:28px;background:rgba(255,255,255,.94);box-shadow:var(--shadow-lg);border:1px solid rgba(226,232,240,.8);backdrop-filter:blur(16px)}.loader-brand{display:flex;justify-content:space-between;align-items:center;gap:16px;font-family:var(--ff-display);font-weight:900}.loader-percent{color:var(--indigo);font-family:var(--ff-mono)}.loader-bar{height:10px;border-radius:999px;background:var(--indigo-soft);overflow:hidden;margin:16px 0 10px}.loader-bar span{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--indigo),var(--card-purple),#22d3ee);transition:width .2s ease}.loader-status-text{font-size:13px;font-weight:700;color:var(--ink-mute);text-align:center}.action-loader{position:fixed;inset:0;z-index:99990;background:rgba(15,23,42,.45);display:none;place-items:center;backdrop-filter:blur(8px)}.action-loader.is-open{display:grid}.loader-box{width:min(360px,calc(100vw - 36px));background:white;border-radius:26px;padding:26px;box-shadow:var(--shadow-lg);text-align:center;font-weight:900}.progress-loader{height:10px;border-radius:999px;background:var(--bg-deep);overflow:hidden;margin-bottom:14px}.progress-bar{height:100%;width:45%;border-radius:inherit;background:linear-gradient(90deg,var(--indigo),#22d3ee);animation:cxbar 1.05s ease-in-out infinite}@keyframes cxbar{0%{transform:translateX(-110%)}100%{transform:translateX(260%)}}
.toast-cst{position:fixed;left:50%;top:auto;bottom:26px;transform:translate(-50%,120%);z-index:100500;display:flex;align-items:center;gap:10px;max-width:min(520px,calc(100vw - 24px));padding:12px 14px;border-radius:18px;background:var(--ink);color:white;box-shadow:var(--shadow-lg);font-weight:800;font-size:14px;opacity:0;transition:.22s var(--ease)}.toast-cst.show{transform:translate(-50%,0);opacity:1}.toast-cst[data-type="success"]{background:#047857}.toast-cst[data-type="error"]{background:#b91c1c}.toast-cst[data-type="warn"]{background:#b45309}.toast-cst .material-symbols-outlined{font-size:20px}
.hero{padding:34px 0 38px}.cx-hero-card .product{right:0;bottom:-5%;width:min(52%,620px);height:auto;object-fit:contain;filter:drop-shadow(0 30px 45px rgba(15,23,42,.35))}.cx-hero-card h1{font-size:var(--text-hero);line-height:1.04;color:white;max-width:760px}.cx-hero-card p{max-width:640px;color:rgba(255,255,255,.82);font-size:17px}.cx-highlight{color:#fde68a}.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:24px}.btn--ghost-light{border:1px solid rgba(255,255,255,.32);background:rgba(255,255,255,.12);color:white;backdrop-filter:blur(8px)}.btn--ghost-light:hover{background:white;color:var(--indigo)}.cx-trust-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.cx-trust-row span{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.12);color:white;border-radius:999px;padding:6px 10px;font-family:var(--ff-mono);font-size:12px}.cx-card-icon{max-width:58%;max-height:58%;object-fit:contain;filter:drop-shadow(0 14px 24px rgba(0,0,0,.25))}.bento-card[role="button"]{cursor:pointer}.bento-card h3{color:white}.bento-card--teal{background:linear-gradient(135deg,#0891b2,#14b8a6)}
.section-block,.section{padding:52px 0}.section-block>.section-heading,.section-block>.feature-slider-block,.section-block>.catalog-panel,.section-block>.cx-dashboard-welcome,.section-block>.compact-catalog-head{max-width:var(--container);margin-left:auto;margin-right:auto;padding-left:var(--container-pad);padding-right:var(--container-pad)}.section-heading,.feature-slider-head,.cx-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.section-heading h2,.feature-slider-head h2,.cx-section-head h2{font-size:var(--text-2xl)}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:8px;font-family:var(--ff-mono);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--indigo)}.section-desc,.cx-section-head p,.modal-copy{color:var(--ink-mute)}.catalog-tools{width:100%;display:grid;gap:18px}.catalog-tabs,.category-tabs{display:flex;gap:10px;overflow:auto;padding-bottom:4px;scrollbar-width:thin}.catalog-tab,.category-tab{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:11px 15px;border:1px solid var(--rule);border-radius:999px;background:white;color:var(--ink-soft);font-weight:900;box-shadow:var(--shadow-sm)}.catalog-tab.active,.category-tab.active{background:var(--indigo);color:white;border-color:var(--indigo);box-shadow:var(--shadow-indigo)}.catalog-tab .material-symbols-outlined,.category-tab .material-symbols-outlined{font-size:18px}.car-category-scroll-wrap{display:flex;align-items:center;gap:10px}.car-category-arrow{width:38px;height:38px;border:1px solid var(--rule);background:white;border-radius:999px;display:grid;place-items:center;box-shadow:var(--shadow-sm)}
.product-grid,.car-grid,.special-product-grid,.event-product-grid,.feature-slider-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.feature-slider-row{overflow-x:auto;grid-auto-flow:column;grid-auto-columns:minmax(260px,1fr);grid-template-columns:none;padding-bottom:8px;scroll-snap-type:x proximity}.feature-product-card{scroll-snap-align:start}.product-card,.car-card,.profile-card-clean,.cx-welcome-card,.cx-order-panel{background:white;border:1px solid var(--rule);border-radius:var(--r-lg);box-shadow:var(--shadow);overflow:hidden;position:relative;transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease)}.product-card:hover,.car-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--indigo-line)}.product-media,.car-media{min-height:220px;background:radial-gradient(circle at 50% 22%,#fff, #eef2ff 48%,#e0e7ff);display:grid;place-items:center;padding:22px;position:relative}.product-media img,.car-media img{width:100%;max-width:230px;height:210px;object-fit:contain}.event-media img{border-radius:18px;object-fit:cover}.mix-img{position:relative;width:220px;height:210px;display:grid;place-items:center}.mix-img img{position:absolute;max-width:64%;height:auto}.mix-img img:first-child{left:4%;transform:rotate(-9deg)}.mix-img img:last-child{right:4%;transform:rotate(9deg)}.product-body,.car-body,.event-product-body{padding:0 18px 18px;display:grid;gap:12px}.product-title,.car-title{font-size:18px;line-height:1.22;padding:18px 18px 8px;min-height:64px}.price{font-size:18px;font-family:var(--ff-display);font-weight:900;color:var(--ink);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.price-old{font-size:13px;color:var(--ink-faint);text-decoration:line-through}.price-promo{color:var(--rose)}.product-meta,.car-rankline{display:flex;gap:8px;flex-wrap:wrap}.bonus,.badge,.product-category-badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:900;letter-spacing:.02em;background:var(--bg-soft);color:var(--ink-soft)}.badge.gold,.currency-gold{background:#fef3c7;color:#92400e}.badge.silver,.currency-silver{background:#e2e8f0;color:#334155}.badge.class{background:var(--indigo-soft);color:var(--indigo-deep)}.product-category-badges{position:absolute;left:12px;top:12px;z-index:2;display:flex;gap:6px;flex-wrap:wrap}.product-category-badge.newest{background:#dbeafe;color:#1d4ed8}.product-category-badge.popular,.product-category-badge.promo{background:#fee2e2;color:#b91c1c}.sold-overlay,.owned-overlay{position:absolute;right:12px;bottom:12px;border-radius:999px;padding:6px 10px;background:rgba(15,23,42,.78);color:white;font-size:11px;font-weight:900;backdrop-filter:blur(8px)}.owned-overlay{left:12px;right:auto;background:rgba(16,185,129,.9)}.car-specs,.newest-car-spec-mini{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.car-specs div,.newest-car-spec-mini span{background:var(--bg);border:1px solid var(--rule);border-radius:13px;padding:9px}.car-specs span,.newest-car-spec-mini em{display:block;font-size:10px;text-transform:uppercase;font-style:normal;color:var(--ink-mute);font-weight:900}.car-specs b,.newest-car-spec-mini b{font-size:13px}.btn,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:12px 18px;font-weight:900;transition:.18s var(--ease)}.btn-primary,.button.is-primary,.cx-login-submit,.pay-btn{background:var(--indigo);color:white;box-shadow:var(--shadow-indigo)}.btn-primary:hover,.button.is-primary:hover,.cx-login-submit:hover{background:var(--indigo-deep);color:white}.btn-secondary,.button.is-ghost{background:var(--indigo-soft);color:var(--indigo-deep)}.btn-secondary:hover,.button.is-ghost:hover{background:#dbe4ff;color:var(--indigo-deep)}.product-btn{width:100%;}.added,.product-btn:disabled{opacity:.65;cursor:not-allowed}.search-wrapper,.cx-garage-search{display:flex;align-items:center;gap:10px;background:white;border:1px solid var(--rule);border-radius:999px;padding:10px 14px;box-shadow:var(--shadow-sm);margin-bottom:18px}.search-wrapper input,.cx-garage-search input{border:0;outline:0;background:transparent;width:100%}.is-search-hidden{display:none!important}.empty-cart{grid-column:1/-1;text-align:center;padding:26px;border-radius:18px;background:white;border:1px dashed var(--rule-strong);color:var(--ink-mute);font-weight:800}.promo-countdown{font-family:var(--ff-mono);font-size:12px;color:var(--rose);font-weight:900}.event-feature-head{text-align:center;margin-bottom:18px}.event-title-simple{font-size:var(--text-2xl);letter-spacing:.06em;text-transform:uppercase}.cx-dashboard-welcome{display:grid;grid-template-columns:1.3fr .7fr;gap:18px;margin-bottom:24px}.cx-welcome-card{display:flex;align-items:center;gap:18px;padding:24px}.cx-welcome-illustration{width:60px;height:60px;border-radius:20px;background:var(--indigo-soft);color:var(--indigo);display:grid;place-items:center}.cx-welcome-illustration .material-symbols-outlined{font-size:32px}.cx-welcome-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.cx-welcome-stats article{background:white;border:1px solid var(--rule);border-radius:20px;padding:18px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-sm)}.cx-welcome-stats b{display:block;color:var(--ink-mute);font-size:12px}.cx-welcome-stats strong{font-size:18px}.profile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.profile-card-clean{padding:20px}.profile-card-clean small{display:block;color:var(--ink-mute);font-weight:900;text-transform:uppercase;font-size:11px}.profile-card-clean strong{font-size:18px}.cx-garage-tools{display:flex;align-items:center;gap:14px;justify-content:space-between;max-width:var(--container);margin:0 auto 18px;padding:0 var(--container-pad)}.cx-garage-table-wrap,.history-table-wrap{max-width:var(--container);margin:0 auto;padding:0 var(--container-pad);overflow:auto}.garage-table,.history-order-table{width:100%;border-collapse:separate;border-spacing:0 10px}.garage-table th,.history-order-table th{text-align:left;color:var(--ink-mute);font-size:12px;text-transform:uppercase;padding:0 14px}.garage-table td,.history-order-table td{background:white;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:14px}.garage-table td:first-child,.history-order-table td:first-child{border-left:1px solid var(--rule);border-radius:14px 0 0 14px}.garage-table td:last-child,.history-order-table td:last-child{border-right:1px solid var(--rule);border-radius:0 14px 14px 0}.history-cards,.public-tx-list{max-width:var(--container);margin:0 auto;padding:0 var(--container-pad)}.history-actions-inline{display:flex;gap:8px}.h-btn,.h-btn-check,.h-btn-detail{border-radius:999px;padding:9px 12px;background:var(--indigo-soft);color:var(--indigo-deep);font-weight:900}.h-btn-check{background:var(--indigo);color:white}.h-btn-disabled{opacity:.6}.status-badge,.cx-order-badge{border-radius:999px;padding:6px 10px;font-size:11px;font-weight:900;text-transform:uppercase}.h-success,.status-badge.success,.cx-order-badge.success{background:#dcfce7;color:#166534}.h-pending,.status-badge.pending,.cx-order-badge.pending{background:#fef3c7;color:#92400e}.h-failed,.status-badge.failed,.cx-order-badge.failed{background:#fee2e2;color:#991b1b}.footer{border-top:1px solid var(--rule);background:white;padding:26px 0;margin-top:30px}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:18px}.footer-copy{font-weight:900}.footer-links{display:flex;gap:16px;color:var(--ink-mute);font-weight:800}
.public-bottom-nav{display:none}.scroll-top-btn{position:fixed;right:18px;bottom:22px;z-index:80;width:46px;height:46px;border-radius:999px;background:var(--ink);color:white;box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transition:.18s}.scroll-top-btn.is-visible{opacity:1;pointer-events:auto}.scroll-top-btn:hover{background:var(--indigo);color:white}
.modal{position:fixed;inset:0;z-index:5000;display:none;align-items:center;justify-content:center;padding:22px}.modal.is-open{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.52);backdrop-filter:blur(8px)}.modal-panel,.modal-container{position:relative;z-index:1;width:min(560px,calc(100vw - 30px));max-height:calc(100vh - 34px);overflow:auto;background:white;border-radius:28px;box-shadow:var(--shadow-lg);border:1px solid rgba(226,232,240,.88)}.modal-panel{padding:26px}.modal-panel-wide{width:min(760px,calc(100vw - 30px))}.modal-close,.icon-button{position:absolute;right:16px;top:16px;width:38px;height:38px;border-radius:999px;background:var(--bg);display:grid;place-items:center;font-weight:900}.modal-container-header{position:relative;padding:24px 66px 18px 24px;border-bottom:1px solid var(--rule)}.modal-container-title{display:flex;align-items:center;gap:10px;font-size:22px}.modal-container-body{padding:24px}.modal-container-body h2{font-size:24px;margin-bottom:10px}.modal-container-body h3{font-size:18px;margin:14px 0 8px}.modal-container-body ol{list-style:decimal;padding-left:20px;color:var(--ink-soft)}.modal-container-footer{display:flex;justify-content:flex-end;gap:10px;padding:18px 24px;border-top:1px solid var(--rule)}.doc-alert-icon{width:58px;height:58px;border-radius:20px;display:grid;place-items:center;margin-bottom:14px}.doc-alert-icon.security{background:var(--indigo-soft);color:var(--indigo)}.doc-alert-icon.warning{background:#fef3c7;color:#b45309}.confirm-step[hidden],.modal-container-footer[hidden]{display:none!important}.checkout-phone-field{display:grid;gap:8px;margin:16px 0}.checkout-phone-field span{font-weight:900;color:var(--ink-soft)}.checkout-phone-field input,.cx-login-form input{width:100%;border:1px solid var(--rule-strong);border-radius:16px;padding:13px 15px;background:var(--bg)}.checkout-phone-field input:focus,.cx-login-form input:focus{outline:0;border-color:var(--indigo);box-shadow:0 0 0 4px rgba(79,70,229,.12);background:white}.checkout-phone-hint{font-size:13px;color:var(--ink-mute);font-weight:700}.checkout-phone-actions,.confirm-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.result-icon{font-size:52px;color:var(--indigo);margin-bottom:12px}.result-title{display:block;font-size:24px;font-weight:900;font-family:var(--ff-display)}.result-message{margin-top:8px;color:var(--ink-mute)}.result-actions{margin-top:18px}.history-table{display:grid;gap:10px}.history-table div{display:flex;justify-content:space-between;gap:16px;padding:12px;border-radius:14px;background:var(--bg)}.history-table span{color:var(--ink-mute);font-weight:900}.history-table b{text-align:right}.login-page-modal .modal-panel{width:min(940px,calc(100vw - 30px));padding:0;display:grid;grid-template-columns:.95fr 1.05fr;overflow:hidden}.cx-login-promo{background:linear-gradient(135deg,var(--indigo),var(--card-purple));color:white;padding:34px;display:flex;flex-direction:column;justify-content:space-between;gap:28px}.cx-login-logo-img img{width:74px;height:74px;border-radius:20px;background:white;padding:6px}.cx-login-promo h2{color:white;font-size:36px}.cx-login-promo p{color:rgba(255,255,255,.82)}.cx-login-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.cx-login-stats div{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:12px}.cx-login-stats strong{display:block;font-size:18px}.cx-login-stats span{font-size:11px;color:rgba(255,255,255,.78)}.cx-login-trust{display:flex;align-items:center;gap:6px;font-size:12px;color:rgba(255,255,255,.85)}.cx-login-trust span{width:26px;height:26px;border-radius:999px;background:rgba(255,255,255,.22);display:grid;place-items:center;font-weight:900}.cx-login-pane{padding:44px 34px}.cx-login-badge{display:inline-flex;border-radius:999px;background:var(--indigo-soft);color:var(--indigo);padding:7px 11px;font-weight:900;font-size:12px}.cx-login-head h3{font-size:32px;margin-top:12px}.cx-login-head p{color:var(--ink-mute);margin:8px 0 24px}.cx-login-head a{color:var(--indigo);font-weight:900}.cx-login-form{display:grid;gap:14px}.cx-login-form label{display:grid;gap:8px}.cx-login-form label span{font-weight:900;color:var(--ink-soft)}.cx-login-submit{border-radius:16px;margin-top:4px}.cx-login-divider{text-align:center;margin:20px 0;color:var(--ink-faint);font-weight:900;font-size:12px}.cx-login-wa{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #bbf7d0;background:#f0fdf4;color:#166534;border-radius:16px;padding:13px;font-weight:900}.cx-login-wa svg{width:22px;height:22px}.news-image-frame{border-radius:18px;overflow:hidden;margin-bottom:14px;background:var(--bg)}.news-image-frame img{width:100%;height:auto}
.cx-order-page{position:fixed;inset:0;z-index:4500;background:linear-gradient(180deg,#f8fafc,#eef2ff);overflow:auto;padding:28px}.cx-order-shell{max-width:1120px;margin:0 auto}.cx-order-hero{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}.cx-order-title p{font-family:var(--ff-mono);font-size:12px;text-transform:uppercase;color:var(--indigo);font-weight:900;letter-spacing:.08em}.cx-order-title h1{font-size:40px}.cx-order-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}.cx-order-panel{padding:24px}.cx-order-statusbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.cx-order-time{font-family:var(--ff-mono);font-size:12px;color:var(--ink-mute);font-weight:800}.cx-order-progress{height:12px;border-radius:999px;background:var(--indigo-soft);overflow:hidden;margin-bottom:22px}.cx-order-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--indigo),#22d3ee,var(--emerald));border-radius:inherit;transition:width .35s var(--ease)}.cx-order-steps{display:grid;gap:12px}.cx-order-step{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--rule);background:var(--bg);border-radius:18px;padding:14px}.cx-order-dot{width:18px;height:18px;border-radius:999px;margin-top:2px;background:var(--rule-strong);box-shadow:inset 0 0 0 4px white}.cx-order-step.done .cx-order-dot,.cx-order-step.on .cx-order-dot{background:var(--indigo)}.cx-order-step.done{background:#ecfdf5;border-color:#bbf7d0}.cx-order-step.on{background:var(--indigo-soft);border-color:var(--indigo-line)}.cx-order-step b{display:block}.cx-order-step small{display:block;color:var(--ink-mute);font-weight:700}.cx-order-message{margin-top:18px;border-radius:18px;background:var(--ink);color:white;padding:14px 16px;font-weight:800}.cx-spinner-line:after{content:" ";display:inline-block;width:1em;text-align:left;animation:dots 1.2s steps(4,end) infinite}@keyframes dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,100%{content:"..."}}.cx-order-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.cx-order-help{margin-top:16px;color:var(--ink-mute);font-weight:700}.cx-order-help a{color:var(--indigo);font-weight:900}.cx-order-summary h2{font-size:22px;margin-bottom:14px}.cx-order-summary-row,.cx-order-summary div:not(.cx-order-empty){display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid var(--rule);padding:11px 0}.cx-order-empty{color:var(--ink-mute)}.cx-order-footer{text-align:center;color:var(--ink-mute);font-weight:800;margin:22px 0}
@media (max-width:1120px){.product-grid,.car-grid,.special-product-grid,.event-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.site-header .container{gap:24px}.cx-hero-card .product{opacity:.72}}
@media (max-width:900px){.utility .links,.nav-bar{display:none}.site-header .container{grid-template-columns:auto 1fr auto;height:auto;min-height:72px;padding-top:12px;padding-bottom:12px}.brand span:last-child{display:none}.search{order:3;grid-column:1/-1;max-width:none}.nav-toggle{display:grid}.hero{padding-top:20px}.bento{grid-template-columns:1fr}.cx-hero-card .product{position:relative;width:78%;margin:24px auto -24px;right:auto;bottom:auto}.cx-hero-card h1{font-size:34px}.product-grid,.car-grid,.special-product-grid,.event-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cx-dashboard-welcome,.cx-order-grid,.login-page-modal .modal-panel{grid-template-columns:1fr}.cx-login-promo{display:none}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-inner{flex-direction:column}.public-bottom-nav{position:fixed;left:12px;right:12px;bottom:12px;z-index:100;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;background:rgba(255,255,255,.92);border:1px solid var(--rule);border-radius:24px;padding:8px;box-shadow:var(--shadow-lg);backdrop-filter:blur(14px)}.pub-nav-item{min-height:52px;border-radius:18px;display:grid;place-items:center;color:var(--ink-mute);font-weight:900}.pub-nav-item.is-active,.pub-nav-item:hover{background:var(--indigo);color:white}.pub-nav-item small{font-size:10px}body.cx-sprylo-ui{padding-bottom:34px}.public-bottom-nav{display:none!important}.scroll-top-btn{bottom:58px}.cx-order-page{padding:18px}.cx-order-hero{align-items:flex-start}.cx-order-title h1{font-size:30px}}
@media (max-width:560px){:root{--container-pad:16px}.product-grid,.car-grid,.special-product-grid,.event-product-grid{grid-template-columns:1fr}.feature-slider-row{grid-auto-columns:minmax(250px,88vw)}.product-media,.car-media{min-height:190px}.product-media img,.car-media img{height:178px}.hero-actions,.checkout-phone-actions,.confirm-actions,.modal-container-footer{flex-direction:column}.hero-actions .btn,.checkout-phone-actions .btn,.confirm-actions .btn,.modal-container-footer .button{width:100%}.cx-login-pane{padding:38px 22px}.modal{padding:14px;align-items:center;justify-content:center;overflow:auto}.modal-panel,.modal-container{border-radius:22px}.history-table div{display:grid}.history-table b{text-align:left}.profile-grid,.cx-welcome-stats{grid-template-columns:1fr}.cx-garage-tools{display:grid}.cx-order-actions .btn,.cx-order-actions button{width:100%}.cx-order-statusbar{align-items:flex-start;flex-direction:column}.catalog-tab,.category-tab{font-size:12px}.bento-row{grid-template-columns:1fr}.cx-hero-card h1{font-size:30px}.cx-hero-card p{font-size:15px}.cx-trust-row span{font-size:11px}}

.main-nav a.is-active,.main-nav a.active,.drawer a.is-active,.drawer a.active,.public-bottom-nav .is-active{background:var(--indigo);color:#fff;box-shadow:0 10px 24px rgba(79,70,229,.22)}
.main-nav a:not(.is-active):not(.active),.drawer a:not(.is-active):not(.active){box-shadow:none}.catalog-tab.active,.catalog-tab.is-active{transform:translateY(-1px);box-shadow:0 12px 26px rgba(79,70,229,.18)}
.site-header .container{align-items:center}.icon-row{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:max-content}.nav-toggle{width:44px;height:44px;border-radius:16px;font-size:0;line-height:1;background:#fff;color:#0f172a;border:1px solid #e2e8f0;box-shadow:0 8px 20px rgba(15,23,42,.06)}.header-logout{display:flex;margin:0}.icon-btn{flex:0 0 auto}.drawer{z-index:4200}.drawer .drawer-login{width:100%;margin-top:10px;justify-content:center}
.cx-login-pane,.cx-login-head,.cx-login-form{text-align:center}.cx-login-form label{text-align:left}.cx-login-head{max-width:380px;margin:0 auto}.cx-login-form{max-width:390px;margin:0 auto}.cx-login-submit{width:100%;min-height:52px;border:0;background:linear-gradient(135deg,var(--indigo),var(--card-purple));color:#fff;font-weight:950;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 16px 36px rgba(79,70,229,.25);display:flex;align-items:center;justify-content:center}.cx-login-submit:hover{transform:translateY(-1px);filter:saturate(1.08)}.cx-login-divider,.cx-login-wa{max-width:390px;margin-left:auto;margin-right:auto}
.promo-hot-sale-block{max-width:var(--container);margin:10px auto 34px;padding:0 var(--container-pad)}.promo-hot-sale-block .feature-slider-head{background:linear-gradient(135deg,#fff7ed,#fff 46%,#eef2ff);border:1px solid rgba(251,146,60,.32);border-radius:28px;padding:22px;margin-bottom:14px;box-shadow:var(--shadow-sm)}.promo-hot-sale-block .feature-slider-head h2{display:inline-flex;align-items:center;gap:10px;font-size:clamp(28px,4vw,42px);color:#111827}.promo-hot-sale-block .feature-slider-head h2:before{content:"🔥";font-size:.82em}.promo-hot-sale-block .feature-slider-row{padding:8px 4px 14px;scroll-padding-left:8px}.promo-hot-sale-block .feature-product-card{border:1px solid rgba(251,146,60,.24);box-shadow:0 18px 42px rgba(15,23,42,.08);overflow:hidden}.promo-hot-sale-block .feature-product-card:before{content:"HOT SALE";position:absolute;top:16px;right:-38px;z-index:2;width:140px;text-align:center;transform:rotate(38deg);background:linear-gradient(135deg,#f97316,#ef4444);color:#fff;font-size:10px;font-weight:950;letter-spacing:.12em;padding:6px 0}.promo-countdown{display:flex;align-items:center;justify-content:center;gap:10px;border-radius:16px;background:#fff7ed;color:#9a3412;border:1px solid #fed7aa;padding:10px 12px;font-weight:900}.promo-countdown-icon{font-family:"Material Symbols Outlined";font-size:20px}.promo-countdown-copy{display:grid;line-height:1.05}.promo-countdown-copy em{font-size:10px;font-style:normal;letter-spacing:.08em}.promo-countdown-copy strong{font-size:14px}.hotsale-product-title{text-align:center;min-height:auto}.hotsale-product-detail{justify-content:center;text-align:center}.newest-car-spec-mini.hotsale-product-detail{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.newest-car-spec-mini.hotsale-product-detail span{text-align:center;border-radius:14px}
.cx-list-product-head{text-align:center}.cx-section-head--catalog{text-align:center;margin:0 auto}.catalog-tools{align-items:center}.catalog-tabs{justify-content:center}.catalog-panel.active{animation:cxPanelIn .22s ease both}@keyframes cxPanelIn{from{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:none}}.catalog-product-title,.product-title,.special-product-title,.car-title{text-align:center}.product-body,.event-product-body{text-align:center}.product-meta,.newest-compact-meta,.car-rankline{justify-content:center}.car-grid .car-card{text-align:center}.car-grid .car-card .car-body{align-items:center}.car-grid .car-card .price,.car-grid .car-card .car-rankline,.car-grid .car-card .newest-car-spec-mini{margin-left:auto;margin-right:auto}.search-wrapper{max-width:560px;margin-left:auto;margin-right:auto}.car-category-scroll-wrap{max-width:760px;margin:12px auto 18px}.car-category-tabs{justify-content:center}.cx-product-filter-empty,.sprylo-search-empty,.car-search-empty{text-align:center;max-width:var(--container);margin:18px auto}
.cx-history-mini-list{display:grid;gap:14px;max-width:var(--container);margin:0 auto}.cx-history-card-mini{background:#fff;border:1px solid var(--rule);border-radius:22px;padding:16px;box-shadow:var(--shadow-sm)}.cx-history-mini-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.cx-history-mini-top strong{font-family:var(--ff-mono);font-size:13px;word-break:break-word}.cx-history-mini-product{font-weight:950;margin-top:12px;color:var(--ink);line-height:1.35}.cx-history-mini-meta{display:flex;justify-content:space-between;gap:12px;color:var(--ink-mute);font-size:13px;margin-top:8px}.cx-history-mini-meta b{color:var(--ink)}.cx-history-mini-action{margin-top:14px}.cx-history-detail-btn{width:100%;justify-content:center;background:var(--indigo);color:#fff}.profile-section .section-heading{align-items:center}.profile-section #openGaragePageBtn{display:inline-flex!important;visibility:visible!important;opacity:1!important;align-items:center;justify-content:center;gap:8px}.cx-garage-page[hidden]{display:none!important}.cx-garage-page.is-view-active{display:block}.cx-garage-search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--rule);border-radius:18px;padding:10px 14px}.cx-garage-search input{border:0;outline:0;min-width:240px;background:transparent}
@media (max-width:900px){.site-header{position:sticky;top:0;z-index:1600}.site-header .container{display:grid!important;grid-template-columns:auto 1fr auto!important;gap:10px!important}.brand{min-width:0}.icon-row{grid-column:3;grid-row:1;justify-self:end}.nav-toggle{display:grid!important;place-items:center;order:10}.search{grid-column:1/-1;order:5;width:100%}.cx-hero-card>.product{display:none!important}.cx-hero-card{min-height:auto}.bento-card{overflow:hidden}.drawer{right:10px;left:10px;top:72px;width:auto;border-radius:24px;max-height:calc(100dvh - 164px - env(safe-area-inset-bottom));overflow:auto;padding:14px;gap:8px}.drawer-head{position:sticky;top:0;background:#fff;z-index:2;padding-bottom:10px;border-bottom:1px solid #e2e8f0}.promo-hot-sale-block{margin-top:0;margin-bottom:24px}.promo-hot-sale-block .feature-slider-head{padding:18px 16px;border-radius:22px}.feature-slider-row{grid-auto-columns:minmax(245px,82vw)}.catalog-tabs{display:flex;overflow-x:auto;justify-content:flex-start;padding-bottom:8px;scroll-snap-type:x proximity}.catalog-tab{flex:0 0 auto;scroll-snap-align:start}.car-category-scroll-wrap{grid-template-columns:38px minmax(0,1fr) 38px;width:100%;padding:0 2px}.car-category-tabs{justify-content:flex-start;overflow-x:auto}.category-tab{flex:0 0 auto}.catalog-panel{scroll-margin-top:96px}.cx-history-mini-list{padding:0}.history-cards,.public-tx-list{padding:0 var(--container-pad)}.cx-history-mini-top{align-items:flex-start}.cx-history-mini-meta{display:grid}.profile-section .section-heading{display:grid;gap:12px;text-align:center}.profile-section #openGaragePageBtn{width:100%}.cx-garage-tools{grid-template-columns:1fr;text-align:center}.cx-garage-search{width:100%;justify-content:center}.cx-garage-search input{min-width:0;width:100%}}
@media (max-width:560px){.nav-toggle,.icon-btn{width:42px;height:42px;border-radius:15px}.icon-row{gap:8px}.cx-login-pane{padding:36px 20px;text-align:center}.cx-login-head h3{font-size:28px}.cx-login-head p{font-size:14px}.cx-login-form input{min-height:48px;text-align:center}.cx-login-form label span{text-align:center}.cx-login-submit{min-height:50px}.promo-hot-sale-block .feature-product-card:before{right:-42px;top:13px}.product-media,.car-media{min-height:176px}.product-media img,.car-media img{height:164px;object-fit:contain}.product-card,.car-card{border-radius:24px}.car-grid{gap:16px}.car-card .newest-car-spec-mini{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.car-title,.catalog-product-title{font-size:18px;line-height:1.2}.price{justify-content:center}.public-bottom-nav{display:none!important}.cx-history-card-mini{border-radius:20px;padding:14px}.cx-history-mini-top{display:grid;gap:8px}.cx-history-mini-top .status-badge{width:max-content}.history-table-wrap{padding:0 var(--container-pad)}.history-order-table thead{display:none}.history-order-table,.history-order-table tbody,.history-order-table tr,.history-order-table td{display:block;width:100%}.history-order-table tr{background:#fff;border:1px solid var(--rule);border-radius:20px;margin-bottom:12px;padding:12px;box-shadow:var(--shadow-sm)}.history-order-table td{border:0!important;border-radius:0!important;padding:7px 4px;background:transparent}.history-actions-inline{display:grid!important}.cx-welcome-card,.cx-welcome-stats article{border-radius:22px}.profile-card-clean{text-align:center}.cx-garage-table-wrap{padding:0 var(--container-pad)}.garage-table th{display:none}.garage-table,.garage-table tbody,.garage-table tr,.garage-table td{display:block;width:100%}.garage-table tr{background:#fff;border:1px solid var(--rule);border-radius:18px;margin-bottom:10px;padding:10px}.garage-table td{border:0!important;border-radius:0!important;background:transparent;text-align:center;padding:6px}}

.cx-hero-card{min-height:430px;display:flex;align-items:center;background:linear-gradient(135deg,#312e81 0%,#4f46e5 48%,#0f172a 100%)}
.cx-hero-card .cx-hero-copy{position:relative;z-index:2;max-width:790px;padding-right:0}.cx-hero-card h1{max-width:760px}.cx-hero-card p{max-width:660px}.cx-hero-card:after{content:"";position:absolute;inset:auto -12% -45% auto;width:55%;aspect-ratio:1;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.22),rgba(255,255,255,0) 66%);pointer-events:none}.cx-hero-card>.product{display:none!important}
.footer.footer-compact{padding:14px 0;margin-top:18px}.footer-compact .footer-inner{min-height:34px}.footer-compact .footer-copy{font-size:13px}.footer-compact .footer-links{gap:12px;font-size:13px}.footer-compact .footer-links a{padding:5px 0}
.promo-hot-sale-block{margin-top:6px;margin-bottom:32px}.promo-hot-sale-block .feature-slider-head{display:block;background:#fff;border:1px solid var(--rule);border-radius:24px;padding:20px 22px;box-shadow:0 12px 30px rgba(15,23,42,.06)}.promo-hot-sale-block .feature-slider-head h2{font-size:clamp(24px,3vw,34px);line-height:1.08;color:var(--ink);letter-spacing:-.02em;margin:0}.promo-hot-sale-block .feature-slider-head h2:before{content:none!important}.promo-hot-sale-block .feature-slider-head p{margin-top:6px;font-size:14px;max-width:520px;margin-left:auto;margin-right:auto}.promo-hot-sale-block .feature-slider-head .eyebrow{justify-content:center;color:var(--indigo);margin-bottom:8px}.promo-hot-sale-block .feature-slider-row{grid-auto-columns:minmax(292px,300px);gap:18px;padding:10px 2px 16px}.promo-hot-sale-block .feature-product-card{border-color:rgba(79,70,229,.14);border-radius:26px;box-shadow:0 14px 34px rgba(15,23,42,.08);background:linear-gradient(180deg,#fff,#fbfdff)}.promo-hot-sale-block .feature-product-card:before{display:none!important}.promo-hot-sale-block .product-media{min-height:188px;padding:18px;background:radial-gradient(circle at 50% 20%,#fff 0,#f8fafc 44%,#eef2ff 100%)}.promo-hot-sale-block .product-media img{max-width:190px;height:170px}.promo-hot-sale-block .mix-img{width:190px;height:170px}.promo-hot-sale-block .mix-img img{max-width:62%}.promo-hot-sale-block .product-category-badges{left:14px;top:14px}.promo-hot-sale-block .product-category-badge.promo{background:#eef2ff;color:#4338ca;border:1px solid #c7d2fe;font-size:10px;letter-spacing:.08em;padding:6px 10px}.hotsale-product-title{padding:16px 18px 6px!important;min-height:58px!important;font-size:17px!important;line-height:1.25!important;color:var(--ink)}.promo-hot-sale-block .product-body{padding:0 18px 18px;gap:10px;align-content:start}.promo-hot-sale-block .price{justify-content:center;font-size:18px;line-height:1.2}.promo-hot-sale-block .price-old{width:100%;text-align:center;font-size:12px}.promo-hot-sale-block .price-promo{font-size:19px}.promo-countdown{border-radius:14px;background:#f8fafc;color:#475569;border:1px solid var(--rule);padding:9px 11px;font-size:12px;min-height:38px}.hotsale-currency-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;margin:0 auto}.hotsale-event-summary{grid-template-columns:1fr}.hotsale-currency{display:grid;gap:2px;align-content:center;min-height:54px;border-radius:16px;border:1px solid var(--rule);background:#f8fafc;padding:9px;text-align:center}.hotsale-currency em{font-size:10px;font-style:normal;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-mute)}.hotsale-currency b{font-size:15px;line-height:1.1;color:var(--ink);word-break:break-word}.hotsale-currency--silver{background:#f1f5f9;border-color:#cbd5e1}.hotsale-currency--gold{background:#fffbeb;border-color:#fde68a}.hotsale-desc{font-size:12px;line-height:1.45;color:var(--ink-mute);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.promo-hot-sale-block .car-rankline{justify-content:center}.promo-hot-sale-block .newest-car-spec-mini{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}.promo-hot-sale-block .newest-car-spec-mini span{min-width:0;padding:8px;border-radius:14px}.promo-hot-sale-block .newest-car-spec-mini b{font-size:12px;word-break:break-word}.promo-hot-sale-block .product-btn{min-height:44px;margin-top:2px}.cx-list-product-head{margin-top:8px!important;margin-bottom:18px!important}.cx-section-head--catalog{display:grid;justify-items:center;gap:6px}.cx-section-head--catalog h2{font-size:clamp(24px,3vw,34px);letter-spacing:-.02em;margin:0}.cx-section-head--catalog p{font-size:14px;max-width:560px;margin:0 auto}.cx-section-head--catalog>.eyebrow{margin:0;justify-content:center}.catalog-tabs{margin-top:12px}
@media (max-width:900px){.cx-hero-card{min-height:auto;padding-bottom:34px}.promo-hot-sale-block .feature-slider-head{text-align:center;border-radius:22px;padding:18px 16px}.promo-hot-sale-block .feature-slider-row{grid-auto-columns:minmax(270px,84vw);gap:14px}.footer.footer-compact{padding:12px 0;margin-bottom:72px}.footer-compact .footer-inner{display:grid;justify-items:center;gap:8px}.footer-compact .footer-links{gap:14px;flex-wrap:wrap;justify-content:center}.cx-list-product-head{padding-top:0!important}}
@media (max-width:560px){.hero{padding:14px 0 20px}.cx-hero-card{border-radius:24px;padding:24px 18px}.cx-hero-card h1{font-size:28px}.hero-actions .btn{width:100%}.cx-trust-row{justify-content:center}.promo-hot-sale-block{margin-bottom:22px}.promo-hot-sale-block .feature-slider-head h2,.cx-section-head--catalog h2{font-size:25px}.promo-hot-sale-block .feature-slider-head p,.cx-section-head--catalog p{font-size:13px}.promo-hot-sale-block .product-media{min-height:170px}.promo-hot-sale-block .product-media img{height:148px;max-width:170px}.promo-hot-sale-block .mix-img{height:148px;width:170px}.hotsale-product-title{font-size:16px!important;min-height:auto!important}.hotsale-currency-summary{grid-template-columns:1fr 1fr}.hotsale-currency{min-height:50px}.footer-compact .footer-copy,.footer-compact .footer-links{font-size:12px}}

.site-header .container{align-items:center!important}
.icon-row{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;white-space:nowrap!important}
.nav-toggle{display:none;align-items:center;justify-content:center;border:1px solid var(--rule);font-weight:950;line-height:1}
.main-nav{gap:8px!important;align-items:center!important}
.main-nav a,.drawer a,.utility a,.footer-links a{border-radius:999px;text-decoration:none;transition:background .18s var(--ease),color .18s var(--ease),box-shadow .18s var(--ease),transform .18s var(--ease)}
.main-nav a{padding:10px 14px;color:var(--ink-soft);font-weight:900;border:1px solid transparent}
.main-nav a.is-active,.main-nav a.active,.main-nav a[aria-current="page"]{background:linear-gradient(135deg,var(--indigo),var(--indigo-deep));color:#fff!important;border-color:transparent;box-shadow:0 12px 26px rgba(79,70,229,.24);transform:translateY(-1px)}
.main-nav a:not(.is-active):not(.active):not([aria-current="page"]):hover{background:var(--indigo-soft);color:var(--indigo-deep);border-color:var(--indigo-line)}
.drawer a.is-active,.drawer a.active{background:linear-gradient(135deg,var(--indigo),var(--indigo-deep));color:#fff!important;box-shadow:0 12px 24px rgba(79,70,229,.2)}
.public-bottom-nav .pub-nav-item.is-active,.public-bottom-nav .pub-nav-item.active{background:linear-gradient(135deg,var(--indigo),var(--indigo-deep));color:#fff!important;box-shadow:0 10px 24px rgba(79,70,229,.24)}
.cx-global-searching .catalog-tabs,.cx-global-searching .car-category-scroll-wrap{display:none!important}
.cx-global-searching [data-catalog-panel]{margin-top:18px}
.cx-global-searching [data-catalog-panel]::before{display:block;margin:0 auto 12px;width:min(100%,var(--container));padding:0 var(--container-pad);font-family:var(--ff-mono);font-size:12px;font-weight:950;letter-spacing:.1em;text-transform:uppercase;color:var(--indigo)}
.cx-global-searching [data-catalog-panel="silver"]::before{content:"HASIL SILVER"}
.cx-global-searching [data-catalog-panel="gold"]::before{content:"HASIL GOLD"}
.cx-global-searching [data-catalog-panel="pack"]::before{content:"HASIL PACK"}
.cx-global-searching [data-catalog-panel="mobil"]::before{content:"HASIL MOBIL"}
.cx-global-searching [data-catalog-panel="events"]::before{content:"HASIL EVENTS"}
.cx-global-searching [data-catalog-panel="spesial"]::before{content:"HASIL SPESIAL"}
.cx-global-search-empty{max-width:var(--container);margin:18px auto!important}
.cx-order-page{display:block;background:linear-gradient(180deg,#f8fafc 0%,#eef2ff 100%)!important;color:var(--ink)!important;min-height:100dvh}.cx-order-page[hidden]{display:none!important}.cx-order-page .btn{cursor:pointer}.cx-order-shell{padding-bottom:24px}.cx-order-message{min-height:50px}.cx-order-summary-row b{word-break:break-word;text-align:right}.cx-live-order-page{visibility:visible!important;opacity:1!important}.cx-order-open{overflow:hidden}.cx-order-open #cxOrderPage{display:block!important;visibility:visible!important;opacity:1!important}
@media (max-width:900px){
  .site-header .container{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:10px!important;min-height:68px!important;padding-top:10px!important;padding-bottom:10px!important}
  .brand{min-width:0;overflow:hidden}.brand span:last-child{display:none!important}
  .icon-row{grid-column:3!important;grid-row:1!important;justify-self:end!important;margin-left:0!important;gap:8px!important}
  .nav-toggle{display:flex!important;width:42px!important;height:42px!important;border-radius:15px!important;padding:0!important;font-size:0!important;background:#fff!important;color:#0f172a!important;border:1px solid #e2e8f0!important;box-shadow:0 8px 20px rgba(15,23,42,.06)!important;order:99!important}
  .icon-btn{width:42px!important;height:42px!important;border-radius:15px!important;padding:0!important;display:inline-grid!important;place-items:center!important}
  .header-logout{display:flex!important;margin:0!important}
  .search{grid-column:1/-1!important;grid-row:2!important;order:2!important;margin-top:2px!important;width:100%!important;max-width:none!important;display:flex!important}
  .drawer{top:72px!important;left:10px!important;right:10px!important;width:auto!important;border-radius:24px!important;padding:14px!important;box-shadow:0 22px 55px rgba(15,23,42,.20)!important}
  .drawer a{padding:14px 16px!important;border-radius:16px!important;font-weight:950!important}
  .drawer-head{padding-bottom:10px!important;margin-bottom:8px!important;border-bottom:1px solid var(--rule)}
}
@media (max-width:560px){
  .main-nav a{padding:10px 12px}.search input{text-align:left!important}.cx-global-searching [data-catalog-panel]::before{text-align:center}.cx-order-page{padding:14px!important}.cx-order-hero{display:grid!important;grid-template-columns:1fr!important}.cx-order-back{width:100%}.cx-order-panel{padding:18px!important;border-radius:22px!important}.cx-order-title h1{font-size:28px!important}.cx-order-grid{gap:12px!important}
}

.promo-hot-sale-block{margin:10px auto 34px!important;max-width:var(--container);padding:0 var(--container-pad)}
.promo-hot-sale-block .feature-slider-head{max-width:720px;margin:0 auto 18px!important;text-align:center!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:4px 0 0!important}
.promo-hot-sale-block .feature-slider-head .eyebrow{display:inline-flex;align-items:center;justify-content:center;margin:0 auto 10px!important;border:1px solid var(--indigo-line);background:var(--indigo-soft);color:var(--indigo-deep);border-radius:999px;padding:7px 12px;font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.promo-hot-sale-block .feature-slider-head h2{font-size:clamp(25px,3vw,36px)!important;line-height:1.05!important;letter-spacing:-.035em!important;margin:0!important;color:var(--ink)!important}
.promo-hot-sale-block .feature-slider-head p{margin:8px auto 0!important;color:var(--ink-mute)!important;font-weight:700!important;max-width:560px!important}
.promo-hot-sale-block .feature-slider-row{display:grid!important;grid-auto-flow:row!important;grid-auto-columns:unset!important;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;gap:18px!important;overflow:visible!important;padding:0!important;scroll-snap-type:none!important}
.promo-hot-sale-block .feature-product-card{scroll-snap-align:unset!important;display:grid!important;grid-template-rows:auto auto 1fr!important;min-width:0!important;height:100%!important;border-radius:28px!important;border:1px solid rgba(79,70,229,.14)!important;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important;box-shadow:0 16px 38px rgba(15,23,42,.08)!important;overflow:hidden!important;transform:none!important}
.promo-hot-sale-block .feature-product-card:hover{transform:translateY(-3px)!important;box-shadow:0 22px 46px rgba(15,23,42,.11)!important;border-color:rgba(79,70,229,.24)!important}
.promo-hot-sale-block .feature-product-card:before{display:none!important;content:none!important}
.promo-hot-sale-block .product-media{min-height:184px!important;height:184px!important;padding:18px!important;background:radial-gradient(circle at 50% 20%,#ffffff 0%,#f8fafc 46%,#eef2ff 100%)!important;border-bottom:1px solid rgba(226,232,240,.78)!important;display:grid!important;place-items:center!important;overflow:hidden!important}
.promo-hot-sale-block .product-media img{width:100%!important;max-width:178px!important;height:150px!important;object-fit:contain!important;display:block!important;margin:auto!important}
.promo-hot-sale-block .mix-img{width:176px!important;height:150px!important;position:relative!important;display:grid!important;place-items:center!important;overflow:visible!important}
.promo-hot-sale-block .mix-img img{position:absolute!important;max-width:58%!important;height:auto!important;object-fit:contain!important;filter:drop-shadow(0 12px 18px rgba(15,23,42,.12))}
.promo-hot-sale-block .mix-img img:first-child{left:9%!important;transform:rotate(-8deg)!important}.promo-hot-sale-block .mix-img img:last-child{right:9%!important;transform:rotate(8deg)!important}
.promo-hot-sale-block .product-category-badges{position:absolute!important;left:14px!important;top:14px!important;right:auto!important;display:flex!important;gap:6px!important;z-index:3!important}
.promo-hot-sale-block .product-category-badge.promo{border-radius:999px!important;background:#111827!important;color:#fff!important;border:0!important;font-size:10px!important;letter-spacing:.1em!important;padding:7px 10px!important;box-shadow:0 10px 22px rgba(15,23,42,.18)!important}
.hotsale-product-title{display:block!important;min-height:60px!important;padding:15px 18px 6px!important;margin:0!important;text-align:center!important;font-size:17px!important;line-height:1.22!important;font-weight:950!important;color:var(--ink)!important;word-break:normal!important;overflow-wrap:anywhere!important}
.promo-hot-sale-block .product-body{display:flex!important;flex-direction:column!important;gap:10px!important;padding:0 18px 18px!important;min-width:0!important;align-items:stretch!important}
.promo-hot-sale-block .price{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;text-align:center!important;min-height:34px!important;font-size:18px!important;line-height:1.15!important;white-space:normal!important}

.promo-countdown{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:38px!important;border-radius:14px!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;color:#475569!important;padding:8px 10px!important;text-align:center!important;font-size:12px!important;overflow:hidden!important}.promo-countdown-copy em{font-size:9px!important;letter-spacing:.08em!important}.promo-countdown-copy strong{font-size:13px!important;white-space:nowrap!important}
.hotsale-currency-summary{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important;margin:0!important}.hotsale-event-summary{grid-template-columns:1fr!important}.hotsale-currency{min-width:0!important;display:grid!important;align-content:center!important;gap:2px!important;min-height:56px!important;border-radius:16px!important;border:1px solid #e2e8f0!important;background:#f8fafc!important;padding:9px 8px!important;text-align:center!important;overflow:hidden!important}.hotsale-currency em{font-size:10px!important;font-style:normal!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.08em!important;color:#64748b!important}.hotsale-currency b{font-size:15px!important;line-height:1.1!important;color:#0f172a!important;overflow-wrap:anywhere!important}.hotsale-currency--silver{background:#f1f5f9!important;border-color:#cbd5e1!important}.hotsale-currency--gold{background:#fffbeb!important;border-color:#fde68a!important}
.hotsale-desc{font-size:12px!important;line-height:1.45!important;color:#64748b!important;margin:0!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.promo-hot-sale-block .product-btn{margin-top:auto!important;min-height:44px!important;width:100%!important}
.cx-order-page{position:fixed!important;inset:0!important;z-index:9999!important;overflow:auto!important;pointer-events:auto!important;background:linear-gradient(180deg,#f8fafc 0%,#eef2ff 100%)!important}.cx-order-page:not([hidden]){display:block!important;visibility:visible!important;opacity:1!important}.cx-order-open #cxOrderPage{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}.cx-live-safe-error{background:#fff7ed!important;color:#9a3412!important;border:1px solid #fed7aa!important}.main-nav a.is-active,.main-nav a.active,.main-nav a[aria-current="page"],.drawer a.is-active,.drawer a.active,.drawer a[aria-current="page"]{background:linear-gradient(135deg,var(--indigo),var(--indigo-deep))!important;color:#fff!important;border-color:transparent!important;box-shadow:0 12px 26px rgba(79,70,229,.24)!important}.main-nav a:not(.is-active):not(.active):not([aria-current="page"]){background:transparent!important;color:var(--ink-soft)!important;box-shadow:none!important}
@media (max-width:900px){.promo-hot-sale-block{padding:0 var(--container-pad)!important;margin-bottom:26px!important}.promo-hot-sale-block .feature-slider-row{grid-template-columns:1fr!important;gap:14px!important}.promo-hot-sale-block .feature-slider-head{margin-bottom:14px!important}.promo-hot-sale-block .feature-product-card{border-radius:24px!important}.promo-hot-sale-block .product-media{height:166px!important;min-height:166px!important}.promo-hot-sale-block .product-media img{height:136px!important;max-width:160px!important}.promo-hot-sale-block .mix-img{height:136px!important;width:160px!important}.hotsale-product-title{min-height:auto!important;font-size:16px!important;padding:14px 16px 6px!important}.promo-hot-sale-block .product-body{padding:0 16px 16px!important}.site-header .container{grid-template-columns:auto 1fr auto!important}.icon-row{justify-self:end!important;display:flex!important;align-items:center!important;gap:8px!important}.nav-toggle{margin-left:0!important}}
@media (max-width:420px){.hotsale-currency-summary{grid-template-columns:1fr!important}.promo-countdown-copy strong{white-space:normal!important}.promo-hot-sale-block .price-promo{font-size:18px!important}}

.promo-hot-sale-block{
  max-width:var(--container)!important;
  margin:10px auto 34px!important;
  padding:0 var(--container-pad)!important;
}
.promo-hot-sale-head{
  display:grid!important;
  place-items:center!important;
  text-align:center!important;
  gap:8px!important;
  max-width:720px!important;
  margin:0 auto 18px!important;
  padding:0!important;
}
.promo-hot-sale-label{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  border-radius:999px!important;
  padding:7px 12px!important;
  border:1px solid rgba(79,70,229,.22)!important;
  background:#eef2ff!important;
  color:#3730a3!important;
  font-family:var(--ff-mono)!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.promo-hot-sale-head h2{
  margin:0!important;
  display:block!important;
  font-size:clamp(26px,3vw,38px)!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
  color:var(--ink)!important;
}
.promo-hot-sale-head p{
  margin:0!important;
  max-width:560px!important;
  color:var(--ink-mute)!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.55!important;
}
.promo-hot-sale-block .feature-slider-row{
  display:grid!important;
  grid-auto-flow:row!important;
  grid-auto-columns:unset!important;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;
  gap:18px!important;
  overflow:visible!important;
  padding:0!important;
  scroll-snap-type:none!important;
}
.promo-hot-sale-block .feature-product-card{
  display:grid!important;
  grid-template-rows:auto auto 1fr!important;
  min-width:0!important;
  height:100%!important;
  border-radius:28px!important;
  overflow:hidden!important;
  border:1px solid rgba(79,70,229,.14)!important;
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important;
  box-shadow:0 18px 44px rgba(15,23,42,.08)!important;
  transform:none!important;
}
.promo-hot-sale-block .feature-product-card:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 24px 52px rgba(15,23,42,.12)!important;
  border-color:rgba(79,70,229,.26)!important;
}
.promo-hot-sale-block .product-media{
  height:178px!important;
  min-height:178px!important;
  padding:18px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  background:radial-gradient(circle at 50% 18%,#fff 0%,#f8fafc 48%,#eef2ff 100%)!important;
  border-bottom:1px solid rgba(226,232,240,.82)!important;
}
.promo-hot-sale-block .product-media img{
  display:block!important;
  width:100%!important;
  max-width:174px!important;
  height:146px!important;
  object-fit:contain!important;
  margin:auto!important;
}
.promo-hot-sale-block .mix-img{
  position:relative!important;
  width:174px!important;
  height:146px!important;
  overflow:visible!important;
  display:grid!important;
  place-items:center!important;
}
.promo-hot-sale-block .mix-img img{
  position:absolute!important;
  max-width:58%!important;
  height:auto!important;
  object-fit:contain!important;
  filter:drop-shadow(0 12px 18px rgba(15,23,42,.12));
}
.promo-hot-sale-block .mix-img img:first-child{left:10%!important;transform:rotate(-8deg)!important}
.promo-hot-sale-block .mix-img img:last-child{right:10%!important;transform:rotate(8deg)!important}
.promo-hot-sale-block .product-category-badges{left:14px!important;top:14px!important;right:auto!important;z-index:3!important}
.promo-hot-sale-block .product-category-badge.promo{
  background:#111827!important;
  color:#fff!important;
  border:0!important;
  border-radius:999px!important;
  padding:7px 10px!important;
  font-size:10px!important;
  letter-spacing:.1em!important;
  box-shadow:0 10px 22px rgba(15,23,42,.18)!important;
}
.promo-hot-sale-block .hotsale-product-title{
  display:block!important;
  padding:15px 18px 5px!important;
  margin:0!important;
  min-height:58px!important;
  text-align:center!important;
  font-size:17px!important;
  line-height:1.22!important;
  font-weight:950!important;
  color:var(--ink)!important;
  overflow-wrap:anywhere!important;
}
.promo-hot-sale-block .product-body{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:10px!important;
  padding:0 18px 18px!important;
  min-width:0!important;
}
.promo-hot-sale-block .price{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:6px!important;
  min-height:34px!important;
  text-align:center!important;
  font-size:18px!important;
  line-height:1.15!important;
  flex-wrap:wrap!important;
}
.promo-hot-sale-block .price-old{flex-basis:100%!important;text-align:center!important;font-size:12px!important;color:#94a3b8!important}
.promo-hot-sale-block .price-promo{font-size:19px!important;color:#dc2626!important}
.promo-hot-sale-block .promo-countdown{
  width:100%!important;
  text-align:center!important;
  border-radius:999px!important;
  padding:7px 10px!important;
  background:#fff7ed!important;
  color:#c2410c!important;
  font-size:11px!important;
  line-height:1.3!important;
}
.promo-hot-sale-block .hotsale-currency-summary{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  width:100%!important;
  margin:0!important;
}
.promo-hot-sale-block .hotsale-event-summary{grid-template-columns:1fr!important}
.promo-hot-sale-block .hotsale-currency{
  min-width:0!important;
  min-height:56px!important;
  display:grid!important;
  align-content:center!important;
  gap:2px!important;
  border-radius:16px!important;
  border:1px solid #e2e8f0!important;
  background:#f8fafc!important;
  padding:9px 8px!important;
  text-align:center!important;
  overflow:hidden!important;
}
.promo-hot-sale-block .hotsale-currency em{font-style:normal!important;font-size:10px!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.08em!important;color:#64748b!important}
.promo-hot-sale-block .hotsale-currency b{font-size:15px!important;line-height:1.1!important;color:#0f172a!important;overflow-wrap:anywhere!important}
.promo-hot-sale-block .hotsale-currency--silver{background:#f1f5f9!important;border-color:#cbd5e1!important}
.promo-hot-sale-block .hotsale-currency--gold{background:#fffbeb!important;border-color:#fde68a!important}
.promo-hot-sale-block .car-rankline{display:flex!important;justify-content:center!important;gap:7px!important;flex-wrap:wrap!important}
.promo-hot-sale-block .newest-car-spec-mini{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important}
.promo-hot-sale-block .newest-car-spec-mini span{min-width:0!important;border-radius:14px!important;padding:8px!important;text-align:center!important}
.promo-hot-sale-block .newest-car-spec-mini em{font-size:9px!important}
.promo-hot-sale-block .newest-car-spec-mini b{font-size:12px!important;line-height:1.1!important;overflow-wrap:anywhere!important}
.promo-hot-sale-block .hotsale-desc{margin:0!important;font-size:12px!important;line-height:1.45!important;color:#64748b!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.promo-hot-sale-block .product-btn{margin-top:auto!important;width:100%!important;min-height:44px!important}

.main-nav a.is-active,
.main-nav a[aria-current="page"]{
  background:linear-gradient(135deg,var(--indigo),var(--indigo-deep))!important;
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:0 12px 26px rgba(79,70,229,.24)!important;
}
.main-nav a:not(.is-active):not([aria-current="page"]){background:transparent!important;color:var(--ink-soft)!important;box-shadow:none!important}
.drawer a.is-active,.drawer a[aria-current="page"]{background:linear-gradient(135deg,var(--indigo),var(--indigo-deep))!important;color:#fff!important}
.nav-toggle.is-open{background:#eef2ff!important;color:#3730a3!important;border-color:#c7d2fe!important}
.drawer[aria-hidden="true"]:not(.is-open){transform:translateX(105%)!important;visibility:hidden!important}
.drawer.is-open{visibility:visible!important;transform:translateX(0)!important}
.cx-search-empty{max-width:var(--container);margin:0 auto 18px!important;padding:22px!important}
[data-catalog-panel].is-search-result-panel{margin-top:18px!important}
.cx-order-page{position:fixed!important;inset:0!important;z-index:99999!important;overflow:auto!important;pointer-events:auto!important;background:linear-gradient(180deg,#f8fafc 0%,#eef2ff 100%)!important}
.cx-order-page:not([hidden]),.cx-order-open #cxOrderPage{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
.footer.footer-compact{padding:12px 0!important;margin-top:20px!important}
.footer-compact .footer-inner{min-height:0!important;gap:10px!important}
.footer-compact .footer-copy,.footer-compact .footer-links{font-size:12px!important}

@media (max-width:900px){
  .promo-hot-sale-block{margin:0 auto 24px!important;padding:0 var(--container-pad)!important}
  .promo-hot-sale-head{gap:7px!important;margin-bottom:14px!important}
  .promo-hot-sale-head h2{font-size:25px!important}
  .promo-hot-sale-head p{font-size:13px!important;max-width:330px!important}
  .promo-hot-sale-block .feature-slider-row{grid-template-columns:1fr!important;gap:14px!important}
  .promo-hot-sale-block .feature-product-card{border-radius:24px!important}
  .promo-hot-sale-block .product-media{height:164px!important;min-height:164px!important}
  .promo-hot-sale-block .product-media img{height:132px!important;max-width:156px!important}
  .promo-hot-sale-block .mix-img{height:132px!important;width:156px!important}
  .promo-hot-sale-block .hotsale-product-title{min-height:auto!important;font-size:16px!important;padding:14px 16px 6px!important}
  .promo-hot-sale-block .product-body{padding:0 16px 16px!important}
  .site-header .container{grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important}
  .icon-row{justify-self:end!important;display:flex!important;align-items:center!important;gap:8px!important}
  .nav-toggle{display:flex!important;align-items:center!important;justify-content:center!important;margin-left:0!important;order:99!important}
  .drawer{top:72px!important;left:10px!important;right:10px!important;width:auto!important;border-radius:24px!important;max-height:calc(100dvh - 164px - env(safe-area-inset-bottom))!important;overflow:auto!important}
  .footer.footer-compact{margin-bottom:76px!important}
}
@media (max-width:420px){
  .promo-hot-sale-block .hotsale-currency-summary{grid-template-columns:1fr!important}
  .promo-hot-sale-block .price-promo{font-size:18px!important}
}

.search button#globalProductSearchBtn{
  min-width:42px!important;height:42px!important;padding:0!important;display:grid!important;place-items:center!important;
  border-radius:999px!important;background:var(--indigo)!important;color:#fff!important;box-shadow:0 10px 22px rgba(79,70,229,.22)!important;
}
.search button#globalProductSearchBtn:disabled{opacity:1!important;cursor:pointer!important}
.nav-bar .all-cats{
  display:inline-flex!important;align-items:center!important;gap:8px!important;border-radius:999px!important;padding:10px 16px!important;
  border:1px solid rgba(79,70,229,.18)!important;background:#fff!important;color:var(--ink)!important;font-weight:950!important;
  box-shadow:0 10px 24px rgba(15,23,42,.06)!important;white-space:nowrap!important;
}
.nav-bar .all-cats.is-active,.nav-bar .all-cats[aria-current="page"]{
  background:linear-gradient(135deg,var(--indigo),var(--indigo-deep))!important;color:#fff!important;border-color:transparent!important;
  box-shadow:0 14px 30px rgba(79,70,229,.24)!important;
}
.nav-bar .main-nav a{
  padding:10px 13px!important;border-radius:999px!important;border:1px solid transparent!important;font-weight:900!important;
}
.nav-bar .main-nav a.is-active,.nav-bar .main-nav a[aria-current="page"]{
  background:#eef2ff!important;color:var(--indigo-deep)!important;border-color:#c7d2fe!important;box-shadow:none!important;
}
.promo-hot-sale-block{margin-bottom:30px!important}
.promo-hot-sale-head{
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:8px!important;
  margin:0 0 18px!important;padding:18px 20px!important;border-radius:24px!important;background:linear-gradient(135deg,#fff,#f8fafc)!important;
  border:1px solid rgba(226,232,240,.9)!important;box-shadow:0 16px 36px rgba(15,23,42,.06)!important;text-align:left!important;
}
.promo-hot-sale-label{display:inline-flex!important;width:max-content!important;margin:0!important;line-height:1!important}
.promo-hot-sale-head h2{display:block!important;margin:0!important;padding:0!important;line-height:1.08!important;letter-spacing:-.035em!important}
.promo-hot-sale-head p{display:block!important;margin:0!important;line-height:1.55!important;max-width:620px!important}
.promo-hot-sale-block .feature-slider-row{align-items:stretch!important}
.promo-hot-sale-block .feature-product-card{min-height:100%!important;display:flex!important;flex-direction:column!important}
.promo-hot-sale-block .product-media{flex:0 0 auto!important}
.promo-hot-sale-block .hotsale-product-title{flex:0 0 auto!important;min-height:54px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.promo-hot-sale-block .product-body{flex:1 1 auto!important}
.promo-hot-sale-block .hotsale-currency-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.promo-hot-sale-block .hotsale-currency{box-sizing:border-box!important;width:100%!important}
.promo-hot-sale-block .product-btn{margin-top:auto!important}
.cx-history-v6{max-width:var(--container);margin:0 auto;padding:0 var(--container-pad);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.cx-history-card-v6{background:#fff;border:1px solid rgba(226,232,240,.95);border-radius:22px;padding:16px;box-shadow:0 14px 34px rgba(15,23,42,.06);display:grid;gap:12px;min-width:0}
.cx-history-card-v6__top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;border-bottom:1px solid #eef2f7;padding-bottom:12px}
.cx-history-card-v6__order small,.cx-history-card-v6__meta small{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#64748b;font-weight:950;margin-bottom:4px}
.cx-history-card-v6__order strong{font-family:var(--ff-mono);font-size:13px;color:#0f172a;overflow-wrap:anywhere}
.cx-history-card-v6__item{font-size:16px;line-height:1.35;margin:0;color:#0f172a;font-weight:950;overflow-wrap:anywhere}
.cx-history-card-v6__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cx-history-card-v6__meta{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:10px;min-width:0}
.cx-history-card-v6__meta b{font-size:13px;color:#0f172a;overflow-wrap:anywhere}
.cx-history-card-v6 .h-btn-detail{width:100%;min-height:44px;justify-content:center;background:linear-gradient(135deg,var(--indigo),var(--indigo-deep));color:#fff;border-radius:16px;box-shadow:0 12px 24px rgba(79,70,229,.20)}
.profile-section .section-heading{align-items:center!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:24px!important;padding:18px 20px!important;box-shadow:0 14px 34px rgba(15,23,42,.06)!important}
.profile-section .section-heading h2{margin:0!important}.profile-section .section-heading .eyebrow{margin-bottom:4px!important}
.profile-grid{align-items:stretch!important}.profile-card-clean{border-radius:22px!important;background:linear-gradient(180deg,#fff,#fbfdff)!important;border-color:#e2e8f0!important;box-shadow:0 14px 30px rgba(15,23,42,.055)!important}
.profile-card-clean strong{display:block;margin-top:4px;line-height:1.25;overflow-wrap:anywhere}.profile-logout-card{display:flex!important;align-items:center!important;justify-content:center!important}.profile-logout-form,.profile-logout-btn{width:100%!important}
.cx-garage-page .section-heading{align-items:center!important}.cx-garage-table-wrap{max-height:min(560px,62vh)!important;overflow:auto!important;border-radius:22px!important;padding-top:0!important;padding-bottom:0!important}.cx-garage-table thead th{position:sticky!important;top:0!important;background:#f8fafc!important;z-index:2!important;padding-top:14px!important;padding-bottom:10px!important}
.cx-order-page{font-family:var(--ff-sans)!important;background:linear-gradient(180deg,#f8fafc 0%,#eef2ff 100%)!important}
.cx-order-shell{max-width:1120px!important;margin:0 auto!important;padding:28px var(--container-pad) 18px!important;min-height:100dvh!important;box-sizing:border-box!important}
.cx-order-hero{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin-bottom:18px!important;padding:18px 20px!important;border-radius:28px!important;background:linear-gradient(135deg,var(--indigo),var(--indigo-deep))!important;color:#fff!important;box-shadow:0 22px 50px rgba(79,70,229,.25)!important}
.cx-order-title p{margin:0 0 6px!important;font-family:var(--ff-mono)!important;font-size:12px!important;font-weight:950!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:rgba(255,255,255,.78)!important}.cx-order-title h1{margin:0!important;color:#fff!important;font-size:clamp(25px,4vw,42px)!important;line-height:1.05!important}
.cx-order-back{background:#fff!important;color:var(--indigo-deep)!important;box-shadow:none!important;white-space:nowrap!important}
.cx-order-grid{display:grid!important;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr)!important;gap:18px!important;align-items:start!important}.cx-order-panel{border-radius:28px!important;border:1px solid rgba(226,232,240,.95)!important;box-shadow:0 18px 42px rgba(15,23,42,.08)!important;background:#fff!important;overflow:hidden!important}.cx-order-main{padding:22px!important}.cx-order-summary{padding:22px!important}.cx-order-summary h2{margin:0 0 14px!important;font-size:20px!important}.cx-order-statusbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:16px!important}.cx-order-time{font-family:var(--ff-mono)!important;font-size:12px!important;color:#64748b!important}.cx-order-progress{height:12px!important;border-radius:999px!important;background:#e2e8f0!important;overflow:hidden!important;margin-bottom:18px!important}.cx-order-progress span{display:block!important;height:100%!important;border-radius:inherit!important;background:linear-gradient(90deg,var(--indigo),#22c55e)!important;transition:width .35s ease!important}.cx-order-steps{display:grid!important;gap:10px!important;margin-bottom:16px!important}.cx-order-step{display:flex!important;gap:12px!important;align-items:flex-start!important;padding:12px!important;border-radius:18px!important;background:#f8fafc!important;border:1px solid #e2e8f0!important}.cx-order-dot{width:18px!important;height:18px!important;border-radius:999px!important;flex:0 0 18px!important;margin-top:2px!important;background:#cbd5e1!important;border:4px solid #fff!important;box-shadow:0 0 0 1px #cbd5e1!important}.cx-order-step.done .cx-order-dot,.cx-order-step.on .cx-order-dot{background:var(--indigo)!important;box-shadow:0 0 0 1px var(--indigo)!important}.cx-order-step b{display:block!important;font-size:14px!important;color:#0f172a!important}.cx-order-step small{display:block!important;font-size:12px!important;color:#64748b!important;margin-top:2px!important}.cx-order-message{border-radius:18px!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;padding:13px 14px!important;font-weight:800!important;color:#334155!important}.cx-order-actions{display:grid!important;gap:10px!important;margin-top:14px!important}.cx-order-help{margin-top:14px!important;font-size:13px!important;text-align:center!important;color:#64748b!important}.cx-order-help a{font-weight:950!important;color:var(--indigo)!important}.cx-order-footer{text-align:center!important;color:#94a3b8!important;font-size:12px!important;margin-top:16px!important}
.login-page-modal .modal-panel.cx-login-clean{max-width:980px!important}.cx-login-pane{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:38px!important}.cx-login-head{width:100%!important;max-width:420px!important;text-align:center!important;margin:0 auto 20px!important}.cx-login-badge{margin:0 auto 12px!important}.cx-login-form{width:100%!important;max-width:420px!important;margin:0 auto!important;display:grid!important;gap:14px!important}.cx-login-form label{text-align:left!important;width:100%!important}.cx-login-form label span{display:block!important;margin:0 0 7px!important;font-weight:900!important;color:#334155!important}.cx-login-form input{width:100%!important;text-align:left!important}.cx-login-submit{width:100%!important;min-height:48px!important;margin-top:4px!important;border-radius:16px!important;letter-spacing:.04em!important}.cx-login-divider,.cx-login-wa{width:100%!important;max-width:420px!important;margin-left:auto!important;margin-right:auto!important}.cx-login-wa{justify-content:center!important}
@media (max-width:900px){
  .promo-hot-sale-head{align-items:center!important;text-align:center!important;padding:16px!important}.promo-hot-sale-label{margin-inline:auto!important}.promo-hot-sale-head p{max-width:100%!important}.promo-hot-sale-block .hotsale-currency-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .cx-history-v6{grid-template-columns:1fr!important;gap:12px!important}.cx-history-card-v6{border-radius:20px!important;padding:14px!important}.cx-history-card-v6__grid{grid-template-columns:1fr!important}.history-table-wrap{padding:0 var(--container-pad)!important}
  .profile-section .section-heading{display:grid!important;gap:12px!important;text-align:center!important}.profile-section .section-heading .btn{width:100%!important}.profile-grid{grid-template-columns:1fr 1fr!important}.profile-card-clean{padding:16px!important;text-align:center!important}.profile-card-clean strong{font-size:16px!important}.profile-logout-card{grid-column:1/-1!important}.cx-garage-tools{display:grid!important;grid-template-columns:1fr!important}.cx-garage-search{margin-bottom:0!important}.cx-garage-table-wrap{max-height:54vh!important}
  .cx-order-page{padding:0!important}
  .cx-order-shell{width:100%!important;max-width:100%!important;padding:12px 10px 76px!important;box-sizing:border-box!important}
  .cx-order-hero{border-radius:24px!important;padding:16px!important;display:grid!important}
  .cx-order-back{width:100%!important}
  .cx-order-grid{grid-template-columns:1fr!important;width:100%!important;max-width:100%!important;gap:12px!important}
  .cx-order-main,.cx-order-summary{width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding:16px!important;border-radius:24px!important}
  .cx-order-statusbar{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;width:100%!important;gap:10px!important}
  .cx-order-time{margin-left:auto!important;text-align:right!important;white-space:nowrap!important;font-size:11px!important}
  .cx-order-step{padding:10px!important}.cx-order-title h1{font-size:28px!important}.cx-login-pane{padding:28px 20px!important}.login-page-modal .modal-panel.cx-login-clean{width:min(94vw,520px)!important}.cx-login-promo{display:none!important}
}
@media (max-width:520px){.profile-grid{grid-template-columns:1fr!important}.promo-hot-sale-block .hotsale-currency-summary{grid-template-columns:1fr!important}.cx-history-card-v6__top{display:grid!important}.cx-order-statusbar{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;width:100%!important;gap:8px!important}.cx-order-time{margin-left:auto!important;text-align:right!important;white-space:nowrap!important}}

.hero .cx-hero-card,
.hero .cx-hero-card .eyebrow,
.hero .cx-hero-card h1,
.hero .cx-hero-card p,
.hero .cx-hero-card .cx-highlight,
.hero .cx-hero-card .shop-now,
.hero .cx-hero-card .btn,
.hero .cx-trust-row span{
  color:#fff!important;
}
.hero .cx-hero-card .eyebrow{
  background:rgba(255,255,255,.14)!important;
  border:1px solid rgba(255,255,255,.24)!important;
  padding:8px 12px!important;
  border-radius:999px!important;
  width:max-content!important;
  opacity:1!important;
}
.hero .cx-highlight{color:#fff!important;text-shadow:0 8px 28px rgba(15,23,42,.28)!important}

.nav-bar .all-cats,
.nav-bar .main-nav a{
  min-height:40px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  transition:background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
.nav-bar .main-nav a{padding:0 12px!important;border:1px solid transparent!important;color:#475569!important;font-weight:900!important}
.nav-bar .main-nav a.is-active,
.nav-bar .main-nav a[aria-current="page"]{
  background:#eef2ff!important;
  color:#4338ca!important;
  border-color:#c7d2fe!important;
  box-shadow:0 8px 20px rgba(67,56,202,.10)!important;
}
.nav-bar .all-cats.is-active,
.nav-bar .all-cats[aria-current="page"]{
  background:linear-gradient(135deg,#4f46e5,#3730a3)!important;
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:0 12px 24px rgba(79,70,229,.22)!important;
}
.nav-bar .main-nav a:not(.is-active):not([aria-current="page"]):hover{background:#f8fafc!important;color:#4338ca!important;border-color:#e2e8f0!important}

.promo-hot-sale-block{
  margin-top:4px!important;
  margin-bottom:32px!important;
  background:#fff!important;
  border:1px solid rgba(226,232,240,.95)!important;
  border-radius:28px!important;
  box-shadow:0 18px 45px rgba(15,23,42,.065)!important;
  padding:18px!important;
}
.promo-hot-sale-head{
  display:grid!important;
  place-items:center!important;
  text-align:center!important;
  gap:4px!important;
  padding:0 0 14px!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.promo-hot-sale-label{display:none!important}
.promo-hot-sale-head h2{
  margin:0!important;
  font-size:clamp(20px,2.8vw,28px)!important;
  line-height:1.08!important;
  letter-spacing:-.025em!important;
  color:#0f172a!important;
}
.promo-hot-sale-head p{
  margin:0!important;
  max-width:480px!important;
  color:#64748b!important;
  font-size:13px!important;
  line-height:1.55!important;
}
.promo-hot-sale-block .feature-slider-row{
  gap:16px!important;
  padding:2px 2px 6px!important;
}
.promo-hot-sale-block .feature-product-card{
  min-width:270px!important;
  border-radius:24px!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  border-color:#e2e8f0!important;
  box-shadow:0 14px 30px rgba(15,23,42,.07)!important;
}
.promo-hot-sale-block .product-media{min-height:188px!important;padding:6px 18px 30px!important;background:linear-gradient(180deg,#f8fafc,#eef2ff)!important;display:grid!important;place-items:start center!important;align-content:start!important}
.promo-hot-sale-block .product-media img{height:174px!important;max-width:210px!important;transform:translateY(-16px)!important}
.promo-hot-sale-block .mix-img{height:174px!important;width:200px!important;transform:translateY(-16px)!important}
.promo-hot-sale-block .product-category-badges{top:10px!important;left:10px!important}
.promo-hot-sale-block .product-category-badge.promo{background:#eef2ff!important;color:#4338ca!important;border:1px solid #c7d2fe!important}
.promo-hot-sale-block .hotsale-product-title{
  min-height:50px!important;
  padding:14px 16px 6px!important;
  margin:0!important;
  font-size:16px!important;
  text-align:center!important;
  justify-content:center!important;
  align-items:center!important;
  overflow-wrap:anywhere!important;
}
.promo-hot-sale-block .product-body{padding:0 16px 16px!important;gap:10px!important;text-align:center!important}
.promo-hot-sale-block .price{justify-content:center!important;font-size:17px!important}
.promo-hot-sale-block .hotsale-currency-summary{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important}
.promo-hot-sale-block .hotsale-currency{display:grid!important;gap:2px!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:16px!important;padding:10px!important;text-align:center!important}
.promo-hot-sale-block .hotsale-currency em{font-size:10px!important;font-style:normal!important;color:#64748b!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.08em!important}
.promo-hot-sale-block .hotsale-currency b{font-size:14px!important;color:#0f172a!important;overflow-wrap:anywhere!important}
.promo-hot-sale-block .hotsale-desc{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;margin:0!important;color:#64748b!important;font-size:12px!important;line-height:1.45!important}
.promo-hot-sale-block .product-btn{min-height:42px!important;border-radius:16px!important;margin-top:auto!important}
.promo-countdown{border-radius:14px!important;background:#fff7ed!important;border:1px solid #fed7aa!important;color:#9a3412!important;padding:8px 10px!important;font-size:12px!important;font-weight:900!important;text-align:center!important}

.public-history-list,.cx-public-history-v7{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;max-width:var(--container)!important;margin:0 auto!important;padding:0 var(--container-pad)!important;align-items:stretch!important}
.public-history-card,.cx-public-history-card-v7{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:18px!important;box-shadow:0 10px 24px rgba(15,23,42,.05)!important;padding:13px 14px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;min-width:0!important;min-height:0!important}
.public-history-card .ph-email,.cx-public-history-main span{font-size:12px!important;color:#64748b!important;font-weight:800!important;overflow-wrap:anywhere!important}
.public-history-card .ph-item,.cx-public-history-main strong{display:block!important;margin-top:4px!important;color:#0f172a!important;font-size:15px!important;font-weight:950!important;line-height:1.25!important;overflow-wrap:anywhere!important}
.public-history-card .ph-status,.cx-public-history-card-v7 .status-badge{white-space:nowrap!important;flex:0 0 auto!important}
.cx-public-history-empty,.cx-history-v7-empty{max-width:var(--container)!important;margin:0 auto!important;padding:22px!important;border:1px dashed #cbd5e1!important;border-radius:22px!important;text-align:center!important;background:#fff!important;color:#64748b!important;font-weight:900!important}

.cx-history-v7{max-width:var(--container)!important;margin:0 auto!important;padding:0 var(--container-pad)!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
.cx-history-card-v7{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:24px!important;box-shadow:0 16px 36px rgba(15,23,42,.065)!important;padding:16px!important;display:grid!important;gap:12px!important;min-width:0!important}
.cx-history-v7-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;padding-bottom:12px!important;border-bottom:1px solid #eef2f7!important}
.cx-history-v7-head small{display:block!important;font-size:10px!important;letter-spacing:.09em!important;text-transform:uppercase!important;color:#64748b!important;font-weight:950!important;margin-bottom:5px!important}
.cx-history-v7-head strong{font-family:var(--ff-mono)!important;font-size:13px!important;color:#0f172a!important;overflow-wrap:anywhere!important}
.cx-history-card-v7 h3{margin:0!important;color:#0f172a!important;font-size:16px!important;line-height:1.35!important;font-weight:950!important;overflow-wrap:anywhere!important}
.cx-history-v7-meta{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
.cx-history-v7-meta span{background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:16px!important;padding:10px!important;min-width:0!important}
.cx-history-v7-meta em{display:block!important;font-style:normal!important;font-size:10px!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#64748b!important;font-weight:950!important;margin-bottom:4px!important}
.cx-history-v7-meta b{display:block!important;color:#0f172a!important;font-size:13px!important;overflow-wrap:anywhere!important}
.cx-history-card-v7 .h-btn-detail{width:100%!important;min-height:44px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:16px!important;background:linear-gradient(135deg,#4f46e5,#3730a3)!important;color:#fff!important;box-shadow:0 12px 24px rgba(79,70,229,.20)!important;font-weight:950!important}

.profile-section{padding-top:26px!important}
.profile-section .section-heading{max-width:980px!important;margin-left:auto!important;margin-right:auto!important}
.profile-grid{max-width:980px!important;margin:0 auto!important;padding:0 var(--container-pad)!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
.profile-card-clean{min-height:unset!important;padding:15px!important;border-radius:18px!important;display:grid!important;gap:4px!important;text-align:left!important;align-content:start!important}
.profile-card-clean small{font-size:11px!important;color:#64748b!important;font-weight:950!important;letter-spacing:.08em!important;text-transform:uppercase!important}
.profile-card-clean strong{font-size:16px!important;line-height:1.22!important;max-width:100%!important;overflow-wrap:anywhere!important;color:#0f172a!important}
.profile-card-clean[data-profile-field="userid"] strong,
.profile-card-clean[data-profile-field="email"] strong{font-size:14px!important;font-family:var(--ff-mono)!important}
.profile-logout-card{grid-column:auto!important;align-content:center!important}
.profile-logout-btn{min-height:44px!important;border-radius:16px!important}
.cx-garage-table-wrap{max-height:min(470px,56vh)!important}

.cx-order-summary h2{text-align:center!important;margin-bottom:14px!important}
.cx-summary-table{display:grid!important;gap:10px!important}
.cx-order-kv{display:grid!important;grid-template-columns:112px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;padding:11px 12px!important;border-radius:16px!important;background:#f8fafc!important;border:1px solid #e2e8f0!important}
.cx-order-kv span{font-size:11px!important;color:#64748b!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.06em!important}
.cx-order-kv b{font-size:13px!important;color:#0f172a!important;overflow-wrap:anywhere!important;text-align:right!important}
.cx-order-kv-total{background:#eef2ff!important;border-color:#c7d2fe!important}
.cx-payment-box{border:1px solid #c7d2fe!important;background:linear-gradient(180deg,#fff,#f8fafc)!important;border-radius:24px!important;padding:16px!important;text-align:center!important;display:grid!important;gap:12px!important}
.cx-payment-head{display:grid!important;place-items:center!important;gap:4px!important;text-align:center!important}
.cx-payment-head>b{display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;padding:6px 12px!important;background:#eef2ff!important;color:#4338ca!important;font-size:12px!important;font-weight:950!important;letter-spacing:.08em!important}
.cx-payment-head span{display:grid!important;gap:3px!important;text-align:center!important}
.cx-payment-head small{font-size:11px!important;text-transform:uppercase!important;letter-spacing:.08em!important;color:#64748b!important;font-weight:950!important}
.cx-payment-head strong{font-size:clamp(22px,4vw,30px)!important;color:#0f172a!important;line-height:1.1!important;text-align:center!important}
.cx-payment-qr{display:grid!important;place-items:center!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:20px!important;padding:12px!important;max-width:280px!important;margin:0 auto!important}
.cx-payment-qr img{display:block!important;width:100%!important;max-width:240px!important;height:auto!important;border-radius:14px!important}
.cx-payment-instruction{margin:0!important;color:#64748b!important;font-size:12px!important;line-height:1.55!important;text-align:center!important}
.cx-cancel-order-main,#cxCancelOrderBtn{background:#fee2e2!important;color:#991b1b!important;box-shadow:none!important;border:1px solid #fecaca!important;font-weight:950!important}
.cx-cancel-order-main:hover,#cxCancelOrderBtn:hover{background:#fecaca!important;color:#7f1d1d!important}

@media (max-width:900px){
  .nav-bar .container{overflow-x:auto!important;gap:10px!important}
  .nav-bar .all-cats{flex:0 0 auto!important}
  .promo-hot-sale-block{border-radius:24px!important;padding:14px!important}
  .promo-hot-sale-block .feature-slider-row{grid-auto-columns:minmax(238px,82vw)!important}
  .cx-history-v7,.public-history-list,.cx-public-history-v7{grid-template-columns:1fr!important;gap:12px!important}
  .cx-history-v7-meta{grid-template-columns:1fr!important}
  .cx-dashboard-welcome{grid-template-columns:1fr!important;gap:10px!important;margin-bottom:14px!important}
  .cx-welcome-card{padding:14px!important;border-radius:18px!important;gap:12px!important;min-height:0!important}
  .cx-welcome-illustration{width:42px!important;height:42px!important;border-radius:14px!important;flex:0 0 42px!important}
  .cx-welcome-illustration .material-symbols-outlined{font-size:24px!important}
  .cx-welcome-copy h2{font-size:18px!important;line-height:1.2!important}
  .cx-welcome-copy p{font-size:12px!important;line-height:1.4!important;margin-top:3px!important}
  .cx-welcome-stats{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .cx-welcome-stats article{padding:11px!important;border-radius:16px!important;gap:8px!important;min-height:0!important}
  .cx-welcome-stats article .material-symbols-outlined{font-size:20px!important}
  .cx-welcome-stats b{font-size:10px!important}
  .cx-welcome-stats strong{font-size:14px!important;line-height:1.15!important}
  .profile-section{padding-top:20px!important}
  .profile-section .section-heading,.cx-garage-page .section-heading{padding:12px 14px!important;border-radius:18px!important;gap:10px!important;margin-bottom:12px!important;min-height:0!important}
  .profile-section .section-heading h2,.cx-garage-page .section-heading h2{font-size:20px!important;line-height:1.15!important}
  .profile-section .section-heading .eyebrow,.cx-garage-page .section-heading .eyebrow{font-size:10px!important;margin-bottom:3px!important}
  .profile-section .section-heading .btn,.cx-garage-page .section-heading .btn{min-height:38px!important;font-size:12px!important;border-radius:13px!important;padding:9px 12px!important}
  .profile-grid{grid-template-columns:1fr 1fr!important;max-width:720px!important;gap:9px!important;padding:0 14px!important}
  .profile-card-clean{text-align:center!important;padding:12px!important;border-radius:16px!important;gap:3px!important}
  .profile-card-clean small{font-size:9.5px!important}
  .profile-card-clean strong{font-size:14px!important}
  .profile-card-clean[data-profile-field="userid"] strong,.profile-card-clean[data-profile-field="email"] strong{font-size:11px!important}
  .cx-garage-tools{gap:8px!important;padding:0 14px!important;margin-bottom:10px!important}
  .cx-garage-search{padding:8px 11px!important;border-radius:14px!important;margin:0!important}
  .cx-garage-search input{font-size:13px!important}
  .cx-garage-table-wrap{padding:0 14px!important;max-height:50vh!important;border-radius:16px!important}
  .cx-order-page{padding:0!important;overflow-x:hidden!important}
  .cx-order-shell{width:100vw!important;max-width:100vw!important;margin:0!important;padding:10px 8px calc(76px + env(safe-area-inset-bottom))!important;box-sizing:border-box!important}
  .cx-order-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;max-width:none!important;min-width:0!important;justify-items:stretch!important;align-items:stretch!important;gap:12px!important}
  .cx-order-grid>.cx-order-panel,.cx-order-main,.cx-order-summary,#cxLiveSummary{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;justify-self:stretch!important;box-sizing:border-box!important}
  .cx-order-summary,#cxLiveSummary{grid-column:1/-1!important;padding:14px!important;border-radius:22px!important}
  .cx-order-summary h2{font-size:17px!important;text-align:left!important;margin-bottom:10px!important}
  .cx-summary-table,.cx-order-summary .cx-summary-table{display:grid!important;width:100%!important;max-width:100%!important;min-width:0!important;gap:8px!important;box-sizing:border-box!important}
  .cx-order-kv,.cx-order-summary .cx-order-kv{display:grid!important;grid-template-columns:minmax(82px,30%) minmax(0,1fr)!important;text-align:left!important;gap:10px!important;padding:10px 11px!important;border-radius:14px!important;width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important}
  .cx-order-kv span{text-align:left!important;white-space:nowrap!important;font-size:10px!important;min-width:0!important}
  .cx-order-kv b{text-align:right!important;font-size:12.5px!important;overflow-wrap:anywhere!important;word-break:break-word!important;min-width:0!important}
}
@media (max-width:520px){
  .promo-hot-sale-head h2{font-size:20px!important}
  .promo-hot-sale-head p{font-size:12px!important}
  .profile-grid{grid-template-columns:1fr!important}
  .public-history-card,.cx-public-history-card-v7{display:flex!important;text-align:left!important;justify-items:stretch!important;align-items:center!important;justify-content:space-between!important;padding:10px!important;border-radius:14px!important}
  .cx-public-history-main,.public-history-card>div{min-width:0!important;flex:1 1 auto!important}
  .public-history-card .ph-email,.cx-public-history-main span{font-size:10.5px!important;line-height:1.25!important;display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .public-history-card .ph-item,.cx-public-history-main strong{font-size:13px!important;line-height:1.25!important;margin-top:2px!important;display:-webkit-box!important;-webkit-line-clamp:1!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  .public-history-card .ph-status,.cx-public-history-card-v7 .status-badge{font-size:9.5px!important;padding:5px 8px!important}
  .cx-history-v7-head{display:grid!important;justify-items:start!important}
}

:root{
  --cx-blue:#2563eb;
  --cx-blue-deep:#1d4ed8;
  --cx-blue-soft:#dbeafe;
  --cx-text:#0f172a;
  --cx-text-soft:#334155;
  --cx-muted:#64748b;
  --cx-line:#e2e8f0;
}

.nav-toggle::before{content:"menu";font-family:"Material Symbols Outlined";font-size:24px!important;line-height:1}.nav-toggle.is-open::before{content:"close"}

body.cx-sprylo-ui .product-card,
body.cx-sprylo-ui .car-card,
body.cx-sprylo-ui .profile-card-clean,
body.cx-sprylo-ui .cx-welcome-card,
body.cx-sprylo-ui .cx-order-panel,
body.cx-sprylo-ui .modal-panel,
body.cx-sprylo-ui .modal-container{
  color:var(--cx-text)!important;
}
body.cx-sprylo-ui .product-card .modal-copy,
body.cx-sprylo-ui .car-card .modal-copy,
body.cx-sprylo-ui .event-card .modal-copy,
body.cx-sprylo-ui .section-desc,
body.cx-sprylo-ui .cx-section-head p{
  color:var(--cx-muted)!important;
}
body.cx-sprylo-ui .bento-card:not(.product-card) .eyebrow,
body.cx-sprylo-ui .bento-card:not(.product-card) h2,
body.cx-sprylo-ui .bento-card:not(.product-card) h3,
body.cx-sprylo-ui .bento-card:not(.product-card) p,
body.cx-sprylo-ui .bento-card:not(.product-card) .shop-now{
  color:#fff!important;
}
body.cx-sprylo-ui .bento-card:not(.product-card) .eyebrow{
  opacity:1!important;
  background:rgba(255,255,255,.14)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:999px!important;
  padding:7px 10px!important;
  width:max-content!important;
  max-width:100%!important;
}
body.cx-sprylo-ui .bento-card .shop-now{
  font-weight:900!important;
  text-shadow:0 2px 12px rgba(15,23,42,.22)!important;
}

body.cx-sprylo-ui .hero .cx-hero-card .btn.btn--paper{
  background:#fff!important;
  color:#1e1b4b!important;
  border:1px solid rgba(255,255,255,.86)!important;
  box-shadow:0 14px 30px rgba(15,23,42,.22)!important;
}
body.cx-sprylo-ui .hero .cx-hero-card .btn.btn--paper:hover{
  background:#eef2ff!important;
  color:#3730a3!important;
  border-color:#c7d2fe!important;
}
body.cx-sprylo-ui .catalog-tab:not(.active),
body.cx-sprylo-ui .category-tab:not(.active){
  background:#fff!important;
  color:var(--cx-text-soft)!important;
  border-color:var(--cx-line)!important;
}
body.cx-sprylo-ui .catalog-tab.active{
  background:linear-gradient(135deg,var(--cx-blue),var(--cx-blue-deep))!important;
  color:#fff!important;
  border-color:transparent!important;
}
body.cx-sprylo-ui .car-category-tabs .category-tab{
  border-radius:14px!important;
  border:2px solid #cbd5e1!important;
  box-shadow:none!important;
  color:#1e293b!important;
}
body.cx-sprylo-ui .car-category-tabs .category-tab.active,
body.cx-sprylo-ui .car-category-tabs .category-tab[aria-selected="true"]{
  background:#eef2ff!important;
  color:#3730a3!important;
  border-color:#4f46e5!important;
  box-shadow:0 8px 20px rgba(79,70,229,.14)!important;
}
body.cx-sprylo-ui .price{color:var(--cx-text)!important}
body.cx-sprylo-ui .price-promo{color:#dc2626!important}
body.cx-sprylo-ui .price-old{color:#94a3b8!important}

body.cx-sprylo-ui .product-btn.buy-btn,
body.cx-sprylo-ui .buy-btn{
  background:linear-gradient(135deg,var(--cx-blue),var(--cx-blue-deep))!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:14px!important;
  min-height:42px!important;
  padding:10px 14px!important;
  font-size:13px!important;
  line-height:1.1!important;
  font-weight:950!important;
  letter-spacing:.02em!important;
  box-shadow:0 10px 22px rgba(37,99,235,.22)!important;
}
body.cx-sprylo-ui .product-btn.buy-btn:hover,
body.cx-sprylo-ui .buy-btn:hover{
  transform:translateY(-1px)!important;
  background:linear-gradient(135deg,#1d4ed8,#1e40af)!important;
  box-shadow:0 14px 26px rgba(37,99,235,.28)!important;
}

.car-category-arrow{display:none!important}
.car-category-scroll-wrap{
  display:flex!important;
  justify-content:center!important;
  width:100%!important;
  max-width:920px!important;
  margin:12px auto 18px!important;
  padding:0!important;
  overflow:hidden!important;
}
.car-category-tabs{
  display:flex!important;
  justify-content:center!important;
  width:100%!important;
  gap:10px!important;
  overflow:visible!important;
  padding:4px 2px 12px!important;
  scrollbar-width:none!important;
}
.car-category-tabs::-webkit-scrollbar{display:none!important}
.car-category-tabs[hidden]{display:none!important}
.car-category-tabs .category-tab{
  flex:0 0 auto!important;
  scroll-snap-align:start!important;
  min-height:42px!important;
  padding:10px 16px!important;
  font-size:12px!important;
  letter-spacing:.03em!important;
}

body.cx-sprylo-ui .bento-card .cx-card-icon{
  display:block!important;
  opacity:.96!important;
  z-index:1!important;
}
body.cx-sprylo-ui .bento-card:not(.bento-card--lg) .cx-card-icon{
  right:10px!important;
  bottom:26px!important;
  width:auto!important;
  max-width:44%!important;
  max-height:128px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 18px 26px rgba(15,23,42,.28))!important;
}
body.cx-sprylo-ui .bento-card--black .cx-card-icon{border-radius:16px!important}

.footer.footer-compact{
  background:#fff!important;
  border-top:1px solid var(--cx-line)!important;
}
.footer-compact .footer-copy{color:var(--cx-text)!important}
.footer-compact .footer-links a{color:var(--cx-muted)!important}
.footer-compact .footer-links a:hover{color:var(--cx-blue)!important;background:var(--cx-blue-soft)!important}
.public-bottom-nav{display:none!important}

.login-page-modal .modal-panel.cx-login-clean{
  overflow:hidden!important;
}
.cx-login-head,
.cx-login-form,
.cx-login-divider,
.cx-login-wa{
  max-width:430px!important;
}
.cx-login-form label,
.cx-login-form label span,
.cx-login-form input{
  text-align:left!important;
}
.cx-login-form label span{
  color:var(--cx-text-soft)!important;
  letter-spacing:.02em!important;
}
.cx-login-form input{
  background:#fff!important;
  color:var(--cx-text)!important;
}
.cx-login-form input::placeholder{color:#94a3b8!important}

.modal-confirm-doc .confirm-modal-container{
  width:min(640px,calc(100vw - 28px))!important;
  max-height:calc(100dvh - 28px)!important;
  border-radius:30px!important;
  overflow:hidden!important;
  background:#fff!important;
}
.modal-confirm-doc .modal-container-header{
  position:sticky!important;
  top:0!important;
  z-index:3!important;
  background:linear-gradient(135deg,#eff6ff,#ffffff)!important;
  border-bottom:1px solid #dbeafe!important;
}
.modal-confirm-doc .modal-container-title{
  color:var(--cx-text)!important;
  font-weight:950!important;
  letter-spacing:-.02em!important;
}
.modal-confirm-doc .modal-container-title svg{color:var(--cx-blue)!important}
.modal-confirm-doc .modal-container-body{
  padding:22px 24px!important;
}
.modal-confirm-doc .confirm-step{
  display:grid!important;
  gap:12px!important;
}
.modal-confirm-doc .confirm-step[hidden]{display:none!important}
.modal-confirm-doc .confirm-step h2,
.modal-confirm-doc .confirm-step h3{
  color:var(--cx-text)!important;
  margin:0!important;
}
.modal-confirm-doc .confirm-step p{
  color:var(--cx-text-soft)!important;
  line-height:1.6!important;
}
.modal-confirm-doc .confirm-step ol{
  display:grid!important;
  gap:9px!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
  counter-reset:cx-warning!important;
}
.modal-confirm-doc .confirm-step ol li{
  counter-increment:cx-warning!important;
  position:relative!important;
  padding:11px 12px 11px 42px!important;
  border:1px solid var(--cx-line)!important;
  border-radius:16px!important;
  background:#f8fafc!important;
  color:var(--cx-text-soft)!important;
  font-weight:750!important;
}
.modal-confirm-doc .confirm-step ol li::before{
  content:counter(cx-warning)!important;
  position:absolute!important;
  left:12px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:22px!important;
  height:22px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  background:var(--cx-blue-soft)!important;
  color:var(--cx-blue-deep)!important;
  font-size:12px!important;
  font-weight:950!important;
}
.modal-confirm-doc .doc-alert-icon{
  margin:0!important;
  border-radius:18px!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.65)!important;
}
.modal-confirm-doc .doc-alert-icon.security{background:#dbeafe!important;color:var(--cx-blue-deep)!important}
.modal-confirm-doc .doc-alert-icon.warning{background:#fef3c7!important;color:#92400e!important}
.modal-confirm-doc .confirm-copy-pro{
  background:#fff7ed!important;
  color:#9a3412!important;
  border:1px solid #fed7aa!important;
  border-radius:16px!important;
  padding:11px 12px!important;
  font-weight:850!important;
}
.modal-confirm-doc .modal-container-footer{
  position:sticky!important;
  bottom:0!important;
  z-index:3!important;
  background:#f8fafc!important;
  border-top:1px solid var(--cx-line)!important;
  gap:10px!important;
}
.modal-confirm-doc .button{
  min-height:42px!important;
  border-radius:14px!important;
  padding:10px 16px!important;
  font-size:13px!important;
}
.modal-confirm-doc .button.is-primary{
  background:linear-gradient(135deg,var(--cx-blue),var(--cx-blue-deep))!important;
  color:#fff!important;
  box-shadow:0 10px 22px rgba(37,99,235,.22)!important;
}
.modal-confirm-doc .button.is-ghost{
  background:#fff!important;
  color:var(--cx-text-soft)!important;
  border:1px solid var(--cx-line)!important;
}

@media (max-width:900px){
  body.cx-sprylo-ui{padding-bottom:calc(34px + env(safe-area-inset-bottom))!important}
  .drawer{
    top:72px!important;
    left:10px!important;
    right:10px!important;
    bottom:auto!important;
    width:auto!important;
    max-height:calc(100dvh - 164px - env(safe-area-inset-bottom))!important;
    padding:14px!important;
    gap:8px!important;
    border-radius:24px!important;
    box-shadow:0 22px 55px rgba(15,23,42,.20)!important;
  }
  .drawer-head{margin-bottom:8px!important;padding-bottom:10px!important;border-bottom:1px solid #e2e8f0!important}
  .drawer>a,.drawer>.drawer-login{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:42px!important;padding:10px 12px!important;border-radius:13px!important;font-size:13px!important;font-weight:900!important;border:1px solid #dbe3ef!important;outline:1px solid rgba(255,255,255,.75)!important;outline-offset:-3px!important}
  .footer.footer-compact{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    z-index:100!important;
    padding:6px 0 calc(8px + env(safe-area-inset-bottom))!important;
    margin:0!important;
    border-top:1px solid rgba(226,232,240,.85)!important;
    background:rgba(255,255,255,.96)!important;
    backdrop-filter:blur(12px)!important;
    box-shadow:0 -8px 28px rgba(15,23,42,.06)!important;
  }
  .footer-compact .footer-inner{
    min-height:16px!important;
    display:flex!important;
    justify-content:center!important;
    padding:0 12px!important;
    text-align:center!important;
  }
  .footer-compact .footer-copy{
    font-size:10px!important;
    line-height:1!important;
    font-weight:400!important;
    letter-spacing:.02em!important;
    color:#94a3b8!important;
  }
  .footer-compact .footer-links{display:none!important}
  .public-bottom-nav{display:none!important}

  .toast-cst{
    bottom:calc(42px + env(safe-area-inset-bottom))!important;
    width:calc(100vw - 24px)!important;
    justify-content:flex-start!important;
    font-size:12.5px!important;
    border-radius:16px!important;
  }

  .bento{grid-template-columns:1fr!important;gap:14px!important}
  .bento-row{grid-template-columns:1fr!important;gap:14px!important}
  .bento-card{border-radius:24px!important;padding:22px 18px!important;min-height:160px!important}
  .bento-card--purple,.bento-card--teal{min-height:190px!important}
  .bento-card--orange,.bento-card--green,.bento-card--black{min-height:164px!important}
  .bento-card:not(.bento-card--lg) .cx-card-icon{
    right:8px!important;
    bottom:24px!important;
    width:auto!important;
    max-width:41%!important;
    max-height:112px!important;
  }
  .bento-card h3{font-size:25px!important;line-height:1.08!important;max-width:58%!important}
  .bento-card .shop-now{font-size:13px!important;max-width:58%!important}

  .catalog-tools{gap:12px!important;align-items:stretch!important}
  .catalog-tabs{
    justify-content:flex-start!important;
    overflow-x:auto!important;
    padding:2px 2px 10px!important;
    scrollbar-width:none!important;
  }
  .catalog-tabs::-webkit-scrollbar{display:none!important}
  .catalog-tab{flex:0 0 auto!important;min-height:42px!important;padding:10px 13px!important;font-size:12px!important}
  .car-category-scroll-wrap{display:block!important;max-width:100%!important;margin:8px 0 14px!important;overflow:hidden!important}
  .car-category-tabs{justify-content:flex-start!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;scroll-snap-type:x proximity!important;padding:2px 2px 10px!important}
  .car-category-tabs .category-tab{padding:9px 13px!important;font-size:11px!important;min-height:40px!important;border-radius:13px!important}

  .login-page-modal{align-items:center!important;justify-content:center!important;padding:16px!important;overflow:auto!important}
  .login-page-modal .modal-panel.cx-login-clean{
    width:100%!important;
    max-width:520px!important;
    max-height:calc(100dvh - 32px)!important;
    overflow:auto!important;
    margin:auto!important;
    border-radius:24px!important;
  }
  .cx-login-pane{
    align-items:stretch!important;
    justify-content:center!important;
    text-align:left!important;
    padding:24px 18px!important;
  }
  .cx-login-head{
    text-align:left!important;
    margin:0 0 16px!important;
  }
  .cx-login-badge{margin:0 0 10px!important}
  .cx-login-head h3{font-size:25px!important;line-height:1.1!important}
  .cx-login-head p{font-size:13px!important;line-height:1.5!important}
  .cx-login-form{gap:11px!important;margin:0!important;max-width:none!important}
  .cx-login-form label span{text-align:left!important}
  .cx-login-form input{min-height:46px!important;text-align:left!important;border-radius:14px!important}
  .cx-login-submit{min-height:46px!important;border-radius:14px!important}
  .cx-login-divider{margin:14px 0!important;max-width:none!important}
  .cx-login-wa{max-width:none!important;min-height:44px!important;border-radius:14px!important}

  .modal-confirm-doc{padding:12px!important;align-items:center!important;justify-content:center!important;overflow:auto!important}
  .modal-confirm-doc .confirm-modal-container{
    width:100%!important;
    max-height:calc(100dvh - 24px)!important;
    border-radius:22px!important;
    margin:auto!important;
  }
  .modal-confirm-doc .modal-container-header{padding:14px 54px 12px 16px!important}
  .modal-confirm-doc .modal-container-title{font-size:16px!important;line-height:1.2!important;gap:8px!important}
  .modal-confirm-doc .modal-container-title svg{width:20px!important;height:20px!important}
  .modal-confirm-doc .modal-container-body{padding:14px 16px!important;max-height:calc(100dvh - 186px)!important;overflow:auto!important}
  .modal-confirm-doc .doc-alert-icon{width:44px!important;height:44px!important;border-radius:14px!important}
  .modal-confirm-doc .doc-alert-icon .material-symbols-outlined{font-size:24px!important}
  .modal-confirm-doc .confirm-step{gap:8px!important}
  .modal-confirm-doc .confirm-step h2{font-size:18px!important;line-height:1.18!important}
  .modal-confirm-doc .confirm-step h3{font-size:14px!important}
  .modal-confirm-doc .confirm-step p{font-size:12.5px!important;line-height:1.45!important}
  .modal-confirm-doc .confirm-step ol{gap:7px!important}
  .modal-confirm-doc .confirm-step ol li{font-size:12px!important;line-height:1.35!important;padding:9px 10px 9px 38px!important;border-radius:13px!important;min-height:0!important}
  .modal-confirm-doc .confirm-step ol li::before{left:10px!important;width:20px!important;height:20px!important;font-size:11px!important}
  .modal-confirm-doc .confirm-copy-pro{font-size:12px!important;padding:9px 10px!important;border-radius:13px!important}
  .modal-confirm-doc .modal-container-footer{
    display:grid!important;
    grid-template-columns:1fr!important;
    padding:12px 16px!important;
    gap:8px!important;
  }
  .modal-confirm-doc .button{width:100%!important;min-height:42px!important;border-radius:13px!important;font-size:12px!important}

  body.cx-sprylo-ui .product-btn.buy-btn,
  body.cx-sprylo-ui .buy-btn{
    min-height:40px!important;
    padding:9px 12px!important;
    border-radius:13px!important;
    font-size:12px!important;
  }
}

@media (max-width:520px){
  .product-grid,.car-grid,.special-product-grid,.event-product-grid{grid-template-columns:1fr!important;gap:14px!important}
  .product-media,.car-media{min-height:190px!important;padding:16px!important}
  .product-media img,.car-media img{height:168px!important;max-width:210px!important;object-fit:contain!important}
  .product-title,.car-title{font-size:17px!important;min-height:auto!important;padding:14px 16px 6px!important}
  .product-body,.car-body,.event-product-body{padding:0 16px 16px!important;gap:10px!important}
  .price{justify-content:center!important;font-size:17px!important}
  .product-meta,.car-rankline{justify-content:center!important}
  .bento-card h3{font-size:23px!important;max-width:60%!important}
  .bento-card .shop-now{max-width:62%!important}
  .bento-card:not(.bento-card--lg) .cx-card-icon{
    right:8px!important;
    bottom:22px!important;
    width:auto!important;
    max-width:40%!important;
    max-height:98px!important;
  }
  .cx-order-shell{width:100vw!important;max-width:100vw!important;padding-left:6px!important;padding-right:6px!important}
  .cx-order-grid{width:100%!important;max-width:none!important;grid-template-columns:minmax(0,1fr)!important}
  .cx-order-grid>.cx-order-panel,.cx-order-main,.cx-order-summary,#cxLiveSummary{width:100%!important;max-width:none!important;min-width:0!important;justify-self:stretch!important}
  .cx-order-main,.cx-order-summary{padding:12px!important;border-radius:20px!important}
  .cx-order-statusbar{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;width:100%!important;gap:8px!important}
  .cx-order-badge{flex:0 1 auto!important;min-width:0!important;max-width:58%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .cx-order-time{flex:0 0 auto!important;margin-left:auto!important;text-align:right!important;white-space:nowrap!important;font-size:10.5px!important;line-height:1!important}
  .cx-summary-table,.cx-order-summary .cx-summary-table{width:100%!important;max-width:100%!important;min-width:0!important}
  .cx-order-kv,.cx-order-summary .cx-order-kv{grid-template-columns:minmax(76px,30%) minmax(0,1fr)!important;gap:8px!important;width:100%!important;max-width:none!important;min-width:0!important}
  .cx-order-kv span{font-size:9.5px!important}
  .cx-order-kv b{font-size:12px!important}
  .footer-compact .footer-copy{font-size:9.5px!important;font-weight:300!important;letter-spacing:.02em!important}
}

body.cx-sprylo-ui .brand{
  gap:10px!important;
}
body.cx-sprylo-ui .brand-mark{
  width:126px!important;
  height:42px!important;
  min-width:126px!important;
  border-radius:14px!important;
  padding:5px 9px!important;
  background:#fff!important;
  border:1px solid #e2e8f0!important;
  box-shadow:0 8px 22px rgba(15,23,42,.07)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
body.cx-sprylo-ui .brand-mark img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  border-radius:0!important;
  display:block!important;
}
body.cx-sprylo-ui .drawer-head .brand-mark{
  width:118px!important;
  min-width:118px!important;
  height:40px!important;
}
body.cx-sprylo-ui .cx-login-logo-img img{
  width:150px!important;
  height:52px!important;
  border-radius:16px!important;
  object-fit:contain!important;
  background:#fff!important;
  padding:6px 12px!important;
}
@media(max-width:900px){
  body.cx-sprylo-ui .brand-mark{
    width:112px!important;
    min-width:112px!important;
    height:38px!important;
    padding:4px 8px!important;
  }
  body.cx-sprylo-ui .brand span:last-child{display:none!important;}
}
@media(max-width:390px){
  body.cx-sprylo-ui .brand-mark{
    width:96px!important;
    min-width:96px!important;
    height:36px!important;
  }
}

body.cx-sprylo-ui .modal-confirm-doc .confirm-modal-container,
.modal-confirm-doc .confirm-modal-container{
  border-radius:30px!important;
  overflow:hidden!important;
  background:#ffffff!important;
  box-shadow:0 32px 90px rgba(15,23,42,.24)!important;
  border:1px solid rgba(226,232,240,.95)!important;
}
.modal-confirm-doc .modal-container-header{
  background:linear-gradient(135deg,#0f172a,#1e1b4b 58%,#4338ca)!important;
  color:#fff!important;
  border-bottom:0!important;
}
.modal-confirm-doc .modal-container-title{
  font-weight:950!important;
  letter-spacing:-.03em!important;
}
.modal-confirm-doc .icon-button{
  background:rgba(255,255,255,.14)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.20)!important;
}
.modal-confirm-doc .modal-container-body{background:linear-gradient(180deg,#fff,#f8fafc)!important;}
.modal-confirm-doc .confirm-step{display:grid!important;gap:12px!important;}
.modal-confirm-doc .doc-alert-icon{
  width:62px!important;height:62px!important;border-radius:22px!important;margin:0!important;
  box-shadow:0 16px 36px rgba(15,23,42,.10)!important;
}
.modal-confirm-doc .doc-alert-icon.security{background:#eef2ff!important;color:#4f46e5!important;}
.modal-confirm-doc .doc-alert-icon.warning{background:#fff7ed!important;color:#ea580c!important;}
.modal-confirm-doc .confirm-step h2{margin:0!important;color:#0f172a!important;font-size:clamp(22px,3vw,30px)!important;letter-spacing:-.045em!important;line-height:1.08!important;}
.modal-confirm-doc .confirm-step h3{margin:4px 0 0!important;color:#111827!important;font-size:15px!important;text-transform:uppercase!important;letter-spacing:.06em!important;}
.modal-confirm-doc .confirm-step p{margin:0!important;color:#475569!important;line-height:1.62!important;font-weight:700!important;}
.modal-confirm-doc .confirm-step ol{counter-reset:cxRule!important;display:grid!important;gap:10px!important;list-style:none!important;padding:0!important;margin:0!important;}
.modal-confirm-doc .confirm-step ol li{
  counter-increment:cxRule!important;position:relative!important;padding:12px 14px 12px 48px!important;
  background:#fff!important;border:1px solid #e2e8f0!important;border-radius:17px!important;
  color:#334155!important;font-weight:850!important;line-height:1.45!important;box-shadow:0 8px 22px rgba(15,23,42,.045)!important;
}
.modal-confirm-doc .confirm-step ol li:before{
  content:counter(cxRule)!important;position:absolute!important;left:13px!important;top:50%!important;transform:translateY(-50%)!important;
  width:25px!important;height:25px!important;border-radius:999px!important;background:#111827!important;color:#fff!important;
  display:grid!important;place-items:center!important;font-size:12px!important;font-weight:950!important;
}
.modal-confirm-doc .confirm-copy-pro{background:#eef2ff!important;color:#3730a3!important;border:1px solid #c7d2fe!important;border-radius:16px!important;padding:12px 14px!important;font-weight:900!important;}
.modal-confirm-doc .modal-container-footer{background:#fff!important;border-top:1px solid #e2e8f0!important;}
.modal-confirm-doc .button{border-radius:16px!important;min-height:46px!important;font-weight:950!important;}
.modal-confirm-doc .button.is-primary{background:linear-gradient(135deg,#4f46e5,#7c3aed)!important;box-shadow:0 16px 34px rgba(79,70,229,.24)!important;}

.promo-hot-sale-block .cx-promo-heading{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;background:linear-gradient(135deg,#fff7ed 0%,#fff 42%,#eef2ff 100%)!important;border:1px solid rgba(249,115,22,.24)!important;border-radius:30px!important;padding:24px 20px!important;margin-bottom:18px!important;box-shadow:0 18px 44px rgba(15,23,42,.07)!important;}
.promo-hot-sale-block .cx-promo-heading>div{max-width:760px!important;margin:0 auto!important;}
.cx-promo-eyebrow{justify-content:center!important;color:#ea580c!important;background:#fff7ed!important;border:1px solid #fed7aa!important;border-radius:999px!important;padding:8px 12px!important;margin-bottom:10px!important;}
.cx-promo-eyebrow .material-symbols-outlined{font-size:17px!important;}
.promo-hot-sale-block .cx-promo-heading h2{font-size:clamp(26px,4.2vw,44px)!important;line-height:1.04!important;margin:0!important;color:#0f172a!important;letter-spacing:-.06em!important;}
.promo-hot-sale-block .cx-promo-heading .section-desc{margin:10px auto 0!important;max-width:560px!important;color:#64748b!important;font-weight:750!important;}
.promo-hot-sale-block .feature-product-card[data-hot-type="car"] .product-body{align-content:start!important;}
.promo-hot-sale-block .feature-product-card[data-hot-type="car"] .car-rankline,
.promo-hot-sale-block .feature-product-card[data-hot-type="car"] .newest-car-rank{
  width:100%!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;justify-content:stretch!important;margin:2px 0!important;
}
.promo-hot-sale-block .feature-product-card[data-hot-type="car"] .car-rankline .badge{justify-content:center!important;min-height:34px!important;white-space:normal!important;text-align:center!important;border-radius:13px!important;line-height:1.15!important;}
.promo-hot-sale-block .feature-product-card[data-hot-type="car"] .newest-car-spec-mini{width:100%!important;margin-top:0!important;}

.product-media,.car-media{overflow:hidden!important;}
.sold-overlay{
  z-index:8!important;right:12px!important;bottom:12px!important;left:auto!important;
  display:inline-flex!important;align-items:center!important;gap:6px!important;
  padding:8px 11px!important;border-radius:999px!important;
  background:linear-gradient(135deg,rgba(15,23,42,.94),rgba(51,65,85,.90))!important;color:#fff!important;
  border:1px solid rgba(255,255,255,.22)!important;box-shadow:0 12px 28px rgba(15,23,42,.22)!important;
  font-size:11px!important;letter-spacing:.04em!important;text-transform:uppercase!important;backdrop-filter:blur(10px)!important;
}
.sold-overlay:before{content:"shopping_bag";font-family:"Material Symbols Outlined";font-size:15px;font-weight:400;line-height:1;}
.owned-overlay{
  z-index:9!important;left:12px!important;right:auto!important;top:12px!important;bottom:auto!important;
  display:inline-flex!important;align-items:center!important;gap:6px!important;
  padding:8px 12px!important;border-radius:999px!important;background:linear-gradient(135deg,#059669,#10b981)!important;color:#fff!important;
  border:1px solid rgba(255,255,255,.28)!important;box-shadow:0 14px 28px rgba(5,150,105,.24)!important;
  font-size:11px!important;letter-spacing:.05em!important;text-transform:uppercase!important;
}
.owned-overlay:before{content:"verified";font-family:"Material Symbols Outlined";font-size:15px;font-weight:400;line-height:1;}
.car-card.is-owned{border-color:rgba(16,185,129,.48)!important;box-shadow:0 18px 44px rgba(16,185,129,.12)!important;}
.car-card.is-owned .buy-btn{background:#d1fae5!important;color:#065f46!important;box-shadow:none!important;border:1px solid #a7f3d0!important;}

.cx-order-grid{align-items:stretch!important;}
.cx-order-summary,.cx-order-summary#cxLiveSummary{width:100%!important;max-width:none!important;min-width:0!important;}
.cx-summary-table{display:grid!important;gap:10px!important;width:100%!important;}
.cx-order-kv{display:grid!important;grid-template-columns:minmax(112px,.35fr) minmax(0,1fr)!important;gap:12px!important;align-items:center!important;width:100%!important;border:1px solid #e2e8f0!important;background:#f8fafc!important;border-radius:16px!important;padding:11px 12px!important;}
.cx-order-kv span{font-size:10px!important;text-transform:uppercase!important;letter-spacing:.08em!important;color:#64748b!important;font-weight:950!important;}
.cx-order-kv b{min-width:0!important;overflow-wrap:anywhere!important;color:#0f172a!important;font-size:13px!important;text-align:right!important;}
@media(max-width:760px){
  .modal-confirm-doc .modal-container-body{max-height:calc(100dvh - 188px)!important;}
  .modal-confirm-doc .modal-container-footer{grid-template-columns:1fr!important;}
  .promo-hot-sale-block .cx-promo-heading{border-radius:24px!important;padding:20px 14px!important;margin-left:0!important;margin-right:0!important;}
  .promo-hot-sale-block .feature-product-card[data-hot-type="car"] .car-rankline{grid-template-columns:1fr!important;}
  .sold-overlay{right:10px!important;bottom:10px!important;font-size:10.5px!important;padding:7px 10px!important;}
  .owned-overlay{left:10px!important;top:10px!important;font-size:10.5px!important;padding:7px 10px!important;}
  .cx-order-page{padding:12px!important;}
  .cx-order-shell{width:100%!important;max-width:100%!important;padding:0!important;}
  .cx-order-hero{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;}
  .cx-order-back{width:100%!important;}
  .cx-order-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;width:100%!important;}
  .cx-order-grid>.cx-order-panel,.cx-order-main,.cx-order-summary,#cxLiveSummary{width:100%!important;max-width:none!important;min-width:0!important;justify-self:stretch!important;}
  .cx-order-kv{grid-template-columns:1fr!important;gap:4px!important;align-items:start!important;}
  .cx-order-kv b{text-align:left!important;font-size:13px!important;}
}

.product-media,.car-media{position:relative!important;overflow:hidden!important;}
.sold-overlay{
  top:12px!important;
  right:12px!important;
  bottom:auto!important;
  left:auto!important;
  z-index:14!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  min-height:30px!important;
  padding:8px 11px!important;
  border-radius:999px!important;
  background:rgba(15,23,42,.92)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 12px 28px rgba(15,23,42,.22)!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.045em!important;
  line-height:1!important;
  text-transform:uppercase!important;
  backdrop-filter:blur(10px)!important;
}
.sold-overlay:before{content:"shopping_bag"!important;font-family:"Material Symbols Outlined"!important;font-size:15px!important;font-weight:400!important;line-height:1!important;}
@media(max-width:760px){.sold-overlay{top:10px!important;right:10px!important;bottom:auto!important;font-size:10px!important;padding:7px 9px!important;}}

.promo-hot-sale-block .cx-promo-heading{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  text-align:left!important;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid #e2e8f0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:0 0 14px!important;
  margin:0 0 18px!important;
}
.promo-hot-sale-block .cx-promo-heading>div{max-width:none!important;margin:0!important;}
.cx-promo-eyebrow{
  display:inline-flex!important;
  width:max-content!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:6px!important;
  color:#c2410c!important;
  background:#fff7ed!important;
  border:1px solid #fed7aa!important;
  border-radius:999px!important;
  padding:6px 10px!important;
  margin:0 0 8px!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.09em!important;
  line-height:1!important;
}
.cx-promo-eyebrow .material-symbols-outlined{display:none!important;}
.promo-hot-sale-block .cx-promo-heading h2{
  margin:0!important;
  color:#0f172a!important;
  font-size:clamp(24px,3vw,34px)!important;
  line-height:1.08!important;
  letter-spacing:-.045em!important;
  font-weight:950!important;
}
.promo-hot-sale-block .cx-promo-heading .section-desc{
  margin:7px 0 0!important;
  max-width:560px!important;
  color:#64748b!important;
  font-size:14px!important;
  line-height:1.45!important;
  font-weight:750!important;
}
@media(max-width:760px){
  .promo-hot-sale-block .cx-promo-heading{display:block!important;padding:0 0 12px!important;margin-bottom:14px!important;text-align:left!important;}
  .promo-hot-sale-block .cx-promo-heading h2{font-size:25px!important;}
  .promo-hot-sale-block .cx-promo-heading .section-desc{font-size:13px!important;}
}

.promo-hot-sale-block .feature-product-card[data-hot-type="car"] .product-body{
  align-items:stretch!important;
  justify-content:start!important;
}
.promo-hot-sale-block .feature-product-card[data-hot-type="car"] .car-rankline,
.promo-hot-sale-block .feature-product-card[data-hot-type="car"] .newest-car-rank{
  width:100%!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  grid-template-columns:none!important;
  margin:0!important;
}
.promo-hot-sale-block .feature-product-card[data-hot-type="car"] .car-rankline .badge{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:0!important;
  width:auto!important;
  padding:6px 9px!important;
  border-radius:999px!important;
  white-space:nowrap!important;
  text-align:left!important;
  line-height:1!important;
  font-size:11px!important;
}
@media(max-width:760px){
  .promo-hot-sale-block .feature-product-card[data-hot-type="car"] .car-rankline,
  .promo-hot-sale-block .feature-product-card[data-hot-type="car"] .newest-car-rank{justify-content:flex-start!important;}
}

.cx-live-order-page .cx-order-shell,
#cxOrderPage.cx-live-order-page .cx-order-shell{max-width:920px!important;}
.cx-live-order-page .cx-order-grid,
#cxOrderPage.cx-live-order-page .cx-order-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:14px!important;
  align-items:stretch!important;
  width:100%!important;
  max-width:none!important;
}
.cx-live-order-page .cx-order-main,
.cx-live-order-page .cx-order-summary,
#cxOrderPage.cx-live-order-page .cx-order-main,
#cxOrderPage.cx-live-order-page .cx-order-summary,
#cxOrderPage.cx-live-order-page #cxLiveSummary{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  justify-self:stretch!important;
  box-sizing:border-box!important;
}
.cx-live-order-page .cx-order-main{order:1!important;}
.cx-live-order-page .cx-order-summary,#cxOrderPage.cx-live-order-page #cxLiveSummary{order:2!important;}
.cx-live-order-page .cx-summary-table,
#cxOrderPage.cx-live-order-page .cx-summary-table{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important;}
.cx-live-order-page .cx-order-kv,
#cxOrderPage.cx-live-order-page .cx-order-kv{width:100%!important;box-sizing:border-box!important;}
@media(max-width:760px){
  .cx-live-order-page .cx-summary-table,
  #cxOrderPage.cx-live-order-page .cx-summary-table{grid-template-columns:1fr!important;}
}

.promo-hot-sale-block .newest-car-rank,
.promo-hot-sale-block .hotsale-product-detail.car-rankline{
  position:static!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  z-index:auto!important;
  margin-top:2px!important;
}
.promo-hot-sale-block .product-media .newest-car-rank,
.promo-hot-sale-block .product-media .car-rankline{
  display:none!important;
}
.promo-hot-sale-block .product-body > .newest-car-rank,
.promo-hot-sale-block .product-body > .car-rankline{
  display:flex!important;
}

.promo-hot-sale-block .feature-product-card[data-hot-type="car"] .newest-car-rank,
.promo-hot-sale-block .feature-product-card[data-hot-type="car"] .hotsale-product-detail.car-rankline{
  display:none!important;
  visibility:hidden!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  position:static!important;
}
.promo-hot-sale-block .feature-product-card[data-hot-type="car"] .cx-promo-car-rankline{
  position:static!important;
  inset:auto!important;
  z-index:auto!important;
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  margin:0!important;
  padding:0!important;
  order:2!important;
}
.promo-hot-sale-block .feature-product-card[data-hot-type="car"] .cx-promo-car-rankline .badge{
  position:static!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:0!important;
  min-height:28px!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  font-size:11px!important;
  font-weight:950!important;
  line-height:1!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}
.promo-hot-sale-block .feature-product-card[data-hot-type="car"] .product-body > .price{order:1!important;}
.promo-hot-sale-block .feature-product-card[data-hot-type="car"] .product-body > .promo-countdown{order:3!important;}
.promo-hot-sale-block .feature-product-card[data-hot-type="car"] .product-body > .newest-car-spec-mini{order:4!important;}
.promo-hot-sale-block .feature-product-card[data-hot-type="car"] .product-body > .product-btn{order:5!important;}
.promo-hot-sale-block .feature-product-card[data-hot-type="car"] .product-media .cx-promo-car-rankline,
.promo-hot-sale-block .feature-product-card[data-hot-type="car"] .product-media .newest-car-rank{display:none!important;}
@media(max-width:760px){
  .promo-hot-sale-block .feature-product-card[data-hot-type="car"] .cx-promo-car-rankline{justify-content:center!important;}
  .promo-hot-sale-block .feature-product-card[data-hot-type="car"] .cx-promo-car-rankline .badge{font-size:10.5px!important;min-height:27px!important;padding:6px 9px!important;}
}

.modal-confirm-doc .confirm-step[hidden],
.modal-confirm-doc .modal-container-footer[hidden],
.modal-confirm-doc[data-confirm-step="security"] #confirmStepWarning,
.modal-confirm-doc[data-confirm-step="security"] #confirmWarningFooter,
.modal-confirm-doc[data-confirm-step="warning"] #confirmStepSecurity,
.modal-confirm-doc[data-confirm-step="warning"] #confirmSecurityFooter{
  display:none!important;
}
.modal-confirm-doc[data-confirm-step="security"] #confirmStepSecurity,
.modal-confirm-doc[data-confirm-step="warning"] #confirmStepWarning{
  display:grid!important;
}
.modal-confirm-doc[data-confirm-step="security"] #confirmSecurityFooter,
.modal-confirm-doc[data-confirm-step="warning"] #confirmWarningFooter{
  display:flex!important;
}
body.cx-sprylo-ui .modal-confirm-doc .confirm-modal-container,
.modal-confirm-doc .confirm-modal-container{
  width:min(520px,calc(100vw - 24px))!important;
  max-height:calc(100dvh - 24px)!important;
  border-radius:24px!important;
}
.modal-confirm-doc .modal-container-header{
  padding:15px 56px 12px 18px!important;
}
.modal-confirm-doc .modal-container-title{
  font-size:18px!important;
  line-height:1.15!important;
  gap:8px!important;
}
.modal-confirm-doc .modal-container-title svg{width:21px!important;height:21px!important;}
.modal-confirm-doc .icon-button{
  width:34px!important;
  height:34px!important;
  right:13px!important;
  top:11px!important;
}
.modal-confirm-doc .modal-container-body{
  padding:16px 18px!important;
  max-height:calc(100dvh - 156px)!important;
  overflow:auto!important;
}
.modal-confirm-doc .confirm-step{
  gap:9px!important;
}
.modal-confirm-doc .doc-alert-icon{
  width:46px!important;
  height:46px!important;
  border-radius:15px!important;
}
.modal-confirm-doc .doc-alert-icon .material-symbols-outlined{font-size:25px!important;}
.modal-confirm-doc .confirm-step h2{
  font-size:20px!important;
  line-height:1.14!important;
  letter-spacing:-.035em!important;
}
.modal-confirm-doc .confirm-step h3{
  font-size:13px!important;
  margin-top:2px!important;
}
.modal-confirm-doc .confirm-step p{
  font-size:13px!important;
  line-height:1.46!important;
}
.modal-confirm-doc .confirm-step ol{
  gap:7px!important;
}
.modal-confirm-doc .confirm-step ol li{
  font-size:12.5px!important;
  line-height:1.34!important;
  padding:9px 11px 9px 38px!important;
  border-radius:14px!important;
  min-height:0!important;
}
.modal-confirm-doc .confirm-step ol li:before{
  left:10px!important;
  width:20px!important;
  height:20px!important;
  font-size:11px!important;
}
.modal-confirm-doc .confirm-copy-pro{
  font-size:12.5px!important;
  padding:9px 11px!important;
  border-radius:13px!important;
}
.modal-confirm-doc .modal-container-footer{
  padding:12px 16px!important;
  gap:8px!important;
}
.modal-confirm-doc .button{
  min-height:40px!important;
  border-radius:13px!important;
  font-size:12.5px!important;
  padding:10px 14px!important;
}
@media(max-width:560px){
  .modal-confirm-doc[data-confirm-step="security"] #confirmSecurityFooter,
  .modal-confirm-doc[data-confirm-step="warning"] #confirmWarningFooter{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  .modal-confirm-doc .modal-container-body{max-height:calc(100dvh - 176px)!important;}
}

.cx-order-badge.processing-live{
  background:#dbeafe!important;
  color:#1d4ed8!important;
  border:1px solid #bfdbfe!important;
  box-shadow:0 8px 22px rgba(37,99,235,.12)!important;
}
.cx-order-progress span.cx-live-moving,
.cx-order-progress .cx-live-moving{
  background:linear-gradient(90deg,#4f46e5,#22c55e,#06b6d4,#4f46e5)!important;
  background-size:220% 100%!important;
  animation:cxLiveBar 1.35s linear infinite!important;
}
.cx-order-step.on{
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,#eef2ff,#ffffff)!important;
  border-color:#c7d2fe!important;
  box-shadow:0 12px 28px rgba(79,70,229,.10)!important;
  animation:cxStepLift 1.45s ease-in-out infinite!important;
}
.cx-order-step.on:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(90deg,transparent,rgba(79,70,229,.10),transparent)!important;
  transform:translateX(-100%)!important;
  animation:cxStepSweep 1.8s ease-in-out infinite!important;
  pointer-events:none!important;
}
.cx-order-step.on .cx-order-dot{
  animation:cxDotPulse 1.15s ease-in-out infinite!important;
}
.cx-order-step.done{
  background:#ecfdf5!important;
  border-color:#bbf7d0!important;
}
.cx-order-message.cx-live-stage-msg{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  background:linear-gradient(135deg,#0f172a,#1e1b4b)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.08)!important;
  box-shadow:0 14px 34px rgba(15,23,42,.16)!important;
}
.cx-order-message.cx-live-stage-msg:before{
  content:""!important;
  width:13px!important;
  height:13px!important;
  flex:0 0 13px!important;
  border-radius:999px!important;
  background:#22c55e!important;
  box-shadow:0 0 0 0 rgba(34,197,94,.55)!important;
  animation:cxLivePing 1.25s ease-out infinite!important;
}
@keyframes cxLiveBar{0%{background-position:0% 50%}100%{background-position:220% 50%}}
@keyframes cxStepLift{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes cxStepSweep{0%{transform:translateX(-100%)}60%,100%{transform:translateX(100%)}}
@keyframes cxDotPulse{0%,100%{box-shadow:0 0 0 1px #4f46e5,0 0 0 0 rgba(79,70,229,.35)!important}50%{box-shadow:0 0 0 1px #4f46e5,0 0 0 8px rgba(79,70,229,0)!important}}
@keyframes cxLivePing{70%{box-shadow:0 0 0 10px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}

#confirmCheckoutModal .modal-container-title{
  color:#ffffff!important;
}
#confirmCheckoutModal .modal-container-title svg{
  color:#ffffff!important;
}
#confirmCheckoutModal .confirm-step-title-center,
#confirmCheckoutModal .confirm-step h2{
  text-align:center!important;
  justify-self:center!important;
  width:100%!important;
}
#confirmCheckoutModal .confirm-step{
  justify-items:stretch!important;
}
#confirmCheckoutModal .confirm-step > p{
  text-align:center!important;
}
#confirmCheckoutModal .confirm-step h3{
  text-align:center!important;
}

/* ===== Patch: payment-only live detail + paid modal + QR fallback ===== */
.cx-live-processing-wrap[hidden],
.cx-payment-only-wrap[hidden]{display:none!important}
.cx-payment-only-wrap{border:1px solid #dbeafe!important;background:linear-gradient(180deg,#fff,#f8fbff)!important;border-radius:22px!important;padding:18px!important;text-align:center!important}
.cx-payment-only-wrap h2{margin:0 0 8px!important;font-size:24px!important;color:#0f172a!important}
.cx-payment-only-wrap p{margin:0!important;color:#475569!important;font-weight:800!important;line-height:1.45!important}
.cx-payment-countdown{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;border-radius:999px!important;padding:8px 14px!important;background:#eff6ff!important;border:1px solid #bfdbfe!important;color:#1d4ed8!important;font-weight:950!important;font-family:var(--ff-mono)!important;letter-spacing:.02em!important}
.cx-payment-countdown.is-expired{background:#fef2f2!important;border-color:#fecaca!important;color:#b91c1c!important}
.cx-payment-qr-empty{min-height:190px!important;display:grid!important;place-items:center!important;background:#f8fafc!important;border:1px dashed #cbd5e1!important;color:#64748b!important;font-weight:900!important;border-radius:22px!important}
.cx-qr-fallback{display:grid!important;gap:8px!important;border:1px solid #fed7aa!important;background:#fff7ed!important;color:#9a3412!important;border-radius:18px!important;padding:12px!important;font-weight:900!important;text-align:center!important}
.cx-qr-fallback[hidden]{display:none!important}
.cx-qr-fallback a{display:inline-flex!important;justify-content:center!important;align-items:center!important;border-radius:14px!important;background:#f97316!important;color:#fff!important;text-decoration:none!important;padding:10px 14px!important;font-weight:950!important;box-shadow:0 10px 22px rgba(249,115,22,.20)!important}
.cx-paid-modal-backdrop{position:fixed!important;inset:0!important;z-index:1000000!important;background:rgba(0,0,0,.58)!important;display:grid!important;place-items:center!important;padding:22px!important}
.cx-paid-modal{width:min(640px,100%)!important;background:#fff!important;border-radius:18px!important;padding:32px!important;box-shadow:0 28px 70px rgba(0,0,0,.28)!important;color:#0f172a!important;font-family:var(--ff-sans)!important}
.cx-paid-modal h3{font-size:32px!important;line-height:1.15!important;margin:0 0 18px!important;color:#030712!important;font-weight:950!important}
.cx-paid-modal p{font-size:20px!important;line-height:1.55!important;margin:0 0 28px!important;color:#111827!important;font-weight:700!important}
.cx-paid-modal .cx-paid-ok{display:block!important;margin:0 auto!important;min-width:190px!important;border:0!important;border-radius:8px!important;background:#12356d!important;color:#fff!important;font-size:18px!important;font-weight:950!important;padding:14px 22px!important;cursor:pointer!important;box-shadow:0 10px 24px rgba(18,53,109,.22)!important}
@media(max-width:560px){.cx-paid-modal{padding:24px!important;border-radius:18px!important}.cx-paid-modal h3{font-size:28px!important}.cx-paid-modal p{font-size:18px!important}.cx-paid-modal .cx-paid-ok{width:auto!important;min-width:170px!important}}
/* Patch: gateway auto fallback status in QR panel */
.cx-qr-fallback span{display:block!important;font-size:12px!important;line-height:1.45!important;color:#9a3412!important;font-weight:850!important}
/* Patch: manual payment when both gateways fail */
.cx-payment-manual-box{border-color:#fed7aa!important;background:linear-gradient(180deg,#fff7ed,#ffffff)!important}
.cx-payment-manual-box .cx-payment-head b{color:#9a3412!important}
.cx-payment-manual-box .cx-payment-head strong{color:#b45309!important}
.cx-payment-manual-box .cx-qr-fallback{margin-top:10px!important}
.cx-payment-manual-box .cx-qr-fallback a{background:#16a34a!important;box-shadow:0 10px 22px rgba(22,163,74,.20)!important}

/* ===== Final cleanup: professional paid modal + gateway failure cancelled ===== */
.cx-paid-modal-pro{text-align:center!important;border:1px solid rgba(34,197,94,.22)!important;background:linear-gradient(180deg,#ffffff 0%,#f8fffb 100%)!important;border-radius:28px!important;max-width:520px!important;padding:34px 30px!important}
.cx-paid-icon{width:76px!important;height:76px!important;margin:0 auto 16px!important;border-radius:999px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#16a34a,#22c55e)!important;box-shadow:0 18px 38px rgba(22,163,74,.25)!important;color:#fff!important}
.cx-paid-icon span{font-size:44px!important;font-weight:950!important;line-height:1!important}
.cx-paid-eyebrow{margin:0 0 8px!important;color:#16a34a!important;text-transform:uppercase!important;letter-spacing:.11em!important;font-size:12px!important;font-weight:950!important}
.cx-paid-modal-pro h3{font-size:30px!important;margin:0 0 10px!important;color:#0f172a!important;letter-spacing:-.04em!important}
.cx-paid-modal-pro p:not(.cx-paid-eyebrow){font-size:15px!important;line-height:1.6!important;color:#475569!important;margin:0 auto 18px!important;max-width:420px!important;font-weight:750!important}
.cx-paid-mini{display:flex!important;justify-content:space-between!important;gap:10px!important;border:1px solid #dcfce7!important;background:#f0fdf4!important;border-radius:16px!important;padding:12px 14px!important;margin:8px 0 22px!important;color:#166534!important;font-size:13px!important;font-weight:900!important}
.cx-paid-mini strong{font-family:var(--ff-mono)!important;word-break:break-all!important}
.cx-paid-modal-pro .cx-paid-ok{width:100%!important;max-width:260px!important;border-radius:999px!important;background:linear-gradient(135deg,#16a34a,#15803d)!important;box-shadow:0 16px 32px rgba(22,163,74,.24)!important}
.cx-payment-failed-box,.cx-payment-final-box{border-color:#fecaca!important;background:linear-gradient(180deg,#fff7f7,#ffffff)!important}
.cx-payment-failed-box .cx-payment-head b{color:#b91c1c!important}.cx-payment-failed-box .cx-payment-head strong{color:#dc2626!important}
.cx-payment-failed-box .cx-qr-fallback{margin-top:10px!important;border-color:#fecaca!important;background:#fef2f2!important;color:#991b1b!important}
.cx-payment-failed-box .cx-qr-fallback span,.cx-qr-admin-info{color:#991b1b!important}
.cx-payment-failed-box .cx-qr-admin-info a{display:inline!important;background:transparent!important;color:#b91c1c!important;text-decoration:underline!important;padding:0!important;border-radius:0!important;box-shadow:none!important;font-weight:950!important}
.cx-payment-manual-box{display:none!important}
@media(max-width:560px){.cx-paid-modal-pro{padding:28px 20px!important}.cx-paid-icon{width:66px!important;height:66px!important}.cx-paid-icon span{font-size:38px!important}.cx-paid-modal-pro h3{font-size:25px!important}.cx-paid-mini{flex-direction:column!important;align-items:center!important}}

/* Status-only order state: final/cancelled orders must not reuse live-processing steps. */
.cx-status-only-wrap{border-color:#e5e7eb!important;background:linear-gradient(180deg,#ffffff,#f8fafc)!important;padding:0!important;overflow:hidden!important}
.cx-status-only-card{display:grid!important;justify-items:center!important;gap:10px!important;padding:22px 18px!important;text-align:center!important;color:#0f172a!important}
.cx-status-only-icon{width:62px!important;height:62px!important;border-radius:999px!important;display:grid!important;place-items:center!important;font-size:34px!important;line-height:1!important;font-weight:950!important;background:#f1f5f9!important;color:#475569!important}
.cx-status-only-eyebrow{margin:0!important;text-transform:uppercase!important;letter-spacing:.13em!important;font-size:11px!important;font-weight:950!important;color:#64748b!important}
.cx-status-only-card h2{margin:0!important;font-size:26px!important;line-height:1.15!important;color:#0f172a!important;font-weight:950!important}
.cx-status-only-card p{margin:0!important;max-width:520px!important;color:#475569!important;font-size:14px!important;line-height:1.6!important;font-weight:800!important}
.cx-status-only-order{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;width:min(100%,520px)!important;border:1px solid #e5e7eb!important;border-radius:16px!important;background:#fff!important;padding:12px 14px!important;margin-top:4px!important}
.cx-status-only-order span{font-size:12px!important;color:#64748b!important;font-weight:900!important}.cx-status-only-order b{font-family:var(--ff-mono)!important;font-size:13px!important;color:#111827!important;word-break:break-all!important;text-align:right!important}
.cx-status-only-card.is-danger .cx-status-only-icon{background:#fef2f2!important;color:#dc2626!important}.cx-status-only-card.is-danger .cx-status-only-eyebrow{color:#b91c1c!important}
.cx-status-only-card.is-warning .cx-status-only-icon{background:#fffbeb!important;color:#d97706!important}.cx-status-only-card.is-warning .cx-status-only-eyebrow{color:#b45309!important}
@media(max-width:560px){.cx-status-only-card{padding:20px 14px!important}.cx-status-only-order{align-items:flex-start!important;flex-direction:column!important}.cx-status-only-order b{text-align:left!important}.cx-status-only-card h2{font-size:23px!important}}

/* Produk pilihan + informasi layanan */
.modal-official-notice .modal-container,
.modal-featured-product .modal-container{width:min(620px,calc(100vw - 24px));border-radius:26px;overflow:hidden;border:1px solid rgba(226,232,240,.96);box-shadow:0 24px 80px rgba(15,23,42,.18);}
.modal-official-notice .modal-container{width:min(680px,calc(100vw - 24px));background:#fff;}
.modal-official-notice .modal-container-header,
.modal-featured-product .modal-container-header{padding:18px 58px 14px 20px;border-bottom:1px solid #eef2f7;background:linear-gradient(180deg,#ffffff,#f8fafc);}
.modal-official-notice .modal-container-title,
.modal-featured-product .modal-container-title{font-size:20px;line-height:1.2;letter-spacing:-.02em;}
.modal-official-notice .modal-container-title .material-symbols-outlined,
.modal-featured-product .modal-container-title .material-symbols-outlined{color:#2563eb;font-size:26px;}
.official-notice-body{padding:18px 20px 12px;background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);}
.official-notice-card{position:relative;display:grid;grid-template-columns:1fr;gap:14px;align-items:start;border:1px solid #dbeafe;background:linear-gradient(180deg,#ffffff,#f8fbff);border-radius:22px;padding:18px 20px;box-shadow:0 14px 34px rgba(15,23,42,.075);overflow:hidden;width:100%;}
.official-notice-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#2563eb,#22c55e);}
.official-notice-icon{width:50px;height:50px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,#0f172a,#2563eb);color:#fff;box-shadow:0 12px 22px rgba(37,99,235,.22);}
.official-notice-icon .material-symbols-outlined{font-size:28px;color:inherit!important;font-variation-settings:'FILL' 1,'wght' 700,'GRAD' 0,'opsz' 28;}
.official-notice-copy{display:grid;gap:9px;min-width:0;}
.official-notice-kicker{width:max-content;margin:0;color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;padding:5px 9px;font-size:10.5px;font-weight:950;letter-spacing:.11em;text-transform:uppercase;}
.official-notice-copy h2{margin:0!important;color:#0f172a;font-size:clamp(22px,3vw,28px)!important;line-height:1.08;letter-spacing:-.04em;}
.official-notice-copy p{margin:0;color:#475569;font-size:14px;line-height:1.55;font-weight:750;}
.official-notice-lead{max-width:none;}
.official-notice-list{display:grid;gap:8px;margin-top:2px;}
.official-notice-list span{display:grid;grid-template-columns:22px 1fr;gap:8px;align-items:center;border:1px solid #e2e8f0;background:#fff;color:#334155;border-radius:14px;padding:9px 10px;font-size:12.5px;line-height:1.35;font-weight:850;box-shadow:0 5px 14px rgba(15,23,42,.035);}
.official-notice-list i{width:22px;height:22px;border-radius:8px;display:grid;place-items:center;background:#eef2ff;color:#2563eb;font-size:16px!important;font-style:normal;}
.official-notice-actions{padding:14px 20px 18px!important;gap:10px;background:#fff;border-top:1px solid #eef2f7;}
.official-notice-actions .button{min-height:42px;border-radius:14px;font-weight:950;}
.featured-product-body{background:linear-gradient(180deg,#ffffff,#f8fafc);padding:18px 20px;}
.featured-product-card{display:grid;grid-template-columns:170px 1fr;gap:18px;align-items:center;}
.featured-product-image{min-height:160px;border-radius:22px;background:linear-gradient(135deg,#eff6ff,#f8fafc);display:grid;place-items:center;padding:14px;border:1px solid #dbeafe;overflow:hidden;}
.featured-product-image img{max-width:100%;max-height:150px;object-fit:contain;filter:drop-shadow(0 16px 26px rgba(15,23,42,.18));}
.featured-product-image .mix-img{display:flex;align-items:center;justify-content:center;gap:0;}
.featured-product-image .mix-img img{width:88px;height:88px;margin:0 -6px;}
.featured-product-info{display:grid;gap:9px;min-width:0;}
.featured-product-badge{width:max-content;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:11px;font-weight:950;letter-spacing:.08em;padding:7px 10px;}
.featured-product-info h2{margin:0!important;font-size:clamp(23px,3vw,28px)!important;line-height:1.12;color:#0f172a;}
.featured-product-info p{margin:0;color:#475569;font-weight:750;line-height:1.5;font-size:14px;}
.featured-product-price{font-size:20px;font-weight:950;color:#0f172a;}
.featured-product-price .price-old{font-size:14px;color:#94a3b8;text-decoration:line-through;margin-right:8px;}
.featured-product-price .price-promo{color:#dc2626;}
@media(max-width:560px){
  .modal-official-notice,.modal-featured-product{padding:14px;align-items:center;justify-content:center;overflow:auto;}
  .modal-official-notice .modal-container,.modal-featured-product .modal-container{width:100%;max-height:calc(100dvh - 28px);border-radius:22px;margin:auto 0;overflow:auto;}
  .modal-official-notice .modal-container-header,.modal-featured-product .modal-container-header{padding:16px 54px 12px 16px;}
  .modal-official-notice .modal-container-title,.modal-featured-product .modal-container-title{font-size:18px;}
  .official-notice-body,.featured-product-body{padding:14px;}
  .official-notice-card{grid-template-columns:1fr;gap:11px;padding:14px;text-align:left;border-radius:20px;}
  .official-notice-icon{width:44px;height:44px;border-radius:15px;}
  .official-notice-copy{gap:8px;}
  .official-notice-kicker{font-size:10px;padding:4px 8px;}
  .official-notice-copy h2{font-size:20px!important;letter-spacing:-.03em;}
  .official-notice-copy p{font-size:12.8px;line-height:1.5;}
  .official-notice-list{gap:7px;}
  .official-notice-list span{grid-template-columns:20px 1fr;gap:7px;padding:8px 9px;border-radius:13px;font-size:11.8px;}
  .official-notice-list i{width:20px;height:20px;font-size:14px!important;border-radius:7px;}
  .official-notice-actions,.modal-featured-product .modal-container-footer{display:grid!important;grid-template-columns:1fr;padding:12px 14px 14px!important;}
  .modal-featured-product .modal-container-footer .button,.modal-official-notice .modal-container-footer .button{width:100%;min-height:42px;}
  .featured-product-card{grid-template-columns:1fr;text-align:center;gap:14px;}
  .featured-product-image{min-height:132px;border-radius:18px;}
  .featured-product-image img{max-height:118px;}
  .featured-product-image .mix-img img{width:72px;height:72px;}
  .featured-product-badge{margin:0 auto;}
  .featured-product-info h2{font-size:22px!important;}
  .featured-product-info p{font-size:13px;}
  .featured-product-price{font-size:18px;}
}

/* Profile & garage compact professional layout */
.cx-profile-heading,.cx-garage-head{max-width:1040px!important;margin-left:auto!important;margin-right:auto!important;align-items:center!important;gap:14px!important}
.cx-profile-shell{max-width:1040px;margin:0 auto;padding:0 var(--container-pad);display:grid;gap:12px}
.cx-profile-hero-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;border:1px solid #dbeafe;background:linear-gradient(135deg,#ffffff 0%,#eff6ff 55%,#f8fafc 100%);border-radius:24px;padding:16px;box-shadow:0 16px 38px rgba(15,23,42,.075);overflow:hidden}
.cx-profile-avatar{width:62px;height:62px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#1e3a8a,#2563eb);color:#fff;font-size:26px;font-weight:950;box-shadow:0 12px 24px rgba(37,99,235,.22)}
.cx-profile-identity{min-width:0;display:grid;gap:3px}.cx-profile-identity .eyebrow{margin:0;color:#2563eb;font-size:11px!important}.cx-profile-identity h3{margin:0;color:#0f172a;font-size:clamp(22px,3vw,30px);line-height:1.08;overflow-wrap:anywhere}.cx-profile-identity span{color:#64748b;font-size:12.5px;font-weight:850;overflow-wrap:anywhere}
.cx-profile-status-pill{justify-self:end;border:1px solid #bfdbfe;background:#fff;border-radius:16px;padding:10px 12px;color:#0f172a;font-weight:950;box-shadow:0 8px 18px rgba(15,23,42,.05);max-width:245px;text-align:center;overflow-wrap:anywhere;font-size:13px;line-height:1.35}
.profile-grid.cx-profile-stats{max-width:none!important;padding:0!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}.profile-grid.cx-profile-stats .profile-card-clean{min-width:0!important;border:1px solid #e2e8f0!important;background:#fff!important;border-radius:18px!important;padding:13px!important;box-shadow:0 8px 20px rgba(15,23,42,.045)!important;gap:3px!important}.profile-grid.cx-profile-stats .profile-card-clean small{font-size:10px!important;line-height:1.2!important}.profile-grid.cx-profile-stats .profile-card-clean strong{font-size:15px!important;line-height:1.2!important;overflow-wrap:anywhere!important}.profile-grid.cx-profile-stats .profile-logout-card{grid-column:auto!important;align-content:center!important;justify-content:stretch!important}.profile-logout-btn{min-height:40px!important;border-radius:14px!important}
.cx-garage-summary{max-width:1040px;margin:0 auto 10px;padding:12px var(--container-pad);display:flex;align-items:center;gap:10px}.cx-garage-summary>span{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:#eef2ff;color:#2563eb}.cx-garage-summary strong{display:block;color:#0f172a;font-size:16px}.cx-garage-summary small{color:#64748b;font-weight:800;font-size:12px}.cx-garage-tools{max-width:1040px;margin-left:auto!important;margin-right:auto!important}.cx-garage-list-wrap{max-width:1040px!important;margin:0 auto!important;padding:0 var(--container-pad)!important;max-height:min(540px,60vh)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;border:0!important}.cx-garage-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cx-garage-item{display:flex;align-items:center;gap:10px;border:1px solid #e2e8f0;background:linear-gradient(180deg,#fff,#fbfdff);border-radius:18px;padding:11px 12px;box-shadow:0 8px 20px rgba(15,23,42,.04)}.cx-garage-index{width:30px;height:30px;border-radius:11px;display:grid;place-items:center;background:#eff6ff;color:#2563eb;font-weight:950;font-family:var(--ff-mono);font-size:12px}.cx-garage-name{min-width:0}.cx-garage-name strong{display:block;color:#0f172a;font-size:13px;line-height:1.22;overflow-wrap:anywhere}.cx-garage-name small{display:block;color:#64748b;font-size:10.5px;font-weight:850;margin-top:1px}.cx-garage-empty-card{grid-column:1/-1;text-align:center;border:1px dashed #cbd5e1;background:#f8fafc;border-radius:18px;padding:18px;color:#64748b;font-weight:900}
@media(max-width:760px){.profile-section{padding-top:10px!important}.cx-profile-heading,.cx-garage-head{display:flex!important;align-items:center!important;justify-content:space-between!important;text-align:left!important;padding:10px 12px!important;margin-bottom:10px!important;border-radius:18px!important}.cx-profile-heading .section-desc,.cx-garage-head .section-desc{display:none!important}.cx-profile-heading h2,.cx-garage-head h2{font-size:19px!important;line-height:1.15!important}.cx-profile-heading .eyebrow,.cx-garage-head .eyebrow{font-size:10px!important;margin-bottom:2px!important}.cx-profile-heading .btn,.cx-garage-head .btn{width:auto!important;min-height:36px!important;border-radius:12px!important;padding:8px 10px!important;font-size:11.5px!important;white-space:nowrap}.cx-profile-shell{gap:9px!important;padding:0 10px!important}.cx-profile-hero-card{grid-template-columns:46px minmax(0,1fr);gap:10px!important;padding:11px!important;border-radius:18px!important}.cx-profile-avatar{width:46px!important;height:46px!important;border-radius:15px!important;font-size:20px!important}.cx-profile-identity{gap:1px!important;text-align:left!important}.cx-profile-identity .eyebrow{font-size:9.5px!important}.cx-profile-identity h3{font-size:18px!important;line-height:1.1!important}.cx-profile-identity span{font-size:11px!important}.cx-profile-status-pill{grid-column:1/-1;justify-self:stretch!important;max-width:none!important;padding:7px 9px!important;border-radius:13px!important;font-size:11.5px!important;min-height:30px!important;display:grid!important;place-items:center!important}.profile-grid.cx-profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.profile-grid.cx-profile-stats .profile-card-clean{padding:9px 10px!important;border-radius:14px!important;text-align:left!important}.profile-grid.cx-profile-stats .profile-card-clean small{font-size:8.8px!important;letter-spacing:.04em!important}.profile-grid.cx-profile-stats .profile-card-clean strong{font-size:13px!important}.profile-grid.cx-profile-stats .profile-card-clean[data-profile-field="userid"] strong{font-size:10.5px!important}.profile-grid.cx-profile-stats .profile-logout-card{grid-column:1/-1!important}.profile-logout-btn{min-height:36px!important;font-size:12px!important}.cx-garage-summary{padding:6px 10px 8px!important;margin-bottom:8px!important}.cx-garage-summary>span{width:38px;height:38px;border-radius:13px}.cx-garage-summary strong{font-size:14px}.cx-garage-summary small{font-size:11px}.cx-garage-tools{display:grid!important;grid-template-columns:1fr auto!important;gap:8px!important;padding:0 10px!important;margin-bottom:8px!important}.cx-garage-search{padding:7px 10px!important;border-radius:13px!important;margin:0!important}.cx-garage-search input{font-size:12px!important}.cx-garage-count{min-height:34px!important;border-radius:12px!important;padding:8px 10px!important;font-size:11px!important;white-space:nowrap}.cx-garage-list-wrap{padding:0 10px!important;max-height:none!important}.cx-garage-list{grid-template-columns:1fr!important;gap:8px!important}.cx-garage-item{border-radius:14px!important;padding:9px 10px!important}.cx-garage-index{width:27px!important;height:27px!important;border-radius:10px!important;font-size:11px!important}.cx-garage-name strong{font-size:12.5px!important}.cx-garage-name small{font-size:10px!important}}
@media(max-width:380px){.cx-profile-heading,.cx-garage-head{gap:8px!important}.cx-profile-heading .btn,.cx-garage-head .btn{padding:7px 8px!important;font-size:10.5px!important}.profile-grid.cx-profile-stats{gap:7px!important}.profile-grid.cx-profile-stats .profile-card-clean{padding:8px!important}.profile-grid.cx-profile-stats .profile-card-clean strong{font-size:12px!important}.profile-grid.cx-profile-stats .profile-card-clean[data-profile-field="userid"] strong{font-size:9.8px!important}.cx-garage-tools{grid-template-columns:1fr!important}.cx-garage-count{display:none!important}}