/*
 * Cloud Market - polished storefront layer
 *
 * This file is loaded last from master.njk. It only changes presentation;
 * SellAuth templates, URLs, forms and customer/checkout handlers remain intact.
 */

:root {
  color-scheme: dark;
  --cm-bg: #09070d;
  --cm-panel: #120d18;
  --cm-panel-2: #191021;
  --cm-line: rgba(216, 180, 254, .17);
  --cm-line-strong: rgba(192, 132, 252, .7);
  --cm-text: #faf7ff;
  --cm-muted: #aaa2b5;
  --cm-purple: #c084fc;
  --cm-purple-light: #ead7ff;
  --cm-blue: #a78bfa;
}

* { box-sizing: border-box; }

html { background: var(--cm-bg); scroll-behavior: smooth; }

.sm-body {
  --sm-accent: #c084fc;
  --sm-bg: #09070d;
  --sm-surface: #15101b;
  --sm-border: rgba(216, 180, 254, .17);
  min-width: 320px;
  overflow-x: hidden;
  background:
    radial-gradient(900px 500px at 92% -8%, rgba(192, 132, 252, .17), transparent 66%),
    radial-gradient(780px 460px at -10% 44%, rgba(81, 48, 132, .14), transparent 68%),
    var(--cm-bg) !important;
  color: var(--cm-text);
  font-family: Inter, var(--sm-font), system-ui, sans-serif;
}

