/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./app/globals.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "Manrope";
  src: url("/shop/assets/fonts/manrope-latin.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Sora";
  src: url("/shop/assets/fonts/sora-latin.woff2") format("woff2");
  font-display: swap;
}

:root {
  --bg: #ffffff;
  --surface: #f1f3f4;
  --surface-soft: #f7f8f8;
  --surface-strong: #e8eaed;
  --text: #0f1419;
  --muted: #536471;
  --line: #d8dadd;
  --media-line: #c1c6ca;
  --media-line-hover: #929aa0;
  --accent: #1d9bf0;
  --accent-strong: #0969a8;
  --accent-soft: #edf7fd;
  --accent-line: #b9ddf4;
  --accent-solid: #0969a8;
  --accent-contrast: #ffffff;
  --success: #16834b;
  --warning: #8a5d00;
  --danger: #d8293f;
  --header: rgba(255, 255, 255, 0.94);
  --radius: 6px;
  --content: 1240px;
  --control: 44px;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-2xl: 32px;
  --space-3xl: 48px;
  --space-4xl: 64px;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
}

html[data-theme="dark"] {
  --bg: #000000;
  --surface: #16181c;
  --surface-soft: #101214;
  --surface-strong: #202327;
  --text: #e7e9ea;
  --muted: #8b98a5;
  --line: #2f3336;
  --media-line: #41474d;
  --media-line-hover: #646d74;
  --accent: #1d9bf0;
  --accent-strong: #67bef4;
  --accent-soft: #071923;
  --accent-line: #174966;
  --accent-solid: #45b2f3;
  --accent-contrast: #061018;
  --success: #35b875;
  --warning: #f2b84b;
  --danger: #f4214b;
  --header: rgba(0, 0, 0, 0.94);
}

* { box-sizing: border-box; }
html { min-width: 320px; scroll-behavior: smooth; scroll-padding-top: 84px; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: "Manrope", system-ui, sans-serif;
  font-size: 15px;
  line-height: 1.5;
  letter-spacing: 0;
}
h1, h2, h3 { text-wrap: balance; }
p { text-wrap: pretty; }
body:has(#void-concept-root) .site-header,
body:has(#void-concept-root) .site-footer { display: none; }
body:has(#void-concept-root) { background: #f3f5f6; }
body:has(#void-concept-root[data-theme="dark"]) { background: #080a0c; }
button, input, select, textarea { font: inherit; color: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button { cursor: pointer; }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.shell { width: min(var(--content), calc(100% - 40px)); margin-inline: auto; }
.section { padding-block: var(--space-3xl); border-top: 1px solid var(--line); }
.section__head { display: flex; align-items: end; justify-content: space-between; gap: var(--space-xl); margin-bottom: var(--space-xl); }
.section__title { margin: 0; font: 700 28px/1.15 "Sora", sans-serif; }
.section__copy { margin: 6px 0 0; color: var(--muted); max-width: 680px; }
.muted { color: var(--muted); }
.eyebrow { margin: 0 0 10px; color: var(--accent-strong); font-size: 12px; font-weight: 800; text-transform: uppercase; }

.button {
  min-height: var(--control);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 16px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--bg);
  color: var(--text);
  font-weight: 750;
  transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease, transform 120ms ease;
}
.button:hover { border-color: var(--muted); background: var(--surface); }
.button:active:not(:disabled) { transform: translateY(1px); }
.button--primary { border-color: var(--text); background: var(--text); color: var(--bg); }
.button--primary:hover { border-color: var(--accent-solid); background: var(--accent-solid); color: var(--accent-contrast); }
.button--accent { border-color: var(--accent-solid); background: var(--accent-solid); color: var(--accent-contrast); }
.button--icon { width: 42px; padding: 0; }
.button:disabled { cursor: not-allowed; opacity: 0.48; }

.field { display: grid; gap: 7px; }
.field label { font-size: 13px; font-weight: 750; }
.input, .select, .textarea {
  width: 100%;
  min-height: 44px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--bg);
  padding: 10px 12px;
}
.textarea { min-height: 100px; resize: vertical; }
.input::placeholder, .textarea::placeholder { color: var(--muted); }

.notice { padding: 12px 0; border-block: 1px solid var(--line); color: var(--muted); }
.notice[data-state="error"] { color: var(--danger); }
.notice[data-state="success"] { color: var(--success); }

.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  height: 72px;
  border-bottom: 1px solid var(--line);
  background: var(--header);
  -webkit-backdrop-filter: blur(14px);
          backdrop-filter: blur(14px);
}
.site-header__inner {
  height: 100%;
  display: grid;
  grid-template-columns: auto minmax(220px, 1fr) auto;
  align-items: center;
  gap: var(--space-xl);
}
.brand { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; gap: 10px; font: 700 18px/1 "Sora", sans-serif; }
.brand img { width: 32px; height: 32px; object-fit: cover; border-radius: 4px; }
.nav-search { position: relative; width: 100%; max-width: 560px; justify-self: center; }
.nav-search__submit, .nav-search__clear { position: absolute; z-index: 1; top: 50%; width: 44px; height: 44px; display: grid; place-items: center; transform: translateY(-50%); border: 0; border-radius: 4px; background: transparent; color: var(--muted); }
.nav-search__submit { left: 1px; }
.nav-search__clear { right: 1px; }
.nav-search__submit:hover, .nav-search__clear:hover { background: var(--surface-strong); color: var(--text); }
.nav-search .input { padding-inline: 46px; background: var(--surface); border-color: transparent; }
.nav-search .input::-webkit-search-cancel-button { display: none; }
.nav-search .input:focus,
.nav-search .input:focus-visible { outline: 0; background: var(--bg); border-color: var(--media-line-hover); }
.site-nav { display: flex; align-items: center; justify-content: flex-end; gap: 2px; }
.site-nav__link { min-width: var(--control); min-height: var(--control); display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 0 9px; border-radius: 4px; font-size: 13px; font-weight: 700; white-space: nowrap; }
.site-nav__link:hover { background: var(--accent-soft); color: var(--accent-strong); }
.site-nav__link[aria-current="page"] { background: var(--accent-soft); color: var(--accent-strong); }
.site-nav__label { max-width: 92px; overflow: hidden; text-overflow: ellipsis; }
.site-nav__avatar { width: 20px; height: 20px; display: grid; flex: 0 0 auto; place-items: center; overflow: hidden; border: 1px solid var(--line); border-radius: 50%; background: var(--surface); }
.site-nav__avatar img { width: 100%; height: 100%; display: block; object-fit: cover; }
.cart-count { min-width: 18px; height: 18px; display: inline-grid; place-items: center; padding-inline: 4px; border-radius: 9px; background: var(--accent-solid); color: var(--accent-contrast); font-size: 11px; }
.preferences-menu { position: relative; }
.preferences-menu > summary { list-style: none; cursor: pointer; }
.preferences-menu > summary::-webkit-details-marker { display: none; }
.preferences-menu[open] > summary { background: var(--accent-soft); color: var(--accent-strong); }
.preferences-menu__panel {
  position: absolute;
  z-index: 80;
  right: 0;
  top: calc(100% + 12px);
  width: min(340px, calc(100vw - 24px));
  max-height: calc(100dvh - 88px);
  overflow-y: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--bg);
  padding: 8px 14px;
}
.preferences-menu[open] .preferences-menu__panel { animation: preferences-reveal 140ms cubic-bezier(0.22, 1, 0.36, 1); }
@keyframes preferences-reveal {
  from { opacity: 0; transform: translateY(-4px); }
  to { opacity: 1; transform: translateY(0); }
}
.preferences-menu__head { min-height: 42px; display: flex; align-items: center; justify-content: space-between; gap: 16px; border-bottom: 1px solid var(--line); }
.preferences-menu__head strong { font: 750 14px/1.2 "Sora", sans-serif; }
.preferences-menu__head button { width: 44px; height: 44px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 4px; background: transparent; color: var(--muted); }
.preferences-menu__head button:hover { background: var(--surface); color: var(--text); }
.preference-row { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 16px; min-height: 54px; border-bottom: 1px solid var(--line); }
.preference-row:last-child { border-bottom: 0; }
.preference-row > span { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; }
.compact-segmented { display: inline-grid; grid-auto-flow: column; grid-auto-columns: 1fr; border: 1px solid var(--line); border-radius: 4px; overflow: hidden; }
.compact-segmented button { min-width: 44px; min-height: 44px; padding-inline: 9px; border: 0; border-right: 1px solid var(--line); background: var(--bg); font-size: 12px; font-weight: 800; white-space: nowrap; }
.compact-segmented button:last-child { border-right: 0; }
.compact-segmented button[data-active="true"] { background: var(--accent-solid); color: var(--accent-contrast); }

.hero { min-height: calc(100svh - 118px); display: grid; align-items: stretch; }
.hero__inner { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr); min-height: inherit; }
.hero__content { align-self: center; padding-right: var(--space-3xl); }
.hero h1 { margin: 0; max-width: 720px; font: 750 64px/1.02 "Sora", sans-serif; }
.hero__lead { max-width: 620px; margin: 22px 0 28px; color: var(--muted); font-size: 18px; }
.hero__actions { display: flex; flex-wrap: wrap; gap: 10px; }
.hero__actions .button--secondary svg { color: var(--accent-strong); }
.hero__trust { display: flex; flex-wrap: wrap; gap: 10px 20px; margin-top: 20px; color: var(--muted); font-size: 13px; font-weight: 700; }
.hero__trust span { display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; }
.hero__trust svg { color: var(--accent-strong); }
.hero__media { min-height: 0; display: flex; align-items: center; justify-content: flex-end; }
.hero__media img { width: min(84%, 480px); height: auto; aspect-ratio: 1; flex: 0 0 auto; object-fit: cover; object-position: center; }
.brand-rail { overflow: hidden; border-block: 1px solid var(--line); background: var(--bg); }
.brand-rail__track { width: max-content; display: flex; align-items: center; animation: rail 32s linear infinite; will-change: transform; }
.brand-rail__item { display: inline-flex; align-items: center; padding: 17px 0 17px 30px; color: var(--muted); font: 700 14px/1 "Sora", sans-serif; white-space: nowrap; }
.brand-rail__item::after { margin-left: 30px; color: var(--accent-line); content: "·"; }
@keyframes rail { to { transform: translate3d(-50%, 0, 0); } }

