/* Route-scoped presentation; existing checkout and account handlers are preserved. */
.sm-body.cm-home, .sm-body.cm-checkout {
  background: radial-gradient(ellipse 1100px 740px at 26% 0%, rgba(97,49,140,.24), transparent 74%), #0c0911 !important;
}
.cm-home .sm-header, .cm-home .sm-header.is-scrolled,
body.cm-checkout:has(.sm-checkout-page) .sm-header,
body.cm-checkout:has(.sm-checkout-page) .sm-header.is-scrolled {
  border: 0 !important; background: transparent !important; box-shadow: none !important;
  backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
}
.cm-home .sm-header { position: relative; }
body.cm-checkout .sm-checkout-page { border: 0 !important; background: transparent !important; }
body.cm-checkout .sm-checkout-page::before, body.cm-checkout::before { display: none; }
@media (min-width: 1201px) {
  .cm-home .sm-navigation, body.cm-checkout:has(.sm-checkout-page) .sm-navigation {
    background: transparent !important; border: 0 !important; box-shadow: none !important;
    backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
  }
  .cm-home .sm-header-inner { max-width: 1440px; justify-content: space-between; gap: 20px; }
  .cm-home .sm-navigation { gap: 16px; }
  .cm-home .sm-navigation > a { font-size: 11px; letter-spacing: .1em; text-transform: uppercase; }
}
.cm-home .sm-nav-actions > .sm-discord-link,
.cm-home .sm-nav-actions > .sm-affiliate-link,
.cm-home .sm-nav-actions > .sm-shop-link { display: none !important; }
.cm-home .sm-nav-actions { flex-shrink: 0; }
.cm-home .sm-account-link { width: 42px !important; min-width: 42px !important; padding: 0 !important; font-size: 0 !important; gap: 0 !important; }
.cm-home .sm-account-link i { font-size: 17px !important; }
.cm-home .sm-account-link,
.cm-home .sm-account-link:hover,
.cm-home .sm-account-link:focus-visible {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}
.cm-home .sm-search-link, .cm-home .sm-cart-link { min-width: 40px; }
.cm-home .sm-language-toggle { display: flex; gap: 2px; padding: 4px; border: 1px solid #cbb6df24; border-radius: 999px; background: #1c142080; }
.cm-home .sm-language-toggle button { border: 0; border-radius: 999px; padding: 9px 11px; background: transparent; color: #a797b3; font-size: 11px; }
.cm-home .sm-language-toggle button.is-active { background: #8862b03d; color: #ecdcfb; }
@media (max-width: 1200px) {
  .cm-home .sm-header-inner { display: flex !important; align-items: center; gap: 12px; padding: 0 20px; min-height: 70px; }
  .cm-home .sm-brand { margin-right: auto; }
  .cm-home .sm-nav-actions { order: 2; }
  .cm-home .sm-menu-toggle { display: grid !important; place-items: center; order: 3; position: relative; z-index: 102; }
  .cm-home .sm-navigation { position: fixed !important; z-index: 101; inset: 0 0 0 auto !important; width: min(400px,90vw); height: 100dvh; max-height: none; padding: 100px 28px 36px; display: flex !important; flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 12px; border: 0; border-radius: 0; background: #120d1c !important; transform: translateX(105%); visibility: hidden; transition: transform .25s,visibility .25s; overflow-y: auto; }
  .cm-home .sm-navigation.is-open { transform: translateX(0); visibility: visible; box-shadow: -100vw 0 0 100vw #050309b3; }
  .cm-home .sm-navigation > a { padding: 16px 0; border-radius: 0; border-bottom: 1px solid #cbb6df24; font: 500 32px Georgia,serif; background: transparent; }
  .cm-home .sm-navigation > a:hover { color: #d3a8f5; border-bottom-color: #bd87e8; }
  .cm-home:has(.sm-navigation.is-open) { overflow: hidden; }
  .cm-home:has(.sm-navigation.is-open) .sm-menu-toggle { position: fixed; right: 22px; top: 14px; }
}
@media (max-width: 480px) {
  .cm-home .sm-brand span, .cm-home .sm-search-link { display: none !important; }
  .cm-home .sm-header-inner { padding-inline: 14px; gap: 8px; }
  .cm-home .sm-nav-actions { gap: 5px; }
}
.cm-market-hero { position: relative; overflow: hidden; }
.cm-market-hero-grid { position: relative; display: grid; grid-template-columns: 1.05fr 1fr; align-items: center; gap: 28px; max-width: 1440px; min-height: 740px; padding: 70px 36px 92px; }
.cm-market-hero-copy { position: relative; z-index: 2; padding: 18px 0; }
.cm-market-eyebrow { display: flex; align-items: center; gap: 12px; margin: 0 0 28px; color: #ba9ace; font: 500 10px/1.6 ui-monospace,monospace; letter-spacing: .2em; }
.cm-market-eyebrow > span { width: 6px; height: 6px; border-radius: 50%; background: #c391f0; box-shadow: 0 0 18px #b479ea80; }
.cm-market-hero h1 { max-width: 660px; margin: 0; color: #f4edf9; font: 500 clamp(48px,5.8vw,84px)/1.04 Georgia,'Times New Roman',serif; letter-spacing: -.055em; text-wrap: balance; }
.cm-market-hero h1 em { color: #c497eb; font-style: normal; }
.cm-market-intro { max-width: 545px; margin: 32px 0; padding-top: 26px; border-top: 1px solid #cbb6df24; color: #b5a9c0; font-size: 16px; line-height: 1.8; }
.cm-market-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.cm-market-actions a { display: inline-flex; align-items: center; justify-content: center; gap: 14px; min-height: 52px; padding: 0 25px; font-size: 13px; font-weight: 600; }
.cm-market-actions .sm-primary-button { background: linear-gradient(140deg,#d5b0f2,#9563c7); border: 0; box-shadow: 0 8px 32px #8d4dbe33; color: #170f20; }
.cm-market-actions .sm-secondary-button { background: #ffffff03; box-shadow: none; }
.cm-market-assurances { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 30px; color: #998da4; font-size: 11px; }
.cm-market-assurances span { display: inline-flex; align-items: center; gap: 7px; }
.cm-market-assurances i { color: #bd91df; }
.cm-hero-packs { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); grid-template-rows:repeat(var(--cm-pack-rows),minmax(0,1fr)); grid-auto-flow:row dense; gap:14px; width:100%; min-width:0; height:auto; aspect-ratio:1.65; margin:0; }
.cm-hero-packs[data-pack-count="1"] { grid-template-columns:1fr; }
.cm-hero-packs:has(> :nth-child(3)) { aspect-ratio:auto; height:calc(var(--cm-pack-rows) * 190px + (var(--cm-pack-rows) - 1) * 14px); }
.cm-hero-packs:has(> :nth-child(3)) > :first-child { grid-row:span 2; }
.cm-hero-packs:has(> :nth-child(3)) > :last-child:nth-child(even) { grid-column:1 / -1; }
.cm-hero-pack { position:relative; display:flex; flex-direction:column; min-width:0; min-height:0; overflow:hidden; padding:0; border:1px solid #cda5ee28; border-radius:22px; background:#18111f; color:#e8dcf0; text-decoration:none; isolation:isolate; transition:border-color .2s,background-color .2s; }
.cm-hero-pack:hover { background-color:#352244; border-color:#cda5ee80; }
.cm-hero-pack:focus-visible { outline:2px solid #c497eb; outline-offset:3px; }
.cm-hero-pack-image { flex:1; min-height:0; position:absolute; inset:0; overflow:hidden; border-radius:inherit; }
.cm-hero-pack-image img { position:absolute; inset:0; display:block; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover; object-position:center; margin:0; padding:0; transform:none; }
.cm-hero-pack-image img:not(.cm-pack-image-backdrop) { z-index:1; }
.cm-hero-pack-image > .cm-pack-image-backdrop { z-index:0; object-fit:cover; filter:blur(24px); opacity:.24; transform:scale(1.12); pointer-events:none; }
.cm-hero-pack-image > i { display:grid; place-items:center; height:100%; font-size:40px; color:#c497eb; }
.cm-hero-pack-caption { position:relative; z-index:2; display:flex; flex-direction:column; gap:6px; flex-shrink:0; margin-top:auto; padding:38px 16px 14px; background:linear-gradient(transparent,rgba(12,9,17,.86) 55%,rgba(12,9,17,.96)); text-shadow:0 1px 8px #000; }
.cm-hero-pack-caption strong { font-size:clamp(15px,1.35vw,20px); line-height:1.25; font-weight:500; overflow-wrap:anywhere; }
.cm-hero-pack-caption > span { display:flex; align-items:center; justify-content:space-between; gap:8px; color:#c49adf; font-size:11px; }
.cm-hero-pack-price { display:block; color:#efdbff; font:600 clamp(16px,1.5vw,22px)/1.2 Inter,sans-serif; letter-spacing:-.02em; }
.cm-home .cm-hero-packs[data-pack-count="4"] { height:auto; grid-template-rows:190px 190px 270px; }
@media(max-width:760px) {
  .cm-home .cm-hero-packs[data-pack-count="4"] { height:auto; grid-template-rows:155px 155px 220px; }
  .cm-hero-pack-price { font-size:16px; }
}
.cm-market-steps { max-width: 1280px; padding: 48px 32px 80px; }
.cm-market-steps-heading { max-width: 600px; margin-bottom: 36px; }
.cm-market-steps h2, .cm-home .sm-catalog-heading h2, .cm-home .sm-section-heading h2 { color: #f0e7f6; font: 500 clamp(32px,3.7vw,50px)/1.12 Georgia,serif; letter-spacing: -.035em; }
.cm-market-step-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 32px; }
.cm-market-step-grid article { position: relative; padding: 28px 0 0; border-top: 1px solid #cbb6df24; }
.cm-market-step-grid article > span { position: absolute; right: 0; top: 28px; color: #71577f; font: 12px ui-monospace,monospace; }
.cm-market-step-grid i { color: #c89de9; font-size: 21px; }
.cm-market-step-grid h3 { margin: 23px 0 12px; color: #eee7f3; font-size: 18px; font-weight: 500; }
.cm-market-step-grid p { max-width: 310px; color: #9b90a6; font-size: 13px; line-height: 1.8; }
.cm-home .sm-section, .cm-home .sm-market-showcase, .cm-home .sm-catalog, .cm-home .sm-feedback-section { background: transparent !important; border-top-color: transparent; }
@media (max-width: 1000px) {
  .cm-market-hero-grid { min-height: 640px; padding: 50px 26px 64px; grid-template-columns:1fr; }
  .cm-market-hero h1 { font-size: clamp(44px,6.5vw,65px); }
  .cm-hero-packs { max-width:760px; justify-self:center; }
  .cm-market-intro { font-size: 14px; }
}
@media (max-width: 640px) {
  .cm-market-hero-grid { display: flex; flex-direction: column; gap: 30px; padding: 35px 22px 0; }
  .cm-market-hero-copy { width: 100%; padding: 0; }
  .cm-market-hero h1 { max-width: 510px; font-size: clamp(43px,10vw,58px); }
  .cm-market-eyebrow { margin-bottom: 22px; font-size: 9px; }
  .cm-market-intro { margin: 24px 0; padding-top: 22px; }
  .cm-market-actions a { flex: 1 1 150px; padding-inline: 15px; }
  .cm-market-assurances { gap: 12px; font-size: 10px; margin-top: 24px; }
  .cm-hero-packs { gap:10px; aspect-ratio:1.25; }
  .cm-hero-packs:has(> :nth-child(3)) { height:calc(var(--cm-pack-rows) * 155px + (var(--cm-pack-rows) - 1) * 10px); }
  .cm-hero-pack { padding:0; border-radius:17px; }
  .cm-hero-pack-caption { padding:30px 10px 10px; }
  .cm-hero-pack-caption strong { font-size:14px; }
  .cm-hero-pack-caption > span { font-size:10px; }
  .cm-market-steps { padding: 45px 22px; }
  .cm-market-step-grid { grid-template-columns: 1fr; gap: 22px; }
  .cm-market-step-grid article { padding-top: 22px; }
  .cm-market-step-grid p { max-width: none; }
}