.sm-body::before {
  position: fixed;
  inset: 0;
  z-index: -1;
  background-image: linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size: 56px 56px;
  content: '';
  pointer-events: none;
  mask-image: linear-gradient(to bottom, #000, transparent 78%);
}

.sm-body a { transition: color .2s ease, border-color .2s ease, background .2s ease, transform .2s ease, box-shadow .2s ease; }

.sm-announcement {
  min-height: 38px;
  border-bottom: 1px solid rgba(255,255,255,.1);
  background: linear-gradient(90deg, rgba(107, 70, 150, .88), rgba(192, 132, 252, .92), rgba(107, 70, 150, .88));
  color: #fff;
  font-size: 11px;
  letter-spacing: .02em;
}

.sm-header {
  position: sticky;
  top: 0;
  border-bottom: 1px solid rgba(255,255,255,.08);
  background: rgba(9, 7, 13, .76) !important;
  backdrop-filter: blur(22px) saturate(140%);
}

.sm-header.is-scrolled { border-color: var(--cm-line); background: rgba(9, 7, 13, .94) !important; }

.sm-header-inner {
  min-height: 76px;
  max-width: 1180px;
  padding: 0 18px;
  gap: 26px;
}

.sm-brand { color: var(--cm-text); font-size: 16px; letter-spacing: -.02em; }
.sm-brand img { width: 35px; height: 35px; border: 1px solid rgba(233, 213, 255, .55); border-radius: 10px; box-shadow: 0 0 22px rgba(192, 132, 252, .3); }
.sm-navigation { gap: 7px; padding: 5px; border: 1px solid rgba(255,255,255,.08); border-radius: 999px; background: rgba(255,255,255,.035); }
.sm-navigation a { padding: 9px 13px; border-radius: 999px; color: var(--cm-muted); font-size: 12px; font-weight: 700; }
.sm-navigation a:hover, .sm-navigation a[aria-current="page"] { background: rgba(255,255,255,.09); color: #fff; }
.sm-nav-actions { gap: 8px; }
.sm-nav-actions > a, .sm-nav-actions > button { min-height: 38px; border: 1px solid var(--cm-line); border-radius: 999px; background: rgba(255,255,255,.035); color: #f8f0ff; }
.sm-nav-actions > a:hover, .sm-nav-actions > button:hover { border-color: var(--cm-line-strong); background: rgba(189,69,231,.16); color: #fff; box-shadow: 0 0 22px rgba(189,69,231,.22); transform: translateY(-1px); }
.sm-affiliate-link { padding: 0 13px; font-size: 11px; }
.sm-cart-link { display: inline-flex; width: 40px; align-items: center; justify-content: center; }
.sm-search-link { display: inline-flex; width: 40px; align-items: center; justify-content: center; }
.sm-discord-link, .sm-account-link { padding: 0 13px; font-size: 11px; font-weight: 800; }
.sm-account-link { background: linear-gradient(110deg, rgba(192,132,252,.96), rgba(139,92,246,.96)) !important; border-color: rgba(233,213,255,.72) !important; box-shadow: 0 0 20px rgba(192,132,252,.28); }
.sm-shop-link { padding: 0 15px; gap: 8px; background: linear-gradient(110deg, #c084fc, #8b5cf6) !important; border-color: rgba(233,213,255,.78) !important; color: #12091c !important; font-size: 11px; font-weight: 900; }
.sm-menu-toggle { width: 40px; height: 40px; border: 1px solid var(--cm-line); border-radius: 12px; background: rgba(255,255,255,.04); }

.sm-hero {
  border-bottom: 1px solid var(--cm-line);
  background: radial-gradient(680px 420px at 75% 30%, rgba(108, 36, 141, .2), transparent 70%), linear-gradient(145deg, #0b0810 0%, #110a17 55%, #0b0810 100%) !important;
}
.sm-hero::before { opacity: .55; background-size: 62px 62px; mask-image: linear-gradient(90deg, #000, transparent 78%); }
.sm-hero-grid { max-width: 1180px; min-height: 640px; padding: 104px 18px 84px; gap: 70px; }
.sm-hero-copy { max-width: 620px; }
.sm-eyebrow { color: var(--cm-purple-light); font-size: 10px; letter-spacing: 1.7px; }
.sm-hero h1 { max-width: 700px; font-size: clamp(43px, 6vw, 80px); letter-spacing: -.055em; text-wrap: balance; }
.sm-hero h1 span { color: var(--cm-purple-light); text-shadow: 0 0 28px rgba(189,69,231,.45); }
.sm-hero-description { max-width: 570px; color: var(--cm-muted); font-size: 16px; line-height: 1.75; }
.sm-hero-features { justify-content: flex-start; gap: 8px; margin-bottom: 32px; }
.sm-hero-features span { border-color: var(--cm-line); border-radius: 999px; background: rgba(255,255,255,.035); color: #dfd5e5; font-size: 11px; }
.sm-hero-features span i { color: var(--cm-purple-light); }
.sm-hero-actions { gap: 12px; }
.sm-primary-button, .sm-secondary-button { min-height: 48px; border-radius: 999px; font-size: 12px; }
.sm-primary-button { padding: 12px 21px; border-color: rgba(233,213,255,.7); background: linear-gradient(105deg, #c084fc, #8b5cf6); color: #140b1d; box-shadow: 0 9px 28px rgba(139,92,246,.28); }
.sm-primary-button:hover { background: linear-gradient(105deg, #d8b4fe, #a78bfa); color: #100718; box-shadow: 0 12px 34px rgba(192,132,252,.36); transform: translateY(-2px); }
.sm-secondary-button { padding: 12px 19px; border: 1px solid var(--cm-line); background: rgba(255,255,255,.035); color: #f0eaf3; }
.sm-secondary-button:hover { border-color: var(--cm-line-strong); background: rgba(189,69,231,.12); color: #fff; }
.sm-hero-scroll { margin-top: 90px; color: #8e8496; }

.sm-stream-visual { min-height: 440px; }
.sm-stream-glow { opacity: .58; filter: blur(12px); }
.sm-stream-glow-one { background: #b436de; }
.sm-stream-glow-two { background: #7564ff; }
.sm-screen-shell { border-color: rgba(234,171,255,.3); border-radius: 18px; background: linear-gradient(135deg, #1b1323, #0d0912); box-shadow: 0 30px 90px rgba(0,0,0,.5), 0 0 60px rgba(189,69,231,.18); }
.sm-screen-shell::after { opacity: .5; }
.sm-stream-pills span { border-color: var(--cm-line); border-radius: 999px; background: rgba(14,9,19,.8); }

.sm-section { padding-top: 86px; padding-bottom: 86px; }
.sm-catalog { border-top: 1px solid rgba(255,255,255,.06); background: transparent !important; }
.sm-catalog-heading { margin-bottom: 34px; }
.sm-catalog-heading h2, .sm-section-heading h2 { letter-spacing: -.045em; }
.sm-catalog-heading h2 span { color: var(--cm-purple-light); }
.sm-catalog-heading p, .sm-section-heading > p { color: var(--cm-muted); }
.sm-product-search { min-height: 56px; border-color: var(--cm-line); border-radius: 999px; background: rgba(255,255,255,.035) !important; box-shadow: inset 3px 0 0 var(--cm-purple); }
.sm-product-search i { width: 32px; height: 32px; border-color: var(--cm-line); border-radius: 50%; background: rgba(189,69,231,.14) !important; color: var(--cm-purple-light); }
.sm-product-search input { font-size: 13px; }

/* Marketplace structure inspired by the supplied reference video. */
.sm-market-showcase,
.sm-marketplace-page {
  position: relative;
  border-top: 1px solid rgba(255,255,255,.06);
  background:
    radial-gradient(820px 360px at 50% 0%, rgba(192,132,252,.12), transparent 70%),
    transparent;
}

.sm-market-shell,
.sm-marketplace-shell { max-width: 1220px; padding-right: 20px; padding-left: 20px; }

.sm-market-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 430px);
  align-items: end;
  gap: 48px;
  margin-bottom: 30px;
}

.sm-market-kicker {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 13px;
  color: #d8b4fe;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .17em;
}

.sm-market-kicker span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #d8b4fe;
  box-shadow: 0 0 15px #c084fc;
}

.sm-market-heading h2,
.sm-marketplace-hero h1 {
  max-width: 760px;
  margin: 0;
  color: #fff;
  font-size: clamp(35px, 5vw, 62px);
  font-weight: 800;
  letter-spacing: -.055em;
  line-height: .98;
  text-wrap: balance;
}

.sm-market-heading-copy > p:last-child,
.sm-marketplace-hero > div > p:last-child {
  max-width: 620px;
  margin: 18px 0 0;
  color: var(--cm-muted);
  font-size: 14px;
  line-height: 1.7;
}

.sm-market-search {
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: center;
  gap: 12px;
  min-height: 54px;
  padding: 5px 6px 5px 17px;
  border: 1px solid var(--cm-line);
  border-radius: 999px;
  background: rgba(255,255,255,.035);
  box-shadow: inset 0 1px rgba(255,255,255,.035);
}

.sm-market-search > i { color: #d8b4fe; }
.sm-market-search input { min-width: 0; border: 0; outline: 0; background: transparent; color: #fff; font-size: 12px; }
.sm-market-search input::placeholder { color: #766e7e; }
.sm-market-search > span { padding: 10px 15px; border-radius: 999px; background: rgba(192,132,252,.15); color: #ead7ff; font-size: 10px; font-weight: 800; }

.sm-market-toolbar,
.sm-category-pills {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 25px;
  padding: 7px;
  overflow-x: auto;
  border: 1px solid var(--cm-line);
  border-radius: 14px;
  background: rgba(255,255,255,.025);
  scrollbar-width: none;
}

.sm-market-toolbar::-webkit-scrollbar,
.sm-category-pills::-webkit-scrollbar { display: none; }

.sm-market-toolbar a,
.sm-category-pills a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid transparent;
  border-radius: 999px;
  color: #968e9e;
  font-size: 10px;
  font-weight: 800;
  white-space: nowrap;
}

.sm-market-toolbar a:last-child { margin-left: auto; }
.sm-market-toolbar a:hover,
.sm-market-toolbar a.is-active,
.sm-category-pills a:hover,
.sm-category-pills a.is-active { border-color: rgba(216,180,254,.34); background: rgba(192,132,252,.13); color: #f3e8ff; }

.sm-market-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.sm-market-item { min-width: 0; }
.sm-market-item > .sm-product-card,
.sm-market-item > .sm-product-group-card { width: 100%; height: 100%; }

.sm-market-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 28px;
  padding-top: 21px;
  border-top: 1px solid var(--cm-line);
}

.sm-market-footer p { margin: 0; color: #817987; font-size: 11px; }
.sm-market-footer p i { margin-right: 7px; color: #c084fc; }
.sm-market-footer a { color: #ead7ff; font-size: 11px; font-weight: 800; }
.sm-market-footer a i { margin-left: 7px; }

.sm-marketplace-page { min-height: 70vh; padding: 40px 0 96px; }
.sm-marketplace-breadcrumb { display: flex; align-items: center; gap: 10px; margin-bottom: 34px; color: #746d7c; font-size: 10px; font-weight: 700; }
.sm-marketplace-breadcrumb a { color: #aaa1b3; }
.sm-marketplace-breadcrumb i { font-size: 7px; }

.sm-marketplace-hero {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(300px,420px);
  align-items: end;
  gap: 60px;
  margin-bottom: 35px;
  padding: 40px;
  overflow: hidden;
  border: 1px solid var(--cm-line);
  border-radius: 22px;
  background:
    radial-gradient(430px 220px at 100% 0%, rgba(192,132,252,.21), transparent 72%),
    linear-gradient(135deg, rgba(24,16,31,.96), rgba(10,7,14,.98));
}

.sm-marketplace-hero-note,
.sm-marketplace-security {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 15px;
  border: 1px solid var(--cm-line);
  border-radius: 13px;
  background: rgba(255,255,255,.027);
}

.sm-marketplace-hero-note > i,
.sm-marketplace-security > i {
  display: grid;
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  place-items: center;
  border-radius: 11px;
  background: linear-gradient(145deg, rgba(192,132,252,.3), rgba(139,92,246,.18));
  color: #ead7ff;
}

.sm-marketplace-hero-note strong,
.sm-marketplace-hero-note span,
.sm-marketplace-security strong,
.sm-marketplace-security span { display: block; }
.sm-marketplace-hero-note strong,
.sm-marketplace-security strong { color: #fff; font-size: 12px; }
.sm-marketplace-hero-note span,
.sm-marketplace-security span { margin-top: 3px; color: #8f8798; font-size: 10px; line-height: 1.5; }

.sm-marketplace-layout { display: grid; grid-template-columns: 240px minmax(0,1fr); gap: 26px; }
.sm-marketplace-sidebar { min-width: 0; }
.sm-filter-card { padding: 19px; border: 1px solid var(--cm-line); border-radius: 16px; background: linear-gradient(150deg, rgba(24,16,31,.96), rgba(11,8,15,.98)); }
.sm-filter-card-heading { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 22px; }
.sm-filter-card-heading span { display: block; color: #9a78bc; font-size: 9px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.sm-filter-card-heading h2 { margin: 2px 0 0; color: #fff; font-size: 20px; font-weight: 800; }
.sm-filter-card-heading > i { color: #d8b4fe; }
.sm-filter-label { display: block; margin: 0 0 9px; color: #a9a0b1; font-size: 9px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.sm-filter-input { display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: 9px; min-height: 42px; padding: 0 12px; border: 1px solid var(--cm-line); border-radius: 9px; background: rgba(4,3,7,.55); }
.sm-filter-input i { color: #8c8195; font-size: 11px; }
.sm-filter-input input { min-width: 0; border: 0; outline: 0; background: transparent; color: #fff; font-size: 11px; }
.sm-filter-section { margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--cm-line); }
.sm-filter-category { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 35px; margin: 2px 0; padding: 0 9px 0 calc(9px + (var(--category-depth, 0) * 8px)); border: 1px solid transparent; border-radius: 8px; color: #908895; font-size: 10px; font-weight: 700; }
.sm-filter-category i { font-size: 8px; }
.sm-filter-category:hover,
.sm-filter-category.is-active { border-color: rgba(216,180,254,.22); background: rgba(192,132,252,.1); color: #f3e8ff; }
.sm-filter-prices { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.sm-filter-prices label span { display: block; margin-bottom: 6px; color: #77707e; font-size: 8px; }
.sm-filter-prices input { width: 100%; min-height: 39px; padding: 0 9px; border: 1px solid var(--cm-line); border-radius: 8px; outline: 0; background: rgba(4,3,7,.55); color: #fff; font-size: 10px; }
.sm-filter-prices input:focus,
.sm-filter-input:focus-within { border-color: var(--cm-line-strong); box-shadow: 0 0 0 3px rgba(192,132,252,.09); }
.sm-filter-submit,
.sm-filter-reset { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 42px; border-radius: 999px; font-size: 10px; font-weight: 900; }
.sm-filter-submit { margin-top: 20px; border: 1px solid rgba(233,213,255,.55); background: linear-gradient(110deg,#c084fc,#8b5cf6); color: #13091c; }
.sm-filter-reset { margin-top: 8px; border: 1px solid var(--cm-line); color: #a69dab; }
.sm-marketplace-security { margin-top: 13px; }

.sm-marketplace-results-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 16px; }
.sm-marketplace-results-heading span { display: block; color: #756d7e; font-size: 9px; font-weight: 800; text-transform: uppercase; }
.sm-marketplace-results-heading strong { display: block; margin-top: 3px; color: #fff; font-size: 19px; }
.sm-marketplace-results-heading p { margin: 0; color: #827a89; font-size: 10px; }
.sm-marketplace-results-heading b { color: #d8b4fe; }
.sm-market-grid-results { grid-template-columns: repeat(3,minmax(0,1fr)); }
.sm-marketplace-pagination { margin-top: 26px; }
.sm-marketplace-empty { display: grid; min-height: 390px; place-items: center; align-content: center; padding: 30px; border: 1px dashed var(--cm-line-strong); border-radius: 18px; background: rgba(255,255,255,.018); text-align: center; }
.sm-marketplace-empty > span { display: grid; width: 58px; height: 58px; place-items: center; border-radius: 15px; background: rgba(192,132,252,.13); color: #d8b4fe; font-size: 22px; }
.sm-marketplace-empty h2 { margin: 15px 0 4px; color: #fff; font-size: 22px; }
.sm-marketplace-empty p { margin: 0 0 17px; color: #8b8391; font-size: 12px; }
.sm-marketplace-empty a { color: #d8b4fe; font-size: 11px; font-weight: 800; }
.sm-marketplace-mobile-tools { display: none; }

.sm-filter-modal { position: fixed; inset: 0; z-index: 240; display: grid; visibility: hidden; opacity: 0; transition: opacity .2s ease, visibility .2s ease; }
.sm-filter-modal[x-cloak] { display: none !important; }
.sm-filter-modal:not([style*="display: none"]):not([style*="display:none"]) { visibility: visible; opacity: 1; }
.sm-filter-modal-backdrop { position: absolute; inset: 0; border: 0; background: rgba(3,2,5,.82); backdrop-filter: blur(12px); }
.sm-filter-modal-panel { position: relative; z-index: 1; width: min(92vw,460px); max-height: 88vh; margin: auto; overflow-y: auto; border: 1px solid var(--cm-line-strong); border-radius: 20px; background: #0d0912; box-shadow: 0 30px 90px rgba(0,0,0,.7); }
.sm-filter-modal-panel > header { display: flex; align-items: center; justify-content: space-between; padding: 20px; border-bottom: 1px solid var(--cm-line); }
.sm-filter-modal-panel > header span { color: #9a78bc; font-size: 9px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.sm-filter-modal-panel > header h2 { margin: 2px 0 0; color: #fff; font-size: 20px; }
.sm-filter-modal-panel > header button { width: 37px; height: 37px; border: 1px solid var(--cm-line); border-radius: 50%; background: rgba(255,255,255,.03); color: #fff; }
.sm-filter-modal-panel .sm-filter-card { border: 0; border-radius: 0; background: transparent; }

.sm-product-card, .sm-product-group-card {
  border-color: var(--cm-line) !important;
  border-radius: 15px !important;
  background: linear-gradient(160deg, rgba(26,16,34,.98), rgba(13,9,17,.98)) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.18);
}
.sm-product-card:hover, .sm-product-group-card:hover { border-color: var(--cm-line-strong) !important; box-shadow: 0 16px 42px rgba(0,0,0,.35), 0 0 26px rgba(189,69,231,.13); transform: translateY(-4px); }
.sm-product-card-media, .sm-product-group-card .sm-product-card-media { min-height: 210px; background: #0d0912 !important; }
.sm-product-card-media img, .sm-product-group-card .sm-product-card-media img { height: 210px; object-fit: cover; }
.sm-product-group-card .sm-product-card-media img { object-fit: contain; }
.sm-product-card-body, .sm-product-group-card .sm-product-card-body { min-height: 150px; padding: 18px; }
.sm-product-card-meta { color: #9e92a8; font-size: 10px; }
.sm-product-card-meta i, .sm-product-price { color: var(--cm-purple-light) !important; }
.sm-product-card-title, .sm-product-group-card .sm-product-card-title { min-height: 2.7em; margin: 12px 0 16px; color: #fff; font-size: 16px; line-height: 1.35; }
.sm-product-price { font-size: 16px; }
.sm-product-badge { border-radius: 999px; box-shadow: 0 0 15px rgba(189,69,231,.24); }

.sm-trust-grid { border-color: var(--cm-line); }
.sm-trust-grid article { border-color: var(--cm-line); background: rgba(255,255,255,.018); }
.sm-trust-grid i { color: var(--cm-purple-light); }
.sm-feedback-section { border-color: var(--cm-line); background: rgba(24,14,31,.72); }
.sm-feedback-card { border-color: var(--cm-line); border-radius: 15px; background: rgba(10,7,13,.72); }
.sm-feedback-stars, .sm-feedback-reply strong { color: var(--cm-purple-light); }

.sm-affiliate-section { background: transparent; }
.sm-affiliate-card { border-color: var(--cm-line); border-radius: 18px; background: linear-gradient(110deg, rgba(40,18,51,.9), rgba(19,12,25,.9)); box-shadow: 0 20px 55px rgba(0,0,0,.25); }
.sm-affiliate-icon { border-color: rgba(237,168,255,.4); border-radius: 50%; background: rgba(189,69,231,.18); color: var(--cm-purple-light); }

.sm-product-page { background: transparent !important; }
.sm-product-gallery, .sm-product-description, .sm-product-detail, .sm-product-checkout-card { border-color: var(--cm-line) !important; border-radius: 18px !important; background: linear-gradient(150deg, rgba(26,16,34,.96), rgba(13,9,17,.96)) !important; }
.sm-product-gallery { min-height: 430px; }
.sm-product-gallery img { object-fit: contain; }
.sm-product-detail h1 { letter-spacing: -.04em; }
.sm-product-proof span { border-color: var(--cm-line); background: rgba(189,69,231,.08); }
.sm-variant-option, .sm-form-group input, .sm-quantity-control { border-color: var(--cm-line); border-radius: 12px; background: rgba(7,5,10,.8) !important; }
.sm-variant-option:hover, .sm-variant-option.is-selected { border-color: var(--cm-line-strong); background: rgba(189,69,231,.12) !important; }
.sm-volume-pricing { border-color: var(--cm-line); border-radius: 15px; background: rgba(15,9,20,.8); }

.sm-group-modal, .sm-group-modal-panel { border-radius: 20px; }
.sm-group-modal { background: rgba(4,3,6,.8); backdrop-filter: blur(14px); }
.sm-group-modal-panel { border: 1px solid var(--cm-line-strong); background: linear-gradient(150deg, #1a1021, #0b080e); box-shadow: 0 28px 90px rgba(0,0,0,.65), 0 0 38px rgba(189,69,231,.16); }
.sm-group-modal-header { border-color: var(--cm-line); }
.sm-group-modal-header > div > span { color: var(--cm-purple-light); }
.sm-group-modal-close { border-color: var(--cm-line); border-radius: 50%; background: rgba(255,255,255,.04); }
.sm-group-modal-product { border-color: var(--cm-line); border-radius: 13px; background: rgba(255,255,255,.025); }
.sm-group-modal-product:hover { border-color: var(--cm-line-strong); background: rgba(189,69,231,.1); }
.sm-group-modal-product-media { background: #0a070d; }

.sm-footer { border-color: var(--cm-line); background: #07050a !important; }
.sm-footer-links a:hover { color: var(--cm-purple-light); }

/* Cart page */
.sm-cart-page {
  min-height: 70vh;
  padding: 52px 0 96px;
  border-top: 1px solid rgba(255,255,255,.05);
  background: radial-gradient(760px 360px at 82% 0%, rgba(192,132,252,.12), transparent 70%);
}
.sm-cart-page-shell { width: min(1120px, calc(100% - 32px)); max-width: none; margin-inline: auto; }
.sm-cart-page-heading { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: 28px; margin-bottom: 30px; }
.sm-cart-page-heading h1 { max-width: 720px; margin: 0; color: #fff; font-size: clamp(36px,5vw,58px); font-weight: 850; line-height: 1; text-wrap: balance; }
.sm-cart-page-heading > div > p:last-child { max-width: 560px; margin: 15px 0 0; color: var(--cm-muted); font-size: 13px; line-height: 1.65; }
.sm-cart-page-secure { display: grid; grid-template-columns: 38px auto; column-gap: 11px; align-items: center; min-width: 220px; padding: 13px 15px; border: 1px solid var(--cm-line); border-radius: 12px; background: rgba(255,255,255,.025); }
.sm-cart-page-secure > i { grid-row: 1 / 3; display: grid; width: 38px; height: 38px; place-items: center; border-radius: 9px; background: rgba(192,132,252,.13); color: #d8b4fe; }
.sm-cart-page-secure strong, .sm-cart-page-secure small { display: block; }
.sm-cart-page-secure strong { color: #fff; font-size: 11px; }
.sm-cart-page-secure small { margin-top: 2px; color: #817989; font-size: 9px; }
.sm-cart-page-layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(320px,370px); gap: 22px; align-items: start; }
.sm-cart-list-heading { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 12px; }
.sm-cart-list-heading h2 { margin: 0; color: #fff; font-size: 14px; font-weight: 850; }
.sm-cart-list-heading span { padding: 5px 9px; border: 1px solid var(--cm-line); border-radius: 999px; color: #aaa2b5; font-size: 9px; font-weight: 800; }
.sm-cart-page-items { display: grid; gap: 10px; }
.sm-cart-item { display: grid; grid-template-columns: 70px minmax(0,1fr) auto; align-items: center; gap: 16px; min-width: 0; padding: 14px; border: 1px solid var(--cm-line); border-radius: 12px; background: linear-gradient(145deg, rgba(24,15,31,.94), rgba(10,7,14,.97)); transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease; }
.sm-cart-item:hover { border-color: rgba(192,132,252,.38); box-shadow: 0 14px 34px rgba(0,0,0,.2); transform: translateY(-1px); }
.sm-cart-item-image { display: grid; width: 70px; height: 70px; place-items: center; overflow: hidden; border: 1px solid rgba(255,255,255,.07); border-radius: 9px; background: #08060b; color: #c084fc; }
.sm-cart-item-image img { width: 100%; height: 100%; object-fit: contain; }
.sm-cart-item-details { min-width: 0; }
.sm-cart-item-details strong, .sm-cart-item-details small, .sm-cart-item-details b { display: block; }
.sm-cart-item-details strong { overflow: hidden; color: #fff; font-size: 13px; font-weight: 850; text-overflow: ellipsis; white-space: nowrap; }
.sm-cart-item-details small { overflow: hidden; margin-top: 4px; color: #867e8d; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.sm-cart-item-details b { margin-top: 8px; color: #e9d5ff; font-size: 12px; }
.sm-cart-item-controls { display: flex; align-items: center; gap: 6px; }
.sm-cart-item-controls > span { min-width: 24px; color: #fff; font-size: 11px; font-weight: 850; text-align: center; }
.sm-cart-quantity-button { display: grid; width: 32px; height: 32px; place-items: center; border: 1px solid var(--cm-line); border-radius: 8px; background: rgba(255,255,255,.025); color: #bbb3c2; font-size: 10px; cursor: pointer; }
.sm-cart-quantity-button:hover:not(:disabled) { border-color: var(--cm-line-strong); background: rgba(192,132,252,.12); color: #fff; }
.sm-cart-quantity-button:disabled { opacity: .38; cursor: not-allowed; }
.sm-cart-page-summary { position: sticky; top: 96px; padding: 24px; border: 1px solid rgba(216,180,254,.24); border-radius: 14px; background: radial-gradient(circle at 90% 0%, rgba(192,132,252,.15), transparent 38%), linear-gradient(150deg, rgba(25,15,33,.98), rgba(10,7,14,.99)); box-shadow: 0 22px 58px rgba(0,0,0,.3); }
.sm-cart-summary-eyebrow { margin: 0 0 7px; color: #c084fc; font-size: 9px; font-weight: 900; letter-spacing: .14em; }
.sm-cart-page-summary h2 { margin: 0; color: #fff; font-size: 20px; font-weight: 850; }
.sm-cart-page-summary .sm-cart-total { display: flex; align-items: end; justify-content: space-between; gap: 18px; margin: 24px 0 18px; padding: 18px 0; border-top: 1px solid var(--cm-line); border-bottom: 1px solid var(--cm-line); }
.sm-cart-page-summary .sm-cart-total span { color: #8f8798; font-size: 11px; }
.sm-cart-page-summary .sm-cart-total strong { color: #fff; font-size: 24px; line-height: 1; }
.sm-cart-page-summary .sm-primary-button { display: flex; width: 100%; justify-content: center; }
.sm-cart-summary-note { margin: 13px 0 0; color: #7f7787; font-size: 9px; text-align: center; }
.sm-cart-summary-note i { margin-right: 5px; color: #c084fc; }
.sm-cart-continue { display: flex; align-items: center; justify-content: center; gap: 7px; margin-top: 16px; color: #aaa2b5; font-size: 10px; font-weight: 800; }
.sm-cart-continue:hover { color: #fff; }
.sm-cart-page-empty { display: grid; min-height: 390px; place-items: center; align-content: center; padding: 36px; border: 1px dashed var(--cm-line-strong); border-radius: 16px; background: rgba(255,255,255,.018); text-align: center; }
.sm-cart-page-empty[hidden] { display: none; }
.sm-cart-page-empty > span { display: grid; width: 58px; height: 58px; place-items: center; border-radius: 14px; background: rgba(192,132,252,.13); color: #d8b4fe; font-size: 21px; }
.sm-cart-page-empty h2 { margin: 16px 0 5px; color: #fff; font-size: 22px; }
.sm-cart-page-empty p { margin: 0 0 18px; color: var(--cm-muted); font-size: 12px; }
.sm-cart-page-empty .sm-primary-button { display: inline-flex; width: auto; }

@media (max-width: 860px) {
  .sm-cart-page-heading { grid-template-columns: 1fr; }
  .sm-cart-page-secure { display: none; }
  .sm-cart-page-layout { grid-template-columns: 1fr; }
  .sm-cart-page-summary { position: static; }
}

@media (max-width: 575.98px) {
  .sm-cart-page { padding: 34px 0 68px; }
  .sm-cart-page-shell { width: calc(100% - 24px); }
  .sm-cart-page-heading h1 { font-size: 37px; }
  .sm-cart-item { grid-template-columns: 56px minmax(0,1fr); gap: 12px; padding: 12px; }
  .sm-cart-item-image { width: 56px; height: 56px; }
  .sm-cart-item-controls { grid-column: 1 / -1; justify-content: flex-end; padding-top: 10px; border-top: 1px solid var(--cm-line); }
  .sm-cart-page-summary { padding: 19px; }
}

/* Customer navigation follows the compact dashboard layout shown in the video. */
.cm-account-sidebar {
  position: sticky;
  top: 96px;
  display: flex;
  min-height: 560px;
  flex-direction: column;
  padding: 18px;
  border: 1px solid var(--cm-line);
  border-radius: 18px;
  background: linear-gradient(155deg, rgba(23,16,30,.97), rgba(9,7,12,.98));
  box-shadow: 0 20px 60px rgba(0,0,0,.27);
}
.cm-account-sidebar-brand { display: flex; align-items: center; gap: 11px; padding: 4px 4px 20px; border-bottom: 1px solid var(--cm-line); }
.cm-account-sidebar-brand img { width: 38px; height: 38px; border: 1px solid rgba(216,180,254,.42); border-radius: 11px; object-fit: cover; box-shadow: 0 0 20px rgba(192,132,252,.18); }
.cm-account-sidebar-brand strong,
.cm-account-sidebar-brand span { display: block; }
.cm-account-sidebar-brand strong { color: #fff; font-size: 13px; }
.cm-account-sidebar-brand span { margin-top: 2px; color: #807788; font-size: 9px; }
.cm-account-sidebar nav { display: grid; gap: 5px; margin-top: 22px; }
.cm-account-sidebar nav > p { margin: 0 9px 6px; color: #6e6675; font-size: 8px; font-weight: 900; letter-spacing: .16em; }
.cm-account-sidebar nav a { display: grid; grid-template-columns: 29px minmax(0,1fr) auto; align-items: center; min-height: 42px; padding: 0 10px; border: 1px solid transparent; border-radius: 10px; color: #9c94a2; font-size: 10px; font-weight: 800; }
.cm-account-sidebar nav a > i { color: #817489; text-align: center; }
.cm-account-sidebar nav a > b { color: #d8b4fe; font-size: 8px; }
.cm-account-sidebar nav a:hover,
.cm-account-sidebar nav a.is-active { border-color: rgba(216,180,254,.28); background: linear-gradient(100deg,rgba(192,132,252,.16),rgba(139,92,246,.08)); color: #fff; }
.cm-account-sidebar nav a.is-active > i { color: #d8b4fe; }
.cm-account-sidebar footer { display: grid; grid-template-columns: 34px minmax(0,1fr) 31px; align-items: center; gap: 9px; margin-top: auto; padding: 12px; border: 1px solid var(--cm-line); border-radius: 12px; background: rgba(255,255,255,.025); }
.cm-account-sidebar-avatar { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 9px; background: linear-gradient(145deg,#c084fc,#7c3aed); color: #13091c; }
.cm-account-sidebar footer strong,
.cm-account-sidebar footer span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cm-account-sidebar footer strong { color: #fff; font-size: 9px; }
.cm-account-sidebar footer div > span { margin-top: 2px; color: #77707e; font-size: 8px; }
.cm-account-sidebar footer button { width: 31px; height: 31px; border: 1px solid var(--cm-line); border-radius: 8px; background: transparent; color: #9a919f; }
.cm-account-sidebar footer button:hover { border-color: var(--cm-line-strong); color: #fff; }

/* Customer, login and checkout pages share the same visual language. */
.sm-login-modal { background: rgba(4,3,7,.82); backdrop-filter: blur(16px); }
.sm-login-card { border-color: var(--cm-line-strong) !important; border-radius: 22px !important; background: linear-gradient(150deg, #1a1022, #0c080f) !important; box-shadow: 0 30px 100px rgba(0,0,0,.62), 0 0 40px rgba(189,69,231,.18); }
.sm-login-icon { border-color: rgba(233,213,255,.65) !important; background: linear-gradient(140deg, #c084fc, #8b5cf6) !important; color: #140b1d !important; box-shadow: 0 0 28px rgba(192,132,252,.38); }
.sm-login-field { border-color: var(--cm-line) !important; border-radius: 12px !important; background: rgba(5,4,8,.8) !important; }
.sm-login-field:focus-within { border-color: var(--cm-purple-light) !important; box-shadow: 0 0 0 3px rgba(189,69,231,.15); }

@media (max-width: 991.98px) {
  .sm-header-inner { min-height: 68px; }
  .sm-navigation { border-radius: 15px; background: #130c19; }
  .sm-navigation a { border-radius: 10px; }
  .sm-hero-grid { padding-top: 78px; }
  .sm-nav-actions > .sm-affiliate-link { width: 40px; padding: 0; font-size: 0; }
  .sm-nav-actions > .sm-affiliate-link i { font-size: 13px; }
  .sm-shop-link { display: none !important; }
  .sm-market-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .sm-market-heading { grid-template-columns: 1fr; gap: 24px; }
  .sm-market-search { max-width: 580px; }
  .sm-marketplace-hero { grid-template-columns: 1fr; gap: 28px; }
  .sm-marketplace-layout { grid-template-columns: 1fr; }
  .sm-marketplace-sidebar { display: none; }
  .sm-marketplace-mobile-tools { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 16px; }
  .sm-marketplace-mobile-tools button { min-height: 40px; padding: 0 15px; border: 1px solid var(--cm-line-strong); border-radius: 999px; background: rgba(192,132,252,.12); color: #f3e8ff; font-size: 10px; font-weight: 800; }
  .sm-marketplace-mobile-tools button i { margin-right: 7px; }
  .sm-marketplace-mobile-tools span { color: #817988; font-size: 10px; }
  .cm-account-sidebar { position: static; min-height: 0; padding: 12px; }
  .cm-account-sidebar-brand { display: none; }
  .cm-account-sidebar nav { display: flex; gap: 6px; margin: 0; overflow-x: auto; scrollbar-width: none; }
  .cm-account-sidebar nav::-webkit-scrollbar { display: none; }
  .cm-account-sidebar nav > p { display: none; }
  .cm-account-sidebar nav a { grid-template-columns: auto auto; min-width: max-content; min-height: 39px; gap: 7px; padding: 0 12px; }
  .cm-account-sidebar nav a > b { display: none; }
  .cm-account-sidebar footer { display: none; }
}

@media (max-width: 767.98px) {
  .sm-header-inner { padding: 0 13px; gap: 9px; }
  .sm-brand { font-size: 14px; }
  .sm-brand img { width: 32px; height: 32px; }
  .sm-nav-actions { gap: 5px; }
  .sm-search-link, .sm-discord-link { display: none !important; }
  .sm-account-link { width: 40px; padding: 0; justify-content: center; font-size: 0; }
  .sm-account-link i { margin: 0; font-size: 13px; }
  .sm-hero-grid { min-height: auto; padding: 68px 15px 58px; gap: 34px; }
  .sm-hero h1 { font-size: clamp(41px, 12vw, 58px); }
  .sm-hero-description { font-size: 14px; }
  .sm-hero-actions { flex-direction: row; }
  .sm-primary-button, .sm-secondary-button { width: auto; flex: 1 1 0; padding-inline: 12px; font-size: 11px; }
  .sm-hero-scroll { margin-top: 48px; }
  .sm-stream-visual { min-height: 300px; }
  .sm-screen-shell { top: 28px; left: 12px; min-height: 220px; }
  .sm-product-card-media, .sm-product-group-card .sm-product-card-media { min-height: 160px; }
  .sm-product-card-media img, .sm-product-group-card .sm-product-card-media img { height: 160px; }
  .sm-product-card-body, .sm-product-group-card .sm-product-card-body { min-height: 138px; padding: 13px; }
  .sm-product-card-title, .sm-product-group-card .sm-product-card-title { font-size: 14px; }
  .sm-product-price { font-size: 14px; }
  .sm-market-shell, .sm-marketplace-shell { padding-right: 14px; padding-left: 14px; }
  .sm-market-heading h2, .sm-marketplace-hero h1 { font-size: clamp(35px,10vw,48px); }
  .sm-market-toolbar a:last-child { margin-left: 0; }
  .sm-market-grid, .sm-market-grid-results { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  .sm-market-footer { align-items: flex-start; flex-direction: column; }
  .sm-marketplace-page { padding-top: 24px; padding-bottom: 68px; }
  .sm-marketplace-breadcrumb { margin-bottom: 20px; }
  .sm-marketplace-hero { padding: 25px 20px; border-radius: 17px; }
  .sm-marketplace-hero-note { align-items: flex-start; }
  .sm-category-pills { margin-bottom: 18px; border-radius: 12px; }
  .sm-marketplace-results-heading { align-items: flex-start; flex-direction: column; gap: 5px; }
  .sm-trust-grid { grid-template-columns: 1fr; }
  .sm-trust-grid article { min-height: 135px; border-right: 0; border-bottom: 1px solid var(--cm-line); }
  .sm-trust-grid article:last-child { border-bottom: 0; }
  .sm-affiliate-card { padding: 20px; }
}

@media (max-width: 430px) {
  .sm-market-grid, .sm-market-grid-results { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
  .sm-market-item .sm-product-card-media,
  .sm-market-item .sm-product-group-card .sm-product-card-media { min-height: 130px; }
  .sm-market-item .sm-product-card-media img,
  .sm-market-item .sm-product-group-card .sm-product-card-media img { height: 130px; }
  .sm-market-item .sm-product-card-body,
  .sm-market-item .sm-product-group-card .sm-product-card-body { min-height: 128px; padding: 11px; }
  .sm-market-item .sm-product-card-title,
  .sm-market-item .sm-product-group-card .sm-product-card-title { min-height: 3.75em; margin: 8px 0 10px; font-size: 12px; line-height: 1.25; }
  .sm-market-item .sm-product-card-meta { font-size: 8px; }
  .sm-market-item .sm-product-price { font-size: 12px; }
}

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

/* Fixed horizontal marketplace showcase */
.cm-hero-showcase { position: relative; width: min(100%, 1080px); min-height: 190px; margin: 46px auto 0; padding: 20px; overflow: hidden; border: 1px solid rgba(182,92,255,.46); border-radius: 22px; background: linear-gradient(145deg, rgba(37,18,55,.94), rgba(12,8,17,.96)); box-shadow: 0 25px 80px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.05); text-align: left; }
.cm-showcase-glow { position: absolute; width: 300px; height: 300px; top: 18%; right: -100px; border-radius: 50%; background: rgba(182,92,255,.4); filter: blur(80px); pointer-events: none; }
.cm-showcase-header { position: relative; z-index: 1; display: flex; align-items: center; gap: 9px; color: #eee5f7; font-size: 11px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.cm-showcase-dot { width: 8px; height: 8px; border-radius: 50%; background: #d8a4ff; box-shadow: 0 0 12px #d8a4ff; }
.cm-showcase-header a { margin-left: auto; color: #d8a4ff; font-size: 10px; letter-spacing: .04em; text-decoration: none; text-transform: none; }
.cm-showcase-header a:hover { color: #fff; }
.cm-showcase-window { position: relative; height: 112px; margin-top: 16px; overflow: hidden; mask-image: linear-gradient(to right, transparent, #000 5%, #000 95%, transparent); }
.cm-showcase-track { display: flex; width: max-content; gap: 12px; will-change: transform; animation: cm-showcase-left 34s linear infinite; }
.cm-showcase-set { display: flex; flex: 0 0 auto; gap: 12px; }
.cm-showcase-product { display: grid; grid-template-columns: 78px minmax(0,1fr); align-items: center; flex: 0 0 270px; gap: 13px; min-height: 96px; padding: 9px; border: 1px solid rgba(182,92,255,.3); border-radius: 15px; background: linear-gradient(135deg, rgba(24,14,34,.96), rgba(13,9,20,.96)); color: #fff; text-decoration: none; box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 10px 25px rgba(0,0,0,.2); transition: border-color .2s ease, transform .2s ease, background .2s ease, box-shadow .2s ease; }
.cm-showcase-product:hover { border-color: rgba(216,180,254,.8); background: rgba(48,27,62,.95); transform: translateY(-2px); }
.cm-showcase-product-image { display: grid; width: 78px; height: 78px; place-items: center; overflow: hidden; border: 1px solid rgba(216,180,254,.15); border-radius: 11px; background: #3a1d55; color: #d8a4ff; }
.cm-showcase-product-image img { width: 100%; height: 100%; object-fit: cover; }
.cm-showcase-product-copy { min-width: 0; }
.cm-showcase-product strong { display: -webkit-box; overflow: hidden; color: #fff; font-size: 13px; line-height: 1.35; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.cm-showcase-product small { display: block; margin-top: 8px; color: #dda9ff; font-size: 12px; font-weight: 900; }
@keyframes cm-showcase-left { from { transform: translate3d(0,0,0); } to { transform: translate3d(calc(-50% - 6px),0,0); } }

.sm-hero-features { width: 100%; align-items: stretch; justify-content: center !important; text-align: center; }
.sm-hero-features span { justify-content: center; text-align: center; }

/* Fixed marketplace footer */
.cm-footer { margin-top: 72px; border-top: 0; background: transparent; color: #a8a0b4; }
.cm-footer-inner { width: min(100% - 40px, 1280px); margin: 0 auto; padding: 44px 0 24px; }
.cm-footer-signup { display: flex; align-items: center; justify-content: space-between; gap: 28px; padding: 34px 42px; border: 1px solid rgba(216,180,254,.18); border-radius: 18px; background: linear-gradient(110deg, rgba(30,18,38,.94), rgba(18,11,24,.9)); box-shadow: inset 0 1px 0 rgba(255,255,255,.03); }
.cm-footer-kicker { margin: 0 0 8px; color: #d8a4ff; font-size: 11px; font-weight: 900; letter-spacing: .14em; }
.cm-footer-signup h2 { margin: 0 0 8px; color: #f8f5fb; font-size: clamp(22px, 3vw, 30px); letter-spacing: 0; }
.cm-footer-signup p { max-width: 560px; margin: 0; font-size: 14px; line-height: 1.6; }
.cm-footer-signup-action { display: flex; align-items: center; justify-content: flex-end; gap: 10px; }
.cm-footer-subscribe { display: inline-flex; align-items: center; gap: 10px; min-height: 54px; padding: 0 24px; border-radius: 999px; background: linear-gradient(135deg, #e879f9, #b65cff); color: #fff; font-weight: 800; text-decoration: none; white-space: nowrap; box-shadow: 0 10px 28px rgba(182,92,255,.34); }
.cm-footer-subscribe:hover { color: #fff; filter: brightness(1.08); transform: translateY(-1px); }
.cm-footer-grid { display: grid; grid-template-columns: minmax(240px, 1.7fr) repeat(4, minmax(120px, 1fr)); gap: 40px; padding: 58px 0 46px; }
.cm-footer-brand p { max-width: 290px; margin: 18px 0 20px; font-size: 14px; line-height: 1.65; }
.cm-footer-logo { display: inline-flex; align-items: center; gap: 11px; color: #f8f5fb; font-size: 22px; font-weight: 900; letter-spacing: 0; text-decoration: none; }
.cm-footer-logo b { color: #d8a4ff; }
.cm-footer-logo img { width: 38px; height: 38px; border: 1px solid rgba(216,180,254,.28); border-radius: 8px; object-fit: cover; box-shadow: 0 0 22px rgba(168,85,247,.3); }
.cm-footer-socials { display: flex; gap: 10px; }
.cm-footer-socials a { display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid rgba(216,180,254,.16); border-radius: 8px; color: #d8b4fe; text-decoration: none; transition: .2s ease; }
.cm-footer-socials a:hover { border-color: #d8a4ff; background: rgba(182,92,255,.2); color: #fff; transform: translateY(-2px); }
.cm-footer-column { display: flex; flex-direction: column; gap: 13px; }
.cm-footer-column h3 { margin: 0 0 8px; color: #f8f5fb; font-size: 14px; }
.cm-footer-column a { color: #9c92a8; font-size: 14px; text-decoration: none; }
.cm-footer-column a:hover { color: #d8b4fe; }
.cm-footer-payments { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 22px 0; border-top: 1px solid rgba(216,180,254,.12); border-bottom: 1px solid rgba(216,180,254,.12); }
.cm-payment-pills, .cm-footer-promises { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.cm-payment-pills span { margin-right: 5px; font-size: 13px; }
.cm-payment-pills b { display: inline-flex; min-width: 38px; min-height: 27px; align-items: center; justify-content: center; padding: 0 9px; border: 1px solid rgba(216,180,254,.16); border-radius: 8px; background: rgba(255,255,255,.035); color: #eee5f7; font-size: 10px; }
.cm-footer-promises { color: #c8bdd4; font-size: 13px; }
.cm-footer-promises span { display: inline-flex; align-items: center; gap: 7px; margin-left: 18px; }
.cm-footer-promises i { color: #d946ef; }
.cm-footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-top: 22px; font-size: 13px; }
.cm-footer-bottom p { margin: 0; }
.cm-footer-bottom a { color: #a8a0b4; text-decoration: none; }
.cm-footer-bottom a:hover { color: #d8b4fe; }

.sm-header { background: rgba(10, 6, 15, .88); backdrop-filter: blur(16px); }
.sm-navigation { padding: 4px; border: 1px solid rgba(216,180,254,.14); border-radius: 999px; background: rgba(24,15,31,.82); }
.sm-navigation a { padding: 10px 17px; border-radius: 999px; }
.sm-navigation a[href*="#catalog"] { background: rgba(255,255,255,.09); color: #fff; }

@media (max-width: 991.98px) {
  .cm-hero-showcase { width: min(100%, 760px); }
  .sm-navigation { padding: 8px; border-radius: 12px; }
  .sm-navigation a { border-radius: 8px; }
}
@media (max-width: 900px) {
  .cm-footer-signup { align-items: stretch; flex-direction: column; padding: 28px; }
  .cm-footer-signup-action { width: 100%; justify-content: flex-start; }
  .cm-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 24px; }
  .cm-footer-brand { grid-column: 1 / -1; }
  .cm-footer-payments { align-items: flex-start; flex-direction: column; }
  .cm-footer-promises span { margin: 0 18px 0 0; }
}
@media (max-width: 575.98px) {
  .cm-hero-showcase { min-height: 157px; margin-top: 32px; padding: 14px; border-radius: 16px; }
  .cm-showcase-header { font-size: 10px; }
  .cm-showcase-window { height: 87px; margin-top: 12px; }
  .cm-showcase-track, .cm-showcase-set { gap: 8px; }
  .cm-showcase-track { animation-duration: 27s; }
  .cm-showcase-product { grid-template-columns: 58px minmax(0,1fr); flex-basis: 220px; min-height: 78px; padding: 8px; gap: 9px; border-radius: 11px; }
  .cm-showcase-product-image { width: 58px; height: 58px; }
  .cm-showcase-product strong { font-size: 11px; }
  .cm-showcase-product small { margin-top: 4px; font-size: 10px; }
  .sm-nav-actions { gap: 6px; }
  .sm-account-link { width: 42px; min-width: 42px; height: 42px; min-height: 42px; flex: 0 0 42px; padding: 0; border-radius: 10px; font-size: 0; line-height: 1; }
  .sm-account-link i { display: block; margin: 0; font-size: 15px; line-height: 1; }
  .cm-footer-inner { width: min(100% - 24px, 1280px); padding-top: 28px; }
  .cm-footer-signup { padding: 22px 18px; }
  .cm-footer-subscribe { justify-content: center; }
  .cm-footer-grid { grid-template-columns: 1fr 1fr; padding: 40px 0 34px; }
  .cm-footer-brand { grid-column: 1 / -1; }
  .cm-footer-bottom { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 420px) {
  .sm-brand span { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .cm-showcase-track { animation: none; transform: none; }
}

/* Mobile layout stabilization */
@media (max-width: 767.98px) {
  .sm-body main,
  .sm-body main > *,
  .sm-body .container,
  .sm-body [class*="max-w-"] { min-width: 0; }

  .sm-body img,
  .sm-body video,
  .sm-body iframe { max-width: 100%; }

  .sm-header-inner {
    width: 100%;
    grid-template-columns: minmax(0, 1fr) 40px auto;
    padding-right: 12px;
    padding-left: 12px;
    gap: 7px;
  }
  .sm-brand { min-width: 0; gap: 8px; }
  .sm-brand span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .sm-menu-toggle { display: grid; padding: 0; place-items: center; }
  .sm-navigation { right: 10px; left: 10px; max-height: calc(100dvh - 82px); overflow-y: auto; }
  .sm-nav-actions { min-width: 0; gap: 5px; }
  .sm-nav-actions > a,
  .sm-nav-actions > button { flex-shrink: 0; }

  .sm-section { padding-top: 52px; padding-bottom: 52px; }
  .sm-page-heading { margin-bottom: 26px; }
  .sm-page-heading h1,
  .sm-section-heading h1 { overflow-wrap: anywhere; font-size: 36px; line-height: 1.08; }
  .sm-section-heading h2 { overflow-wrap: anywhere; font-size: 31px; }

  .sm-hero-grid { padding: 58px 14px 50px; }
  .sm-hero h1 { font-size: 39px; line-height: 1.02; }
  .sm-hero-description { margin: 19px 0 24px; font-size: 14px; line-height: 1.65; }
  .sm-hero-features { margin-bottom: 24px; }
  .sm-hero-scroll { margin-top: 38px; }

  .sm-market-shell,
  .sm-marketplace-shell { padding-right: 12px; padding-left: 12px; }
  .sm-market-heading h2,
  .sm-marketplace-hero h1 { font-size: 36px; line-height: 1.04; }
  .sm-marketplace-hero { padding: 22px 18px; }
  .sm-marketplace-hero-note { width: 100%; min-width: 0; }
  .sm-category-pills { max-width: 100%; overflow-x: auto; scrollbar-width: none; }
  .sm-category-pills::-webkit-scrollbar { display: none; }
  .sm-marketplace-mobile-tools { min-width: 0; }
  .sm-marketplace-mobile-tools span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

  .sm-product-page > .container { width: calc(100% - 24px); max-width: none; }
  .sm-product-page { padding-top: 24px; }
  .sm-back-link { margin-bottom: 20px; }
  .sm-product-layout,
  .sm-product-sidebar { gap: 13px; }
  .sm-product-gallery { min-height: 0; aspect-ratio: 4 / 3; }
  .sm-product-detail,
  .sm-product-checkout-card,
  .sm-product-description { padding: 18px; border-radius: 14px !important; }
  .sm-product-detail h1 { margin: 15px 0 18px; overflow-wrap: anywhere; font-size: 30px; line-height: 1.1; }
  .sm-product-page-price { margin: 19px 0 22px; overflow-wrap: anywhere; font-size: 30px; }
  .sm-product-proof { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sm-product-proof span { min-width: 0; min-height: 38px; justify-content: center; padding: 7px 8px; text-align: center; }
  .sm-product-proof span:last-child:nth-child(odd) { grid-column: 1 / -1; }
  .sm-variant-option { gap: 10px; }
  .sm-variant-option span { min-width: 0; }
  .sm-variant-option b,
  .sm-variant-option small { overflow-wrap: anywhere; }
  .sm-product-description,
  .sm-product-description .editor { overflow-wrap: anywhere; }
  .sm-product-description table,
  .sm-legal-content table { display: block; max-width: 100%; overflow-x: auto; }

  .sm-cart-drawer-header { padding-top: max(20px, env(safe-area-inset-top)); }
  .sm-cart-drawer-footer { padding-bottom: max(20px, env(safe-area-inset-bottom)); }

  .sm-checkout-page .sm-checkout-heading h1,
  .sm-invoice-page .sm-page-heading h1,
  .sm-cart-page-heading h1 { overflow-wrap: anywhere; font-size: 34px; line-height: 1.06; }
  .sm-checkout-summary-card,
  .sm-checkout-form-card,
  .sm-inv-card,
  .sm-cart-page-summary { border-radius: 12px; }
  .sm-checkout-form input,
  .sm-copy-field input,
  .sm-key-row input { min-width: 0; }
  .sm-checkout-method { min-width: 0; }
  .sm-method-copy strong,
  .sm-method-copy small { overflow-wrap: anywhere; }

  .sm-inv-line > div:nth-child(2) { min-width: 0; }
  .sm-inv-line > div:nth-child(2) strong { overflow-wrap: anywhere; }
  .sm-pay-amount { font-size: 1.65rem; }
  .sm-qr-wrap #sm-qr img,
  .sm-qr-wrap #sm-qr canvas { max-width: min(180px, 62vw); height: auto; aspect-ratio: 1; }

  .sm-cart-item-details strong,
  .sm-cart-item-details small { white-space: normal; overflow-wrap: anywhere; }
  .sm-cart-page-empty { min-height: 310px; padding: 24px 18px; }

  .sm-login-modal { padding: 12px; }
  .sm-login-card {
    width: 100%;
    max-height: calc(100dvh - 24px);
    padding: 28px 20px 22px;
    border-radius: 16px !important;
  }
  .sm-login-close { top: 12px; right: 12px; }
  .sm-login-card h2 { overflow-wrap: anywhere; font-size: 25px; line-height: 1.12; }

  .cm-account-sidebar { width: 100%; overflow: hidden; border-radius: 13px; }
  .cm-account-sidebar nav { scroll-snap-type: x proximity; }
  .cm-account-sidebar nav a { scroll-snap-align: start; }
  .cm-account-sidebar + div { min-width: 0; }
  .cm-account-sidebar + div pre,
  .cm-account-sidebar + div table { max-width: 100%; overflow-x: auto; }

  .sm-legal-content { padding: 20px 18px; overflow-wrap: anywhere; line-height: 1.7; }
  .sm-status-card { min-height: 105px; padding: 18px; }
  .sm-feedback-card { min-height: 0; padding: 19px; }

  .cm-footer { margin-top: 48px; }
  .cm-footer-signup { gap: 20px; border-radius: 14px; }
  .cm-footer-subscribe { width: 100%; min-height: 50px; }
  .cm-footer-signup-action { width: 100%; }
  .cm-footer-promises { width: 100%; gap: 12px; }
}

@media (max-width: 575.98px) {
  .sm-announcement { min-height: 0; padding: 7px 12px; font-size: 10px; line-height: 1.35; }
  .sm-affiliate-link { display: none !important; }
  .sm-header-inner { min-height: 62px; }
  .sm-brand span { display: none; }
  .sm-brand { width: 34px; }
  .sm-menu-toggle { order: 2; }
  .sm-nav-actions { order: 3; }

  .sm-hero-grid { padding-top: 46px; }
  .sm-hero h1 { font-size: 35px; }
  .sm-hero-actions { align-items: stretch; flex-direction: column; }
  .sm-hero-actions .sm-primary-button,
  .sm-hero-actions .sm-secondary-button,
  .sm-hero-actions .sm-text-button { width: 100%; flex: none; justify-content: center; }
  .cm-hero-showcase { margin-top: 25px; }
  .cm-showcase-header a { max-width: 105px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

  .sm-market-heading h2,
  .sm-marketplace-hero h1 { font-size: 32px; }
  .sm-marketplace-page { padding-top: 18px; }
  .sm-marketplace-hero { gap: 20px; }
  .sm-marketplace-mobile-tools { align-items: flex-start; flex-direction: column; gap: 8px; }

  .sm-market-grid,
  .sm-market-grid-results { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .sm-market-item > .sm-product-card,
  .sm-market-item > .sm-product-group-card {
    display: grid;
    grid-template-columns: 118px minmax(0, 1fr);
    min-height: 138px;
  }
  .sm-market-item .sm-product-card-media,
  .sm-market-item .sm-product-group-card .sm-product-card-media {
    width: 118px;
    min-height: 138px;
    height: 100%;
  }
  .sm-market-item .sm-product-card-media img,
  .sm-market-item .sm-product-group-card .sm-product-card-media img {
    width: 100%;
    min-height: 138px;
    height: 100%;
    object-fit: cover;
  }
  .sm-market-item .sm-product-card-body,
  .sm-market-item .sm-product-group-card .sm-product-card-body {
    min-width: 0;
    min-height: 138px;
    padding: 13px;
  }
  .sm-market-item .sm-product-card-title,
  .sm-market-item .sm-product-group-card .sm-product-card-title {
    min-height: 0;
    margin: 10px 0 12px;
    overflow-wrap: anywhere;
    font-size: 14px;
    line-height: 1.3;
  }
  .sm-market-item .sm-product-card-meta { font-size: 9px; }
  .sm-market-item .sm-product-price { overflow-wrap: anywhere; font-size: 14px; }
  .sm-market-item .sm-product-badge { top: 7px; left: 7px; max-width: calc(100% - 14px); font-size: 8px; }

  .sm-group-modal { padding: 8px; }
  .sm-group-modal-panel { max-height: calc(100dvh - 16px); border-radius: 13px; }
  .sm-group-modal-header { padding: 14px; gap: 10px; }
  .sm-group-modal-header h2 { overflow-wrap: anywhere; font-size: 22px; }
  .sm-group-modal-close { width: 40px; height: 40px; flex-basis: 40px; font-size: 16px; }
  .sm-group-modal-grid,
  .sm-group-modal-grid-large,
  .sm-group-modal-panel-2 .sm-group-modal-grid,
  .sm-group-modal-panel-3 .sm-group-modal-grid,
  .sm-group-modal-panel-4 .sm-group-modal-grid { grid-template-columns: minmax(0, 1fr); gap: 9px; padding: 10px; }
  .sm-group-modal-product,
  .sm-group-modal-panel-3 .sm-group-modal-product,
  .sm-group-modal-panel-4 .sm-group-modal-product,
  .sm-group-modal-grid-large .sm-group-modal-product {
    grid-template-columns: 104px minmax(0, 1fr);
    grid-template-rows: minmax(104px, auto);
    min-height: 104px;
  }
  .sm-group-modal-product-media,
  .sm-group-modal-product-media img,
  .sm-group-modal-panel-3 .sm-group-modal-product-media,
  .sm-group-modal-panel-3 .sm-group-modal-product-media img,
  .sm-group-modal-panel-4 .sm-group-modal-product-media,
  .sm-group-modal-panel-4 .sm-group-modal-product-media img,
  .sm-group-modal-grid-large .sm-group-modal-product-media,
  .sm-group-modal-grid-large .sm-group-modal-product-media img {
    width: 104px;
    min-height: 104px;
    height: 100%;
  }
  .sm-group-modal-product-copy,
  .sm-group-modal-panel-3 .sm-group-modal-product-copy,
  .sm-group-modal-panel-4 .sm-group-modal-product-copy,
  .sm-group-modal-grid-large .sm-group-modal-product-copy { min-height: 104px; padding: 11px; }
  .sm-group-modal-product-copy strong { overflow-wrap: anywhere; font-size: 13px; }
  .sm-group-modal-product-copy small { overflow-wrap: anywhere; font-size: 14px; }
  .sm-group-modal-product-media > b { top: 6px; right: 6px; left: 6px; padding: 4px 5px; overflow: hidden; font-size: 8px; text-align: center; text-overflow: ellipsis; white-space: nowrap; }

  .sm-product-detail,
  .sm-product-checkout-card,
  .sm-product-description { padding: 16px; }
  .sm-product-detail h1 { font-size: 28px; }
  .sm-availability { align-items: flex-start; flex-direction: column; }
  .sm-volume-pricing { overflow-x: auto; }
  .sm-volume-pricing > * { min-width: 310px; }

  .sm-checkout-page,
  .sm-invoice-page,
  .sm-cart-page { padding-top: 28px; padding-bottom: 54px; }
  .sm-checkout-page .sm-checkout-heading h1,
  .sm-invoice-page .sm-page-heading h1,
  .sm-cart-page-heading h1 { font-size: 31px; }
  .sm-checkout-summary-card,
  .sm-checkout-form-card,
  .sm-inv-card { padding: 15px; }
  .sm-checkout-line { grid-template-columns: 42px minmax(0, 1fr); }
  .sm-checkout-line-image { width: 42px; height: 42px; }
  .sm-checkout-line-price { grid-column: 2; }
  .sm-checkout-method { grid-template-columns: 18px 34px minmax(0, 1fr); padding: 10px !important; }
  .sm-method-icon { width: 34px; height: 34px; }
  .sm-copy-field,
  .sm-key-row { flex-direction: column; }
  .sm-copy-field .sm-copy-btn,
  .sm-key-row .sm-copy-btn { width: 100%; min-height: 42px; }

  .sm-cart-drawer { width: 100%; max-width: none; }
  .sm-cart-drawer-header { padding-right: 16px; padding-left: 16px; }
  .sm-cart-items { padding-right: 12px; padding-left: 12px; }
  .sm-cart-drawer-footer { padding-right: 16px; padding-left: 16px; }
  .sm-cart-page-heading { margin-bottom: 22px; }
  .sm-cart-item { grid-template-columns: 54px minmax(0, 1fr); padding: 11px; }
  .sm-cart-item-image { width: 54px; height: 54px; }
  .sm-cart-item-controls { flex-wrap: wrap; }

  .sm-login-card { padding: 25px 17px 19px; }
  .sm-login-icon { width: 44px; height: 44px; margin-bottom: 14px; }
  .sm-login-card h2 { padding-right: 30px; font-size: 23px; }

  .cm-account-sidebar { padding: 9px; }
  .cm-account-sidebar nav a { min-height: 42px; padding: 0 11px; }

  .cm-footer-grid { grid-template-columns: 1fr; gap: 28px; padding: 34px 0 30px; }
  .cm-footer-brand { grid-column: auto; }
  .cm-footer-payments { gap: 16px; }
  .cm-payment-pills { width: 100%; }
  .cm-footer-promises { align-items: flex-start; flex-direction: column; }
  .cm-footer-promises span { margin: 0; }
}

@media (max-width: 359.98px) {
  .sm-market-item > .sm-product-card,
  .sm-market-item > .sm-product-group-card { grid-template-columns: 104px minmax(0, 1fr); }
  .sm-market-item .sm-product-card-media,
  .sm-market-item .sm-product-group-card .sm-product-card-media { width: 104px; }
  .sm-product-proof { grid-template-columns: 1fr; }
  .sm-product-proof span:last-child:nth-child(odd) { grid-column: auto; }
  .sm-coupon-row { align-items: stretch; flex-direction: column; }
  .sm-coupon-row .sm-secondary-button { width: 100%; }
}

/* Preserve complete product artwork across every commerce surface. */
.sm-product-card-media img,
.sm-product-group-card .sm-product-card-media img,
.sm-group-product-preview img,
.sm-group-modal-product-media img,
.sm-product-gallery img,
.sm-cart-item-image,
.sm-checkout-line-image img,
.sm-inv-thumb img,
.cm-showcase-product-image img {
  object-fit: contain;
  background: #0d0912;
}

.sm-product-card:hover .sm-product-card-media img,
.sm-group-modal-product:hover .sm-group-modal-product-media img {
  transform: none;
}

/* ===== CloudMarket UI fixes (appended 2026-08-31) ===== */
/* Kill page-level horizontal scroll */
html, body { overflow-x: hidden !important; max-width: 100% !important; }

/* Products 2 per row on ALL mobile widths.
   - /products uses a CSS grid (.sm-market-grid); the theme forces 1 col up to 767.98px.
   - the home catalogue uses a Bootstrap .row with cols col-sm-6.. which go FULL WIDTH
     below 576px (Bootstrap has no base col-6), so phones show 1 per row. */
@media (max-width: 767.98px){
  body .sm-market-grid, body .sm-market-grid-results { grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 10px !important; }
  [data-product-search-card] { flex: 0 0 auto !important; width: 50% !important; max-width: 50% !important; }
  .sm-product-card-title { font-size: 13px !important; }
  .sm-product-card-media { aspect-ratio: 1 / 1 !important; }
}

/* Card artwork uses its natural ratio at the full available width. */
body .sm-product-card-media,
body .sm-product-group-card .sm-product-card-media,
body .sm-market-item .sm-product-card-media {
  display: block;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
}
body .sm-product-card-media img,
body .sm-product-group-card .sm-product-card-media img,
body .sm-market-item .sm-product-card-media img {
  display: block;
  width: 100% !important;
  max-width: none;
  height: auto !important;
  min-height: 0 !important;
  padding: 0;
  object-fit: contain;
}
@media (max-width: 767.98px) {
  body .sm-market-item > .sm-product-card,
  body .sm-market-item > .sm-product-group-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    grid-template-columns: none;
  }
}

/* Login button, consistent on desktop and mobile. */
.sm-account-link {
  display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important;
  height: 44px !important; min-height: 44px !important; padding: 0 18px !important; width: auto !important; min-width: 0 !important; flex: 0 0 auto !important;
  border: 0 !important; border-radius: 11px !important;
  background: linear-gradient(135deg, #a855f7 0%, #7c3aed 100%) !important; color: #fff !important;
  font-size: 13px !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: .01em !important;
  box-shadow: 0 4px 14px rgba(124,58,237,.30) !important; text-decoration: none !important;
  transition: filter .15s ease, transform .15s ease !important;
}
.sm-account-link i { display: inline-block !important; width: auto !important; margin: 0 !important; font-size: 14px !important; line-height: 1 !important; }
.sm-account-link:hover { filter: brightness(1.08) !important; transform: translateY(-1px) !important; color: #fff !important; background: linear-gradient(135deg, #b06bfa 0%, #8446ef 100%) !important; }
@media (max-width: 767.98px){
  .sm-account-link { height: 40px !important; min-height: 40px !important; padding: 0 14px !important; font-size: 12px !important; border-radius: 10px !important; }
  .sm-account-link i { font-size: 13px !important; }
}

/* Passwordless access stays in the storefront, over a single light backdrop. */
.sm-login-modal { background: transparent !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; padding: 20px !important; }
.sm-login-backdrop { background: rgba(14, 7, 21, .28) !important; backdrop-filter: blur(2px) !important; -webkit-backdrop-filter: blur(2px) !important; }
.sm-login-card {
  width: min(100%, 468px) !important; max-height: calc(100dvh - 40px); box-sizing: border-box;
  padding: 32px 32px 24px !important; border: 1px solid rgba(224, 192, 245, .24) !important;
  border-radius: 24px !important; background: radial-gradient(ellipse at 0 0, rgba(139, 85, 176, .15), transparent 65%), rgba(31, 21, 41, .98) !important;
  box-shadow: 0 28px 85px rgba(7, 3, 12, .38), inset 0 1px 0 rgba(255,255,255,.045) !important; text-align: center !important;
}
.sm-login-card::before,.sm-login-card::after { display: none !important; }
.sm-login-close { top: 12px !important; right: 12px !important; width: 40px !important; height: 40px !important; border: 0 !important; border-radius: 50% !important; background: transparent !important; color: #b8a9c3 !important; }
.sm-login-close:hover { background: rgba(220, 187, 242, .08) !important; color: #fff !important; }
.sm-login-close:focus-visible,.sm-login-back-button:focus-visible,.sm-login-resend-button:focus-visible,.sm-login-submit:focus-visible { outline: 2px solid #d2a5ef; outline-offset: 3px; }
.sm-login-brand { display: flex; align-items: center; justify-content: center; gap: 9px; margin: 0 25px 23px; color: #f2e7f8; font-size: 14px; font-weight: 700; }
.sm-login-brand img { width: 34px; height: 34px; object-fit: contain; }
.sm-login-steps { display: flex; align-items: center; justify-content: center; gap: 30px; list-style: none; padding: 0; margin: 0 0 26px; }
.sm-login-steps li { display: flex; align-items: center; gap: 7px; color: #a194ac; font-size: 12px; font-weight: 600; }
.sm-login-step-number { display: grid; place-items: center; width: 25px; height: 25px; border-radius: 50%; background: rgba(224, 195, 244, .07); color: #a194ac; font-size: 11px; }
.sm-login-steps [aria-current="step"] { color: #eddbfa; }
.sm-login-steps [aria-current="step"] .sm-login-step-number { background: #b575df; color: #1c1026; }
.sm-login-card h2 { padding: 0 !important; margin: 0 !important; background: none !important; color: #f4eafa !important; font-family: Georgia, 'Times New Roman', serif; font-size: 35px !important; font-weight: 500 !important; letter-spacing: -.035em; line-height: 1.15 !important; text-align: center !important; }
.sm-login-copy { max-width: 370px !important; margin: 13px auto 25px !important; color: #c0b2c9 !important; font-size: 14px !important; line-height: 1.65 !important; overflow-wrap: anywhere; }
.sm-login-form { gap: 10px !important; text-align: left; }
.sm-login-form label { display: block !important; margin: 0; color: #e2d4ec; font-size: 12px; font-weight: 600; }
.sm-login-field { background: transparent !important; border-radius: 13px !important; }
.sm-login-field:focus-within { box-shadow: none !important; }
.sm-login-field i { display: none !important; }
.sm-login-field input { min-height: 52px !important; box-sizing: border-box; padding: 13px 15px !important; border: 1px solid rgba(213, 176, 237, .23) !important; border-radius: 13px !important; background: rgba(11, 6, 16, .42) !important; color: #f7effc !important; font-size: 16px !important; }
.sm-login-field input:focus { border-color: #ba86dc !important; box-shadow: 0 0 0 3px rgba(188, 132, 224, .12) !important; }
.sm-login-field input::placeholder { color: #94839f; }
.sm-login-field input[data-streaming-login-otp] { min-height: 62px !important; text-align: center; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 28px !important; letter-spacing: .42em; font-variant-numeric: tabular-nums; }
.sm-login-field input[data-streaming-login-otp]::placeholder { color: #786486; }
.sm-login-submit.sm-primary-button { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px !important; margin-top: 5px !important; border: 0 !important; border-radius: 13px !important; background: linear-gradient(105deg, #b16ce0, #8850c8) !important; box-shadow: 0 6px 20px rgba(116, 57, 161, .2) !important; font-size: 14px !important; }
.sm-login-submit[aria-busy="true"]::before { content: ''; width: 15px; height: 15px; border: 2px solid rgba(255,255,255,.3); border-top-color: #fff; border-radius: 50%; animation: cm-login-spin .8s linear infinite; }
.sm-login-submit[aria-busy="true"]>i { display: none; }
.sm-login-message { margin: 15px 0 0; font-size: 12px; line-height: 1.55; font-weight: 500; overflow-wrap: anywhere; }
.sm-login-message:empty { display: none; }
.sm-login-message.is-success { color: #bfd3a5; }
.sm-login-back-button { min-height: 42px; color: #c5b3d2; font-size: 13px; font-weight: 500; }
.sm-login-resend-row { margin-top: 6px; color: #baabc6; font-size: 12px; font-weight: 500; }
.sm-login-resend-button { min-height: 38px; }
.sm-login-security { display: block !important; margin: 20px 0 0; padding-top: 17px; border-color: rgba(219, 189, 238, .12); color: #b8a7c4; font-size: 11px; }
.sm-login-modal .cm-detail-es { display: none; }.sm-login-modal .cm-detail-en { display: revert; }
html.lang-es .sm-login-modal .cm-detail-es { display: revert; }html.lang-es .sm-login-modal .cm-detail-en { display: none; }
.sm-login-modal [hidden] { display: none !important; }
@keyframes cm-login-spin { to { transform: rotate(360deg); } }
@media (max-width: 575.98px) {
  .sm-login-modal { padding: 16px !important; }
  .sm-login-card { max-height: calc(100dvh - 32px); padding: 27px 22px 22px !important; border-radius: 22px !important; }
  .sm-login-card h2 { font-size: 30px !important; }
  .sm-login-brand { margin-bottom: 18px; }.sm-login-steps { margin-bottom: 22px; }
  .sm-login-copy { margin-bottom: 21px !important; }
}
@media (prefers-reduced-motion: reduce) { .sm-login-modal,.sm-login-card { transition: none; }.sm-login-submit[aria-busy="true"]::before { animation: none; } }