.product-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: var(--space-xl);
  row-gap: 40px;
}
.product-card {
  min-width: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
  overflow: visible;
  padding: 0 0 28px;
  border: 0;
  border-bottom: 1px solid var(--line);
  background: transparent;
}
.product-card__visual {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 10;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid var(--media-line);
  border-radius: 8px;
  background: #eeeeee;
}
html[data-theme="dark"] .product-card__visual { background: var(--surface); }
.product-card__visual:hover { border-color: var(--media-line-hover); }
.catalog-product-image { position: absolute; inset: 0; width: 100%; height: 100%; margin: auto; object-fit: cover; object-position: center; }
.catalog-product-image[src*="codex" i],
.catalog-product-image[src*="elevenlabs" i],
.catalog-product-image[src*="grok" i],
.catalog-product-image[src*="capcut" i],
.catalog-product-image[src*="autodesk" i],
.catalog-product-image[src*="microsoft" i],
.catalog-product-image[src*="hotmail" i],
.catalog-product-image[src*="youtube" i],
.catalog-product-image[src*="gmail" i],
.catalog-product-image[src*="xbox" i],
.catalog-product-image[src*="expressvpn" i],
.catalog-product-image[src*="hmavpn" i],
.catalog-product-image[src*="gammapro" i] { width: 80%; height: 80%; object-fit: contain; }
.catalog-product-image[src*="outlook" i],
.catalog-product-image[src*="deepseek" i],
.catalog-product-image[src*="discord" i] { object-fit: contain; }
.catalog-product-media:has(.catalog-product-image[src*="capcut" i]),
.catalog-product-media:has(.catalog-product-image[src*="hotmail" i]),
.catalog-product-media:has(.catalog-product-image[src*="grok" i]) { background: #000000; }
.catalog-product-media:has(.catalog-product-image[src*="autodesk" i]) { background: #e5e5e5; }
.catalog-product-media:has(.catalog-product-image[src*="microsoft365" i]),
.catalog-product-media:has(.catalog-product-image[src*="office365" i]),
.catalog-product-media:has(.catalog-product-image[src*="outlook" i]),
.catalog-product-media:has(.catalog-product-image[src*="gemini" i]),
.catalog-product-media:has(.catalog-product-image[src*="elevenlabs" i]),
.catalog-product-media:has(.catalog-product-image[src*="youtube" i]),
.catalog-product-media:has(.catalog-product-image[src*="gmail" i]),
.catalog-product-media:has(.catalog-product-image[src*="expressvpn" i]),
.catalog-product-media:has(.catalog-product-image[src*="hmavpn" i]),
.catalog-product-media:has(.catalog-product-image[src*="gammapro" i]),
.catalog-product-media:has(.catalog-product-image[src*="deepseek" i]) { background: #ffffff; }
.catalog-product-media:has(.catalog-product-image[src*="chatgpt" i]) { background: #0e9d79; }
.catalog-product-media:has(.catalog-product-image[src*="codex" i]) { background: #10a37f; }
.catalog-product-media:has(.catalog-product-image[src*="xbox" i]) { background: #107c10; }
.catalog-product-media:has(.catalog-product-image[src*="discord" i]) { background: #5865f2; }
.product-card__fallback {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
  padding: 16px;
  color: var(--text);
}
.product-card__fallback-mark {
  min-width: 40px;
  padding: 4px;
  border-bottom: 3px solid var(--accent);
  font: 750 32px/1 "Sora", sans-serif;
  text-align: center;
}
.product-card__fallback-name {
  max-width: 92%;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}
.product-card__content { flex: 1 1; display: flex; flex-direction: column; }
.product-card__header { min-height: 24px; display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
.product-card__brand { color: var(--muted); font-size: 12px; font-weight: 650; text-transform: uppercase; }
.product-card__tag { flex: 0 0 auto; padding: 2px 8px; border-radius: 4px; background: color-mix(in srgb, var(--accent) 12%, transparent); color: var(--accent-strong); font-size: 11px; font-weight: 750; }
.product-card__tag[data-kind="discount"] { background: color-mix(in srgb, var(--success) 12%, transparent); color: var(--success); }
.product-card__name { min-height: 45px; margin: 0 0 6px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font: 700 16px/1.4 "Sora", sans-serif; overflow-wrap: anywhere; }
.product-card:hover .product-card__name { color: var(--accent-strong); }
.product-card__desc {
  min-height: 39px;
  margin: 0 0 10px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
}
.product-card__status-row { min-height: 34px; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: 12px; }
.product-card__availability { display: inline-flex; align-items: center; color: var(--muted); font-size: 12px; font-weight: 700; }
.product-card__availability::before { width: 6px; height: 6px; margin-right: 7px; background: currentColor; content: ""; }
.product-card__availability[data-state="available"] { color: var(--success); }
.product-card__warranty { min-width: 0; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: var(--muted); font-size: 12px; font-weight: 700; line-height: 1.35; text-align: right; }
.product-card__foot { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; padding: 16px 4px 0 0; }
.product-card__price { font: 750 16px/1 "Sora", sans-serif; font-feature-settings: "tnum"; font-variant-numeric: tabular-nums; }
.product-card__add { position: relative; isolation: isolate; width: var(--control); min-width: var(--control); height: var(--control); display: grid; place-items: center; overflow: visible; border: 1px solid var(--line); border-radius: 50%; background: transparent; color: var(--muted); transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease, transform 160ms var(--ease-out); }
.product-card__add:hover { border-color: var(--accent-solid); background: var(--accent-solid); color: var(--accent-contrast); }
.product-card__add:active:not(:disabled) { transform: scale(0.93); }
.product-card__add[data-added="true"] { border-color: var(--success); background: var(--success); color: #ffffff; animation: cart-confirm 420ms cubic-bezier(0.22, 1, 0.36, 1); }
.product-card__add[data-added="true"] svg,
.purchase-button[data-added="true"] svg { animation: check-enter 340ms cubic-bezier(0.22, 1, 0.36, 1); }
.product-card__add[data-added="true"] svg path,
.purchase-button[data-added="true"] svg path { stroke-dasharray: 24; stroke-dashoffset: 24; animation: check-draw 280ms 80ms ease-out forwards; }
.product-card__add:disabled, .product-card__add:disabled:hover { border-color: var(--line); background: transparent; color: var(--muted); cursor: not-allowed; opacity: 0.58; }

@keyframes cart-confirm {
  0% { transform: scale(0.96); }
  60% { transform: scale(1.02); }
  100% { transform: scale(1); }
}

@keyframes check-enter {
  0% { opacity: 0; transform: scale(0.82); }
  65% { opacity: 1; transform: scale(1.02); }
  100% { opacity: 1; transform: scale(1) rotate(0); }
}

@keyframes check-draw {
  to { stroke-dashoffset: 0; }
}

.catalog-head { min-height: 0; display: flex; align-items: flex-end; justify-content: space-between; gap: var(--space-xl); margin-bottom: var(--space-2xl); padding: 40px 0 24px; border-bottom: 1px solid var(--line); }
.catalog-head h1 { margin: 0; font: 750 38px/1.08 "Sora", sans-serif; }
.catalog-head__meta { display: flex; align-items: center; gap: 12px; }
.catalog-result-group { min-height: var(--control); display: inline-flex; align-items: center; gap: 12px; }
.catalog-result { flex: 0 0 auto; color: var(--muted); font-size: 13px; font-weight: 650; white-space: nowrap; }
.catalog-result strong { color: var(--text); font-feature-settings: "tnum"; font-variant-numeric: tabular-nums; }
.catalog-reset { min-height: var(--control); display: inline-flex; align-items: center; gap: 6px; padding: 0 8px; border: 0; border-radius: 4px; background: transparent; color: var(--muted); font-size: 12px; font-weight: 750; }
.catalog-reset:hover { background: var(--surface); color: var(--text); }
.empty { min-height: 300px; display: grid; place-items: center; text-align: center; color: var(--muted); border-block: 1px solid var(--line); }
.empty--compact { min-height: 260px; }
.catalog-grid { padding-bottom: 64px; }
.catalog-menu { position: relative; width: 180px; }
.catalog-menu__trigger { width: 100%; min-height: var(--control); display: grid; grid-template-columns: 16px minmax(0, 1fr) 15px; align-items: center; gap: 10px; padding: 0 11px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface-strong); color: var(--text); font-size: 13px; font-weight: 750; text-align: left; }
.catalog-menu__trigger:hover, .catalog-menu__trigger[aria-expanded="true"] { border-color: var(--muted); background: var(--surface-strong); }
.catalog-menu__trigger:focus-visible { border-color: var(--accent-strong); outline: 2px solid color-mix(in srgb, var(--accent) 18%, transparent); outline-offset: 1px; }
.catalog-menu__trigger > svg:first-child { color: var(--muted); }
.catalog-menu__value { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.catalog-menu__chevron { justify-self: end; color: var(--muted); transition: transform 160ms ease; }
.catalog-menu__trigger[aria-expanded="true"] .catalog-menu__chevron { transform: rotate(180deg); }
.catalog-menu__popover { position: absolute; z-index: 60; top: calc(100% + 6px); right: 0; min-width: max(100%, 220px); max-height: min(420px, calc(100dvh - 190px)); display: grid; gap: 2px; overflow-y: auto; overscroll-behavior: contain; padding: 5px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); scrollbar-width: thin; scrollbar-color: var(--muted) transparent; }
.catalog-menu__popover::-webkit-scrollbar { width: 5px; }
.catalog-menu__popover::-webkit-scrollbar-track { background: transparent; }
.catalog-menu__popover::-webkit-scrollbar-thumb { border-radius: 5px; background: var(--muted); }
.catalog-menu__option { width: 100%; min-height: 38px; display: grid; grid-template-columns: 16px minmax(0, 1fr); align-items: center; gap: 8px; padding: 7px 9px; border: 0; border-radius: calc(var(--radius) - 2px); background: transparent; color: var(--text); font-size: 13px; text-align: left; }
.catalog-menu__option:hover, .catalog-menu__option:focus-visible { background: var(--surface-strong); outline: 0; }
.catalog-menu__option[aria-selected="true"] { background: var(--accent-soft); color: var(--accent-strong); font-weight: 750; }
.catalog-menu__check { width: 16px; display: grid; place-items: center; color: var(--accent-strong); }
.catalog-empty { min-height: 250px; display: grid; grid-template-columns: 50px minmax(0, 1fr) auto; align-items: center; gap: 18px; padding: 24px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface-soft); }
.catalog-empty__icon { width: 50px; height: 50px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; background: var(--bg); color: var(--muted); }
.catalog-empty h2 { margin: 0; font: 750 18px/1.35 "Sora", sans-serif; }
.catalog-empty p { margin: 5px 0 0; color: var(--muted); }

.product-page { padding-bottom: 72px; }
.product-back { width: fit-content; min-height: var(--control); display: inline-flex; align-items: center; gap: 7px; margin-top: 18px; color: var(--muted); font-size: 13px; font-weight: 700; }
.product-back:hover { color: var(--accent-strong); }
.page-back { width: fit-content; min-height: var(--control); display: inline-flex; align-items: center; gap: 7px; margin-bottom: 10px; color: var(--muted); font-size: 13px; font-weight: 700; }
.page-back:hover { color: var(--accent-strong); }
.product-detail { display: grid; grid-template-columns: minmax(0, 1.06fr) minmax(400px, 0.94fr); gap: clamp(40px, 4.5vw, 60px); align-items: start; padding-block: 24px 0; }
.product-detail__media { position: sticky; top: 96px; }
.product-detail__image { position: relative; aspect-ratio: 16 / 10; overflow: hidden; background: var(--surface); border: 1px solid var(--media-line); border-radius: 2px; }
.product-detail__product-image { position: absolute; inset: 0; width: 100%; height: 100%; margin: auto; object-fit: contain; object-position: center; }
.product-detail__product-image[src*="codex" i],
.product-detail__product-image[src*="elevenlabs" i],
.product-detail__product-image[src*="grok" i],
.product-detail__product-image[src*="capcut" i],
.product-detail__product-image[src*="autodesk" i],
.product-detail__product-image[src*="microsoft" i],
.product-detail__product-image[src*="hotmail" i],
.product-detail__product-image[src*="youtube" i],
.product-detail__product-image[src*="gmail" i],
.product-detail__product-image[src*="xbox" i],
.product-detail__product-image[src*="expressvpn" i],
.product-detail__product-image[src*="hmavpn" i],
.product-detail__product-image[src*="gammapro" i] { width: 80%; height: 80%; object-fit: contain; }
.product-detail__product-image[src*="outlook" i],
.product-detail__product-image[src*="deepseek" i],
.product-detail__product-image[src*="discord" i] { object-fit: contain; }
.product-detail__image:has(.product-detail__product-image[src*="capcut" i]),
.product-detail__image:has(.product-detail__product-image[src*="hotmail" i]),
.product-detail__image:has(.product-detail__product-image[src*="grok" i]) { background: #000000; }
.product-detail__image:has(.product-detail__product-image[src*="autodesk" i]) { background: #e5e5e5; }
.product-detail__image:has(.product-detail__product-image[src*="microsoft365" i]),
.product-detail__image:has(.product-detail__product-image[src*="office365" i]),
.product-detail__image:has(.product-detail__product-image[src*="outlook" i]),
.product-detail__image:has(.product-detail__product-image[src*="gemini" i]),
.product-detail__image:has(.product-detail__product-image[src*="elevenlabs" i]),
.product-detail__image:has(.product-detail__product-image[src*="youtube" i]),
.product-detail__image:has(.product-detail__product-image[src*="gmail" i]),
.product-detail__image:has(.product-detail__product-image[src*="expressvpn" i]),
.product-detail__image:has(.product-detail__product-image[src*="hmavpn" i]),
.product-detail__image:has(.product-detail__product-image[src*="gammapro" i]),
.product-detail__image:has(.product-detail__product-image[src*="deepseek" i]) { background: #ffffff; }
.product-detail__image:has(.product-detail__product-image[src*="chatgpt" i]) { background: #0d9b76; }
.product-detail__image:has(.product-detail__product-image[src*="codex" i]) { background: #10a37f; }
.product-detail__image:has(.product-detail__product-image[src*="xbox" i]) { background: #107c10; }
.product-detail__image:has(.product-detail__product-image[src*="discord" i]) { background: #5865f2; }
.product-detail__fallback { width: 100%; height: 100%; display: grid; place-items: center; font: 750 72px/1 "Sora", sans-serif; color: var(--muted); }
.product-detail__content { min-width: 0; padding-top: 6px; }
.product-detail__content > .eyebrow { margin-bottom: 10px; }
.product-detail h1 { max-width: 720px; margin: 0; font: 750 clamp(34px, 3.4vw, 46px)/1.1 "Sora", sans-serif; overflow-wrap: anywhere; }
.product-detail__lead { max-width: 660px; margin: 16px 0 22px; color: var(--muted); font-size: 15px; line-height: 1.65; }
.product-detail__facts { display: grid; grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr); padding: 14px 0; border-block: 1px solid var(--line); }
.product-detail__fact { min-width: 0; display: grid; grid-template-columns: 22px minmax(0, 1fr); align-items: start; gap: 9px; }
.product-detail__fact + .product-detail__fact { padding-left: 18px; border-left: 1px solid var(--line); }
.product-detail__fact > svg { margin-top: 2px; color: var(--accent-strong); }
.product-detail__fact[data-state="available"] > svg { color: var(--success); }
.product-detail__fact[data-state="unavailable"] > svg { color: var(--muted); }
.product-detail__fact > span { min-width: 0; display: grid; gap: 3px; }
.product-detail__fact small { color: var(--muted); font-size: 11px; font-weight: 650; }
.product-detail__fact strong { font-size: 12px; font-weight: 800; line-height: 1.35; overflow-wrap: anywhere; }
.variant-block { display: grid; gap: 10px; margin-top: 22px; }
.variant-block[data-split="true"] { grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 16px; }
.variant-primary, .variant-subgroup { min-width: 0; display: grid; gap: 10px; }
.variant-primary > strong, .variant-subgroup > strong { color: var(--muted); font-size: 12px; font-weight: 750; }
.variant-block[data-split="true"] .variant-subgroup { min-width: 204px; }
.variant-block[data-split="true"] .variant-subgroup .variant-list { flex-wrap: nowrap; }
.variant-list { display: flex; flex-wrap: wrap; gap: 8px; }
.variant-link { min-width: 0; max-width: 100%; min-height: var(--control); display: inline-flex; align-items: center; justify-content: center; padding: 7px 15px; border: 1px solid var(--line); border-radius: var(--radius); background: transparent; font-size: 13px; line-height: 1.35; text-align: center; overflow-wrap: anywhere; }
.variant-link:hover { border-color: var(--muted); background: transparent; }
.variant-link[data-current="true"] { border-color: var(--accent); background: transparent; color: var(--accent-strong); font-weight: 800; }
.variant-select { position: relative; display: block; width: 100%; max-width: 430px; }
.variant-select select { width: 100%; min-height: 46px; appearance: none; padding: 0 44px 0 14px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--bg); color: var(--text); font-family: inherit; font-size: 13px; font-weight: 750; line-height: 1.35; cursor: pointer; }
.variant-select select:hover { border-color: var(--muted); }
.variant-select select:focus-visible { outline: 2px solid color-mix(in srgb, var(--text) 24%, transparent); outline-offset: 2px; }
.variant-select > svg { position: absolute; top: 50%; right: 14px; color: var(--muted); pointer-events: none; transform: translateY(-50%); }
.purchase-row { display: grid; grid-template-columns: minmax(130px, 0.34fr) minmax(0, 1fr); align-items: end; gap: 22px; margin-top: 26px; padding: 22px 0 0; border-top: 1px solid var(--line); }
.product-detail__price { display: grid; gap: 5px; font-feature-settings: "tnum"; font-variant-numeric: tabular-nums; }
.product-detail__price small { color: var(--muted); font-size: 11px; font-weight: 650; }
.product-detail__price strong { font: 750 29px/1 "Sora", sans-serif; }
.purchase-row__actions { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: end; gap: 12px; }
.purchase-quantity { flex: 0 0 auto; display: grid; gap: 7px; }
.purchase-quantity > span { color: var(--muted); font-size: 12px; font-weight: 700; }
.purchase-button { min-width: 0; width: 100%; min-height: var(--control); }
.purchase-button[data-added="true"] { border-color: var(--success); background: var(--success); color: #ffffff; }
.product-detail__promises { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 28px; border-block: 1px solid var(--line); }
.product-detail__promises > div { min-width: 0; display: grid; grid-template-columns: 28px minmax(0, 1fr); align-items: start; gap: 11px; padding: 18px 26px; }
.product-detail__promises > div + div { border-left: 1px solid var(--line); }
.product-detail__promises > div > svg { color: var(--accent-strong); }
.product-detail__promises span { min-width: 0; display: grid; gap: 3px; }
.product-detail__promises strong { font-size: 13px; line-height: 1.35; }
.product-detail__promises small { color: var(--muted); font-size: 12px; line-height: 1.5; }
.product-guide { scroll-margin-top: 90px; margin-top: 54px; border-top: 1px solid var(--line); }
.product-guide__inner { width: min(100%, 960px); margin-inline: auto; padding-top: 38px; }
.product-guide__intro { display: block; padding: 0 0 30px; }
.product-guide__intro h2 { margin: 0; font: 720 30px/1.2 "Sora", sans-serif; }
.product-guide__intro > p { max-width: 74ch; margin: 14px 0 0; color: var(--muted); font-size: 14px; line-height: 1.75; }
.product-spec-list { margin: 0; border-top: 1px solid var(--line); }
.product-spec-list > div { min-width: 0; display: grid; grid-template-columns: minmax(150px, 0.32fr) minmax(0, 1fr); align-items: baseline; gap: 30px; padding: 14px 0; border-bottom: 1px solid var(--line); }
.product-spec-list dt { color: var(--muted); font-size: 12px; font-weight: 650; }
.product-spec-list dd { margin: 0; font-size: 13px; font-weight: 800; line-height: 1.45; overflow-wrap: anywhere; }
.product-disclosures { margin-top: 38px; border-top: 1px solid var(--line); }
.product-disclosure { border-bottom: 1px solid var(--line); }
.product-disclosure > summary { min-height: 64px; display: grid; grid-template-columns: minmax(0, 1fr) auto 20px; align-items: center; gap: 16px; list-style: none; cursor: pointer; }
.product-disclosure > summary::-webkit-details-marker { display: none; }
.product-disclosure > summary::marker { content: ""; }
.product-disclosure > summary:hover > span { color: var(--accent-strong); }
.product-disclosure > summary > span { min-width: 0; font: 700 17px/1.35 "Sora", sans-serif; }
.product-disclosure > summary > strong { max-width: 360px; color: var(--muted); font-size: 12px; line-height: 1.4; text-align: right; overflow-wrap: anywhere; }
.product-disclosure > summary > svg { grid-column: 3; color: var(--muted); transition: transform 160ms var(--ease-out); }
.product-disclosure[open] > summary > svg { transform: rotate(180deg); }
.product-disclosure__body { padding: 0 0 28px; color: var(--muted); }
.product-disclosure__body > p { max-width: 72ch; margin: 0; font-size: 13px; line-height: 1.7; }
.product-includes-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 28px; padding: 0; margin: 0; list-style: none; border-top: 1px solid var(--line); }
.product-includes-list li { min-width: 0; display: flex; gap: 9px; padding: 13px 0; border-bottom: 1px solid var(--line); color: var(--muted); font-size: 12px; line-height: 1.55; }
.product-includes-list svg { flex: 0 0 auto; margin-top: 2px; color: var(--success); }
.product-delivery__required { margin: 24px 0 0; padding: 12px 14px; border: 1px solid var(--accent-line); border-radius: var(--radius); background: var(--accent-soft); font-size: 12px; line-height: 1.55; }
.product-disclosure__steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 0; margin: 20px 0 0; list-style: none; border-block: 1px solid var(--line); }
.product-disclosure__steps li { min-width: 0; display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 10px; padding: 17px 20px; }
.product-disclosure__steps li:first-child { padding-left: 0; }
.product-disclosure__steps li + li { border-left: 1px solid var(--line); }
.product-disclosure__steps li > span { color: var(--accent-strong); font: 750 17px/1.25 "Sora", sans-serif; }
.product-disclosure__steps li > div { min-width: 0; display: grid; gap: 4px; }
.product-disclosure__steps strong { color: var(--text); font-size: 12px; line-height: 1.4; }
.product-disclosure__steps small { color: var(--muted); font-size: 10px; line-height: 1.5; }
.product-mobile-purchase { display: none; }

.account-page { padding-block: 36px 80px; }
.account-shell { display: grid; grid-template-columns: minmax(220px, 252px) minmax(0, 1fr); gap: 40px; align-items: start; }
.account-rail { position: sticky; top: 90px; min-width: 0; display: flex; flex-direction: column; align-self: start; padding: 4px 28px 4px 0; border-right: 1px solid var(--line); background: transparent; }
.account-rail__identity { min-width: 0; display: flex; align-items: center; gap: 12px; padding-bottom: 18px; border-bottom: 1px solid var(--line); }
.account-rail__identity > div { min-width: 0; }
.account-rail__identity h2 { margin: 0; font: 750 16px/1.25 "Sora", sans-serif; overflow-wrap: anywhere; }
.account-rail__identity span:not(.account-avatar) { display: block; margin-top: 4px; overflow: hidden; color: var(--muted); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.account-rail__nav { display: grid; gap: 4px; padding-block: 18px; border-bottom: 1px solid var(--line); }
.account-rail__nav a { min-width: 0; min-height: 54px; display: grid; grid-template-columns: 22px minmax(0, 1fr); align-items: center; gap: 10px; padding: 7px 10px; border: 1px solid transparent; border-radius: 4px; color: var(--muted); }
.account-rail__nav a:hover, .account-rail__nav a:focus-visible { background: var(--surface); color: var(--text); }
.account-rail__nav a[aria-current="page"] { border-color: var(--accent-line); background: var(--accent-soft); color: var(--text); }
.account-rail__nav a[aria-current="page"] > svg { color: var(--accent-strong); }
.account-rail__nav a > span { min-width: 0; display: grid; gap: 2px; }
.account-rail__nav strong { font-size: 13px; }
.account-rail__nav small { overflow: hidden; color: var(--muted); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.account-rail__facts { display: grid; gap: 13px; margin: 18px 0; }
.account-rail__facts > div { min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.account-rail__facts dt { color: var(--muted); font-size: 11px; font-weight: 650; }
.account-rail__facts dd { min-width: 0; display: inline-flex; align-items: center; gap: 5px; margin: 0; font-size: 12px; font-weight: 750; text-align: right; overflow-wrap: anywhere; }
.account-rail__facts dd[data-state="verified"] { color: var(--text); }
.account-rail__facts dd[data-state="verified"] svg { color: var(--muted); }
.account-rail__logout { min-height: 44px; display: inline-flex; align-items: center; justify-content: flex-start; gap: 9px; padding: 0 8px; border: 0; border-top: 1px solid var(--line); background: transparent; color: var(--muted); font-size: 13px; font-weight: 750; }
.account-rail__logout:hover { background: var(--surface); color: var(--danger); }
.account-workspace { min-width: 0; }
.account-page__notice { margin: 0 0 18px; }
.account-page__head { margin-bottom: 26px; padding-bottom: 22px; border-bottom: 1px solid var(--line); }
.account-page__head .page-back { margin-bottom: 14px; }
.account-page__head h1 { margin: 0; font: 750 32px/1.12 "Sora", sans-serif; overflow-wrap: anywhere; }
.account-page__head > p:last-child, .account-page__head > div > p:last-child { max-width: 650px; margin: 8px 0 0; color: var(--muted); }
.account-page__head--action { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.account-refresh { flex: 0 0 auto; min-height: 40px; gap: 8px; padding-inline: 12px; font-size: 12px; }
.account-overview { scroll-margin-top: 92px; }
.account-overview__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.account-overview__head h2 { margin: 0; font: 750 21px/1.2 "Sora", sans-serif; }
.account-overview__head > div > p:last-child { max-width: 600px; margin: 6px 0 0; color: var(--muted); }
.account-first-order { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; align-items: center; gap: 18px; margin-top: 20px; padding: 28px 0; border-block: 1px solid var(--line); }
.account-first-order__icon { width: 44px; height: 44px; display: grid; place-items: center; color: var(--muted); }
.account-first-order__copy { min-width: 0; }
.account-first-order__copy h2 { margin: 0; font: 750 18px/1.25 "Sora", sans-serif; }
.account-first-order__copy p { max-width: 560px; margin: 5px 0 0; color: var(--muted); font-size: 13px; }
.account-first-order__actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.account-first-order__actions .button { min-height: 42px; }
.account-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 20px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface-soft); }
.account-stat { min-width: 0; display: grid; gap: 3px; padding: 16px 18px; border-right: 1px solid var(--line); }
.account-stat + .account-stat { padding-left: 18px; }
.account-stat:last-child { border-right: 0; }
.account-stat > span { color: var(--muted); font-size: 12px; font-weight: 650; }
.account-stat > strong { font: 750 23px/1.15 "Sora", sans-serif; font-feature-settings: "tnum"; font-variant-numeric: tabular-nums; }
.account-stat > small { color: var(--muted); font-size: 11px; }
.account-stat[data-state="attention"] > strong { color: var(--warning); }
.account-stat[data-state="delivered"] > strong { color: var(--text); }
.account-orders-panel { margin-top: 28px; }
.account-section__link { display: inline-flex; align-items: center; gap: 5px; color: var(--muted); font-size: 12px; font-weight: 750; white-space: nowrap; }
.account-section__link:hover { color: var(--text); }
.account-orders-state, .account-orders-empty { min-height: 116px; display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; align-items: center; gap: 14px; padding: 20px 14px; }
.account-orders-state > svg, .account-orders-empty > svg { color: var(--muted); }
.account-orders-state[data-state="error"] > svg { color: var(--danger); }
.account-orders-state strong, .account-orders-state span, .account-orders-empty strong, .account-orders-empty span { display: block; }
.account-orders-state span, .account-orders-empty span { margin-top: 4px; color: var(--muted); font-size: 12px; line-height: 1.45; }
.account-order-list { padding-inline: 14px; }
.account-order-row { min-width: 0; display: grid; grid-template-columns: 38px minmax(0, 1fr) auto 18px; align-items: center; gap: 12px; min-height: 82px; border-bottom: 1px solid var(--line); }
.account-order-row:last-child { border-bottom: 0; }
.account-order-row:hover .account-order-row__content > strong, .account-order-row:hover .account-order-row__arrow { color: var(--text); }
.account-order-row__icon { width: 38px; height: 38px; display: grid; place-items: center; color: var(--muted); }
.account-order-row__icon[data-state="delivered"], .account-order-row__icon[data-state="processing"] { color: var(--success); }
.account-order-row__icon[data-state="issue"] { color: var(--danger); }
.account-order-row__content { min-width: 0; display: grid; gap: 3px; }
.account-order-row__content > small, .account-order-row__content > time { color: var(--muted); font-size: 10px; }
.account-order-row__content > strong { overflow: hidden; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.account-order-row__summary { display: grid; justify-items: end; gap: 4px; }
.account-order-row__summary > strong { font-size: 13px; font-feature-settings: "tnum"; font-variant-numeric: tabular-nums; white-space: nowrap; }
.account-order-row__summary .status { font-size: 11px; white-space: nowrap; }
.account-order-row__summary .status[data-state="processing"], .account-order-row__summary .status[data-state="delivered"] { color: var(--success); }
.account-order-row__summary .status[data-state="issue"] { color: var(--danger); }
.account-order-row__arrow { color: var(--muted); }
.security-page__head { margin-bottom: 0; padding-bottom: 30px; }
.security-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; }
.security-heading__copy { min-width: 0; }
.security-heading__copy > p:last-child { max-width: 610px; margin: 8px 0 0; color: var(--muted); }
.security-verification { flex: 0 0 auto; min-width: 190px; display: grid; grid-template-columns: 24px minmax(0, 1fr); align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface-soft); }
.security-verification > svg { color: var(--muted); }
.security-verification[data-state="verified"] > svg { color: var(--success); }
.security-verification small, .security-verification strong { display: block; }
.security-verification small { color: var(--muted); font-size: 10px; font-weight: 650; }
.security-verification strong { margin-top: 1px; font-size: 12px; }
.account-security { min-width: 0; border-top: 1px solid var(--line); }
.security-group { min-width: 0; padding-block: 28px; border-bottom: 1px solid var(--line); }
.security-group__head { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; align-items: center; gap: 14px; margin-bottom: 18px; }
.security-group__icon { width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); color: var(--muted); }
.security-group__head h2 { margin: 0; font: 750 18px/1.25 "Sora", sans-serif; }
.security-group__head p { margin: 3px 0 0; color: var(--muted); font-size: 12px; }
.security-setting-list { min-width: 0; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: var(--bg); }
.security-setting-row { min-width: 0; min-height: 92px; display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; align-items: center; gap: 14px; padding: 14px 16px; border-bottom: 1px solid var(--line); }
.security-setting-row:last-child { border-bottom: 0; }
.security-setting-row__icon { width: 40px; height: 40px; display: grid; place-items: center; border-radius: var(--radius); background: var(--surface); color: var(--muted); }
.security-setting-row__content { min-width: 0; }
.security-setting-row__content > span, .security-setting-row__content > strong, .security-setting-row__content > small { display: block; overflow-wrap: anywhere; }
.security-setting-row__content > span { color: var(--muted); font-size: 10px; font-weight: 700; text-transform: uppercase; }
.security-setting-row__content > strong { margin-top: 2px; font-size: 14px; }
.security-setting-row__content > small { margin-top: 4px; color: var(--muted); font-size: 11px; line-height: 1.4; }
.security-setting-row__content > small[data-state="verified"] { display: flex; align-items: center; gap: 5px; color: var(--success); }
.security-setting-row__content > small[data-state="pending"] { color: var(--warning); }
.security-row-action, .security-group__action { min-height: 40px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 0 11px; border: 1px solid var(--line); border-radius: 4px; background: var(--bg); color: var(--text); font-size: 12px; font-weight: 750; white-space: nowrap; }
.security-row-action:hover, .security-group__action:hover { border-color: var(--media-line-hover); background: var(--surface); }
.security-row-action:disabled, .security-group__action:disabled { cursor: wait; opacity: 0.48; }
.security-row-action--danger:hover { border-color: color-mix(in srgb, var(--danger) 45%, var(--line)); color: var(--danger); }
.security-current-badge { display: inline-flex; align-items: center; gap: 6px; color: var(--success); font-size: 12px; font-weight: 750; white-space: nowrap; }
.security-email-editor { display: grid; gap: 17px; margin: 12px; padding: 20px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface-soft); }
.security-email-editor > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.security-email-editor > header strong, .security-email-editor > header span { display: block; }
.security-email-editor > header strong { font: 750 14px/1.3 "Sora", sans-serif; }
.security-email-editor > header span { max-width: 580px; margin-top: 4px; color: var(--muted); font-size: 11px; line-height: 1.45; }
.security-email-editor .field { max-width: 620px; }
.security-email-editor .field > span { font-size: 11px; font-weight: 750; }
.security-editor-close { width: 40px; height: 40px; display: grid; flex: 0 0 auto; place-items: center; border: 0; border-radius: 4px; background: transparent; color: var(--muted); }
.security-editor-close:hover { background: var(--surface-strong); color: var(--text); }
.security-code-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; max-width: 620px; }
.security-email-actions { display: flex; flex-wrap: wrap; gap: 9px; }
.security-email-actions .button { min-height: 40px; }
.security-loading, .security-empty { min-height: 74px; display: flex; align-items: center; gap: 9px; margin: 0; padding: 14px 16px; color: var(--muted); font-size: 12px; }
.security-event-list { border-top: 1px solid var(--line); }
.security-event-row { min-width: 0; display: grid; grid-template-columns: 12px minmax(0, 1fr) auto; align-items: center; gap: 12px; min-height: 54px; border-bottom: 1px solid var(--line); }
.security-event-row:last-child { border-bottom: 0; }
.security-event-row__marker { width: 6px; height: 6px; justify-self: center; border-radius: 50%; background: var(--media-line-hover); }
.security-event-row strong { font-size: 12px; }
.security-event-row time { color: var(--muted); font-size: 11px; text-align: right; }
.account-section { min-width: 0; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: var(--bg); }
.account-section__head { min-height: 58px; display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 10px 14px; border-bottom: 1px solid var(--line); background: var(--surface-soft); }
.account-section__head h2 { margin: 0; font: 750 16px/1.25 "Sora", sans-serif; }
.account-section__head .text-command { align-self: center; margin: 0; white-space: nowrap; }
.account-section__icon { width: 28px; height: 28px; display: grid; place-items: center; color: var(--muted); }
.account-section__loading { min-height: 74px; display: flex; align-items: center; margin: 0; padding-inline: 14px; color: var(--muted); }
.account-auth-layout { min-height: calc(100svh - 166px); display: grid; place-items: center; padding-block: 56px 72px; }
.account-panel { width: 100%; max-width: 560px; justify-self: end; align-self: start; padding-top: 18px; border-top: 3px solid var(--text); }
.account-panel--auth { max-width: 460px; justify-self: center; align-self: center; padding-top: 0; border-top: 0; }
.account-panel__back { margin-bottom: 24px; }
.account-panel__head { margin-bottom: 24px; }
.account-panel__head h1, .account-panel__head h2 { margin: 0; font: 750 30px/1.18 "Sora", sans-serif; text-wrap: balance; }
.account-panel__head > p:last-child { max-width: 430px; margin: 8px 0 0; color: var(--muted); text-wrap: pretty; }
.account-loading { width: 100%; max-width: 470px; min-height: 66px; display: flex; align-items: center; justify-content: flex-start; gap: 10px; padding-block: 18px; border-top: 3px solid var(--text); border-bottom: 1px solid var(--line); color: var(--muted); }
.account-loading strong { color: var(--text); font-size: 14px; }
.account-page-fallback { min-height: calc(100svh - 166px); display: flex; align-items: center; justify-content: center; gap: 10px; color: var(--muted); }
.form-stack { display: grid; gap: 15px; max-width: 620px; }
.account-panel .field > span:first-child, .account-panel .field > label, .auth-field-head > label { font-size: 12px; font-weight: 750; }
.account-workspace :where(.input, .select, .textarea) { transition: border-color 140ms ease, background-color 140ms ease; }
.account-workspace :where(.input, .select, .textarea):focus {
  border-color: color-mix(in srgb, var(--text) 58%, var(--line));
  background: var(--bg);
  outline: 0;
}

@media (forced-colors: active) {
  .account-workspace :where(.input, .select, .textarea):focus {
    outline: 2px solid CanvasText;
    outline-offset: 2px;
  }
}

.cart-page { padding-bottom: 64px; }
.cart-page__back { margin: 22px 0 -10px; }
.cart-head { min-height: 108px; margin-bottom: 18px; padding-top: 24px; }
.cart-clear-actions { display: flex; align-items: center; justify-content: flex-end; gap: 4px; margin-left: auto; }
.cart-clear { min-height: var(--control); display: inline-flex; align-items: center; gap: 7px; padding: 0 10px; border: 1px solid transparent; border-radius: 4px; background: transparent; color: var(--muted); font-size: 12px; font-weight: 750; }
.cart-clear:hover { border-color: color-mix(in srgb, var(--danger) 24%, var(--line)); background: var(--bg); color: var(--danger); }
.cart-clear--cancel:hover { border-color: var(--line); color: var(--text); }
.cart-clear--danger { border-color: color-mix(in srgb, var(--danger) 24%, var(--line)); color: var(--danger); }
.cart-layout { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 24px; align-items: start; }
.cart-main { min-width: 0; }
.cart-products { min-width: 0; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: var(--bg); }
.cart-products__head { min-height: 64px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; padding: 10px 16px; border-bottom: 1px solid var(--line); background: var(--surface); }
.cart-products__head h2 { margin: 0; font: 750 17px/1.25 "Sora", sans-serif; }
.cart-products__head span { display: block; margin-top: 2px; color: var(--muted); font-size: 11px; }
.cart-row { display: grid; grid-template-columns: 132px minmax(0, 1fr); gap: 18px; align-items: start; padding: 18px; border-bottom: 1px solid var(--line); }
.cart-row:last-child { border-bottom: 0; }
.cart-row__visual { position: relative; width: 132px; aspect-ratio: 16 / 10; align-self: start; overflow: hidden; border: 1px solid var(--media-line); border-radius: 6px; background: var(--surface); }
.cart-row__image { position: absolute; inset: 0; width: 100%; height: 100%; margin: auto; object-fit: cover; object-position: center; }
.cart-row__image[src*="codex" i],
.cart-row__image[src*="elevenlabs" i],
.cart-row__image[src*="grok" i],
.cart-row__image[src*="capcut" i],
.cart-row__image[src*="autodesk" i],
.cart-row__image[src*="microsoft" i],
.cart-row__image[src*="hotmail" i],
.cart-row__image[src*="youtube" i],
.cart-row__image[src*="gmail" i],
.cart-row__image[src*="xbox" i],
.cart-row__image[src*="expressvpn" i],
.cart-row__image[src*="hmavpn" i],
.cart-row__image[src*="gammapro" i] { width: 80%; height: 80%; object-fit: contain; }
.cart-row__image[src*="outlook" i],
.cart-row__image[src*="deepseek" i],
.cart-row__image[src*="discord" i] { object-fit: contain; }
.cart-row__visual:has(.cart-row__image[src*="capcut" i]),
.cart-row__visual:has(.cart-row__image[src*="hotmail" i]),
.cart-row__visual:has(.cart-row__image[src*="grok" i]) { background: #000000; }
.cart-row__visual:has(.cart-row__image[src*="autodesk" i]) { background: #e5e5e5; }
.cart-row__visual:has(.cart-row__image[src*="microsoft365" i]),
.cart-row__visual:has(.cart-row__image[src*="office365" i]),
.cart-row__visual:has(.cart-row__image[src*="outlook" i]),
.cart-row__visual:has(.cart-row__image[src*="gemini" i]),
.cart-row__visual:has(.cart-row__image[src*="elevenlabs" i]),
.cart-row__visual:has(.cart-row__image[src*="youtube" i]),
.cart-row__visual:has(.cart-row__image[src*="gmail" i]),
.cart-row__visual:has(.cart-row__image[src*="expressvpn" i]),
.cart-row__visual:has(.cart-row__image[src*="hmavpn" i]),
.cart-row__visual:has(.cart-row__image[src*="gammapro" i]),
.cart-row__visual:has(.cart-row__image[src*="deepseek" i]) { background: #ffffff; }
.cart-row__visual:has(.cart-row__image[src*="chatgpt" i]) { background: #0e9d79; }
.cart-row__visual:has(.cart-row__image[src*="codex" i]) { background: #10a37f; }
.cart-row__visual:has(.cart-row__image[src*="xbox" i]) { background: #107c10; }
.cart-row__visual:has(.cart-row__image[src*="discord" i]) { background: #5865f2; }
.cart-row__fallback { position: absolute; inset: 0; display: grid; place-items: center; color: var(--muted); font: 750 20px/1 "Sora", sans-serif; }
.cart-row__content { min-width: 0; }
.cart-row__title { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.cart-row__title h3 { margin: 0; font: 750 16px/1.4 "Sora", sans-serif; overflow-wrap: anywhere; }
.cart-row__title > strong { flex: 0 0 auto; padding-top: 2px; font: 750 16px/1.3 "Sora", sans-serif; font-feature-settings: "tnum"; font-variant-numeric: tabular-nums; white-space: nowrap; }
.cart-row__meta { display: flex; flex-wrap: wrap; gap: 7px 16px; margin-top: 6px; color: var(--muted); font-size: 12px; }
.cart-row__meta span + span { position: relative; }
.cart-row__meta span + span::before { position: absolute; left: -9px; color: var(--line); content: "/"; }
.cart-row__warranty { max-width: 100%; display: flex; align-items: flex-start; gap: 6px; margin-top: 9px; color: var(--muted); font-size: 12px; line-height: 1.4; }
.cart-row__warranty svg { flex: 0 0 auto; margin-top: 1px; color: var(--success); }
.cart-row__controls { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--line); }
.stepper { display: inline-grid; grid-template-columns: var(--control) 44px var(--control); align-items: center; border: 1px solid var(--line); border-radius: 4px; overflow: hidden; background: var(--bg); }
.stepper button { height: var(--control); border: 0; background: var(--surface); color: var(--text); }
.stepper button:hover { background: var(--surface-strong); }
.stepper button:disabled, .stepper button:disabled:hover { cursor: not-allowed; background: var(--surface); color: var(--muted); opacity: 0.42; }
.stepper span { font-size: 13px; font-weight: 750; text-align: center; }
.cart-row__remove { min-height: var(--control); display: inline-flex; align-items: center; gap: 6px; padding: 0 7px; border: 0; background: transparent; color: var(--muted); font-size: 12px; font-weight: 700; }
.cart-row__remove:hover { color: var(--danger); }
.summary { position: sticky; top: 92px; align-self: start; overflow: hidden; padding: 16px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); }
.summary__head { min-height: 40px; display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding-bottom: 13px; border-bottom: 1px solid var(--line); }
.summary__head h2 { margin: 0; font: 750 20px/1.2 "Sora", sans-serif; }
.summary__head span { color: var(--muted); font-size: 12px; font-weight: 700; }
.summary__row { display: flex; justify-content: space-between; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--line); }
.summary__row span { color: var(--muted); }
.summary__total { align-items: baseline; padding-block: 16px; border-bottom: 0; font: 750 22px/1 "Sora", sans-serif; }
.summary__total span { color: var(--text); font-size: 15px; }
.summary__assurance { display: flex; align-items: flex-start; gap: 7px; margin: -3px 0 0; padding: 0 0 14px; color: var(--muted); font-size: 11px; line-height: 1.45; }
.summary__assurance svg { flex: 0 0 auto; margin-top: 1px; color: var(--success); }
.summary__signin { margin-top: 4px; padding-top: 16px; border-top: 1px solid var(--line); }
.summary__signin p { margin: 0; color: var(--muted); font-size: 13px; }
.summary .button--full { margin-top: 14px; }
.summary .notice { margin-top: 16px; }
.button--full { width: 100%; }
.cart-delivery-field { margin-top: 14px; max-width: 560px; }
.cart-delivery-field span { font-size: 12px; }
.cart-delivery-field[data-invalid="true"] .input { border-color: color-mix(in srgb, var(--danger) 58%, var(--line)); }
.cart-delivery-hint { margin-top: 1px; color: var(--muted); font-size: 11px; line-height: 1.4; overflow-wrap: anywhere; }
.cart-delivery-hint[data-state="ready"] { color: var(--success); }
.cart-delivery-hint[data-state="error"] { color: var(--danger); }
.icon-command { width: 34px; height: 34px; display: grid; place-items: center; border: 0; border-radius: 4px; background: transparent; color: var(--muted); }
.icon-command:hover { background: var(--surface); color: var(--danger); }
.checkout-account { min-width: 0; display: grid; grid-template-columns: 20px minmax(0, 1fr) 18px; align-items: center; gap: 10px; margin-top: 4px; padding: 15px 0; border-top: 1px solid var(--line); }
.checkout-account > svg { color: var(--muted); }
.checkout-account > svg[data-state="verified"] { color: var(--success); }
.checkout-account > svg[data-state="pending"] { color: var(--danger); }
.checkout-account span, .checkout-account strong { display: block; }
.checkout-account span { color: var(--muted); font-size: 10px; font-weight: 700; }
.checkout-account strong { margin-top: 2px; overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.checkout-methods { display: grid; gap: 12px; padding-top: 16px; border-top: 1px solid var(--line); }
.checkout-methods__head { display: grid; gap: 3px; }
.checkout-methods__head > strong { font: 750 13px/1.35 "Sora", sans-serif; }
.checkout-methods__head > span { color: var(--muted); font-size: 11px; }
.checkout-payment-options { display: grid; gap: 0; margin: 0; padding: 0; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: var(--bg); }
.payment-option { position: relative; min-height: 68px; display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; gap: 11px; align-items: center; padding: 10px 12px; border: 0; border-top: 1px solid var(--line); background: var(--bg); cursor: pointer; transition: background-color 150ms ease; }
.payment-option::before { position: absolute; inset-block: 0; left: 0; width: 2px; background: transparent; content: ""; transition: background-color 150ms ease; }
.payment-option:first-of-type { border-top: 0; }
.payment-option:hover { background: var(--surface-soft); }
.payment-option[data-selected="true"] { background: var(--accent-soft); }
.payment-option[data-selected="true"]::before { background: var(--accent-solid); }
.payment-option:has(input:focus-visible) { outline: 2px solid var(--focus); outline-offset: 2px; }
.payment-option input { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; pointer-events: none; }
.payment-option__brand { width: 38px; height: 38px; display: grid; place-items: center; overflow: hidden; border: 1px solid color-mix(in srgb, var(--line) 82%, #ffffff); border-radius: 6px; background: #ffffff; color: var(--muted); }
.payment-option__brand img { width: 32px; height: 32px; display: block; object-fit: contain; }
.payment-option__brand[data-provider="paypal"] img { width: 25px; height: 25px; }
.payment-option__brand[data-provider="binance_manual"] img { width: 24px; height: 24px; }
.payment-option__copy { min-width: 0; display: grid; gap: 2px; }
.payment-option__copy b { font-size: 12px; line-height: 1.3; }
.payment-option__copy small { color: var(--muted); font-size: 10px; line-height: 1.4; }
.payment-option__meta { display: grid; justify-items: end; gap: 6px; }
.payment-option__meta > small { color: var(--muted); font-size: 9px; font-weight: 800; }
.payment-option__choice { position: relative; width: 17px; height: 17px; border: 1px solid var(--muted); border-radius: 50%; }
.payment-option__choice::after { position: absolute; inset: 4px; border-radius: 50%; background: var(--accent-solid); content: ""; transform: scale(0); transition: transform 130ms ease; }
.payment-option[data-selected="true"] .payment-option__choice { border-color: var(--accent-solid); }
.payment-option[data-selected="true"] .payment-option__choice::after { transform: scale(1); }
.checkout-state { min-height: 64px; display: grid; grid-template-columns: 20px minmax(0, 1fr); align-items: center; gap: 10px; padding-block: 10px; border-block: 1px solid var(--line); color: var(--muted); }
.checkout-state > svg { color: var(--muted); }
.checkout-state strong, .checkout-state span { display: block; }
.checkout-state strong { color: var(--text); font-size: 11px; }
.checkout-state span { margin-top: 2px; font-size: 10px; line-height: 1.4; }
.checkout-state--error > svg { color: var(--danger); }
.checkout-state--error .button { grid-column: 2; justify-self: start; min-height: 34px; margin-top: 2px; padding-inline: 8px; font-size: 11px; }
.checkout-submit { padding-top: 16px; border-top: 1px solid var(--line); }
.checkout-guidance { display: flex; align-items: flex-start; gap: 7px; margin: 0; color: var(--muted); font-size: 10px; line-height: 1.45; }
.checkout-guidance svg { flex: 0 0 auto; margin-top: 1px; }
.checkout-guidance[data-state="ready"] svg { color: var(--success); }
.checkout-guidance[data-state="blocked"] svg { color: var(--muted); }
.checkout-guidance a { color: var(--text); font-weight: 750; text-decoration: underline; text-underline-offset: 2px; }
.checkout-submit .button--full { min-height: 46px; }
.cart-empty { min-height: 240px; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 20px; padding: 28px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); }
.cart-empty__icon { width: 52px; height: 52px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; background: var(--bg); color: var(--muted); }
.cart-empty h2 { margin: 0 0 4px; font: 700 22px/1.25 "Sora", sans-serif; }
.cart-empty p { margin: 0; color: var(--muted); }

.payment-process-page { padding-block: 28px 84px; }
.payment-process__toolbar { min-height: 44px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.payment-process__toolbar .page-back { margin: 0; }
.payment-process__toolbar .text-command { white-space: nowrap; }
.payment-process__header { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 40px; margin-top: 18px; padding-block: 24px 28px; border-bottom: 1px solid var(--line); }
.payment-process__context { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }
.payment-process__method-mark { width: 36px; height: 36px; display: grid; place-items: center; overflow: hidden; border: 1px solid color-mix(in srgb, var(--line) 82%, #ffffff); border-radius: 6px; background: #ffffff; }
.payment-process__method-mark img { width: 27px; height: 27px; object-fit: contain; }
.payment-process__context strong, .payment-process__context span { display: block; }
.payment-process__context strong { font-size: 11px; }
.payment-process__context span { max-width: 520px; margin-top: 2px; overflow: hidden; color: var(--muted); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.payment-process__header h1 { max-width: 760px; margin: 0; font: 750 34px/1.13 "Sora", sans-serif; }
.payment-process__header > div:first-child > p:last-child { max-width: 700px; margin: 10px 0 0; color: var(--muted); line-height: 1.6; }
.payment-process__status { min-width: 190px; display: grid; grid-template-columns: 34px minmax(0, 1fr); align-items: center; gap: 10px; padding-left: 24px; border-left: 1px solid var(--line); }
.payment-process__status > span { width: 34px; height: 34px; display: grid; place-items: center; color: var(--accent-strong); }
.payment-process__header[data-state="preparation"] .payment-process__status > span,
.payment-process__header[data-state="delivered"] .payment-process__status > span { color: var(--success); }
.payment-process__header[data-state="closed"] .payment-process__status > span { color: var(--danger); }
.payment-process__status strong, .payment-process__status span { display: block; }
.payment-process__status strong { font-size: 12px; }
.payment-process__status div > span { margin-top: 2px; color: var(--muted); font-size: 10px; }
.payment-timeline { list-style: none; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; padding: 18px 0; border-bottom: 1px solid var(--line); }
.payment-timeline li { position: relative; min-width: 0; display: flex; align-items: center; gap: 9px; padding-inline: 18px; color: var(--muted); }
.payment-timeline li:first-child { padding-left: 0; }
.payment-timeline li:last-child { padding-right: 0; }
.payment-timeline li:not(:last-child)::after { position: absolute; top: 50%; right: 0; width: 1px; height: 18px; background: var(--line); content: ""; transform: translateY(-50%); }
.payment-timeline__marker { width: 28px; height: 28px; display: grid; flex: 0 0 auto; place-items: center; border: 1px solid var(--line); border-radius: 50%; font-size: 10px; font-weight: 800; }
.payment-timeline__marker svg { width: 15px; height: 15px; }
.payment-timeline li strong { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.payment-timeline li[data-state="active"] { color: var(--text); }
.payment-timeline li[data-state="active"] .payment-timeline__marker { border-color: var(--accent-solid); color: var(--accent-strong); }
.payment-timeline li[data-state="complete"] { color: var(--success); }
.payment-timeline li[data-state="complete"] .payment-timeline__marker { border-color: color-mix(in srgb, var(--success) 45%, var(--line)); background: color-mix(in srgb, var(--success) 9%, var(--bg)); }
.payment-timeline li[data-state="error"] { color: var(--danger); }
.payment-timeline li[data-state="error"] .payment-timeline__marker { border-color: color-mix(in srgb, var(--danger) 55%, var(--line)); }
.payment-process__layout { display: grid; grid-template-columns: minmax(0, 1.62fr) minmax(280px, 0.64fr); align-items: start; gap: 48px; padding-top: 36px; }
.payment-process__main { min-width: 0; }
.payment-instructions { overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: var(--bg); }
.payment-instructions__header { min-height: 82px; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 16px 24px; border-bottom: 1px solid var(--line); }
.payment-instructions__identity { min-width: 0; display: grid; grid-template-columns: 42px minmax(0, 1fr); align-items: center; gap: 13px; }
.payment-instructions__brand { width: 42px; height: 42px; display: grid; place-items: center; overflow: hidden; border: 1px solid color-mix(in srgb, var(--line) 82%, #ffffff); border-radius: 6px; background: #ffffff; }
.payment-instructions__brand img { width: 34px; height: 34px; object-fit: contain; }
.payment-instructions[data-provider="paypal"] .payment-instructions__brand img,
.payment-instructions[data-provider="binance_manual"] .payment-instructions__brand img { width: 27px; height: 27px; }
.payment-instructions__header p { margin: 0 0 2px; color: var(--muted); font-size: 10px; font-weight: 750; text-transform: uppercase; }
.payment-instructions__header h2 { margin: 0; font: 700 18px/1.25 "Sora", sans-serif; }
.payment-instructions__deadline { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 6px; color: var(--muted); font-size: 10px; white-space: nowrap; }
.payment-instructions__amount { display: grid; grid-template-columns: minmax(0, 1fr) 36px; align-items: center; gap: 10px; padding: 24px; border-bottom: 1px solid var(--line); background: var(--surface-soft); }
.payment-instructions__amount > div > span { display: block; margin-bottom: 3px; color: var(--muted); font-size: 11px; font-weight: 700; }
.payment-instructions__amount > div > strong { display: block; font: 750 34px/1.08 "Sora", sans-serif; font-feature-settings: "tnum"; font-variant-numeric: tabular-nums; }
.payment-instructions .icon-command:hover { background: var(--surface); color: var(--text); }
.payment-instructions__transfer { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 22px; padding: 0 24px; }
.payment-instructions__qr { width: 156px; aspect-ratio: 1; margin-block: 24px; overflow: hidden; border: 1px solid var(--line); background: #fff; }
.payment-instructions__qr img { width: 100%; height: 100%; object-fit: contain; }
.payment-instructions__details { min-width: 0; }
.payment-copy-row { min-height: 60px; display: grid; grid-template-columns: minmax(78px, auto) minmax(0, 1fr) 36px; align-items: center; gap: 12px; border-bottom: 1px solid var(--line); }
.payment-copy-row:last-child { border-bottom: 0; }
.payment-copy-row > span { color: var(--muted); font-size: 11px; }
.payment-copy-row > strong { overflow-wrap: anywhere; font-size: 13px; font-feature-settings: "tnum"; font-variant-numeric: tabular-nums; }
.payment-instructions__steps { list-style: none; display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); margin: 0; padding: 22px 24px; border-top: 1px solid var(--line); }
.payment-instructions__steps li { min-width: 0; display: grid; grid-template-columns: 26px minmax(0, 1fr); align-items: start; gap: 10px; padding-inline: 18px; border-left: 1px solid var(--line); }
.payment-instructions__steps li:first-child { padding-left: 0; border-left: 0; }
.payment-instructions__steps li:last-child { padding-right: 0; }
.payment-instructions__steps li > span { width: 24px; height: 24px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; color: var(--muted); font-size: 10px; font-weight: 800; }
.payment-instructions__steps strong { display: block; font-size: 11px; line-height: 1.4; }
.payment-instructions__steps p { margin: 4px 0 0; color: var(--muted); font-size: 10px; line-height: 1.5; }
.payment-instructions__security { display: flex; align-items: flex-start; gap: 8px; margin: 0; padding: 14px 24px; border-top: 1px solid var(--line); background: var(--surface-soft); color: var(--muted); font-size: 10px; line-height: 1.5; }
.payment-instructions__security svg { flex: 0 0 auto; margin-top: 1px; color: var(--success); }
.payment-confirmation { padding: 24px; border-top: 1px solid var(--line); background: var(--surface); }
.payment-confirmation__header h3 { margin: 0; font: 700 17px/1.3 "Sora", sans-serif; }
.payment-confirmation__header p { max-width: 560px; margin: 5px 0 0; color: var(--muted); font-size: 11px; line-height: 1.5; }
.payment-origin { display: grid; grid-template-columns: minmax(130px, auto) minmax(0, 1fr); align-items: center; gap: 16px; margin-top: 18px; padding-bottom: 18px; border-bottom: 1px solid var(--line); }
.payment-origin > span { color: var(--muted); font-size: 11px; font-weight: 700; }
.payment-origin__options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border: 1px solid var(--line); border-radius: 4px; overflow: hidden; }
.payment-origin__options button { min-height: 42px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding-inline: 12px; border: 0; border-right: 1px solid var(--line); background: var(--bg); color: var(--muted); font-size: 11px; font-weight: 750; }
.payment-origin__options button:last-child { border-right: 0; }
.payment-origin__options button:hover { color: var(--text); background: var(--surface-soft); }
.payment-origin__options button[data-active="true"] { background: var(--text); color: var(--bg); }
.payment-proof-form { display: grid; grid-template-columns: minmax(180px, 1fr) auto; align-items: end; gap: 12px; margin-top: 18px; }
.payment-proof-form:not(:has(.field)) { display: flex; justify-content: flex-start; }
.payment-proof-form:not(:has(.field)) .button { min-width: 210px; }
.payment-proof-form .field > span { font-size: 11px; font-weight: 750; }
.payment-proof-form .input { background: var(--bg); }
.payment-proof-form .input:focus-visible { outline: 0; border-color: var(--text); }
.payment-proof-form .input[aria-invalid="true"] { border-color: color-mix(in srgb, var(--danger) 58%, var(--line)); }
.payment-verification-view { position: relative; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: var(--bg); }
.payment-verification-view__progress { height: 2px; overflow: hidden; background: var(--line); }
.payment-verification-view__progress > span { width: 38%; height: 100%; display: block; background: var(--accent-solid); animation: payment-verification-progress 1.8s cubic-bezier(.4, 0, .2, 1) infinite; }
.payment-verification-view__header { min-height: 174px; display: flex; align-items: flex-start; justify-content: space-between; gap: 28px; padding: 30px 32px; border-bottom: 1px solid var(--line); background: var(--surface-soft); }
.payment-verification-view__identity { min-width: 0; display: grid; grid-template-columns: 44px minmax(0, 1fr); align-items: start; gap: 16px; }
.payment-verification-view__brand { width: 44px; height: 44px; display: grid; place-items: center; overflow: hidden; border: 1px solid color-mix(in srgb, var(--line) 82%, #ffffff); border-radius: 6px; background: #ffffff; }
.payment-verification-view__brand img { width: 36px; height: 36px; object-fit: contain; }
.payment-verification-view[data-provider="paypal"] .payment-verification-view__brand img,
.payment-verification-view[data-provider="binance_manual"] .payment-verification-view__brand img { width: 28px; height: 28px; }
.payment-verification-view__identity > div > p:first-child { margin: 1px 0 7px; color: var(--accent-strong); font-size: 10px; font-weight: 800; text-transform: uppercase; }
.payment-verification-view__header h2 { margin: 0; font: 750 25px/1.2 "Sora", sans-serif; }
.payment-verification-view__identity > div > p:last-child { max-width: 590px; margin: 9px 0 0; color: var(--muted); font-size: 12px; line-height: 1.6; }
.payment-verification-view__status { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 7px; min-height: 34px; padding-inline: 10px; border: 1px solid var(--accent-line); border-radius: 999px; background: var(--accent-soft); color: var(--accent-strong); font-size: 10px; font-weight: 800; white-space: nowrap; }
.payment-verification-view__steps { list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; padding: 0; border-bottom: 1px solid var(--line); }
.payment-verification-view__steps li { min-width: 0; min-height: 108px; display: grid; grid-template-columns: 26px minmax(0, 1fr); align-items: start; gap: 11px; padding: 21px 22px; border-right: 1px solid var(--line); }
.payment-verification-view__steps li:last-child { border-right: 0; }
.payment-verification-view__steps li > span { width: 24px; height: 24px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; color: var(--muted); font-size: 10px; font-weight: 800; }
.payment-verification-view__steps li[data-state="complete"] > span { border-color: color-mix(in srgb, var(--success) 44%, var(--line)); background: color-mix(in srgb, var(--success) 8%, var(--surface)); color: var(--success); }
.payment-verification-view__steps li[data-state="active"] > span { border-color: color-mix(in srgb, var(--accent-solid) 55%, var(--line)); color: var(--accent-strong); }
.payment-verification-view__steps strong, .payment-verification-view__steps small { display: block; }
.payment-verification-view__steps strong { margin-top: 2px; font-size: 11px; line-height: 1.4; }
.payment-verification-view__steps small { margin-top: 5px; color: var(--muted); font-size: 10px; line-height: 1.5; }
.payment-verification-view__notice { min-height: 78px; display: grid; grid-template-columns: 22px minmax(0, 1fr) auto; align-items: center; gap: 11px; padding: 18px 24px; }
.payment-verification-view__notice > svg:first-child { color: var(--success); }
.payment-verification-view__notice strong, .payment-verification-view__notice span { display: block; }
.payment-verification-view__notice strong { font-size: 11px; }
.payment-verification-view__notice span { margin-top: 3px; color: var(--muted); font-size: 10px; line-height: 1.5; }
.payment-verification-view__live { display: inline-flex !important; align-items: center; gap: 6px; margin: 0 !important; white-space: nowrap; }
.payment-verification-view > .payment-receipt { margin: 0; padding: 18px 24px; }
.payment-verification-view__message { margin: 0 24px 18px; }
@keyframes payment-verification-progress {
  from { transform: translateX(-115%); }
  to { transform: translateX(365%); }
}
.payment-receipt { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 16px; margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--line); }
.payment-receipt__copy { min-width: 0; display: grid; grid-template-columns: 20px minmax(0, 1fr); align-items: start; gap: 9px; }
.payment-receipt__copy > svg { margin-top: 1px; color: var(--muted); }
.payment-receipt__copy strong, .payment-receipt__copy span { display: block; }
.payment-receipt__copy strong { font-size: 12px; }
.payment-receipt__copy span { margin-top: 3px; color: var(--muted); font-size: 10px; line-height: 1.45; }
.payment-receipt__button { min-height: 38px; white-space: nowrap; }
.payment-summary { position: sticky; top: 92px; min-width: 0; padding-left: 32px; border-left: 1px solid var(--line); }
.payment-summary > header > span { color: var(--muted); font-size: 10px; font-weight: 750; text-transform: uppercase; }
.payment-summary > header h2 { margin: 4px 0 0; font: 700 19px/1.3 "Sora", sans-serif; }
.payment-summary__items { list-style: none; margin: 20px 0 0; padding: 0; border-top: 1px solid var(--line); }
.payment-summary__items li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px; padding-block: 16px; border-bottom: 1px solid var(--line); }
.payment-summary__items li > div { min-width: 0; }
.payment-summary__items strong, .payment-summary__items span { display: block; }
.payment-summary__items li > div > strong { font-size: 12px; line-height: 1.4; }
.payment-summary__items li > div > span { margin-top: 4px; color: var(--muted); font-size: 10px; }
.payment-summary__items li > strong { font-size: 12px; font-feature-settings: "tnum"; font-variant-numeric: tabular-nums; white-space: nowrap; }
.payment-summary__facts { margin: 0; padding-block: 12px; border-bottom: 1px solid var(--line); }
.payment-summary__facts > div { display: grid; grid-template-columns: minmax(96px, auto) minmax(0, 1fr); gap: 14px; padding-block: 6px; }
.payment-summary__facts dt { color: var(--muted); font-size: 10px; }
.payment-summary__facts dd { min-width: 0; margin: 0; overflow-wrap: anywhere; text-align: right; font-size: 11px; font-weight: 750; }
.payment-summary__method { display: flex; justify-content: flex-end; }
.payment-summary__trust { display: flex; align-items: flex-start; gap: 7px; margin: 16px 0; color: var(--muted); font-size: 10px; line-height: 1.5; }
.payment-summary__trust svg { flex: 0 0 auto; margin-top: 1px; color: var(--success); }
.payment-summary__support { justify-content: flex-start; font-size: 11px; }
.payment-completion { min-height: 250px; display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; align-items: center; gap: 18px; padding: 28px; border-block: 1px solid var(--line); background: var(--surface-soft); }
.payment-completion > svg { color: var(--muted); }
.payment-completion[data-state="success"] > svg { color: var(--success); }
.payment-completion[data-state="error"] > svg { color: var(--danger); }
.payment-completion h2 { margin: 0; font: 700 20px/1.25 "Sora", sans-serif; }
.payment-completion p { max-width: 560px; margin: 6px 0 0; color: var(--muted); line-height: 1.6; }
.payment-process-state { min-height: 300px; display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; align-items: center; gap: 18px; margin-top: 28px; padding-block: 30px; border-block: 1px solid var(--line); }
.payment-process-state > svg { color: var(--muted); }
.payment-process-state[data-state="error"] > svg { color: var(--danger); }
.payment-process-state strong, .payment-process-state span { display: block; }
.payment-process-state span { margin-top: 3px; color: var(--muted); font-size: 11px; }
.payment-process-state h1 { margin: 0; font: 750 26px/1.2 "Sora", sans-serif; }
.payment-process-state p { max-width: 650px; margin: 7px 0 0; color: var(--muted); }
.payment-result-page { padding-block: 38px 80px; }
.payment-result { min-height: 230px; margin-top: 26px; padding-block: 32px; border-block: 1px solid var(--line); display: grid; grid-template-columns: 56px minmax(0, 1fr) auto; align-items: center; gap: 22px; }
.payment-result__brand { width: 56px; height: 56px; display: grid; place-items: center; border: 1px solid color-mix(in srgb, var(--line) 82%, #ffffff); border-radius: 6px; background: #ffffff; }
.payment-result__brand img { width: 35px; height: 35px; object-fit: contain; }
.payment-result__copy { min-width: 0; }
.payment-result__status { width: fit-content; display: inline-flex; align-items: center; gap: 6px; margin-bottom: 9px; color: var(--muted); font-size: 10px; font-weight: 800; }
.payment-result[data-state="verified"] .payment-result__status { color: var(--success); }
.payment-result[data-state="error"] .payment-result__status,
.payment-result[data-state="cancelled"] .payment-result__status { color: var(--danger); }
.payment-result h1 { margin: 3px 0 8px; font: 750 28px/1.15 "Sora", sans-serif; }
.payment-result p:not(.eyebrow) { max-width: 680px; margin: 0; color: var(--muted); line-height: 1.6; }
.visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }

.order-list { border-top: 1px solid var(--line); }
.order-row { display: grid; grid-template-columns: 1fr auto; gap: 16px; padding: 18px 0; border-bottom: 1px solid var(--line); }
.order-row h2 { margin: 0; font: 700 16px/1.3 "Sora", sans-serif; }
.status { color: var(--muted); font-size: 13px; }
.status[data-state="paid"], .status[data-state="delivered"] { color: var(--success); }
.status[data-state="issue"] { color: var(--danger); }
.order-entry { scroll-margin-top: 92px; border-bottom: 1px solid var(--line); }
.order-entry[data-target="true"] .order-row h2 { color: var(--accent-strong); }
.order-arrival { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 10px; padding: 14px 0; border-bottom: 1px solid var(--line); }
.order-arrival > svg { color: var(--accent-strong); }
.order-arrival[data-state="paid"] > svg, .order-arrival[data-state="delivered"] > svg { color: var(--success); }
.order-arrival strong, .order-arrival span { display: block; }
.order-arrival strong { font: 750 13px/1.3 "Sora", sans-serif; }
.order-arrival span { margin-top: 3px; color: var(--muted); font-size: 11px; line-height: 1.45; }
.order-entry .order-row { border-bottom: 0; }
.order-row__summary { display: grid; align-content: start; justify-items: end; gap: 4px; }
.order-progress { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-bottom: 16px; background: var(--line); }
.order-progress span { display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 34px; background: var(--surface); color: var(--muted); font-size: 12px; font-weight: 750; }
.order-progress[data-state="pending"] span:not(:first-child), .order-progress[data-state="paid"] span:last-child { opacity: 0.45; }
.order-progress[data-state="paid"] span:nth-child(-n+2), .order-progress[data-state="delivered"] span { color: var(--success); opacity: 1; }
.order-progress[data-state="issue"] span:not(:first-child) { opacity: 0.45; }
.order-payment-cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 20px; margin-bottom: 18px; padding: 16px 0; border-block: 1px solid var(--line); }
.order-payment-cta strong, .order-payment-cta span { display: block; }
.order-payment-cta strong { font-size: 12px; }
.order-payment-cta span { max-width: 620px; margin-top: 3px; color: var(--muted); font-size: 10px; line-height: 1.45; }
.delivery-panel { overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: var(--bg); }
.delivery-panel__header { min-height: 96px; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 18px 20px; border-bottom: 1px solid var(--line); background: var(--surface-soft); }
.delivery-panel__heading { min-width: 0; display: grid; grid-template-columns: 38px minmax(0, 1fr); align-items: start; gap: 13px; }
.delivery-panel__status-icon { width: 38px; height: 38px; display: grid; place-items: center; color: var(--success); }
.delivery-panel__status { display: block; margin-bottom: 2px; color: var(--success); font-size: 10px; font-weight: 800; }
.delivery-panel__heading h3 { margin: 0; font: 750 18px/1.3 "Sora", sans-serif; }
.delivery-panel__heading p { margin: 4px 0 0; color: var(--muted); font-size: 11px; line-height: 1.5; text-wrap: pretty; }
.delivery-panel__copy-all { flex: 0 0 auto; min-width: 118px; }
.delivery-panel__product { min-height: 58px; display: grid; grid-template-columns: 178px minmax(0, 1fr); align-items: center; gap: 18px; padding: 10px 20px; border-bottom: 1px solid var(--line); }
.delivery-panel__product span { color: var(--muted); font-size: 11px; }
.delivery-panel__product strong { min-width: 0; font-size: 13px; overflow-wrap: anywhere; }
.delivery-panel__data { margin: 0; }
.delivery-panel__row { min-height: 58px; display: grid; grid-template-columns: 178px minmax(0, 1fr); align-items: center; gap: 18px; padding: 8px 12px 8px 20px; border-bottom: 1px solid var(--line); }
.delivery-panel__row dt { min-width: 0; display: flex; align-items: center; gap: 9px; color: var(--muted); font-size: 11px; }
.delivery-panel__row dt svg { flex: 0 0 auto; }
.delivery-panel__row dd { min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0; }
.delivery-panel__row code,
.delivery-panel__row a { min-width: 0; overflow-wrap: anywhere; color: var(--text); font: 650 13px/1.5 ui-monospace, SFMono-Regular, Consolas, monospace; }
.delivery-panel__row a { color: var(--accent-strong); text-decoration: underline; text-underline-offset: 3px; }
.delivery-panel__row-actions { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 2px; }
.delivery-panel__icon-button { width: 36px; height: 36px; display: grid; place-items: center; border: 0; border-radius: 4px; background: transparent; color: var(--muted); }
.delivery-panel__icon-button:hover { background: var(--surface-strong); color: var(--text); }
.delivery-panel__icon-button:focus-visible { outline: 2px solid var(--accent-solid); outline-offset: 1px; }
.delivery-panel__icon-button:active { transform: scale(.96); }
.delivery-panel__section { display: grid; grid-template-columns: 28px minmax(0, 1fr); align-items: start; gap: 11px; padding: 18px 20px; border-bottom: 1px solid var(--line); }
.delivery-panel__section > svg { margin-top: 1px; color: var(--muted); }
.delivery-panel__section h4 { margin: 0; font-size: 12px; }
.delivery-panel__section p { max-width: 74ch; margin: 5px 0 0; white-space: pre-wrap; overflow-wrap: anywhere; color: var(--muted); font-size: 12px; line-height: 1.65; }
.delivery-panel__warranty { min-height: 66px; display: flex; align-items: center; gap: 12px; padding: 12px 20px; background: color-mix(in srgb, var(--success) 5%, var(--bg)); }
.delivery-panel__warranty > svg { flex: 0 0 auto; color: var(--success); }
.delivery-panel__warranty small,
.delivery-panel__warranty strong { display: block; }
.delivery-panel__warranty small { color: var(--muted); font-size: 10px; }
.delivery-panel__warranty strong { margin-top: 2px; font-size: 12px; }
.delivery-panel__error { margin: 0; padding: 10px 20px; border-top: 1px solid var(--line); color: var(--danger); font-size: 11px; }
.is-spinning { animation: spin 850ms linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.orders-page__intro { margin-bottom: 24px; }
.orders-empty, .orders-state { min-height: 220px; display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; align-items: center; gap: 18px; padding: 24px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface-soft); }
.orders-empty__icon { width: 52px; height: 52px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; background: var(--bg); color: var(--muted); }
.orders-empty h2 { margin: 0; font: 750 20px/1.3 "Sora", sans-serif; }
.orders-empty p { margin: 5px 0 0; color: var(--muted); }
.orders-state { min-height: 150px; grid-template-columns: 32px minmax(0, 1fr) auto; }
.orders-state > svg { color: var(--muted); }
.orders-state[data-state="error"] > svg { color: var(--danger); }
.orders-state strong, .orders-state span { display: block; }
.orders-state span { margin-top: 4px; color: var(--muted); font-size: 12px; }
.account-orders-page .orders-empty, .account-orders-page .orders-state { min-height: 150px; }
.account-orders-page .order-list:empty { border-top: 0; }
.account-support .faq-list p { margin: 0; color: var(--muted); line-height: 1.65; }
.account-support .support-contact { margin-top: 28px; }

.account-avatar { width: 46px; height: 46px; display: grid; flex: 0 0 auto; place-items: center; overflow: hidden; border: 1px solid var(--line); border-radius: 50%; background: transparent; font: 750 13px/1 "Sora", sans-serif; }
.account-avatar img { width: 100%; height: 100%; display: block; object-fit: cover; }
.profile-page__head { margin-bottom: 0; }
.profile-editor { min-width: 0; border-top: 1px solid var(--line); }
.profile-editor__photo { display: grid; grid-template-columns: 92px minmax(0, 1fr); align-items: center; gap: 24px; padding-block: 28px; border-bottom: 1px solid var(--line); }
.profile-avatar-preview { width: 92px; height: 92px; display: grid; place-items: center; overflow: hidden; border: 1px solid var(--line); border-radius: 50%; background: var(--surface-soft); font: 750 22px/1 "Sora", sans-serif; }
.profile-avatar-preview img { width: 100%; height: 100%; display: block; object-fit: cover; }
.profile-editor__photo-copy { min-width: 0; }
.profile-editor h2 { margin: 0; font: 750 18px/1.25 "Sora", sans-serif; }
.profile-editor__photo-copy > p, .profile-editor__fields > header > p { max-width: 610px; margin: 5px 0 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
.profile-editor__photo-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 16px; }
.profile-editor__photo-actions .button { min-height: 40px; }
.profile-editor__remove { min-height: 40px; display: inline-flex; align-items: center; gap: 7px; padding-inline: 10px; border: 0; background: transparent; color: var(--muted); font-size: 12px; font-weight: 750; }
.profile-editor__remove:hover { color: var(--danger); }
.profile-editor__remove:disabled { cursor: not-allowed; opacity: 0.48; }
.profile-editor__fields { display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, 0.8fr); gap: 22px 28px; padding-block: 28px; border-bottom: 1px solid var(--line); }
.profile-editor__fields > header { grid-column: 1 / -1; }
.profile-editor__fields .field { align-content: start; }
.profile-editor__fields .field > span { font-size: 12px; font-weight: 750; }
.profile-email-row { min-width: 0; min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 10px 0; border-bottom: 1px solid var(--line); }
.profile-email-row > div { min-width: 0; }
.profile-email-row span, .profile-email-row strong { display: block; }
.profile-email-row span { color: var(--muted); font-size: 11px; font-weight: 650; }
.profile-email-row strong { margin-top: 4px; overflow: hidden; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.profile-email-row a { color: var(--accent-strong); font-size: 11px; font-weight: 750; white-space: nowrap; }
.profile-email-row a:hover { color: var(--text); }
.profile-editor__notice { margin: 18px 0 0; }
.profile-editor__notice[data-state="success"] { color: var(--success); }
.profile-editor__actions { display: flex; justify-content: flex-end; gap: 10px; padding-top: 24px; }
.inline-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.auth-mode-switch { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-bottom: 30px; border-bottom: 1px solid var(--line); }
.auth-mode-switch button { position: relative; min-height: 44px; padding: 0 10px; border: 0; background: transparent; color: var(--muted); font-size: 13px; font-weight: 750; }
.auth-mode-switch button::after { position: absolute; right: 0; bottom: -1px; left: 0; height: 2px; background: transparent; content: ""; transform: scaleX(0.45); transition: background-color 150ms ease, transform 150ms cubic-bezier(0.22, 1, 0.36, 1); }
.auth-mode-switch button:hover { color: var(--text); }
.auth-mode-switch button[data-active="true"] { color: var(--text); }
.auth-mode-switch button[data-active="true"]::after { background: var(--text); transform: scaleX(1); }
.auth-mode-switch button:focus-visible { outline: 2px solid var(--focus); outline-offset: -2px; }
.google-button { width: 100%; min-height: 48px; border-color: var(--line); background: var(--surface); }
.google-button:hover { border-color: var(--muted); background: var(--surface-strong); }
.google-button:disabled { opacity: 1; border-color: var(--line); background: var(--surface); color: var(--muted); }
.google-button img { width: 18px; height: 18px; object-fit: contain; }
.auth-provider-status { margin: 8px 0 -4px; color: var(--muted); font-size: 11px; line-height: 1.45; text-align: center; }
.auth-divider { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 12px; margin-block: 20px; color: var(--muted); font-size: 12px; }
.auth-divider::before, .auth-divider::after { height: 1px; background: var(--line); content: ""; }
.auth-form { max-width: none; gap: 15px; }
.auth-form .button--primary { min-height: 50px; margin-top: 5px; }
.auth-input { position: relative; min-height: 50px; display: flex; align-items: center; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); transition: border-color 140ms ease, background-color 140ms ease; }
.auth-input:focus-within { border-color: var(--text); background: var(--bg); }
.auth-input > svg { position: absolute; left: 14px; z-index: 1; color: var(--muted); pointer-events: none; }
.account-panel .auth-input .input { min-height: 48px; padding: 10px 44px; border: 0; background: transparent; outline: 0; }
.account-panel .auth-input .input:focus { background: transparent; }
.auth-field-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.auth-field-head button { min-height: 40px; padding: 0; border: 0; background: transparent; color: var(--muted); font-size: 12px; font-weight: 700; }
.auth-field-head button:hover { color: var(--accent-strong); }
.auth-password-toggle { position: absolute; right: 4px; width: 40px; height: 40px; display: grid; place-items: center; border: 0; border-radius: 4px; background: transparent; color: var(--muted); }
.auth-password-toggle:hover { background: var(--surface-strong); color: var(--text); }
.auth-password-hint { margin-top: -1px; color: var(--muted); font-size: 11px; }
.auth-input--code .input { font: 750 22px/1 "Sora", sans-serif; font-feature-settings: "tnum"; font-variant-numeric: tabular-nums; }
.turnstile-slot { min-height: 0; overflow: hidden; }
.turnstile-slot:not(:has(iframe)) { height: 0; }
.turnstile-slot iframe { max-width: 100%; }
.auth-register-meta { display: grid; gap: 10px; margin-top: 1px; padding-top: 15px; border-top: 1px solid var(--line); }
.auth-verification-note { display: flex; align-items: flex-start; gap: 8px; margin: 0; color: var(--text); font-size: 12px; line-height: 1.45; }
.auth-verification-note svg { flex: 0 0 auto; margin-top: 1px; color: var(--accent-strong); }
.auth-legal { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.55; }
.auth-legal a { color: var(--text); text-decoration: underline; text-underline-offset: 3px; }
.auth-resend { display: flex; align-items: center; justify-content: center; gap: 7px; margin-top: 16px; color: var(--muted); font-size: 13px; }
.auth-resend button { padding: 0; border: 0; background: transparent; color: var(--accent-strong); font-weight: 750; }
.auth-resend button:hover { text-decoration: underline; text-underline-offset: 3px; }
.auth-resend button:disabled { cursor: not-allowed; opacity: 0.48; }
.text-command { margin-top: 16px; padding: 4px 0; border: 0; border-bottom: 1px solid currentColor; background: transparent; color: var(--muted); }
.text-command:hover { color: var(--accent-strong); }

.legal { padding-block: 46px 72px; }
.legal__intro { max-width: 820px; margin-bottom: 36px; }
.legal h1 { margin: 0 0 16px; font: 750 42px/1.08 "Sora", sans-serif; }
.legal__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 44px; border-top: 1px solid var(--line); }
.legal section { padding: 24px 0; border-bottom: 1px solid var(--line); }
.legal h2 { margin: 0 0 10px; font: 700 18px/1.3 "Sora", sans-serif; }
.legal p { margin: 0; color: var(--muted); }
.faq-list { border-top: 1px solid var(--line); }
.faq-list details { border-bottom: 1px solid var(--line); }
.faq-list summary { min-height: 60px; display: flex; align-items: center; justify-content: space-between; gap: 18px; cursor: pointer; list-style: none; padding: 12px 0; font: 700 17px/1.35 "Sora", sans-serif; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary svg { flex: 0 0 auto; color: var(--muted); transition: transform 160ms ease; }
.faq-list details[open] summary svg { transform: rotate(180deg); }
.faq-list p { max-width: 820px; padding: 0 0 20px; }
.support-contact { display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; align-items: center; gap: 14px; margin-top: 32px; padding: 16px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface-soft); }
.support-contact__icon { width: 42px; height: 42px; display: grid; place-items: center; color: var(--muted); }
.support-contact p { margin-top: 4px; }
.support-page > .page-back { margin-bottom: 24px; }
.not-found { min-height: calc(100svh - 180px); }
.not-found h1 { margin: 0; font: 750 36px/1.15 "Sora", sans-serif; color: var(--text); }
.not-found p { margin: 10px 0 22px; }

.site-footer { border-top: 1px solid var(--line); padding-block: 28px; }
.site-footer__inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.site-footer__links { display: flex; flex-wrap: wrap; gap: 18px; color: var(--muted); }
.site-footer__links a { min-height: var(--control); display: inline-flex; align-items: center; }

@media (max-width: 1024px) {
  .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 920px) {
  .product-detail { grid-template-columns: 1fr; gap: 28px; }
  .product-detail__media { position: static; }
  .product-detail__image { max-width: 760px; }
}

@media (max-width: 1080px) {
  .cart-layout { grid-template-columns: 1fr; }
  .summary { position: static; }
  .account-shell { grid-template-columns: 210px minmax(0, 1fr); gap: 28px; }
  .account-rail { padding-right: 22px; }
}

@media (max-width: 980px) {
  .site-header__inner { grid-template-columns: auto 1fr auto; gap: 12px; }
  .hero h1 { font-size: 48px; }
  .product-detail { gap: 28px; }
  .account-shell { grid-template-columns: 1fr; gap: 28px; }
  .account-rail { position: static; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px 24px; padding: 16px 0; border: 0; border-block: 1px solid var(--line); border-radius: 0; background: transparent; }
  .account-rail__identity { padding: 0; border-bottom: 0; }
  .account-rail__nav { grid-column: 1 / -1; grid-row: 2; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0; padding: 0; overflow-x: auto; border-block: 1px solid var(--line); scrollbar-width: thin; }
  .account-rail__nav a { min-height: 58px; margin: 0; padding: 8px 12px; border: 0; border-right: 1px solid var(--line); border-bottom: 2px solid transparent; border-radius: 0; }
  .account-rail__nav a:last-child { border-right: 0; }
  .account-rail__nav a[aria-current="page"] { border-bottom-color: var(--accent-solid); }
  .account-rail__facts { align-self: center; display: flex; gap: 20px; margin: 0; }
  .account-rail__facts > div { display: grid; justify-items: end; gap: 2px; }
  .account-rail__logout { grid-column: 2; min-height: 36px; align-self: end; justify-self: end; padding: 0 8px; border-top: 0; }
}

@media (max-width: 840px) {
  .site-nav__label { display: none; }
}

@media (min-width: 721px) and (max-width: 900px) {
  .hero__inner { grid-template-columns: minmax(0, 1fr) minmax(300px, 0.82fr); }
  .hero__content { padding-right: var(--space-2xl); }
  .hero__lead { margin-block: 18px 22px; font-size: 16px; }
  .hero__trust { gap: 10px 14px; }
  .hero__media img { width: min(96%, 360px); }
}

@media (max-width: 720px) {
  html { scroll-padding-top: 126px; }
  .shell { width: min(100% - 24px, var(--content)); }
  .site-header { height: auto; }
  .site-header__inner { min-height: 62px; grid-template-columns: auto 1fr auto; }
  .nav-search { grid-column: 1 / -1; grid-row: 2; padding-bottom: 10px; }
  .site-nav__link { padding-inline: 8px; }
  .hero { min-height: calc(100svh - 158px); }
  .hero__inner { grid-template-columns: 1fr; }
  .hero__content { padding: 54px 0 34px; }
  .hero h1 { font-size: 42px; }
  .hero__lead { font-size: 16px; }
  .hero__media { min-height: 0; justify-content: center; }
  .hero__media img { width: clamp(220px, 42vw, 320px); }
  .product-grid { column-gap: 16px; row-gap: 28px; }
  .section__head { align-items: flex-start; flex-direction: column; gap: 16px; }
  .catalog-head { min-height: 0; align-items: flex-start; flex-direction: column; gap: 18px; padding: 28px 0 18px; }
  .catalog-head__meta { width: 100%; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px; }
  .catalog-result-group { grid-column: 1 / -1; justify-content: space-between; }
  .catalog-menu { width: 100%; }
  .product-page { padding-bottom: calc(128px + env(safe-area-inset-bottom)); }
  .product-back { margin-top: 18px; }
  .product-detail { gap: 24px; padding-block: 16px 0; }
  .product-detail h1, .legal h1 { font-size: 32px; }
  .product-detail__lead { margin-bottom: 18px; font-size: 15px; line-height: 1.6; }
  .product-detail__facts { grid-template-columns: 1fr; }
  .product-detail__fact + .product-detail__fact { margin-top: 12px; padding: 12px 0 0; border-top: 1px solid var(--line); border-left: 0; }
  .variant-block[data-split="true"] { grid-template-columns: 1fr; align-items: stretch; }
  .variant-block[data-split="true"] .variant-subgroup { min-width: 0; }
  .variant-block[data-split="true"] .variant-subgroup .variant-list { flex-wrap: wrap; }
  .purchase-row { grid-template-columns: 1fr; gap: 18px; }
  .product-detail__promises { grid-template-columns: 1fr; margin-top: 28px; }
  .product-detail__promises > div { padding: 18px 0; }
  .product-detail__promises > div + div { border-top: 1px solid var(--line); border-left: 0; }
  .product-guide { margin-top: 36px; }
  .product-guide__inner { padding-top: 28px; }
  .product-guide__intro { padding-bottom: 24px; }
  .product-guide__intro h2 { font-size: 25px; }
  .product-guide__intro > p { font-size: 13px; }
  .product-spec-list > div { grid-template-columns: 1fr; gap: 4px; padding-block: 13px; }
  .product-disclosures { margin-top: 30px; }
  .product-disclosure > summary { min-height: 62px; grid-template-columns: minmax(0, 1fr) 18px; gap: 6px 14px; padding-block: 10px; }
  .product-disclosure > summary > strong { grid-column: 1; grid-row: 2; max-width: none; text-align: left; }
  .product-disclosure > summary > svg { grid-column: 2; grid-row: 1 / span 2; }
  .product-includes-list { grid-template-columns: 1fr; }
  .product-disclosure__steps { grid-template-columns: 1fr; }
  .product-disclosure__steps li, .product-disclosure__steps li:first-child { padding: 15px 0; }
  .product-disclosure__steps li + li { border-top: 1px solid var(--line); border-left: 0; }
  .product-mobile-purchase { position: fixed; z-index: 80; right: 0; bottom: 0; left: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 14px; padding: 10px max(12px, calc((100vw - var(--content)) / 2)) calc(10px + env(safe-area-inset-bottom)); border-top: 1px solid var(--line); background: var(--surface); opacity: 0; transform: translateY(105%); pointer-events: none; transition: opacity 160ms ease, transform 180ms ease; }
  .product-mobile-purchase[data-visible="true"] { opacity: 1; transform: translateY(0); pointer-events: auto; }
  .product-mobile-purchase > div { min-width: 0; display: grid; gap: 2px; }
  .product-mobile-purchase small { color: var(--muted); font-size: 10px; font-weight: 700; }
  .product-mobile-purchase strong { font: 750 18px/1.2 "Sora", sans-serif; white-space: nowrap; }
  .product-mobile-purchase .button { min-width: 132px; min-height: 44px; padding-inline: 16px; }
  .product-mobile-purchase .button[data-added="true"] { border-color: var(--success); background: var(--success); color: #ffffff; }
  .account-page { padding-block: 28px 56px; }
  .account-page__head h1 { font-size: 32px; }
  .security-heading { align-items: flex-start; flex-direction: column; gap: 18px; }
  .security-verification { min-width: 0; width: 100%; }
  .security-group__head { align-items: start; }
  .security-group__head .security-group__action { grid-column: 2; justify-self: start; }
  .security-setting-row { grid-template-columns: 40px minmax(0, 1fr); }
  .security-row-action, .security-current-badge { grid-column: 2; justify-self: start; }
  .security-email-editor { padding-left: 16px; }
  .security-code-grid { grid-template-columns: 1fr; }
  .security-event-row { grid-template-columns: 12px minmax(0, 1fr); padding-block: 11px; }
  .security-event-row time { grid-column: 2; text-align: left; }
  .account-rail { grid-template-columns: 1fr auto; gap: 14px; }
  .account-rail__facts { grid-column: 1 / -1; grid-row: 2; justify-content: flex-start; padding-top: 14px; border-top: 1px solid var(--line); }
  .account-rail__facts > div { justify-items: start; }
  .account-rail__nav { grid-row: 3; grid-template-columns: repeat(5, minmax(0, 1fr)); overflow: visible; }
  .account-rail__nav a { min-width: 0; grid-template-columns: 1fr; justify-items: center; gap: 4px; padding-inline: 4px; text-align: center; }
  .account-rail__nav small { display: none; }
  .account-rail__logout { grid-row: 1; }
  .account-overview__head { align-items: flex-start; flex-direction: column; gap: 8px; }
  .account-page__head--action { align-items: flex-start; flex-direction: column; gap: 16px; }
  .account-first-order { grid-template-columns: 40px minmax(0, 1fr); gap: 14px; padding-block: 22px; }
  .account-first-order__icon { width: 40px; height: 40px; }
  .profile-editor__fields { grid-template-columns: 1fr; }
  .profile-editor__fields > header { grid-column: auto; }
  .account-first-order__actions { grid-column: 2; justify-content: flex-start; }
  .account-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .account-stat:nth-child(odd) { padding-left: 0; }
  .account-stat:nth-child(even) { padding-left: 18px; }
  .account-stat:nth-child(2) { border-right: 0; }
  .account-stat:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .account-auth-layout { min-height: 0; place-items: start stretch; padding-block: 34px 56px; }
  .account-panel { max-width: none; justify-self: stretch; }
  .account-panel--auth { max-width: 470px; justify-self: center; }
  .legal__grid { grid-template-columns: 1fr; }
  .catalog-empty, .orders-empty, .orders-state { grid-template-columns: 46px minmax(0, 1fr); gap: 14px; padding: 18px; }
  .catalog-empty .button, .orders-empty .button, .orders-state .button { grid-column: 2; justify-self: start; }
  .support-contact { grid-template-columns: 42px minmax(0, 1fr); }
  .support-contact .button { grid-column: 2; justify-self: start; }
  .site-footer__inner { align-items: flex-start; flex-direction: column; }
  .preferences-menu__panel { position: fixed; top: 118px; right: 12px; max-height: calc(100dvh - 130px); }
  .payment-process__header { grid-template-columns: 1fr; align-items: start; gap: 18px; }
  .payment-process__header h1 { font-size: 32px; }
  .payment-process__status { width: 100%; padding: 16px 0 0; border-top: 1px solid var(--line); border-left: 0; }
  .payment-process__layout { grid-template-columns: 1fr; gap: 32px; padding-top: 28px; }
  .payment-summary { position: static; padding: 28px 0 0; border-top: 1px solid var(--line); border-left: 0; }
  .payment-instructions__transfer { grid-template-columns: 1fr; }
  .payment-instructions__qr { width: min(180px, 100%); margin-bottom: 0; }
  .payment-proof-form { grid-template-columns: 1fr; }
  .payment-origin { grid-template-columns: 1fr; gap: 9px; }
  .payment-verification-view__header { min-height: 0; padding: 30px 26px; }
  .payment-verification-view__steps { grid-template-columns: 1fr; }
  .payment-verification-view__steps li { min-height: 0; padding: 18px 24px; border-right: 0; border-bottom: 1px solid var(--line); }
  .payment-verification-view__steps li:last-child { border-bottom: 0; }
  .payment-receipt { grid-template-columns: 1fr; }
  .payment-receipt__button { width: 100%; }
  .payment-completion { grid-template-columns: 42px minmax(0, 1fr); }
  .payment-completion .button { grid-column: 2; justify-self: start; }
  .payment-process-state { grid-template-columns: 36px minmax(0, 1fr); }
  .payment-process-state .button { grid-column: 2; justify-self: start; }
  .order-payment-cta { grid-template-columns: 1fr; }
  .order-payment-cta .button { justify-self: start; }
}

@media (max-width: 600px) {
  .brand span { display: none; }
  .payment-timeline { gap: 4px; }
  .payment-timeline li, .payment-timeline li:first-child, .payment-timeline li:last-child { display: grid; justify-items: center; gap: 6px; padding-inline: 2px; border-right: 0; text-align: center; }
  .payment-timeline li::after { display: none; }
  .payment-timeline li strong { max-width: 100%; font-size: 9px; }
  .cart-row { grid-template-columns: 100px minmax(0, 1fr); gap: 14px; padding: 14px; }
  .cart-row__visual { width: 100px; }
  .cart-empty { min-height: 240px; grid-template-columns: auto minmax(0, 1fr); gap: 16px; padding: 22px; }
  .cart-empty .button { grid-column: 2; justify-self: start; }
}

  @media (max-width: 480px) {
    .payment-result { grid-template-columns: 46px minmax(0, 1fr); align-items: start; gap: 14px; }
    .payment-result__brand { width: 46px; height: 46px; }
    .payment-result__brand img { width: 29px; height: 29px; }
    .payment-result .button { grid-column: 1 / -1; width: 100%; }
  .product-grid { grid-template-columns: 1fr; }
  .product-card__name { min-height: 0; }
  .catalog-head h1 { font-size: 34px; }
  .catalog-menu__popover { min-width: 100%; }
  .purchase-row { padding: 20px 0 0; }
  .purchase-row__actions { width: 100%; grid-template-columns: 1fr; align-items: stretch; }
  .purchase-quantity { width: fit-content; }
  .purchase-button { min-width: 0; width: 100%; }
  .cart-head { align-items: flex-start; flex-direction: column; }
  .account-rail__identity h2 { font-size: 14px; }
  .account-rail__facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
  .account-rail__facts > div { align-content: start; justify-items: start; }
  .account-rail__logout { width: 44px; min-height: 44px; gap: 0; padding: 0; justify-content: center; overflow: hidden; font-size: 0; }
  .account-rail__logout svg { flex: 0 0 auto; color: var(--muted); }
  .profile-editor__photo { grid-template-columns: 72px minmax(0, 1fr); gap: 18px; }
  .profile-avatar-preview { width: 72px; height: 72px; font-size: 18px; }
  .profile-email-row { align-items: flex-start; flex-direction: column; gap: 8px; }
  .profile-editor__actions { flex-direction: column-reverse; }
  .profile-editor__actions .button { width: 100%; }
  .account-section__head { grid-template-columns: 28px minmax(0, 1fr); }
  .account-section__head .text-command { grid-column: 2; justify-self: start; }
  .account-section__link { grid-column: 2; justify-self: start; }
  .security-page__head { padding-bottom: 24px; }
  .security-group { padding-block: 24px; }
  .security-group__head { grid-template-columns: 36px minmax(0, 1fr); gap: 12px; }
  .security-group__icon { width: 36px; height: 36px; }
  .security-setting-row { grid-template-columns: 36px minmax(0, 1fr); gap: 12px; padding: 14px 12px; }
  .security-setting-row__icon { width: 36px; height: 36px; }
  .security-setting-email { font-size: 12px !important; line-height: 1.35; }
  .security-email-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .security-email-actions .button { width: 100%; padding-inline: 10px; }
  .account-order-row { grid-template-columns: 34px minmax(0, 1fr) 16px; gap: 10px; min-height: 100px; padding-block: 12px; }
  .account-order-row__icon { width: 34px; height: 34px; }
  .account-order-row__content > strong { overflow: visible; text-overflow: clip; white-space: normal; }
  .account-order-row__summary { grid-column: 2; display: flex; align-items: center; justify-content: flex-start; gap: 12px; }
  .account-order-row__arrow { grid-column: 3; grid-row: 1 / span 2; }
  .account-orders-state, .account-orders-empty { grid-template-columns: 28px minmax(0, 1fr); }
  .account-orders-state .button, .account-orders-empty .button { grid-column: 2; justify-self: start; }
  .cart-row { grid-template-columns: 88px minmax(0, 1fr); gap: 12px; padding: 12px; }
  .cart-row__visual { width: 88px; }
  .cart-row__title { display: grid; gap: 5px; }
  .cart-row__title > strong { padding-top: 0; }
  .cart-row__controls { align-items: flex-start; flex-direction: column; }
  .cart-empty { grid-template-columns: 1fr; text-align: left; }
  .cart-empty .button { grid-column: auto; justify-self: stretch; }
  .catalog-empty, .orders-empty, .orders-state { grid-template-columns: 1fr; text-align: left; }
  .catalog-empty__icon, .orders-empty__icon { width: 46px; height: 46px; }
  .catalog-empty .button, .orders-empty .button, .orders-state .button { grid-column: auto; justify-self: stretch; }
  .support-contact { grid-template-columns: 1fr; }
  .support-contact .button { grid-column: auto; justify-self: stretch; }
}

@media (max-width: 440px) {
  .order-row { grid-template-columns: 1fr; }
  .order-row__summary { justify-items: start; }
  .order-progress span { font-size: 11px; }
  .delivery-panel__header { align-items: flex-start; flex-direction: column; }
  .payment-process-page { padding-block: 20px 56px; }
  .payment-process__toolbar { align-items: flex-start; }
  .payment-process__toolbar .text-command { width: 38px; min-height: 38px; justify-content: center; overflow: hidden; border-bottom: 0; font-size: 0; }
  .payment-process__header { margin-top: 12px; padding-block: 22px; }
  .payment-process__header h1 { font-size: 28px; }
  .payment-process__context span { max-width: calc(100vw - 116px); }
  .payment-instructions__header { align-items: flex-start; flex-direction: column; gap: 12px; }
  .payment-instructions__deadline { white-space: normal; }
  .payment-instructions__header, .payment-instructions__amount, .payment-instructions__steps, .payment-instructions__security, .payment-confirmation { padding-inline: 18px; }
  .payment-instructions__transfer { padding-inline: 18px; }
  .payment-instructions__amount > div > strong { font-size: 29px; }
  .payment-instructions__steps { grid-template-columns: 1fr; padding-block: 8px; }
  .payment-instructions__steps li, .payment-instructions__steps li:first-child, .payment-instructions__steps li:last-child { padding: 14px 0; border-left: 0; }
  .payment-instructions__steps li + li { border-top: 1px solid var(--line); }
  .payment-copy-row { grid-template-columns: 1fr 36px; gap: 8px; padding-block: 10px; }
  .payment-copy-row > span { grid-column: 1; }
  .payment-copy-row > strong { grid-column: 1; }
  .payment-copy-row > button { grid-column: 2; grid-row: 1 / span 2; }
  .payment-verification-view__header { align-items: flex-start; flex-direction: column; gap: 18px; padding: 24px 18px; }
  .payment-verification-view__identity { grid-template-columns: 40px minmax(0, 1fr); gap: 13px; }
  .payment-verification-view__brand { width: 40px; height: 40px; }
  .payment-verification-view__header h2 { font-size: 23px; }
  .payment-verification-view__steps li { padding-inline: 18px; }
  .payment-verification-view__notice { grid-template-columns: 20px minmax(0, 1fr); padding-inline: 18px; }
  .payment-verification-view__live { grid-column: 2; justify-self: start; }
  .payment-verification-view > .payment-receipt { padding-inline: 18px; }
  .payment-verification-view__message { margin-inline: 18px; }
  .payment-completion, .payment-process-state { grid-template-columns: 1fr; align-items: start; padding: 22px; }
  .payment-completion .button, .payment-process-state .button { grid-column: auto; width: 100%; justify-self: stretch; }
}

@media (max-width: 380px) {
  .preference-row { grid-template-columns: 1fr; gap: 8px; padding-block: 10px; }
  .compact-segmented { width: 100%; display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; }
}


.cart-page__back { margin: 24px 0 0; }
.cart-head { min-height: 0; margin: 0; padding: 24px 0 22px; border-bottom: 0; }
.cart-head > div { min-width: 0; }
.cart-head h1 { font-size: 34px; }
.cart-head p { max-width: 660px; margin: 7px 0 0; color: var(--muted); font-size: 14px; line-height: 1.55; }
.checkout-path { list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0 0 30px; padding: 0; border-block: 1px solid var(--line); }
.checkout-path li { position: relative; min-height: 52px; display: flex; align-items: center; gap: 9px; padding-inline: 18px; color: var(--muted); font-size: 12px; font-weight: 750; }
.checkout-path li:first-child { padding-left: 0; }
.checkout-path li + li { border-left: 1px solid var(--line); }
.checkout-path li > span { width: 24px; height: 24px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; font-size: 10px; }
.checkout-path li > span svg { stroke-width: 1.8; }
.checkout-path li[data-state="active"] { color: var(--text); }
.checkout-path li[data-state="active"] > span { border-color: var(--accent-solid); color: var(--accent-strong); }
.cart-layout { grid-template-columns: minmax(0, 1fr) 380px; gap: 40px; }
.cart-products { border-color: var(--media-line); background: var(--bg); }
.cart-products__head { min-height: 62px; padding-inline: 18px; background: var(--surface-soft); }
.cart-row { grid-template-columns: 144px minmax(0, 1fr); gap: 20px; padding: 20px; }
.cart-row__visual { width: 144px; }
.cart-row__title h3 { font-size: 15px; }
.cart-row__controls { margin-top: 16px; }
.summary { max-height: calc(100dvh - 184px); display: flex; flex-direction: column; margin-top: 24px; padding: 0; overflow: hidden; border: 0; border-top: 2px solid var(--text); border-radius: 0; background: transparent; }
.summary__head { min-height: 58px; align-items: center; padding: 0; }
.summary__head h2 { font-size: 19px; }
.summary__row { align-items: center; padding-block: 13px; font-size: 12px; }
.summary__row > strong { font-size: 12px; text-align: right; }
.summary__total { padding-block: 18px 15px; font-size: 24px; }
.summary__total > strong { font-size: 24px; }
.summary__assurance { margin: 0; padding-bottom: 16px; }
.checkout-account { margin-top: 0; padding-block: 16px; }
.checkout-methods { min-height: 0; flex: 1 1 auto; grid-template-rows: auto minmax(0, 1fr); gap: 13px; padding-top: 18px; }
.checkout-methods__head > strong { font-size: 14px; }
.checkout-payment-options { min-height: 0; overflow-y: auto; overscroll-behavior: contain; border-color: var(--media-line); background: var(--bg); }
.payment-option { min-height: 64px; padding: 9px 11px; }
.payment-option[data-selected="true"] { background: var(--surface); }
.checkout-submit { flex: 0 0 auto; margin-top: 2px; padding-top: 18px; background: var(--bg); }
.checkout-submit .button--full { min-height: 48px; margin-top: 13px; }

.account-page {
  --account-space-1: 4px;
  --account-space-2: 8px;
  --account-space-3: 12px;
  --account-space-4: 16px;
  --account-space-5: 24px;
  --account-space-6: 32px;
  --account-space-7: 48px;
}
.account-shell { grid-template-columns: minmax(220px, 244px) minmax(0, 1fr); gap: var(--account-space-7); }
.account-rail { padding-right: 28px; }
.account-rail__nav a { position: relative; min-height: 52px; border-radius: 0; }
.account-rail__nav a[aria-current="page"] { border-color: transparent; background: var(--surface); color: var(--text); }
.account-rail__nav a[aria-current="page"]::before { position: absolute; top: 8px; bottom: 8px; left: 0; width: 2px; background: var(--accent-solid); content: ""; }
.account-page__head { margin-bottom: var(--account-space-6); padding-bottom: var(--account-space-5); }
.account-page__head h1 { font-size: 34px; }
.account-overview__head { min-height: 44px; align-items: center; }
.account-overview__head > div > p:last-child { max-width: 620px; }
.account-overview__meta { margin-top: 13px; display: flex; align-items: center; flex-wrap: wrap; gap: 9px 16px; color: var(--muted); font-size: 12px; }
.account-overview__meta-total,
.account-overview__meta-notice { min-width: 0; display: inline-flex; align-items: center; gap: 6px; }
.account-overview__meta strong { color: var(--text); font-size: 15px; font-feature-settings: "tnum"; font-variant-numeric: tabular-nums; }
.account-overview__meta-notice { padding-left: 16px; border-left: 1px solid var(--line); }
.account-overview__meta-notice[data-state="attention"] { color: var(--warning); }
.account-overview__meta-notice[data-state="clear"] { color: var(--success); }
.account-overview__meta-notice strong { color: currentColor; }
.account-status-summary { margin-top: var(--account-space-5); border-block: 1px solid var(--line); }
.account-status-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.account-status-item { min-width: 0; min-height: 88px; display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 15px 18px; border-right: 1px solid var(--line); }
.account-status-item:first-child { padding-left: 14px; }
.account-status-item:last-child { padding-right: 14px; border-right: 0; }
.account-status-item__icon { width: 30px; height: 30px; display: grid; place-items: center; color: var(--muted); }
.account-status-item[data-state="attention"] .account-status-item__icon { color: var(--warning); }
.account-status-item[data-state="processing"] .account-status-item__icon { color: var(--accent-strong); }
.account-status-item[data-state="delivered"] .account-status-item__icon { color: var(--success); }
.account-status-item__copy { min-width: 0; display: grid; gap: 3px; }
.account-status-item__copy strong { font-size: 13px; line-height: 1.35; }
.account-status-item__copy small { color: var(--muted); font-size: 11px; line-height: 1.35; }
.account-status-item__count { font: 750 24px/1 "Sora", sans-serif; font-feature-settings: "tnum"; font-variant-numeric: tabular-nums; }
.account-stats { margin-top: var(--account-space-5); overflow: visible; border: 0; border-block: 1px solid var(--line); border-radius: 0; background: transparent; }
.account-stat { min-height: 104px; align-content: center; gap: var(--account-space-1); padding: 18px var(--account-space-5); }
.account-stat:first-child { padding-left: 0; }
.account-stat:last-child { padding-right: 0; }
.account-stat > span { font-size: 11px; }
.account-stat > strong { font-size: 28px; }
.account-stat > small { line-height: 1.35; }
.account-action-strip { min-width: 0; min-height: 112px; display: grid; grid-template-columns: 80px minmax(0, 1fr) auto auto; align-items: center; gap: var(--account-space-4); margin-top: var(--account-space-5); padding: 18px 20px; border-block: 1px solid var(--line); background: var(--surface-soft); transition: background-color 180ms ease, border-color 180ms ease; }
.account-action-strip:hover { border-color: var(--media-line-hover); background: var(--surface); }
.account-action-strip:active { transform: scale(0.995); }
.account-action-thumb { width: 80px; }
.account-action-strip__copy { min-width: 0; display: grid; gap: var(--account-space-1); }
.account-action-strip__copy > small { color: var(--muted); font-size: 11px; font-weight: 700; }
.account-action-strip__eyebrow { display: inline-flex; align-items: center; gap: 6px; }
.account-action-strip[data-state="processing"] .account-action-strip__eyebrow { color: var(--success); }
.account-action-strip__copy > strong { font: 750 15px/1.35 "Sora", sans-serif; }
.account-action-strip__copy > span { overflow: hidden; color: var(--muted); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.account-action-strip__amount { font-size: 13px; font-weight: 800; font-feature-settings: "tnum"; font-variant-numeric: tabular-nums; white-space: nowrap; }
.account-action-strip__cta { display: inline-flex; align-items: center; gap: 6px; color: var(--text); font-size: 12px; font-weight: 800; white-space: nowrap; }
.account-orders-panel { margin-top: 36px; overflow: visible; border: 0; border-radius: 0; }
.account-section__head { min-height: 56px; grid-template-columns: minmax(0, 1fr) auto; gap: var(--account-space-4); padding: 0 0 var(--account-space-3); background: transparent; }
.account-section__head h2 { font-size: 18px; }
.account-section__head p { margin: 3px 0 0; color: var(--muted); font-size: 12px; }
.account-order-list { padding-inline: 0; border-top: 1px solid var(--line); }
.account-order-row { grid-template-columns: 72px minmax(0, 1fr) auto auto 18px; gap: var(--account-space-3); min-height: 94px; padding-inline: var(--account-space-2); transition: background-color 180ms ease; }
.account-order-row:hover { background: var(--surface-soft); }
.account-order-thumb { width: 72px; height: 56px; }
.account-order-row__content { gap: var(--account-space-1); }
.account-order-row__content > span { min-width: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; color: var(--muted); font-size: 10px; }
.account-order-row__content > span small { color: inherit; font-size: inherit; }
.account-order-row__state { justify-self: end; font-size: 11px; white-space: nowrap; }
.account-order-row__state[data-state="processing"],
.account-order-row__state[data-state="delivered"] { color: var(--success); }
.account-order-row__state[data-state="issue"] { color: var(--danger); }
.account-order-row__summary { min-width: 72px; }
.account-order-row__summary > strong { font-size: 13px; }
.security-group__icon, .security-setting-row__icon { border: 0; background: var(--surface); }
.security-setting-list { border-inline: 0; border-radius: 0; }
.profile-editor__fields .input:focus-visible,
.account-workspace .input:focus-visible { outline: 1px solid var(--focus); outline-offset: 1px; }

.orders-workspace { min-width: 0; display: grid; gap: var(--account-space-6); }
.orders-workspace[data-view="detail"] { max-width: 900px; }
.orders-toolbar { min-width: 0; display: grid; grid-template-columns: minmax(180px, auto) minmax(0, 1fr); align-items: end; gap: 32px; padding-bottom: var(--account-space-5); border-bottom: 1px solid var(--line); }
.orders-toolbar__summary strong, .orders-toolbar__summary span { display: block; }
.orders-toolbar__summary strong { font: 750 18px/1.25 "Sora", sans-serif; }
.orders-toolbar__summary span { margin-top: 5px; color: var(--muted); font-size: 12px; }
.orders-filters { min-width: 0; display: flex; align-items: center; justify-content: flex-end; gap: 0; border-bottom: 1px solid var(--line); }
.orders-filters button { min-width: 0; min-height: 44px; display: flex; align-items: center; justify-content: center; gap: var(--account-space-2); margin-bottom: -1px; padding: 0 14px; border: 0; border-bottom: 2px solid transparent; border-radius: 0; background: transparent; color: var(--muted); font-size: 12px; font-weight: 750; white-space: nowrap; transition: border-color 160ms ease, color 160ms ease; }
.orders-filters button:hover { color: var(--text); }
.orders-filters button[data-active="true"] { border-bottom-color: var(--accent-solid); color: var(--text); }
.orders-filters button small { min-width: 20px; color: inherit; text-align: right; font-size: 10px; font-feature-settings: "tnum"; font-variant-numeric: tabular-nums; }
.orders-detail-back { width: max-content; min-height: 36px; display: inline-flex; align-items: center; gap: var(--account-space-2); color: var(--muted); font-size: 12px; font-weight: 750; }
.orders-detail-back:hover { color: var(--text); }
.order-page-head__copy { min-width: 0; }
.order-page-head[data-view="detail"] { align-items: flex-end; margin-bottom: 24px; }
.order-page-head[data-view="detail"] .orders-detail-back { margin-bottom: 10px; }
.order-page-head[data-view="detail"] h1 { max-width: 760px; font-size: 28px; overflow-wrap: anywhere; }
.order-page-head__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 14px; font-size: 11px; font-feature-settings: "tnum"; font-variant-numeric: tabular-nums; }
.order-page-head__meta strong { color: var(--text); font-weight: 750; overflow-wrap: anywhere; }
.order-page-head__meta > span { position: relative; }
.order-page-head__meta > span::before { position: absolute; top: 50%; left: -8px; width: 2px; height: 2px; border-radius: 50%; background: currentColor; content: ""; transform: translateY(-50%); }
.payment-method-identity {
  --payment-brand: var(--text);
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--payment-brand);
  font-size: 11px;
  font-weight: 800;
  white-space: nowrap;
}
.payment-method-identity__mark {
  width: 28px;
  height: 28px;
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--payment-brand) 20%, var(--line));
  border-radius: 6px;
  background: #ffffff;
  color: var(--payment-brand);
}
.payment-method-identity__mark img { width: 24px; height: 24px; display: block; object-fit: contain; }
.payment-method-identity[data-provider="paypal"] { --payment-brand: #0070ba; }
.payment-method-identity[data-provider="binance_manual"] { --payment-brand: #7b5b00; }
.payment-method-identity[data-provider="plin_manual"] { --payment-brand: #0b7280; }
.payment-method-identity[data-provider="yape_direct"] { --payment-brand: #742284; }
.payment-method-identity[data-provider="paypal"] .payment-method-identity__mark img,
.payment-method-identity[data-provider="binance_manual"] .payment-method-identity__mark img { width: 19px; height: 19px; }
.payment-method-identity[data-compact] { gap: 5px; font-size: 10px; }
.payment-method-identity[data-compact] .payment-method-identity__mark { width: 20px; height: 20px; border-radius: 4px; }
.payment-method-identity[data-compact] .payment-method-identity__mark img { width: 17px; height: 17px; }
.payment-method-identity[data-compact][data-provider="paypal"] .payment-method-identity__mark img,
.payment-method-identity[data-compact][data-provider="binance_manual"] .payment-method-identity__mark img { width: 14px; height: 14px; }
[data-theme="dark"] .payment-method-identity[data-provider="paypal"] { --payment-brand: #65b5ff; }
[data-theme="dark"] .payment-method-identity[data-provider="binance_manual"] { --payment-brand: #f0b90b; }
[data-theme="dark"] .payment-method-identity[data-provider="plin_manual"] { --payment-brand: #45c7d4; }
[data-theme="dark"] .payment-method-identity[data-provider="yape_direct"] { --payment-brand: #cb80da; }
.orders-browser { min-width: 0; min-height: 0; overflow: visible; border-block: 1px solid var(--line); background: transparent; }
.orders-browser[data-view="detail"] { border: 0; }
.orders-index { position: relative; min-width: 0; border: 0; background: transparent; }
.orders-list-columns { display: grid; grid-template-columns: 72px minmax(0, 1fr) minmax(130px, auto) minmax(112px, auto); align-items: center; gap: 20px; min-height: 44px; padding-inline: 8px; border-bottom: 1px solid var(--line); color: var(--muted); font-size: 10px; font-weight: 750; text-transform: uppercase; }
.orders-list-columns span:first-child { grid-column: 1 / span 2; }
.orders-list-columns span:nth-child(2), .orders-list-columns span:nth-child(3) { text-align: right; }
.orders-index .order-list { max-height: none; overflow: visible; border-top: 0; }
.order-index-row { position: relative; min-width: 0; min-height: 108px; display: grid; grid-template-columns: 72px minmax(0, 1fr) minmax(130px, auto) minmax(112px, auto); align-items: center; gap: 20px; padding: 18px 8px; border-bottom: 1px solid var(--line); background: transparent; transition: background-color 160ms ease; }
.order-index-row:hover { background: var(--surface-soft); }
.product-thumbnail { display: grid; flex: 0 0 auto; place-items: center; }
.product-thumbnail__frame { position: relative; display: block; width: 100%; overflow: hidden; aspect-ratio: 16 / 10; border: 1px solid var(--media-line); border-radius: 3px; background: var(--surface); }
.product-thumbnail__fallback { width: 100%; height: 100%; display: grid; place-items: center; color: var(--muted); font: 750 12px/1 "Sora", sans-serif; }
.order-product-thumb--list { width: 72px; height: 56px; }
.order-product-thumb--detail { width: 104px; height: 84px; }
.order-index-row__copy { min-width: 0; display: grid; gap: 5px; }
.order-index-row__copy > small, .order-index-row__copy > time { color: var(--muted); font-size: 11px; }
.order-index-row__copy > strong { display: -webkit-box; overflow: hidden; font-size: 14px; line-height: 1.4; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.order-index-row__meta { display: grid; justify-items: end; gap: 6px; }
.order-index-row__meta > strong { font-size: 14px; font-feature-settings: "tnum"; font-variant-numeric: tabular-nums; white-space: nowrap; }
.order-index-row__meta > small { color: var(--muted); font-size: 11px; white-space: nowrap; }
.order-index-row__meta > small[data-state="paid"],
.order-index-row__meta > small[data-state="delivered"] { color: var(--success); }
.order-index-row__meta > small[data-state="issue"] { color: var(--danger); }
.order-index-row__action { display: inline-flex; align-items: center; justify-content: flex-end; gap: 7px; color: var(--muted); font-size: 11px; font-weight: 750; white-space: nowrap; }
.order-index-row:hover .order-index-row__action { color: var(--text); }
.orders-index__updating { position: absolute; right: 8px; bottom: -28px; display: inline-flex; align-items: center; gap: 6px; color: var(--muted); font-size: 10px; }
.orders-index__empty { min-height: 180px; display: grid; place-items: center; align-content: center; gap: 10px; padding: 28px; color: var(--muted); font-size: 12px; text-align: center; }
.order-detail { min-width: 0; padding: 0 0 40px; background: transparent; }
.order-status-panel { overflow: hidden; border: 1px solid var(--media-line); border-radius: 6px; background: var(--surface-soft); }
.order-status-panel__main { min-width: 0; display: grid; grid-template-columns: 48px minmax(0, 1fr) minmax(220px, 250px); align-items: center; gap: 18px; padding: 24px; }
.order-status-panel__icon { width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 6px; background: var(--bg); color: var(--accent-strong); }
.order-status-panel[data-state="paid"] .order-status-panel__icon,
.order-status-panel[data-state="delivered"] .order-status-panel__icon { color: var(--success); }
.order-status-panel[data-state="issue"] .order-status-panel__icon { color: var(--danger); }
.order-status-panel__copy { min-width: 0; }
.order-status-panel__label { display: block; margin-bottom: 4px; color: var(--accent-strong); font-size: 11px; font-weight: 750; }
.order-status-panel[data-state="paid"] .order-status-panel__label,
.order-status-panel[data-state="delivered"] .order-status-panel__label { color: var(--success); }
.order-status-panel[data-state="issue"] .order-status-panel__label { color: var(--danger); }
.order-status-panel__copy h2 { margin: 0; font: 750 21px/1.3 "Sora", sans-serif; overflow-wrap: anywhere; text-wrap: balance; }
.order-status-panel__copy p { max-width: 62ch; margin: 6px 0 0; color: var(--muted); font-size: 12px; line-height: 1.55; text-wrap: pretty; }
.order-status-panel__copy time { display: block; margin-top: 8px; color: var(--warning); font-size: 10px; font-weight: 750; font-feature-settings: "tnum"; font-variant-numeric: tabular-nums; }
.order-status-panel__commerce { min-width: 0; display: grid; justify-items: stretch; padding-left: 24px; border-left: 1px solid var(--line); }
.order-status-panel__commerce > span { color: var(--muted); font-size: 10px; }
.order-status-panel__commerce > strong { margin-top: 3px; font: 750 27px/1.2 "Sora", sans-serif; font-feature-settings: "tnum"; font-variant-numeric: tabular-nums; }
.order-status-panel__actions { display: grid; gap: 9px; margin-top: 16px; }
.order-status-panel__actions .button { width: 100%; min-height: 44px; }
.order-status-panel__actions .text-command { width: max-content; margin-top: 0; }
.order-status-panel__eta { min-height: 36px; display: inline-flex; align-items: center; gap: 7px; color: var(--muted); font-size: 11px; font-weight: 750; }
.order-status-panel__tracking { padding: 17px 24px 20px; border-top: 1px solid var(--line); background: var(--bg); }
.order-status-panel__tracking-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.order-status-panel__tracking-head strong { font-size: 12px; }
.order-status-panel__tracking-head span { color: var(--muted); font-size: 10px; font-weight: 700; }
.order-detail__progress { list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin: 0; padding: 15px 0 0; background: transparent; }
.order-detail__progress li { position: relative; min-width: 0; display: grid; grid-template-columns: 34px minmax(0, 1fr); align-items: center; gap: 10px; color: var(--muted); }
.order-detail__progress li + li { padding-left: 24px; border-left: 1px solid var(--line); }
.order-detail__progress-icon { width: 32px; height: 32px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 6px; background: var(--surface-soft); }
.order-detail__progress-copy { min-width: 0; display: grid; gap: 2px; }
.order-detail__progress-copy strong { overflow: hidden; color: inherit; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.order-detail__progress-copy small { color: var(--muted); font-size: 9px; line-height: 1.35; }
.order-detail__progress li[data-state="complete"] { color: var(--success); }
.order-detail__progress li[data-state="active"] { color: var(--text); }
.order-detail__progress li[data-state="active"] .order-detail__progress-icon { border-color: var(--accent-solid); color: var(--accent-strong); }
.order-detail__progress li[data-state="error"] { color: var(--danger); }
.order-detail__progress li[data-state="error"] .order-detail__progress-icon { border-color: var(--danger); }
.order-detail__body { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, 290px); gap: 44px; padding-top: 34px; }
.order-detail__products { min-width: 0; }
.order-detail__products > header { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; padding-bottom: 14px; border-bottom: 1px solid var(--line); }
.order-detail__products > header > div { min-width: 0; }
.order-detail__products h3,
.order-detail__summary h3 { margin: 0; color: var(--text); font: 750 16px/1.3 "Sora", sans-serif; }
.order-detail__products > header p { margin: 4px 0 0; color: var(--muted); font-size: 11px; }
.order-detail__products > header > span { color: var(--muted); font-size: 10px; font-weight: 700; white-space: nowrap; }
.order-detail__products ul { list-style: none; margin: 0; padding: 0; }
.order-detail__products li { display: grid; grid-template-columns: 112px minmax(0, 1fr) auto; align-items: center; gap: 18px; min-height: 108px; padding: 16px 0; border-bottom: 1px solid var(--line); }
.order-detail__products li div { min-width: 0; }
.order-detail__products li strong,
.order-detail__products li span { display: block; }
.order-detail__products li strong { font-size: 14px; overflow-wrap: anywhere; text-wrap: pretty; }
.order-detail__products li span { margin-top: 5px; color: var(--muted); font-size: 11px; }
.order-detail__products li > strong { font-feature-settings: "tnum"; font-variant-numeric: tabular-nums; white-space: nowrap; }
.order-product-thumb--detail { width: 112px; height: 76px; }
.order-detail__summary { min-width: 0; padding-left: 30px; border-left: 1px solid var(--line); }
.order-detail__summary dl { margin: 16px 0 0; }
.order-detail__summary dl > div { min-height: 42px; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 14px; border-bottom: 1px solid var(--line); }
.order-detail__summary dt { color: var(--muted); font-size: 11px; }
.order-detail__summary dd { margin: 0; color: var(--text); font-size: 11px; font-weight: 750; text-align: right; }
.order-summary-state { display: inline-flex; align-items: center; gap: 6px; }
.order-summary-state::before { width: 6px; height: 6px; border-radius: 50%; background: var(--accent-solid); content: ""; }
.order-summary-state[data-state="paid"]::before,
.order-summary-state[data-state="delivered"]::before { background: var(--success); }
.order-summary-state[data-state="issue"]::before { background: var(--danger); }
.order-detail__summary dl > .order-detail__summary-total { min-height: 58px; border-bottom: 0; }
.order-detail__summary-total dt { color: var(--text); font-size: 12px; font-weight: 750; }
.order-detail__summary-total dd { font: 750 20px/1.2 "Sora", sans-serif; font-feature-settings: "tnum"; font-variant-numeric: tabular-nums; }
.order-detail__support-link { min-height: 64px; display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 18px; padding-block: 12px; border-block: 1px solid var(--line); color: var(--text); }
.order-detail__support-link > span { min-width: 0; display: grid; gap: 3px; }
.order-detail__support-link strong { font-size: 12px; }
.order-detail__support-link small { color: var(--muted); font-size: 9px; line-height: 1.4; }
.order-detail__support-link:hover { color: var(--accent-strong); }

.delivery-access { padding-top: 44px; }
.delivery-access .orders-empty h1 { margin: 0; font: 750 20px/1.3 "Sora", sans-serif; }
.account-page--focused { padding-block: 20px 48px; }
.account-shell--focused { display: block; max-width: 1160px; margin-inline: auto; }
.delivery-page__head > div { min-width: 0; }
.account-page--focused .account-page__head { margin-bottom: 0; padding-bottom: 14px; }
.delivery-page__head h1 { margin-top: 9px; font-size: 27px; }
.delivery-page { min-width: 0; padding-bottom: 20px; }
.delivery-page__status { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; align-items: center; gap: 13px; padding: 13px 0; border-bottom: 1px solid var(--line); }
.delivery-page__status-icon { width: 36px; height: 36px; display: grid; place-items: center; color: var(--success); }
.delivery-page__status > div { min-width: 0; }
.delivery-page__status > div > span,
.delivery-page__products > header span,
.delivery-page__content > header > span { display: block; color: var(--success); font-size: 9px; font-weight: 800; }
.delivery-page__status h2 { margin: 2px 0 0; font: 750 18px/1.25 "Sora", sans-serif; }
.delivery-page__status p { margin: 3px 0 0; color: var(--muted); font-size: 10px; overflow-wrap: anywhere; }
.delivery-page__secure { display: inline-flex; align-items: center; gap: 8px; color: var(--muted); font-size: 10px; font-weight: 700; white-space: nowrap; }
.delivery-page__secure svg { color: var(--success); }
.delivery-page__layout { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(280px, .62fr); align-items: start; gap: 28px; padding-top: 18px; }
.delivery-page__content { min-width: 0; }
.delivery-page__aside { min-width: 0; padding-left: 26px; border-left: 1px solid var(--line); }
.delivery-page__products { padding-top: 0; }
.delivery-page__products > header { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; padding-bottom: 13px; border-bottom: 1px solid var(--line); }
.delivery-page__products > header h2,
.delivery-page__content > header h2 { margin: 4px 0 0; font: 750 17px/1.3 "Sora", sans-serif; }
.delivery-page__products > header > strong { font: 750 18px/1.2 "Sora", sans-serif; font-feature-settings: "tnum"; font-variant-numeric: tabular-nums; white-space: nowrap; }
.delivery-page__products ul { list-style: none; margin: 0; padding: 0; }
.delivery-page__products li { min-height: 78px; display: grid; grid-template-columns: 76px minmax(0, 1fr); align-items: center; gap: 12px; padding: 11px 0; border-bottom: 1px solid var(--line); }
.delivery-page__product-image { width: 76px; }
.delivery-page__products li > span:nth-child(2) { min-width: 0; display: grid; gap: 5px; }
.delivery-page__products li > span:nth-child(2) strong { font-size: 12px; line-height: 1.4; overflow-wrap: anywhere; }
.delivery-page__products li small { color: var(--muted); font-size: 10px; }
.delivery-page__products li > strong { grid-column: 2; justify-self: start; font-size: 11px; font-feature-settings: "tnum"; font-variant-numeric: tabular-nums; white-space: nowrap; }
.delivery-page__content > header { max-width: 720px; padding-bottom: 12px; }
.delivery-page__content > header > span { color: var(--accent-strong); }
.delivery-page__content > header p { margin: 6px 0 0; color: var(--muted); font-size: 11px; line-height: 1.55; text-wrap: pretty; }
.delivery-page__deliveries { display: grid; gap: 18px; }
.delivery-page__help { display: flex; align-items: flex-start; flex-direction: column; gap: 10px; margin-top: 18px; padding-block: 14px; border-block: 1px solid var(--line); }
.delivery-page__help > span { min-width: 0; display: grid; gap: 4px; }
.delivery-page__help strong { font-size: 12px; }
.delivery-page__help small { color: var(--muted); font-size: 10px; overflow-wrap: anywhere; }
.delivery-page__help .text-command { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 7px; }
.delivery-page .delivery-panel__header { min-height: 78px; padding: 13px 16px; }
.delivery-page .delivery-panel__heading { grid-template-columns: 34px minmax(0, 1fr); gap: 11px; }
.delivery-page .delivery-panel__status-icon { width: 34px; height: 34px; }
.delivery-page .delivery-panel__heading h3 { font-size: 16px; }
.delivery-page .delivery-panel__heading p { margin-top: 2px; font-size: 10px; }
.delivery-page .delivery-panel__copy-all { min-width: 108px; }
.delivery-page .delivery-panel__product,
.delivery-page .delivery-panel__row { min-height: 50px; grid-template-columns: 150px minmax(0, 1fr); padding-block: 7px; padding-left: 16px; }
.delivery-page .delivery-panel__section { padding: 14px 16px; }
.delivery-page .delivery-panel__warranty { min-height: 54px; padding: 9px 16px; }

.payment-process__header { margin-top: 14px; padding-block: 24px 26px; }
.payment-process__header h1 { font-size: 32px; }
.payment-timeline { padding-block: 16px; }
.payment-process__layout { grid-template-columns: minmax(0, 1.55fr) minmax(280px, 0.62fr); gap: 44px; padding-top: 32px; }
.payment-instructions__amount { background: transparent; }
.payment-confirmation { background: var(--surface-soft); }
.payment-verification-view__header { min-height: 156px; padding: 26px 28px; background: var(--bg); }
.payment-verification-view__steps { background: var(--surface-soft); }
.payment-verification-view__status { border-radius: 4px; }
.payment-completion { background: transparent; }

@media (max-width: 1080px) {
  .cart-layout { grid-template-columns: 1fr; gap: 34px; }
  .summary { position: static; max-height: none; margin-top: 0; overflow: visible; }
  .checkout-methods { grid-template-rows: auto auto; }
  .checkout-payment-options { overflow: hidden; }
  .account-shell { grid-template-columns: minmax(200px, 220px) minmax(0, 1fr); gap: 32px; }
  .orders-browser { grid-template-columns: minmax(260px, 292px) minmax(0, 1fr); }
  .payment-process__layout { grid-template-columns: 1fr; gap: 32px; }
  .payment-summary { position: static; padding: 28px 0 0; border-top: 1px solid var(--line); border-left: 0; }
}

@media (max-width: 980px) {
  .account-rail { position: static; padding: 16px 0; border: 0; border-block: 1px solid var(--line); }
  .account-rail__nav a[aria-current="page"]::before { display: none; }
}

@media (max-width: 840px) {
  .orders-toolbar { grid-template-columns: 1fr; align-items: stretch; gap: 16px; }
  .orders-filters { width: 100%; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .orders-filters button { padding-inline: 8px; }
  .orders-index { border: 0; }
  .orders-index .order-list { max-height: none; }
  .order-index-row { padding-inline: 4px; }
  .order-detail { padding: 0 0 32px; }
  .delivery-page__layout { grid-template-columns: 1fr; gap: 24px; }
  .delivery-page__aside { padding: 22px 0 0; border-top: 1px solid var(--line); border-left: 0; }
}

@media (max-width: 720px) {
  .cart-head { padding-top: 20px; }
  .cart-head h1 { font-size: 31px; }
  .cart-head p { font-size: 13px; }
  .checkout-path { margin-bottom: 22px; }
  .checkout-path li { min-height: 48px; justify-content: center; padding-inline: 8px; font-size: 10px; }
  .checkout-path li:first-child { padding-left: 8px; }
  .cart-row { grid-template-columns: 108px minmax(0, 1fr); gap: 15px; padding: 15px; }
  .cart-row__visual { width: 108px; }
  .account-action-strip { grid-template-columns: 72px minmax(0, 1fr) auto; gap: 12px; padding-inline: 12px; }
  .account-action-thumb { width: 72px; }
  .account-action-strip__amount { grid-column: 3; grid-row: 1 / span 2; }
  .account-action-strip__cta { grid-column: 2; justify-self: start; }
  .account-overview__meta { align-items: flex-start; flex-direction: column; gap: 7px; }
  .account-overview__meta-notice { padding-left: 0; border-left: 0; }
  .account-status-list { grid-template-columns: 1fr; }
  .account-status-item,
  .account-status-item:first-child,
  .account-status-item:last-child { min-height: 70px; padding: 12px; border-right: 0; border-bottom: 1px solid var(--line); }
  .account-status-item:last-child { border-bottom: 0; }
  .account-stat:first-child { padding-left: 12px; }
  .account-stat:last-child { padding-right: 12px; }
  .account-order-row { grid-template-columns: 60px minmax(0, 1fr) auto 16px; min-height: 104px; padding-block: 12px; }
  .account-order-thumb { width: 60px; height: 50px; grid-row: 1 / span 2; }
  .account-order-row__content { grid-column: 2; grid-row: 1 / span 2; }
  .account-order-row__state { grid-column: 3; grid-row: 2; }
  .account-order-row__summary { grid-column: 3; grid-row: 1; }
  .account-order-row__arrow { grid-column: 4; grid-row: 1 / span 2; }
  .orders-list-columns { display: none; }
  .order-index-row { grid-template-columns: 60px minmax(0, 1fr) auto; gap: 14px; min-height: 116px; padding-block: 18px; }
  .order-product-thumb--list { width: 60px; height: 50px; }
  .order-index-row__meta { align-self: start; }
  .order-index-row__action { grid-column: 2 / span 2; justify-self: end; }
  .order-detail__progress li + li { padding-left: 14px; }
  .payment-process__header { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
  .order-page-head[data-view="detail"] { align-items: flex-start; }
  .order-page-head[data-view="detail"] .order-page-head__copy { width: 100%; }
  .order-page-head[data-view="detail"] h1 { font-size: 26px; }
  .order-status-panel__main { grid-template-columns: 44px minmax(0, 1fr); padding: 20px; }
  .order-status-panel__commerce { grid-column: 2; grid-template-columns: minmax(120px, 0.6fr) minmax(210px, 1fr); align-items: end; gap: 0 18px; margin-top: 4px; padding: 18px 0 0; border-top: 1px solid var(--line); border-left: 0; }
  .order-status-panel__commerce > span { grid-column: 1; }
  .order-status-panel__commerce > strong { grid-column: 1; }
  .order-status-panel__actions { grid-column: 2; grid-row: 1 / span 2; margin-top: 0; }
  .order-status-panel__tracking { padding-inline: 20px; }
  .order-detail__body { grid-template-columns: 1fr; gap: 30px; }
  .order-detail__summary { padding: 24px 0 0; border-top: 1px solid var(--line); border-left: 0; }
  .delivery-page__status { grid-template-columns: 44px minmax(0, 1fr); }
  .delivery-page__secure { grid-column: 2; padding-top: 5px; white-space: normal; }
}

@media (max-width: 520px) {
  body:has(.account-page--focused) .nav-search { display: none; }
  body:has(.account-page--focused) .site-header__inner { min-height: 62px; }
  .checkout-path li { display: grid; justify-items: center; gap: 4px; text-align: center; }
  .cart-row { grid-template-columns: 88px minmax(0, 1fr); gap: 12px; padding: 12px; }
  .cart-row__visual { width: 88px; }
  .cart-row__title { display: grid; gap: 5px; }
  .cart-row__controls { align-items: flex-start; flex-direction: column; }
  .account-stats { margin-inline: 0; }
  .account-stat { min-height: 84px; padding: 12px; }
  .account-stat > strong { font-size: 22px; }
  .account-action-strip { grid-template-columns: 64px minmax(0, 1fr); padding: 14px 12px; }
  .account-action-thumb { width: 64px; }
  .account-action-strip__amount { grid-column: 2; grid-row: auto; justify-self: start; }
  .account-action-strip__cta { grid-column: 2; }
  .orders-filters { grid-template-columns: 1fr 1fr; }
  .order-index-row { grid-template-columns: 56px minmax(0, 1fr) auto; min-height: 120px; gap: 12px; padding-block: 18px; }
  .order-product-thumb--list { width: 56px; height: 48px; }
  .order-index-row__copy > strong { font-size: 13px; }
  .order-index-row__meta { grid-column: 3; display: grid; align-items: start; justify-content: initial; gap: 5px; }
  .order-index-row__action { grid-column: 2 / span 2; }
  .order-detail { padding: 0 0 24px; }
  .order-page-head[data-view="detail"] { gap: 14px; }
  .order-page-head[data-view="detail"] h1 { font-size: 23px; }
  .order-page-head[data-view="detail"] .account-refresh { min-height: 42px; }
  .order-status-panel__main { grid-template-columns: 38px minmax(0, 1fr); gap: 12px; padding: 16px 14px 18px; }
  .order-status-panel__icon { width: 36px; height: 36px; }
  .order-status-panel__copy h2 { font-size: 18px; }
  .order-status-panel__copy p { font-size: 11px; }
  .order-status-panel__commerce { grid-column: 1 / -1; grid-template-columns: 1fr; gap: 0; margin-top: 4px; padding-top: 16px; }
  .order-status-panel__commerce > strong { font-size: 24px; }
  .order-status-panel__actions { grid-column: 1; grid-row: auto; margin-top: 13px; }
  .order-status-panel__tracking { padding: 14px; }
  .order-status-panel__tracking-head { align-items: flex-start; }
  .order-detail__progress { grid-template-columns: 1fr; padding-top: 10px; }
  .order-detail__progress li { min-height: 48px; grid-template-columns: 32px minmax(0, 1fr); gap: 11px; text-align: left; }
  .order-detail__progress li + li { margin-top: 4px; padding: 4px 0 0; border-top: 1px solid var(--line); border-left: 0; }
  .order-detail__progress-copy { justify-items: start; }
  .order-detail__progress-copy strong { font-size: 11px; white-space: normal; }
  .order-detail__progress-copy small { font-size: 9px; }
  .order-detail__body { gap: 26px; padding-top: 28px; }
  .order-detail__products > header { align-items: flex-start; }
  .order-detail__products li { grid-template-columns: 92px minmax(0, 1fr); gap: 12px; min-height: 94px; padding-block: 14px; }
  .order-product-thumb--detail { width: 92px; height: 62px; }
  .order-detail__products li > .order-product-thumb { grid-row: 1 / span 2; }
  .order-detail__products li > strong { grid-column: 2; justify-self: start; }
  .order-detail__summary { padding-top: 22px; }
  .account-page--focused { padding-block: 12px 32px; }
  .account-page--focused .delivery-page__head { align-items: center; flex-direction: row; gap: 10px; }
  .delivery-page__head > div { flex: 1 1 auto; }
  .delivery-page__head h1 { margin-top: 7px; font-size: 22px; }
  .delivery-page__head .account-refresh { width: 42px; min-width: 42px; min-height: 42px; padding: 0; }
  .delivery-page__head .account-refresh span { display: none; }
  .delivery-page__status { gap: 12px; padding: 18px 0; }
  .delivery-page__status-icon { width: 38px; height: 38px; }
  .delivery-page__status h2 { font-size: 18px; }
  .delivery-page__products { padding-top: 0; }
  .delivery-page__products > header { align-items: flex-start; }
  .delivery-page__products li { grid-template-columns: 88px minmax(0, 1fr); gap: 12px; min-height: 92px; }
  .delivery-page__product-image { width: 88px; }
  .delivery-page__products li > strong { grid-column: 2; justify-self: start; }
  .delivery-page__content { padding-top: 0; }
  .delivery-page__help { align-items: flex-start; flex-direction: column; gap: 12px; }
  .delivery-panel__header { align-items: flex-start; flex-direction: column; padding: 16px 14px; }
  .delivery-panel__copy-all { width: 100%; }
  .delivery-panel__product,
  .delivery-panel__row { grid-template-columns: 1fr; gap: 5px; padding: 13px 14px; }
  .delivery-panel__row dd { gap: 8px; }
  .delivery-panel__row code,
  .delivery-panel__row a { font-size: 12px; }
  .delivery-panel__section { padding-inline: 14px; }
  .delivery-panel__warranty { padding-inline: 14px; }
  .delivery-page .delivery-panel__header { align-items: center; flex-direction: row; gap: 10px; padding: 12px 14px; }
  .delivery-page .delivery-panel__heading { grid-template-columns: 32px minmax(0, 1fr); gap: 9px; }
  .delivery-page .delivery-panel__status-icon { width: 32px; height: 32px; }
  .delivery-page .delivery-panel__heading p { display: none; }
  .delivery-page .delivery-panel__copy-all { width: auto; min-width: 104px; padding-inline: 10px; }
  .delivery-page .delivery-panel__product,
  .delivery-page .delivery-panel__row { grid-template-columns: 1fr; gap: 5px; padding: 12px 14px; }
  .delivery-page .delivery-panel__section,
  .delivery-page .delivery-panel__warranty { padding-inline: 14px; }
  .payment-summary__facts > div { grid-template-columns: 1fr; gap: 3px; }
  .payment-summary__facts dd { text-align: left; }
  .payment-summary__method { justify-content: flex-start; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
  .brand-rail__track {
    animation-name: rail !important;
    animation-duration: 32s !important;
    animation-timing-function: linear !important;
    animation-iteration-count: infinite !important;
  }
  .payment-verification-view__progress > span { width: 55%; animation: none !important; transform: none; }
}

/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./app/storefront.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
:root {
  --bg: #ffffff;
  --surface: #eff3f4;
  --surface-soft: #ffffff;
  --surface-strong: #e7ecef;
  --canvas-subtle: #f7f9f9;
  --canvas-strong: #eff3f4;
  --text: #0f1419;
  --muted: #536471;
  --line: #cfd9de;
  --media-line: #bcc8cf;
  --media-line-hover: #8b9aa4;
  --accent: #1d9bf0;
  --accent-strong: #0969a8;
  --accent-hover: #075985;
  --accent-soft: #e8f5fd;
  --accent-line: #8ecdf8;
  --accent-solid: #0969a8;
  --accent-contrast: #ffffff;
  --accent-ink: #0b4f77;
  --accent-ink-muted: #315f78;
  --focus: #1d9bf0;
  --success: #147b46;
  --discount-text: #0b6637;
  --discount-bg: #e6f3eb;
  --warning: #8a5a00;
  --danger: #c93445;
  --header: rgba(255, 255, 255, 0.94);
  --footer-bg: #0f1419;
  --footer-text: #f7f9f9;
  --footer-muted: #8b98a5;
  --footer-line: #2f3336;
  --radius: 8px;
  --content: 1280px;
  --control: 44px;
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
}

html[data-theme="dark"] {
  --bg: #000000;
  --surface: #16181c;
  --surface-soft: #16181c;
  --surface-strong: #202327;
  --canvas-subtle: #0f1419;
  --canvas-strong: #16181c;
  --text: #e7e9ea;
  --muted: #8b98a5;
  --line: #2f3336;
  --media-line: #41474d;
  --media-line-hover: #646d74;
  --accent: #1d9bf0;
  --accent-strong: #67bef4;
  --accent-hover: #8fd0f7;
  --accent-soft: #071923;
  --accent-line: #174966;
  --accent-solid: #45b2f3;
  --accent-contrast: #06101a;
  --accent-ink: #d5efff;
  --accent-ink-muted: #a8d9f5;
  --focus: #1d9bf0;
  --success: #45bf7f;
  --discount-text: #7bd9a8;
  --discount-bg: #123222;
  --warning: #f0b44a;
  --danger: #ff5364;
  --header: rgba(0, 0, 0, 0.88);
  --footer-bg: #0f1419;
  --footer-text: #e7e9ea;
  --footer-muted: #8b98a5;
  --footer-line: #2f3336;
}

html {
  scroll-padding-top: 76px;
}

html,
body {
  overflow-x: clip;
}

body {
  background: var(--bg);
  color: var(--text);
  font-family: "Manrope", system-ui, sans-serif;
  font-size: 15px;
  line-height: 1.55;
}

.skip-link {
  position: fixed;
  top: 12px;
  left: 12px;
  z-index: 200;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  padding-inline: 16px;
  border: 1px solid var(--media-line-hover);
  border-radius: var(--radius);
  background: var(--text);
  color: var(--bg);
  font-weight: 750;
  transform: translateY(calc(-100% - 20px));
}

.skip-link:focus-visible {
  outline: 2px solid var(--focus);
  outline-offset: 2px;
  transform: translateY(0);
}

main {
  min-height: calc(100svh - 146px);
}

main:has(.catalog-page),
main:has(.cart-page),
main:has(.account-page),
main:has(.payment-process-page),
main:has(.payment-result-page),
main:has(.legal),
main:has(.not-found) {
  background: var(--bg);
}

:where(h1, h2, h3, h4, button, input, select, textarea, strong) {
  font-family: "Manrope", system-ui, sans-serif;
  letter-spacing: 0;
}

:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--accent) 78%, transparent);
  outline-offset: 3px;
}

.shell {
  width: min(var(--content), calc(100% - 48px));
}

.eyebrow {
  margin-bottom: 12px;
  color: var(--accent-strong);
  font-size: 13px;
  font-weight: 750;
  text-transform: none;
}

.button {
  border-color: transparent;
  border-radius: var(--radius);
  background: var(--surface);
  font-weight: 750;
  transition:
    background-color 160ms ease,
    border-color 160ms ease,
    color 160ms ease,
    transform 120ms var(--ease-out);
}

.button:hover {
  border-color: transparent;
  background: var(--surface-strong);
}

.button:active:not(:disabled) {
  transform: scale(0.98);
}

.button--primary {
  border-color: transparent;
  background: var(--accent-solid);
  color: var(--accent-contrast);
}

.button--primary:hover {
  border-color: transparent;
  background: var(--accent-hover);
  color: var(--accent-contrast);
}

.button--secondary {
  border: 1px solid var(--line);
  background: transparent;
}

.input,
.select,
.textarea {
  border-color: transparent;
  border-radius: var(--radius);
  background: var(--surface);
}

.input:hover,
.select:hover,
.textarea:hover {
  background: var(--surface-strong);
}

.input:focus,
.input:focus-visible,
.select:focus,
.select:focus-visible,
.textarea:focus,
.textarea:focus-visible {
  border-color: var(--media-line-hover);
  background: var(--bg);
  outline: 2px solid color-mix(in srgb, var(--accent) 16%, transparent);
  outline-offset: 1px;
}


.site-header {
  height: 64px;
  border-bottom: 1px solid var(--line);
  background: var(--header);
  -webkit-backdrop-filter: saturate(180%) blur(18px);
          backdrop-filter: saturate(180%) blur(18px);
}

.site-header__inner {
  grid-template-columns: 184px minmax(240px, 1fr) auto;
  gap: 24px;
}

.brand {
  gap: 9px;
  font-size: 18px;
  font-weight: 780;
}

.brand img {
  width: 30px;
  height: 30px;
  border-radius: 7px;
}

.nav-search {
  max-width: 600px;
}

.nav-search .input {
  height: 42px;
  background: var(--surface);
}

.nav-search .input:focus,
.nav-search .input:focus-visible {
  border-color: transparent;
  background: var(--surface);
  box-shadow: inset 0 0 0 1px var(--media-line-hover);
  outline: 0;
}

.nav-search__submit:hover,
.nav-search__clear:hover {
  background: transparent;
  color: var(--text);
}

.site-nav {
  gap: 2px;
}

.site-nav__link {
  border-radius: var(--radius);
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
}

.site-nav__link:hover {
  background: var(--surface);
  color: var(--text);
}

.site-nav__link[aria-current="page"],
.preferences-menu[open] > summary {
  background: var(--accent-soft);
  color: var(--accent-strong);
}

.cart-count {
  background: var(--accent-solid);
  color: #ffffff;
}

.preferences-menu__panel {
  top: calc(100% + 10px);
  border-color: var(--line);
  border-radius: var(--radius);
  background: var(--bg);
  padding: 10px 14px;
}

.preferences-menu__head {
  border-bottom-color: var(--line);
}

.preferences-menu__head strong {
  font-family: inherit;
}

.preference-row {
  border-bottom-color: var(--line);
}

.compact-segmented {
  border-color: var(--line);
  border-radius: 7px;
}

.compact-segmented button {
  border-right-color: var(--line);
  background: var(--bg);
}

.compact-segmented button[data-active="true"] {
  background: var(--accent-solid);
  color: var(--accent-contrast);
}


.hero {
  min-height: calc(100svh - 112px);
  background: var(--bg);
}

.hero__inner {
  grid-template-columns: minmax(0, 1.08fr) minmax(380px, 0.92fr);
}

.hero__content {
  padding-right: var(--space-4xl);
}

.hero h1 {
  max-width: 680px;
  font-family: inherit;
  font-size: 64px;
  font-weight: 780;
  line-height: 1.02;
}

.hero__lead {
  max-width: 610px;
  margin: var(--space-xl) 0 var(--space-2xl);
  color: var(--muted);
  font-size: 19px;
  line-height: 1.55;
}

.hero__actions {
  gap: 10px;
}

.hero__trust {
  gap: var(--space-md) var(--space-xl);
  margin-top: 24px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 650;
}

.hero__trust svg {
  color: var(--accent-strong);
}

.hero__media img {
  width: min(88%, 500px);
  border-radius: var(--radius);
}

.brand-rail {
  border-block: 0;
  background: var(--canvas-strong);
}

.brand-rail__item {
  padding-block: 16px;
  color: var(--muted);
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
}

.brand-rail__item::after {
  color: color-mix(in srgb, var(--muted) 52%, transparent);
  content: "·";
}

.section {
  border-top: 0;
  background: var(--canvas-subtle);
  padding-block: var(--space-4xl);
}

.section__head {
  align-items: flex-end;
  margin-bottom: 32px;
}

.section__title {
  font-family: inherit;
  font-size: 32px;
  font-weight: 760;
  line-height: 1.15;
}

.section__copy {
  color: var(--muted);
  font-size: 15px;
}


.official-channels {
  padding-block: 64px 72px;
  background: var(--bg);
}

.official-channels__inner {
  display: block;
}

.official-channels__lead {
  display: grid;
  grid-template-columns: minmax(260px, 0.85fr) minmax(0, 1.15fr);
  align-items: center;
  gap: 64px;
}

.official-channels__intro h2 {
  margin: 8px 0 0;
  font-size: 32px;
  font-weight: 760;
  line-height: 1.15;
}

.official-channels__intro > p:last-child {
  max-width: 430px;
  margin: 14px 0 0;
  color: var(--muted);
  font-size: 15px;
}

.official-channel {
  min-width: 0;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  border-radius: var(--radius);
}

.official-channel--priority {
  padding: 12px 0;
  border: 0;
  background: transparent;
}

.official-channel__brand {
  width: 44px;
  height: 44px;
  display: inline-grid;
  flex: 0 0 auto;
  place-items: center;
  border-radius: var(--radius);
}

.official-channel__brand svg {
  width: 24px;
  height: 24px;
}

.official-channel__brand--whatsapp {
  background: #128c7e;
  color: #ffffff;
}

.official-channel__brand--tiktok {
  background: #0f1419;
  color: #ffffff;
}

html[data-theme="dark"] .official-channel__brand--tiktok {
  background: #e7e9ea;
  color: #0f1419;
}

.official-channel__copy {
  min-width: 0;
}

.official-channel__copy small {
  display: block;
  color: #087f5b;
  font-size: 11px;
  font-weight: 760;
  line-height: 1.25;
}

.official-channel__copy strong {
  display: block;
  font-size: 16px;
  line-height: 1.3;
}

.official-channel__number {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 1px;
  color: var(--muted);
  font-size: 13px;
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
  line-height: 1.25;
}

.official-channel__action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 40px;
  padding-inline: 14px;
  border: 1px solid transparent;
  border-radius: var(--radius);
  font-size: 13px;
  font-weight: 750;
  transition:
    border-color 160ms ease,
    background-color 160ms ease,
    color 160ms ease,
    transform 120ms var(--ease-out);
}

.official-channel__number-copy {
  width: 28px;
  height: 28px;
  display: inline-grid;
  flex: 0 0 auto;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--muted);
  transition:
    background-color 140ms ease,
    color 140ms ease,
    transform 120ms var(--ease-out);
}

.official-channel__number-copy:hover {
  background: var(--surface-strong);
  color: #087f5b;
}

.official-channel__number-copy[data-copied="true"] {
  color: var(--success);
}

.official-channel__action {
  background: #128c7e;
  color: #ffffff;
}

.official-channel__action:hover {
  background: #087f5b;
}

.official-channel__number-copy:active,
.official-channel__action:active {
  transform: scale(0.98);
}

.tiktok-showcase {
  margin-top: 42px;
  padding-top: 24px;
  border-top: 1px solid color-mix(in srgb, var(--line) 72%, transparent);
}

.tiktok-showcase__head {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 18px;
  margin-bottom: 0;
}

.tiktok-showcase__identity {
  display: flex;
  align-items: center;
  gap: 14px;
}

.tiktok-showcase__identity > span:last-child {
  display: grid;
}

.tiktok-showcase__identity strong {
  font-size: 15px;
}

.tiktok-showcase__identity small {
  color: var(--muted);
  font-size: 12px;
}

.tiktok-showcase__tabs {
  min-width: 0;
  display: inline-flex;
  justify-self: end;
  gap: 4px;
  padding: 4px;
  border-radius: var(--radius);
  background: var(--surface);
}

.tiktok-showcase__tabs button {
  min-width: 0;
  min-height: 38px;
  padding-inline: 14px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--muted);
  font-size: 12px;
  font-weight: 730;
  white-space: nowrap;
  transition:
    background-color 150ms ease,
    color 150ms ease;
}

.tiktok-showcase__tabs button:hover {
  color: var(--text);
}

.tiktok-showcase__tabs button[aria-selected="true"] {
  background: var(--bg);
  color: var(--text);
}

.tiktok-showcase__stage {
  position: relative;
  min-height: 0;
  display: grid;
  place-items: start center;
  margin-top: 20px;
}

.tiktok-showcase__panel {
  width: 100%;
  min-width: 0;
  display: grid;
  place-items: start center;
}

.tiktok-showcase__panel[data-active="false"] {
  position: absolute;
  inset: 0;
  visibility: hidden;
  pointer-events: none;
}

.tiktok-showcase__embed {
  position: relative;
  width: min(100%, 780px);
  min-width: 0;
  min-height: 500px;
  display: flex;
  justify-content: center;
}

.tiktok-showcase__embed .tiktok-embed {
  width: 100%;
  margin: 0;
}

.tiktok-showcase__embed[data-status="loading"] .tiktok-embed {
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
}

.tiktok-showcase__embed iframe {
  width: 100% !important;
  max-width: 780px !important;
  border: 0;
}

.tiktok-showcase__loading,
.tiktok-showcase__fallback {
  width: min(100%, 780px);
  min-height: 360px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: var(--radius);
  background: var(--canvas-subtle);
  color: var(--muted);
  font-size: 13px;
}

.tiktok-showcase__loading svg {
  animation: tiktok-loader-spin 900ms linear infinite;
}

.tiktok-showcase__fallback {
  flex-direction: column;
  text-align: center;
}

.tiktok-showcase__fallback strong {
  color: var(--text);
  font-size: 15px;
}

.tiktok-showcase__fallback a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--accent-strong);
  font-weight: 750;
}

@keyframes tiktok-loader-spin {
  to {
    transform: rotate(360deg);
  }
}


.catalog-page {
  padding-bottom: 88px;
}

.catalog-head {
  align-items: center;
  margin-bottom: 36px;
  padding: 52px 0 28px;
  border-bottom: 0;
}

.catalog-head h1 {
  font-family: inherit;
  font-size: 42px;
  font-weight: 780;
  line-height: 1.08;
}

.catalog-head p {
  margin-top: 6px;
}

.catalog-head__meta {
  gap: 10px;
}

.catalog-result {
  color: var(--muted);
  font-size: 13px;
}

.catalog-menu {
  width: 180px;
}

.catalog-menu__trigger {
  border-color: transparent;
  border-radius: var(--radius);
  background: var(--surface);
}

.catalog-menu__trigger:hover,
.catalog-menu__trigger[aria-expanded="true"] {
  border-color: transparent;
  background: var(--surface-strong);
}

.catalog-menu__trigger:focus-visible {
  border-color: transparent;
  outline: 2px solid color-mix(in srgb, var(--accent) 22%, transparent);
}

.catalog-menu__popover {
  border-color: var(--line);
  border-radius: var(--radius);
  background: var(--bg);
}

.catalog-menu__option {
  border-radius: 6px;
}

.catalog-menu__option:hover,
.catalog-menu__option:focus-visible {
  background: var(--surface);
}

.catalog-menu__option[aria-selected="true"] {
  background: var(--text);
  color: var(--bg);
}

.catalog-menu__check {
  color: inherit;
}

.catalog-sort {
  border-color: transparent;
  background: var(--surface);
}

.catalog-sort:hover {
  background: var(--surface-strong);
}

.product-grid {
  column-gap: 28px;
  row-gap: 56px;
}

.product-card {
  gap: 14px;
  padding-bottom: 0;
  border-bottom: 0;
}

.product-card__visual {
  border-color: var(--media-line);
  border-radius: var(--radius);
  background: var(--surface);
  transition: background-color 160ms ease;
}

.product-card__visual:hover {
  border-color: var(--media-line-hover);
  background: var(--surface-strong);
}

.product-card__fallback-mark {
  border-bottom: 0;
  font-family: inherit;
}

.product-card__header {
  min-height: 20px;
  margin-bottom: 8px;
}

.product-card__brand {
  font-size: 11px;
  font-weight: 720;
  text-transform: none;
}

.product-card__tag {
  border-radius: 5px;
}

.product-card__tag[data-kind="discount"] {
  background: var(--discount-bg);
  color: var(--discount-text);
}

.product-card__name {
  min-height: 44px;
  font-family: inherit;
  font-size: 17px;
  font-weight: 760;
  line-height: 1.32;
}

.product-card:hover .product-card__name {
  color: var(--text);
}

.product-card__desc {
  min-height: 42px;
  margin-bottom: 12px;
  color: var(--muted);
  line-height: 1.55;
}

.product-card__status-row {
  min-height: 32px;
}

.product-card__availability,
.product-card__warranty {
  font-size: 12px;
  font-weight: 680;
}

.product-card__availability::before {
  border-radius: 50%;
}

.product-card__foot {
  padding-top: 14px;
}

.product-card__price {
  font-family: inherit;
  font-size: 18px;
  font-weight: 780;
}

.product-card__add {
  overflow: hidden;
  border-color: transparent;
  background: var(--surface);
  color: var(--text);
}

.product-card__add:hover {
  border-color: transparent;
  background: var(--accent-solid);
  color: var(--accent-contrast);
}

.product-card__add:active:not(:disabled) {
  transform: scale(0.96);
}

.product-card__add:disabled,
.product-card__add:disabled:hover {
  border-color: transparent;
  background: var(--surface);
}


.product-page {
  padding-bottom: 0;
}

.product-back {
  margin-top: 24px;
  color: var(--muted);
}

.product-detail {
  grid-template-columns: minmax(0, 1.08fr) minmax(390px, 0.92fr);
  gap: 64px;
  padding-top: 28px;
}

.product-detail__media {
  top: 88px;
}

.product-detail__image {
  border-color: var(--media-line);
  border-radius: var(--radius);
  background: var(--surface);
}

.product-detail__content {
  padding-top: 12px;
}

.product-detail h1 {
  font-family: inherit;
  font-size: 46px;
  font-weight: 780;
  line-height: 1.08;
}

.product-detail__lead {
  margin: 18px 0 24px;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.6;
}

.product-detail__facts {
  gap: 32px;
  overflow: visible;
  padding: 0;
  border-block: 0;
  border-radius: 0;
  background: transparent;
}

.product-detail__fact {
  min-height: 48px;
  align-content: start;
  padding: 0;
  border-radius: 0;
  background: transparent;
}

.product-detail__fact + .product-detail__fact {
  padding-left: 0;
  border-left: 0;
}

.product-detail__fact small {
  font-size: 11px;
}

.product-detail__fact strong {
  font-size: 13px;
}

.variant-block {
  margin-top: 26px;
  padding: 0;
  border-top: 0;
}

.variant-list {
  gap: 8px;
}

.variant-link,
.variant-primary,
.variant-select {
  border-color: var(--line);
  border-radius: var(--radius);
  background: transparent;
}

.variant-link:hover,
.variant-primary:hover,
.variant-select:hover {
  border-color: var(--media-line-hover);
  background: transparent;
  box-shadow: none;
}

.variant-link[data-current="true"],
.variant-primary[data-current="true"],
.variant-select[data-current="true"] {
  border-color: var(--accent-line);
  background: transparent;
  box-shadow: none;
  color: var(--accent-strong);
}

.purchase-row {
  grid-template-columns: minmax(150px, 0.36fr) minmax(0, 1fr);
  margin-top: 26px;
  padding-top: 26px;
  border-top-color: var(--line);
}

.product-detail__price strong {
  font-family: inherit;
  font-size: 34px;
  font-weight: 780;
  white-space: nowrap;
}

.stepper {
  border-color: transparent;
  border-radius: var(--radius);
  background: var(--surface);
}

.stepper button {
  border-color: transparent;
}

.purchase-button {
  min-height: 48px;
}

.product-detail__promises {
  gap: 0;
  overflow: visible;
  margin-top: 48px;
  padding-block: 8px;
  border-block: 0;
  border-radius: 0;
  background: var(--accent-soft);
}

.product-detail__promises > div {
  min-height: 90px;
  align-content: center;
  padding: 18px 22px;
  border-radius: 0;
  background: transparent;
}

.product-detail__promises strong {
  color: var(--accent-ink);
}

.product-detail__promises small {
  color: var(--accent-ink-muted);
}

.product-detail__promises > div + div {
  border-left: 0;
}

.product-guide {
  position: relative;
  z-index: 0;
  margin-top: var(--space-4xl);
  padding-block: var(--space-4xl);
  border-top: 0;
}

.product-guide::before {
  position: absolute;
  z-index: -1;
  inset: 0 calc(50% - 50vw);
  background: var(--canvas-subtle);
  content: "";
}

.product-guide__inner {
  width: min(100%, 920px);
  padding-top: 0;
}

.product-guide__intro {
  padding-bottom: 32px;
}

.product-guide__intro h2 {
  font-family: inherit;
  font-size: 32px;
  font-weight: 760;
}

.product-spec-list {
  overflow: visible;
  border-top: 1px solid var(--line);
  border-radius: 0;
  background: transparent;
}

.product-spec-list > div {
  padding: 17px 0;
  border-bottom-color: var(--line);
}

.product-spec-list > div:last-child {
  border-bottom: 1px solid var(--line);
}

.product-disclosures {
  margin-top: 24px;
  border-top: 0;
}

.product-disclosure {
  border-bottom-color: var(--line);
}

.product-disclosure > summary {
  min-height: 68px;
}

.product-disclosure > summary > span {
  font-family: inherit;
  font-size: 17px;
}

.product-includes-list {
  gap: 8px 28px;
  border-top: 0;
}

.product-includes-list li {
  padding-block: 8px;
  border-bottom: 0;
}

.catalog-empty,
.cart-empty,
.empty {
  border-color: transparent;
  border-radius: var(--radius);
  background: var(--surface);
}


.cart-page {
  padding-bottom: 96px;
}

.cart-page__back {
  margin-top: 28px;
}

.cart-head {
  margin-bottom: 20px;
  padding: 28px 0 18px;
  border-bottom: 0;
}

.cart-head h1 {
  font-size: 42px;
}

.cart-layout {
  grid-template-columns: minmax(0, 1fr) 376px;
  gap: 36px;
}

.checkout-path {
  gap: 0;
  margin-bottom: 24px;
  padding: 0 0 18px;
  border-block: 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  background: transparent;
}

.checkout-path li {
  min-height: 44px;
  justify-content: center;
  padding-inline: 12px;
  border-radius: 0;
}

.checkout-path li:first-child {
  padding-left: 12px;
}

.checkout-path li + li {
  border-left: 0;
}

.checkout-path li[data-state="active"] {
  background: transparent;
  color: var(--accent-strong);
}

.checkout-path li > span {
  border-color: transparent;
  background: transparent;
}

.checkout-path li[data-state="active"] > span {
  border-color: transparent;
  background: var(--accent-soft);
  color: var(--accent-strong);
}

.cart-products {
  border-color: transparent;
  border-radius: 0;
  background: transparent;
}

.cart-products__head {
  min-height: 68px;
  padding-inline: 0;
  border-bottom-color: var(--line);
  background: transparent;
}

.cart-products__head h2,
.cart-row__title h3,
.summary__head h2,
.summary__total,
.cart-empty h2 {
  font-family: inherit;
}

.cart-row {
  grid-template-columns: 152px minmax(0, 1fr);
  gap: 22px;
  padding: 24px 0;
  border-bottom-color: var(--line);
}

.cart-row__visual {
  width: 152px;
  border-color: transparent;
  border-radius: var(--radius);
}

.cart-row__controls {
  margin-top: 16px;
  padding-top: 0;
  border-top: 0;
}

.cart-clear,
.cart-row__remove {
  border-radius: 6px;
}

.cart-clear:hover,
.cart-row__remove:hover {
  background: color-mix(in srgb, var(--danger) 8%, transparent);
}

.summary {
  top: 84px;
  padding: 22px;
  border-color: transparent;
  border-radius: var(--radius);
  background: var(--surface);
}

.summary__head {
  padding-bottom: 16px;
  border-bottom: 0;
}

.summary__row {
  border-bottom-color: var(--line);
}

.summary__total {
  margin-top: 4px;
  padding-block: 18px;
  border-top: 1px solid var(--line);
}

.summary__signin,
.checkout-account,
.checkout-methods,
.checkout-submit {
  border-top-color: var(--line);
}

.checkout-payment-options {
  gap: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.payment-option {
  min-height: 68px;
  border: 0;
  border-top: 1px solid var(--line);
  border-radius: 0;
  background: transparent;
}

.payment-option:first-of-type {
  border-top: 0;
}

.payment-option::before {
  display: none;
}

.payment-option:hover {
  background: var(--surface-strong);
}

.payment-option[data-selected="true"] {
  border-color: var(--line);
  background: var(--accent-soft);
  box-shadow: none;
}

.payment-option__brand {
  border-color: var(--line);
  border-radius: 7px;
}

.checkout-submit .button--full {
  min-height: 48px;
}

.checkout-submit {
  background: transparent;
}

.cart-empty {
  min-height: 260px;
  padding: 36px;
}

.cart-empty__icon {
  border-color: transparent;
  background: var(--bg);
}


.account-page {
  padding-block: 44px 96px;
}

.account-shell {
  grid-template-columns: minmax(224px, 248px) minmax(0, 1fr);
  gap: 48px;
}

.account-rail {
  top: 84px;
  padding: 4px 32px 4px 0;
  border-right: 0;
  border-radius: 0;
  background: transparent;
}

.account-rail__identity {
  padding: 2px 2px 18px;
  border-bottom: 0;
}

.account-rail__identity h2 {
  font-family: inherit;
  overflow: hidden;
  overflow-wrap: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.account-avatar {
  border-color: transparent;
  background: var(--surface-strong);
}

.account-rail__nav {
  gap: 4px;
  padding-block: 8px;
  border-bottom: 0;
}

.account-rail__nav a {
  min-height: 52px;
  padding: 7px 10px;
  border: 0;
  border-radius: 7px;
}

.account-rail__nav a[aria-current="page"] {
  border-color: transparent;
  background: var(--accent-soft);
  color: var(--accent-strong);
}

.account-rail__nav a[aria-current="page"]::before {
  display: none;
}

.account-rail__nav a[aria-current="page"] small,
.account-rail__nav a[aria-current="page"] > svg {
  color: var(--accent-strong);
}

.account-rail__label-short {
  display: none;
}

.account-rail__facts {
  gap: 10px;
  margin: 14px 2px;
  padding: 12px 8px;
  border-block: 0;
  border-radius: 0;
  background: transparent;
}

.account-rail__logout {
  padding-inline: 10px;
  border-top: 0;
  border-radius: 7px;
}

.account-page__head {
  margin-bottom: 32px;
  padding-bottom: 0;
  border-bottom: 0;
}

.account-page__head h1 {
  font-family: inherit;
  font-size: 38px;
  font-weight: 780;
}

.account-overview__head h2,
.account-section__head h2,
.account-stat > strong,
.account-status-item__count,
.account-action-strip__copy > strong {
  font-family: inherit;
}

.account-status-summary,
.account-stats {
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.account-status-list {
  gap: 28px;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.account-status-item {
  min-height: 72px;
  padding: 0;
  border-right: 0;
  background: transparent;
}

.account-status-item:first-child,
.account-status-item:last-child {
  padding-inline: 0;
}

.account-status-item__icon {
  border-radius: 6px;
  background: var(--canvas-subtle);
}

.account-status-item:last-child {
  border-right: 0;
}

.account-stats {
  gap: 0;
  overflow: hidden;
  border-radius: var(--radius);
  background: var(--canvas-subtle);
}

.account-stat {
  border-right: 0;
  background: transparent;
}

.account-action-strip {
  min-height: 104px;
  margin-top: 24px;
  padding: 16px;
  border-block: 0;
  border-radius: var(--radius);
  background: var(--accent-soft);
}

.account-action-strip:hover {
  border-color: transparent;
  background: var(--accent-soft);
}

.account-orders-panel {
  margin-top: 44px;
}

.account-section {
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.account-section__head {
  min-height: 64px;
  padding-inline: 0;
  border-bottom-color: var(--line);
  background: transparent;
}

.account-order-list {
  padding: 0;
  border-top: 1px solid var(--line);
}

.account-order-row {
  min-height: 92px;
  margin-bottom: 0;
  padding-inline: 10px;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
}

.account-order-row:last-child {
  border-bottom: 0;
}

.account-order-row:hover {
  background: var(--surface);
}

.account-panel--auth {
  max-width: 480px;
  padding: 0;
  border-radius: 0;
  background: transparent;
}

.account-panel__head h1,
.account-panel__head h2 {
  font-family: inherit;
}

.account-loading {
  max-width: 480px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.auth-mode-switch,
.google-button,
.turnstile-slot {
  border-radius: var(--radius);
}

.auth-mode-switch button:focus-visible {
  outline: 2px solid var(--focus);
  outline-offset: -2px;
}

.auth-input:focus-within {
  border-color: var(--accent);
  box-shadow: inset 0 0 0 1px var(--accent);
}

.auth-field-head button {
  min-height: 44px;
}

.auth-password-toggle {
  width: 44px;
  height: 44px;
}

.account-panel--auth > .text-command {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
}

.security-page__head {
  padding-bottom: 0;
}

.security-verification {
  border-color: transparent;
  background: var(--accent-soft);
}

.account-security {
  border-top: 0;
}

.security-group {
  padding-block: 28px 36px;
  border-bottom: 0;
}

.security-group__icon {
  border-color: transparent;
  background: var(--surface);
}

.security-group__head h2,
.security-email-editor > header strong {
  font-family: inherit;
}

.security-setting-list {
  border: 0;
  border-radius: 0;
  background: transparent;
}

.security-setting-row {
  border-bottom-color: var(--line);
  padding-inline: 0;
}

.security-setting-row__icon {
  background: transparent;
}

.security-row-action,
.security-group__action {
  border-color: transparent;
  border-radius: 7px;
  background: var(--surface);
}

.security-email-editor {
  border-color: transparent;
  background: var(--surface);
}

.security-event-list {
  border-top: 1px solid var(--line);
  border-radius: 0;
  background: transparent;
}

.security-event-row {
  padding-inline: 0;
}

.orders-toolbar {
  padding: 0;
  border-bottom: 0;
}

.orders-filters {
  gap: 24px;
  padding: 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  background: transparent;
}

.orders-filters button {
  min-height: 40px;
  margin-bottom: -1px;
  padding-inline: 0;
  border-bottom: 0;
  border-radius: 0;
}

.orders-filters button[data-active="true"] {
  border-bottom: 2px solid var(--accent);
  background: transparent;
  color: var(--accent-strong);
}

.orders-browser,
.orders-index {
  border: 0;
}

.orders-list-columns {
  border-bottom: 0;
}

.orders-index .order-list {
  display: block;
  overflow: visible;
  border-radius: 0;
  background: transparent;
}

.order-index-row {
  min-height: 104px;
  padding: 16px 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  background: transparent;
}

.order-index-row:last-child {
  border-bottom: 0;
}

.order-index-row:hover {
  background: var(--surface);
}

.orders-browser[data-view="detail"],
.order-detail {
  border: 0;
}

.order-status-panel {
  border: 0;
  border-radius: 0;
  background: var(--accent-soft);
}

.order-status-panel__icon {
  border-color: transparent;
  background: transparent;
}

.order-status-panel__copy h2,
.order-status-panel__commerce > strong,
.order-detail__products h3,
.order-detail__summary h3,
.order-detail__summary-total dd {
  font-family: inherit;
}

.order-status-panel__commerce {
  border-left: 0;
}

.order-status-panel__tracking {
  border-top-color: var(--line);
  background: transparent;
}

.order-detail__progress {
  gap: 20px;
  padding-top: 16px;
  border-top: 1px solid var(--line);
}

.order-detail__progress li {
  padding: 0;
  border-radius: 0;
  background: transparent;
}

.order-detail__progress li + li {
  padding-left: 0;
  border-left: 0;
}

.order-detail__progress-icon {
  border-color: transparent;
  background: var(--surface);
}

.order-detail__body {
  gap: 36px;
}

.order-detail__products > header {
  border-bottom: 0;
}

.order-detail__products ul {
  display: block;
  overflow: visible;
  border-radius: 0;
  background: transparent;
}

.order-detail__products li {
  min-height: 108px;
  padding: 14px 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  background: transparent;
}

.order-detail__products li:last-child {
  border-bottom: 0;
}

.order-detail__summary {
  padding: 2px 0 2px 28px;
  border-left: 1px solid var(--line);
  border-radius: 0;
  background: transparent;
}

.order-detail__support-link {
  border-block: 0;
}


.payment-process-page {
  padding-block: 28px 96px;
}

.payment-process__header {
  padding-block: 24px 22px;
  border-bottom: 0;
}

.payment-process__header h1,
.payment-summary > header h2,
.payment-instructions__header h2,
.payment-instructions__amount > div > strong,
.payment-confirmation__header h3 {
  font-family: inherit;
}

.payment-process__status {
  padding: 0;
  border-left: 0;
  border-radius: 0;
  background: transparent;
}

.payment-timeline {
  gap: 0;
  padding: 0 0 18px;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  background: transparent;
}

.payment-timeline li {
  min-height: 48px;
  justify-content: center;
  padding-inline: 10px;
  border-radius: 0;
}

.payment-timeline li:first-child {
  padding-left: 10px;
}

.payment-timeline li:not(:last-child)::after {
  display: none;
}

.payment-timeline li[data-state="active"] {
  background: transparent;
  color: var(--accent-strong);
}

.payment-timeline__marker {
  border-color: transparent;
  background: transparent;
}

.payment-timeline li[data-state="active"] .payment-timeline__marker {
  background: var(--accent-soft);
  color: var(--accent-strong);
}

.payment-process__layout {
  gap: 40px;
}

.payment-instructions,
.payment-verification-view {
  border: 0;
  border-radius: 0;
  background: transparent;
}

.payment-instructions__header,
.payment-instructions__amount,
.payment-confirmation,
.payment-verification-view__header {
  border-color: var(--line);
}

.payment-instructions__amount {
  background: var(--canvas-subtle);
}

.payment-instructions__steps {
  gap: 0;
  border-top: 0;
}

.payment-instructions__steps li {
  padding: 14px 0;
  border-left: 0;
  border-radius: 0;
  background: transparent;
}

.payment-instructions__steps li:first-child {
  padding-left: 0;
}

.payment-instructions__steps li + li {
  border-top: 1px solid var(--line);
}

.payment-instructions__security {
  border-top: 0;
  background: transparent;
}

.payment-confirmation {
  background: transparent;
}

.payment-origin__options {
  border-color: transparent;
  border-radius: 7px;
  background: var(--bg);
}

.payment-origin__options button {
  border-right-color: var(--line);
}

.payment-summary {
  top: 84px;
  padding: 22px;
  border-left: 0;
  border-radius: var(--radius);
  background: var(--canvas-subtle);
}

.payment-summary > header > span,
.payment-instructions__header p {
  text-transform: none;
}

.payment-summary__items {
  border-top-color: var(--line);
}

.payment-verification-view__header {
  background: transparent;
}

.payment-verification-view__steps {
  background: transparent;
}

.delivery-page__status {
  padding: 16px 18px;
  border-bottom: 0;
  border-radius: var(--radius);
  background: var(--accent-soft);
}

.delivery-page__aside {
  padding: 20px;
  border-left: 0;
  border-radius: var(--radius);
  background: var(--canvas-subtle);
}

.delivery-page__products > header {
  border-bottom: 0;
}

.delivery-page__products ul {
  display: block;
  border-block: 1px solid var(--line);
}

.delivery-page__products li {
  padding: 12px 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  background: transparent;
}

.delivery-page__products li:last-child {
  border-bottom: 0;
}

.delivery-panel {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: transparent;
}

.delivery-panel__header {
  border-bottom-color: var(--line);
  background: var(--accent-soft);
}

.delivery-panel__heading h3 {
  font-family: inherit;
}

.delivery-panel__product,
.delivery-panel__row,
.delivery-panel__section {
  border-bottom-color: var(--line);
}

.delivery-panel__warranty {
  background: color-mix(in srgb, var(--success) 7%, var(--surface));
}

.delivery-panel__warranty small {
  color: var(--text);
}


.legal {
  width: min(920px, calc(100% - 48px));
  padding-block: 64px 96px;
}

.legal h1 {
  font-family: inherit;
  font-size: 44px;
  font-weight: 780;
}

.legal__grid {
  grid-template-columns: 1fr;
  gap: 0;
  margin-top: 40px;
  border-top: 1px solid var(--line);
}

.legal section {
  display: grid;
  grid-template-columns: minmax(160px, 220px) minmax(0, 1fr);
  gap: 32px;
  padding: 28px 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  background: transparent;
}

.legal h2 {
  margin: 0;
  font-family: inherit;
}

.legal section p {
  max-width: 68ch;
  margin: 0;
}


.consumer-claims-page {
  padding-block: 40px 96px;
}

.consumer-claims-back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  margin-bottom: 24px;
  color: var(--muted);
  font-weight: 700;
}

.consumer-claims-back:hover {
  color: var(--text);
}

.consumer-claims-intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
  gap: 64px;
  align-items: end;
  padding-bottom: 24px;
  border-bottom: 0;
}

.consumer-claims-intro h1,
.consumer-claim-receipt h1 {
  margin: 0 0 14px;
  font-size: 44px;
  line-height: 1.08;
  text-wrap: balance;
}

.consumer-claims-intro p,
.consumer-claim-receipt__heading p {
  max-width: 68ch;
  margin: 0;
  color: var(--muted);
  font-size: 16px;
}

.consumer-claims-business {
  display: grid;
  gap: 6px;
  padding-left: 0;
  border-left: 0;
  color: var(--muted);
}

.consumer-claims-business strong {
  color: var(--text);
  font-size: 17px;
}

.consumer-claims-business > span:last-child {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  color: var(--accent-ink);
  font-weight: 750;
}

.consumer-claim-form {
  width: min(960px, 100%);
  margin-top: 40px;
}

.consumer-claim-type {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px;
  margin: 0 0 36px;
  padding: 4px;
  border: 0;
  border-radius: var(--radius);
  background: var(--canvas-subtle);
}

.consumer-claim-type label {
  position: relative;
  min-width: 0;
}

.consumer-claim-type input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.consumer-claim-type label > span {
  display: grid;
  gap: 4px;
  min-height: 72px;
  padding: 14px 16px;
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
  cursor: pointer;
  transition: border-color 160ms ease, background-color 160ms ease;
}

.consumer-claim-type label > span:hover {
  background: color-mix(in srgb, var(--bg) 72%, transparent);
}

.consumer-claim-type small {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
}

.consumer-claim-type input:checked + span {
  border-color: transparent;
  background: var(--bg);
  color: var(--accent-strong);
}

.consumer-claim-type input:focus-visible + span {
  outline: 2px solid color-mix(in srgb, var(--focus) 78%, transparent);
  outline-offset: 3px;
}

.consumer-claim-section {
  display: grid;
  grid-template-columns: 230px minmax(0, 1fr);
  gap: 40px;
  padding-block: 28px;
  border-top: 0;
}

.consumer-claim-section > header {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.consumer-claim-section > header > span {
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  border: 0;
  border-radius: 6px;
  background: var(--canvas-subtle);
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.consumer-claim-section h2 {
  margin: 3px 0 0;
  font-size: 18px;
}

.consumer-claim-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px 16px;
}

.consumer-claim-fields label {
  display: grid;
  gap: 7px;
  min-width: 0;
  color: var(--text);
  font-size: 13px;
  font-weight: 750;
}

.consumer-claim-field--wide {
  grid-column: 1 / -1;
}

.consumer-claim-fields :is(input, select, textarea) {
  width: 100%;
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid transparent;
  border-radius: 6px;
  background: var(--canvas-subtle);
  color: var(--text);
  font: inherit;
  font-weight: 550;
}

.consumer-claim-fields textarea {
  min-height: 112px;
  resize: vertical;
  line-height: 1.55;
}

.consumer-claim-fields :is(input, select, textarea):hover {
  border-color: var(--media-line-hover);
}

.consumer-claim-fields :is(input, select, textarea):focus-visible {
  border-color: var(--focus);
  background: var(--bg);
  outline: 1px solid var(--focus);
  outline-offset: 0;
}

.consumer-claim-submit {
  display: grid;
  gap: 20px;
  padding-top: 28px;
  border-top: 0;
}

.consumer-claim-consent {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  max-width: 72ch;
  color: var(--muted);
  cursor: pointer;
}

.consumer-claim-consent input {
  width: 18px;
  height: 18px;
  margin-top: 2px;
  accent-color: var(--accent-solid);
}

.consumer-claim-submit footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.consumer-claim-submit footer > span {
  display: flex;
  align-items: center;
  gap: 9px;
  color: var(--muted);
  font-size: 13px;
}

.consumer-claim-submit__error {
  margin: 0;
  color: var(--danger);
  font-weight: 700;
}

.consumer-claims-loading,
.consumer-claims-error {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 360px;
}

.consumer-claims-error > div {
  flex: 1 1;
}

.consumer-claims-error p {
  margin: 4px 0 0;
  color: var(--muted);
}

.consumer-claim-receipt {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 20px 18px;
  width: min(820px, 100%);
  padding-block: 48px;
}

.consumer-claim-receipt__mark {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--success) 12%, var(--bg));
  color: var(--success);
}

.consumer-claim-receipt__facts,
.consumer-claim-receipt__actions {
  grid-column: 2;
}

.consumer-claim-receipt__facts {
  display: grid;
  margin: 20px 0 0;
  border-block: 1px solid var(--line);
}

.consumer-claim-receipt__facts > div {
  display: grid;
  grid-template-columns: 170px minmax(0, 1fr);
  gap: 20px;
  padding-block: 14px;
  border-bottom: 1px solid var(--line);
}

.consumer-claim-receipt__facts > div:last-child {
  border-bottom: 0;
}

.consumer-claim-receipt__facts dt {
  color: var(--muted);
}

.consumer-claim-receipt__facts dd {
  margin: 0;
  font-weight: 800;
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
}

.consumer-claim-receipt__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 8px;
}

.consumer-claim-history {
  width: min(960px, 100%);
  margin-top: 72px;
  padding-top: 32px;
  border-top: 1px solid var(--line);
}

.consumer-claim-history > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 12px;
}

.consumer-claim-history h2 {
  margin: 0;
  font-size: 22px;
}

.consumer-claim-history > header > span {
  color: var(--muted);
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
}

.consumer-claim-history__empty {
  margin: 0;
  padding-block: 20px;
  border-top: 1px solid var(--line);
  color: var(--muted);
}

.consumer-claim-history article {
  display: grid;
  gap: 12px;
  padding-block: 22px;
  border-top: 1px solid var(--line);
}

.consumer-claim-history article > div:first-child,
.consumer-claim-history article dl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 24px;
}

.consumer-claim-history article > div:first-child span {
  color: var(--accent-ink);
  font-weight: 750;
}

.consumer-claim-history article > p {
  max-width: 72ch;
  margin: 0;
  color: var(--muted);
}

.consumer-claim-history article dl {
  justify-content: flex-start;
  margin: 0;
}

.consumer-claim-history article dl > div {
  display: flex;
  gap: 7px;
}

.consumer-claim-history article dt {
  color: var(--muted);
}

.consumer-claim-history article dd {
  margin: 0;
  font-weight: 700;
}

.consumer-claim-history__response {
  padding: 14px 16px;
  border-radius: var(--radius);
  background: var(--surface);
}

.consumer-claim-history__response p {
  margin: 4px 0 0;
  white-space: pre-wrap;
}

.not-found {
  min-height: calc(100svh - 196px);
  border: 0;
  border-radius: 0;
  background: transparent;
}

.support-contact {
  padding-inline: 0;
  border: 0;
  border-block: 1px solid var(--line);
  border-radius: 0;
  background: transparent;
}

.support-hub__head {
  margin-bottom: 24px;
}

.support-hub__head > p {
  max-width: 62ch;
}

body:has(.support-hub) .customer-chat-launcher {
  display: none;
}

.support-hub__conversation {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 28px;
  padding: 18px 0 24px;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.support-hub__conversation-copy {
  min-width: 0;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  align-items: start;
  gap: 14px;
}

.support-hub__logo {
  width: 48px;
  height: 48px;
  display: block;
  border: 1px solid var(--line);
  border-radius: 7px;
  object-fit: cover;
}

.support-hub__status {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 750;
}

.support-hub__status > span {
  width: 7px;
  height: 7px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: var(--accent-solid);
}

.support-hub__conversation h2,
.support-hub__order h2,
.support-faq h2,
.support-public__access h2 {
  margin: 0;
  font-family: inherit;
  letter-spacing: 0;
}

.support-hub__conversation h2 {
  margin-top: 5px;
  font-size: 22px;
  font-weight: 790;
  line-height: 1.2;
  text-wrap: balance;
}

.support-hub__conversation-copy p {
  max-width: 64ch;
  margin: 7px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.6;
  text-wrap: pretty;
}

.support-hub__primary-action {
  min-height: 46px;
  flex: 0 0 auto;
  gap: 8px;
  padding-inline: 16px;
  white-space: nowrap;
}

.support-hub__primary-action svg:last-child {
  margin-left: 2px;
}

.support-hub__order {
  min-height: 94px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  margin-top: 4px;
  padding: 18px 0;
  border-top: 1px solid var(--line);
  border-bottom: 0;
}

.support-hub__order-icon {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  color: var(--accent-strong);
}

.support-hub__order h2 {
  font-size: 15px;
  font-weight: 780;
  line-height: 1.3;
}

.support-hub__order p {
  max-width: 65ch;
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
  text-wrap: pretty;
}

.support-hub__order-action {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding-inline: 10px;
  color: var(--text);
  font-size: 12px;
  font-weight: 780;
  white-space: nowrap;
  transition: color 150ms ease, transform 120ms var(--ease-out);
}

.support-hub__order-action:hover {
  color: var(--accent-strong);
}

.support-hub__order-action:active {
  transform: scale(0.98);
}

.customer-cases {
  margin-top: 42px;
  border-top: 0;
}

.customer-cases__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 28px;
  padding: 24px 0 18px;
}

.customer-cases__head > div:first-child {
  min-width: 0;
}

.customer-cases__head h2 {
  margin: 0;
  font-family: inherit;
  font-size: 24px;
  font-weight: 790;
  line-height: 1.2;
  letter-spacing: 0;
}

.customer-cases__head p {
  max-width: 66ch;
  margin: 7px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.6;
  text-wrap: pretty;
}

.customer-cases__head-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 0 0 auto;
}

.customer-cases__active {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 720;
  white-space: nowrap;
}

.customer-cases__active svg {
  color: var(--warning);
}

.customer-cases__form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 17px 20px;
  padding: 22px 0 8px;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.customer-cases__form > label,
.customer-cases__outcome {
  min-width: 0;
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 0;
  border: 0;
}

.customer-cases__form > label > span,
.customer-cases__outcome legend {
  color: var(--muted);
  font-size: 10px;
  font-weight: 780;
}

.customer-cases__form input,
.customer-cases__form select,
.customer-cases__form textarea {
  width: 100%;
  min-height: 43px;
  padding: 10px 12px;
  border: 1px solid transparent;
  border-radius: 6px;
  outline: 0;
  background: var(--canvas-subtle);
  color: var(--text);
  font: inherit;
  font-size: 13px;
  line-height: 1.45;
  transition: border-color 140ms ease, background 140ms ease;
}

.customer-cases__form textarea {
  min-height: 104px;
  resize: vertical;
}

.customer-cases__form input:focus-visible,
.customer-cases__form select:focus-visible,
.customer-cases__form textarea:focus-visible {
  border-color: var(--accent-solid);
  background: var(--canvas);
}

.customer-cases__wide {
  grid-column: 1 / -1;
}

.customer-cases__outcome > div {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.customer-cases__outcome label {
  position: relative;
  cursor: pointer;
}

.customer-cases__outcome input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}

.customer-cases__outcome label > span {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  padding: 7px 12px;
  border: 1px solid transparent;
  border-radius: 6px;
  background: var(--canvas-subtle);
  color: var(--muted);
  font-size: 11px;
  font-weight: 730;
}

.customer-cases__outcome input:checked + span {
  border-color: var(--accent-solid);
  color: var(--accent-strong);
}

.customer-cases__outcome input:focus-visible + span {
  outline: 2px solid var(--focus);
  outline-offset: 2px;
}

.customer-cases__form-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding-top: 4px;
}

.customer-cases__form-footer > span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.45;
}

.customer-cases__form-footer > span svg {
  flex: 0 0 auto;
  color: var(--success);
}

.customer-cases__notice {
  min-height: 45px;
  display: flex;
  align-items: center;
  gap: 9px;
  margin-top: 12px;
  padding: 10px 12px;
  border: 0;
  border-radius: 6px;
  background: var(--canvas-subtle);
  font-size: 11px;
  font-weight: 690;
}

.customer-cases__notice.is-error {
  color: var(--danger);
}

.customer-cases__notice.is-success {
  color: var(--success);
}

.customer-cases__notice button {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  margin-left: auto;
  border: 0;
  background: transparent;
  color: currentColor;
  cursor: pointer;
}

.customer-cases__loading,
.customer-cases__empty {
  min-height: 84px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 18px 2px;
  border: 0;
  color: var(--muted);
  font-size: 12px;
}

.customer-cases__empty strong {
  display: block;
  color: var(--text);
  font-size: 13px;
}

.customer-cases__empty p {
  margin: 3px 0 0;
  font-size: 11px;
  line-height: 1.5;
}

.customer-cases__list {
  border-top: 1px solid var(--line);
}

.customer-case {
  min-height: 96px;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 17px 2px;
  border-bottom: 1px solid var(--line);
}

.customer-case__icon {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  color: var(--accent-strong);
}

.customer-case--waiting_customer .customer-case__icon {
  color: var(--warning);
}

.customer-case--resolved .customer-case__icon,
.customer-case--closed .customer-case__icon {
  color: var(--success);
}

.customer-case__main {
  min-width: 0;
}

.customer-case__title-row {
  display: flex;
  align-items: baseline;
  gap: 10px;
}

.customer-case__title-row > span {
  color: var(--muted);
  font-size: 9px;
  font-weight: 760;
  white-space: nowrap;
}

.customer-case__title-row > strong {
  min-width: 0;
  overflow: hidden;
  color: var(--text);
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.customer-case dl {
  display: flex;
  flex-wrap: wrap;
  gap: 7px 22px;
  margin: 7px 0 0;
}

.customer-case dl > div {
  display: flex;
  gap: 5px;
  min-width: 0;
}

.customer-case dt {
  color: var(--text);
  font-size: 10px;
  font-weight: 720;
}

.customer-case dd {
  min-width: 0;
  margin: 0;
  color: var(--muted);
  font-size: 10px;
}

.customer-case__resolution {
  flex-basis: 100%;
}

.customer-case > a {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 8px;
  color: var(--text);
  font-size: 11px;
  font-weight: 760;
  white-space: nowrap;
}

.customer-case > a:hover {
  color: var(--accent-strong);
}

.support-faq {
  margin-top: 46px;
}

.support-faq__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 16px;
}

.support-faq__head h2 {
  font-size: 24px;
  font-weight: 790;
  line-height: 1.2;
  text-wrap: balance;
}

.support-faq__head p {
  max-width: 48ch;
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
  text-align: right;
  text-wrap: pretty;
}

.support-faq__list {
  border-top: 1px solid var(--line);
}

.support-faq__list details {
  border-bottom: 1px solid var(--line);
}

.support-faq__list summary {
  min-height: 62px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 12px 2px;
  cursor: pointer;
  color: var(--text);
  font-size: 15px;
  font-weight: 760;
  line-height: 1.4;
  list-style: none;
}

.support-faq__list summary::-webkit-details-marker {
  display: none;
}

.support-faq__list summary:hover {
  color: var(--accent-strong);
}

.support-faq__list summary svg {
  flex: 0 0 auto;
  color: var(--muted);
  transition: color 150ms ease, transform 170ms var(--ease-out);
}

.support-faq__list summary:hover svg {
  color: var(--accent-strong);
}

.support-faq__list details[open] summary svg {
  transform: rotate(180deg);
}

.support-faq__list details > p {
  max-width: 72ch;
  margin: -2px 0 0;
  padding: 0 40px 20px 2px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.65;
  text-wrap: pretty;
}

.support-public {
  width: min(1000px, calc(100% - 48px));
}

.support-public__head {
  max-width: 680px;
  margin-bottom: 28px;
}

.support-public__head > p {
  max-width: 62ch;
  margin: 0;
  color: var(--muted);
  line-height: 1.6;
}

.support-public > .support-public__access {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  padding: 22px 24px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--canvas-subtle);
}

.support-public__access-icon {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: var(--bg);
  color: var(--accent-strong);
}

.support-public > .support-public__access h2 {
  font-size: 17px;
  font-weight: 780;
}

.support-public > .support-public__access p {
  max-width: 62ch;
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
}

.support-public > .support-public__access .button {
  min-height: 44px;
  gap: 8px;
  padding-inline: 15px;
  white-space: nowrap;
}

.support-public > .support-faq {
  display: block;
  grid-template-columns: none;
  gap: 0;
  margin-top: 52px;
  padding: 0;
  border: 0;
  background: transparent;
}


.site-footer {
  border-top: 0;
  background: var(--footer-bg);
  color: var(--footer-text);
}

.site-footer__inner {
  min-height: 132px;
}

.site-footer__links {
  color: var(--footer-muted);
}

.site-footer .muted {
  color: var(--footer-muted);
}

.site-footer__links a {
  min-width: 44px;
  justify-content: center;
}

.site-footer a:hover {
  color: var(--footer-text);
}

@media (max-width: 1080px) {
  .site-header__inner {
    grid-template-columns: auto minmax(220px, 1fr) auto;
    gap: 16px;
  }

  .site-nav__label {
    display: none;
  }

  .hero__content {
    padding-right: 40px;
  }

  .hero h1 {
    font-size: 56px;
  }

  .product-detail {
    gap: 42px;
  }

  .cart-layout {
    grid-template-columns: 1fr;
  }

  .summary {
    position: static;
  }

  .account-shell {
    grid-template-columns: minmax(208px, 232px) minmax(0, 1fr);
    gap: 32px;
  }
}

@media (max-width: 980px) {
  .account-shell {
    grid-template-columns: 1fr;
    gap: 28px;
  }
}

@media (max-width: 840px) {
  .shell {
    width: min(var(--content), calc(100% - 32px));
  }

  .site-header {
    height: auto;
    min-height: 64px;
  }

  .site-header__inner {
    grid-template-columns: auto 1fr;
    gap: 8px 14px;
    padding-block: 8px;
  }

  .nav-search {
    grid-column: 1 / -1;
    grid-row: 2;
    max-width: none;
  }

  .site-nav {
    justify-self: end;
  }

  .hero {
    min-height: auto;
    padding-block: 72px 24px;
  }

  .hero__inner {
    grid-template-columns: 1fr;
    gap: 48px;
  }

  .hero__content {
    padding-right: 0;
  }

  .hero__media {
    justify-content: center;
  }

  .hero__media img {
    width: min(100%, 520px);
  }

  .product-detail {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .product-detail__media {
    position: static;
  }

  .account-shell {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .account-rail {
    position: static;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px 20px;
    padding: 0;
    border-right: 0;
  }

  .account-rail__nav {
    grid-column: 1 / -1;
    grid-row: 2;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .account-rail__nav a {
    grid-template-columns: 1fr;
    justify-items: center;
    padding-inline: 6px;
    text-align: center;
  }

  .account-rail__nav small {
    display: none;
  }

  .account-rail__facts {
    display: none;
  }

  .account-rail__logout {
    grid-column: 2;
    grid-row: 1;
  }

  .orders-toolbar {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .orders-filters {
    justify-content: stretch;
  }

  .orders-filters button {
    flex: 1 1;
  }

  .order-detail__body,
  .payment-process__layout,
  .delivery-page__layout {
    grid-template-columns: 1fr;
  }

  .order-detail__summary {
    padding: 24px 0 0;
    border-top: 1px solid var(--line);
    border-left: 0;
  }

  .payment-summary,
  .delivery-page__aside {
    position: static;
  }

  .payment-summary {
    margin-top: 4px;
  }

  .delivery-page__aside {
    padding: 18px;
  }
}

@media (max-width: 720px) {
  .product-page {
    padding-bottom: calc(128px + env(safe-area-inset-bottom));
  }

  .shell {
    width: min(var(--content), calc(100% - 24px));
  }

  .brand span {
    display: none;
  }

  .brand {
    min-width: 44px;
    min-height: 44px;
  }

  .site-nav__link {
    min-width: 44px;
    min-height: 44px;
    padding-inline: 8px;
  }

  .hero {
    padding-top: 56px;
  }

  .hero h1 {
    font-size: 48px;
  }

  .hero__lead {
    font-size: 17px;
  }

  .hero__actions .button {
    flex: 1 1 160px;
  }

  .hero__trust {
    display: grid;
  }

  .section {
    padding-block: 56px 64px;
  }

  .section__head,
  .catalog-head {
    align-items: stretch;
    flex-direction: column;
  }

  .catalog-head {
    gap: 20px;
    padding-top: 36px;
  }

  .catalog-head h1 {
    font-size: 36px;
  }

  .catalog-head__meta {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .catalog-result-group {
    grid-column: 1 / -1;
  }

  .catalog-menu {
    width: 100%;
  }

  .product-grid {
    row-gap: 44px;
  }

  .product-detail h1 {
    font-size: 36px;
  }

  .product-detail__promises {
    grid-template-columns: 1fr;
  }

  .product-detail__promises > div {
    min-height: 86px;
  }

  .cart-head h1,
  .account-page__head h1 {
    font-size: 34px;
  }

  .checkout-path li,
  .payment-timeline li {
    display: grid;
    justify-items: center;
    gap: 4px;
    padding-inline: 4px;
    text-align: center;
  }

  .cart-products {
    background: transparent;
  }

  .cart-products__head {
    padding-inline: 0;
  }

  .cart-row {
    grid-template-columns: 116px minmax(0, 1fr);
    gap: 16px;
    margin-bottom: 0;
    padding: 20px 0;
    border-bottom: 1px solid var(--line);
    border-radius: 0;
    background: transparent;
  }

  .cart-row__visual {
    width: 116px;
  }

  .summary {
    padding: 18px;
  }

  .account-page {
    padding-block: 28px 64px;
  }

  .account-rail {
    padding: 0;
  }

  .account-status-list,
  .account-stats {
    grid-template-columns: 1fr;
    gap: 1px;
  }

  .account-status-item,
  .account-stat,
  .account-stat:first-child,
  .account-stat:last-child {
    padding-inline: 16px;
  }

  .account-status-item {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .account-status-item:last-child {
    border-bottom: 0;
  }

  .account-action-strip {
    grid-template-columns: 68px minmax(0, 1fr) auto;
  }

  .account-action-thumb {
    width: 68px;
  }

  .account-action-strip__cta {
    grid-column: 2;
  }

  .orders-list-columns {
    display: none;
  }

  .order-index-row {
    grid-template-columns: 72px minmax(0, 1fr) auto;
  }

  .product-detail__facts {
    gap: 18px;
  }

  .product-detail__fact + .product-detail__fact {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }

  .order-index-row__action {
    grid-column: 2 / -1;
    justify-self: end;
  }

  .order-status-panel__main {
    grid-template-columns: 44px minmax(0, 1fr);
  }

  .order-status-panel__commerce {
    grid-column: 2;
    padding-left: 0;
  }

  .order-detail__progress {
    grid-template-columns: 1fr;
  }

  .payment-process__header {
    grid-template-columns: 1fr;
  }

  .payment-process__status {
    width: 100%;
  }

  .payment-summary {
    padding: 20px;
  }

  .payment-instructions__steps {
    grid-template-columns: 1fr;
  }

  .legal {
    padding-block: 48px 72px;
  }

  .legal__grid {
    grid-template-columns: 1fr;
  }

  .legal section {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .product-guide {
    margin-top: 64px;
  }

  .product-spec-list > div {
    grid-template-columns: 1fr;
    gap: 5px;
  }

  .site-footer__inner {
    min-height: 160px;
  }
}

@media (max-width: 440px) {
  .site-header__inner {
    gap: 6px 8px;
  }

  .site-nav__link {
    min-width: 44px;
    min-height: 44px;
    padding-inline: 7px;
  }

  .hero h1 {
    font-size: 42px;
  }

  .hero__lead {
    margin-block: 18px 24px;
  }

  .hero__media img {
    width: 100%;
  }

  .product-grid {
    grid-template-columns: 1fr;
  }

  .product-detail__facts {
    grid-template-columns: 1fr;
  }

  .purchase-row {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .purchase-row__actions {
    grid-template-columns: 1fr;
  }

  .cart-row {
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 12px;
    padding: 18px 0;
  }

  .cart-row__visual {
    width: 92px;
  }

  .cart-row__title {
    display: grid;
    gap: 4px;
  }

  .cart-row__controls {
    align-items: flex-start;
    flex-direction: column;
  }

  .cart-empty {
    grid-template-columns: 1fr;
    padding: 24px;
  }

  .cart-empty .button {
    grid-column: auto;
    justify-self: stretch;
  }

  .account-panel--auth {
    padding: 0;
  }

  .account-action-strip {
    grid-template-columns: 96px minmax(0, 1fr);
    align-items: start;
  }

  .account-action-thumb {
    width: 96px;
    grid-row: 1 / span 3;
  }

  .account-action-strip__amount,
  .account-action-strip__cta {
    grid-column: 2;
    justify-self: start;
  }

  .order-index-row {
    grid-template-columns: 64px minmax(0, 1fr) auto;
    min-height: 112px;
    gap: 12px;
    padding-block: 16px;
  }

  .order-product-thumb--list {
    width: 64px;
    grid-row: 1 / span 2;
  }

  .order-index-row__copy {
    grid-column: 2;
    grid-row: 1 / span 2;
  }

  .order-index-row__meta {
    grid-column: 3;
    grid-row: 1;
    align-self: end;
    justify-items: end;
  }

  .order-index-row__action {
    grid-column: 3;
    grid-row: 2;
    align-self: start;
    justify-self: end;
  }

  .order-status-panel__main {
    padding: 18px;
  }

  .order-status-panel__commerce {
    grid-column: 1 / -1;
  }

  .order-status-panel__tracking {
    padding-inline: 18px;
  }

  .order-detail__products li {
    grid-template-columns: 96px minmax(0, 1fr);
  }

  .order-detail__products li > strong {
    grid-column: 2;
  }

  .payment-timeline li strong {
    font-size: 9px;
  }

  .payment-instructions__header,
  .payment-instructions__amount,
  .payment-instructions__steps,
  .payment-instructions__security,
  .payment-confirmation {
    padding-inline: 18px;
  }

  .delivery-page__status {
    grid-template-columns: 36px minmax(0, 1fr);
  }

  .delivery-page__secure {
    grid-column: 2;
    white-space: normal;
  }

  .delivery-panel__header {
    align-items: flex-start;
    flex-direction: column;
  }
}

.account-page__notice--action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.account-page__notice--action .text-command {
  flex: 0 0 auto;
}

@media (prefers-reduced-motion: reduce) {
  .product-card__visual {
    transition: none;
  }
}

@media (max-width: 820px) {
  .consumer-claims-page {
    padding-block: 24px 72px;
  }

  .consumer-claims-intro {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .consumer-claims-intro h1,
  .consumer-claim-receipt h1 {
    font-size: 34px;
  }

  .consumer-claims-business {
    padding: 20px 0 0;
    border-top: 0;
    border-left: 0;
  }

  .consumer-claim-section {
    grid-template-columns: 1fr;
    gap: 22px;
  }
}

@media (max-width: 560px) {
  .consumer-claims-page {
    width: min(100% - 32px, var(--content));
  }

  .consumer-claim-type,
  .consumer-claim-fields {
    grid-template-columns: 1fr;
  }

  .consumer-claim-field--wide {
    grid-column: auto;
  }

  .consumer-claim-submit footer {
    align-items: stretch;
    flex-direction: column;
  }

  .consumer-claim-submit footer .button,
  .consumer-claim-receipt__actions .button {
    width: 100%;
    justify-content: center;
  }

  .consumer-claim-receipt {
    grid-template-columns: 1fr;
  }

  .consumer-claim-receipt__facts,
  .consumer-claim-receipt__actions {
    grid-column: 1;
  }

  .consumer-claim-receipt__facts > div {
    grid-template-columns: 1fr;
    gap: 3px;
  }
}

@media print {
  .site-header,
  .site-footer,
  .consumer-claims-back,
  .consumer-claim-receipt__actions,
  .consumer-claim-history {
    display: none !important;
  }

  .consumer-claims-page,
  .consumer-claim-receipt {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
  }
}

@media (max-width: 840px) {
  .official-channels {
    padding-block: 56px 64px;
  }

  .official-channels__lead {
    grid-template-columns: 1fr;
    gap: 28px;
  }
}

@media (max-width: 720px) {
  .official-channels__intro h2 {
    font-size: 28px;
  }

  .official-channel--priority {
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 12px;
    padding: 8px 0;
  }

  .official-channel__action {
    grid-column: 1 / -1;
    width: 100%;
  }

  .tiktok-showcase {
    margin-top: 42px;
    padding-top: 24px;
  }

  .tiktok-showcase__head {
    grid-template-columns: 1fr;
    align-items: stretch;
    gap: 14px;
  }

  .tiktok-showcase__tabs {
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100%;
  }

  .tiktok-showcase__tabs button {
    flex: 1 1;
    padding-inline: 8px;
  }

  .tiktok-showcase__embed {
    min-height: 520px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .tiktok-showcase__loading svg {
    animation: none;
  }
}


.customer-chat-launcher {
  position: fixed;
  right: max(20px, env(safe-area-inset-right));
  bottom: max(20px, env(safe-area-inset-bottom));
  z-index: 110;
  display: inline-flex;
  min-height: 46px;
  align-items: center;
  gap: 9px;
  padding: 0 16px;
  border: 0;
  border-radius: 6px;
  background: var(--text);
  color: var(--bg);
  font-weight: 750;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--text) 14%, transparent);
  transition:
    background-color 160ms ease,
    color 160ms ease,
    transform 120ms var(--ease-out);
}

.customer-chat-launcher:hover {
  background: var(--accent-solid);
  color: var(--accent-contrast);
}

.customer-chat-launcher:active {
  transform: scale(0.98);
}

.customer-chat-launcher b {
  position: absolute;
  top: -6px;
  right: -6px;
  display: grid;
  min-width: 19px;
  height: 19px;
  place-items: center;
  padding-inline: 4px;
  border: 2px solid var(--bg);
  border-radius: 50%;
  background: var(--danger);
  color: #ffffff;
  font-size: 10px;
  line-height: 1;
}

.customer-chat {
  position: fixed;
  inset: auto max(20px, env(safe-area-inset-right)) 78px auto;
  z-index: 120;
  width: min(430px, calc(100vw - 40px));
  height: min(600px, calc(100dvh - 150px));
  max-width: none;
  max-height: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--bg);
  color: var(--text);
  box-shadow: 0 3px 10px color-mix(in srgb, var(--text) 16%, transparent);
}

.customer-chat[open] {
  display: flex;
  flex-direction: column;
  animation: customer-chat-enter 180ms var(--ease-out);
}

.customer-chat::backdrop {
  background: transparent;
}

@keyframes customer-chat-enter {
  from {
    opacity: 0;
    transform: translateY(8px) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.customer-chat__head {
  display: flex;
  min-height: 72px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 12px 12px 16px;
  border-bottom: 1px solid var(--line);
  background: var(--bg);
}

.customer-chat__identity {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 11px;
}

.customer-chat__identity > img {
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
  border: 1px solid var(--line);
  border-radius: 6px;
  object-fit: cover;
}

.customer-chat__identity h2,
.customer-chat__identity p {
  margin: 0;
}

.customer-chat__identity h2 {
  font-size: 15px;
  font-weight: 800;
  line-height: 1.25;
}

.customer-chat__identity p {
  display: flex;
  align-items: center;
  gap: 5px;
  overflow: hidden;
  color: var(--muted);
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.customer-chat__identity p > span:not(.customer-chat__presence) {
  overflow: hidden;
  text-overflow: ellipsis;
}

.customer-chat__presence {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 4px;
}

.customer-chat__presence i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--muted);
}

.customer-chat__presence[data-state="live"] {
  color: var(--success);
}

.customer-chat__presence[data-state="live"] i {
  background: var(--success);
}

.customer-chat__head > button {
  display: grid;
  width: 44px;
  height: 44px;
  flex: 0 0 auto;
  place-items: center;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: var(--muted);
}

.customer-chat__head > button:hover {
  background: var(--surface);
  color: var(--text);
}

.customer-chat__messages {
  min-height: 0;
  flex: 1 1 auto;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 18px 16px 22px;
  background: var(--canvas-subtle);
  scrollbar-color: var(--media-line) transparent;
}

.customer-chat__skeleton {
  display: flex;
  min-height: 100%;
  flex-direction: column;
  gap: 12px;
  padding-top: 24px;
}

.customer-chat__skeleton span {
  width: 70%;
  height: 62px;
  border-radius: 8px;
  background: var(--surface-strong);
  animation: customer-chat-pulse 1.2s ease-in-out infinite alternate;
}

.customer-chat__skeleton span:nth-child(2) {
  width: 76%;
  align-self: flex-end;
}

.customer-chat__skeleton span:nth-child(3) {
  width: 58%;
}

@keyframes customer-chat-pulse {
  from { opacity: 0.58; }
  to { opacity: 1; }
}

.customer-chat__state {
  display: grid;
  min-height: 100%;
  place-content: center;
  justify-items: center;
  gap: 8px;
  color: var(--muted);
  text-align: center;
}

.customer-chat__state--empty > span {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  margin-bottom: 4px;
  border-radius: 6px;
  background: var(--surface-strong);
  color: var(--text);
}

.customer-chat__state--empty strong,
.customer-chat__state--error strong {
  max-width: 280px;
  color: var(--text);
  font-size: 15px;
}

.customer-chat__state--empty > p {
  max-width: 310px;
  margin: 0;
  font-size: 12px;
  line-height: 1.55;
}

.customer-chat__state--empty > div {
  display: flex;
  width: min(100%, 310px);
  flex-direction: column;
  gap: 6px;
  margin-top: 10px;
}

.customer-chat__state--empty button,
.customer-chat__state--error button {
  min-height: 40px;
  padding: 8px 12px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: var(--bg);
  color: var(--text);
  font-size: 12px;
  font-weight: 700;
  text-align: left;
  transition:
    border-color 160ms ease,
    background-color 160ms ease,
    transform 120ms var(--ease-out);
}

.customer-chat__state--empty button:hover,
.customer-chat__state--error button:hover {
  border-color: var(--media-line-hover);
  background: var(--surface);
}

.customer-chat__state--empty button:active,
.customer-chat__state--error button:active {
  transform: scale(0.985);
}

.customer-chat__state--error {
  color: var(--danger);
}

.customer-chat__state--error button {
  margin-top: 6px;
  color: var(--text);
  text-align: center;
}

.customer-chat__date {
  margin: 2px 0 14px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 750;
  text-align: center;
}

.customer-chat__message {
  display: flex;
  align-items: flex-end;
  gap: 8px;
  margin-bottom: 10px;
}

.customer-chat__message[data-sender="customer"] {
  justify-content: flex-end;
}

.customer-chat__message-avatar {
  width: 26px;
  height: 26px;
  flex: 0 0 auto;
  border: 1px solid var(--line);
  border-radius: 5px;
  object-fit: cover;
}

.customer-chat__message > div {
  max-width: 80%;
  padding: 9px 11px 7px;
  border: 1px solid var(--line);
  border-radius: 8px 8px 8px 3px;
  background: var(--bg);
}

.customer-chat__message[data-sender="customer"] > div {
  border-color: transparent;
  border-radius: 8px 8px 3px 8px;
  background: var(--text);
  color: var(--bg);
}

.customer-chat__message span {
  display: block;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.25;
}

.customer-chat__message[data-sender="admin"] span {
  color: var(--accent-strong);
}

.customer-chat__message p {
  margin: 3px 0 4px;
  overflow-wrap: anywhere;
  font-size: 13px;
  line-height: 1.48;
  white-space: pre-wrap;
}

.customer-chat__message footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 3px;
  color: var(--muted);
}

.customer-chat__message time {
  font-size: 9px;
  font-weight: 650;
  line-height: 1.2;
}

.customer-chat__message[data-sender="customer"] footer {
  color: color-mix(in srgb, var(--bg) 72%, transparent);
}

.customer-chat__resolved {
  display: flex;
  width: min(92%, 330px);
  align-items: flex-start;
  gap: 9px;
  margin: 18px auto 2px;
  padding: 10px 12px;
  border-radius: 6px;
  background: color-mix(in srgb, var(--success) 7%, var(--bg));
  color: var(--success);
  font-size: 11px;
}

.customer-chat__resolved svg {
  flex: 0 0 auto;
  margin-top: 2px;
}

.customer-chat__resolved strong,
.customer-chat__resolved span {
  display: block;
}

.customer-chat__resolved span {
  color: var(--muted);
}

.customer-chat__resolved strong {
  margin-bottom: 1px;
  color: var(--text);
}

.customer-chat__composer {
  flex: 0 0 auto;
  padding: 12px 14px max(12px, env(safe-area-inset-bottom));
  border-top: 1px solid var(--line);
  background: var(--bg);
}

.customer-chat__composer > label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}

.customer-chat__composer > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 44px;
  align-items: end;
  gap: 8px;
}

.customer-chat__composer textarea {
  width: 100%;
  min-height: 44px;
  max-height: 120px;
  field-sizing: content;
  resize: none;
  overflow-y: auto;
  padding: 10px 12px;
  border: 1px solid var(--media-line);
  border-radius: 6px;
  outline: 0;
  background: var(--canvas-subtle);
  color: var(--text);
  line-height: 1.45;
}

.customer-chat__composer textarea:focus {
  border-color: var(--accent);
}

.customer-chat__composer button {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border: 0;
  border-radius: 6px;
  background: var(--text);
  color: var(--bg);
  transition:
    background-color 160ms ease,
    color 160ms ease,
    transform 120ms var(--ease-out);
}

.customer-chat__composer button:hover:not(:disabled) {
  background: var(--accent-solid);
  color: var(--accent-contrast);
}

.customer-chat__composer button:active:not(:disabled) {
  transform: scale(0.96);
}

.customer-chat__composer button:disabled {
  background: var(--surface-strong);
  color: var(--muted);
}

.customer-chat__composer footer {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding-top: 5px;
}

.customer-chat__composer footer:empty {
  display: none;
}

.customer-chat__composer footer span {
  display: inline-flex;
  align-items: flex-start;
  gap: 5px;
  color: var(--danger);
  font-size: 11px;
}

.customer-chat__composer footer small {
  margin-left: auto;
  color: var(--muted);
  font-size: 10px;
}

.support-contact--messages {
  border-color: var(--accent-line);
  background: var(--accent-soft);
}

@media (max-width: 720px) {
  .customer-cases__head {
    align-items: flex-start;
    flex-direction: column;
    gap: 16px;
  }

  .customer-cases__head-actions {
    width: 100%;
    justify-content: space-between;
  }

  .customer-cases__form {
    grid-template-columns: 1fr;
    padding: 18px 0 6px;
  }

  .customer-cases__wide {
    grid-column: auto;
  }

  .customer-case {
    grid-template-columns: 32px minmax(0, 1fr);
  }

  .customer-case > a {
    grid-column: 2;
    justify-self: start;
    padding-left: 0;
  }

  .support-hub__conversation {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 12px 0 22px;
  }

  .support-hub__primary-action {
    justify-self: start;
  }

  .support-hub__order {
    grid-template-columns: 42px minmax(0, 1fr);
  }

  .support-hub__order-action {
    grid-column: 2;
    justify-self: start;
    padding-left: 0;
  }

  .support-faq__head {
    align-items: flex-start;
    flex-direction: column;
    gap: 6px;
  }

  .support-faq__head p {
    text-align: left;
  }

  .support-public > .support-public__access {
    grid-template-columns: 46px minmax(0, 1fr);
  }

  .support-public > .support-public__access .button {
    grid-column: 2;
    justify-self: start;
  }
}

@media (max-width: 540px) {
  .customer-cases {
    margin-top: 34px;
  }

  .customer-cases__head h2 {
    font-size: 22px;
  }

  .customer-cases__head-actions {
    align-items: flex-start;
    flex-direction: column;
  }

  .customer-cases__head-actions .button {
    width: 100%;
    justify-content: center;
  }

  .customer-cases__form {
    padding: 16px 0 4px;
  }

  .customer-cases__form-footer {
    align-items: stretch;
    flex-direction: column;
  }

  .customer-cases__form-footer .button {
    width: 100%;
    justify-content: center;
  }

  .customer-case__title-row {
    align-items: flex-start;
    flex-direction: column;
    gap: 2px;
  }

  .customer-case__title-row > strong {
    white-space: normal;
  }

  .customer-case dl {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }

  .account-rail__label-full {
    display: none;
  }

  .account-rail__label-short {
    display: inline;
  }

  .support-hub__conversation {
    padding: 8px 0 20px;
  }

  .support-hub__conversation-copy {
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 12px;
  }

  .support-hub__logo {
    width: 42px;
    height: 42px;
  }

  .support-hub__conversation h2 {
    font-size: 20px;
  }

  .support-hub__primary-action {
    width: 100%;
    justify-content: center;
  }

  .support-hub__order {
    padding-inline: 0;
  }

  .support-faq {
    margin-top: 38px;
  }

  .support-faq__head h2 {
    font-size: 22px;
  }

  .support-faq__list summary {
    min-height: 58px;
    gap: 12px;
    font-size: 14px;
  }

  .support-faq__list details > p {
    padding-right: 20px;
    font-size: 12px;
  }

  .support-public {
    width: min(var(--content), calc(100% - 32px));
  }

  .support-public > .support-public__access {
    padding: 18px;
  }

  .support-public > .support-public__access .button {
    width: 100%;
    justify-content: center;
  }

  .support-public > .support-faq {
    margin-top: 40px;
  }

  .customer-chat-launcher {
    right: max(12px, env(safe-area-inset-right));
    bottom: max(12px, env(safe-area-inset-bottom));
    width: 48px;
    height: 48px;
    justify-content: center;
    padding: 0;
  }

  .customer-chat-launcher > span {
    display: none;
  }

  .customer-chat {
    inset: 0;
    width: 100%;
    height: 100dvh;
    border: 0;
    border-radius: 0;
  }

  .customer-chat__head {
    padding-top: max(12px, env(safe-area-inset-top));
  }

  .customer-chat__messages {
    padding-inline: 14px;
  }

  .customer-chat__message > div {
    max-width: 86%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .customer-chat[open],
  .customer-chat__skeleton span {
    animation: none;
  }

  .customer-chat-launcher,
  .customer-chat__composer button,
  .support-faq__list summary svg,
  .support-hub__order-action {
    transition: none;
  }
}

:root {
  --page-gutter: 24px;
}

html,
body {
  min-width: 0;
}

html {
  scroll-padding-top: calc(76px + env(safe-area-inset-top));
}

.shell {
  width: min(
    var(--content),
    calc(
      100% - max(var(--page-gutter), env(safe-area-inset-left)) -
        max(var(--page-gutter), env(safe-area-inset-right))
    )
  );
}

.site-header {
  height: calc(64px + env(safe-area-inset-top));
  padding-top: env(safe-area-inset-top);
}

.site-header__inner,
.site-nav,
.nav-search,
.hero__inner,
.hero__content,
.product-grid,
.product-card,
.product-card__content,
.catalog-head,
.catalog-head__meta,
.product-detail,
.product-detail__content,
.cart-layout,
.cart-row,
.account-shell,
.account-shell > *,
.orders-browser,
.order-detail,
.payment-process__layout,
.delivery-page__layout,
.site-footer__inner {
  min-width: 0;
}

.site-footer {
  padding-bottom: max(28px, env(safe-area-inset-bottom));
}

.preferences-menu__panel {
  right: max(0px, env(safe-area-inset-right));
  max-width: calc(
    100vw - max(12px, env(safe-area-inset-left)) -
      max(12px, env(safe-area-inset-right))
  );
}

.product-mobile-purchase {
  padding-right: max(16px, env(safe-area-inset-right));
  padding-left: max(16px, env(safe-area-inset-left));
}

@media (min-width: 1920px) {
  :root {
    --content: 1480px;
  }

  .product-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: 32px;
  }

  .hero__inner {
    grid-template-columns: minmax(0, 1.12fr) minmax(440px, 0.88fr);
  }

  .hero__media img {
    width: min(86%, 540px);
  }

  .product-detail {
    grid-template-columns: minmax(0, 1.08fr) minmax(500px, 0.92fr);
    gap: 80px;
  }

  .official-channels__lead,
  .account-shell,
  .payment-process__layout,
  .delivery-page__layout {
    max-width: 1360px;
    margin-inline: auto;
  }
}

@media (max-width: 1180px) {
  .site-header__inner {
    grid-template-columns: auto minmax(180px, 1fr) auto;
    gap: 16px;
  }

  .site-nav__label {
    display: none;
  }

  .site-nav__link {
    position: relative;
  }

  .cart-count {
    position: absolute;
    top: 2px;
    right: 1px;
  }
}

@media (min-width: 900px) and (max-width: 1180px) and (orientation: landscape) {
  .cart-layout {
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 28px;
  }

  .summary {
    position: sticky;
    top: calc(80px + env(safe-area-inset-top));
  }
}

@media (min-width: 1000px) and (max-width: 1280px) and (orientation: landscape) {
  .payment-process__layout {
    grid-template-columns: minmax(0, 1.48fr) minmax(270px, 0.62fr);
    gap: 34px;
  }

  .payment-summary {
    position: sticky;
    top: calc(84px + env(safe-area-inset-top));
    padding: 0 0 0 26px;
    border-top: 0;
    border-left: 1px solid var(--line);
  }
}

@media (max-width: 840px) {
  :root {
    --page-gutter: 16px;
  }

  html {
    scroll-padding-top: calc(132px + env(safe-area-inset-top));
  }

  .site-header {
    height: auto;
    min-height: calc(64px + env(safe-area-inset-top));
  }

  .site-header__inner {
    min-height: 64px;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 8px 12px;
    padding-block: 8px;
  }

  .nav-search {
    grid-column: 1 / -1;
    grid-row: 2;
    max-width: none;
    padding-bottom: 0;
  }

  .site-nav {
    justify-self: end;
  }

  .preferences-menu__panel {
    position: fixed;
    top: calc(122px + env(safe-area-inset-top));
    right: max(16px, env(safe-area-inset-right));
    max-height: calc(100dvh - 138px - env(safe-area-inset-top));
  }

  .hero__inner {
    gap: 36px;
  }

  .hero__media img {
    max-height: 440px;
  }

  .account-shell {
    gap: 24px;
  }

  .account-rail__nav {
    scrollbar-width: thin;
    overscroll-behavior-inline: contain;
  }

  .order-detail__summary,
  .payment-summary,
  .delivery-page__aside {
    min-width: 0;
  }
}

@media (min-width: 800px) and (max-width: 1100px) and (orientation: landscape) {
  .product-detail {
    grid-template-columns: minmax(0, 1.06fr) minmax(340px, 0.94fr);
    gap: 28px;
  }

  .product-detail__media {
    position: sticky;
    top: calc(80px + env(safe-area-inset-top));
  }

  .product-detail h1 {
    font-size: 36px;
  }

  .product-detail__lead {
    margin-block: 14px 18px;
  }

  .product-detail__promises {
    margin-top: 30px;
  }
}

@media (max-width: 720px) {
  .section {
    padding-block: 48px 56px;
  }

  .section__head {
    margin-bottom: 24px;
  }

  .hero__inner {
    gap: 28px;
  }

  .hero__content {
    padding-top: 48px;
    padding-bottom: 0;
  }

  .hero__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hero__actions .button {
    width: 100%;
    min-width: 0;
  }

  .hero__trust {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 14px;
  }

  .hero__trust span {
    min-width: 0;
    white-space: normal;
  }

  .hero__media img {
    width: min(100%, 340px);
    max-height: 340px;
  }

  .catalog-head__meta {
    gap: 10px;
  }

  .catalog-menu__trigger {
    width: 100%;
    min-width: 0;
  }

  .catalog-menu__popover {
    width: min(320px, calc(100vw - 32px));
    max-height: min(420px, calc(100dvh - 150px));
  }

  .product-card__visual,
  .product-detail__image,
  .cart-row__visual,
  .order-product-thumb,
  .product-thumbnail__frame {
    border-radius: 7px;
  }

  .product-detail {
    gap: 24px;
  }

  .product-detail__content {
    padding-top: 0;
  }

  .cart-page {
    padding-bottom: calc(72px + env(safe-area-inset-bottom));
  }

  .checkout-path li,
  .payment-timeline li {
    min-width: 0;
  }

  .checkout-path li strong,
  .payment-timeline li strong {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .summary {
    padding: 18px 16px;
  }

  .payment-option {
    grid-template-columns: 38px minmax(0, 1fr) 28px;
  }

  .account-page__head,
  .account-overview__head,
  .account-section__head,
  .orders-toolbar,
  .delivery-page__head {
    min-width: 0;
  }

  .account-rail__nav a {
    min-width: 0;
    min-height: 52px;
  }

  .account-page__notice--action {
    align-items: flex-start;
    flex-direction: column;
  }

  .account-page__notice--action .text-command {
    min-height: 44px;
  }

  .orders-filters {
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: thin;
  }

  .orders-filters button {
    min-width: max-content;
  }

  .payment-instructions,
  .payment-verification-view,
  .delivery-panel {
    max-width: 100%;
  }

  .payment-instructions__amount > div > strong {
    overflow-wrap: anywhere;
  }

  .payment-copy-row > strong,
  .delivery-panel__row code,
  .delivery-panel__row a {
    word-break: break-word;
  }

  .site-footer__links {
    gap: 8px 16px;
  }
}

@media (max-width: 480px) {
  :root {
    --page-gutter: 16px;
  }

  .brand span {
    display: none;
  }

  .brand,
  .site-nav__link {
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
    padding: 0;
  }

  .site-nav {
    gap: 0;
  }

  .cart-count {
    top: 0;
    right: 0;
  }

  .nav-search .input {
    height: 44px;
  }

  .preferences-menu__panel {
    right: max(16px, env(safe-area-inset-right));
    left: max(16px, env(safe-area-inset-left));
    width: auto;
    max-width: none;
  }

  .preference-row {
    grid-template-columns: 1fr;
    align-items: stretch;
    gap: 8px;
    padding-block: 10px;
  }

  .compact-segmented {
    width: 100%;
  }

  .hero h1 {
    font-size: 42px;
  }

  .hero {
    min-height: auto;
    padding: 0 0 20px;
  }

  .hero__inner {
    min-height: auto;
    gap: 20px;
  }

  .hero__content {
    padding-top: 40px;
  }

  .hero__lead {
    font-size: 16px;
  }

  .hero__actions {
    grid-template-columns: 1fr;
  }

  .hero__trust {
    font-size: 12px;
  }

  .hero__media img {
    width: min(100%, 280px);
    max-height: 280px;
  }

  .product-grid {
    grid-template-columns: 1fr;
  }

  .catalog-head h1,
  .cart-head h1,
  .account-page__head h1 {
    font-size: 32px;
  }

  .catalog-head__meta {
    grid-template-columns: 1fr;
  }

  .catalog-result-group,
  .catalog-menu {
    grid-column: 1;
  }

  .cart-row {
    grid-template-columns: 88px minmax(0, 1fr);
    gap: 12px;
  }

  .cart-row__visual {
    width: 88px;
  }

  .checkout-path li {
    padding-inline: 2px;
  }

  .checkout-path li strong,
  .payment-timeline li strong {
    font-size: 10px;
    white-space: normal;
  }

  .account-status-item,
  .account-stat,
  .account-action-strip,
  .account-order-row,
  .order-index-row,
  .order-status-panel__main,
  .order-status-panel__tracking {
    min-width: 0;
  }

  .order-status-panel__commerce {
    min-width: 0;
  }

  .payment-instructions__header,
  .payment-instructions__amount,
  .payment-instructions__transfer,
  .payment-instructions__steps,
  .payment-instructions__security,
  .payment-confirmation {
    padding-right: 16px;
    padding-left: 16px;
  }

  .payment-origin__options {
    grid-template-columns: 1fr;
  }

  .payment-origin__options button {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .payment-origin__options button:last-child {
    border-bottom: 0;
  }

  .payment-summary__facts > div {
    grid-template-columns: minmax(78px, auto) minmax(0, 1fr);
  }

  .delivery-panel__product,
  .delivery-panel__row {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .delivery-panel__row dd {
    width: 100%;
  }

  .delivery-panel__copy-all {
    width: 100%;
  }
}

@media (orientation: landscape) and (max-height: 560px) and (min-width: 620px) and (max-width: 960px) {
  html {
    scroll-padding-top: calc(72px + env(safe-area-inset-top));
  }

  .site-header {
    height: calc(64px + env(safe-area-inset-top));
  }

  .site-header__inner {
    min-height: 64px;
    grid-template-columns: auto minmax(160px, 1fr) auto;
    grid-template-rows: 64px;
    gap: 12px;
    padding-block: 0;
  }

  .brand span,
  .site-nav__label {
    display: none;
  }

  .nav-search {
    grid-column: 2;
    grid-row: 1;
    padding-bottom: 0;
  }

  .site-nav {
    grid-column: 3;
    grid-row: 1;
  }

  .preferences-menu__panel {
    top: calc(68px + env(safe-area-inset-top));
    max-height: calc(100dvh - 76px - env(safe-area-inset-top));
  }

  .hero {
    min-height: calc(100dvh - 96px - env(safe-area-inset-top));
    padding-block: 20px;
  }

  .hero__inner {
    min-height: inherit;
    grid-template-columns: minmax(0, 1.08fr) minmax(230px, 0.92fr);
    align-items: center;
    gap: 28px;
  }

  .hero__content {
    padding: 0;
  }

  .hero .eyebrow {
    margin-bottom: 8px;
    font-size: 12px;
  }

  .hero h1 {
    font-size: 44px;
  }

  .hero__lead {
    margin: 12px 0 16px;
    font-size: 15px;
    line-height: 1.45;
  }

  .hero__actions {
    display: flex;
    flex-wrap: nowrap;
  }

  .hero__actions .button {
    min-height: 42px;
    padding-inline: 12px;
  }

  .hero__trust {
    display: flex;
    gap: 8px 14px;
    margin-top: 14px;
    font-size: 11px;
  }

  .hero__media img {
    width: min(78%, 300px);
    max-height: 280px;
  }

  .section {
    padding-block: 44px 52px;
  }

  .customer-chat {
    inset:
      max(8px, env(safe-area-inset-top))
      max(12px, env(safe-area-inset-right))
      max(8px, env(safe-area-inset-bottom))
      auto;
    width: min(520px, calc(100vw - 24px));
    height: auto;
  }

  .customer-chat__head {
    min-height: 60px;
  }
}

@media (orientation: landscape) and (max-height: 500px) and (max-width: 619px) {
  html {
    scroll-padding-top: calc(112px + env(safe-area-inset-top));
  }

  .site-header {
    height: auto;
  }

  .site-header__inner {
    min-height: 104px;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-rows: 52px 44px;
    padding-block: 4px;
  }

  .nav-search {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  .site-nav {
    grid-column: 2;
    grid-row: 1;
  }

  .hero {
    min-height: auto;
    padding-block: 28px 32px;
  }

  .hero__inner {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .hero__content {
    padding: 0;
  }

  .hero__media {
    display: none;
  }

  .hero h1 {
    font-size: 40px;
  }

  .hero__lead {
    max-width: 560px;
    margin: 12px 0 18px;
    font-size: 14px;
  }

  .hero__actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hero__trust {
    display: flex;
    gap: 8px 12px;
    margin-top: 14px;
  }

  .preferences-menu__panel {
    top: calc(108px + env(safe-area-inset-top));
    max-height: calc(100dvh - 116px - env(safe-area-inset-top));
  }

  .customer-chat {
    inset: 0;
    width: 100%;
    height: 100dvh;
    border: 0;
    border-radius: 0;
  }
}

@media (pointer: coarse) {
  .catalog-menu__trigger,
  .catalog-menu__option,
  .orders-filters button,
  .text-command,
  .icon-command,
  .delivery-panel__icon-button,
  .site-footer__links a {
    min-height: 44px;
  }
}

@media (hover: none) {
  .product-card__visual:hover {
    border-color: var(--media-line);
    background: var(--surface);
  }

  .product-card:hover .product-card__name {
    color: var(--text);
  }

  .product-card__add:hover {
    background: var(--surface);
    color: var(--text);
  }

  .site-nav__link:hover,
  .button:hover,
  .catalog-menu__trigger:hover {
    transform: none;
  }
}