/* ══════════════════════════════════════════════════════
   Ads Accounts MQ — main.css
   WordPress theme stylesheet (loaded via wp_enqueue_style)
══════════════════════════════════════════════════════ */

/* ── RESET ── */
*, *::before, *::after { box-sizing: border-box; min-width: 0; }
html { scroll-behavior: smooth; }
body { margin: 0; padding: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 14px; line-height: 1.55; color: #0d2144;
  background:
    linear-gradient(260deg, rgba(7,93,255,.075) 0%, rgba(236,244,255,.72) 10%, rgba(255,255,255,.96) 28%, rgba(255,255,255,.98) 72%, rgba(236,244,255,.72) 90%, rgba(7,93,255,.07) 100%),
    linear-gradient(180deg, #f3f8ff 0%, #ffffff 15%, #fbfdff 58%, #f2f7ff 100%); }
a { text-decoration: none; color: inherit; }
button, input, select, textarea { font: inherit; outline: none; }
img { max-width: 100%; display: block; }
ul { list-style: none; margin: 0; padding: 0; }
h1, h2, h3, h4 { margin: 0; line-height: 1.08; letter-spacing: 0; }
p { margin: 0; }
.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; }

/* ── VARIABLES ── */
:root {
  --p: #075dff; --p2: #2f7bff; --text: #081b3d; --muted: #637895;
  --line: rgba(7,93,255,.10); --line2: rgba(7,93,255,.18);
  --shadow: 0 18px 46px rgba(7,93,255,.09); --shadow-sm: 0 8px 22px rgba(7,93,255,.06);
  --rx: 16px; --rxl: 12px; --rxm: 10px; --rxs: 8px; --rxtiny: 8px;
  --nav: 70px;
}
body.aa-menu-lock { overflow: hidden; }

/* ── LAYOUT ── */
.wrap { max-width: 1360px; margin: 0 auto; padding: 0 34px; }
.g2  { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.g3  { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.g4  { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.g5  { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; }

/* ── CARDS ── */
.card   { background: #fff; border: 1px solid var(--line); border-radius: var(--rx);  padding: 20px; box-shadow: var(--shadow); }
.panel  { background: #fff; border: 1px solid var(--line); border-radius: var(--rx);  padding: 24px; box-shadow: var(--shadow); }
.card-sm{ background: #fff; border: 1px solid var(--line); border-radius: var(--rxl); padding: 14px; box-shadow: var(--shadow-sm); }
.inset  { background: linear-gradient(180deg, #f8fbff, #f0f6ff); border: 1px solid var(--line); border-radius: var(--rxl); padding: 14px; }

/* ── BUTTONS ── */
.btn { position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; gap: 7px;
  padding: 10px 16px; border-radius: var(--rxm); border: 1px solid var(--line2);
  background: #fff; font-size: 13px; font-weight: 800; cursor: pointer;
  transition: transform .18s, box-shadow .18s, border-color .18s, background-color .18s, color .18s; white-space: nowrap; color: var(--text); letter-spacing: 0; }
.btn:hover  { transform: translateY(-1px); box-shadow: var(--shadow-sm); }
.btn:active { transform: none; }
.btn-primary  { background: linear-gradient(180deg, #075dff, #0a55e8); color: #fff; border-color: #075dff; box-shadow: 0 12px 28px rgba(7,93,255,.22); }
.btn-primary:hover { box-shadow: 0 14px 34px rgba(2,86,255,.30); }
.btn-secondary{ background: linear-gradient(180deg, #fff, #f7fbff); }
.home-actions .btn-primary::before,
.home-telegram-actions .btn-primary::before,
.footer-newsletter-form button::before {
  content: ''; position: absolute; inset: -35% -45%;
  background: linear-gradient(105deg, transparent 35%, rgba(255,255,255,.36) 48%, rgba(255,255,255,.18) 55%, transparent 68%);
  transform: translateX(-85%) skewX(-18deg);
  animation: aaBtnSheen 5.8s ease-in-out infinite;
  pointer-events: none;
}
@keyframes aaBtnSheen {
  0%, 68% { transform: translateX(-85%) skewX(-18deg); opacity: 0; }
  74% { opacity: .95; }
  88%, 100% { transform: translateX(85%) skewX(-18deg); opacity: 0; }
}
.btn-sm   { padding: 7px 12px; font-size: 12px; border-radius: var(--rxs); }
.btn-lg   { padding: 13px 22px; font-size: 14px; }
.btn-xl   { padding: 15px 28px; font-size: 15px; }
.btn-block{ width: 100%; }
.btn:disabled { opacity: .4; cursor: not-allowed; pointer-events: none; }

/* ── TAGS ── */
.tag         { display: inline-flex; align-items: center; gap: 5px; padding: 4px 9px; border-radius: 999px; font-size: 11px; font-weight: 800; border: 1px solid transparent; }
.tag-green   { background: #eef8ff; color: #0256ff; border-color: rgba(2,86,255,.14); }
.tag-blue    { background: #eef5ff; color: #0256ff; border-color: rgba(2,86,255,.14); }
.tag-orange  { background: #fff7e8; color: #c78a2d; border-color: #ffe2a8; }
.tag-red     { background: #fff0f0; color: #d54b4b; border-color: #ffd1d1; }
.tag-gray    { background: #f3f5f8; color: var(--muted); border-color: #e2e8f0; }
.pill        { display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; border-radius: 999px; font-size: 12px; font-weight: 800; background: rgba(2,86,255,.07); border: 1px solid rgba(2,86,255,.12); color: #0256ff; }
.stk         { display: inline-flex; align-items: center; gap: 5px; padding: 4px 10px; border-radius: 999px; font-size: 11px; font-weight: 800; white-space: nowrap; line-height: 1.25; }
.stk-in      { background: #eef8ff; color: #0256ff; border: 1px solid rgba(2,86,255,.14); }
.stk-low     { background: #fff7e8; color: #c78a2d; border: 1px solid #ffe2a8; }
.stk-out     { background: #fff0f0; color: #d54b4b; border: 1px solid #ffd1d1; }

/* ── TYPE ── */
.eyebrow { font-size: 10px; font-weight: 950; color: #075dff; letter-spacing: .08em; text-transform: uppercase; }
.section-title { font-size: 28px; font-weight: 950; color: var(--text); line-height: 1.12; }
.accent  { color: #0256ff; }
.muted   { color: var(--muted); }
.small   { font-size: 12px; }
.xs      { font-size: 11px; }
.mono    { font-family: ui-monospace, monospace; }
.mb-12   { margin-bottom: 12px; }
.price-nowrap,
.prod-price,
.pop-price,
.svc-price,
.dc-price,
.cart-item-price,
.acct-order-total,
.woocommerce-Price-amount,
.woocommerce-Price-currencySymbol,
.np-onsite-page .np-amount { white-space: nowrap; }
.woocommerce-Price-amount { display: inline-flex; align-items: baseline; gap: 2px; }
.woocommerce-Price-amount bdi { display: inline-flex; align-items: baseline; gap: 2px; white-space: nowrap; }
.woocommerce-Price-currencySymbol { display: inline-block; flex-shrink: 0; }
.mb-14   { margin-bottom: 14px; }

/* ── FORMS ── */
.field       { display: flex; flex-direction: column; gap: 5px; }
.field label { font-size: 11px; font-weight: 800; color: var(--muted); letter-spacing: .02em; text-transform: uppercase; }
.input {
  width: 100%; padding: 10px 13px;
  border: 1px solid rgba(2,86,255,.15);
  background: linear-gradient(180deg, #fff, #fafcff);
  border-radius: var(--rxm); color: var(--text); font-size: 13px;
  transition: border-color .18s, box-shadow .18s;
  appearance: none; -webkit-appearance: none; }
.input:focus { border-color: rgba(2,86,255,.35); box-shadow: 0 0 0 3px rgba(2,86,255,.10); }
textarea.input { resize: vertical; min-height: 88px; }
.input-err  { border-color: rgba(213,75,75,.45) !important; }
.err-msg    { font-size: 11px; color: #d54b4b; display: none; margin-top: 2px; }
.err-msg.show { display: block; }
.hint       { font-size: 11px; color: var(--muted); margin-top: 2px; }

/* ── KV LIST ── */
.kv-list { display: grid; gap: 0; }
.kv  { display: grid; grid-template-columns: minmax(100px,.65fr) minmax(0,1fr); gap: 8px; padding: 9px 0; border-bottom: 1px solid rgba(2,86,255,.06); font-size: 13px; }
.kv:last-child { border-bottom: none; }
.kv-k { color: var(--muted); }
.kv-v { font-weight: 700; text-align: right; min-width: 0; overflow-wrap: anywhere; }
.kv-v .woocommerce-Price-amount,
.sum-total .woocommerce-Price-amount { white-space: nowrap; }

/* ── TOOLTIP ── */
.tooltip-wrap    { position: relative; display: inline-block; }
.tooltip-trigger { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; border-radius: 50%; background: rgba(2,86,255,.12); color: #0256ff; font-size: 10px; font-weight: 900; cursor: help; flex-shrink: 0; border: 1px solid rgba(2,86,255,.18); }
.tooltip-box     { position: absolute; bottom: calc(100% + 8px); left: 50%; transform: translateX(-50%); background: #0d2144; color: #fff; font-size: 12px; line-height: 1.5; padding: 8px 12px; border-radius: var(--rxs); width: 220px; opacity: 0; pointer-events: none; transition: opacity .2s; z-index: 50; font-weight: 500; box-shadow: 0 8px 22px rgba(2,86,255,.22); }
.tooltip-box::after { content: ''; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); border: 5px solid transparent; border-top-color: #0d2144; }
.tooltip-wrap:hover .tooltip-box { opacity: 1; }

/* ── HEADER ── */
#hdr { position: sticky; top: 0; z-index: 100; height: var(--nav); background: rgba(255,255,255,.98); border-bottom: 1px solid rgba(7,93,255,.08); box-shadow: 0px 0px 10px 4px rgba(7, 93, 255, .10); }
#hdr .wrap { height: 100%; }
.nav-inner { display: grid; grid-template-columns: minmax(145px,1fr) auto minmax(145px,1fr); align-items: center; min-height: var(--nav); gap: 18px; }
.brand     { display: inline-flex; align-items: center; justify-content: flex-start; cursor: pointer; flex-shrink: 0; width: 142px; max-width: 100%; min-height: var(--nav); }
.brand-logo-img { width: 142px; height: auto; max-height: 42px; object-fit: contain; object-position: left center; flex: 0 0 auto; }
.brand-fallback { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
.logo      { width: 40px; height: 40px; border-radius: 13px; background: linear-gradient(135deg, #0b2a52, #0256ff 60%, #2f7bff); display: grid; place-items: center; color: #fff; font-size: 18px; font-weight: 900; box-shadow: 0 6px 16px rgba(2,86,255,.28); }
.nav-links { display: flex; align-items: center; gap: 4px; margin: 0; list-style: none;  padding: 5px; justify-self: center; }
.nav-links li { margin: 0; padding: 0; }
.nl,
.nav-links a { min-height: 38px; display: inline-flex; align-items: center; justify-content: center; padding: 9px 18px; border-radius: 999px; font-size: 12px; font-weight: 850; color: #637895; cursor: pointer; transition: color .18s, background .18s, box-shadow .18s; border: none; background: transparent; }
.nl:hover,
.nl.active,
.nav-links a:hover,
.nav-links .current-menu-item > a,
.nav-links .current_page_item > a,
.nav-links .current-menu-ancestor > a,
.nav-links .current_page_ancestor > a { color: #075dff; background: #eef5ff; box-shadow: inset 0 0 0 1px rgba(7,93,255,.08); }
.nav-right { display: flex; align-items: center; justify-content: flex-end; gap: 8px; }
.lang-sw   { display: flex; border: 1px solid var(--line); border-radius: var(--rxs); overflow: hidden; }
.lang-btn  { padding: 7px 10px; background: transparent; border: none; font-size: 11px; font-weight: 800; cursor: pointer; color: var(--muted); transition: all .18s; display: inline-flex; align-items: center; justify-content: center; }
.lang-btn.active { background: #eef5ff; color: #0256ff; }
.cart-rel  { position: relative; }
.header-cart-actions { display: inline-flex; align-items: center; gap: 8px; }
.header-cart-icon { position: relative; width: 38px; height: 38px; display: none; place-items: center; border-radius: 12px; background: #fff; border: 1px solid rgba(7,93,255,.13); box-shadow: var(--shadow-sm); }
.cart-icon-shape { width: 15px; height: 13px; border: 2px solid #081b3d; border-top: 0; border-radius: 2px 2px 5px 5px; position: relative; }
.cart-icon-shape::before { content: ''; position: absolute; left: -3px; top: -7px; width: 9px; height: 8px; border-top: 2px solid #081b3d; border-left: 2px solid #081b3d; transform: skewX(-18deg); }
.cart-icon-shape::after { content: ''; position: absolute; left: 1px; bottom: -6px; width: 4px; height: 4px; border-radius: 50%; background: #081b3d; box-shadow: 10px 0 0 #081b3d; }
.cart-ct   { position: absolute; z-index: 3; top: -6px; right: -7px; background: #002049; color: #fff; font-size: 9px; font-weight: 900; border-radius: 50%; width: 16px; height: 16px; display: grid; place-items: center; font-family: ui-monospace, monospace; box-shadow: 0 0 0 2px #fff, 0 6px 14px rgba(0,32,73,.22); }
.header-cart-main { position: relative; overflow: visible; min-height: 42px; padding-inline: 18px; border-radius: 11px; }
.cart-btn-icon { width: 17px; height: 17px; display: block; fill: currentColor; flex: 0 0 auto; opacity: .96; }
.mobile-account-icon { display: none; position: relative; width: 38px; height: 38px; border-radius: var(--rxs); border: 1px solid var(--line2); background: linear-gradient(180deg, #fff, #f7fbff); box-shadow: var(--shadow-sm); place-items: center; flex-shrink: 0; }
.mobile-account-icon::before { content: ''; width: 10px; height: 10px; border-radius: 50%; background: #0256ff; transform: translateY(-4px); }
.mobile-account-icon::after { content: ''; position: absolute; bottom: 8px; left: 50%; width: 18px; height: 10px; border-radius: 10px 10px 5px 5px; background: #0256ff; transform: translateX(-50%); opacity: .92; }
.mobile-account-icon-dot { position: absolute; top: 5px; right: 5px; width: 8px; height: 8px; border-radius: 50%; background: #18a66a; border: 2px solid #fff; box-shadow: 0 2px 6px rgba(24,166,106,.25); opacity: 0; }
.mobile-account-icon.is-logged .mobile-account-icon-dot { opacity: 1; }
.mobile-menu-btn { display: none; width: 38px; height: 38px; padding: 0; border-radius: var(--rxs); border: 1px solid var(--line2); background: linear-gradient(180deg, #fff, #f7fbff); cursor: pointer; align-items: center; justify-content: center; flex-direction: column; gap: 4px; }
.mobile-menu-btn span { width: 17px; height: 2px; border-radius: 2px; background: #0d2144; transition: transform .18s, opacity .18s; }
.mobile-menu-btn[aria-expanded="true"] span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.mobile-menu-btn[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.mobile-menu-btn[aria-expanded="true"] span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
.mobile-menu { display: none; }
.mobile-menu-nav { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
.mobile-menu-nav li { margin: 0; padding: 0; }
.mobile-menu-link,
.mobile-menu-nav a { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 12px 14px; border-radius: var(--rxs); border: 1px solid transparent; background: transparent; color: var(--text); font-size: 14px; font-weight: 800; text-align: left; cursor: pointer; }
.mobile-menu-link:hover,
.mobile-menu-link.active,
.mobile-menu-nav a:hover,
.mobile-menu-nav .current-menu-item > a,
.mobile-menu-nav .current_page_item > a,
.mobile-menu-nav .current-menu-ancestor > a,
.mobile-menu-nav .current_page_ancestor > a { background: #eef5ff; color: #0256ff; border-color: rgba(2,86,255,.12); }
.mobile-account-state { display: none; }

/* ── PAGE HERO ── */
.page-hero    { padding: 22px 0 18px; border-bottom: 1px solid var(--line); }
.crumbs       { display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--muted); margin-bottom: 8px; flex-wrap: wrap; }
.crumbs a, .crumbs span { color: var(--muted); transition: color .15s; }
.crumbs a:hover { color: #0256ff; }
.crumbs .sep  { opacity: .4; }

/* ── DEFAULT CONTENT PAGES ── */
.aa-page-shell { margin-top: 24px; padding-bottom: 60px; }
.aa-page-card { width: 100%; max-width: none; margin: 0 auto; padding: clamp(22px,4vw,42px); background: #fff; border: 1px solid rgba(7,93,255,.10); border-radius: var(--rx); box-shadow: var(--shadow-sm); }
.aa-page-content { width: 100%; max-width: none; color: #1c2d4d; font-size: 15px; line-height: 1.75; }
.aa-page-content > *:first-child { margin-top: 0; }
.aa-page-content > *:last-child { margin-bottom: 0; }
.aa-page-content p,
.aa-page-content ul,
.aa-page-content ol,
.aa-page-content blockquote,
.aa-page-content table,
.aa-page-content .wp-block-image { margin: 0 0 18px; }
.aa-page-content h2,
.aa-page-content h3,
.aa-page-content h4 { margin: 28px 0 12px; color: #081b3d; letter-spacing: 0; line-height: 1.18; }
.aa-page-content h2 { font-size: clamp(24px,3vw,34px); }
.aa-page-content h3 { font-size: clamp(20px,2.4vw,26px); }
.aa-page-content h4 { font-size: 18px; }
.aa-page-content a { color: #075dff; font-weight: 800; text-decoration: none; }
.aa-page-content a:hover { text-decoration: underline; }
.aa-page-content ul,
.aa-page-content ol { padding-left: 22px; }
.aa-page-content li + li { margin-top: 7px; }
.aa-page-content img { max-width: 100%; height: auto; border-radius: var(--rxs); }
.aa-page-content table { width: 100%; border-collapse: collapse; overflow: hidden; border-radius: var(--rxs); }
.aa-page-content th,
.aa-page-content td { padding: 12px 14px; border: 1px solid var(--line); text-align: left; vertical-align: top; }
.aa-page-content th { background: #f4f8ff; color: #081b3d; font-weight: 900; }
.aa-page-content blockquote { padding: 16px 18px; border-left: 4px solid #075dff; border-radius: var(--rxs); background: #f4f8ff; color: #4d6381; }
.aa-page-content .wp-block-button__link { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 12px 18px; border-radius: var(--rxs); background: #075dff; color: #fff; font-weight: 900; text-decoration: none; box-shadow: 0 12px 24px rgba(7,93,255,.16); }
.aa-page-content .wp-block-button.is-style-outline .wp-block-button__link { background: #fff; color: #075dff; border: 1px solid rgba(7,93,255,.22); box-shadow: none; }
.aa-cat-faq-grid { display: grid; gap: 10px; margin-top: 18px; }
.aa-cat-faq-item { border: 1px solid rgba(7,93,255,.10); border-radius: var(--rxs); background: #fff; overflow: hidden; }
.aa-cat-faq-item summary { cursor: pointer; padding: 13px 15px; color: #081b3d; font-weight: 900; list-style: none; }
.aa-cat-faq-item summary::-webkit-details-marker { display: none; }
.aa-cat-faq-item p { margin: 0; padding: 0 15px 14px; color: var(--muted); font-size: 13px; line-height: 1.65; }

/* ── SECTION ── */
.section      { padding: 36px 0; }
.section-head { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 18px; flex-wrap: wrap; gap: 16px; }
.section-head > div { min-width: 0; }
.home-section-link { display: inline-flex; align-items: center; gap: 5px; color: #075dff; font-size: 12px; font-weight: 900; white-space: nowrap; }

/* ── HERO ── */
.hero   { padding: 36px 0 28px; }
.hero-g { display: grid; grid-template-columns: 1.35fr 1fr; gap: 14px; align-items: start; }
.hero-card { background: #fff; border: 1px solid var(--line); border-radius: var(--rx); padding: 44px; box-shadow: var(--shadow); position: relative; overflow: hidden; }
.hero-card::before { content: ''; position: absolute; right: -94px; top: -92px; width: 290px; height: 190px; border-radius: 80px; background: linear-gradient(135deg, rgba(2,86,255,.12), rgba(2,86,255,0)); transform: rotate(-18deg); pointer-events: none; }
.hero-card h1 { font-size: clamp(44px, 5vw, 66px); font-weight: 900; line-height: .96; letter-spacing: 0; color: #0d2144; margin: 12px 0 14px; }
.hero-tagline { font-size: 15px; line-height: 1.65; color: var(--muted); max-width: 50ch; }
.hero-chips { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 14px; }
.chip       { display: inline-flex; align-items: center; padding: 6px 12px; border-radius: 999px; font-size: 11px; font-weight: 800; background: rgba(2,86,255,.07); border: 1px solid rgba(2,86,255,.12); color: #0256ff; }
.hero-ctas  { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 20px; }
.hero-stats { display: flex; gap: 28px; margin-top: 26px; padding-top: 22px; border-top: 1px solid var(--line); flex-wrap: wrap; }
.hero-stat .stat-n { font-size: 26px; font-weight: 900; letter-spacing: 0; color: #0d2144; }
.hero-stat .stat-l { font-size: 11px; color: var(--muted); margin-top: 1px; }
.hero-side  { display: flex; flex-direction: column; gap: 10px; }
.hfeat      { background: #fff; border: 1px solid var(--line); border-radius: var(--rxl); padding: 18px; box-shadow: var(--shadow-sm); }
.hfeat-ico  { font-size: 22px; margin-bottom: 9px; }
.hfeat h3   { font-size: 14px; font-weight: 800; margin-bottom: 5px; }

/* ── HOME REWORK ── */
.home-main { display: flex; flex-direction: column; }
.aa-home-section { order: var(--aa-home-order, 0); }
.home-hero { padding: 46px 0 26px; }
.home-hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(440px, .93fr); gap: 58px; align-items: start; }
.home-copy { align-self: start; position: relative; overflow: visible; padding: 0 0 28px; display: flex; flex-direction: column; justify-content: flex-start; min-height: 438px; background: transparent; border: 0; border-radius: 0; box-shadow: none; }
.market-panel { background: #fff; border: 1px solid rgba(7,93,255,.10); border-radius: 10px; box-shadow: 0px 2px 10px 4px rgba(7, 93, 255, .10); }
.home-copy > * { position: relative; z-index: 1; }
.home-hero-pill { display: inline-flex; align-items: center; gap: 8px; width: fit-content; min-height: 34px; padding: 7px 12px; border-radius: 999px; background: #eef5ff; border: 1px solid rgba(7,93,255,.12); color: #2c527e; font-size: 12px; font-weight: 900; box-shadow: 0 8px 20px rgba(7,93,255,.06); }
.home-hero-pill-icon { width: 21px; height: 21px; display: grid; place-items: center; color: #075dff; fill: #075dff; flex: 0 0 auto; }
.home-hero-pill-icon svg { width: 21px; height: 21px; display: block; fill: currentColor; }
.home-hero-pill-icon path { stroke: #075dff; stroke-width: .55px; }
.home-copy h1 { max-width: 720px; margin-top: 22px; font-size: clamp(42px, 4.5vw, 58px); line-height: 1.05; font-weight: 950; color: #081b3d; letter-spacing: 0; }
.home-lead { max-width: 60ch; margin-top: 18px; color: #627894; font-size: 15px; line-height: 1.72; }
.home-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 26px; }
.home-actions .btn { min-height: 52px; border-radius: 8px; padding-inline: 24px; font-size: 13px; }
.home-actions .btn-icon { width: 17px; height: 17px; display: grid; place-items: center; color: currentColor; fill: currentColor; flex: 0 0 auto; }
.home-actions .btn-icon svg { width: 17px; height: 17px; display: block; fill: currentColor; }
.home-actions .btn-primary .btn-icon { color: #fff; fill: #fff; }
.home-actions .btn-secondary .btn-icon { color: #075dff; fill: #075dff; }
.home-rating-row { display: flex; align-items: center; gap: 12px; margin-top: 20px; }
.home-avatar-stack { position: relative; display: flex; align-items: center; justify-content: center; padding-right: 14px; }
.home-avatar-stack img { width: 36px; height: 36px; display: block; margin-left: -9px; border-radius: 50%; border: 2px solid #fff; object-fit: cover; background: #fff; box-shadow: 0 7px 16px rgba(8,27,61,.14); }
.home-avatar-stack img:first-child { margin-left: 0; }
.home-avatar-status { position: absolute; right: 10px; bottom: 0; width: 15px; height: 15px; border-radius: 50%; background: #22c55e; border: 2px solid #fff; box-shadow: 0 3px 8px rgba(34,197,94,.28); }
.home-rating-row strong { display: block; color: #f59e0b; font-size: 15px; letter-spacing: 1px; line-height: 1; }
.home-rating-row small { display: block; margin-top: 4px; color: #557092; font-size: 12px; font-weight: 800; }
.home-audience-strip { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.home-audience-strip span { display: inline-flex; align-items: center; gap: 7px; min-height: 34px; padding: 7px 11px; border-radius: var(--rxtiny); background: linear-gradient(180deg, #fff, #f4f9ff); border: 1px solid var(--line); color: #18375d; font-size: 12px; font-weight: 900; box-shadow: var(--shadow-sm); }
.home-audience-strip span::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: #0256ff; box-shadow: 0 0 0 4px rgba(2,86,255,.08); flex-shrink: 0; }
.home-trust-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--line); }
.home-trust-row span { display: inline-flex; align-items: center; min-height: 28px; padding: 5px 10px; border-radius: var(--rxtiny); background: #f4f9ff; border: 1px solid var(--line); color: #365579; font-size: 11px; font-weight: 800; }
.market-panel { padding: 20px; display: flex; flex-direction: column; gap: 13px; }
.market-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.market-head > small { color: #7b8ca6; font-size: 10px; font-weight: 850; white-space: nowrap; }
.market-titleline { display: inline-flex; align-items: center; gap: 8px; color: #0256ff; font-size: 11px; font-weight: 950; letter-spacing: .08em; text-transform: uppercase; }
.market-titleline strong { line-height: 1.2; }
.market-head h2 { font-size: 20px; margin-top: 5px; }
.market-head-note { display: inline-flex; align-items: center; gap: 8px; margin-top: 7px; color: #557092; font-size: 12px; font-weight: 850; line-height: 1.35; }
.market-live-status { display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 11px; align-items: center; padding: 12px; border-radius: var(--rxtiny); border: 1px solid rgba(2,86,255,.12); background: linear-gradient(180deg, #f8fbff, #eef5ff); }
.market-live-dot { width: 10px; height: 10px; border-radius: 50%; background: #18a66a; box-shadow: 0 0 0 5px rgba(24,166,106,.10); flex: 0 0 auto; animation: aaLivePulse 2.4s ease-in-out infinite; }
.market-live-status strong { display: block; color: #102244; font-size: 13px; line-height: 1.2; }
.market-live-status small { display: block; margin-top: 3px; color: var(--muted); font-size: 11px; font-weight: 750; line-height: 1.35; }
.market-live-status b { width: 34px; height: 34px; display: grid; place-items: center; border-radius: var(--rxs); background: #fff; border: 1px solid rgba(2,86,255,.13); color: #0256ff; font-size: 15px; box-shadow: var(--shadow-sm); }
.market-metrics { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; }
.market-metrics div { min-height: 72px; padding: 12px; border-radius: 9px; background: #fff; border: 1px solid rgba(7,93,255,.10); }
.market-metrics strong { display: block; font-size: 25px; line-height: 1; color: #075dff; letter-spacing: 0; }
.market-metrics span { display: block; margin-top: 8px; color: #637895; font-size: 10px; font-weight: 850; text-transform: capitalize; }
.market-metrics-live div { min-height: 72px; background: #fff; }
.market-platform-strip { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; }
.market-platform-pill { min-height: 68px; display: grid; grid-template-columns: 34px minmax(0,1fr); align-items: center; gap: 8px; padding: 9px; border-radius: var(--rxtiny); border: 1px solid var(--line); background: #fff; transition: border-color .18s, box-shadow .18s, transform .18s; animation: aaCardReveal .5s cubic-bezier(.22,1,.36,1) both; animation-delay: var(--aa-delay,0ms); }
.market-platform-pill:hover { border-color: var(--line2); box-shadow: var(--shadow-sm); transform: translateY(-1px); }
.market-platform-pill .platform-mark { width: 34px; height: 34px; border-radius: var(--rxs); font-size: 10px; box-shadow: none; }
.market-platform-pill strong { display: block; color: #0d2144; font-size: 16px; line-height: 1; }
.market-platform-pill small { display: block; margin-top: 5px; color: var(--muted); font-size: 10px; font-weight: 850; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.market-list { display: grid; gap: 0; }
.market-row { display: grid; grid-template-columns: 48px minmax(0,1fr) auto; gap: 3px 12px; align-items: center; padding: 11px 0; border-radius: 0; border: 0; border-bottom: 1px solid rgba(7,93,255,.075); background: transparent; transition: color .18s, transform .18s; }
.market-row:hover { color: #075dff; transform: translateX(2px); }
.market-row:last-child { border-bottom: 0; }
.market-row-icon { grid-column: 1; grid-row: 1 / span 2; width: 44px; height: 44px; border-radius: var(--rxs); font-size: 10px; box-shadow: none; overflow: hidden; }
.market-row-media { display: grid; place-items: center; background: #eef8ff; border: 1px solid rgba(7,93,255,.13); color: #075dff; font-size: 12px; font-weight: 950; }
.market-row-media img { width: 100%; height: 100%; object-fit: contain; display: block; padding: 7px; box-sizing: border-box; background: #fff; }
.market-row-media span { display: grid; place-items: center; width: 100%; height: 100%; }
.market-row-name { font-size: 13px; font-weight: 900; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.market-row-meta { grid-column: 2; color: var(--muted); font-size: 11px; font-weight: 700; }
.market-row strong { grid-column: 3; grid-row: 1 / span 2; color: #075dff; font-size: 15px; white-space: nowrap; }
.market-empty { padding: 22px; border-radius: var(--rxtiny); border: 1px dashed var(--line2); color: var(--muted); text-align: center; font-size: 13px; }
.market-view-all { min-height: 46px; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 11px 14px; border-radius: 8px; border: 1px solid rgba(7,93,255,.08); background: #f4f8ff; color: #075dff; font-size: 12px; font-weight: 950; transition: border-color .18s, background .18s, transform .18s; }
.market-view-all:hover { border-color: var(--line2); background: #eef5ff; transform: translateY(-1px); }
.market-view-all strong { font-size: 14px; line-height: 1; }
.home-delivery-flow { display: grid; grid-template-columns: auto minmax(20px,1fr) auto minmax(20px,1fr) auto; gap: 8px; align-items: center; padding: 12px; border-radius: var(--rxtiny); background: linear-gradient(180deg, #f8fbff, #eef5ff); border: 1px solid var(--line); }
.home-delivery-flow span { min-height: 28px; display: inline-flex; align-items: center; justify-content: center; padding: 5px 10px; border-radius: 999px; background: #fff; border: 1px solid rgba(2,86,255,.12); color: #0256ff; font-size: 11px; font-weight: 900; }
.home-delivery-flow i { display: block; height: 2px; border-radius: 999px; background: linear-gradient(90deg, rgba(2,86,255,.18), rgba(2,86,255,.54)); }
.home-feature-strip { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 0; margin-top: 28px; padding: 18px 26px; border-radius: 14px; background: #fff; border: 1px solid rgba(7,93,255,.10); box-shadow: 0 16px 38px rgba(7,93,255,.07); }
.home-feature-strip div { display: grid; grid-template-columns: 56px minmax(0,1fr); gap: 16px; align-items: center; min-height: 76px; padding: 0 24px; border-right: 1px solid rgba(7,93,255,.07); }
.home-feature-strip div:last-child { border-right: 0; }
.home-feature-strip span { width: 56px; height: 56px; display: grid; place-items: center; border-radius: 50%; background: #eef5ff; color: #075dff; font-size: 12px; font-weight: 950; border: 1px solid rgba(7,93,255,.08); box-shadow: inset 0 0 0 1px rgba(255,255,255,.75); }
.home-feature-strip svg { width: 25px; height: 25px; fill: #075dff; display: block; }
.home-feature-strip p { margin: 0; min-width: 0; }
.home-feature-strip strong { display: block; color: #102244; font-size: 15px; line-height: 1.18; font-weight: 950; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.home-feature-strip small { display: block; margin-top: 5px; color: var(--muted); font-size: 12px; line-height: 1.35; font-weight: 750; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.home-platform-grid,
.home-product-grid,
.home-page-grid { display: grid; gap: 12px; align-items: stretch; }
.home-platform-grid { grid-template-columns: repeat(4,1fr); }
.home-product-grid { grid-template-columns: repeat(4,1fr); }
.home-page-grid { grid-template-columns: repeat(4,1fr); }
.home-platform-card,
.home-product-card,
.home-page-link { background: #fff; border: 1px solid var(--line); border-radius: var(--rxtiny); box-shadow: var(--shadow-sm); transition: border-color .18s, box-shadow .18s, transform .18s; }
.home-platform-card:hover,
.home-product-card:hover,
.home-page-link:hover { border-color: var(--line2); box-shadow: 0 18px 38px rgba(2,86,255,.11); transform: translateY(-2px); }
.home-platform-card { position: relative; min-height: 250px; padding: 18px; display: flex; flex-direction: column; overflow: hidden; background: linear-gradient(180deg,#fff,#f8fbff); }
.home-platform-card::before { content: ''; position: absolute; inset: 0 0 auto; height: 4px; background: linear-gradient(90deg,#0256ff,#6aa5ff); opacity: .88; }
.home-platform-card::after { content: ''; position: absolute; right: -38px; top: -38px; width: 120px; height: 120px; border-radius: 50%; background: rgba(2,86,255,.07); pointer-events: none; }
.home-platform-card > * { position: relative; z-index: 1; }
.platform-card-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; min-height: 44px; }
.platform-mark { display: inline-grid; place-items: center; width: 46px; height: 46px; border-radius: 10px; background: #eef5ff; color: #075dff; border: 1px solid rgba(7,93,255,.12); font-size: 12px; font-weight: 900; letter-spacing: .02em; box-shadow: 0 8px 18px rgba(7,93,255,.08); }
.platform-facebook { background: #eef4ff; color: #155eef; }
.platform-tiktok { background: #f5f3ff; color: #6d28d9; }
.platform-google { background: #eef8ff; color: #0256ff; }
.platform-bing { background: #ecfdf5; color: #047857; }
.platform-card-body { margin-top: 16px; }
.home-platform-card h3 { font-size: 17px; line-height: 1.2; letter-spacing: 0; }
.home-platform-card p { margin-top: 9px; color: var(--muted); font-size: 12px; line-height: 1.65; }
.platform-card-foot { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: auto; padding-top: 14px; border-top: 1px solid rgba(2,86,255,.06); }
.platform-card-foot span { color: var(--muted); font-size: 11px; font-weight: 800; }
.platform-card-foot strong { color: #0256ff; font-size: 12px; white-space: nowrap; display: inline-flex; align-items: center; gap: 5px; }
.platform-card-foot strong::after { content: '→'; font-size: 13px; line-height: 1; }
.home-category-shell { display: grid; grid-template-columns: minmax(280px,.82fr) minmax(0,1.38fr); gap: 14px; align-items: stretch; }
.home-category-intro { min-height: 100%; padding: 24px; border-radius: var(--rxl); border: 1px solid var(--line); background: linear-gradient(135deg, #fff 0%, #f8fbff 58%, #eef8ff 100%); box-shadow: var(--shadow); display: flex; flex-direction: column; align-items: flex-start; }
.home-category-intro h2 { margin-top: 8px; max-width: 420px; font-size: 30px; line-height: 1.05; letter-spacing: 0; }
.home-category-intro p { margin-top: 12px; color: var(--muted); font-size: 13px; line-height: 1.7; }
.home-category-intro .btn { margin-top: auto; }
.home-category-guide { width: 100%; display: grid; gap: 8px; margin: 18px 0 12px; }
.home-category-guide div { min-height: 46px; display: grid; grid-template-columns: 30px minmax(0,1fr); gap: 9px; align-items: center; padding: 8px 10px; border-radius: var(--rxtiny); border: 1px solid rgba(2,86,255,.10); background: rgba(255,255,255,.78); box-shadow: var(--shadow-sm); }
.home-category-guide span { width: 30px; height: 30px; display: grid; place-items: center; border-radius: var(--rxs); background: #eef5ff; color: #0256ff; font-size: 12px; font-weight: 900; border: 1px solid rgba(2,86,255,.12); }
.home-category-guide strong { color: #18375d; font-size: 12px; line-height: 1.2; }
.home-category-note { width: 100%; display: grid; grid-template-columns: 8px minmax(0,1fr); gap: 10px; align-items: start; margin-bottom: 18px; padding: 12px; border-radius: var(--rxtiny); background: #f4f9ff; border: 1px solid rgba(2,86,255,.10); }
.home-category-note > span { width: 8px; height: 100%; min-height: 42px; border-radius: 999px; background: linear-gradient(180deg, #0256ff, #8db8ff); }
.home-category-note strong { display: block; color: #102244; font-size: 12px; line-height: 1.3; }
.home-category-note small { display: block; margin-top: 4px; color: var(--muted); font-size: 11px; line-height: 1.45; }
.home-category-metrics { width: 100%; display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 8px; margin: 18px 0; }
.home-category-metrics div { min-height: 76px; padding: 12px; border-radius: var(--rxtiny); border: 1px solid rgba(2,86,255,.1); background: rgba(255,255,255,.78); box-shadow: var(--shadow-sm); }
.home-category-metrics strong { display: block; color: #0256ff; font-size: 24px; line-height: 1; letter-spacing: 0; }
.home-category-metrics span { display: block; margin-top: 7px; color: #557092; font-size: 11px; font-weight: 900; }
.home-category-list { display: grid; gap: 10px; align-items: stretch; }
.home-category-row { display: grid; grid-template-columns: 52px minmax(0,1fr) auto; gap: 12px; align-items: center; min-height: 94px; height: 100%; padding: 13px; border-radius: var(--rxm); border: 1px solid var(--line); background: #fff; box-shadow: var(--shadow-sm); transition: border-color .18s, box-shadow .18s, transform .18s, background .18s; }
.home-category-row:hover { border-color: var(--line2); background: linear-gradient(180deg, #fff, #f8fbff); box-shadow: 0 18px 38px rgba(2,86,255,.1); transform: translateY(-2px); }
.home-category-mark .platform-mark { width: 52px; height: 52px; border-radius: var(--rxtiny); }
.home-category-copy { min-width: 0; }
.home-category-copy > div { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.home-category-copy strong { color: #102244; font-size: 15px; line-height: 1.2; }
.home-category-copy small { display: -webkit-box; margin-top: 6px; color: var(--muted); font-size: 12px; line-height: 1.45; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.home-category-meter { display: block; height: 5px; margin-top: 10px; border-radius: 999px; background: #edf4ff; overflow: hidden; }
.home-category-meter i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #0256ff, #8db8ff); }
.home-category-meta { min-width: 116px; display: grid; justify-items: end; gap: 6px; text-align: right; }
.home-category-meta span { color: #6f83a0; font-size: 11px; font-weight: 800; white-space: nowrap; }
.home-category-meta strong { color: #0256ff; font-size: 13px; font-weight: 900; white-space: nowrap; display: inline-flex; align-items: center; gap: 5px; }
.home-category-meta strong::after { content: '→'; font-size: 13px; line-height: 1; }
.home-category-head { align-items: flex-end; }
.home-category-head p { max-width: 680px; margin-top: 8px; color: var(--muted); font-size: 13px; line-height: 1.65; }
.home-category-list { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.home-category-row { position: relative; display: flex; flex-direction: column; align-items: stretch; min-height: 156px; padding: 19px; overflow: hidden; border-radius: 9px; border-color: rgba(7,93,255,.10); animation: aaCardReveal .46s cubic-bezier(.22,1,.36,1) both; animation-delay: var(--aa-delay,0ms); }
.home-category-row::before { content: none; }
.home-category-row:hover::before { transform: none; }
.home-category-card-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; position: relative; z-index: 1; }
.home-category-card-top .platform-mark { width: 44px; height: 44px; transition: transform .18s ease; }
.home-category-media { width: 44px; height: 44px; flex: 0 0 44px; display: grid; place-items: center; border-radius: 10px; overflow: hidden; background: #eef5ff; border: 1px solid rgba(7,93,255,.12); box-shadow: 0 8px 18px rgba(7,93,255,.08); transition: transform .18s ease; }
.home-category-media .platform-mark { width: 100%; height: 100%; border: 0; border-radius: 0; box-shadow: none; background: transparent; }
.home-category-img { width: 100%; height: 100%; object-fit: contain; display: block; padding: 7px; box-sizing: border-box; background: #fff; }
.home-category-row:hover .home-category-media { transform: translateY(-2px) rotate(-2deg); }
.home-category-stock { display: inline-flex; align-items: center; min-height: 26px; padding: 5px 9px; border-radius: 999px; background: #eafbf2; border: 1px solid rgba(24,166,106,.12); color: #16a064; font-size: 9px; font-weight: 950; white-space: nowrap; }
.home-category-row .home-category-copy { display: flex; flex-direction: column; flex: 1; margin-top: 16px; position: relative; z-index: 1; }
.home-category-row .home-category-copy h3 { color: #102244; font-size: 15px; line-height: 1.2; }
.home-category-row .home-category-copy strong { font-size: 17px; line-height: 1.18; }
.home-category-row .home-category-copy small { margin-top: 8px; -webkit-line-clamp: 2; line-height: 1.48; font-size: 11px; }
.home-category-row .home-category-meter { display: none; }
.home-category-row .home-category-meter i { transform-origin: left center; animation: aaMeterGrow .75s cubic-bezier(.22,1,.36,1) both; animation-delay: calc(var(--aa-delay, 0ms) + 140ms); }
.home-category-row .home-category-meta { display: none; }
.home-category-row .home-category-meta strong { font-size: 13px; }
.home-category-row .home-category-meta span { color: #0256ff; font-size: 11px; font-weight: 900; }
.home-category-foot { display: inline-flex; align-items: center; gap: 6px; margin-top: auto; padding-top: 16px; color: #0256ff; font-size: 12px; font-weight: 950; position: relative; z-index: 1; }
.home-category-foot strong { font-size: 14px; line-height: 1; transition: transform .18s; }
.home-category-row:hover .home-category-foot strong { transform: translateX(2px); }
.home-product-card { padding: 18px; display: flex; flex-direction: column; min-height: 178px; height: 100%; border-radius: 9px; border-color: rgba(7,93,255,.10); }
.product-card-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.home-product-media { width: 46px; height: 46px; flex: 0 0 46px; display: grid; place-items: center; border-radius: 10px; overflow: hidden; background: #eef5ff; border: 1px solid rgba(7,93,255,.12); box-shadow: 0 8px 18px rgba(7,93,255,.08); }
.home-product-media img { width: 100%; height: 100%; object-fit: contain; display: block; padding: 7px; box-sizing: border-box; background: #fff; }
.home-product-media .platform-mark { width: 100%; height: 100%; border: 0; border-radius: 0; box-shadow: none; background: transparent; }
.home-product-card h3 { margin-top: 14px; font-size: 13px; line-height: 1.35; }
.product-card-meta { margin-top: 8px; color: var(--muted); font-size: 11px; line-height: 1.5; }
.product-card-foot { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: auto; padding-top: 14px; border-top: 1px solid rgba(2,86,255,.06); }
.product-card-foot strong { font-size: 17px; color: #075dff; letter-spacing: 0; }
.home-product-dots { display: flex; align-items: center; justify-content: center; gap: 7px; margin-top: 16px; }
.home-product-dots span { width: 7px; height: 7px; border-radius: 999px; background: #d7e4ff; }
.home-product-dots span:first-child { width: 18px; background: #0256ff; }
.home-page-link { min-height: 150px; padding: 18px; display: grid; gap: 8px; align-content: start; }
.home-page-link span { color: #0256ff; font-size: 11px; font-weight: 900; letter-spacing: .08em; }
.home-page-link strong { font-size: 17px; }
.home-page-link small { color: var(--muted); font-size: 12px; line-height: 1.6; }

/* ── CAT / POP CARDS ── */
.cat-card, .pop-card { background: #fff; border: 1px solid var(--line); border-radius: var(--rxl); padding: 22px; box-shadow: var(--shadow-sm); cursor: pointer; transition: all .2s; }
.cat-card:hover, .pop-card:hover { border-color: var(--line2); transform: translateY(-2px); box-shadow: 0 18px 38px rgba(2,86,255,.12); }
.pop-ico   { font-size: 28px; margin-bottom: 10px; }
.pop-name  { font-weight: 800; font-size: 14px; margin-bottom: 4px; line-height: 1.3; }
.pop-meta  { font-size: 11px; color: var(--muted); margin-bottom: 10px; }
.pop-foot  { display: flex; justify-content: space-between; align-items: center; }
.pop-price { font-size: 20px; font-weight: 900; letter-spacing: 0; color: #0d2144; }

/* ── STEPS ── */
.home-process-shell { position: relative; overflow: hidden; padding: 28px; border-radius: 14px; background: #fff; border: 1px solid rgba(7,93,255,.10); box-shadow: 0 16px 38px rgba(7,93,255,.07); }
.home-process-shell::before { content: ''; position: absolute; inset: 0 0 auto; height: 4px; background: linear-gradient(90deg, #075dff, rgba(7,93,255,.16), #075dff); opacity: .82; }
.home-process-head { position: relative; z-index: 1; display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; margin-bottom: 22px; }
.home-process-head .eyebrow { margin-bottom: 7px; }
.home-process-head .section-title { max-width: 680px; }
.home-process-badge { display: grid; grid-template-columns: 42px minmax(0,1fr); gap: 12px; align-items: center; min-width: 270px; padding: 12px 14px; border-radius: var(--rxm); background: linear-gradient(180deg, #f8fbff, #eef5ff); border: 1px solid rgba(7,93,255,.11); box-shadow: var(--shadow-sm); }
.home-process-badge > span { width: 42px; height: 42px; display: grid; place-items: center; border-radius: var(--rxs); background: #fff; color: #075dff; border: 1px solid rgba(7,93,255,.12); }
.home-process-badge svg { width: 24px; height: 24px; fill: currentColor; display: block; }
.home-process-badge strong { display: block; color: #102244; font-size: 13px; font-weight: 950; line-height: 1.2; }
.home-process-badge small { display: block; margin-top: 4px; color: var(--muted); font-size: 11px; font-weight: 750; line-height: 1.35; }
.step-g { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; position: relative; z-index: 1; }
.step-g::before { content: ''; position: absolute; left: 8%; right: 8%; top: 44px; border-top: 2px solid rgba(7,93,255,.12); z-index: 0; }
.step-c { position: relative; z-index: 1; min-height: 190px; padding: 18px; border-radius: var(--rxm); background: linear-gradient(180deg, #fff, #f9fcff); border: 1px solid rgba(7,93,255,.10); box-shadow: 0 10px 24px rgba(7,93,255,.045); transition: border-color .18s, box-shadow .18s, transform .18s; }
.step-c:hover { border-color: rgba(7,93,255,.20); box-shadow: 0 16px 34px rgba(7,93,255,.09); transform: translateY(-2px); }
.step-c:not(:last-child)::after { content: ''; position: absolute; top: 36px; right: -11px; width: 18px; height: 18px; border-radius: 50%; background: #fff; border: 1px solid rgba(7,93,255,.14); box-shadow: 0 0 0 5px #fff; z-index: 2; }
.step-c:not(:last-child)::before { content: ''; position: absolute; top: 42px; right: -5px; width: 6px; height: 6px; border-top: 2px solid #075dff; border-right: 2px solid #075dff; transform: rotate(45deg); z-index: 3; opacity: .8; }
.step-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 22px; }
.step-n { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 999px; background: linear-gradient(180deg, #075dff, #0a55e8); color: #fff; font-weight: 950; font-size: 11px; font-family: ui-monospace, monospace; border: 3px solid #dceaff; box-shadow: 0 10px 22px rgba(7,93,255,.17); }
.step-icon { width: 44px; height: 44px; display: grid; place-items: center; border-radius: var(--rxs); background: #eef5ff; color: #075dff; border: 1px solid rgba(7,93,255,.10); }
.step-icon svg { width: 25px; height: 25px; fill: currentColor; display: block; }
.step-c h3 { font-size: 16px; line-height: 1.24; margin-bottom: 9px; color: #102244; font-weight: 950; }
.step-c p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.62; font-weight: 700; }

/* ── REVIEWS ── */
.rev-g    { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.rev-card { background: #fff; border: 1px solid rgba(7,93,255,.10); border-radius: 9px; padding: 22px; box-shadow: var(--shadow-sm); min-height: 150px; }
.rev-stars{ color: #f59e0b; font-size: 14px; margin-bottom: 8px; letter-spacing: 1px; }
.rev-auth { display: flex; align-items: center; gap: 10px; margin-top: 14px; }
.rev-av   { width: 36px; height: 36px; border-radius: 50%; background: #eef4ff; border: 1px solid var(--line); color: #0256ff; font-weight: 900; font-size: 12px; display: grid; place-items: center; flex-shrink: 0; }

/* ── FAQ ── */
.faq-layout { display: grid; grid-template-columns: 260px 1fr; gap: 16px; align-items: start; }
.faq-side   { position: sticky; top: calc(var(--nav) + 14px); background: #fff; border: 1px solid var(--line); border-radius: var(--rx); padding: 18px; box-shadow: var(--shadow); }
.faq-side a { display: flex; align-items: center; justify-content: space-between; padding: 9px 11px; border-radius: var(--rxm); color: var(--muted); font-size: 13px; font-weight: 800; border: 1px solid transparent; transition: all .18s; }
.faq-side a:hover { background: #f4f9ff; color: #0256ff; border-color: var(--line); }
.faq-main   { display: grid; gap: 22px; }
.faq-section { scroll-margin-top: calc(var(--nav) + 18px); }
.faq-list   { display: grid; gap: 10px; }
.faq-item   { background: #fff; border: 1px solid var(--line); border-radius: var(--rxl); box-shadow: var(--shadow-sm); overflow: hidden; }
.faq-item summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 18px; cursor: pointer; font-size: 14px; font-weight: 900; list-style: none; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-plus   { width: 26px; height: 26px; border-radius: 50%; background: #eef5ff; color: #0256ff; display: grid; place-items: center; font-weight: 900; flex-shrink: 0; transition: transform .18s; }
.faq-item[open] .faq-plus { transform: rotate(45deg); }
.faq-answer { padding: 0 18px 16px; color: var(--muted); font-size: 13px; line-height: 1.7; max-width: 82ch; }
.faq-cta    { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }

/* ── CATALOG ── */
.filter-box   { background: #fff; border: 1px solid var(--line); border-radius: var(--rxl); padding: 16px; box-shadow: var(--shadow-sm); margin-bottom: 16px; }
.filter-row   { display: grid; grid-template-columns: minmax(200px,1.5fr) repeat(4,1fr) auto auto; gap: 10px; align-items: end; }
.cat-box      { background: #fff; border: 1px solid var(--line); border-radius: var(--rxl); box-shadow: var(--shadow); overflow: hidden; }
.cat-toolbar  { display: flex; justify-content: space-between; align-items: center; gap: 14px; padding: 14px 18px; border-bottom: 1px solid rgba(2,86,255,.07); flex-wrap: wrap; }
.cat-toolbar-actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; flex-wrap: wrap; }
.cat-page-size { display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 11px; font-weight: 800; white-space: nowrap; }
.cat-page-size .input { width: 78px; min-height: 34px; padding-block: 6px; font-size: 12px; }
.tbl-scroll   { overflow-x: auto; }
.tbl          { width: 100%; border-collapse: collapse; min-width: 900px; }
.tbl th       { background: linear-gradient(180deg, #f3f8ff, #edf5ff); color: #6983a1; font-size: 10px; text-transform: uppercase; letter-spacing: .04em; font-weight: 800; padding: 11px 14px; text-align: left; border-bottom: 1px solid rgba(2,86,255,.09); }
.tbl td       { padding: 12px 14px; border-bottom: 1px solid rgba(2,86,255,.05); font-size: 13px; vertical-align: middle; }
.tbl tr:last-child td { border-bottom: none; }
.tbl tbody tr { cursor: pointer; transition: background .14s; }
.tbl tbody tr:hover { background: rgba(2,86,255,.03); }
.tbl tbody tr:nth-child(even) { background: rgba(248,251,255,.5); }
.tbl tbody tr:nth-child(even):hover { background: rgba(2,86,255,.04); }
.cat-product-cell { display: block; min-width: 0; }
.cat-product-cell.has-thumb { display: grid; grid-template-columns: 40px minmax(0,1fr); align-items: center; gap: 10px; }
.cat-product-thumb { width: 40px; height: 40px; display: grid; place-items: center; border-radius: var(--rxs); overflow: hidden; background: #fff; border: 1px solid rgba(7,93,255,.12); box-shadow: 0 6px 14px rgba(7,93,255,.06); }
.cat-product-thumb img { width: 100%; height: 100%; object-fit: contain; display: block; padding: 6px; box-sizing: border-box; }
.cat-product-copy { min-width: 0; display: block; }
.prod-name-link { font-weight: 800; font-size: 13px; color: #0256ff; }
.prod-sub   { font-size: 11px; color: var(--muted); display: block; margin-top: 2px; }
.plat-b     { display: inline-flex; align-items: center; gap: 5px; padding: 4px 9px; border-radius: 999px; background: #eef5ff; border: 1px solid var(--line); font-size: 11px; font-weight: 800; color: #0256ff; }
.pager-wrap { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 14px 18px; border-top: 1px solid rgba(2,86,255,.07); flex-wrap: wrap; }
.pager      { display: flex; gap: 5px; flex-wrap: wrap; padding: 0; }
.pager-status { margin-left: auto; }
.pg         { min-width: 34px; height: 34px; border-radius: var(--rxs); border: 1px solid var(--line2); background: #fff; font-size: 12px; font-weight: 800; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; padding: 0 8px; transition: all .18s; }
.pg:hover   { background: #eef5ff; color: #0256ff; border-color: rgba(2,86,255,.2); }
.pg.active  { background: linear-gradient(180deg, #0256ff, #1a67ff); color: #fff; border-color: #0256ff; }
.pg:disabled{ opacity: .35; cursor: not-allowed; }
.empty-s    { text-align: center; padding: 56px 20px; }
.empty-ico  { font-size: 44px; margin-bottom: 12px; opacity: .5; }

/* ── PRODUCT ── */
.product-page-wrap { padding-bottom: 60px; }
.product-page-stack { display: grid; gap: 14px; margin-top: 20px; }
.product-top-layout {
  display: grid;
  grid-template-columns: minmax(0,1fr) 380px;
  grid-template-areas:
    "overview purchase"
    "details purchase"
    "description purchase";
  gap: 16px;
  align-items: start;
}
.product-overview-card,
.product-info-panel,
.purchase-card { background: #fff; border: 1px solid var(--line); border-radius: var(--rxl); box-shadow: var(--shadow); }
.product-overview-card { grid-area: overview; padding: 16px; }
.prod-main-grid { display: grid; grid-template-columns: minmax(240px, 360px) minmax(0,1fr); gap: 16px; align-items: stretch; }
.prod-media-cell { min-width: 0; }
.prod-media { width: 100%; height: 260px; object-fit: contain; background: linear-gradient(135deg, #dbeafe, #fff 60%, #e0f2fe); border: 1px solid var(--line); border-radius: var(--rxm); display: grid; place-items: center; font-size: 54px; box-shadow: var(--shadow-sm); }
img.prod-media { padding: 18px; background: #fff; box-sizing: border-box; }
.prod-summary-card { display: flex; flex-direction: column; justify-content: center; min-width: 0; }
.prod-summary-card .eyebrow { margin-bottom: 9px; }
.prod-chip-row { margin-top: 9px; display: flex; flex-wrap: wrap; gap: 7px; }
.prod-price { font-size: 40px; font-weight: 900; letter-spacing: 0; color: #0d2144; line-height: 1; margin-bottom: 6px; }
.del-card { background: #f8fbff; border: 1px solid var(--line); border-radius: var(--rxm); padding: 13px; margin-top: 14px; }
.del-row { display: flex; align-items: center; gap: 12px; }
.del-ico { width: 38px; height: 38px; border-radius: var(--rxm); display: grid; place-items: center; font-size: 17px; flex-shrink: 0; }
.del-auto { background: #eef8ff; }
.del-man { background: #fff7e8; }
.delivery-title { font-weight: 800; font-size: 14px; }
.delivery-title-auto { color: #0256ff; }
.delivery-title-manual { color: #c78a2d; }
.purchase-hint { display: grid; grid-template-columns: auto auto minmax(16px,1fr) auto auto minmax(16px,1fr) auto auto; align-items: center; gap: 7px; margin-top: 14px; color: var(--muted); font-size: 11px; font-weight: 800; }
.purchase-hint span { width: 20px; height: 20px; display: grid; place-items: center; border-radius: 50%; background: #eef5ff; color: #0256ff; font-size: 10px; font-weight: 900; border: 1px solid rgba(2,86,255,.12); }
.purchase-hint i { height: 2px; border-radius: 999px; background: rgba(2,86,255,.18); }
.product-details-grid { grid-area: details; display: grid; grid-template-columns: 1fr 1fr; gap: 14px; align-items: start; }
.product-info-panel { padding: 16px; box-shadow: var(--shadow-sm); }
.product-description-panel { grid-area: description; }
.product-description-panel h3 { font-size: 14px; margin-bottom: 12px; }
.receive-list { display: grid; gap: 9px; }
.receive-item { display: grid; grid-template-columns: 24px minmax(0,1fr); gap: 10px; align-items: start; font-size: 13px; line-height: 1.55; }
.receive-item span { width: 24px; height: 24px; border-radius: 50%; background: #eef4ff; color: #0256ff; font-size: 11px; font-weight: 900; display: grid; place-items: center; border: 1px solid rgba(2,86,255,.1); }

/* ── ORDER BOX ── */
.order-box { grid-area: purchase; position: sticky; top: calc(var(--nav) + 14px); }
.purchase-card { padding: 16px; display: grid; gap: 14px; }
.purchase-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.purchase-head h2 { margin-top: 4px; font-size: 18px; line-height: 1.15; }
.purchase-head strong { color: #0256ff; font-size: 24px; line-height: 1; white-space: nowrap; }
.purchase-step { border-top: 1px solid rgba(2,86,255,.07); padding-top: 14px; display: grid; gap: 10px; }
.purchase-head + .purchase-step { border-top: 0; padding-top: 0; }
.purchase-step-head { display: grid; grid-template-columns: 28px minmax(0,1fr); gap: 9px; align-items: start; }
.purchase-step-num { width: 28px; height: 28px; border-radius: var(--rxs); background: #eef5ff; border: 1px solid rgba(2,86,255,.12); color: #0256ff; display: grid; place-items: center; font-size: 12px; font-weight: 900; font-family: ui-monospace, monospace; }
.purchase-step-head strong { display: block; color: #0d2144; font-size: 13px; line-height: 1.3; }
.purchase-step-head small { display: block; margin-top: 2px; color: var(--muted); font-size: 11px; line-height: 1.45; }
.qty-c { display: grid; grid-template-columns: 42px 52px 42px; align-items: stretch; border: 1px solid var(--line2); border-radius: var(--rxm); overflow: hidden; background: #fff; width: max-content; }
.qty-b { width: 42px; height: 38px; border: none; background: #f3f8ff; font-size: 18px; line-height: 1; cursor: pointer; color: var(--text); transition: background .15s; display: grid; place-items: center; font-weight: 900; padding: 0; }
.qty-b:hover { background: #e8f2ff; color: #0256ff; }
.qty-i { width: 52px; height: 38px; border: none; text-align: center; font-weight: 900; font-size: 14px; line-height: 38px; background: #fff; padding: 0; }
.extras-wrap { display: grid; gap: 9px; }
.opt-box { background: #f8fbff; border: 1px solid var(--line); border-radius: var(--rxm); padding: 11px; }
.opt-row { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 10px; }
.opt-lbl { display: flex; align-items: flex-start; gap: 9px; cursor: pointer; font-size: 13px; font-weight: 600; min-width: 0; line-height: 1.3; }
.opt-lbl > div { min-width: 0; }
.opt-lbl input[type=checkbox] { accent-color: #0256ff; width: 16px; height: 16px; cursor: pointer; flex-shrink: 0; margin-top: 2px; }
.opt-title-line { display: flex; align-items: center; gap: 6px; min-width: 0; }
.opt-name { font-size: 13px; font-weight: 800; overflow-wrap: anywhere; }
.opt-price { margin-top: 4px; font-size: 12px; color: var(--muted); font-weight: 800; white-space: nowrap; }
.opt-qc { display: grid; grid-template-columns: 38px 42px 38px; align-items: stretch; justify-self: end; min-width: 118px; height: 36px; border: 1px solid var(--line2); border-radius: var(--rxs); overflow: hidden; background: #fff; flex-shrink: 0; }
.oqb { width: 38px; height: 36px; border: none; background: #f3f8ff; font-size: 14px; line-height: 1; cursor: pointer; display: grid; place-items: center; font-weight: 900; color: var(--text); transition: background .15s; padding: 0; }
.oqb:hover { background: #e8f2ff; color: #0256ff; }
.oqn { width: 42px; height: 36px; display: grid; place-items: center; border: none; text-align: center; font-weight: 900; font-size: 12px; background: #fff; line-height: 1; }
.tot-line { display: flex; justify-content: space-between; gap: 10px; font-size: 13px; padding: 5px 0; }
.tot-line span:last-child { font-weight: 800; white-space: nowrap; }
.tot-grand { font-size: 16px; font-weight: 900; border-top: 1px solid var(--line2); padding-top: 10px; margin-top: 6px; }
.tot-grand span:last-child { color: #0256ff; font-size: 20px; }
.purchase-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 4px; }
.purchase-actions .btn:only-child { grid-column: 1 / -1; }

/* ── CART PAGE ── */
.cart-layout { display: grid; grid-template-columns: 1fr 340px; gap: 16px; margin-top: 20px; align-items: start; }
.cart-item-row { background: #fff; border: 1px solid var(--line); border-radius: var(--rxl); padding: 16px; display: grid; grid-template-columns: 1fr auto; gap: 14px; align-items: center; }
.cart-item-main { display: block; min-width: 0; }
.cart-item-main.has-media { display: grid; grid-template-columns: 54px minmax(0,1fr); gap: 12px; align-items: center; }
.cart-item-media { width: 54px; height: 54px; display: grid; place-items: center; border-radius: var(--rxm); overflow: hidden; background: #fff; border: 1px solid rgba(7,93,255,.12); box-shadow: 0 8px 18px rgba(7,93,255,.08); }
.cart-item-media img { width: 100%; height: 100%; object-fit: contain; display: block; padding: 8px; box-sizing: border-box; }
.cart-item-name  { font-weight: 800; font-size: 14px; margin-bottom: 6px; line-height: 1.3; }
.cart-item-meta  { font-size: 12px; color: var(--muted); line-height: 1.7; }
.cart-item-price { font-weight: 900; font-size: 20px; color: #0256ff; white-space: nowrap; }
.cart-empty      { text-align: center; padding: 60px 20px; }
.dc-rm { font-size: 11px; color: var(--muted); cursor: pointer; padding: 4px 8px; border-radius: var(--rxtiny); border: 1px solid var(--line); background: #fff; transition: all .15s; }
.dc-rm:hover { color: #d54b4b; border-color: #ffd1d1; }
.aa-cart-qty { width: 74px; padding: 6px 8px; margin-left: 6px; border-radius: var(--rxs); font-size: 12px; }

/* ── CHECKOUT ── */
.co-layout  { display: grid; grid-template-columns: 1fr 360px; gap: 16px; margin-top: 20px; align-items: start; }
.crypto-g   { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.cry-opt    { border: 1px solid var(--line); border-radius: var(--rxm); padding: 13px 10px; text-align: center; cursor: pointer; transition: all .18s; background: #fff; }
.cry-opt:hover { border-color: var(--line2); }
.cry-opt.sel{ border-color: rgba(2,86,255,.3); background: #eef5ff; }
.cry-opt .ico { font-size: 22px; margin-bottom: 5px; }
.cry-opt .cname { font-size: 11px; font-weight: 800; color: var(--muted); }
.cry-opt.sel .cname { color: #0256ff; }
.aa-proto-checkout { margin: 0; }
.aa-checkout-field-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.aa-checkout-section-head { margin-bottom: 16px; }
.aa-checkout-section-head h2 { font-size: 18px; line-height: 1.2; }
.aa-checkout-section-head p { margin-top: 6px; color: var(--muted); font-size: 12px; line-height: 1.55; max-width: 62ch; }
.aa-account-checkout-note { display: grid; gap: 4px; margin: -2px 0 14px; padding: 12px 14px; border: 1px solid rgba(2,86,255,.11); border-radius: var(--rxs); background: linear-gradient(180deg,#f8fbff,#eef5ff); }
.aa-account-checkout-note strong { color: var(--text); font-size: 13px; line-height: 1.2; }
.aa-account-checkout-note span { color: var(--muted); font-size: 12px; line-height: 1.55; }
.aa-contact-grid { align-items: start; }
.aa-contact-panel > .aa-wc-field-full { margin-top: 12px; }
.aa-wc-field-full,
.aa-wc-field-full.form-row { grid-column: 1 / -1; }
.aa-wc-hidden-field { display: none !important; }
.aa-proto-checkout .form-row { margin: 0; }
.aa-proto-checkout .form-row.aa-wc-field-full { width: 100%; }
.aa-proto-checkout .woocommerce-input-wrapper { display: block; width: 100%; }
.aa-proto-checkout .form-row label { font-size: 11px; font-weight: 800; color: var(--muted); letter-spacing: .02em; text-transform: uppercase; }
.aa-proto-checkout .required { color: #d54b4b; text-decoration: none; }
.aa-payment-flow { display: grid; grid-template-columns: auto minmax(18px,1fr) auto minmax(18px,1fr) auto; align-items: center; gap: 8px; margin: 0 0 14px; padding: 10px; border-radius: var(--rxm); background: #f8fbff; border: 1px solid rgba(2,86,255,.09); }
.aa-payment-flow span { display: inline-flex; align-items: center; gap: 7px; color: var(--muted); font-size: 11px; font-weight: 900; white-space: nowrap; }
.aa-payment-flow b { width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; background: #eef5ff; color: #0256ff; border: 1px solid rgba(2,86,255,.12); font-size: 11px; }
.aa-payment-flow i { display: block; height: 2px; background: rgba(2,86,255,.16); border-radius: 999px; }
.aa-payment-method-list { display: grid; gap: 10px; }
.aa-payment-option { position: relative; display: grid; grid-template-columns: auto 48px minmax(0,1fr) auto; gap: 12px; align-items: center; min-height: 86px; padding: 14px; border-radius: var(--rxm); border: 1px solid var(--line); background: linear-gradient(180deg,#fff,#f8fbff); cursor: pointer; transition: border-color .18s, box-shadow .18s, background .18s, transform .18s; }
.aa-payment-option:hover { border-color: rgba(2,86,255,.24); box-shadow: var(--shadow-sm); transform: translateY(-1px); }
.aa-payment-option.sel { border-color: rgba(2,86,255,.48); background: linear-gradient(180deg,#f7fbff,#edf5ff); box-shadow: 0 12px 28px rgba(2,86,255,.12); }
.aa-payment-option input[type=radio] { position: absolute; opacity: 0; pointer-events: none; }
.aa-payment-radio { width: 20px; height: 20px; border-radius: 50%; border: 2px solid rgba(2,86,255,.22); background: #fff; display: grid; place-items: center; }
.aa-payment-radio::after { content: ''; width: 8px; height: 8px; border-radius: 50%; background: #0256ff; transform: scale(0); transition: transform .16s; }
.aa-payment-option.sel .aa-payment-radio { border-color: #0256ff; }
.aa-payment-option.sel .aa-payment-radio::after { transform: scale(1); }
.aa-payment-icon { width: 48px; height: 48px; border-radius: var(--rxs); background: #eef5ff; border: 1px solid rgba(2,86,255,.12); color: #0256ff; display: grid; place-items: center; font-size: 24px; font-weight: 900; box-shadow: inset 0 0 0 1px rgba(255,255,255,.45); }
.aa-payment-copy { display: grid; gap: 4px; min-width: 0; }
.aa-payment-copy strong { color: #0d2144; font-size: 14px; line-height: 1.25; overflow-wrap: anywhere; }
.aa-payment-copy small { color: var(--muted); font-size: 12px; line-height: 1.45; overflow-wrap: anywhere; }
.aa-payment-badge { align-self: start; justify-self: end; padding: 5px 8px; border-radius: 999px; background: #eef8ff; border: 1px solid rgba(2,86,255,.14); color: #0256ff; font-size: 10px; font-weight: 900; white-space: nowrap; }
.aa-payment-badge-soft { background: #f3f5f8; color: var(--muted); border-color: #e2e8f0; }
.aa-pay-card { position: relative; min-height: 86px; }
.aa-pay-card input[type=radio] { position: absolute; opacity: 0; pointer-events: none; }
.aa-payment-fields-wrap { margin-top: 12px; }
.aa-payment-fields-wrap .payment_box { background: #f8fbff; border: 1px solid var(--line); border-radius: var(--rxm); padding: 14px; color: var(--muted); font-size: 13px; line-height: 1.6; }
.aa-payment-fields-wrap .payment_box p { margin: 0 0 8px; }
.aa-payment-fields-wrap .payment_box p:last-child { margin-bottom: 0; }
.aa-payment-fields-wrap .np-onsite-currency-field { display: grid; gap: 7px; margin-top: 8px; }
.aa-payment-fields-wrap .np-onsite-currency-field label { color: #0d2144; font-size: 12px; font-weight: 900; letter-spacing: .02em; text-transform: uppercase; }
.aa-payment-fields-wrap .np-onsite-currency-field select { min-height: 42px; border: 1px solid rgba(2,86,255,.18); border-radius: var(--rxm); background: #fff; color: #0d2144; font-weight: 800; padding: 0 12px; }
.aa-order-review-card { align-self: start; position: sticky; top: calc(var(--nav) + 14px); }
.aa-terms { display: flex; align-items: flex-start; gap: 8px; margin: 14px 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
.aa-terms input { margin-top: 3px; accent-color: #0256ff; }
.sum-item   { display: flex; justify-content: space-between; gap: 10px; padding: 8px 0; border-bottom: 1px solid rgba(2,86,255,.06); font-size: 13px; }
.sum-item:last-of-type { border-bottom: none; }
.aa-checkout-product-item { align-items: center; }
.aa-checkout-product-main { display: block; min-width: 0; }
.aa-checkout-product-main.has-media { display: grid; grid-template-columns: 46px minmax(0,1fr); gap: 10px; align-items: center; }
.aa-checkout-product-media { width: 46px; height: 46px; display: grid; place-items: center; border-radius: var(--rxs); overflow: hidden; background: #fff; border: 1px solid rgba(7,93,255,.12); box-shadow: 0 6px 14px rgba(7,93,255,.06); }
a.aa-checkout-product-media { transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
a.aa-checkout-product-media:hover { border-color: rgba(2,86,255,.32); box-shadow: 0 10px 18px rgba(7,93,255,.12); transform: translateY(-1px); }
.aa-checkout-product-media img { width: 100%; height: 100%; object-fit: contain; display: block; padding: 7px; box-sizing: border-box; }
.aa-checkout-product-link { color: var(--text); font-weight: 900; line-height: 1.35; text-decoration: none; }
.aa-checkout-product-link:hover { color: #0256ff; text-decoration: underline; text-underline-offset: 3px; }
.aa-checkout-product-qty { color: var(--muted); font-weight: 800; white-space: nowrap; }
.sum-total  { display: flex; justify-content: space-between; align-items: center; padding-top: 12px; margin-top: 8px; border-top: 2px solid var(--line2); }

.aa-order-received-wrap { max-width: 960px; }
.aa-order-received-card { display: grid; grid-template-columns: 62px minmax(0,1fr); gap: 18px; align-items: start; padding: 28px; }
.aa-order-received-mark { width: 62px; height: 62px; border-radius: var(--rxm); display: grid; place-items: center; background: linear-gradient(180deg,#eef5ff,#dceaff); color: #0256ff; border: 1px solid rgba(2,86,255,.18); font-size: 28px; font-weight: 900; }
.aa-order-received-copy h2 { margin-top: 5px; font-size: 26px; line-height: 1.12; letter-spacing: 0; }
.aa-order-received-copy p { margin-top: 8px; color: var(--muted); font-size: 13px; line-height: 1.6; }
.aa-order-received-meta { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; margin-top: 2px; }
.aa-order-received-meta div { min-width: 0; display: grid; gap: 4px; padding: 12px; border: 1px solid var(--line); border-radius: var(--rxm); background: #f8fbff; }
.aa-order-received-meta span { color: var(--muted); font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .03em; }
.aa-order-received-meta strong { color: var(--text); font-size: 13px; line-height: 1.35; overflow-wrap: anywhere; }
.aa-order-received-note { grid-column: 1 / -1; padding: 12px 14px; border-radius: var(--rxm); border: 1px solid rgba(2,86,255,.10); background: linear-gradient(180deg,#f8fbff,#f0f6ff); color: var(--muted); font-size: 12px; line-height: 1.55; }
.aa-order-received-actions { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }

/* ── PAYMENT ── */
.pay-layout  { display: grid; grid-template-columns: 1fr 340px; gap: 16px; margin-top: 20px; align-items: start; }
.copy-box    { display: flex; gap: 8px; align-items: center; background: linear-gradient(180deg,#fff,#f8fbff); border: 1px solid var(--line); padding: 10px 13px; border-radius: var(--rxm); }
.copy-val    { flex: 1; font-size: 12px; font-family: ui-monospace, monospace; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #0256ff; }
.prog-bar    { width: 100%; height: 8px; background: #edf5ff; border-radius: 999px; overflow: hidden; border: 1px solid var(--line); }
.prog-fill   { height: 100%; background: linear-gradient(90deg,#0256ff,#2f7bff); transition: width 1s linear; border-radius: 999px; }
.qr-box      { width: 170px; height: 170px; border-radius: var(--rxl); border: 1px solid var(--line); background: repeating-conic-gradient(#c8d9ff 0% 25%, transparent 0% 50%) 0 0/18px 18px; display: block; margin: 0 auto; }
.qr-box img  { width: 100%; height: 100%; display: block; border-radius: inherit; }
.timer       { font-size: 32px; font-weight: 900; letter-spacing: 0; color: #c78a2d; font-family: ui-monospace, monospace; }

/* ── ISSUED DATA ── */
.issued-box  { border: 1px dashed rgba(2,86,255,.22); border-radius: var(--rxm); background: #f8fbff; padding: 16px; }
.iss-row     { display: flex; justify-content: space-between; align-items: center; padding: 7px 0; border-bottom: 1px solid rgba(2,86,255,.06); gap: 10px; }
.iss-row:last-child { border-bottom: none; }
.iss-k       { font-size: 12px; color: var(--muted); flex-shrink: 0; }
.iss-v       { font-family: ui-monospace, monospace; font-size: 12px; color: #0256ff; cursor: pointer; background: #eef5ff; padding: 3px 8px; border-radius: 5px; border: 1px solid rgba(2,86,255,.1); transition: all .15s; word-break: break-all; text-align: right; }
.iss-v:hover { background: #ddeeff; }
.iss-v.copied{ background: #d4f0d4; color: #157a30; border-color: rgba(21,122,48,.2); }

/* ── ETA BLOCK ── */
.eta-block   { background: linear-gradient(180deg,#fff7e8,#fffbf0); border: 1px solid #ffe2a8; border-radius: var(--rxl); padding: 16px; }
.eta-block h4{ font-size: 14px; font-weight: 800; color: #c78a2d; margin-bottom: 8px; }

/* ── ACCOUNT ── */
.acct-layout { display: grid; grid-template-columns: 220px 1fr; gap: 16px; margin-top: 20px; align-items: start; }
.acct-side   { background: #fff; border: 1px solid var(--line); border-radius: var(--rxl); padding: 20px; box-shadow: var(--shadow); position: sticky; top: calc(var(--nav) + 14px); }
.acct-user   { display: flex; align-items: center; gap: 12px; padding-bottom: 16px; border-bottom: 1px solid var(--line); margin-bottom: 14px; min-width: 0; }
.acct-user > div:last-child { min-width: 0; }
.acct-av     { width: 42px; height: 42px; border-radius: 50%; background: #eef4ff; border: 2px solid rgba(2,86,255,.18); color: #0256ff; font-weight: 900; font-size: 16px; display: grid; place-items: center; flex-shrink: 0; }
.acct-name   { font-weight: 800; font-size: 14px; }
.acct-email  { font-size: 11px; color: var(--muted); line-height: 1.35; overflow-wrap: anywhere; word-break: break-word; }
.acct-nav a  { display: flex; align-items: center; gap: 9px; padding: 9px 11px; border-radius: var(--rxm); font-size: 13px; font-weight: 700; color: var(--muted); cursor: pointer; transition: all .18s; margin-bottom: 4px; border: 1px solid transparent; }
.acct-nav a:hover  { background: #f4f9ff; color: var(--text); }
.acct-nav a.active { background: rgba(2,86,255,.08); color: #0256ff; border-color: rgba(2,86,255,.1); }
.order-row   { background: #fff; border: 1px solid var(--line); border-radius: var(--rxl); padding: 16px; cursor: pointer; transition: all .18s; display: grid; grid-template-columns: 1fr auto; gap: 14px; align-items: center; }
.order-row:hover { border-color: var(--line2); box-shadow: var(--shadow); }
.order-row-name  { font-weight: 800; font-size: 14px; margin-bottom: 5px; }
.order-row-meta  { font-size: 12px; color: var(--muted); display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.order-row-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; }
.acct-wc-layout { grid-template-columns: 240px minmax(0,1fr); }
.acct-main-stack { display: grid; gap: 16px; min-width: 0; }
.acct-stat-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 12px; }
.acct-stat { background: linear-gradient(180deg,#fff,#f8fbff); border: 1px solid var(--line); border-radius: var(--rxl); padding: 16px; box-shadow: var(--shadow-sm); min-height: 118px; display: flex; flex-direction: column; justify-content: space-between; }
.acct-stat span { color: var(--muted); font-size: 11px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.acct-stat strong { color: #0d2144; font-size: 32px; line-height: 1; letter-spacing: 0; margin-top: 10px; }
.acct-stat small { color: var(--muted); font-size: 11px; line-height: 1.4; margin-top: 8px; }
.acct-section { background: #fff; border: 1px solid var(--line); border-radius: var(--rxl); padding: 18px; box-shadow: var(--shadow); scroll-margin-top: calc(var(--nav) + 18px); }
.acct-section-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 14px; margin-bottom: 16px; }
.acct-section-head h2 { font-size: 19px; line-height: 1.15; margin-top: 4px; letter-spacing: 0; }
.acct-head-actions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex-wrap: wrap; }
.acct-order-search { width: min(100%, 250px); min-height: 36px; }
.acct-order-list { display: grid; gap: 10px; }
.acct-order-card { border: 1px solid var(--line); border-radius: var(--rxm); background: linear-gradient(180deg,#fff,#fbfdff); padding: 14px; display: grid; gap: 11px; transition: border-color .18s, box-shadow .18s, transform .18s; }
.acct-order-card:hover { border-color: rgba(2,86,255,.25); box-shadow: var(--shadow-sm); transform: translateY(-1px); }
.acct-order-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.acct-order-id { color: #0d2144; font-size: 15px; font-weight: 900; }
.acct-order-total { color: #0256ff; font-size: 20px; font-weight: 900; white-space: nowrap; }
.acct-order-items { color: #0d2144; font-size: 13px; line-height: 1.55; font-weight: 700; }
.acct-order-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; }
.acct-order-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.acct-empty-state,
.acct-empty-filter { text-align: center; padding: 34px 18px; background: #f8fbff; border: 1px dashed rgba(2,86,255,.18); border-radius: var(--rxm); }
.acct-nav-badge { display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; margin-left: auto; padding: 0 6px; border-radius: 999px; background: #075dff; color: #fff; font-size: 11px; font-weight: 900; line-height: 20px; }
.acct-issued-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 12px; }
.acct-issued-grid { display: grid; gap: 12px; }
.acct-issued-card { border: 1px solid var(--line); border-radius: var(--rxm); background: #f8fbff; padding: 14px; }
.acct-issued-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; padding-bottom: 11px; border-bottom: 1px solid rgba(2,86,255,.08); margin-bottom: 10px; }
.acct-issued-head strong { display: block; color: #0d2144; font-size: 14px; line-height: 1.35; margin-bottom: 4px; }
.acct-issued-head span { display: block; color: var(--muted); }
.acct-issued-groups { display: grid; gap: 10px; }
.acct-issued-group { padding: 10px; border: 1px solid rgba(2,86,255,.07); border-radius: var(--rxs); background: #fff; }
.acct-issued-group h3 { margin-bottom: 8px; color: #0256ff; font-size: 12px; font-weight: 900; text-transform: uppercase; letter-spacing: .06em; }
.acct-issued-table { display: grid; gap: 8px; }
.acct-issued-row { display: grid; grid-template-columns: minmax(110px,.42fr) minmax(0,1fr); align-items: center; gap: 8px; padding: 8px; border: 1px solid rgba(2,86,255,.07); border-radius: var(--rxs); background: #f8fbff; }
.acct-issued-row span { color: var(--muted); font-size: 12px; font-weight: 800; }
.acct-order-timeline { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 6px; margin-top: 12px; }
.acct-order-timeline span { position: relative; display: grid; gap: 5px; justify-items: center; min-width: 0; color: var(--muted); font-size: 10px; font-weight: 900; text-align: center; }
.acct-order-timeline span::before { content: ''; position: absolute; top: 13px; left: -50%; right: 50%; height: 2px; background: rgba(7,93,255,.12); z-index: 0; }
.acct-order-timeline span:first-child::before { display: none; }
.acct-order-timeline i { position: relative; z-index: 1; display: grid; place-items: center; width: 26px; height: 26px; border-radius: 999px; background: #f4f8ff; border: 1px solid rgba(7,93,255,.15); color: #7890ad; font-style: normal; }
.acct-order-timeline b { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.acct-order-timeline .done::before,
.acct-order-timeline .active::before { background: #075dff; }
.acct-order-timeline .done i,
.acct-order-timeline .active i { background: #075dff; border-color: #075dff; color: #fff; }
.acct-order-timeline .active b { color: #075dff; }
.acct-order-timeline .issue i { background: #ef4444; border-color: #ef4444; color: #fff; }
.acct-order-timeline .issue b { color: #b91c1c; }
.acct-secret-value { display: grid; grid-template-columns: minmax(0,1fr) auto auto; gap: 6px; align-items: center; min-width: 0; }
.acct-secret-value code { color: #0256ff; background: #eef5ff; border: 1px solid rgba(2,86,255,.09); border-radius: 6px; padding: 6px 8px; font-size: 12px; word-break: break-all; white-space: normal; min-width: 0; }
.copy-credential,
.toggle-credential { border: 1px solid var(--line2); background: #fff; border-radius: var(--rxs); min-height: 30px; padding: 0 10px; color: #0256ff; font-size: 11px; font-weight: 900; cursor: pointer; }
.copy-credential:hover,
.toggle-credential:hover { background: #eef5ff; }
.acct-support-grid { display: grid; grid-template-columns: minmax(0,1fr) 320px; gap: 14px; align-items: start; }
.acct-support-card,
.acct-thread-preview { border: 1px solid var(--line); border-radius: var(--rxm); background: #f8fbff; padding: 14px; }
.acct-support-form { display: grid; gap: 12px; }
.acct-support-form .btn { justify-self: start; }
.acct-thread-preview h3 { font-size: 14px; margin-bottom: 12px; }
.acct-thread-msg { border: 1px solid rgba(2,86,255,.09); border-radius: var(--rxm); background: #fff; padding: 10px; margin-bottom: 8px; }
.acct-thread-msg:last-child { margin-bottom: 0; }
.acct-profile-grid { display: grid; grid-template-columns: minmax(0,1fr) 240px; gap: 16px; align-items: start; }
.acct-profile-actions { display: grid; gap: 8px; }
.acct-endpoint-grid { display: grid; grid-template-columns: minmax(0,1fr) 300px; gap: 16px; align-items: start; }
.acct-order-aside { position: sticky; top: calc(var(--nav) + 14px); display: grid; gap: 12px; }
.acct-items-list { display: grid; gap: 9px; }
.acct-item-row { display: grid; grid-template-columns: minmax(0,1fr) minmax(82px,max-content); gap: 12px; align-items: center; padding: 12px; border: 1px solid var(--line); border-radius: var(--rxm); background: #f8fbff; }
.acct-item-main { display: block; min-width: 0; }
.acct-item-main.has-media { display: grid; grid-template-columns: 52px minmax(0,1fr); gap: 12px; align-items: center; }
.acct-item-media { width: 52px; height: 52px; display: grid; place-items: center; border-radius: var(--rxs); overflow: hidden; background: #fff; border: 1px solid rgba(7,93,255,.12); box-shadow: 0 6px 14px rgba(7,93,255,.06); }
.acct-item-media:hover { border-color: rgba(7,93,255,.28); box-shadow: 0 10px 20px rgba(7,93,255,.10); }
.acct-item-media img { width: 100%; height: 100%; object-fit: contain; display: block; padding: 8px; box-sizing: border-box; }
.acct-item-row strong { display: block; color: #0d2144; font-size: 13px; line-height: 1.35; margin-bottom: 4px; }
.acct-product-link { color: #0d2144; text-decoration: none; border-bottom: 1px solid transparent; transition: color .18s, border-color .18s; }
.acct-product-link:hover { color: #075dff; border-bottom-color: rgba(7,93,255,.28); }
.acct-order-item-links { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.acct-product-chip { display: inline-flex; align-items: center; max-width: 100%; padding: 5px 8px; border-radius: 999px; background: rgba(7,93,255,.06); border: 1px solid rgba(7,93,255,.10); color: #0d2144; font-size: 12px; font-weight: 800; line-height: 1.25; transition: background .18s, border-color .18s, color .18s; }
.acct-product-chip:hover { background: rgba(7,93,255,.10); border-color: rgba(7,93,255,.22); color: #075dff; }
.acct-product-chip.is-static { color: var(--muted); }
.acct-item-main span:not(.acct-item-media) { display: block; color: var(--muted); font-size: 12px; line-height: 1.55; }
.acct-item-total { color: #0256ff; font-weight: 900; white-space: nowrap; text-align: right; display: flex; align-items: center; justify-content: flex-end; min-width: 82px; }
.acct-item-total span,
.acct-item-total bdi { display: inline-flex; align-items: baseline; gap: 2px; white-space: nowrap; }
.acct-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.acct-form-grid .form-row { float: none; width: auto; margin: 0; padding: 0; }
.acct-form-grid .woocommerce-input-wrapper { display: block; width: 100%; }
.acct-form-grid .form-row-wide,
.acct-form-grid .clear,
.acct-form-divider,
.acct-form-actions { grid-column: 1 / -1; }
.acct-form-grid label { font-size: 11px; font-weight: 800; color: var(--muted); letter-spacing: .02em; text-transform: uppercase; }
.acct-form-grid input[type=text],
.acct-form-grid input[type=email],
.acct-form-grid input[type=tel],
.acct-form-grid input[type=password],
.acct-form-grid select,
.acct-form-grid textarea { width: 100%; padding: 10px 13px; border: 1px solid rgba(2,86,255,.15); background: linear-gradient(180deg,#fff,#fafcff); border-radius: var(--rxm); color: var(--text); font-size: 13px; }
.acct-form-divider { color: #0d2144; font-weight: 900; font-size: 13px; padding-top: 8px; border-top: 1px solid rgba(2,86,255,.08); }
.acct-form-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.acct-address-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.acct-address-card { border: 1px solid var(--line); border-radius: var(--rxm); background: #f8fbff; padding: 16px; display: grid; gap: 12px; align-content: start; }
.acct-address-card h3 { color: #0d2144; font-size: 15px; }
.acct-address-card address { color: var(--muted); font-size: 13px; line-height: 1.65; font-style: normal; min-height: 80px; }
.acct-embedded-wc .woocommerce-MyAccount-navigation { display: none; }
.acct-embedded-wc .woocommerce-MyAccount-content { float: none; width: auto; padding: 0; border: 0; box-shadow: none; background: transparent; }

/* ── ORDER DETAILS ── */
.od-layout  { display: grid; grid-template-columns: 1fr 300px; gap: 16px; margin-top: 20px; align-items: start; }
.thread-box { display: grid; gap: 10px; margin-bottom: 14px; }
.msg        { border: 1px solid var(--line); border-radius: var(--rxl); padding: 12px 14px; }
.msg.support   { background: #f5f9ff; }
.msg.system-msg{ background: #f8f8fb; border-style: dashed; }
.msg-head   { display: flex; justify-content: space-between; font-size: 11px; color: var(--muted); margin-bottom: 6px; }
.msg-body   { font-size: 13px; line-height: 1.6; }

/* ── SERVICES ── */
.service-hero h1 { max-width: 860px; font-size: clamp(34px, 4vw, 54px); line-height: .98; letter-spacing: 0; }
.service-hero p { max-width: 72ch; margin-top: 12px; font-size: 15px; line-height: 1.65; }
.service-hero-grid { display: grid; grid-template-columns: minmax(0,1fr) 360px; gap: 16px; align-items: stretch; }
.service-hero-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 20px; }
.service-proof { display: grid; align-content: center; gap: 8px; padding: 22px; border: 1px solid var(--line); border-radius: var(--rxl); background: linear-gradient(180deg,#fff,#f7fbff); box-shadow: var(--shadow-sm); }
.service-proof span { color: #0256ff; font-size: 11px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.service-kicker-icon { display: inline-flex; align-items: center; gap: 8px; }
.service-kicker-icon svg { width: 16px; height: 16px; fill: currentColor; }
.service-proof strong { color: var(--text); font-size: 27px; line-height: 1; letter-spacing: 0; }
.service-proof small { color: var(--muted); font-size: 12px; line-height: 1.6; }
.service-page { padding: 28px 20px 64px; }
.service-section { padding: 0 0 34px; }
.service-section-lead { max-width: 70ch; margin-top: 8px; color: var(--muted); font-size: 13px; line-height: 1.65; }
.service-more-row { display: flex; justify-content: flex-end; margin-top: 14px; }
.verification-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.verification-card { display: grid; grid-template-columns: 58px minmax(0,1fr); gap: 16px; padding: 20px; border: 1px solid var(--line); border-radius: var(--rxl); background: #fff; box-shadow: var(--shadow-sm); }
.verification-mark { display: grid; place-items: center; width: 58px; height: 58px; border-radius: var(--rxs); background: #eef5ff; border: 1px solid rgba(2,86,255,.12); color: #0256ff; font-size: 15px; font-weight: 900; }
.verification-card h2,
.service-package h2,
.service-profile-card h2,
.service-expert h2 { font-size: 20px; line-height: 1.15; letter-spacing: 0; }
.verification-card p,
.service-package-head p,
.service-profile-card p,
.service-expert p { margin-top: 8px; color: var(--muted); font-size: 13px; line-height: 1.65; }
.verification-card ul { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 14px 0; }
.verification-card li { position: relative; padding-left: 16px; color: #365579; font-size: 12px; font-weight: 800; }
.verification-card li::before { content: ''; position: absolute; left: 0; top: 8px; width: 6px; height: 6px; border-radius: 50%; background: #0256ff; }
.svc-g    { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.svc-c    { background: #fff; border: 1px solid var(--line); border-radius: var(--rx); padding: 22px; box-shadow: var(--shadow); position: relative; }
.svc-c.feat { border-color: rgba(2,86,255,.28); }
.svc-badge{ position: absolute; top: -11px; left: 50%; transform: translateX(-50%); background: linear-gradient(180deg,#0256ff,#1a67ff); color: #fff; font-size: 10px; font-weight: 900; padding: 3px 14px; border-radius: 999px; white-space: nowrap; letter-spacing: .04em; }
.svc-price{ font-size: 38px; font-weight: 900; letter-spacing: 0; color: #0d2144; margin-bottom: 3px; }
.svc-name { font-size: 14px; font-weight: 700; color: var(--muted); margin-bottom: 18px; }
.svc-feats{ display: grid; gap: 0; margin-bottom: 22px; }
.svc-feat { display: flex; align-items: flex-start; gap: 8px; font-size: 13px; color: var(--muted); padding: 7px 0; border-bottom: 1px solid rgba(2,86,255,.06); }
.svc-feat:last-child { border-bottom: none; }
.svc-chk  { color: #0256ff; font-size: 11px; margin-top: 2px; flex-shrink: 0; font-weight: 900; }
.svc-chk svg { display: block; width: 15px; height: 15px; fill: currentColor; }
.svc-ctas { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.service-package { display: flex; flex-direction: column; min-height: 100%; }
.service-package.feat { background: linear-gradient(180deg,#fff,#f7fbff); }
.service-package-head { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 12px; align-items: start; margin-bottom: 14px; }
.service-package-title,
.service-offer-title { display: flex; align-items: flex-start; gap: 12px; min-width: 0; }
.service-card-icon { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 16px; background: #eef5ff; color: #0256ff; border: 1px solid rgba(2,86,255,.12); flex: 0 0 auto; box-shadow: inset 0 1px 0 rgba(255,255,255,.85); }
.service-card-icon svg { width: 23px; height: 23px; fill: currentColor; }
.service-metrics { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin-bottom: 14px; }
.service-metrics div { min-height: 68px; padding: 10px; border: 1px solid rgba(2,86,255,.09); border-radius: var(--rxs); background: #f7fbff; }
.service-metrics span { display: block; color: var(--muted); font-size: 10px; font-weight: 900; text-transform: uppercase; }
.service-metrics strong { display: block; margin-top: 5px; color: var(--text); font-size: 13px; line-height: 1.2; }
.service-package .svc-feats { flex: 1; }
.service-expert { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 0 0 34px; padding: 22px; border: 1px solid var(--line); border-radius: var(--rxl); background: linear-gradient(135deg,#fff,#f7fbff 58%,#eef5ff); box-shadow: var(--shadow); }
.pp-g     { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.pp-card  { background: #fff; border: 1px solid var(--line); border-radius: var(--rxl); padding: 22px; box-shadow: var(--shadow-sm); }
.pp-tag   { display: inline-block; padding: 4px 10px; border-radius: 999px; font-size: 11px; font-weight: 800; margin-bottom: 10px; background: #eef5ff; color: #0256ff; border: 1px solid rgba(2,86,255,.14); }
.pp-tag-icon { display: grid; place-items: center; width: 42px; height: 42px; padding: 0; border-radius: 15px; }
.pp-tag-icon svg { width: 22px; height: 22px; fill: currentColor; }
.service-profile-grid-compact { grid-template-columns: repeat(4, minmax(0,1fr)); }
.service-profile-card { display: flex; flex-direction: column; align-items: flex-start; }
.service-profile-card p { flex: 1; }
.service-profile-card-compact { padding: 18px; }
.service-profile-card-compact h2 { font-size: 17px; line-height: 1.18; }
.service-profile-card-compact p { font-size: 12px; line-height: 1.55; }
.service-profile-price { width: 100%; margin: 14px 0; padding: 12px; border: 1px solid rgba(2,86,255,.09); border-radius: var(--rxs); background: linear-gradient(180deg,#f8fbff,#f1f7ff); }
.service-profile-price strong { display: block; color: var(--text); font-size: 20px; line-height: 1; white-space: nowrap; }
.service-profile-price span { display: block; margin-top: 6px; color: var(--muted); font-size: 11px; font-weight: 800; line-height: 1.35; }
.service-offer-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }
.service-offer-card { display: flex; flex-direction: column; min-height: 100%; padding: 22px; border: 1px solid var(--line); border-radius: var(--rx); background: #fff; box-shadow: var(--shadow); }
.service-offer-head { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 14px; align-items: start; padding-bottom: 16px; border-bottom: 1px solid rgba(2,86,255,.08); }
.service-offer-head h2 { font-size: 21px; line-height: 1.15; letter-spacing: 0; }
.service-offer-head p { margin-top: 6px; color: var(--muted); font-size: 13px; line-height: 1.45; }
.service-offer-price { display: inline-flex; align-items: flex-start; gap: 3px; color: #0256ff; font-size: 42px; font-weight: 900; line-height: .95; letter-spacing: 0; white-space: nowrap; }
.service-offer-price span { margin-top: 4px; color: #6aa5ff; font-size: 16px; font-weight: 900; }
.service-offer-body { flex: 1; padding-top: 16px; }
.service-offer-body h3 { font-size: 18px; line-height: 1.2; letter-spacing: 0; margin-bottom: 8px; }
.service-mini-meta { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 12px; padding: 7px 10px; border-radius: 999px; background: #f2f7ff; border: 1px solid rgba(2,86,255,.1); color: #31547c; font-size: 12px; font-weight: 900; }
.service-mini-meta svg { display: block; width: 16px; height: 16px; fill: #0256ff; }
.service-copy-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }
.service-copy-card { padding: 18px; border: 1px solid var(--line); border-radius: var(--rxl); background: linear-gradient(180deg,#fff,#f8fbff); box-shadow: var(--shadow-sm); }
.service-copy-card h2 { font-size: 19px; line-height: 1.2; letter-spacing: 0; }
.service-copy-card p { margin-top: 9px; color: var(--muted); font-size: 13px; line-height: 1.7; }
.service-contact-card { margin-top: 16px; padding: 22px; border: 1px solid var(--line); border-radius: var(--rxl); background: #fff; box-shadow: var(--shadow); text-align: center; }
.service-contact-card-compact { padding: 18px; }
.service-contact-card h2 { max-width: 860px; margin: 0 auto; font-size: 23px; line-height: 1.25; letter-spacing: 0; }
.service-contact-actions { display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; margin-top: 18px; }
.service-country-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 10px; margin-top: 18px; }
.service-country-grid span { min-height: 54px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: var(--rxs); background: #f7fbff; color: #365579; font-size: 13px; font-weight: 900; }
.service-strong { color: var(--text); font-weight: 900; }
.service-accordion { display: grid; gap: 10px; }
.service-accordion details { border: 1px solid var(--line); border-radius: var(--rxm); background: #fff; box-shadow: var(--shadow-sm); overflow: hidden; }
.service-accordion summary { position: relative; min-height: 58px; padding: 17px 52px 17px 18px; color: var(--text); font-size: 16px; font-weight: 900; line-height: 1.25; cursor: pointer; list-style: none; }
.service-accordion summary::-webkit-details-marker { display: none; }
.service-accordion summary::after { content: '+'; position: absolute; right: 18px; top: 50%; transform: translateY(-50%); display: grid; place-items: center; width: 22px; height: 22px; border-radius: 999px; background: #eef5ff; color: #0256ff; border: 1px solid rgba(2,86,255,.14); font-weight: 900; }
.service-accordion details[open] summary::after { content: '-'; }
.service-accordion p { padding: 0 18px 18px; color: var(--muted); font-size: 13px; line-height: 1.7; }
.service-accordion-compact summary { min-height: 52px; padding-top: 15px; padding-bottom: 15px; }

/* ── SERVICES SCREENSHOT-STYLE LAYOUT ── */
.legacy-services { background: #fff; color: #333; padding: 34px 0 76px; }
.legacy-services .wrap { max-width: 1180px; }
.legacy-services-section { padding: 22px 0 48px; }
.legacy-services-title { margin: 0 0 54px; text-align: center; font-size: clamp(34px, 4.5vw, 52px); font-weight: 400; line-height: 1.12; letter-spacing: .02em; }
.legacy-services-title-blue { color: #1f8fe5; }
.legacy-subtitle { margin: 54px 0 42px; color: #111; font-size: clamp(28px, 3.2vw, 42px); font-weight: 400; line-height: 1.15; letter-spacing: 0; }
.legacy-price-grid { display: grid; gap: 54px; align-items: stretch; }
.legacy-price-grid-two { grid-template-columns: repeat(2, minmax(0,1fr)); }
.legacy-price-grid-three { grid-template-columns: repeat(3, minmax(0,1fr)); gap: 58px; }
.legacy-price-card { display: flex; flex-direction: column; border: 1px solid #cfcfcf; background: #fafafa; min-height: 100%; box-shadow: none; }
.legacy-price-card-head { min-height: 74px; padding: 16px 18px 14px; background: #bfbfbf; color: #fff; text-align: center; }
.legacy-price-card-head h2 { padding: 0; color: #fff; font-size: clamp(24px, 2.4vw, 31px); font-weight: 300; line-height: 1.15; letter-spacing: 0; }
.legacy-price-card-head p { margin-top: 4px; color: #fff; font-size: 18px; line-height: 1.2; }
.legacy-price { display: flex; align-items: flex-start; justify-content: center; gap: 8px; min-height: 132px; padding: 25px 16px 18px; border-bottom: 1px solid #cfcfcf; background: #fbfbfb; color: #2797ea; }
.legacy-price span { margin-top: 7px; color: #999; font-size: 20px; line-height: 1; }
.legacy-price strong { color: #2797ea; font-size: clamp(72px, 8vw, 96px); font-weight: 300; line-height: .9; letter-spacing: 0; }
.legacy-price-body { display: flex; flex: 1; flex-direction: column; padding: 34px 40px 38px; }
.legacy-price-body h3 { position: relative; margin: 0 0 30px; padding-left: 18px; color: #333; font-size: 31px; font-weight: 400; line-height: 1.08; letter-spacing: 0; }
.legacy-price-body h3::before,
.legacy-price-body li::before { content: ''; position: absolute; left: 0; width: 6px; height: 6px; border-radius: 50%; background: #2797ea; }
.legacy-price-body h3::before { top: 12px; }
.legacy-price-body ul { display: grid; gap: 28px; margin: 0 0 42px; padding: 0; list-style: none; }
.legacy-price-body li { position: relative; padding-left: 18px; color: #666; font-size: 19px; line-height: 1.48; }
.legacy-price-body li::before { top: 11px; }
.legacy-price-body li.is-strong { color: #555; font-weight: 800; }
.legacy-outline-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 54px; padding: 10px 24px; border: 2px solid #2797ea; border-radius: 2px; background: transparent; color: #2797ea; font-size: 24px; font-weight: 400; line-height: 1.25; text-align: center; cursor: pointer; box-shadow: none; }
.legacy-outline-btn:hover { background: rgba(39,151,234,.06); transform: none; box-shadow: none; }
.legacy-outline-green { border-color: #129136; color: #129136; }
.legacy-outline-green:hover { background: rgba(18,145,54,.06); }
.legacy-price-card .legacy-outline-btn { align-self: center; margin-top: auto; min-width: 250px; }
.legacy-split-actions { display: grid; grid-template-columns: 1fr; gap: 10px; margin-top: auto; }
.legacy-split-actions .legacy-outline-btn { width: 100%; min-width: 0; margin: 0; font-size: 20px; }
.legacy-text-blocks { display: grid; gap: 34px; margin-top: 54px; }
.legacy-text-blocks h2 { color: #333; font-size: clamp(27px, 3vw, 36px); font-weight: 400; line-height: 1.18; letter-spacing: 0; }
.legacy-text-blocks p { margin-top: 12px; color: #666; font-size: 18px; line-height: 1.7; }
.legacy-help-line { margin: 76px 0 42px; color: #333; text-align: center; font-size: clamp(23px, 3vw, 34px); line-height: 1.3; }
.legacy-contact-row { display: flex; align-items: center; justify-content: center; gap: clamp(80px, 22vw, 420px); margin-bottom: 58px; }
.legacy-country-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 52px; }
.legacy-country-card { display: grid; gap: 16px; color: #333; font-size: 24px; }
.legacy-country-shot { min-height: 128px; border: 1px solid #e2e2e2; background: linear-gradient(180deg,#f8fafc 0 22%,#fff 22% 38%,#eef2f7 38% 42%,#fff 42% 62%,#eef2f7 62% 66%,#fff 66%); }
.legacy-accordion { display: grid; gap: 32px; }
.legacy-accordion details { border: 1px solid #d2d2d2; background: #efefef; }
.legacy-accordion details[open] { background: #fff; }
.legacy-accordion summary { position: relative; min-height: 64px; padding: 18px 52px 18px 22px; color: #666; font-size: 24px; line-height: 1.25; cursor: pointer; list-style: none; }
.legacy-accordion summary::-webkit-details-marker { display: none; }
.legacy-accordion summary::after { content: '+'; position: absolute; right: 22px; top: 50%; transform: translateY(-50%); display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: #c8c8c8; color: #fff; font-size: 18px; line-height: 1; }
.legacy-accordion details[open] summary::after { content: '-'; }
.legacy-accordion p { padding: 0 22px 24px; color: #666; font-size: 20px; line-height: 1.65; }

/* ── DRAWER ── */
.overlay  { position: fixed; inset: 0; background: rgba(10,28,60,.3); z-index: 200; opacity: 0; pointer-events: none; transition: opacity .22s; }
.overlay.open { opacity: 1; pointer-events: auto; }
.drawer   { position: fixed; right: 0; top: 0; bottom: 0; width: min(94vw, 440px); background: #fff; border-left: 1px solid var(--line); z-index: 201; padding: 22px; overflow-y: auto; transform: translateX(100%); transition: transform .26s cubic-bezier(.25,.8,.25,1); display: flex; flex-direction: column; gap: 14px; box-shadow: -10px 0 40px rgba(2,86,255,.08); }
.drawer.open { transform: translateX(0); }
.drawer-head { display: flex; justify-content: space-between; align-items: center; }
.drawer-head h2 { font-size: 20px; font-weight: 900; }
.dc-item   { background: #f8fbff; border: 1px solid var(--line); border-radius: var(--rxl); padding: 14px; }
.dc-main { display: block; min-width: 0; }
.dc-main.has-media { display: grid; grid-template-columns: 48px minmax(0,1fr); gap: 10px; align-items: center; }
.dc-media { width: 48px; height: 48px; display: grid; place-items: center; border-radius: var(--rxs); overflow: hidden; background: #fff; border: 1px solid rgba(7,93,255,.12); box-shadow: 0 6px 14px rgba(7,93,255,.06); }
.dc-media img { width: 100%; height: 100%; object-fit: contain; display: block; padding: 7px; box-sizing: border-box; }
.dc-name   { font-weight: 800; font-size: 13px; margin-bottom: 5px; line-height: 1.3; }
.dc-meta   { font-size: 11px; color: var(--muted); line-height: 1.6; }
.dc-foot   { display: flex; justify-content: space-between; align-items: center; margin-top: 10px; }
.dc-price  { font-weight: 900; font-size: 16px; color: #0256ff; }
.drawer-foot { border-top: 1px solid var(--line); padding-top: 14px; margin-top: auto; display: flex; flex-direction: column; gap: 10px; }
.cart-total-row { display: flex; justify-content: space-between; align-items: center; }
.cart-tp   { font-size: 24px; font-weight: 900; color: #0256ff; }
.cart-empty-d { text-align: center; padding: 40px 20px; color: var(--muted); }

/* ── MODAL ── */
.modal-ov  { position: fixed; inset: 0; background: rgba(10,28,60,.4); z-index: 300; display: flex; align-items: center; justify-content: center; padding: 20px; opacity: 0; pointer-events: none; transition: opacity .2s; }
.modal-ov.open { opacity: 1; pointer-events: auto; }
.modal     { background: #fff; border-radius: var(--rx); padding: 32px; max-width: 420px; width: 100%; box-shadow: 0 24px 60px rgba(2,86,255,.18); transform: scale(.96); transition: transform .22s; }
.modal-ov.open .modal { transform: scale(1); }
.modal h2  { font-size: 22px; margin-bottom: 6px; }
.modal-tabs { display: flex; gap: 4px; background: #f3f8ff; border-radius: 999px; padding: 4px; margin: 14px 0 18px; }
.modal-tab  { flex: 1; padding: 8px; border-radius: 999px; border: none; background: transparent; font-weight: 800; font-size: 13px; cursor: pointer; color: var(--muted); transition: all .18s; }
.modal-tab.active { background: #fff; color: #0256ff; box-shadow: 0 2px 8px rgba(2,86,255,.12); }

/* ── LOGIN ── */
.aa-login-page { margin-top: 20px; }
.aa-login-layout { display: grid; grid-template-columns: minmax(0,1fr) 420px; gap: 16px; align-items: start; }
.aa-login-card,
.aa-login-aside-panel { background: #fff; border: 1px solid var(--line); border-radius: var(--rxl); padding: 22px; box-shadow: var(--shadow); }
.aa-login-card-head { margin-bottom: 16px; }
.aa-login-card-head h2,
.aa-login-aside-panel h3 { font-size: 22px; line-height: 1.15; margin-top: 5px; letter-spacing: 0; }
.aa-login-card-head p { margin-top: 7px; color: var(--muted); font-size: 13px; line-height: 1.6; }
.aa-login-form { display: grid; gap: 13px; }
.aa-login-row { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; color: var(--muted); font-size: 12px; }
.aa-modal-login-row { margin: -6px 0 8px; }
.aa-checkline { display: inline-flex; align-items: center; gap: 7px; font-weight: 700; cursor: pointer; }
.aa-checkline input { accent-color: #0256ff; }
.aa-login-context { display: grid; gap: 4px; margin: -2px 0 15px; padding: 12px 14px; border-radius: var(--rxm); border: 1px solid rgba(2,86,255,.13); background: linear-gradient(180deg,#f8fbff,#edf5ff); }
.aa-login-context strong { color: var(--text); font-size: 13px; line-height: 1.25; }
.aa-login-context span { color: var(--muted); font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
.aa-lost-password-page { max-width: 720px; }
.aa-lost-password-page .woocommerce form .form-row { display: grid; gap: 7px; margin: 0 0 13px; }
.aa-lost-password-page .woocommerce form .input-text { width: 100%; min-height: 44px; }
.aa-login-aside { display: grid; gap: 14px; }
.aa-login-feature { display: grid; grid-template-columns: 28px minmax(0,1fr); gap: 10px; padding: 12px 0; border-bottom: 1px solid rgba(2,86,255,.07); }
.aa-login-feature:last-child { border-bottom: none; padding-bottom: 0; }
.aa-login-feature span { width: 28px; height: 28px; border-radius: var(--rxs); display: grid; place-items: center; background: #eef5ff; color: #0256ff; border: 1px solid rgba(2,86,255,.12); font-size: 12px; font-weight: 900; }
.aa-login-feature strong { display: block; color: #0d2144; font-size: 13px; margin-bottom: 3px; }
.aa-login-feature small { display: block; color: var(--muted); font-size: 12px; line-height: 1.45; }
.aa-register-card { box-shadow: var(--shadow-sm); }

/* ── TOAST ── */
.toast  { position: fixed; bottom: 24px; right: 24px; z-index: 500; background: #0d2144; color: #fff; border-radius: var(--rxm); padding: 12px 18px; font-size: 13px; font-weight: 700; transform: translateY(80px); opacity: 0; pointer-events: none; transition: all .3s cubic-bezier(.34,1.56,.64,1); box-shadow: 0 8px 24px rgba(0,0,0,.24); max-width: 300px; display: flex; align-items: center; gap: 10px; }
.toast.show { transform: translateY(0); opacity: 1; }

/* ── NOTICE ── */
.notice { background: linear-gradient(180deg,#f8fbff,#f0f6ff); border: 1px solid var(--line); border-radius: var(--rxm); padding: 11px 14px; font-size: 13px; color: var(--muted); }

/* ── WOOCOMMERCE PROTOTYPE SKIN ── */
.aa-wc-page { margin-top: 20px; }
.aa-wc-shell .woocommerce { color: var(--text); }
.aa-wc-shell .woocommerce-notices-wrapper,
.aa-wc-shell .woocommerce-form-coupon-toggle,
.aa-wc-shell .woocommerce-form-login-toggle {
  margin-bottom: 14px;
}
.aa-wc-shell .woocommerce-message,
.aa-wc-shell .woocommerce-info,
.aa-wc-shell .woocommerce-error {
  background: linear-gradient(180deg,#f8fbff,#f0f6ff);
  border: 1px solid var(--line);
  border-radius: var(--rxm);
  padding: 12px 14px;
  color: var(--muted);
  box-shadow: var(--shadow-sm);
}
.aa-wc-shell .woocommerce-error { border-color: #ffd1d1; background: #fff7f7; color: #d54b4b; }
.aa-wc-shell form.checkout {
  display: grid;
  grid-template-columns: 1fr 380px;
  gap: 16px;
  align-items: start;
}
.aa-wc-shell .col2-set,
.aa-wc-shell #order_review,
.aa-wc-shell .woocommerce-MyAccount-content,
.aa-wc-shell .woocommerce-MyAccount-navigation,
.aa-wc-shell .woocommerce-order {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--rx);
  padding: 20px;
  box-shadow: var(--shadow);
}
.aa-wc-shell .col2-set { width: auto; float: none; }
.aa-wc-shell #order_review { position: sticky; top: calc(var(--nav) + 14px); }
.aa-wc-shell #order_review_heading { display: none; }
.aa-wc-shell .woocommerce-billing-fields h3,
.aa-wc-shell .woocommerce-additional-fields h3,
.aa-wc-shell .woocommerce-MyAccount-content h2,
.aa-wc-shell .woocommerce-order-details h2,
.aa-wc-shell .woocommerce-customer-details h2 {
  font-size: 17px;
  margin-bottom: 16px;
  letter-spacing: 0;
}
.aa-wc-shell .form-row label { font-size: 11px; font-weight: 800; color: var(--muted); letter-spacing: .02em; text-transform: uppercase; }
.aa-wc-shell .input-text,
.aa-wc-shell select,
.aa-wc-shell textarea {
  width: 100%;
  padding: 10px 13px;
  border: 1px solid rgba(2,86,255,.15);
  background: linear-gradient(180deg,#fff,#fafcff);
  border-radius: var(--rxm);
  color: var(--text);
  font-size: 13px;
}
.aa-wc-shell table.shop_table {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: var(--rxm);
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
}
.aa-wc-shell table.shop_table th,
.aa-wc-shell table.shop_table td {
  padding: 11px 12px;
  border-bottom: 1px solid rgba(2,86,255,.06);
  font-size: 13px;
}
.aa-wc-shell table.shop_table tr:last-child th,
.aa-wc-shell table.shop_table tr:last-child td { border-bottom: none; }
.aa-wc-shell .button,
.aa-wc-shell button.button,
.aa-wc-shell a.button,
.aa-wc-shell input.button,
.aa-wc-shell #place_order {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 11px 16px;
  border-radius: var(--rxm);
  border: 1px solid #0256ff;
  background: linear-gradient(180deg,#0256ff,#1a67ff);
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  box-shadow: 0 10px 28px rgba(2,86,255,.18);
}
.aa-wc-shell .woocommerce-MyAccount-navigation { margin-bottom: 16px; }
.aa-wc-shell .woocommerce-MyAccount-navigation ul { display: flex; flex-wrap: wrap; gap: 8px; }
.aa-wc-shell .woocommerce-MyAccount-navigation li a {
  display: inline-flex;
  padding: 9px 12px;
  border-radius: var(--rxm);
  background: #f4f9ff;
  border: 1px solid var(--line);
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
}
.aa-wc-shell .woocommerce-MyAccount-navigation li.is-active a { background: rgba(2,86,255,.08); color: #0256ff; }
.aa-wc-shell code {
  display: inline-block;
  padding: 3px 7px;
  border-radius: var(--rxtiny);
  background: #eef5ff;
  color: #0256ff;
  white-space: normal;
  word-break: break-word;
}

/* ── FLOATING SUPPORT ── */
.support-widget {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 430;
  display: grid;
  justify-items: end;
  gap: 10px;
  width: min(360px, calc(100vw - 28px));
}
.support-panel {
  display: none;
  order: 1;
  width: 100%;
  padding: 16px;
  border: 1px solid rgba(2,86,255,.14);
  border-radius: var(--rx);
  background: #fff;
  box-shadow: 0 18px 38px rgba(13,33,68,.12), 0 1px 0 rgba(255,255,255,.9) inset;
}
.support-widget.open .support-panel,
.support-widget[open] .support-panel { display: block; }
.support-panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.support-panel-head h2 {
  margin-top: 4px;
  font-size: 18px;
  line-height: 1.15;
  letter-spacing: 0;
}
.support-close {
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  border: 1px solid var(--line);
  border-radius: var(--rxs);
  background: #f7fbff;
  color: var(--muted);
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}
.support-copy {
  margin: 10px 0 13px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}
.support-actions {
  display: grid;
  gap: 8px;
}
.support-action {
  display: grid;
  grid-template-columns: 42px minmax(0,1fr);
  gap: 10px;
  align-items: center;
  min-height: 58px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: var(--rxm);
  background: linear-gradient(180deg,#fff,#f7fbff);
  color: var(--text);
}
.support-action.primary {
  border-color: rgba(2,86,255,.26);
  background: linear-gradient(180deg,#f8fbff,#eef5ff);
}
.support-action-mark {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: var(--rxs);
  background: #eef5ff;
  color: #0256ff;
  border: 1px solid rgba(2,86,255,.13);
  font-size: 12px;
  font-weight: 900;
}
.support-action strong {
  display: block;
  color: var(--text);
  font-size: 13px;
  line-height: 1.25;
}
.support-action small {
  display: block;
  margin-top: 2px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.35;
}
.support-guide {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid rgba(2,86,255,.08);
}
.support-guide summary {
  cursor: pointer;
  color: #0256ff;
  font-size: 12px;
  font-weight: 900;
}
.support-guide ol {
  margin: 10px 0 8px 18px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
}
.support-guide a {
  color: #0256ff;
  font-size: 12px;
  font-weight: 900;
}
.support-toggle {
  order: 2;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  justify-self: end;
  min-height: 48px;
  padding: 8px 14px 8px 9px;
  border: 1px solid rgba(2,86,255,.22);
  border-radius: 999px;
  background: #0256ff;
  color: #fff;
  box-shadow: 0 10px 26px rgba(2,86,255,.18), 0 2px 0 rgba(255,255,255,.12) inset;
  font-size: 13px;
  font-weight: 900;
  cursor: pointer;
  list-style: none;
}
.support-toggle::-webkit-details-marker { display: none; }
.support-toggle-mark {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  background: #fff;
  color: #0256ff;
  font-size: 15px;
  font-weight: 900;
}

/* ── FOOTER ── */
.site-footer { margin-top: 44px; padding: 42px 0 22px; border-top: 1px solid rgba(255,255,255,.08); background: linear-gradient(180deg, #061833 0%, #06142c 100%); color: #dbe8ff; }
.footer-grid { display: grid; grid-template-columns: minmax(230px,1.35fr) repeat(3,minmax(120px,.7fr)) minmax(240px,1fr); gap: 36px; align-items: start; }
.footer-brand-block p,
.footer-newsletter p { margin-top: 14px; color: rgba(219,232,255,.68); font-size: 12px; line-height: 1.7; max-width: 300px; }
.footer-brand { display: inline-flex; align-items: center; color: #fff; }
.footer-brand-logo { width: 148px; max-width: 100%; height: auto; display: block; }
.footer-brand-mark { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 13px; background: linear-gradient(180deg, #0256ff, #1a67ff); box-shadow: 0 16px 34px rgba(2,86,255,.28); font-size: 16px; font-weight: 950; letter-spacing: 0; }
.footer-brand strong { display: block; font-size: 15px; line-height: 1.15; }
.footer-brand small { display: block; margin-top: 2px; color: rgba(219,232,255,.62); font-size: 10px; font-weight: 800; line-height: 1.2; }
.footer-socials { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.footer-socials a { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 999px; background: transparent; border: 0; color: #dbe8ff; font-size: 9px; font-weight: 950; transition: color .18s, transform .18s; }
.footer-socials svg { width: 15px; height: 15px; display: block; fill: currentColor; }
.footer-socials a:hover { color: #fff; transform: translateY(-1px); }
.footer-column h3,
.footer-newsletter h3 { margin: 0 0 12px; color: #fff; font-size: 13px; font-weight: 950; }
.footer-column { display: grid; gap: 8px; }
.footer-column a { color: rgba(219,232,255,.68); font-size: 12px; line-height: 1.35; transition: color .18s, transform .18s; }
.footer-column a:hover { color: #fff; transform: translateX(2px); }
.footer-newsletter-form { display: grid; gap: 8px; margin-top: 14px; }
.footer-newsletter-form input { width: 100%; min-height: 42px; padding: 10px 12px; border: 1px solid rgba(255,255,255,.14); border-radius: var(--rxs); background: rgba(255,255,255,.06); color: #fff; font-size: 12px; }
.footer-newsletter-form input::placeholder { color: rgba(219,232,255,.48); }
.footer-newsletter-form button { position: relative; overflow: hidden; min-height: 42px; border: 1px solid #0256ff; border-radius: var(--rxs); background: linear-gradient(180deg, #0256ff, #1a67ff); color: #fff; font-size: 12px; font-weight: 950; cursor: pointer; box-shadow: 0 14px 30px rgba(2,86,255,.24); }
.footer-bottom { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); gap: 18px; align-items: center; margin-top: 36px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.08); color: rgba(219,232,255,.58); font-size: 11px; }
.footer-bottom > span:last-child { text-align: right; }
.footer-crypto { display: inline-flex; align-items: center; justify-content: center; gap: 7px; white-space: nowrap; }
.footer-crypto small { color: rgba(219,232,255,.58); font-size: 11px; }
.footer-crypto b { min-width: 26px; width: 26px; height: 26px; display: grid; place-items: center; border-radius: 0; background: transparent; border: 0; color: #fff; font-size: 8px; font-weight: 950; }
.footer-crypto-icon svg { width: 17px; height: 17px; display: block; fill: currentColor; }
.footer-crypto-icon:nth-of-type(1) { color: #f7931a; }
.footer-crypto-icon:nth-of-type(2) { color: #8fa7ff; }
.footer-crypto-icon:nth-of-type(3) { color: #26a17b; }
.footer-crypto-icon:nth-of-type(4) { color: #ff4b55; }

/* ══════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════ */
@media (max-width: 1100px) {
  .nav-inner  { grid-template-columns: minmax(160px,1fr) auto minmax(160px,1fr); }
  .hero-g     { grid-template-columns: 1fr; }
  .hero-side  { display: none; }
  .home-hero-grid { grid-template-columns: 1fr; }
  .home-copy { min-height: auto; grid-template-columns: minmax(0,1fr) minmax(260px,.52fr); }
  .home-feature-strip { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .home-feature-strip div:nth-child(2n) { border-right: 0; }
  .home-feature-strip div:nth-child(-n+2) { border-bottom: 1px solid rgba(2,86,255,.07); }
  .footer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .footer-brand-block,
  .footer-newsletter { grid-column: span 2; }
  .footer-bottom { grid-template-columns: 1fr; justify-items: start; }
  .footer-bottom > span:last-child { text-align: left; }
  .footer-crypto { justify-content: flex-start; flex-wrap: wrap; }
  .home-category-shell { grid-template-columns: 1fr; }
  .home-category-intro .btn { margin-top: 0; }
  .home-category-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .service-hero-grid { grid-template-columns: 1fr; }
  .legacy-price-grid-three { gap: 22px; }
  .legacy-price-body { padding: 28px 26px 32px; }
  .legacy-price-body li { font-size: 17px; }
  .service-profile-grid-compact { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .home-platform-grid,
  .home-product-grid,
  .home-page-grid { grid-template-columns: repeat(2,1fr); }
  .product-top-layout {
    grid-template-columns: 1fr;
    grid-template-areas:
      "overview"
      "purchase"
      "details"
      "description";
  }
  .order-box  { position: static; }
  .co-layout  { grid-template-columns: 1fr; }
  .aa-order-review-card { position: static; }
  .pay-layout { grid-template-columns: 1fr; }
  .od-layout  { grid-template-columns: 1fr; }
  .cart-layout{ grid-template-columns: 1fr; }
  .acct-layout{ grid-template-columns: 1fr; }
  .acct-side  { position: static; }
  .acct-stat-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .acct-support-grid,
  .acct-profile-grid,
  .acct-endpoint-grid,
  .acct-address-grid { grid-template-columns: 1fr; }
  .acct-order-aside { position: static; }
  .faq-layout { grid-template-columns: 1fr; }
  .faq-side   { position: static; }
  .step-g     { grid-template-columns: repeat(3,1fr); }
  .step-g::before,
  .step-c::before,
  .step-c::after { display: none; }
  .aa-wc-shell form.checkout { grid-template-columns: 1fr; }
  .aa-wc-shell #order_review { position: static; }
  .aa-login-layout { grid-template-columns: 1fr; }
  .aa-order-received-meta { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 1024px) {
  .cat-toolbar { align-items: flex-start; gap: 10px; }
  .cat-toolbar-actions { width: 100%; justify-content: space-between; }
  .tbl-scroll { overflow-x: visible; }
  .tbl { display: block; min-width: 0; width: 100%; border-collapse: separate; }
  .tbl thead { display: none; }
  .tbl tbody { display: grid; gap: 12px; padding: 12px; }
  .tbl tbody tr,
  .tbl tbody tr:nth-child(even),
  .tbl tbody tr:hover,
  .tbl tbody tr:nth-child(even):hover {
    display: grid;
    gap: 9px;
    padding: 14px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: var(--rxm);
    box-shadow: var(--shadow-sm);
  }
  .tbl td {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    padding: 0;
    border-bottom: none;
    font-size: 12px;
    text-align: right;
  }
  .tbl td::before {
    content: attr(data-label);
    flex-shrink: 0;
    color: var(--muted);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
  }
  .tbl td:first-child,
  .tbl td:last-child {
    display: block;
    text-align: left;
  }
  .tbl td:first-child::before,
  .tbl td:last-child::before {
    display: none;
  }
  .tbl td:last-child .btn {
    width: 100%;
    margin-top: 2px;
  }
  .prod-name-link { display: block; font-size: 14px; line-height: 1.3; }
  .prod-sub { line-height: 1.45; }
}
@media (max-width: 800px) {
  #hdr        { height: var(--nav); min-height: var(--nav); }
  #hdr .wrap  { height: 100%; }
  .nav-inner  { display: flex; justify-content: space-between; min-height: var(--nav); }
  .nav-links  { display: none; }
  .nav-right  { margin-left: auto; }
  .mobile-account-icon { display: grid; }
  .mobile-menu-btn { display: inline-flex; }
  .mobile-menu {
    position: fixed;
    top: var(--nav);
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    display: grid;
    align-content: start;
    gap: 6px;
    width: 100vw;
    height: calc(100vh - var(--nav));
    height: calc(100dvh - var(--nav));
    overflow-y: auto;
    margin: 0;
    padding: 14px 20px max(24px, env(safe-area-inset-bottom));
    border: 0;
    border-radius: 0;
    background: #f4f8ff !important;
    box-shadow: inset 0 1px 0 rgba(2,86,255,.08), 0 18px 45px rgba(2,86,255,.16);
    opacity: 0;
    pointer-events: none;
    transform: translateY(-8px);
    transition: opacity .22s ease, transform .22s ease;
  }
  .mobile-menu::before {
    content: '';
    position: fixed;
    inset: var(--nav) 0 0;
    z-index: -1;
    background: #f4f8ff;
  }
  .mobile-menu.open {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
  }
  .mobile-menu-lang { width: min(460px, 100%); margin: 0 auto 8px; }
  .mobile-menu .lang-sw { display: flex; width: 100%; justify-content: center; background: #fff; border-color: var(--line); box-shadow: var(--shadow-sm); }
  .mobile-menu .lang-btn { flex: 1; min-height: 42px; }
  .mobile-menu-nav { width: min(460px, 100%); margin: 0 auto; }
  .mobile-account-state {
    display: grid;
    gap: 3px;
    width: min(460px, 100%);
    margin: 2px auto 8px;
    padding: 13px 15px;
    border-radius: var(--rxm);
    border: 1px solid rgba(2,86,255,.14);
    background: #fff;
    box-shadow: 0 12px 26px rgba(2,86,255,.10);
  }
  .mobile-account-state span { color: #0256ff; font-size: 10px; font-weight: 900; text-transform: uppercase; letter-spacing: .04em; }
  .mobile-account-state strong { color: var(--text); font-size: 14px; line-height: 1.25; overflow-wrap: anywhere; }
  .mobile-account-state small { color: var(--muted); font-size: 12px; line-height: 1.35; overflow-wrap: anywhere; }
  .mobile-account-state.guest span { color: var(--muted); }
  .mobile-menu-link,
  .mobile-menu-nav a {
    width: min(460px, 100%);
    min-height: 48px;
    margin: 0 auto;
    padding: 13px 15px;
    border-color: var(--line);
    background: #fff;
    box-shadow: 0 12px 26px rgba(2,86,255,.10);
    transform: translateY(8px);
    opacity: 0;
  }
  .mobile-menu-signout { color: #d54b4b; }
  .mobile-menu.open .mobile-menu-link,
  .mobile-menu.open .mobile-menu-nav a {
    animation: aaMobileMenuItem .32s cubic-bezier(.22,1,.36,1) forwards;
  }
  .mobile-menu.open .mobile-menu-link:nth-child(2) { animation-delay: .03s; }
  .mobile-menu.open .mobile-menu-link:nth-child(3) { animation-delay: .06s; }
  .mobile-menu.open .mobile-menu-link:nth-child(4) { animation-delay: .09s; }
  .mobile-menu.open .mobile-menu-link:nth-child(5) { animation-delay: .12s; }
  .mobile-menu.open .mobile-menu-link:nth-child(6) { animation-delay: .15s; }
  .home-copy { padding: 24px; }
  .home-copy h1 { font-size: 36px; }
  .market-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .filter-row { grid-template-columns: 1fr 1fr; }
  .g2, .g4   { grid-template-columns: 1fr 1fr; }
  .g3         { grid-template-columns: 1fr; }
  .svc-g      { grid-template-columns: 1fr; }
  .service-offer-grid,
  .service-copy-grid,
  .verification-grid,
  .pp-g       { grid-template-columns: 1fr; }
  .service-package-grid { max-width: 640px; margin: 0 auto; }
  .service-country-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .legacy-price-grid-two,
  .legacy-price-grid-three { grid-template-columns: 1fr; max-width: 720px; margin: 0 auto; gap: 34px; }
  .legacy-contact-row { gap: 24px; justify-content: space-between; }
  .legacy-country-grid { grid-template-columns: 1fr 1fr; gap: 28px; }
  .prod-main-grid { grid-template-columns: minmax(200px,300px) minmax(0,1fr); }
  .prod-media { height: 220px; }
  .rev-g      { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 700px) {
  .nav-right > #hdr-login-btn,
  .nav-right > a.btn-secondary.btn-sm { display: none; }
}
@media (max-width: 560px) {
  .wrap         { padding: 0 14px; }
  .brand        { min-width: 122px; width: 122px; }
  .brand-logo-img { width: 122px; height: auto; max-height: 42px; }
  .brand span   { display: none; }
  .nav-right    { gap: 6px; }
  .lang-sw      { display: none; }
  .home-hero    { padding-top: 18px; }
  .home-copy,
  .market-panel { padding: 16px; }
  .home-feature-strip { grid-template-columns: 1fr; padding: 14px; }
  .home-feature-strip div { grid-template-columns: 50px minmax(0,1fr); gap: 14px; min-height: 70px; padding: 10px 8px; border-right: 0; border-bottom: 1px solid rgba(2,86,255,.07); }
  .home-feature-strip span { width: 50px; height: 50px; }
  .home-feature-strip div:last-child { border-bottom: 0; }
  .home-copy h1 { font-size: 32px; line-height: 1; }
  .home-section-link { white-space: normal; }
  .service-hero h1 { font-size: 32px; line-height: 1; }
  .service-page { padding-left: 14px; padding-right: 14px; }
  .legacy-services { padding-top: 20px; }
  .legacy-services-title { margin-bottom: 28px; font-size: 32px; }
  .legacy-services-section { padding-bottom: 36px; }
  .legacy-price-card-head { min-height: 0; }
  .legacy-price-card-head h2 { font-size: 23px; }
  .legacy-price-card-head p { font-size: 15px; }
  .legacy-price { min-height: 112px; }
  .legacy-price strong { font-size: 72px; }
  .legacy-price-body { padding: 24px 18px 28px; }
  .legacy-price-body h3 { font-size: 24px; }
  .legacy-price-body ul { gap: 18px; }
  .legacy-price-body li { font-size: 16px; }
  .legacy-outline-btn { width: 100%; min-width: 0; font-size: 20px; }
  .legacy-text-blocks { margin-top: 36px; gap: 26px; }
  .legacy-text-blocks p { font-size: 16px; }
  .legacy-contact-row { display: grid; grid-template-columns: 1fr; }
  .legacy-country-grid { grid-template-columns: 1fr; }
  .legacy-subtitle { margin: 36px 0 24px; font-size: 28px; }
  .legacy-accordion { gap: 16px; }
  .legacy-accordion summary { font-size: 18px; }
  .legacy-accordion p { font-size: 16px; }
  .service-proof,
  .service-offer-card,
  .service-copy-card,
  .service-contact-card,
  .service-accordion details,
  .verification-card,
  .service-expert,
  .svc-c,
  .pp-card { border-radius: var(--rxm); }
  .service-offer-card,
  .service-copy-card,
  .service-contact-card { padding: 16px; }
  .service-offer-head { grid-template-columns: 1fr; }
  .service-offer-price { font-size: 36px; }
  .svc-ctas { grid-template-columns: 1fr; }
  .service-contact-card h2 { font-size: 18px; }
  .service-contact-actions { display: grid; grid-template-columns: 1fr; }
  .service-country-grid { grid-template-columns: 1fr; }
  .verification-card { grid-template-columns: 1fr; }
  .verification-card ul,
  .service-metrics { grid-template-columns: 1fr; }
  .service-package-head,
  .service-expert { grid-template-columns: 1fr; display: grid; align-items: start; }
  .service-package-head .svc-price { justify-self: start; }
  .svc-ctas { grid-template-columns: 1fr; }
  .service-hero-actions .btn,
  .service-expert .btn { width: 100%; }
  .home-category-head { align-items: flex-start; }
  .home-category-list { grid-template-columns: 1fr; }
  .home-category-row { min-height: 220px; padding: 14px; align-items: stretch; }
  .home-category-media { width: 46px; height: 46px; flex-basis: 46px; }
  .home-category-row .home-category-meta { flex-wrap: wrap; }
  .home-category-row .home-category-meta span,
  .home-category-row .home-category-meta strong { white-space: normal; }
  .home-lead    { font-size: 13px; }
  .aa-order-received-card { grid-template-columns: 1fr; padding: 20px; }
  .aa-order-received-mark { width: 52px; height: 52px; font-size: 24px; }
  .aa-order-received-copy h2 { font-size: 22px; }
  .aa-order-received-meta { grid-template-columns: 1fr; }
  .aa-order-received-actions .btn { width: 100%; }
  .home-actions .btn { width: 100%; }
  .home-audience-strip span { width: 100%; }
  .home-delivery-flow { grid-template-columns: 1fr; }
  .home-delivery-flow i { height: 14px; width: 2px; justify-self: center; background: linear-gradient(180deg, rgba(2,86,255,.18), rgba(2,86,255,.54)); }
  .prod-main-grid { grid-template-columns: 1fr; }
  .product-details-grid { grid-template-columns: 1fr; }
  .product-overview-card,
  .product-info-panel,
  .purchase-card { border-radius: var(--rxm); }
  .home-platform-grid,
  .home-product-grid,
  .home-page-grid { grid-template-columns: 1fr; }
  .market-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .prod-media { height: 180px; font-size: 44px; }
  .purchase-hint { grid-template-columns: auto 1fr; row-gap: 8px; }
  .purchase-hint i { display: none; }
  .purchase-actions { grid-template-columns: 1fr; }
  .opt-row { grid-template-columns: 1fr; align-items: start; }
  .opt-qc { justify-self: start; }
  .aa-payment-option { grid-template-columns: auto 38px minmax(0,1fr); gap: 10px; align-items: start; }
  .aa-payment-icon { width: 38px; height: 38px; font-size: 19px; }
  .aa-payment-badge { grid-column: 3; justify-self: start; }
  .aa-payment-flow { grid-template-columns: 1fr; }
  .aa-payment-flow i { display: none; }
  .aa-login-card,
  .aa-login-aside-panel { padding: 16px; border-radius: var(--rxm); }
  .acct-section { padding: 14px; border-radius: var(--rxm); }
  .acct-section-head,
  .acct-order-top,
  .acct-issued-head { flex-direction: column; align-items: stretch; }
  .acct-head-actions,
  .acct-head-actions .btn,
  .acct-order-actions .btn,
  .acct-profile-actions .btn { width: 100%; }
  .acct-order-search { width: 100%; }
  .acct-stat-grid { grid-template-columns: 1fr; }
  .acct-issued-row { grid-template-columns: 1fr; align-items: start; }
  .acct-secret-value { grid-template-columns: 1fr; width: 100%; }
  .acct-item-row,
  .acct-form-grid { grid-template-columns: 1fr; }
  .acct-item-total { justify-content: flex-start; text-align: left; min-width: 0; }
  .acct-form-actions .btn { width: 100%; }
  .copy-credential,
  .toggle-credential { width: 100%; }
  .market-row { grid-template-columns: 1fr; }
  .market-row strong { grid-column: auto; grid-row: auto; }
  .market-row { grid-template-columns: 42px minmax(0,1fr) auto; }
  .market-row-icon { grid-column: 1; grid-row: 1 / span 2; width: 38px; height: 38px; font-size: 9px; }
  .market-row-meta { grid-column: 2; }
  .market-row strong { grid-column: 3; grid-row: 1 / span 2; }
  .cat-toolbar  { flex-direction: column; }
  .cat-toolbar .btn { width: 100%; }
  .cat-toolbar-actions { align-items: stretch; }
  .cat-page-size { width: 100%; justify-content: space-between; }
  .cat-page-size .input { width: 96px; }
  .pager-wrap { justify-content: center; }
  .pager { justify-content: center; }
  .pager-status { width: 100%; text-align: center; margin-left: 0; }
  .hero-card    { padding: 22px; }
  .hero-card h1 { font-size: 36px; }
  .section-title{ font-size: 24px; }
  .step-g       { grid-template-columns: 1fr 1fr; }
  .home-process-shell { padding: 22px; }
  .home-process-head { flex-direction: column; }
  .home-process-badge { width: 100%; min-width: 0; }
  .g2, .g4     { grid-template-columns: 1fr; }
  .crypto-g     { grid-template-columns: repeat(2,1fr); }
  .aa-checkout-field-grid { grid-template-columns: 1fr; }
  .filter-row   { grid-template-columns: 1fr; }
  .rev-g        { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr; gap: 24px; }
  .footer-brand-block,
  .footer-newsletter { grid-column: auto; }
  .footer-bottom { margin-top: 26px; }
  .footer-crypto b { min-width: 28px; width: 28px; height: 28px; }
  .home-telegram-card { grid-template-columns: 1fr; padding: 18px; }
  .home-social-links { justify-content: flex-start; }
  .support-widget {
    right: 12px;
    bottom: 12px;
    left: 12px;
    width: auto;
  }
  .support-panel { padding: 14px; border-radius: var(--rxm); }
  .support-toggle { justify-self: end; }
  .support-action { grid-template-columns: 38px minmax(0,1fr); }
  .support-action-mark { width: 38px; height: 38px; }
}

@keyframes aaMobileMenuItem {
  to { opacity: 1; transform: translateY(0); }
}

@keyframes aaLivePulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(.72); opacity: .62; }
}

@keyframes aaCardReveal {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes aaMeterGrow {
  from { transform: scaleX(0); }
  to { transform: scaleX(1); }
}

.home-telegram-card {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(380px, 1.08fr);
  gap: 58px;
  align-items: center;
  padding: 46px 52px;
  border: 1px solid rgba(7,93,255,.10);
  border-radius: 12px;
  background: linear-gradient(90deg, #eff6ff 0%, #f9fcff 54%, #eaf3ff 100%);
  box-shadow: 0 20px 48px rgba(7,93,255,.075);
}
.home-telegram-card h2 {
  margin: 0;
  font-size: clamp(32px, 3.5vw, 44px);
  line-height: 1.08;
  font-weight: 950;
  letter-spacing: 0;
  color: var(--text);
}
.home-telegram-card p {
  margin: 22px 0 0;
  color: var(--muted);
  font-size: 18px;
  line-height: 1.55;
  max-width: 520px;
}
.home-telegram-actions {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 34px;
}
.telegram-action { min-height: 64px; min-width: 230px; display: grid; grid-template-columns: 34px minmax(0,1fr); align-items: center; gap: 12px; padding: 14px 22px; border-radius: 10px; border: 1px solid rgba(7,93,255,.18); background: #fff; color: #102244; box-shadow: 0 12px 28px rgba(7,93,255,.06); transition: border-color .18s, box-shadow .18s, transform .18s; }
.telegram-action:hover { border-color: var(--line2); box-shadow: 0 16px 34px rgba(2,86,255,.11); transform: translateY(-1px); }
.telegram-action-primary { background: linear-gradient(180deg, #075dff, #0a55e8); border-color: #075dff; color: #fff; box-shadow: 0 14px 34px rgba(7,93,255,.22); }
.telegram-action-icon { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 0; background: transparent; color: #075dff; font-size: 10px; font-weight: 900; border: 0; }
.telegram-action-icon svg { width: 22px; height: 22px; fill: currentColor; display: block; }
.telegram-action-primary .telegram-action-icon { background: transparent; color: #fff; }
.telegram-action strong { display: block; font-size: 16px; line-height: 1.2; font-weight: 950; }
.telegram-action small { display: none; }
.telegram-action-primary small { color: rgba(255,255,255,.78); }
.home-telegram-side { display: grid; gap: 18px; }
.home-telegram-badge { display: grid; grid-template-columns: 72px minmax(0,1fr); gap: 22px; align-items: center; padding: 26px 30px; min-height: 132px; border-radius: 12px; background: #fff; border: 1px solid rgba(7,93,255,.10); box-shadow: 0 16px 34px rgba(7,93,255,.07); }
.home-telegram-badge > span { width: 72px; height: 72px; display: grid; place-items: center; border-radius: 0; background: transparent; color: #075dff; font-size: 25px; font-weight: 950; box-shadow: none; }
.home-telegram-badge > span svg { width: 58px; height: 58px; fill: currentColor; display: block; }
.home-telegram-badge strong { display: block; color: var(--text); font-size: 24px; line-height: 1.15; overflow-wrap: anywhere; }
.home-telegram-badge small { display: block; margin-top: 8px; color: var(--muted); font-size: 17px; line-height: 1.35; font-weight: 750; }
.home-social-links {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 16px 18px;
  margin-top: 0;
}
.home-social-links a {
  display: grid;
  grid-template-columns: 36px minmax(0,1fr);
  align-items: center;
  gap: 16px;
  min-height: 76px;
  padding: 16px 20px;
  border-radius: 10px;
  border: 1px solid rgba(7,93,255,.10);
  background: #fff;
  color: var(--text);
  font-size: 16px;
  font-weight: 950;
  box-shadow: 0 12px 28px rgba(7,93,255,.055);
  transition: border-color .18s, transform .18s;
}
.home-social-links a:hover { border-color: var(--line2); transform: translateY(-1px); }
.home-social-links span { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 0; background: transparent; color: #075dff; font-size: 12px; font-weight: 950; text-transform: uppercase; }
.home-social-links span svg { width: 20px; height: 20px; fill: currentColor; display: block; }
.home-social-links strong { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

@media (max-width: 800px) {
  .market-platform-strip { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .home-telegram-card { grid-template-columns: 1fr; gap: 28px; padding: 32px; }
}
@media (max-width: 560px) {
  .market-live-status { grid-template-columns: auto minmax(0,1fr); }
  .market-live-status b { display: none; }
  .market-metrics-live { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .market-platform-strip,
  .home-social-links { grid-template-columns: 1fr; }
  .home-telegram-card { padding: 18px; border-radius: var(--rxm); }
  .home-telegram-actions { display: grid; grid-template-columns: 1fr; }
  .telegram-action { min-height: 62px; min-width: 0; }
  .home-telegram-badge { grid-template-columns: 48px minmax(0,1fr); }
  .home-telegram-badge > span { width: 48px; height: 48px; font-size: 13px; }
  .home-telegram-badge > span svg { width: 38px; height: 38px; }
  .home-telegram-badge strong { font-size: 15px; }
}

@media (max-width: 1100px) {
  .home-hero-grid { align-items: start; }
  .home-copy { align-self: start; padding-top: 0; }
  .home-telegram-card { grid-template-columns: 1fr; gap: 30px; padding: 34px; }
  .step-g { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 34px; }
  .step-g::before { display: none; }
  .step-c::before,
  .step-c::after { display: none; }
}

@media (max-width: 680px) {
  .home-telegram-card h2 { font-size: 30px; }
  .home-telegram-card p { font-size: 15px; }
  .home-telegram-badge { grid-template-columns: 58px minmax(0,1fr); min-height: 0; padding: 18px; }
  .home-telegram-badge > span { width: 58px; height: 58px; font-size: 17px; }
  .home-telegram-badge > span svg { width: 44px; height: 44px; }
  .home-telegram-badge strong { font-size: 18px; }
  .home-telegram-badge small { font-size: 13px; }
  .home-social-links a { min-height: 62px; padding: 13px 15px; font-size: 14px; }
  .step-g { grid-template-columns: 1fr; gap: 26px; }
  .step-c { min-height: 0; padding: 18px; }
  .home-process-shell { padding: 18px; border-radius: var(--rxm); }
  .home-process-head .section-title { font-size: 26px; }
}

@media (max-width: 560px) {
  .home-telegram-card { padding: 18px; border-radius: var(--rxm); }
  .home-telegram-actions { display: grid; grid-template-columns: 1fr; }
  .telegram-action { width: 100%; min-width: 0; }
  .home-social-links { grid-template-columns: 1fr; }
}
.aa-seo-content { padding-top: 0; }
.aa-seo-content-inner {
  border-top: 1px solid var(--line);
  padding-top: 28px;
  color: var(--muted);
}
.aa-seo-content-inner h2,
.aa-seo-content-inner h3,
.aa-seo-content-inner > p {
  margin: 0 0 10px;
  color: var(--ink);
  letter-spacing: 0;
}
.aa-seo-body {
  max-width: 980px;
  line-height: 1.75;
}

@media (prefers-reduced-motion: reduce) {
  .mobile-menu,
  .mobile-menu-link,
  .mobile-menu-nav a,
  .market-live-dot,
  .market-platform-pill,
  .home-category-row,
  .home-category-row::before,
  .home-category-meter i,
  .home-actions .btn-primary::before,
  .home-telegram-actions .btn-primary::before,
  .footer-newsletter-form button::before {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }
  .mobile-menu-link,
  .mobile-menu-nav a { opacity: 1 !important; }
}