@font-face {
  font-family: 'Vazirmatn';
  src: url('/fonts/vazirmatn-latin.woff2') format('woff2');
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  unicode-range: U+0000-024F, U+2000-206F, U+20AC, U+2122;
}

@font-face {
  font-family: 'Vazirmatn';
  src: url('/fonts/vazirmatn-arabic.woff2') format('woff2');
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  unicode-range: U+0600-06FF, U+0750-077F, U+200C-200F, U+FB50-FDFF, U+FE70-FEFC;
}

:root {
  color-scheme: light;
  --ink: #0f172a;
  --muted: #64748b;
  --line: #e2e8f0;
  --paper: #fff;
  --canvas: #f8fafc;
  --navy: #0f172a;
  --blue: #2563eb;
  --cyan: #06b6d4;
  --purple: #7c3aed;
  --shadow: 0 18px 50px rgba(15, 23, 42, .08);
  font-family: Vazirmatn, Tahoma, Arial, sans-serif;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--canvas); color: var(--ink); font-size: 15px; line-height: 1.8; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button, a, input, select, textarea { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
img { max-width: 100%; }

.site-header { position: sticky; top: 0; z-index: 5; display: flex; align-items: center; gap: 30px; min-height: 76px; padding: 0 max(5vw, calc((100vw - 1240px) / 2)); background: #ffffffed; border-bottom: 1px solid rgba(226,232,240,.88); backdrop-filter: blur(16px); }
.brand { display: inline-flex; align-items: center; gap: 9px; color: var(--blue); font-size: 21px; font-weight: 800; white-space: nowrap; }
.brand-mark { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 13px; color: #fff; background: linear-gradient(145deg, #2563eb, #06b6d4); box-shadow: 0 7px 18px #2563eb30; }
.desktop-nav { display: flex; align-items: center; gap: 26px; margin-inline: auto; color: #475569; font-size: 14px; font-weight: 600; }
.desktop-nav a, .footer-links a { transition: color .2s ease; }
.desktop-nav a:hover, .footer-links a:hover { color: var(--blue); }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 9px 18px; border: 1px solid transparent; border-radius: 14px; font-weight: 700; transition: transform .2s, background .2s, box-shadow .2s; }
.button:hover { transform: translateY(-1px); }
.button-light { color: #1d4ed8; background: #eff6ff; border-color: #dbeafe; }
.button-primary, .search-box button, .filter-panel button { color: #fff; background: var(--blue); box-shadow: 0 8px 20px rgba(37,99,235,.2); }
.button-primary:hover, .search-box button:hover, .filter-panel button:hover { background: #1d4ed8; }
.header-action { background: #fff; }

.subscription-credentials { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; margin: 16px 0; }
.subscription-qr { display: grid; width: 208px; min-height: 208px; place-items: center; padding: 8px; border: 1px solid var(--line); border-radius: 14px; background: #fff; }
.subscription-qr img { display: block; max-width: 100%; height: auto; }
.subscription-actions { display: grid; justify-items: start; gap: 10px; }
.visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; }

.eyebrow { display: flex; align-items: center; gap: 9px; color: var(--blue); font-size: 13px; font-weight: 700; }
.verified { color: var(--blue); }
.official-badge { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 99px; color: #1d4ed8; background: #eff6ff; font-size: 12px; font-weight: 800; white-space: nowrap; }.official-store-card { border-color: #bfdbfe; }

.trust-strip { display: grid; grid-template-columns: repeat(4,1fr); max-width: 1120px; margin: -30px auto 0; position: relative; z-index: 2; overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: var(--shadow); }
.trust-strip > div { display: flex; align-items: center; justify-content: center; gap: 11px; min-height: 88px; border-inline-start: 1px solid var(--line); color: var(--muted); font-size: 13px; }.trust-strip > div:last-child { border: 0; }
.trust-number { color: var(--navy); font-size: 20px; font-weight: 800; }
.market-section { max-width: 1180px; margin: 0 auto; padding: 80px 24px; }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 26px; }
.eyebrow-dark { color: var(--blue); }.section-heading h2 { margin: 5px 0; color: var(--navy); font-size: 30px; line-height: 1.5; }.section-heading h2 span { color: var(--blue); }.section-heading p { margin: 0; color: var(--muted); }
.sort-form { display: flex; align-items: center; gap: 9px; color: var(--muted); font-size: 13px; }
.sort-form select, select, input, textarea { color: var(--ink); }
.sort-form select { min-height: 42px; padding: 7px 12px; border: 1px solid var(--line); border-radius: 11px; background: #fff; }
.filter-row { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin: 23px 0; }
.filter-pill { padding: 8px 15px; border: 1px solid var(--line); border-radius: 99px; color: #627287; background: #fff; font-size: 13px; font-weight: 600; transition: .2s; }
.filter-pill:hover, .filter-pill.selected { border-color: #bfdbfe; color: #1d4ed8; background: #eff6ff; }
.filter-note { margin-inline-start: auto; color: #91a0b0; font-size: 12px; }
.filter-panel { margin: 14px 0 28px; border: 1px solid var(--line); border-radius: 14px; background: #fff; }
.filter-panel summary { padding: 12px 16px; color: var(--navy); cursor: pointer; font-weight: 700; }
.filter-panel form { display: flex; flex-wrap: wrap; align-items: end; gap: 14px; padding: 0 16px 18px; }
.filter-panel label { display: grid; gap: 5px; color: var(--muted); font-size: 12px; }
.filter-panel input, .filter-panel select { min-width: 150px; min-height: 42px; padding: 8px 11px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.filter-panel button { min-height: 42px; padding: 8px 18px; border: 0; border-radius: 10px; }
.product-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.product-card { padding: 19px; border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: 0 4px 18px #0f172a08; transition: transform .2s, box-shadow .2s, border-color .2s; }
.product-card:hover { transform: translateY(-4px); border-color: #bfdbfe; box-shadow: var(--shadow); }
.card-top, .product-title, .card-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.product-icon { display: grid; width: 46px; height: 46px; place-items: center; border-radius: 14px; font-size: 24px; }.tone-teal { color: #0891b2; background: #cffafe; }.tone-purple { color: #7c3aed; background: #f3e8ff; }.tone-orange { color: #2563eb; background: #dbeafe; }
.availability { display: inline-flex; align-items: center; gap: 6px; color: #078b77; font-size: 11px; font-weight: 700; }.availability i { width: 6px; height: 6px; border-radius: 50%; background: #21be98; }
.product-title { align-items: start; margin: 15px 0; }.product-title h3, .product-card > h3 { margin: 0; color: var(--navy); font-size: 16px; }.store-link { display: inline-block; margin-top: 3px; color: var(--muted); font-size: 12px; }.store-link span { color: var(--blue); }
.product-rating { margin-top: 4px; color: #8b6a14; font-size: 11px; }
.new-badge { padding: 3px 8px; border-radius: 99px; color: #856326; background: #fff5d9; font-size: 10px; white-space: nowrap; }
.sponsored-section { padding: 36px 5vw 10px; }.sponsored-card { border-color: #c9d7ff; box-shadow: 0 10px 30px rgba(28,49,98,.07); }.sponsored-badge { padding: 4px 10px; border-radius: 99px; background: #e9edff; color: #394c99; font-size: 11px; font-weight: 800; white-space: nowrap; }
.specs { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; padding: 14px 0; border-block: 1px solid #eff2f5; color: #617287; font-size: 12px; }.specs > div { display: flex; align-items: center; gap: 6px; }.spec-icon { color: #2563eb; }
.card-footer { margin-top: 13px; }.price { color: var(--navy); }.price b { font-size: 18px; }.price span { margin-inline-start: 4px; color: var(--muted); font-size: 11px; }.price del { display: block; color: #9ba7b4; font-size: 11px; }
.compare-select { display: flex; align-items: center; gap: 5px; color: var(--muted); font-size: 11px; }.compare-select input { accent-color: var(--blue); }
.add-button { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 12px; color: white; background: var(--blue); font-size: 18px; transition: background .2s; }.add-button:hover { background: #1d4ed8; }
.empty-state { grid-column: 1/-1; display: grid; justify-items: center; padding: 45px 20px; border: 1px dashed #d6e0e8; border-radius: 18px; text-align: center; background: #fff; }.empty-icon { display: grid; width: 52px; height: 52px; place-items: center; border-radius: 16px; color: var(--blue); background: #eff6ff; font-size: 25px; }.empty-state h3 { margin: 9px 0 0; color: var(--navy); }.empty-state p { margin: 0; color: var(--muted); font-size: 13px; }
.compare-actions { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-top: 18px; padding: 15px 18px; border-radius: 14px; color: #668094; background: #eaf1f5; font-size: 13px; }
.market-footnote { margin-top: 22px; color: var(--muted); font-size: 12px; }.market-footnote a { color: var(--blue); font-weight: 700; }
.site-footer { display: grid; grid-template-columns: 1fr auto; gap: 20px; align-items: center; padding: 38px max(5vw, calc((100vw - 1180px) / 2)); color: #b4c3d1; background: #0f172a; }.site-footer .brand { color: #fff; }.site-footer p { margin: 8px 0 0; font-size: 12px; }.footer-links { display: flex; flex-wrap: wrap; gap: 20px; color: #d4dfe8; font-size: 12px; }.site-footer small { grid-column: 1/-1; padding-top: 13px; border-top: 1px solid #ffffff18; color: #8295a8; font-size: 11px; }
.mobile-nav { display: none; }

.form-page, .dashboard-page { max-width: 1080px; min-height: 60vh; margin: 0 auto; padding: 48px 24px 80px; }.form-page { max-width: 760px; }.form-page h1, .dashboard-page h1 { margin: 0 0 20px; color: var(--navy); font-size: 30px; }.form-card, .detail-card, .dashboard-card { padding: 24px; border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: 0 8px 25px #0f172a08; }.form-card { display: grid; gap: 16px; }.form-card label, .stack-form label, .form-row label { display: grid; gap: 6px; color: #53677c; font-size: 13px; font-weight: 600; }.form-card input, .form-card textarea, .form-card select, .stack-form input, .stack-form textarea, .stack-form select, .form-row input, .form-row textarea, .form-row select, input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="password"], input[type="url"], textarea, select { max-width: 100%; min-height: 43px; padding: 9px 12px; border: 1px solid #dfe6ed; border-radius: 10px; outline: 0; background: #fff; transition: border .2s, box-shadow .2s; }
input:focus, select:focus, textarea:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(37,99,235,.14); }
textarea { min-height: 110px; resize: vertical; }.stack-form, .wide-form { display: grid; gap: 15px; }.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }.form-page button, .dashboard-page button, .dashboard-page .button, .form-page .button { min-height: 42px; padding: 8px 16px; border: 0; border-radius: 10px; color: white; background: var(--blue); font-weight: 700; }.form-page .back-link { display: inline-block; margin-bottom: 12px; color: var(--blue); }
.flash, .panel-error, .panel-status, .security-note { margin: 12px 0; padding: 12px 15px; border-radius: 11px; }.flash.success { color: #087253; background: #e5f8ee; }.flash.error, .panel-error { color: #9e3340; background: #fff0f0; }.panel-status, .security-note { color: #547085; background: #edf4f8; }
.dashboard-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }.dashboard-card { display: block; }.dashboard-card h2, .dashboard-card h3 { margin: 0 0 6px; color: var(--navy); font-size: 17px; }.dashboard-card p { margin: 0; color: var(--muted); font-size: 13px; }.panel-actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 0; }
.filter-form { display: grid; grid-template-columns: minmax(180px,1fr) minmax(150px,.8fr) auto; align-items: end; gap: 12px; margin: 16px 0; }.filter-form label { display: grid; gap: 6px; color: #53677c; font-size: 13px; font-weight: 600; }.filter-form input, .filter-form select { width: 100%; }
table, .comparison-table { width: 100%; border-collapse: collapse; background: #fff; }.comparison-scroll { overflow-x: auto; border: 1px solid var(--line); border-radius: 14px; }.comparison-table th, .comparison-table td, th, td { padding: 12px; border-bottom: 1px solid var(--line); text-align: right; vertical-align: top; }.comparison-table th, th { color: #52657a; background: #f6f8fa; font-size: 12px; }.comparison-table td, td { font-size: 13px; }
.store-hero, .product-detail, .cta-band { padding: 26px; border-radius: 18px; background: #fff; box-shadow: 0 8px 25px #0f172a08; }.store-hero { display: flex; align-items: center; gap: 18px; }.store-avatar { display: grid; width: 64px; height: 64px; place-items: center; border-radius: 20px; color: #1d4ed8; background: #eff6ff; font-size: 25px; }.store-hero h1, .product-detail h1 { margin: 0; color: var(--navy); }.product-detail { display: grid; grid-template-columns: 1.4fr .8fr; gap: 28px; }.detail-card { box-shadow: none; }.detail-specs { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }.detail-icon, .benefit-icon { color: var(--blue); }.purchase-box { padding: 20px; border: 1px solid var(--line); border-radius: 15px; background: #f8fafc; }.cta-band { display: flex; align-items: center; justify-content: space-between; gap: 20px; color: white; background: linear-gradient(120deg,#1d4ed8,#2563eb 65%,#06b6d4); }.benefits { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }.benefit { padding: 17px; border: 1px solid var(--line); border-radius: 14px; background: white; }
.store-hero { position: relative; overflow: hidden; flex-wrap: wrap; }.store-cover { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .14; }.store-hero > :not(.store-cover) { position: relative; }.store-logo { flex: 0 0 64px; object-fit: contain; background: white; }
.reputation-badge { display: inline-block; margin: 4px; padding: 4px 10px; border-radius: 999px; font-size: 11px; font-weight: 700; }.reputation-bronze { color: #80542c; background: #f3e3d1; }.reputation-silver { color: #465567; background: #e6edf3; }.reputation-gold { color: #765800; background: #fff1bf; }

@media (max-width: 850px) {
  .site-header { gap: 12px; min-height: 70px; padding-inline: 20px; }.desktop-nav { gap: 14px; font-size: 12px; }.site-header > .button { padding-inline: 12px; font-size: 12px; }
  .product-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.trust-strip { margin-inline: 20px; }.market-section { padding-top: 65px; }
}
@media (max-width: 620px) {
  body { padding-bottom: 67px; font-size: 14px; }.site-header { min-height: 65px; gap: 8px; padding-inline: 15px; }.brand { gap: 7px; font-size: 18px; }.brand-mark { width: 34px; height: 34px; border-radius: 11px; }.desktop-nav { display: none; }.site-header > .button { min-height: 38px; padding: 6px 10px; border-radius: 10px; }.site-header > .button-light:first-of-type { margin-inline-start: auto; }.header-action { font-size: 11px !important; }
  .trust-strip { grid-template-columns: 1fr 1fr; margin: -14px 14px 0; border-radius: 14px; }.trust-strip > div { min-height: 67px; border-bottom: 1px solid var(--line); font-size: 10px; }.trust-strip > div:nth-child(2) { border-inline-start: 0; }.trust-strip > div:nth-child(n+3) { border-bottom: 0; }.trust-number { font-size: 16px; }
  .market-section { padding: 52px 16px; }.section-heading { align-items: start; flex-direction: column; gap: 14px; }.section-heading h2 { font-size: 25px; }.sort-form { width: 100%; justify-content: space-between; }.sort-form select { flex: 1; max-width: 190px; }.filter-row { gap: 7px; margin: 18px 0; }.filter-pill { padding: 6px 11px; font-size: 11px; }.filter-note { width: 100%; margin: 2px 0 0; }.filter-panel form { display: grid; grid-template-columns: 1fr 1fr; }.filter-panel label { min-width: 0; }.filter-panel input, .filter-panel select { width: 100%; min-width: 0; }.filter-panel button { grid-column: 1/-1; }
  .product-grid { grid-template-columns: 1fr; gap: 12px; }.product-card { padding: 16px; border-radius: 15px; }.compare-actions { align-items: start; flex-direction: column; }.site-footer { grid-template-columns: 1fr; padding: 30px 20px; }.site-footer small { grid-column: 1; }.footer-links { gap: 14px; }
  .mobile-nav { position: fixed; z-index: 10; inset: auto 0 0; display: flex; justify-content: space-around; padding: 8px 10px max(8px,env(safe-area-inset-bottom)); border-top: 1px solid var(--line); background: #ffffffed; backdrop-filter: blur(14px); }.mobile-nav a { display: grid; justify-items: center; gap: 0; color: #8493a3; font-size: 18px; line-height: 1.2; }.mobile-nav span { font-size: 10px; }.mobile-nav a.active { color: var(--blue); }
  .form-page, .dashboard-page { padding: 30px 16px 50px; }.form-page h1, .dashboard-page h1 { font-size: 24px; }.form-card, .detail-card, .dashboard-card { padding: 17px; border-radius: 14px; }.form-row, .dashboard-grid, .product-detail, .benefits, .detail-specs, .filter-form { grid-template-columns: 1fr; }.store-hero { align-items: start; }.cta-band { align-items: start; flex-direction: column; }.comparison-scroll { margin-inline: -8px; }
}

/* Seller VPN target selection */
.form-card .vpn-targets { display: grid; gap: 14px; margin: 4px 0; padding: 16px; border: 1px solid var(--line); border-radius: 14px; }
.vpn-targets > p { margin: 0; color: var(--muted); font-size: 13px; }
.vpn-target { display: grid; gap: 12px; padding: 16px; border: 1px solid #dfe6ed; border-radius: 12px; background: #f9fbfc; }
.vpn-target__title { color: var(--navy); font-size: 14px; }
.vpn-target__title span { color: #087253; font-size: 12px; }
.vpn-protocol { display: grid; gap: 8px; }
.form-card .vpn-check { display: flex; align-items: center; justify-content: flex-start; gap: 10px; margin: 0; color: #34495e; font-size: 13px; font-weight: 600; cursor: pointer; }
.form-card .vpn-check input[type="checkbox"] { flex: 0 0 18px; width: 18px; min-width: 18px; max-width: 18px; height: 18px; min-height: 18px; margin: 0; padding: 0; accent-color: var(--blue); }
.vpn-protocol__title { padding: 10px 12px; border: 1px solid #dfe6ed; border-radius: 9px; background: white; }
.vpn-inbounds { display: grid; gap: 7px; padding-right: 20px; }
.form-card .vpn-inbound { padding: 8px 10px; border-radius: 8px; background: #fff; }
.form-card .vpn-inbound:hover, .form-card .vpn-protocol__title:hover { background: #eef8f6; }

/* Tunely discovery, provider, and checkout surfaces */
.site-header { box-shadow: 0 4px 18px rgba(15,23,42,.035); }
.brand-wordmark { color: var(--blue); letter-spacing: -.045em; }
.brand-symbol { width: 34px; height: 34px; object-fit: contain; }
.desktop-nav a[aria-current="page"] { color: var(--blue); }
.button-primary:disabled, button:disabled { cursor: not-allowed; opacity: .48; transform: none; box-shadow: none; }
.button-light:hover { background: #dbeafe; }
.section-heading h2, .dashboard-card h2, .dashboard-card h3 { color: var(--ink); }
.mobile-nav { box-shadow: 0 -8px 28px rgba(15,23,42,.05); }
.reputation-badge { vertical-align: middle; }
.auth-choice-card .button-telegram { display:flex;align-items:center;justify-content:center;gap:10px;width:100%;color:#fff;background:#229ed9; }
.auth-choice-card .telegram-disabled { cursor:not-allowed;opacity:.58; }
.auth-choice-card .telegram-disabled small { color:inherit;font-size:10px; }
.auth-divider { display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--muted);font-size:12px; }
.auth-divider::before,.auth-divider::after { height:1px;flex:1;background:var(--line);content:''; }
.auth-choice-card form { display:grid;gap:10px; }

.discovery-hero, .discovery-categories, .discovery-providers, .market-section, .sponsored-section, .benefits, .cta-band { width: min(1180px, 100%); margin-inline: auto; }
.discovery-hero { position: relative; overflow: hidden; margin-top: 30px; padding: clamp(28px,5vw,58px); border: 1px solid #dbeafe; border-radius: 30px; background: radial-gradient(ellipse at 8% 8%, #dbeafe 0, transparent 40%), linear-gradient(120deg,#fff 20%,#f3f8ff 100%); box-shadow: 0 22px 60px rgba(37,99,235,.08); }
.discovery-hero::after { position: absolute; inset-inline-start: -90px; inset-block-end: -150px; width: 300px; height: 300px; border: 1px solid #bfdbfe; border-radius: 50%; box-shadow: 0 0 0 30px #eff6ff80,0 0 0 60px #eff6ff70; content: ''; pointer-events: none; }
.discovery-head { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.discovery-copy { max-width: 690px; }
.discovery-kicker { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border: 1px solid #bfdbfe; border-radius: 99px; color: #1d4ed8; background: #eff6ff; font-size: 12px; font-weight: 800; }
.discovery-copy h1 { margin: 15px 0 8px; color: var(--ink); font-size: clamp(30px,4.5vw,52px); font-weight: 900; letter-spacing: -.04em; line-height: 1.4; }
.discovery-copy h1 span { color: var(--blue); }
.discovery-copy p { max-width: 590px; margin: 0; color: var(--muted); font-size: 15px; }
.discovery-count { display: grid; min-width: 132px; justify-items: center; gap: 2px; padding: 18px; border: 1px solid #dbeafe; border-radius: 22px; background: #ffffffd9; box-shadow: 0 12px 30px #1e40af10; }
.discovery-count strong { color: var(--blue); font-size: 34px; line-height: 1.2; }
.discovery-count span { color: var(--muted); font-size: 12px; }
.discovery-search { position: relative; z-index: 1; display: flex; align-items: center; gap: 12px; max-width: 800px; margin-top: 25px; padding: 7px 8px 7px 18px; border: 1px solid #dbeafe; border-radius: 18px; background: #fff; box-shadow: 0 14px 35px #0f172a0b; }
.discovery-search-icon { color: var(--blue); font-size: 25px; line-height: 1; }
.discovery-search input { flex: 1; min-width: 0; min-height: 46px; padding: 8px; border: 0; outline: 0; color: var(--ink); background: transparent; }
.discovery-search input:focus { border: 0; box-shadow: none; }
.discovery-search button { display: inline-flex; align-items: center; gap: 8px; min-height: 46px; padding: 8px 19px; border: 0; border-radius: 13px; color: white; background: var(--blue); font-weight: 800; }
.discovery-hint { margin-top: 12px; color: #64748b; font-size: 12px; }
.discovery-categories, .discovery-providers { padding: 36px 24px 12px; }
.discovery-section-head, .category-section-title { display: flex; align-items: end; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
.discovery-section-head > div > span, .category-section-title > div > span { color: var(--blue); font-size: 12px; font-weight: 800; }
.discovery-section-head h2, .category-section-title h2 { margin: 2px 0 0; color: var(--ink); font-size: 23px; }
.discovery-section-head > a, .category-section-title > a { color: var(--blue); font-size: 13px; font-weight: 800; white-space: nowrap; }
.discovery-category-grid { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 12px; }
.discovery-category-grid > a { display: grid; min-height: 128px; justify-items: start; align-content: center; gap: 4px; padding: 16px; border: 1px solid var(--line); border-radius: 19px; background: white; box-shadow: 0 6px 20px rgba(15,23,42,.035); transition: transform .2s,border-color .2s,box-shadow .2s; }
.discovery-category-grid > a:hover { transform: translateY(-3px); border-color: #bfdbfe; box-shadow: 0 14px 28px #2563eb14; }
.category-symbol { display: grid; width: 39px; height: 39px; place-items: center; margin-bottom: 5px; border-radius: 13px; color: var(--blue); background: #eff6ff; font-size: 22px; }
.discovery-category-grid strong { color: var(--ink); font-size: 14px; }
.discovery-category-grid small { color: var(--muted); font-size: 11px; }
.discovery-providers { padding-top: 28px; }
.discovery-provider-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.discovery-provider-item { display: flex; align-items: center; gap: 13px; min-width: 0; padding: 14px; border: 1px solid var(--line); border-radius: 18px; background: white; transition: border-color .2s,transform .2s; }
.discovery-provider-item:hover { transform: translateY(-2px); border-color: #bfdbfe; }
.discovery-provider-item > img, .discovery-provider-avatar { display: grid; width: 50px; height: 50px; flex: 0 0 50px; place-items: center; border: 1px solid #dbeafe; border-radius: 16px; object-fit: cover; color: var(--blue); background: #eff6ff; font-size: 20px; font-weight: 900; }
.discovery-provider-copy { display: grid; min-width: 0; gap: 2px; }
.discovery-provider-copy strong { overflow: hidden; color: var(--ink); text-overflow: ellipsis; white-space: nowrap; }
.discovery-provider-copy small { color: var(--muted); font-size: 11px; }
.discovery-provider-arrow { margin-inline-start: auto; color: var(--blue); font-size: 18px; }
.trial-teaser { display: flex; align-items: center; justify-content: space-between; gap: 18px; width: min(1132px,calc(100% - 48px)); margin: 22px auto; padding: 18px 22px; border: 1px solid #c7d2fe; border-radius: 20px; background: linear-gradient(110deg,#f5f3ff,#eff6ff); }
.trial-teaser > div { display: grid; }.trial-teaser > div > span { color: var(--purple); font-size: 11px; font-weight: 800; }.trial-teaser strong { color: var(--ink); }.trial-teaser p { margin: 2px 0 0; color: var(--muted); font-size: 12px; }.trial-teaser > a { flex: 0 0 auto; color: var(--blue); font-weight: 800; }
.market-section { padding: 52px 24px; }
.market-section[id], .store-local-nav a { scroll-margin-top: 96px; }
.section-heading { margin-bottom: 20px; }
.section-heading h2 { font-size: clamp(22px,3vw,30px); }
.section-heading p { font-size: 13px; }
.product-grid { gap: 15px; }
.product-card { border-radius: 20px; box-shadow: 0 8px 28px rgba(15,23,42,.045); }
.product-card:hover { transform: translateY(-3px); }
.product-icon { border-radius: 15px; }
.card-footer .add-button { flex: 0 0 40px; }
.compare-actions { border: 1px solid #dbeafe; color: #475569; background: #eff6ff; }
.benefits { grid-template-columns: 1.25fr repeat(3,1fr); gap: 12px; padding: 8px 24px 50px; }
.benefits-intro, .benefit { padding: 20px; border: 1px solid var(--line); border-radius: 19px; background: white; }
.benefits-intro .eyebrow { color: var(--blue); }.benefits-intro h2 { margin: 6px 0; color: var(--ink); }.benefits-intro h2 em { color: var(--blue); font-style: normal; }.benefits-intro p, .benefit p { color: var(--muted); font-size: 12px; }
.benefit { position: relative; }.benefit-no { color: #94a3b8; font-size: 11px; font-weight: 800; }.benefit-icon { display: grid; width: 42px; height: 42px; place-items: center; margin: 12px 0; border-radius: 14px; background: #eff6ff; font-size: 20px; }.benefit h3 { margin: 0; color: var(--ink); font-size: 15px; }
.cta-band { position: relative; overflow: hidden; margin-bottom: 50px; padding: 32px; border-radius: 24px; color: white; background: linear-gradient(115deg,#1d4ed8,#2563eb 65%,#06b6d4); box-shadow: 0 20px 40px #2563eb28; }.cta-band > div:first-child { position: relative; z-index: 1; }.cta-band .eyebrow { color: #dbeafe; }.cta-band h2 { margin: 5px 0; font-size: 26px; }.cta-band p { margin: 0; color: #e0f2fe; font-size: 13px; }.cta-band .button-light { position: relative; z-index: 1; color: #1d4ed8; background: white; }.cta-orb { position: absolute; inset-inline-end: 18%; inset-block-start: -100px; width: 300px; height: 300px; border: 1px solid #ffffff30; border-radius: 50%; box-shadow: 0 0 0 35px #ffffff10,0 0 0 70px #ffffff08; }

.category-page { width: min(1180px,100%); margin-inline: auto; padding: 32px 24px 64px; }
.category-page .back-link { display: inline-block; margin-bottom: 16px; color: var(--blue); font-size: 13px; font-weight: 700; }
.category-page-hero { padding: clamp(24px,4vw,42px); border: 1px solid #dbeafe; border-radius: 26px; background: linear-gradient(125deg,#fff,#eff6ff); box-shadow: 0 15px 40px #2563eb0d; }
.category-page-hero h1 { margin: 6px 0; color: var(--ink); font-size: clamp(27px,4vw,40px); }.category-page-hero > p { max-width: 720px; margin: 0; color: var(--muted); }
.category-page-stats { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }.category-page-stats span { padding: 8px 13px; border: 1px solid #dbeafe; border-radius: 99px; color: #475569; background: white; font-size: 12px; }.category-page-stats strong { color: var(--blue); }
.category-providers, .category-products { margin-top: 32px; }.category-provider-grid, .category-product-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.category-provider-card, .category-product-card { min-width: 0; padding: 18px; border: 1px solid var(--line); border-radius: 20px; background: white; box-shadow: 0 8px 25px #0f172a06; }
.category-provider-top { display: flex; align-items: center; gap: 12px; }.category-provider-top > img, .category-provider-avatar { display: grid; width: 48px; height: 48px; flex: 0 0 48px; place-items: center; border-radius: 15px; object-fit: cover; color: var(--blue); background: #eff6ff; font-size: 18px; font-weight: 900; }.category-provider-label { color: var(--blue); font-size: 10px; font-weight: 800; }.category-provider-top h3 { margin: 1px 0 0; color: var(--ink); font-size: 16px; }.category-provider-card > p { min-height: 45px; color: var(--muted); font-size: 12px; }
.category-provider-facts { display: flex; flex-wrap: wrap; gap: 6px; margin: 13px 0; }.category-provider-facts span { padding: 5px 8px; border-radius: 99px; color: #475569; background: #f1f5f9; font-size: 10px; }.category-provider-link { display: flex; align-items: center; justify-content: space-between; padding-top: 12px; border-top: 1px solid var(--line); color: var(--blue); font-size: 12px; font-weight: 800; }
.category-product-card { display: flex; flex-direction: column; gap: 11px; }.category-product-provider { display: flex; align-items: center; gap: 8px; color: var(--ink); font-size: 12px; }.category-product-provider img, .category-product-provider > span { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 11px; object-fit: cover; color: var(--blue); background: #eff6ff; }.category-product-provider small { margin-inline-start: auto; color: var(--blue); }.category-product-card h3 { margin: 0; font-size: 16px; }.category-product-card h3 a:hover { color: var(--blue); }.category-product-specs { display: flex; flex-wrap: wrap; gap: 6px; }.category-product-specs span { padding: 5px 8px; border-radius: 9px; color: #475569; background: #f1f5f9; font-size: 10px; }.category-product-bottom { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: auto; padding-top: 12px; border-top: 1px solid var(--line); }.category-product-bottom > div { display: grid; color: var(--muted); font-size: 10px; }.category-product-bottom strong { color: var(--ink); font-size: 15px; }.category-product-bottom > a { color: var(--blue); font-size: 11px; font-weight: 800; }
.country-directory .country-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(160px,1fr)); gap: 12px; }.country-card { display: grid; gap: 4px; padding: 16px; border: 1px solid var(--line); border-radius: 17px; background: white; }.country-card:hover { border-color: #bfdbfe; }.country-card strong { color: var(--ink); }.country-card small { color: var(--muted); }

.store-page { width: min(1180px,100%); margin: 0 auto; padding: 30px 24px 60px; }
.store-profile { position: relative; display: grid; grid-template-columns: 1fr auto; gap: 18px 28px; min-height: 265px; padding: 28px; border: 1px solid var(--line); border-radius: 26px; background: white; box-shadow: 0 15px 40px rgba(15,23,42,.06); }
.store-profile .back-link { grid-column: 1/-1; margin: 0; color: #1d4ed8; font-size: 12px; font-weight: 800; }.store-profile-main { display: flex; align-items: center; gap: 18px; min-width: 0; }.store-profile .store-avatar { width: 76px; height: 76px; flex-basis: 76px; border: 4px solid white; border-radius: 23px; color: #1d4ed8; background: #eff6ff; box-shadow: 0 0 0 1px #dbeafe; font-size: 27px; }.store-profile .store-logo { object-fit: contain; }.store-profile-copy { min-width: 0; }.store-badges { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; }.store-kind { color: var(--blue); font-size: 11px; font-weight: 800; }.store-profile h1 { margin: 3px 0; color: var(--ink); font-size: clamp(24px,4vw,36px); }.store-profile-copy > p { max-width: 650px; margin: 0; color: var(--muted); font-size: 13px; }.store-profile-stats { display: flex; align-items: center; gap: 10px; }.store-profile-stats > div { display: grid; min-width: 105px; justify-items: center; padding: 15px 12px; border: 1px solid var(--line); border-radius: 16px; background: #f8fafc; }.store-profile-stats strong { color: var(--blue); font-size: 21px; }.store-profile-stats span { color: var(--muted); font-size: 10px; text-align: center; }.store-local-nav { grid-column: 1/-1; display: flex; flex-wrap: wrap; gap: 8px; padding-top: 12px; border-top: 1px solid var(--line); }.store-local-nav a { padding: 7px 12px; border: 1px solid #dbeafe; border-radius: 99px; color: #1d4ed8; background: #eff6ff; font-size: 11px; font-weight: 700; }
.store-info-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin-top: 14px; }.store-info-card { display: flex; align-items: flex-start; gap: 12px; padding: 18px; border: 1px solid var(--line); border-radius: 18px; background: white; }.store-info-icon { display: grid; width: 36px; height: 36px; flex: 0 0 36px; place-items: center; border-radius: 12px; color: var(--blue); background: #eff6ff; font-weight: 900; }.store-info-card h2 { margin: 0; color: var(--ink); font-size: 14px; }.store-info-card p { margin: 5px 0 0; color: var(--muted); font-size: 12px; }
.store-catalog.market-section, .store-reviews.market-section { width: 100%; padding: 38px 0 12px; }.store-catalog-heading { align-items: center; }.store-filter-panel { display: grid; grid-template-columns: minmax(180px,1.5fr) repeat(3,minmax(130px,1fr)) auto; align-items: end; gap: 10px; margin: 0 0 18px; padding: 14px; border: 1px solid var(--line); border-radius: 18px; background: white; }.store-filter-panel label { display: grid; min-width: 0; gap: 5px; color: var(--muted); font-size: 10px; font-weight: 700; }.store-filter-panel input, .store-filter-panel select { width: 100%; min-width: 0; min-height: 41px; padding: 7px 10px; border: 1px solid var(--line); border-radius: 11px; color: var(--ink); background: #fff; }.store-filter-panel .button { min-height: 41px; padding-inline: 13px; white-space: nowrap; }
.store-product-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }.store-product-card { display: flex; flex-direction: column; min-width: 0; padding: 18px; border: 1px solid var(--line); border-radius: 20px; background: white; box-shadow: 0 8px 25px #0f172a07; transition: transform .2s,border-color .2s,box-shadow .2s; }.store-product-card:hover { transform: translateY(-3px); border-color: #bfdbfe; box-shadow: 0 16px 34px #2563eb10; }.store-product-top { display: flex; align-items: center; justify-content: space-between; }.store-product-mark { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 14px; color: var(--blue); background: #eff6ff; font-size: 21px; }.store-product-card h3 { margin: 12px 0 3px; color: var(--ink); font-size: 17px; }.store-product-description { min-height: 42px; margin: 0 0 10px; color: var(--muted); font-size: 11px; }.store-product-specs { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; padding: 12px 0; border-block: 1px solid #f1f5f9; }.store-product-specs span { display: grid; color: #334155; font-size: 11px; }.store-product-specs b, .store-product-countries > span { color: #94a3b8; font-size: 9px; }.store-product-countries { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; padding-top: 10px; }.store-product-countries a { padding: 4px 8px; border-radius: 99px; color: #1d4ed8; background: #eff6ff; font-size: 10px; }.store-product-footer { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: auto; padding-top: 13px; }.store-product-footer .price b { font-size: 17px; }.store-product-footer .button { min-height: 39px; padding: 7px 11px; font-size: 11px; }.store-empty { margin-top: 14px; }.store-review-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }.store-review-card { padding: 18px; border: 1px solid var(--line); border-radius: 17px; background: white; }.store-review-meta { display: flex; align-items: center; gap: 9px; color: var(--muted); font-size: 11px; }.store-review-meta strong { padding: 4px 8px; border-radius: 9px; color: #854d0e; background: #fef3c7; }.store-review-meta time { margin-inline-start: auto; }.store-review-card > p { color: #334155; font-size: 13px; }.store-review-response { padding: 11px; border-inline-start: 3px solid #93c5fd; border-radius: 10px; background: #eff6ff; }.store-review-response strong { color: #1d4ed8; font-size: 11px; }.store-review-response p { margin: 3px 0 0; color: #475569; font-size: 12px; }.review-report { margin-top: 10px; color: var(--blue); font-size: 12px; }.review-report form { display: grid; gap: 8px; padding-top: 10px; }.review-report label { color: var(--muted); }

.checkout-steps { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 4px 0 24px; }.checkout-steps > span, .checkout-steps > a { display: flex; align-items: center; gap: 8px; color: #94a3b8; }.checkout-steps b { display: grid; width: 31px; height: 31px; place-items: center; border: 1px solid var(--line); border-radius: 50%; background: white; font-size: 12px; }.checkout-steps small { font-size: 11px; }.checkout-steps > i { width: clamp(18px,6vw,70px); height: 1px; background: var(--line); }.checkout-steps .is-current, .checkout-steps > a { color: var(--blue); font-weight: 800; }.checkout-steps .is-current b, .checkout-steps > a b { border-color: #bfdbfe; color: white; background: var(--blue); }
.checkout-page { max-width: 1100px; }.checkout-page > .back-link { display: inline-block; margin-bottom: 10px; color: var(--blue); font-size: 12px; font-weight: 700; }.checkout-intro { max-width: 760px; margin-bottom: 23px; }.checkout-intro h1 { margin: 3px 0 6px; }.checkout-intro p { margin: 0; color: var(--muted); font-size: 13px; }.checkout-layout { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(280px,.75fr); align-items: start; gap: 18px; }.checkout-lines { display: grid; gap: 10px; }.checkout-line { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 14px; padding: 17px; border: 1px solid var(--line); border-radius: 18px; background: white; }.checkout-line.is-unavailable { border-color: #fecaca; background: #fffafa; }.checkout-line-mark { display: grid; width: 46px; height: 46px; place-items: center; border-radius: 15px; color: var(--blue); background: #eff6ff; font-size: 22px; }.checkout-line-copy { min-width: 0; }.checkout-provider { color: var(--blue); font-size: 10px; font-weight: 800; }.checkout-provider span { color: #64748b; font-weight: 500; }.checkout-line h2 { margin: 2px 0; color: var(--ink); font-size: 16px; }.checkout-line-copy p { margin: 0; color: var(--muted); font-size: 11px; }.checkout-line-price { display: grid; justify-items: end; gap: 3px; white-space: nowrap; }.checkout-line-price > span { color: var(--muted); font-size: 10px; }.checkout-line-price strong { color: var(--ink); font-size: 14px; }.checkout-line-price small { color: var(--muted); font-size: 9px; }.text-button { min-height: auto !important; padding: 2px 0 !important; color: #dc2626 !important; background: none !important; font-size: 10px; }.checkout-unavailable { display: block; margin-top: 5px; color: #b91c1c; font-size: 10px; }.checkout-summary { position: sticky; top: 96px; padding: 20px; border: 1px solid #dbeafe; border-radius: 20px; background: white; box-shadow: 0 12px 34px #2563eb10; }.checkout-summary-heading { display: grid; padding-bottom: 14px; border-bottom: 1px solid var(--line); color: var(--ink); font-weight: 800; }.checkout-summary-heading small { color: var(--muted); font-size: 10px; font-weight: 500; }.checkout-total-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 16px 0; color: #475569; font-size: 12px; }.checkout-total-row strong { color: var(--ink); font-size: 17px; }.checkout-total-row small { color: var(--muted); font-size: 10px; }.checkout-submit-form { display: grid; gap: 9px; }.checkout-submit-form label { color: #334155; font-size: 11px; font-weight: 800; }.checkout-submit-form label span { color: var(--muted); font-weight: 500; }.checkout-submit-form input { width: 100%; }.checkout-submit-form .button { width: 100%; margin-top: 4px; }.checkout-assurance { display: flex; gap: 9px; margin-top: 14px; color: var(--blue); }.checkout-assurance p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.8; }.checkout-blocked { color: #b91c1c; font-size: 11px; }.checkout-back-link { display: inline-block; margin-top: 15px; color: var(--blue); font-size: 11px; font-weight: 800; }
.cart-page { max-width: 1080px; }.cart-summary { max-width: 440px; margin: 18px 0 0 auto; padding: 22px; border: 1px solid #dbeafe; border-radius: 20px; background: white; box-shadow: 0 12px 34px #2563eb10; }.cart-summary-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 12px; border-bottom: 1px solid var(--line); color: var(--ink); font-weight: 800; }.cart-summary-heading strong { color: var(--blue); font-size: 18px; }.cart-summary-heading small { color: var(--muted); font-size: 10px; }.cart-summary > p { color: var(--muted); font-size: 11px; }.cart-summary form { display: grid; gap: 8px; }.cart-summary label { color: #334155; font-size: 11px; font-weight: 800; }.cart-summary label span { color: var(--muted); font-weight: 500; }.cart-summary input { width: 100%; }.cart-summary .button { width: 100%; }.cart-safe-note { display: flex; gap: 8px; margin-top: 13px; color: var(--blue); font-size: 10px; }.cart-safe-note span:last-child { color: var(--muted); }
.dashboard-page .dashboard-card, .dashboard-page .seller-product { border-radius: 18px; }.dashboard-page .store-link, .dashboard-page a:not(.button) { color: var(--blue); }.dashboard-page .seller-product { border-color: var(--line); background: #f8fafc; }.dashboard-page input:focus, .dashboard-page textarea:focus, .dashboard-page select:focus { border-color: var(--blue); }
.site-footer { background: #0f172a; }

@media (max-width: 1000px) {
  .discovery-category-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .category-provider-grid, .category-product-grid, .store-product-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .store-filter-panel { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .store-search-field { grid-column: span 2; }
  .benefits { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 700px) {
  .site-header { position: sticky; min-height: 62px; padding-inline: 13px; }
  .brand-symbol { width: 30px; height: 30px; }
  .discovery-hero { margin: 14px 12px 0; padding: 22px 18px; border-radius: 22px; }
  .discovery-head { align-items: start; }.discovery-copy h1 { font-size: 30px; }.discovery-copy p { font-size: 12px; }.discovery-count { min-width: 78px; padding: 10px; border-radius: 15px; }.discovery-count strong { font-size: 24px; }.discovery-count span { max-width: 65px; text-align: center; font-size: 9px; }
  .discovery-search { gap: 6px; margin-top: 20px; padding: 5px; border-radius: 15px; }.discovery-search-icon { padding-inline-start: 8px; }.discovery-search input { min-height: 42px; padding-inline: 4px; font-size: 12px; }.discovery-search button { min-height: 40px; padding: 7px 10px; border-radius: 11px; font-size: 11px; }
  .discovery-hint { font-size: 10px; }.discovery-categories, .discovery-providers { padding: 28px 14px 4px; }.discovery-section-head h2, .category-section-title h2 { font-size: 19px; }.discovery-section-head > a, .category-section-title > a { font-size: 11px; }
  .discovery-category-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }.discovery-category-grid > a { min-height: 95px; grid-template-columns: 38px 1fr; grid-template-rows: auto auto; align-content: center; align-items: center; gap: 1px 9px; padding: 12px; border-radius: 15px; }.category-symbol { grid-row: span 2; width: 36px; height: 36px; margin: 0; }.discovery-category-grid strong { align-self: end; font-size: 12px; }.discovery-category-grid small { align-self: start; font-size: 9px; }
  .discovery-provider-list { grid-template-columns: 1fr; gap: 8px; }.discovery-provider-item { padding: 11px; border-radius: 15px; }.discovery-provider-item > img, .discovery-provider-avatar { width: 42px; height: 42px; flex-basis: 42px; }.discovery-provider-copy strong { font-size: 12px; }.discovery-provider-copy small { font-size: 9px; }
  .trial-teaser { align-items: start; flex-direction: column; width: calc(100% - 28px); padding: 15px; }.trial-teaser strong { font-size: 13px; }.trial-teaser > a { font-size: 11px; }
  .market-section { padding: 40px 14px; }.section-heading h2 { font-size: 22px; }.product-grid { grid-template-columns: 1fr; }.product-card { border-radius: 17px; }
  .benefits { grid-template-columns: 1fr 1fr; padding: 0 14px 32px; }.benefits-intro { grid-column: 1/-1; }.benefit { padding: 14px; }.cta-band { width: calc(100% - 28px); margin-bottom: 28px; padding: 22px; border-radius: 20px; }.cta-band h2 { font-size: 21px; }
  .category-page { padding: 18px 14px 42px; }.category-page-hero { padding: 22px 18px; border-radius: 20px; }.category-page-hero h1 { font-size: 26px; }.category-page-hero > p { font-size: 12px; }.category-provider-grid, .category-product-grid { grid-template-columns: 1fr; }.category-provider-card, .category-product-card { padding: 15px; border-radius: 17px; }
  .store-page { padding: 14px 12px 42px; }.store-profile { grid-template-columns: 1fr; gap: 15px; min-height: 0; padding: 18px; border-radius: 21px; }.store-profile .back-link { grid-column: auto; }.store-profile-main { align-items: start; gap: 12px; }.store-profile .store-avatar { width: 58px; height: 58px; flex-basis: 58px; border-radius: 18px; }.store-profile h1 { font-size: 23px; }.store-profile-copy > p { font-size: 11px; }.store-profile-stats { justify-content: stretch; }.store-profile-stats > div { flex: 1; min-width: 0; padding: 9px; }.store-profile-stats strong { font-size: 17px; }.store-local-nav { gap: 6px; }.store-local-nav a { padding: 6px 9px; font-size: 10px; }
  .store-info-grid { grid-template-columns: 1fr; gap: 8px; }.store-info-card { padding: 14px; }.store-catalog.market-section, .store-reviews.market-section { padding-top: 29px; }.store-catalog-heading .button { display: none; }.store-filter-panel { grid-template-columns: 1fr 1fr; gap: 8px; padding: 10px; }.store-search-field { grid-column: 1/-1; }.store-filter-panel > button { grid-column: 1/-1; }.store-product-grid, .store-review-list { grid-template-columns: 1fr; }.store-product-card { padding: 15px; border-radius: 17px; }
  .checkout-page { padding: 22px 14px 45px; }.checkout-steps { gap: 5px; margin-bottom: 18px; }.checkout-steps > span, .checkout-steps > a { gap: 5px; }.checkout-steps b { width: 27px; height: 27px; }.checkout-steps small { font-size: 9px; }.checkout-layout { grid-template-columns: 1fr; gap: 12px; }.checkout-line { grid-template-columns: auto minmax(0,1fr); gap: 10px; padding: 13px; border-radius: 15px; }.checkout-line-price { grid-column: 2; display: flex; align-items: center; justify-content: space-between; width: 100%; }.checkout-line-copy h2 { font-size: 14px; }.checkout-summary { position: static; padding: 16px; border-radius: 17px; }.checkout-intro p { font-size: 11px; }
  .cart-summary { max-width: none; margin-top: 13px; padding: 17px; border-radius: 17px; }.checkout-steps small { white-space: nowrap; }
}

.seller-directory-page { width: min(1120px,100%); margin: 0 auto; padding: 30px 24px 62px; }
.seller-directory-page > .back-link { display: inline-block; margin-bottom: 15px; color: var(--blue); font-size: 12px; font-weight: 800; }
.seller-directory-hero { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: clamp(23px,4vw,38px); border: 1px solid #dbeafe; border-radius: 25px; background: linear-gradient(120deg,#fff,#eff6ff); }
.seller-directory-hero h1 { margin: 4px 0; color: var(--ink); font-size: clamp(27px,4vw,38px); }
.seller-directory-hero p { max-width: 650px; margin: 0; color: var(--muted); font-size: 13px; }
.seller-directory-count { display: grid; min-width: 118px; justify-items: center; padding: 14px; border: 1px solid #dbeafe; border-radius: 17px; background: white; }
.seller-directory-count strong { color: var(--blue); font-size: 26px; line-height: 1.3; }.seller-directory-count span { color: var(--muted); font-size: 10px; }
.seller-directory-search { display: grid; grid-template-columns: minmax(180px,1fr) 180px auto; align-items: end; gap: 10px; margin: 18px 0; padding: 14px; border: 1px solid var(--line); border-radius: 18px; background: white; }
.seller-directory-search label { display: grid; gap: 5px; color: var(--muted); font-size: 10px; font-weight: 700; }
.seller-directory-search input, .seller-directory-search select { width: 100%; min-height: 42px; border: 1px solid var(--line); border-radius: 11px; background: #fff; }
.seller-directory-search .button { min-height: 42px; }
.seller-directory-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 13px; }
.seller-directory-card { display: flex; flex-direction: column; min-width: 0; padding: 17px; border: 1px solid var(--line); border-radius: 19px; background: white; box-shadow: 0 8px 25px #0f172a06; transition: transform .2s,border-color .2s,box-shadow .2s; }
.seller-directory-card:hover { transform: translateY(-3px); border-color: #bfdbfe; box-shadow: 0 16px 34px #2563eb10; }
.seller-directory-card-head { display: flex; align-items: center; gap: 11px; min-width: 0; }
.seller-directory-card-head > img, .seller-directory-avatar { display: grid; width: 51px; height: 51px; flex: 0 0 51px; place-items: center; border: 1px solid #dbeafe; border-radius: 16px; object-fit: cover; color: var(--blue); background: #eff6ff; font-size: 20px; font-weight: 900; }
.seller-directory-card-head > div { min-width: 0; }.seller-directory-badges { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; }.seller-directory-badges .reputation-badge { margin: 0; padding: 3px 7px; font-size: 9px; }.seller-kind { color: var(--blue); font-size: 9px; font-weight: 800; }.seller-directory-card h2 { overflow: hidden; margin: 2px 0 0; color: var(--ink); font-size: 15px; text-overflow: ellipsis; white-space: nowrap; }.seller-directory-description { min-height: 44px; margin: 12px 0; color: var(--muted); font-size: 11px; }
.seller-directory-stats { display: flex; flex-wrap: wrap; gap: 6px; margin-top: auto; }.seller-directory-stats span { padding: 6px 8px; border-radius: 9px; color: #475569; background: #f1f5f9; font-size: 9px; }.seller-directory-stats strong { color: var(--ink); }
.seller-directory-visit { display: flex; align-items: center; justify-content: space-between; margin-top: 12px; padding-top: 11px; border-top: 1px solid var(--line); color: var(--blue); font-size: 11px; font-weight: 800; }.seller-directory-empty { grid-column: 1/-1; }
@media (max-width: 1000px) { .seller-directory-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 700px) {
  .seller-directory-page { padding: 16px 13px 42px; }.seller-directory-hero { align-items: start; padding: 20px 16px; border-radius: 20px; }.seller-directory-hero h1 { font-size: 25px; }.seller-directory-hero p { font-size: 11px; }.seller-directory-count { min-width: 78px; padding: 9px; border-radius: 13px; }.seller-directory-count strong { font-size: 20px; }.seller-directory-count span { font-size: 8px; }
  .seller-directory-search { grid-template-columns: 1fr 1fr; gap: 8px; padding: 10px; }.seller-directory-search label:first-child { grid-column: 1/-1; }.seller-directory-search .button { grid-column: 1/-1; }.seller-directory-grid { grid-template-columns: 1fr; gap: 9px; }.seller-directory-card { padding: 14px; border-radius: 16px; }
}

.search-results-page { width: min(1120px,100%); margin: 0 auto; padding: 30px 24px 62px; }
.search-results-page > .back-link { display: inline-block; margin-bottom: 14px; color: var(--blue); font-size: 12px; font-weight: 800; }
.search-results-hero { padding: clamp(22px,4vw,38px); border: 1px solid #dbeafe; border-radius: 25px; background: linear-gradient(125deg,#fff,#eff6ff); box-shadow: 0 15px 40px #2563eb0d; }
.search-results-hero h1 { margin: 5px 0; color: var(--ink); font-size: clamp(25px,4vw,36px); }.search-results-hero > p { margin: 0; color: var(--muted); font-size: 13px; }.search-results-hero .discovery-search { margin-top: 18px; }
.search-result-count { margin-top: 12px; color: var(--muted); font-size: 11px; }.search-result-count strong { color: var(--blue); font-size: 16px; }
.search-providers { padding: 28px 0 8px; }.search-listing { padding-top: 28px; }.search-listing-heading { display: flex; align-items: end; justify-content: space-between; gap: 14px; margin-bottom: 15px; }.search-listing-heading h2 { margin: 3px 0; color: var(--ink); font-size: 24px; }.search-listing-heading p { margin: 0; color: var(--muted); font-size: 12px; }
@media (max-width: 700px) {
  .search-results-page { padding: 16px 13px 42px; }.search-results-hero { padding: 20px 16px; border-radius: 20px; }.search-results-hero h1 { font-size: 24px; }.search-results-hero > p { font-size: 11px; }.search-results-hero .discovery-search { margin-top: 15px; }.search-listing-heading { align-items: start; flex-direction: column; }.search-listing-heading h2 { font-size: 20px; }.search-listing-heading .sort-form { width: 100%; }
}
:root {
  color-scheme: light;
  --tunely-primary: #2563eb;
  --tunely-secondary: #06b6d4;
  --tunely-accent: #7c3aed;
  --tunely-navy: #0f172a;
  --tunely-muted: #64748b;
  --tunely-border: #e2e8f0;
  --tunely-background: #f8fafc;
  --tunely-surface: #fff;
  --tunely-success: #10b981;
  --tunely-warning: #f59e0b;
  --tunely-error: #ef4444;
  --tunely-gradient: linear-gradient(135deg, #2563eb 0%, #06b6d4 100%);
  --tunely-gradient-accent: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);
  --tunely-radius-sm: 0.625rem;
  --tunely-radius-md: 0.875rem;
  --tunely-radius-lg: 1.25rem;
  --tunely-radius-xl: 1.75rem;
  --tunely-shadow: 0 16px 40px rgb(15 23 42 / 8%);
  --tunely-focus: 0 0 0 3px rgb(37 99 235 / 20%);
  --navy: var(--tunely-navy);
  --navy-2: #1e293b;
  --ink: var(--tunely-navy);
  --muted: var(--tunely-muted);
  --line: var(--tunely-border);
  --paper: var(--tunely-background);
  --canvas: var(--tunely-background);
  --teal: var(--tunely-secondary);
  --teal-dark: var(--tunely-primary);
  --mint: #ecfeff;
  --shadow: var(--tunely-shadow);
  font-family: Vazirmatn, Tahoma, Arial, sans-serif;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

body { background: var(--tunely-background); color: var(--tunely-navy); }
a { transition: color .18s ease; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible {
  outline: 0;
  box-shadow: var(--tunely-focus);
}
::selection { color: #fff; background: var(--tunely-primary); }

.site-header {
  position: sticky;
  top: 0;
  min-height: 76px;
  gap: clamp(12px, 2vw, 28px);
  padding-inline: max(4vw, calc((100vw - 1240px) / 2));
  border-bottom-color: rgb(226 232 240 / 85%);
  background: rgb(255 255 255 / 94%);
  backdrop-filter: blur(14px);
}
.site-header > .button-light:not(.header-action) { margin-inline-start: auto; }
.brand { gap: 8px; color: var(--tunely-navy); }
.brand-symbol { display: block; width: 34px; height: 34px; }
.brand-wordmark { color: var(--tunely-primary); font-size: 23px; font-weight: 800; letter-spacing: -.055em; line-height: 1; }
.desktop-nav { gap: clamp(12px, 2.1vw, 28px); color: #475569; }
.desktop-nav a:hover, .footer-links a:hover { color: var(--tunely-primary); }
.button { min-height: 44px; border-radius: var(--tunely-radius-md); transition: transform .18s ease, box-shadow .18s ease, background .18s ease; }
.button:hover { transform: translateY(-1px); }
.button-light { border: 1px solid var(--tunely-border); color: var(--tunely-navy); background: #fff; }
.button-primary, .search-box button, .filter-panel button, .compare-actions button { color: #fff; background: var(--tunely-gradient); box-shadow: 0 8px 18px rgb(37 99 235 / 18%); }
.button-primary:hover, .search-box button:hover, .filter-panel button:hover { background: var(--tunely-primary); }
.button:focus-visible, .search-box button:focus-visible, .filter-panel button:focus-visible { outline: 0; box-shadow: var(--tunely-focus), 0 8px 18px rgb(37 99 235 / 18%); }

.hero {
  min-height: 470px;
  color: var(--tunely-navy);
  background: radial-gradient(ellipse at 17% 82%, rgb(6 182 212 / 12%), transparent 34%), radial-gradient(ellipse at 77% 6%, rgb(37 99 235 / 9%), transparent 35%), linear-gradient(135deg, #fff 12%, #f1f7ff 100%);
}
.hero::before, .hero::after { border-color: rgb(37 99 235 / 8%); }
.eyebrow, .eyebrow-dark { color: var(--tunely-primary); }
.pulse { background: var(--tunely-secondary); box-shadow: 0 0 0 5px rgb(6 182 212 / 14%); }
.hero h1 em, .benefits h2 em { color: var(--tunely-primary); }
.hero-copy > p { color: #475569; }
.search-box { border: 1px solid var(--tunely-border); box-shadow: 0 14px 32px rgb(15 23 42 / 9%); }
.hero-trust { color: #475569; }
.hero-trust b, .signal, .spark { color: var(--tunely-primary); }
.globe { border-color: rgb(37 99 235 / 15%); background: radial-gradient(circle at 35% 28%, #a5f3fc, #06b6d4 35%, #2563eb 75%, #1e40af); box-shadow: inset -25px -25px 70px rgb(15 23 42 / 25%), 0 18px 70px rgb(37 99 235 / 24%), 0 0 0 24px rgb(37 99 235 / 4%), 0 0 0 52px rgb(6 182 212 / 3%); }
.orbit { border-color: rgb(37 99 235 / 24%); }
.orbit-two { border-color: rgb(6 182 212 / 22%); }
.float-card { border-color: rgb(226 232 240 / 90%); color: var(--tunely-navy); background: rgb(255 255 255 / 88%); box-shadow: 0 16px 35px rgb(15 23 42 / 12%); }
.float-card small { color: var(--tunely-muted); }
.metric-icon, .seller-avatar { color: #fff; background: var(--tunely-gradient); }
.verified, .official-badge { color: #047857; background: #d1fae5; }

.trust-strip { border-color: var(--tunely-border); border-radius: var(--tunely-radius-lg); box-shadow: var(--tunely-shadow); }
.trust-number, .section-heading h2, .product-title h3, .product-card > h3, .price, .store-hero h1, .product-detail h1 { color: var(--tunely-navy); }
.section-heading h2 span { color: var(--tunely-primary); }
.filter-pill:hover, .filter-pill.selected { border-color: #bfdbfe; color: #1d4ed8; background: #eff6ff; }
.filter-panel, .product-card, .form-card, .detail-card, .dashboard-card, .legal-card, .comparison-scroll, .seller-order-filters {
  border-color: var(--tunely-border);
  border-radius: var(--tunely-radius-lg);
  box-shadow: 0 5px 18px rgb(15 23 42 / 4%);
}
.product-card:hover { border-color: #bfdbfe; box-shadow: var(--tunely-shadow); }
.tone-teal { color: #0369a1; background: #e0f2fe; }
.tone-purple { color: #6d28d9; background: #ede9fe; }
.tone-orange { color: #b45309; background: #fef3c7; }
.availability { color: #047857; background: #d1fae5; }
.availability i { background: var(--tunely-success); }
.spec-icon, .add-button, .dashboard-card > span { color: var(--tunely-primary); }
.new-badge { color: #1d4ed8; background: #eff6ff; }
.sponsored-card { border-color: #ddd6fe; }
.sponsored-badge { color: #6d28d9; background: #ede9fe; }
.add-button { color: #fff; background: var(--tunely-primary); }
.add-button:hover { background: #1d4ed8; }
.empty-icon { color: var(--tunely-primary); background: #eff6ff; }
.compare-actions { color: #475569; background: #eff6ff; }
.market-footnote a, .back-link, .form-page .back-link { color: var(--tunely-primary); }

.benefits { color: #fff; background: linear-gradient(130deg, #0f172a, #172554); }
.benefit-icon { color: #a5f3fc; background: rgb(6 182 212 / 14%); }
.cta-band { border: 1px solid #dbeafe; background: linear-gradient(110deg, #eff6ff, #ecfeff); }
.cta-band .eyebrow { color: var(--tunely-primary); }
.cta-band .button-light { border-color: transparent; color: #fff; background: var(--tunely-gradient); }
.site-footer { color: #cbd5e1; background: #0f172a; }
.site-footer .brand { color: #fff; }
.footer-brand .brand-wordmark { color: #fff; }
.brand-tagline { display: block; margin-top: 6px; color: #94a3b8; font-size: 11px; }

.form-page button, .dashboard-page button, .dashboard-page .button, .form-page .button { border-radius: var(--tunely-radius-md); background: var(--tunely-primary); }
.form-card input, .form-card textarea, .form-card select, .stack-form input, .stack-form textarea, .stack-form select, .form-row input, .form-row textarea, .form-row select, input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="password"], input[type="url"], textarea, select { border-color: var(--tunely-border); border-radius: var(--tunely-radius-sm); }
input:focus, select:focus, textarea:focus, .form-card input:focus, .form-card textarea:focus { border-color: var(--tunely-primary); box-shadow: var(--tunely-focus); }
.flash.success { color: #047857; background: #d1fae5; }
.flash.error, .panel-error { color: #b91c1c; background: #fee2e2; }
.panel-status, .security-note { color: #334155; background: #f1f5f9; }
.dashboard-grid { gap: 18px; }
.dashboard-card { transition: transform .18s ease, box-shadow .18s ease; }
.dashboard-card:hover { transform: translateY(-2px); box-shadow: var(--tunely-shadow); }
th { color: #334155; background: #f1f5f9; }
.comparison-table th, .comparison-table td, th, td { border-color: var(--tunely-border); }
.store-avatar { background: var(--tunely-gradient); }
.purchase-box { border-color: var(--tunely-border); background: #f8fafc; }

.mobile-nav { border-color: var(--tunely-border); box-shadow: 0 -6px 22px rgb(15 23 42 / 8%); }
.mobile-nav a.active { color: var(--tunely-primary); }
main { min-height: 55vh; }
table { border-radius: var(--tunely-radius-md); }
.dashboard-page h1, .form-page h1 { color: var(--tunely-navy); letter-spacing: -.02em; }
.dashboard-card, .form-card, .detail-card { background-color: var(--tunely-surface); }
::placeholder { color: #94a3b8; opacity: 1; }
@media (max-width: 800px) {
  .desktop-nav { display: none; }
  .site-header > .button-light:not(.header-action) { display: none; }
  .site-header .header-action { margin-inline-start: auto; }
}
@media (max-width: 800px) {
  .site-header { position: sticky; min-height: 64px; padding-inline: 16px; gap: 8px; }
  .brand-symbol { width: 30px; height: 30px; }
  .brand-wordmark { font-size: 20px; }
  .site-header > .button-light:not(.header-action) { display: none; }
  .header-action { min-height: 38px; padding: 7px 11px; }
  .hero { background: radial-gradient(ellipse at 50% 86%, rgb(6 182 212 / 12%), transparent 45%), linear-gradient(145deg, #fff, #f1f7ff); }
  .hero h1 { color: var(--tunely-navy); }
  .hero-art { min-height: 250px; }
  .trust-strip { margin-inline: 12px; }
  .product-grid { align-items: stretch; }
  .site-footer { padding-bottom: 92px; }
  .mobile-nav { padding-bottom: max(8px, env(safe-area-inset-bottom)); }
}
@media (max-width: 480px) {
  .brand { gap: 5px; }
  .brand-symbol { width: 27px; height: 27px; }
  .brand-wordmark { font-size: 18px; }
  .site-header { padding-inline: 12px; }
  .header-action { font-size: 10px; }
  .hero-art { transform: scale(.92); transform-origin: top center; margin-bottom: -18px; }
  .trust-strip { border-radius: var(--tunely-radius-md); }
  .section-heading { min-width: 0; }
  .sort-form { flex-wrap: wrap; }
  .filter-panel form { grid-template-columns: 1fr; }
  .form-row { grid-template-columns: 1fr; }
  .comparison-scroll, .dashboard-page, .seller-order-list { max-width: 100%; }
  table { display: block; overflow-x: auto; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* Tunely application refresh: shared marketplace, account and operations surfaces */
:root{--tunely-space-1:.5rem;--tunely-space-2:.875rem;--tunely-space-3:1.25rem;--tunely-space-4:1.75rem;--tunely-space-5:2.5rem;--tunely-ease:cubic-bezier(.2,.75,.25,1)}
body{font-size:15px;line-height:1.85;background:linear-gradient(180deg,#fff 0,#f8fafc 360px);}
.site-header{display:flex;flex-wrap:nowrap;gap:clamp(10px,1.6vw,24px);padding-inline:max(4vw,calc((100vw - 1280px)/2));box-shadow:0 5px 24px rgb(15 23 42 / 4%)}
.brand{gap:10px}.brand-symbol{width:38px;height:38px}.brand-wordmark{font-size:25px;background:var(--tunely-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.desktop-nav{margin-inline:auto}.desktop-nav a{position:relative;padding-block:8px}.desktop-nav a::after{position:absolute;right:0;bottom:0;left:0;height:2px;content:"";transform:scaleX(0);transform-origin:right;background:var(--tunely-gradient);transition:transform .2s}.desktop-nav a:hover::after{transform:scaleX(1)}
.site-header>.button-light:not(.header-action){margin-inline-start:0}.header-action,.site-header>.button{white-space:nowrap}
.button,.add-button,.search-box button,.filter-panel button{transition:transform .2s var(--tunely-ease),box-shadow .2s var(--tunely-ease),background .2s}.button-primary{background:var(--tunely-gradient);box-shadow:0 8px 18px rgb(37 99 235 / 20%)}.button-primary:hover,.add-button:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgb(37 99 235 / 25%)}
main{min-height:60vh}.hero{max-width:1440px;margin-inline:auto;border-radius:0 0 34px 34px;padding-inline:max(6vw,calc((100vw - 1240px)/2));}.hero h1{font-size:clamp(38px,5vw,62px)}.hero-art{isolation:isolate}.globe{background:radial-gradient(circle at 35% 28%,#a5f3fc,#06b6d4 38%,#2563eb 76%);box-shadow:inset -25px -25px 70px rgb(15 23 42 / 23%),0 22px 70px rgb(37 99 235 / 25%),0 0 0 26px rgb(37 99 235 / 5%),0 0 0 54px rgb(6 182 212 / 4%)}
.trust-strip{margin-inline: auto;width:min(calc(100% - 40px),1120px)}.market-section{padding-block:clamp(42px,6vw,76px)}.section-heading{margin-bottom:28px}.section-heading h2{font-size:clamp(23px,2.4vw,32px)}
.product-grid{gap:20px}.product-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:22px;border-radius:22px;box-shadow:0 8px 28px rgb(15 23 42 / 5%);transition:transform .25s var(--tunely-ease),box-shadow .25s,border-color .25s}.product-card:hover{transform:translateY(-5px);border-color:#bfdbfe;box-shadow:0 18px 42px rgb(37 99 235 / 11%)}.product-title{min-height:65px}.product-title h3,.product-card>h3{font-size:17px;line-height:1.6}.product-icon{border-radius:16px;background:linear-gradient(145deg,#eff6ff,#ecfeff)}.specs{flex:1;gap:12px 8px;margin-block:18px;padding-block:16px;font-size:12px}.spec-icon{color:var(--tunely-primary)}.price b{font-size:20px;color:var(--tunely-primary)}.add-button{width:42px;height:42px;border-radius:14px;background:var(--tunely-gradient);box-shadow:0 6px 15px rgb(37 99 235 / 20%)}.availability{padding:6px 11px;border-radius:99px}
.dashboard-page,.form-page{width:min(100% - 32px,1160px);margin-inline:auto;padding:clamp(28px,5vw,60px) 0 80px}.dashboard-page>h1,.form-page h1,.product-detail h1{font-size:clamp(28px,4vw,40px);line-height:1.4;letter-spacing:-.03em}.dashboard-page>p,.form-page .form-card>p{max-width:720px;color:var(--tunely-muted)}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:18px;margin-block:26px}.dashboard-card,.seller-product{padding:22px;border:1px solid var(--tunely-border);border-radius:20px;background:#fff;box-shadow:0 8px 26px rgb(15 23 42 / 4%)}.dashboard-card>span:first-child{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:#eff6ff;color:var(--tunely-primary);font-size:22px}.dashboard-card h2{font-size:18px;line-height:1.6}.dashboard-card p{color:#64748b}.dashboard-card strong{color:#1d4ed8}.panel-actions{display:flex;flex-wrap:wrap;gap:10px;margin-block:24px}.panel-actions .button{flex:0 1 auto}
.form-page{display:grid;place-items:center;min-height:68vh}.form-card{width:min(100%,560px);padding:clamp(24px,5vw,44px);border:1px solid var(--tunely-border);border-radius:26px;background:#fff;box-shadow:0 22px 65px rgb(15 23 42 / 9%)}.form-card::before{display:block;width:54px;height:5px;margin-bottom:24px;border-radius:99px;background:var(--tunely-gradient);content:""}.form-card form{display:grid;gap:12px}.form-card label{margin-top:8px;color:#334155;font-weight:700}.form-card input,.form-card select,.form-card textarea{min-height:48px;padding:11px 14px;background:#fbfdff}.form-card form button{margin-top:12px;min-height:50px}.form-card small{display:block;margin-top:20px;color:var(--tunely-muted);line-height:1.9}
.store-hero{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:18px;width:min(100% - 32px,1160px);margin:36px auto 0;padding:30px;border:1px solid var(--tunely-border);border-radius:26px;background:linear-gradient(125deg,#fff,#eff6ff);box-shadow:0 12px 35px rgb(15 23 42 / 5%)}.store-cover{width:100%;max-height:220px;object-fit:cover;border-radius:18px}.store-avatar{flex:0 0 72px}.store-hero h1{font-size:clamp(25px,3vw,34px)}
.detail-card{padding:clamp(20px,4vw,42px);border-radius:26px;box-shadow:0 14px 45px rgb(15 23 42 / 6%)}.purchase-box{position:sticky;top:100px;padding:24px;border-radius:20px;background:linear-gradient(180deg,#f8fafc,#eff6ff)}.purchase-box button{min-height:48px}.detail-specs{max-width:none}.review-card,.dashboard-card details{border-radius:16px}
.dashboard-page table,.market-section table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid var(--tunely-border);border-radius:16px;background:#fff}th{padding:13px 15px;text-align:right;font-weight:700}td{padding:13px 15px}tr:last-child td{border-bottom:0}
.flash{padding:13px 16px;border:1px solid var(--tunely-border);border-radius:14px;background:#eff6ff}.flash.success{border-color:#a7f3d0}.flash.error{border-color:#fecaca}.badge,.status-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px}
.mobile-nav{z-index:20;min-height:68px;padding:8px 12px max(8px,env(safe-area-inset-bottom));background:rgb(255 255 255 / 96%);backdrop-filter:blur(14px)}.mobile-nav a{display:grid;justify-items:center;gap:1px;min-width:52px;color:#64748b;font-size:19px}.mobile-nav a span{font-size:10px}.mobile-nav a.active{color:var(--tunely-primary);font-weight:800}
.site-footer{padding-block:38px}.footer-brand .brand-wordmark{background:none;-webkit-text-fill-color:#fff}
:focus-visible{outline:3px solid rgb(37 99 235 / 35%);outline-offset:2px}
@media(max-width:800px){.site-header{min-height:66px;padding-inline:14px}.site-header .desktop-nav{display:none}.site-header>.button-light:not(.header-action){display:none}.site-header .header-action{margin-inline-start:auto}.brand-symbol{width:32px;height:32px}.brand-wordmark{font-size:21px}.hero{grid-template-columns:1fr;gap:8px;min-height:unset;padding:42px 24px 32px;border-radius:0 0 24px 24px}.hero-copy{max-width:720px}.hero-art{min-height:290px}.trust-strip{grid-template-columns:repeat(2,1fr);margin-top:18px}.trust-strip>div{min-height:70px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-page,.form-page{padding-bottom:100px}.detail-card{grid-template-columns:1fr;gap:24px}.purchase-box{position:static}.store-hero{padding:22px}.site-footer{padding-bottom:100px}}
@media(max-width:560px){body{font-size:14px}.site-header{gap:8px}.header-action{padding:7px 10px;font-size:11px}.hero{padding:34px 18px 25px}.hero h1{font-size:38px}.hero-copy>p{font-size:14px}.search-box{gap:4px}.search-box button{padding-inline:12px}.hero-art{transform:scale(.9);transform-origin:top center;margin-bottom:-22px}.trust-strip{width:calc(100% - 24px)}.trust-strip>div{gap:7px;padding-inline:9px;font-size:11px}.trust-number{font-size:16px}.market-section{padding:42px 16px}.section-heading{align-items:start;flex-direction:column}.sort-form{width:100%}.product-grid{grid-template-columns:1fr;gap:14px}.product-card{padding:18px}.dashboard-page,.form-page{width:calc(100% - 24px);padding-top:28px}.dashboard-grid{grid-template-columns:1fr;gap:12px}.dashboard-card{padding:18px}.panel-actions .button{width:100%}.form-card{padding:23px;border-radius:20px}.store-hero{width:calc(100% - 24px);padding:18px}.store-cover{max-height:160px}.detail-card{padding:18px}.purchase-box{padding:17px}.mobile-nav{justify-content:space-around}.site-footer{grid-template-columns:1fr;gap:16px;padding-inline:20px}.footer-links{justify-content:flex-start;flex-wrap:wrap}table{display:block;overflow-x:auto;white-space:nowrap}}
@media(min-width:801px) and (max-width:1050px){.desktop-nav{gap:12px;font-size:12px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.auth-brand{display:flex;align-items:center;gap:9px;margin-bottom:20px;color:var(--tunely-primary);font-size:24px;font-weight:800}.auth-brand img{width:38px;height:38px}.checkout-steps{display:flex;align-items:center;gap:12px;max-width:560px;margin:0 auto 32px;color:#94a3b8}.checkout-steps span{display:grid;place-items:center;min-width:38px;height:38px;border-radius:50%;background:#f1f5f9;font-weight:800}.checkout-steps span.is-current{color:white;background:var(--tunely-gradient)}.checkout-steps small{display:none}.checkout-steps i{height:1px;flex:1;background:var(--tunely-border)}.admin-welcome,.seller-welcome,.dashboard-welcome{padding:24px 28px;border:1px solid #dbeafe;border-radius:22px;background:linear-gradient(120deg,#eff6ff,#ecfeff);margin-bottom:22px}.admin-metrics .dashboard-card strong{display:block;margin-top:12px;font-size:clamp(20px,3vw,28px)}.admin-navigation{margin-top:28px;padding:22px;border:1px solid var(--tunely-border);border-radius:22px;background:#fff}.admin-navigation h2{margin-top:0}.account-shortcuts .dashboard-card{transition:transform .2s,box-shadow .2s}.account-shortcuts .dashboard-card:hover{transform:translateY(-3px);box-shadow:var(--tunely-shadow)}
@media(max-width:560px){.admin-welcome,.seller-welcome,.dashboard-welcome{padding:18px;border-radius:18px}.checkout-steps{gap:6px}.checkout-steps small{display:block;font-size:9px;font-weight:500;white-space:nowrap}.checkout-steps span{min-width:32px;height:32px;font-size:12px}}

.promotion-choice-picker{display:grid;gap:9px;min-width:0;margin:14px 0;padding:15px;border:1px solid var(--tunely-border);border-radius:16px;background:#f8fafc}.promotion-choice-picker legend{padding-inline:7px;color:var(--tunely-navy);font-weight:700}.promotion-choice-picker>p{margin:0;color:var(--tunely-muted);font-size:13px}.promotion-choice-picker[data-choice-mode="single"] [data-choice-selected]:empty{display:none}.promotion-choice-picker [data-choice-results]{display:grid;gap:7px;max-height:270px;overflow:auto;padding:2px}.promotion-choice-result{width:100%;justify-self:stretch;text-align:right;overflow-wrap:anywhere}.promotion-choice-result[aria-pressed="true"]{border-color:#93c5fd;background:#eff6ff;color:#64748b}.promotion-choice-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;padding:8px}.promotion-choice-pagination span{color:var(--tunely-muted);font-size:13px}.promotion-choice-picker [data-choice-selected]{display:grid;gap:7px;margin:0;padding:0;list-style:none}.promotion-choice-picker [data-choice-selected] li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border:1px solid #bfdbfe;border-radius:12px;background:#eff6ff;overflow-wrap:anywhere}.promotion-choice-picker [data-choice-selected] button{min-height:34px;padding:4px 10px}.promotion-choice-picker :disabled{opacity:.6}.dashboard-card form>button[type="submit"]:disabled{cursor:not-allowed;opacity:.55}

/* Application-wide page systems */
:root{--tunely-font:Vazirmatn,Tahoma,Arial,sans-serif;--tunely-radius-control:12px;--tunely-radius-card:20px;--tunely-shadow-card:0 10px 30px rgb(15 23 42 / 5%);--tunely-shadow-float:0 18px 48px rgb(15 23 42 / 10%)}
html{scroll-padding-top:92px}body{font-family:var(--tunely-font);font-size:15px;line-height:1.85;color:var(--tunely-navy);background:var(--tunely-background)}
.site-header{min-height:78px;display:flex;align-items:center;gap:clamp(10px,1.5vw,24px);padding-inline:max(3vw,calc((100vw - 1280px)/2));box-shadow:0 5px 24px rgb(15 23 42 / 4%)}.brand{gap:9px}.brand-symbol{width:38px;height:38px}.brand-wordmark{font-size:25px}.desktop-nav{margin-inline:auto}.desktop-nav a{padding-block:8px}.site-header>.button-light:not(.header-action){margin-inline-start:0}
main{min-height:58vh}.dashboard-page,.form-page,.legal-page{max-width:1200px;margin-inline:auto}.dashboard-page{padding:clamp(28px,4.5vw,56px) 24px 88px}.dashboard-page>h1,.form-card h1,.legal-header h1{font-size:clamp(27px,3.4vw,38px);line-height:1.45;letter-spacing:-.025em;color:var(--tunely-navy)}.dashboard-page>p{max-width:820px;color:var(--tunely-muted)}
.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:18px;margin-block:24px}.dashboard-card,.seller-product,.detail-card,.comparison-scroll,.filter-panel,.seller-order-filters{border:1px solid var(--tunely-border);border-radius:var(--tunely-radius-card);background:var(--tunely-surface);box-shadow:var(--tunely-shadow-card)}.dashboard-card{padding:22px}.dashboard-card h2{color:var(--tunely-navy);font-size:18px;line-height:1.6}.dashboard-card p,.dashboard-card small{color:var(--tunely-muted);line-height:1.9}.dashboard-card>span:first-child{color:var(--tunely-primary)}
form{min-width:0}label{color:#334155;font-weight:600}input:not([type=checkbox]):not([type=radio]),select,textarea{max-width:100%;min-height:44px;border:1px solid var(--tunely-border);border-radius:var(--tunely-radius-control);padding:10px 13px;background:#fff;color:var(--tunely-navy);transition:border-color .18s,box-shadow .18s}textarea{min-height:100px;resize:vertical}input:focus,select:focus,textarea:focus{outline:0;border-color:var(--tunely-primary);box-shadow:var(--tunely-focus)}input[type=checkbox],input[type=radio]{accent-color:var(--tunely-primary)}input[type=number],input[type=date],input[type=datetime-local],input[type=tel],input[type=url],input[dir=ltr],.subscription-credentials{direction:ltr;text-align:left}input::placeholder,textarea::placeholder{color:#94a3b8;opacity:1}
.stack-form,.filter-form,.dashboard-card form,.seller-product form,.form-card form{display:grid;gap:11px}.stack-form button,.dashboard-card form button,.seller-product form button{justify-self:start}.form-page{min-height:62vh;display:grid;place-items:center;padding:32px 20px 84px}.form-card{width:min(100%,600px);padding:clamp(24px,4vw,42px);border:1px solid var(--tunely-border);border-radius:26px;background:#fff;box-shadow:var(--tunely-shadow-float)}.wide-form{width:min(100%,900px)}.form-card form{gap:12px}.form-card button{min-height:48px}.form-card::before{display:block;width:56px;height:5px;margin-bottom:20px;border-radius:10px;background:var(--tunely-gradient);content:""}
.button,.add-button{min-height:44px;border-radius:13px}.button-primary,.search-box button,.filter-panel button,.compare-actions button{background:var(--tunely-primary);color:#fff}.button-primary:hover,.search-box button:hover,.filter-panel button:hover,.compare-actions button:hover{background:#1d4ed8}.button-light{border-color:var(--tunely-border);color:var(--tunely-navy);background:#fff}.button-light:hover{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.back-link,.store-link,.market-footnote a{color:var(--tunely-primary);font-weight:600}.panel-actions{display:flex;flex-wrap:wrap;gap:10px;margin-block:20px}
.table-wrap,.comparison-scroll{max-width:100%;overflow:auto}table{width:100%;border-collapse:separate;border-spacing:0;background:#fff}th,td{padding:13px 15px;border-bottom:1px solid var(--tunely-border);text-align:right;vertical-align:middle}th{color:#334155;background:#f1f5f9;font-weight:700}tr:last-child td{border-bottom:0}tbody tr:hover{background:#f8fbff}
.flash{padding:13px 16px;border:1px solid #bfdbfe;border-radius:14px;background:#eff6ff;color:#1e3a8a}.flash.success{border-color:#a7f3d0;background:#ecfdf5;color:#047857}.flash.error{border-color:#fecaca;background:#fef2f2;color:#b91c1c}.empty-state{padding:32px;border:1px dashed #cbd5e1;border-radius:20px;background:#fff;text-align:center}.seller-product{padding:18px}.seller-order-list{display:grid;gap:16px}.seller-order-card{padding:22px;border:1px solid var(--tunely-border);border-radius:20px;background:#fff;box-shadow:var(--tunely-shadow-card)}.seller-order-line{padding:14px;border:1px solid var(--tunely-border);border-radius:14px;background:#f8fafc}.seller-order-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:20px}.seller-order-pagination a,.filter-pill{border:1px solid var(--tunely-border);border-radius:99px;background:#fff}
.dashboard-card details,details{padding:12px;border:1px solid var(--tunely-border);border-radius:14px;background:#fff}summary{cursor:pointer;color:#1e40af;font-weight:700}.subscription-qr{border-radius:16px;background:#f8fafc}.subscription-actions{display:flex;flex-wrap:wrap;gap:9px}.subscription-credentials{display:grid;gap:10px;padding:14px;border:1px solid var(--tunely-border);border-radius:15px;background:#f8fafc}.subscription-credentials a{direction:rtl;text-align:right;overflow-wrap:anywhere}
.store-hero{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:18px;width:min(calc(100% - 40px),1160px);margin:32px auto 0;padding:28px;border:1px solid var(--tunely-border);border-radius:26px;background:linear-gradient(125deg,#fff,#eff6ff);box-shadow:var(--tunely-shadow-card)}.store-cover{width:100%;max-height:230px;object-fit:cover;border-radius:18px}.store-avatar{flex:0 0 72px;background:var(--tunely-gradient)}.store-hero h1{font-size:clamp(25px,3vw,35px)}.store-hero p{color:var(--tunely-muted)}.product-detail{width:min(100% - 36px,1120px);margin:auto;padding:38px 0 70px}.detail-card{padding:clamp(20px,4vw,42px);border-radius:26px}.purchase-box{position:sticky;top:98px;padding:22px;border:1px solid var(--tunely-border);border-radius:20px;background:linear-gradient(180deg,#fff,#eff6ff)}.purchase-box button{min-height:48px}
.seller-welcome,.admin-welcome,.dashboard-welcome{padding:24px 28px;border:1px solid #dbeafe;border-radius:22px;background:linear-gradient(120deg,#eff6ff,#ecfeff);margin-bottom:22px}.admin-navigation{padding:22px;border:1px solid var(--tunely-border);border-radius:22px;background:#fff}.admin-metrics .dashboard-card strong{color:#1d4ed8}.auth-brand{display:flex;align-items:center;gap:9px;color:var(--tunely-primary);font-size:24px;font-weight:800}.auth-brand img{width:38px;height:38px}.checkout-steps{display:flex;align-items:center;gap:12px;max-width:560px;margin:0 auto 28px;color:#94a3b8}.checkout-steps span{display:grid;place-items:center;min-width:38px;height:38px;border-radius:50%;background:#f1f5f9;font-weight:800}.checkout-steps .is-current{background:var(--tunely-primary);color:#fff}.checkout-steps i{height:1px;flex:1;background:var(--tunely-border)}
.category-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:min(calc(100% - 40px),1120px);margin:34px auto 0}.category-rail a{display:flex;align-items:center;gap:13px;min-height:76px;padding:14px 18px;border:1px solid var(--tunely-border);border-radius:18px;background:#fff;color:var(--tunely-navy);box-shadow:var(--tunely-shadow-card)}.category-rail a>span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#eff6ff;color:var(--tunely-primary);font-size:21px}
.site-footer{gap:26px}.footer-links{flex-wrap:wrap}.mobile-nav{z-index:40;min-height:68px;padding:8px 12px max(8px,env(safe-area-inset-bottom));background:rgb(255 255 255 / 97%);backdrop-filter:blur(14px)}.mobile-nav a{display:grid;justify-items:center;gap:1px;min-width:48px;color:#64748b;font-size:19px}.mobile-nav a span+span{font-size:10px}.mobile-nav a.active{color:var(--tunely-primary)}
:focus-visible{outline:3px solid rgb(37 99 235 / 35%);outline-offset:2px}
@media(max-width:850px){.site-header{min-height:66px;padding-inline:14px;gap:8px}.site-header .desktop-nav{display:none}.site-header>.button-light:not(.header-action){display:none}.site-header .header-action{margin-inline-start:auto}.hero{grid-template-columns:1fr;min-height:auto;padding:40px 24px 30px;border-radius:0 0 25px 25px}.hero-copy{max-width:720px}.hero-art{min-height:285px}.trust-strip{grid-template-columns:repeat(2,1fr);margin-top:16px}.trust-strip>div{min-height:66px}.category-rail{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-card{grid-template-columns:1fr;gap:22px}.purchase-box{position:static}.form-page,.dashboard-page{padding-bottom:104px}.site-footer{padding-bottom:102px}}
@media(max-width:560px){body{font-size:14px}.site-header{padding-inline:12px}.brand-symbol{width:30px;height:30px}.brand-wordmark{font-size:20px}.header-action{min-height:38px;padding:7px 10px;font-size:11px}.hero{padding:32px 17px 24px}.hero h1{font-size:clamp(34px,9vw,42px)}.hero-copy>p{font-size:14px}.hero-art{transform:scale(.9);transform-origin:top center;margin-bottom:-24px}.trust-strip{width:calc(100% - 24px)}.trust-strip>div{gap:7px;padding-inline:9px;font-size:11px}.trust-number{font-size:16px}.category-rail{width:calc(100% - 24px);gap:9px}.category-rail a{min-height:66px;padding:10px;border-radius:15px}.category-rail a>span{width:36px;height:36px}.category-rail b{font-size:11px}.market-section{padding:40px 15px}.section-heading{align-items:flex-start;flex-direction:column}.product-grid{grid-template-columns:1fr;gap:13px}.product-card{padding:18px}.dashboard-page{padding:27px 12px 100px}.dashboard-grid{grid-template-columns:1fr;gap:12px}.dashboard-card{padding:18px}.panel-actions .button{width:100%}.form-page{width:100%;padding:24px 12px 100px}.form-card{padding:22px 18px;border-radius:20px}.wide-form{width:100%}.store-hero{width:calc(100% - 24px);padding:17px}.store-cover{max-height:155px}.product-detail{width:calc(100% - 24px);padding-top:25px}.detail-card{padding:17px}.purchase-box{padding:16px}.checkout-steps{gap:6px}.checkout-steps span{min-width:31px;height:31px;font-size:12px}.checkout-steps small{display:block;font-size:9px;font-weight:500;white-space:nowrap}.seller-welcome,.admin-welcome,.dashboard-welcome{padding:17px;border-radius:17px}.admin-navigation{padding:16px}table{display:block;overflow-x:auto;white-space:nowrap}.seller-order-heading{align-items:flex-start;flex-direction:column}.seller-order-filters{display:grid;grid-template-columns:1fr}.seller-order-filters input,.seller-order-filters select{width:100%;min-width:0}.site-footer{grid-template-columns:1fr;padding-inline:18px}.footer-links{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Benefit and seller CTA contrast, after the legacy component declarations. */
.benefits{width:100%;padding:64px max(24px,calc((100vw - 1200px)/2));color:#0f172a;background:#f8fafc}
.benefits-intro{min-width:0}.benefits-intro .eyebrow{color:#2563eb}.benefits h2{color:#0f172a}.benefits h2 em{color:#2563eb}.benefits-intro>p{color:#64748b;font-size:14px}.benefit h3{color:#0f172a;font-size:18px}.benefit p{color:#64748b;font-size:14px}.benefit-no{color:#94a3b8}.benefit-icon{color:#2563eb;background:#eff6ff}
.cta-band{max-width:1150px;margin:36px auto 68px;padding:34px 40px;border:1px solid #dbeafe;border-radius:22px;color:#0f172a;background:linear-gradient(110deg,#eff6ff,#ecfeff)}.cta-band h2{color:#0f172a}.cta-band p{color:#475569;font-size:14px}.cta-band .button-light{position:relative;z-index:1;flex:0 0 auto;background:#2563eb;color:#fff}
@media(max-width:850px){.benefits{grid-template-columns:repeat(2,minmax(0,1fr));padding:40px 24px}.benefits-intro{grid-column:1/-1}.benefit{border:1px solid #e2e8f0}.cta-band{margin-inline:16px;padding:26px}}
@media(max-width:560px){.benefits{display:grid;grid-template-columns:1fr;gap:12px;padding:40px 16px}.benefits-intro{grid-column:auto}.benefits h2{font-size:27px;margin:8px 0}.benefit{padding:18px 20px;min-height:auto}.benefit-no{top:18px;left:18px}.benefit-icon{width:40px;height:40px}.benefit h3{margin:12px 0 5px}.cta-band{margin:28px 12px 80px;padding:24px 20px}.cta-band .button-light{width:100%;justify-content:center}}
#how,#plans{scroll-margin-top:82px}

/* Home discovery: task-first marketplace layout */
.discovery-hero{width:min(calc(100% - 40px),1180px);margin:28px auto 0;padding:clamp(28px,4vw,52px);border:1px solid #dbeafe;border-radius:28px;background:radial-gradient(circle at 4% 100%,rgb(6 182 212 / 12%),transparent 34%),linear-gradient(130deg,#fff,#eff6ff);box-shadow:0 16px 45px rgb(37 99 235 / 7%)}
.discovery-head{display:flex;align-items:end;justify-content:space-between;gap:24px}.discovery-copy{max-width:690px}.discovery-kicker{color:#2563eb;font-size:13px;font-weight:800}.discovery-copy h1{margin:10px 0 8px;color:#0f172a;font-size:clamp(30px,4.5vw,52px);line-height:1.36;letter-spacing:-.035em}.discovery-copy h1 span{color:#2563eb}.discovery-copy p{margin:0;color:#475569;font-size:15px;line-height:1.9}.discovery-count{display:grid;justify-items:center;min-width:132px;padding:18px 22px;border:1px solid #dbeafe;border-radius:20px;background:#fff;color:#64748b;font-size:12px}.discovery-count strong{color:#2563eb;font-size:29px;line-height:1.3}
.discovery-search{display:flex;align-items:center;gap:10px;width:min(100%,720px);min-height:62px;margin-top:28px;padding:7px;border:1px solid #cbd5e1;border-radius:17px;background:#fff;box-shadow:0 12px 28px rgb(15 23 42 / 9%)}.discovery-search-icon{padding-inline:12px;color:#2563eb;font-size:25px}.discovery-search input[type=search]{flex:1;min-width:0;min-height:44px;padding:8px 4px;border:0;box-shadow:none;background:transparent}.discovery-search input[type=search]:focus{box-shadow:none}.discovery-search:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px rgb(37 99 235 / 15%)}.discovery-search button{min-height:46px;padding:8px 22px;border:0;border-radius:11px;background:#2563eb;color:#fff;font-weight:800;white-space:nowrap}.discovery-search button:hover{background:#1d4ed8}.discovery-hint{margin-top:12px;color:#64748b;font-size:12px}
.discovery-categories{width:min(calc(100% - 40px),1180px);margin:38px auto 8px}.discovery-section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}.discovery-section-head span{color:#2563eb;font-size:12px;font-weight:800}.discovery-section-head h2{margin:4px 0 0;color:#0f172a;font-size:clamp(22px,2.5vw,30px)}.discovery-section-head a{color:#2563eb;font-size:13px;font-weight:700}.discovery-category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.discovery-category-grid a{display:grid;justify-items:center;gap:5px;min-width:0;padding:20px 10px;border:1px solid #e2e8f0;border-radius:19px;background:#fff;text-align:center;box-shadow:0 7px 22px rgb(15 23 42 / 4%);transition:transform .2s,border-color .2s,box-shadow .2s}.discovery-category-grid a:hover{transform:translateY(-3px);border-color:#bfdbfe;box-shadow:0 13px 30px rgb(37 99 235 / 9%)}.category-symbol{display:grid;place-items:center;width:54px;height:54px;margin-bottom:4px;border-radius:17px;background:#eff6ff;color:#2563eb;font-size:29px;line-height:1}.discovery-category-grid strong{color:#0f172a;font-size:15px}.discovery-category-grid small{color:#64748b;font-size:11px}.market-section#plans{padding-top:46px}
@media(max-width:850px){.discovery-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.discovery-count{display:none}}
@media(max-width:560px){.discovery-hero{width:calc(100% - 24px);margin-top:12px;padding:23px 18px;border-radius:22px}.discovery-copy h1{font-size:30px}.discovery-copy p{font-size:13px}.discovery-search{min-height:56px;margin-top:21px;gap:4px}.discovery-search-icon{padding-inline:9px}.discovery-search input[type=search]{font-size:12px}.discovery-search button{min-height:42px;padding-inline:13px;font-size:12px}.discovery-categories{width:calc(100% - 24px);margin-top:30px}.discovery-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.discovery-category-grid a{padding:14px 5px;border-radius:16px}.category-symbol{width:46px;height:46px;font-size:25px}.discovery-category-grid strong{font-size:13px}.discovery-category-grid small{font-size:9px}.market-section#plans{padding-top:30px}}

/* Keep the mobile marketplace scannable: each plan reads like a compact result. */
@media(max-width:560px){
  .market-section#plans .section-heading{margin-bottom:17px}
  .market-section#plans .section-heading p{line-height:1.7}
  .market-section#plans .sort-form{align-items:center;justify-content:space-between}
  .market-section#plans .filter-panel{margin-bottom:13px}
  .market-section#plans .product-card{padding:15px;border-radius:18px}
  .market-section#plans .card-top{margin-bottom:8px}
  .market-section#plans .product-icon{width:34px;height:34px;border-radius:11px;font-size:20px}
  .market-section#plans .product-title{min-height:0}
  .market-section#plans .product-title h3{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-bottom:2px;font-size:15px;line-height:1.5}
  .market-section#plans .product-rating{font-size:10px}
  .market-section#plans .specs{display:flex;flex-wrap:wrap;flex:none;gap:6px;margin:13px 0;padding:0;border:0}
  .market-section#plans .specs>div{gap:4px;max-width:100%;padding:5px 8px;border-radius:9px;background:#f1f5f9;color:#475569;font-size:10px;line-height:1.4}
  .market-section#plans .card-footer{gap:10px;padding-top:12px;border-top:1px solid #e2e8f0}
  .market-section#plans .price b{font-size:18px}
  .market-section#plans .add-button{width:36px;height:36px;border-radius:11px}
}

.trial-teaser{display:flex;align-items:center;justify-content:space-between;gap:22px;width:min(calc(100% - 40px),1180px);margin:28px auto 0;padding:22px 27px;border:1px solid #bfdbfe;border-radius:22px;background:linear-gradient(115deg,#eff6ff,#ecfeff);box-shadow:0 10px 28px rgb(37 99 235 / 7%)}
.trial-teaser div{display:grid;gap:3px}.trial-teaser span{color:#2563eb;font-size:12px;font-weight:800}.trial-teaser strong{color:#0f172a;font-size:20px}.trial-teaser p{margin:0;color:#64748b;font-size:12px}.trial-teaser a{flex:none;padding:12px 19px;border-radius:12px;background:#2563eb;color:#fff;font-weight:800}
.trial-page{width:min(calc(100% - 40px),900px);margin:0 auto;padding:34px 0 80px}.trial-intro{padding:34px;border:1px solid #dbeafe;border-radius:26px;background:linear-gradient(135deg,#eff6ff,#ecfeff)}.trial-intro h1{margin:8px 0;color:#0f172a;font-size:clamp(28px,4vw,42px)}.trial-intro p{max-width:650px;margin:0;color:#475569;line-height:2}.trial-page>.flash{margin-top:15px}.trial-steps{display:flex;flex-wrap:wrap;gap:10px;margin:23px 0;color:#1e40af;font-size:12px;font-weight:700}.trial-steps span{padding:8px 12px;border-radius:99px;background:#eff6ff}.trial-offers h2{margin:24px 0 4px;color:#0f172a;font-size:23px}.trial-offers>p{margin:0 0 18px;color:#64748b;font-size:13px}.trial-offer-list{display:grid;gap:12px}.trial-offer{display:flex;align-items:center;gap:14px;padding:17px;border:1px solid #e2e8f0;border-radius:18px;background:#fff;box-shadow:0 7px 22px rgb(15 23 42 / 5%)}.trial-offer-mark{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:13px;background:#eff6ff;color:#2563eb;font-size:24px}.trial-offer-info{display:grid;gap:3px;flex:1;min-width:0}.trial-offer-info strong{color:#0f172a;font-size:15px}.trial-offer-info span{color:#64748b;font-size:12px}.trial-offer form{margin:0}.trial-offer .button{white-space:nowrap}.trial-status{display:grid;justify-items:start;gap:12px;margin-top:24px;padding:25px;border:1px solid #e2e8f0;border-radius:20px;background:#fff}.trial-status strong{color:#0f172a;font-size:18px}.trial-status p{margin:0;color:#64748b}
@media(max-width:560px){.trial-teaser{width:calc(100% - 24px);align-items:stretch;flex-direction:column;gap:15px;padding:19px}.trial-teaser strong{font-size:17px}.trial-teaser a{text-align:center}.trial-page{width:calc(100% - 24px);padding-top:20px}.trial-intro{padding:24px 20px;border-radius:21px}.trial-offer{display:grid;grid-template-columns:42px 1fr;gap:10px}.trial-offer form,.trial-offer .button{grid-column:1/-1;width:100%}.trial-steps{gap:6px}.trial-steps span{font-size:10px}}

/* Browse by country or need, with the provider as the first decision. */
.discovery-providers{width:min(calc(100% - 40px),1180px);margin:33px auto 0}.discovery-provider-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.discovery-provider-item{display:flex;align-items:center;gap:13px;min-width:0;padding:13px;border:1px solid #dbe4ef;border-radius:17px;background:#fff;box-shadow:0 6px 20px rgb(15 23 42 / 5%)}.discovery-provider-item:hover{border-color:#93c5fd;box-shadow:0 12px 26px rgb(37 99 235 / 9%)}.discovery-provider-item img,.discovery-provider-avatar{display:grid;place-items:center;flex:none;width:48px;height:48px;object-fit:cover;border-radius:13px;background:linear-gradient(145deg,#2563eb,#06b6d4);color:#fff;font-size:20px;font-weight:800}.discovery-provider-copy{display:grid;gap:2px;min-width:0}.discovery-provider-copy strong{overflow:hidden;color:#0f172a;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.discovery-provider-copy small{color:#64748b;font-size:11px}.discovery-provider-arrow{margin-inline-start:auto;color:#2563eb;font-size:20px}
.market-section .product-card .store-link{display:inline-flex;align-items:center;gap:8px;max-width:100%;margin-top:5px;padding:6px 9px;border:1px solid #dbeafe;border-radius:9px;background:#eff6ff;color:#1d4ed8;font-size:12px;font-weight:750}.market-section .product-card .store-link span{color:#1d4ed8;font-size:10px}.detail-main>.store-link{display:inline-flex;margin-top:6px;padding:10px 13px;border:1px solid #bfdbfe;border-radius:10px;background:#eff6ff;color:#1d4ed8;font-size:13px;font-weight:800}
.category-page{width:min(calc(100% - 40px),1180px);margin:0 auto;padding:30px 0 90px}.category-page-hero{padding:38px 42px;border:1px solid #dbeafe;border-radius:26px;background:radial-gradient(circle at 8% 100%,rgb(6 182 212 / 13%),transparent 40%),linear-gradient(135deg,#fff,#eff6ff)}.category-page-hero h1{margin:10px 0 7px;color:#0f172a;font-size:clamp(28px,4vw,44px)}.category-page-hero p{max-width:660px;margin:0;color:#475569;font-size:14px;line-height:1.9}.category-page-stats{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.category-page-stats span{padding:8px 13px;border:1px solid #bfdbfe;border-radius:99px;background:#fff;color:#475569;font-size:12px}.category-page-stats strong{color:#1d4ed8;font-size:16px}.category-providers,.category-products{margin-top:42px}.category-section-title{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:18px}.category-section-title span{color:#2563eb;font-size:12px;font-weight:800}.category-section-title h2{margin:3px 0 0;color:#0f172a;font-size:clamp(22px,2.5vw,30px)}.category-section-title>a{color:#2563eb;font-size:13px;font-weight:750}.category-provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.category-provider-card{display:flex;flex-direction:column;gap:12px;min-width:0;padding:19px;border:1px solid #e2e8f0;border-radius:21px;background:#fff;box-shadow:0 9px 27px rgb(15 23 42 / 5%)}.category-provider-top{display:flex;align-items:center;gap:12px}.category-provider-top img,.category-provider-avatar{display:grid;place-items:center;flex:none;width:54px;height:54px;object-fit:cover;border-radius:15px;background:linear-gradient(145deg,#2563eb,#06b6d4);color:#fff;font-size:22px;font-weight:800}.category-provider-label{color:#64748b;font-size:11px}.category-provider-top h3{margin:2px 0 0;color:#0f172a;font-size:18px}.category-provider-card>p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-height:42px;margin:0;color:#64748b;font-size:12px;line-height:1.8}.category-provider-facts{display:flex;flex-wrap:wrap;gap:6px}.category-provider-facts span{padding:5px 8px;border-radius:8px;background:#f1f5f9;color:#475569;font-size:10px}.category-provider-link{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding:11px 13px;border-radius:11px;background:#2563eb;color:#fff;font-size:12px;font-weight:800}.category-provider-link:hover{background:#1d4ed8}.category-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.category-product-card{display:flex;flex-direction:column;gap:13px;min-width:0;padding:17px;border:1px solid #e2e8f0;border-radius:19px;background:#fff;box-shadow:0 7px 22px rgb(15 23 42 / 4%)}.category-product-provider{display:flex;align-items:center;gap:7px;color:#1d4ed8}.category-product-provider img,.category-product-provider>span{display:grid;place-items:center;width:28px;height:28px;object-fit:cover;border-radius:8px;background:#dbeafe;color:#1d4ed8;font-weight:800}.category-product-provider strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.category-product-provider small{margin-inline-start:auto;font-size:10px;white-space:nowrap}.category-product-card h3{margin:0;color:#0f172a;font-size:16px;line-height:1.6}.category-product-specs{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.category-product-specs span{padding:5px 8px;border-radius:8px;background:#f1f5f9;color:#475569;font-size:10px}.category-product-bottom{display:flex;align-items:end;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid #e2e8f0}.category-product-bottom>div{display:grid;gap:1px}.category-product-bottom small{color:#64748b;font-size:10px}.category-product-bottom strong{color:#1d4ed8;font-size:17px}.category-product-bottom>a{padding:9px 11px;border-radius:9px;background:#eff6ff;color:#1d4ed8;font-size:11px;font-weight:800;white-space:nowrap}.country-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.country-directory-grid>a{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:3px 10px;padding:16px;border:1px solid #e2e8f0;border-radius:16px;background:#fff}.country-directory-grid>a:hover{border-color:#93c5fd}.country-code{grid-row:span 2;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#eff6ff;color:#2563eb;font-size:11px;font-weight:900}.country-directory-grid strong{color:#0f172a}.country-directory-grid small{grid-column:2;color:#64748b}.country-arrow{grid-column:3;grid-row:1/span 2;color:#2563eb;font-size:21px}
@media(max-width:850px){.category-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.country-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.discovery-providers{width:calc(100% - 24px);margin-top:30px}.discovery-provider-list{grid-template-columns:1fr;gap:8px}.discovery-provider-item{padding:10px}.discovery-provider-item img,.discovery-provider-avatar{width:42px;height:42px}.discovery-provider-copy strong{font-size:13px}.discovery-provider-copy small{font-size:10px}.market-section .product-card .store-link{font-size:11px}.category-page{width:calc(100% - 24px);padding-top:18px}.category-page-hero{padding:25px 20px;border-radius:21px}.category-page-hero p{font-size:13px}.category-providers,.category-products{margin-top:32px}.category-provider-grid,.category-product-grid,.country-directory-grid{grid-template-columns:1fr}.category-provider-card{padding:16px}.category-section-title h2{font-size:22px}.category-section-title>a{font-size:11px}.category-product-card{padding:15px}}
@media(max-width:560px){.discovery-section-head{align-items:center;gap:9px}.discovery-section-head h2{font-size:20px;line-height:1.35}.discovery-section-head a{flex:none;font-size:11px;white-space:nowrap}}

.seller-directory-search{grid-template-columns:minmax(0,1fr) 210px auto;align-items:end}
.seller-directory-search .seller-search-control{display:grid;gap:6px;color:#64748b;font-size:11px;font-weight:750}
.seller-directory-search input,.seller-directory-search select{padding:8px 11px;color:#0f172a;font:inherit;font-size:12px}
.seller-directory-search .button{white-space:nowrap}
@media(max-width:700px){.seller-directory-search{grid-template-columns:1fr;gap:10px;padding:12px}.seller-directory-search .seller-search-control{grid-column:auto}.seller-directory-search .button{grid-column:auto;width:100%}}

.cart-empty{display:grid;justify-items:center;gap:9px;max-width:680px;margin:26px auto 45px;padding:clamp(25px,5vw,48px);border:1px solid #dbeafe;border-radius:26px;background:radial-gradient(circle at 50% 0,rgb(6 182 212 / 10%),transparent 43%),#fff;box-shadow:0 18px 48px rgb(15 23 42 / 6%);text-align:center}
.cart-empty-icon{display:grid;width:66px;height:66px;place-items:center;border:1px solid #bfdbfe;border-radius:21px;color:#2563eb;background:linear-gradient(145deg,#eff6ff,#ecfeff);font-size:30px}
.cart-empty-icon svg{width:34px;height:34px}
.cart-empty h2{margin:4px 0 0;color:#0f172a;font-size:clamp(22px,3vw,29px)}.cart-empty p{max-width:480px;margin:0;color:#64748b;font-size:13px;line-height:1.9}
.cart-empty-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:8px}.cart-empty-actions .button{min-height:46px;padding-inline:17px}
@media(max-width:700px){.cart-empty{margin:22px 0 35px;padding:24px 17px;border-radius:20px}.cart-empty p{font-size:12px}.cart-empty-actions{width:100%;flex-direction:column}.cart-empty-actions .button{width:100%}}

/* Account, seller and operations workspaces share the same responsive dashboard language. */
.dashboard-page {
  color: var(--tunely-navy);
}

.dashboard-welcome,
.seller-welcome,
.admin-welcome {
  position: relative;
  overflow: hidden;
  padding: clamp(22px, 4vw, 34px);
  border-color: #dbeafe;
  background: radial-gradient(circle at 0 100%, rgb(6 182 212 / 12%), transparent 44%), linear-gradient(125deg, #eff6ff 0%, #f8fbff 58%, #ecfeff 100%);
  box-shadow: 0 12px 34px rgb(15 23 42 / 4%);
}

.dashboard-welcome h1,
.seller-welcome h1,
.admin-welcome h1 {
  margin: 5px 0 3px;
  color: var(--tunely-navy);
  font-size: clamp(25px, 3.5vw, 35px);
  line-height: 1.45;
}

.dashboard-welcome p,
.seller-welcome p,
.admin-welcome p {
  margin: 0;
  color: var(--tunely-muted);
  line-height: 1.9;
}

.dashboard-section-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
}

.dashboard-section-heading h2,
.dashboard-section-heading h3 {
  margin: 3px 0 0;
  color: var(--tunely-navy);
  font-size: clamp(19px, 2.2vw, 24px);
  line-height: 1.5;
}

.dashboard-section-heading > a {
  flex: none;
  color: var(--tunely-primary);
  font-size: 12px;
  font-weight: 800;
}

.account-shortcuts {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 235px), 1fr));
  gap: 13px;
  margin-block: 23px 38px;
}

.account-shortcuts .dashboard-card {
  position: relative;
  display: grid;
  align-content: start;
  min-height: 192px;
  padding: 19px;
  border-color: #e2e8f0;
  border-radius: 19px;
  text-decoration: none;
}

.account-shortcuts .dashboard-card > span {
  display: grid;
  width: 43px;
  height: 43px;
  margin-bottom: 13px;
  place-items: center;
  border-radius: 14px;
  background: linear-gradient(145deg, #eff6ff, #ecfeff);
  color: var(--tunely-primary);
  font-size: 21px;
}

.account-shortcuts .dashboard-card h2 {
  margin: 0 0 3px;
  font-size: 16px;
}

.account-shortcuts .dashboard-card p {
  line-height: 1.8;
}

.account-shortcuts .dashboard-card b {
  display: flex;
  align-items: center;
  gap: 6px;
  align-self: end;
  margin-top: 12px;
  color: var(--tunely-primary);
  font-size: 11px;
}

.account-shortcuts .dashboard-card i {
  font-style: normal;
  transition: transform .18s ease;
}

.account-shortcuts .dashboard-card:hover i {
  transform: translateX(-3px);
}

.account-recent-orders {
  margin-top: 28px;
}

.account-order-list {
  display: grid;
  gap: 10px;
}

.account-order-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto auto;
  align-items: center;
  gap: 18px;
  padding: 15px 18px;
}

.account-order-card > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.account-order-card small {
  color: var(--tunely-muted);
  font-size: 10px;
}

.account-order-card > div a {
  overflow: hidden;
  color: var(--tunely-primary);
  font-weight: 800;
  text-overflow: ellipsis;
}

.account-order-card > strong {
  color: var(--tunely-navy);
  font-size: 13px;
  white-space: nowrap;
}

.account-order-card .status-badge {
  white-space: nowrap;
}

.account-order-link {
  color: var(--tunely-primary);
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}

.account-empty-orders {
  gap: 8px;
  padding: 28px 18px;
  background: linear-gradient(145deg, #fff, #f8fbff);
}

.account-empty-orders > span {
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border-radius: 15px;
  background: #eff6ff;
  color: var(--tunely-primary);
  font-size: 23px;
}

.account-empty-orders h3 {
  margin: 0;
  color: var(--tunely-navy);
}

.account-logout {
  display: flex;
  justify-content: flex-start;
  margin-top: 25px;
}

.account-logout .button {
  color: #475569;
  background: #f1f5f9;
}

.dashboard-page-header {
  margin-bottom: 24px;
  padding: 0 0 18px;
  border-bottom: 1px solid var(--tunely-border);
}

.dashboard-page-header .back-link {
  display: inline-flex;
  margin-bottom: 17px;
  color: var(--tunely-primary);
  font-size: 12px;
  font-weight: 800;
}

.dashboard-page-header h1 {
  margin: 5px 0 3px;
  color: var(--tunely-navy);
  font-size: clamp(25px, 3.4vw, 34px);
  line-height: 1.45;
}

.dashboard-page-header > p {
  margin: 0;
  color: var(--tunely-muted);
  font-size: 13px;
  line-height: 1.9;
}

.account-feature-card {
  max-width: 760px;
}

.account-feature-card code {
  display: block;
  padding: 12px;
  border: 1px solid var(--tunely-border);
  border-radius: 12px;
  background: #f8fafc;
  direction: ltr;
  text-align: left;
  overflow-wrap: anywhere;
}

.notification-card {
  display: grid;
  align-content: start;
  gap: 8px;
}

.notification-card form {
  margin-top: 8px;
}

.notification-unread {
  border-color: #93c5fd;
  background: linear-gradient(150deg, #fff, #f5faff);
  box-shadow: inset -3px 0 0 var(--tunely-primary), 0 8px 24px rgb(37 99 235 / 6%);
}

.account-purchase-card {
  display: grid;
  align-content: start;
  gap: 9px;
}

.account-purchase-card h2 a {
  color: var(--tunely-navy);
}

.account-purchase-card .button {
  justify-self: start;
  margin-top: 6px;
}

.security-event-card {
  display: grid;
  align-content: start;
  gap: 6px;
}

.security-event-card p {
  overflow-wrap: anywhere;
}

.subscription-card {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
}

.subscription-card > h2 {
  margin-bottom: 2px;
  font-size: 19px;
}

.subscription-card .subscription-qr {
  display: grid;
  width: min(100%, 190px);
  min-height: 170px;
  margin: 4px auto 10px;
  place-items: center;
  padding: 12px;
  border: 1px solid var(--tunely-border);
}

.subscription-card .subscription-qr img {
  display: block;
  width: 100%;
  height: auto;
  image-rendering: pixelated;
}

.subscription-card .subscription-credentials {
  margin-block: 4px;
}

.subscription-card > form {
  margin-top: 5px;
}

.subscription-card > form .button {
  width: 100%;
}

.wallet-overview {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  align-items: stretch;
  gap: 14px;
}

.wallet-overview > .dashboard-card {
  display: grid;
  align-content: start;
  gap: 11px;
  min-width: 0;
  padding: clamp(18px, 3vw, 25px);
}

.wallet-balance-card {
  background: radial-gradient(circle at 100% 0, rgb(6 182 212 / 15%), transparent 48%), linear-gradient(140deg, #eff6ff, #fff 75%);
}

.wallet-balance-card > strong {
  color: var(--tunely-primary);
  font-size: clamp(25px, 3vw, 34px);
  overflow-wrap: anywhere;
}

.wallet-balance-card > strong small {
  color: var(--tunely-muted);
  font-size: 12px;
}

.wallet-balance-card > p {
  line-height: 1.9;
}

.wallet-topup-card > h2 {
  margin-bottom: 0;
}

.wallet-history-section {
  margin-top: 32px;
}

@media (max-width: 700px) {
  .wallet-overview {
    grid-template-columns: 1fr;
  }
}

.seller-welcome {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 22px;
}

.seller-welcome-actions .panel-actions {
  justify-content: flex-start;
  margin: 0;
}

.seller-welcome-actions .button {
  white-space: nowrap;
}

.seller-store-grid {
  grid-template-columns: 1fr;
  gap: 18px;
}

.seller-store-card {
  display: grid;
  gap: 17px;
  padding: clamp(17px, 3vw, 25px);
}

.seller-store-heading {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding-bottom: 15px;
  border-bottom: 1px solid var(--tunely-border);
}

.seller-store-heading > span:first-child {
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border-radius: 15px;
  background: linear-gradient(145deg, #eff6ff, #ecfeff);
  color: var(--tunely-primary);
  font-size: 22px;
}

.seller-store-heading h2 {
  margin: 0 0 2px;
  font-size: 20px;
}

.seller-store-heading p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.7;
}

.status-active {
  color: #047857;
  background: #ecfdf5;
}

.status-warning {
  color: #b45309;
  background: #fff7ed;
}

.seller-risk-notices:empty {
  display: none;
}

.seller-risk-notices .flash:first-child {
  margin-top: 0;
}

.seller-risk-note {
  border-color: #bfdbfe;
  background: #eff6ff;
  color: #1e40af;
}

.seller-sales-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.seller-sales-summary > div {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 16px;
  border: 1px solid #dbeafe;
  border-radius: 16px;
  background: linear-gradient(140deg, #f8fbff, #f0fdff);
}

.seller-sales-summary strong {
  color: var(--tunely-primary);
  font-size: clamp(17px, 2.2vw, 22px);
  overflow-wrap: anywhere;
}

.seller-sales-summary strong small {
  color: var(--tunely-muted);
  font-size: 10px;
}

.seller-sales-summary p {
  color: var(--tunely-muted);
  font-size: 11px;
}

.seller-money-panel {
  padding: 17px;
  border: 1px solid var(--tunely-border);
  border-radius: 17px;
  background: #f8fafc;
}

.seller-balance-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.seller-balance-row > div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.seller-balance-row span {
  color: var(--tunely-muted);
  font-size: 11px;
}

.seller-balance-row strong {
  overflow-wrap: anywhere;
  color: var(--tunely-navy);
  font-size: 14px;
}

.seller-withdrawal-form {
  display: grid;
  grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr) auto;
  align-items: end;
  gap: 10px;
  margin-top: 16px;
  padding-top: 15px;
  border-top: 1px solid var(--tunely-border);
}

.seller-withdrawal-form label,
.seller-promotion-form label,
.seller-inline-form label,
.seller-review-card label {
  display: grid;
  gap: 6px;
  min-width: 0;
  color: #475569;
  font-size: 11px;
  font-weight: 700;
}

.seller-withdrawal-form input,
.seller-withdrawal-form textarea,
.seller-promotion-form input,
.seller-inline-form input,
.seller-review-card textarea {
  width: 100%;
  min-width: 0;
  margin: 0;
}

.seller-withdrawal-form textarea,
.seller-review-card textarea {
  min-height: 74px;
}

.seller-withdrawal-note {
  display: block;
  margin-top: 14px;
  color: var(--tunely-muted);
  line-height: 1.8;
}

.seller-store-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.seller-store-actions .store-link {
  margin-inline-end: auto;
  font-weight: 800;
}

.seller-store-actions .button {
  min-height: 38px;
  padding: 7px 12px;
  font-size: 11px;
}

.seller-inventory,
.seller-reviews {
  display: grid;
  gap: 11px;
  padding-top: 7px;
}

.seller-inventory .dashboard-section-heading,
.seller-reviews .dashboard-section-heading {
  margin: 0;
}

.seller-inventory .dashboard-section-heading h3,
.seller-reviews .dashboard-section-heading h3 {
  font-size: 17px;
}

.seller-plan-card,
.seller-review-card {
  display: grid;
  gap: 11px;
  min-width: 0;
  padding: 15px;
  background: #fbfdff;
}

.seller-plan-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: var(--tunely-primary);
}

.seller-plan-title strong {
  min-width: 0;
  overflow-wrap: anywhere;
  color: var(--tunely-navy);
}

.seller-plan-card > small {
  color: var(--tunely-muted);
  line-height: 1.8;
}

.seller-inline-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 9px;
  margin: 0;
}

.seller-inline-form label {
  grid-column: 1;
}

.seller-inline-form input {
  grid-column: 1;
}

.seller-inline-form button {
  grid-column: 2;
  grid-row: 1 / span 2;
}

.seller-inline-form .button,
.seller-promotion-form .button,
.seller-availability-form .button,
.seller-review-card .button {
  white-space: nowrap;
}

.seller-promotion-status {
  color: var(--tunely-muted);
  font-size: 11px;
}

.seller-promotion-form {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: end;
  gap: 9px;
  margin: 0;
  padding: 12px;
  border: 1px solid var(--tunely-border);
  border-radius: 14px;
  background: #fff;
}

.seller-promotion-form > input[type="hidden"] {
  display: none;
}

.seller-promotion-form button {
  grid-column: 1 / -1;
}

.seller-availability-form {
  margin: 0;
}

.seller-review-card > p {
  line-height: 1.9;
}

.seller-review-card form {
  display: grid;
  justify-items: start;
  gap: 10px;
  margin: 0;
}

.admin-metrics {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 225px), 1fr));
  gap: 13px;
}

.admin-metric-group {
  margin-top: 27px;
}

.admin-metric-group .dashboard-section-heading {
  margin-bottom: 10px;
}

.admin-metrics .dashboard-card {
  min-height: 128px;
  padding: 18px;
}

.admin-metrics .dashboard-card h2 {
  min-height: 48px;
  color: var(--tunely-muted);
  font-size: 12px;
  line-height: 1.7;
}

.admin-metrics .dashboard-card strong {
  display: block;
  margin-top: 9px;
  color: var(--tunely-primary);
  font-size: clamp(19px, 2vw, 25px);
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.admin-metrics .dashboard-card p {
  margin-top: 7px;
  font-size: 10px;
  line-height: 1.8;
}

.admin-navigation {
  margin-top: 30px;
  padding: clamp(16px, 3vw, 25px);
  border-color: var(--tunely-border);
  border-radius: 22px;
  box-shadow: var(--tunely-shadow-card);
}

.admin-navigation h2 {
  margin: 0;
  color: var(--tunely-navy);
  font-size: 21px;
}

.admin-navigation .panel-actions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr));
  margin-bottom: 0;
}

.admin-navigation .button {
  justify-content: space-between;
  min-height: 44px;
  text-align: right;
}

.dashboard-page :is(button, a, input, textarea, select):focus-visible {
  outline: 3px solid rgb(37 99 235 / 30%);
  outline-offset: 2px;
}

.dashboard-page .button-light,
.dashboard-page button.button-light {
  border: 1px solid #dbeafe;
  color: #1d4ed8;
  background: #eff6ff;
  box-shadow: none;
}

.dashboard-page .button-light:hover,
.dashboard-page button.button-light:hover {
  background: #dbeafe;
}

.dashboard-page .button-primary,
.dashboard-page button.button-primary {
  color: #fff;
  background: var(--tunely-primary);
}

@media (max-width: 850px) {
  .seller-welcome {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .seller-welcome-actions .panel-actions {
    margin-top: 12px;
  }

  .seller-withdrawal-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .seller-withdrawal-form > button {
    grid-column: 1 / -1;
  }
}

@media (max-width: 560px) {
  .dashboard-page {
    width: calc(100% - 24px);
    padding: 20px 0 calc(105px + env(safe-area-inset-bottom));
  }

  .dashboard-welcome,
  .seller-welcome,
  .admin-welcome {
    padding: 19px 17px;
    border-radius: 20px;
  }

  .dashboard-section-heading {
    align-items: center;
  }

  .dashboard-section-heading > a {
    font-size: 10px;
  }

  .dashboard-page-header {
    margin-bottom: 17px;
    padding-bottom: 14px;
  }

  .dashboard-page-header .back-link {
    margin-bottom: 12px;
    font-size: 11px;
  }

  .dashboard-page-header > p {
    font-size: 11px;
  }

  .account-shortcuts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
    margin-block: 16px 28px;
  }

  .account-shortcuts .dashboard-card {
    min-height: 176px;
    padding: 13px;
    border-radius: 16px;
  }

  .account-shortcuts .dashboard-card > span {
    width: 37px;
    height: 37px;
    margin-bottom: 9px;
    border-radius: 12px;
    font-size: 18px;
  }

  .account-shortcuts .dashboard-card h2 {
    font-size: 14px;
  }

  .account-shortcuts .dashboard-card p {
    font-size: 10px;
  }

  .account-shortcuts .dashboard-card b {
    font-size: 9px;
  }

  .account-order-card {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px 12px;
    padding: 13px;
  }

  .account-order-card > strong {
    grid-column: 1;
    grid-row: 2;
  }

  .account-order-card .status-badge {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
  }

  .account-order-link {
    grid-column: 2;
    grid-row: 2;
    justify-self: end;
  }

  .seller-welcome-actions .panel-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }

  .seller-welcome-actions .panel-actions .button {
    width: 100%;
    min-height: 42px;
    padding: 8px;
    font-size: 10px;
    white-space: normal;
  }

  .seller-store-card {
    gap: 13px;
    padding: 14px;
    border-radius: 18px;
  }

  .seller-store-heading {
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 8px;
  }

  .seller-store-heading > span:first-child {
    grid-row: span 2;
    width: 40px;
    height: 40px;
    border-radius: 12px;
  }

  .seller-store-heading > .status-badge {
    grid-column: 2;
    justify-self: start;
  }

  .seller-store-heading h2 {
    font-size: 17px;
  }

  .seller-sales-summary,
  .seller-balance-row {
    grid-template-columns: 1fr;
  }

  .seller-sales-summary > div,
  .seller-money-panel {
    padding: 13px;
  }

  .seller-withdrawal-form {
    grid-template-columns: 1fr;
  }

  .seller-withdrawal-form > button {
    grid-column: auto;
    width: 100%;
  }

  .seller-store-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .seller-store-actions .store-link {
    grid-column: 1 / -1;
    margin: 0;
  }

  .seller-store-actions .button {
    width: 100%;
    min-width: 0;
    white-space: normal;
  }

  .seller-plan-card,
  .seller-review-card {
    padding: 12px;
  }

  .seller-plan-title {
    align-items: flex-start;
    flex-direction: column;
  }

  .seller-inline-form {
    grid-template-columns: 1fr;
  }

  .seller-inline-form label,
  .seller-inline-form input,
  .seller-inline-form button {
    grid-column: 1;
    grid-row: auto;
  }

  .seller-inline-form button,
  .seller-promotion-form button,
  .seller-availability-form,
  .seller-availability-form button,
  .seller-review-card form .button {
    width: 100%;
  }

  .seller-promotion-form {
    grid-template-columns: 1fr;
  }

  .admin-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .admin-metric-group {
    margin-top: 21px;
  }

  .admin-metrics .dashboard-card {
    min-height: 118px;
    padding: 12px;
  }

  .admin-metrics .dashboard-card h2 {
    min-height: 42px;
    font-size: 10px;
  }

  .admin-metrics .dashboard-card strong {
    font-size: 17px;
  }

  .admin-navigation .panel-actions {
    grid-template-columns: 1fr;
    gap: 7px;
  }

  .admin-navigation .button {
    width: 100%;
    font-size: 11px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .account-shortcuts .dashboard-card,
  .account-shortcuts .dashboard-card i,
  .dashboard-card {
    scroll-behavior: auto;
    transition-duration: .01ms !important;
  }
}

@media (max-width: 850px) {
  .cta-band {
    width: calc(100% - 32px);
    margin-inline: auto;
  }
}

@media (max-width: 560px) {
  .cta-band {
    width: calc(100% - 24px);
    margin: 28px auto 80px;
  }
}
.voice-otp-panel{display:grid;gap:8px;padding:16px;border:1px solid var(--tunely-border,#dbe4ef);border-radius:16px;background:#f8fafc}.voice-otp-panel p{margin:0;color:var(--tunely-muted,#64748b);font-size:13px;line-height:1.9}.voice-otp-panel .voice-otp-countdown{color:#1e40af;font-weight:700}.voice-otp-panel form{margin:0}.form-page .voice-otp-panel button{width:100%;border:1px solid #bfdbfe;background:#eff6ff;color:#1e40af;box-shadow:none}.form-page .voice-otp-panel button:disabled{cursor:not-allowed;opacity:.58}