/* Klivy 3.2.30 — unified product design system
   Loaded last. Structural legacy CSS remains only for layout/functionality. */
:root {
  --ds-brand-700: #1d4ed8;
  --ds-brand-600: #2563eb;
  --ds-brand-500: #3b82f6;
  --ds-brand-400: #60a5fa;
  --ds-cyan-500: #06b6d4;
  --ds-cyan-400: #22d3ee;
  --ds-cyan-300: #67e8f9;
  --ds-amber-500: #f59e0b;
  --ds-rose-500: #ff6b8a;
  --ds-rose-100: #ffe7ee;

  --ds-ink-950: #0a0d1a;
  --ds-ink-900: #111528;
  --ds-ink-850: #151a31;
  --ds-ink-800: #1b203b;
  --ds-ink-700: #262d4c;
  --ds-ink-600: #3e486b;
  --ds-ink-500: #64708f;
  --ds-ink-400: #8f99b6;
  --ds-ink-300: #b9c1d7;
  --ds-ink-200: #dce1ee;
  --ds-ink-100: #eef1f8;

  --ds-light-bg: #f7f9ff;
  --ds-light-surface: rgba(255,255,255,.88);
  --ds-light-surface-solid: #ffffff;
  --ds-light-line: rgba(65,75,125,.12);

  --ds-dark-bg: #080b17;
  --ds-dark-bg-2: #0b0f1f;
  --ds-dark-surface: rgba(18,23,44,.92);
  --ds-dark-surface-2: rgba(25,31,58,.94);
  --ds-dark-line: rgba(137,126,221,.18);
  --ds-dark-line-strong: rgba(93,204,255,.33);
  --ds-dark-text: #f5f7ff;
  --ds-dark-muted: #9aa5c4;

  --ds-gradient: linear-gradient(118deg, var(--ds-brand-700) 0%, var(--ds-brand-500) 48%, var(--ds-cyan-500) 100%);
  --ds-gradient-soft: linear-gradient(135deg, rgba(37,99,235,.15), rgba(6,182,212,.08));
  --ds-gradient-dark: linear-gradient(145deg, #171c38 0%, #10152a 52%, #0b1525 100%);
  --ds-shadow-light: 0 28px 90px rgba(68,54,153,.13);
  --ds-shadow-dark: 0 28px 80px rgba(0,0,0,.34);
  --ds-radius-xl: 30px;
  --ds-radius-lg: 22px;
  --ds-radius-md: 16px;
  --ds-radius-sm: 12px;
  --ds-header-h: 74px;

  /* legacy semantic aliases */
  --brand: var(--ds-brand-600);
  --brand-dark: var(--ds-brand-700);
  --brand-soft: #eaf1ff;
  --green: var(--ds-brand-600);
  --green-dark: var(--ds-brand-700);
  --orange: var(--ds-cyan-500);
  --orange-2: var(--ds-cyan-400);
  --blue: var(--ds-cyan-500);
  --landing-ink: #12152b;
  --landing-muted: #68718b;
  --landing-line: var(--ds-light-line);
  --landing-bg: var(--ds-light-bg);
  --cream: #fbfbff;
  --workspace: var(--ds-dark-bg);
  --workspace-soft: var(--ds-dark-bg-2);
  --bg: var(--ds-dark-bg);
  --bg-soft: var(--ds-dark-bg-2);
  --surface: rgba(255,255,255,.045);
  --surface-2: rgba(255,255,255,.065);
  --surface-3: rgba(255,255,255,.085);
  --border: var(--ds-dark-line);
  --border-strong: var(--ds-dark-line-strong);
  --text: var(--ds-dark-text);
  --text-soft: #dce2f5;
  --muted: var(--ds-dark-muted);
  --muted-2: #7f89a7;
}

html { background: var(--ds-dark-bg); }
html, body { max-width: 100%; }
body { overflow-x: clip !important; }
button, a, input, select, textarea { -webkit-tap-highlight-color: transparent; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 3px solid rgba(54,200,244,.42);
  outline-offset: 3px;
}

/* ---------------------------------------------------------
   Shared brand and controls
--------------------------------------------------------- */
.brand__mark {
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.36) !important;
  background: var(--ds-gradient) !important;
  box-shadow: 0 12px 34px rgba(92,71,220,.27), inset 0 1px 0 rgba(255,255,255,.42) !important;
}
.brand__text { color: var(--landing-ink) !important; }
.brand__text span { color: var(--ds-brand-600) !important; }

.header-cta,
.primary-cta,
.ai-shopping-box__btn,
.search-box > button,
#searchBtn,
.btn-primary,
.shopping-list__actionBtn--primary {
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  background: var(--ds-gradient) !important;
  box-shadow: 0 14px 38px rgba(79,62,199,.27), inset 0 1px 0 rgba(255,255,255,.32) !important;
}
.header-cta:hover,
.primary-cta:hover,
.ai-shopping-box__btn:hover,
.search-box > button:hover,
#searchBtn:hover,
.btn-primary:hover,
.shopping-list__actionBtn--primary:hover {
  filter: brightness(1.07) saturate(1.05);
  transform: translateY(-2px);
  box-shadow: 0 20px 48px rgba(73,61,198,.33), 0 0 30px rgba(54,200,244,.12) !important;
}

/* ---------------------------------------------------------
   Landing — light enterprise canvas
--------------------------------------------------------- */
body:not(.app-page) {
  color: var(--landing-ink);
  background: var(--ds-light-bg) !important;
}
body:not(.app-page) .landing-cursor-glow {
  background: radial-gradient(circle, rgba(109,93,251,.12), rgba(54,200,244,.055) 40%, transparent 70%) !important;
}
body:not(.app-page) .site-header {
  border-color: transparent !important;
  background: rgba(247,248,254,.72) !important;
  backdrop-filter: blur(22px) saturate(145%);
}
body:not(.app-page) .site-header.is-scrolled {
  border-color: rgba(70,69,126,.10) !important;
  background: rgba(250,250,255,.88) !important;
  box-shadow: 0 14px 42px rgba(54,48,103,.08) !important;
}
body:not(.app-page) .site-nav a { color: #68718a !important; }
body:not(.app-page) .site-nav a:hover { color: var(--ds-brand-700) !important; background: rgba(109,93,251,.065); }
body:not(.app-page) .header-cart {
  color: #424969 !important;
  border-color: rgba(91,75,198,.15) !important;
  background: rgba(255,255,255,.68) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
}
body:not(.app-page) .header-cart span { background: var(--ds-gradient) !important; }
body:not(.app-page) .menu-toggle { background: rgba(255,255,255,.86) !important; border: 1px solid var(--ds-light-line); }
body:not(.app-page) .menu-toggle span { background: #303755 !important; }

body:not(.app-page) .landing-hero {
  min-height: clamp(760px, 92vh, 980px);
  background:
    radial-gradient(circle at 87% 13%, rgba(54,200,244,.20), transparent 28%),
    radial-gradient(circle at 14% 55%, rgba(154,140,255,.18), transparent 31%),
    radial-gradient(circle at 58% 82%, rgba(109,93,251,.08), transparent 30%),
    linear-gradient(180deg, #fcfcff 0%, #f5f6fd 100%) !important;
}
body:not(.app-page) .landing-hero::before {
  opacity: .45 !important;
  background-image:
    linear-gradient(rgba(80,74,132,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(80,74,132,.055) 1px, transparent 1px) !important;
  background-size: 64px 64px !important;
}
body:not(.app-page) .landing-hero__glow--one { background: rgba(54,200,244,.22) !important; }
body:not(.app-page) .landing-hero__glow--two { background: rgba(128,108,255,.16) !important; }
body:not(.app-page) .eyebrow {
  color: #5a56a7 !important;
  border-color: rgba(109,93,251,.16) !important;
  background: rgba(255,255,255,.72) !important;
  box-shadow: 0 10px 34px rgba(74,61,150,.08) !important;
}
body:not(.app-page) .eyebrow__pulse {
  background: var(--ds-cyan-500) !important;
  box-shadow: 0 0 0 5px rgba(54,200,244,.12), 0 0 20px rgba(54,200,244,.38) !important;
}
body:not(.app-page) .eyebrow__version {
  color: var(--ds-brand-700) !important;
  background: #eeeaff !important;
}
body:not(.app-page) .landing-hero h1 { color: #12152b !important; }
body:not(.app-page) .landing-hero h1 span,
body:not(.app-page) .hero-title__line--accent {
  color: transparent !important;
  background: linear-gradient(100deg, #5948e2 0%, #7c5cf6 42%, #aa64ee 62%, #35bfe9 100%) !important;
  background-size: 210% 210% !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}
body:not(.app-page) .hero-title__line--accent::after {
  background: linear-gradient(90deg, rgba(109,93,251,.08), rgba(109,93,251,.32), rgba(54,200,244,.25)) !important;
}
body:not(.app-page) .landing-hero__lead { color: #69728c !important; }
body:not(.app-page) .secondary-cta {
  color: #343b5a !important;
  border-color: rgba(73,68,126,.14) !important;
  background: rgba(255,255,255,.68) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.85), 0 10px 30px rgba(50,46,93,.05);
}
body:not(.app-page) .secondary-cta:hover { border-color: rgba(109,93,251,.28) !important; background: #fff !important; }
body:not(.app-page) .hero-benefits { color: #68718a !important; }
body:not(.app-page) .hero-benefits svg { color: var(--ds-brand-600) !important; }

body:not(.app-page) .hero-product__window {
  border-color: rgba(92,77,189,.18) !important;
  background: rgba(255,255,255,.88) !important;
  box-shadow: 0 48px 120px rgba(61,48,137,.18), 0 12px 34px rgba(42,37,93,.10), inset 0 1px 0 #fff !important;
}
body:not(.app-page) .hero-product__bar {
  border-color: #e7e8f2 !important;
  background: rgba(248,249,253,.92) !important;
}
body:not(.app-page) .hero-product__dots span:first-child { background: #ff849e !important; }
body:not(.app-page) .hero-product__dots span:nth-child(2) { background: #a98cff !important; }
body:not(.app-page) .hero-product__dots span:nth-child(3) { background: #5bd7f6 !important; }
body:not(.app-page) .hero-product__url { color: #7a839d !important; border-color: #e1e4ee !important; }
body:not(.app-page) .hero-product__url-dot,
body:not(.app-page) .hero-intelligence-bar__pulse,
body:not(.app-page) .activity-dot {
  background: var(--ds-cyan-500) !important;
  box-shadow: 0 0 0 5px rgba(54,200,244,.12), 0 0 18px rgba(54,200,244,.30) !important;
}
body:not(.app-page) .hero-intelligence-bar {
  color: #dce2f5 !important;
  border-color: rgba(255,255,255,.08) !important;
  background: linear-gradient(90deg, #101426, #171b34) !important;
}
body:not(.app-page) .hero-intelligence-bar__steps { color: #858da8 !important; }
body:not(.app-page) .hero-intelligence-bar__steps i { background: #3b4261 !important; }
body:not(.app-page) .hero-intelligence-bar__steps .is-active { color: var(--ds-cyan-300) !important; }
body:not(.app-page) .hero-ai-card.ai-shopping-box {
  color: #171a31 !important;
  background: rgba(255,255,255,.94) !important;
}
body:not(.app-page) .hero-ai-card.ai-shopping-box::before {
  background: radial-gradient(circle at 95% 0, rgba(109,93,251,.13), transparent 36%) !important;
}
body:not(.app-page) .hero-ai-card .ai-kicker { color: var(--ds-brand-700) !important; }
body:not(.app-page) .hero-ai-card .ai-kicker__icon { color: var(--ds-brand-700) !important; background: #eeeaff !important; }
body:not(.app-page) .hero-ai-card .ai-shopping-box__header h2 { color: #15182f !important; }
body:not(.app-page) .hero-ai-card .ai-shopping-box__header p { color: #6c758d !important; }
body:not(.app-page) .hero-ai-card .ai-shopping-box__row {
  border-color: rgba(76,72,127,.14) !important;
  background: #f8f8fc !important;
}
body:not(.app-page) .hero-ai-card .ai-shopping-box__row:focus-within {
  border-color: rgba(109,93,251,.45) !important;
  box-shadow: 0 0 0 4px rgba(109,93,251,.09) !important;
}
body:not(.app-page) .hero-ai-card .ai-shopping-box__input { color: #20243f !important; background: transparent !important; }
body:not(.app-page) .hero-ai-card .ai-shopping-box__input::placeholder { color: #989fb3 !important; }
body:not(.app-page) .hero-ai-card .prompt-chips button {
  color: #5f6681 !important;
  border-color: rgba(80,75,135,.13) !important;
  background: #f5f4fb !important;
}
body:not(.app-page) .hero-ai-card .prompt-chips button:hover { color: var(--ds-brand-700) !important; border-color: rgba(109,93,251,.27) !important; }
body:not(.app-page) .hero-ai-card .ai-shopping-box__check { color: #737b91 !important; }
body:not(.app-page) .hero-ai-card .ai-shopping-box__check input { accent-color: var(--ds-brand-600) !important; }
body:not(.app-page) .hero-product__activity {
  color: #525c76 !important;
  border-color: #e8e9f1 !important;
  background: rgba(249,250,253,.92) !important;
}
body:not(.app-page) .hero-product__activity strong { color: #343c58 !important; }
body:not(.app-page) .hero-product__activity small { color: #8991a7 !important; }
body:not(.app-page) .hero-product__activity-meter span { background: linear-gradient(180deg, var(--ds-brand-500), var(--ds-cyan-500)) !important; }
body:not(.app-page) .hero-floating-card {
  border-color: rgba(91,74,184,.16) !important;
  background: rgba(255,255,255,.82) !important;
  box-shadow: 0 18px 50px rgba(61,48,137,.15) !important;
}
body:not(.app-page) .hero-floating-card__icon { color: var(--ds-brand-700) !important; background: linear-gradient(135deg,#eeeaff,#e9faff) !important; }
body:not(.app-page) .hero-floating-card strong { color: #252a45 !important; }
body:not(.app-page) .hero-floating-card small { color: #81889e !important; }

body:not(.app-page) .retailer-strip {
  border-color: rgba(70,67,120,.09) !important;
  background: rgba(255,255,255,.58) !important;
}
body:not(.app-page) .retailer-strip__label { color: #8a91a5 !important; }
body:not(.app-page) .retailer-list span { color: #4e5670 !important; }
body:not(.app-page) .capability-rail {
  color: #fff;
  border-color: rgba(255,255,255,.07) !important;
  background: linear-gradient(90deg,#0f1327,#171b36,#0f1c31) !important;
}
body:not(.app-page) .capability-pill {
  border-color: rgba(139,126,221,.16) !important;
  background: rgba(255,255,255,.045) !important;
}
body:not(.app-page) .capability-pill > span { color: var(--ds-cyan-300) !important; background: rgba(54,200,244,.08) !important; }
body:not(.app-page) .capability-pill small { color: #8f99b8 !important; }

body:not(.app-page) .landing-section { background: #fbfbff !important; }
body:not(.app-page) .landing-section--soft { background: #f0f2fb !important; }
body:not(.app-page) .section-heading__kicker,
body:not(.app-page) .feature-card__tag { color: var(--ds-brand-700) !important; }
body:not(.app-page) .section-heading h2 { color: #15182d !important; }
body:not(.app-page) .section-heading p { color: #6c758d !important; }
body:not(.app-page) .feature-card,
body:not(.app-page) .step-card {
  border-color: rgba(78,72,129,.11) !important;
  background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(248,248,253,.88)) !important;
  box-shadow: 0 18px 55px rgba(57,49,116,.07) !important;
}
body:not(.app-page) .feature-card:hover,
body:not(.app-page) .step-card:hover {
  border-color: rgba(109,93,251,.24) !important;
  box-shadow: 0 28px 78px rgba(67,52,151,.13) !important;
}
body:not(.app-page) .feature-card h3,
body:not(.app-page) .step-card h3 { color: #20243c !important; }
body:not(.app-page) .feature-card p,
body:not(.app-page) .step-card p { color: #6b748b !important; }
body:not(.app-page) .feature-card__icon,
body:not(.app-page) .step-card__number {
  color: var(--ds-brand-700) !important;
  background: linear-gradient(135deg,#eeeaff,#e8f9ff) !important;
}
body:not(.app-page) .bubble--user { color: #3e4360 !important; background: #f2f3fa !important; }
body:not(.app-page) .bubble--ai { color: #4e43ae !important; background: #eeeaff !important; }
body:not(.app-page) .mini-list { border-color: #e3e5ef !important; background: #fafaff !important; }
body:not(.app-page) .mini-list strong { color: var(--ds-brand-700) !important; }
body:not(.app-page) .share-pills span { color: #4e5570 !important; border-color: #e1e3ed !important; background: #f8f8fc !important; }
body:not(.app-page) .how-cta {
  color: #fff !important;
  background: linear-gradient(125deg,#14182f,#25204f 52%,#14334a) !important;
  box-shadow: 0 24px 60px rgba(39,32,92,.18) !important;
}
body:not(.app-page) .how-cta span { color: #aeb7d0 !important; }
body:not(.app-page) .enterprise-cta { background: #fbfbff !important; }
body:not(.app-page) .enterprise-cta__inner {
  background:
    radial-gradient(circle at 12% 20%, rgba(54,200,244,.16), transparent 30%),
    radial-gradient(circle at 88% 12%, rgba(154,140,255,.22), transparent 34%),
    linear-gradient(125deg,#101426 0%,#211c47 56%,#102d44 100%) !important;
  box-shadow: 0 42px 110px rgba(40,31,98,.24) !important;
}
body:not(.app-page) .enterprise-cta__kicker { color: var(--ds-cyan-300) !important; }
body:not(.app-page) .enterprise-cta p { color: #b2bcd5 !important; }
body:not(.app-page) .primary-cta--inverse { color: #fff !important; background: var(--ds-gradient) !important; }
body:not(.app-page) .enterprise-cta__orb--one { background: radial-gradient(circle,rgba(54,200,244,.18),transparent 68%) !important; }
body:not(.app-page) .enterprise-cta__orb--two { background: radial-gradient(circle,rgba(128,108,255,.18),transparent 70%) !important; }
body:not(.app-page) .site-footer {
  color: #929bb8 !important;
  border-color: rgba(255,255,255,.07) !important;
  background: #0b0e1c !important;
}
body:not(.app-page) .brand--footer .brand__text { color: #f5f7ff !important; }
body:not(.app-page) .site-footer__links a:hover { color: var(--ds-cyan-300) !important; }
body:not(.app-page) .site-footer__copy { color: #69728f !important; }

/* ---------------------------------------------------------
   Application canvas and chrome
--------------------------------------------------------- */
html:has(body.app-page), body.app-page {
  min-height: 100%;
  overflow-x: clip !important;
  overflow-y: visible !important;
  color: var(--ds-dark-text) !important;
  background:
    radial-gradient(circle at 9% 0%, rgba(109,93,251,.18), transparent 26%),
    radial-gradient(circle at 94% 12%, rgba(54,200,244,.10), transparent 28%),
    linear-gradient(180deg, #090c19 0%, #080b17 48%, #070a14 100%) !important;
}
body.app-page::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(126,114,205,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(126,114,205,.035) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: radial-gradient(circle at 45% 28%, #000, transparent 72%);
}
.app-page-header {
  position: sticky !important;
  top: 0;
  z-index: 1000;
  border-color: rgba(139,126,221,.12) !important;
  background: rgba(8,11,23,.82) !important;
  box-shadow: 0 12px 40px rgba(0,0,0,.18) !important;
  backdrop-filter: blur(24px) saturate(145%);
}
.app-page .app-page-header .brand__text { color: #f5f7ff !important; }
.app-page .app-page-header .brand__text span { color: var(--ds-cyan-300) !important; }
.app-page-header__nav a { color: #9aa4c1 !important; }
.app-page-header__nav a:hover { color: #fff !important; background: rgba(109,93,251,.10) !important; }
.app-page-header__cart {
  color: #f4f6ff !important;
  border-color: rgba(109,93,251,.24) !important;
  background: var(--ds-gradient-soft) !important;
}
.app-page-header__cart strong { color: #fff !important; background: var(--ds-gradient) !important; }

.app-page .list-page__intro {
  overflow: clip !important;
  background:
    radial-gradient(circle at 13% 23%, rgba(109,93,251,.22), transparent 31%),
    radial-gradient(circle at 77% 0%, rgba(54,200,244,.12), transparent 29%),
    linear-gradient(112deg,#12162d 0%,#171b39 50%,#0d2036 100%) !important;
}
.app-page .list-page__introGlow {
  opacity: .55;
  background: radial-gradient(circle at center, rgba(109,93,251,.18), rgba(54,200,244,.08) 42%, transparent 68%) !important;
}
.app-page .app-workspace__kicker,
.app-page .workspace-label,
.app-page .summary-panel__kicker,
.app-page .shop-filters-panel__label,
.app-page .section-title,
.app-page .shopping-map-modal__kicker,
.app-page .shopping-map-panel__label,
.app-page .akcie-reader__kicker {
  color: var(--ds-cyan-300) !important;
}
.app-page .app-workspace__kicker span {
  background: var(--ds-cyan-500) !important;
  box-shadow: 0 0 0 5px rgba(54,200,244,.12), 0 0 20px rgba(54,200,244,.42) !important;
}
.app-page .list-page__intro h1 { color: #f7f8ff !important; }
.app-page .list-page__intro h1 em {
  color: transparent !important;
  background: linear-gradient(90deg,#9a8cff 0%,#bd78fa 42%,#73a7ff 72%,#62d8ff 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}
.app-page .list-page__intro p { color: #9da8c6 !important; }

/* Reliable sticky two-column layout */
.app-page .app-layout--dedicated {
  width: min(1680px, calc(100% - 32px)) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) clamp(350px, 25vw, 420px) !important;
  gap: 22px !important;
  align-items: start !important;
  overflow: visible !important;
  max-height: none !important;
}
.app-page .main-content,
.app-page .page-shell,
.app-page .search-mode-panel,
.app-page .search-mode-content,
.app-page .search-mode-pane {
  min-width: 0;
  overflow: visible !important;
}
.app-page .page-shell { padding: 0 0 96px !important; }
.app-page .shopping-rail {
  position: relative;
  min-width: 0;
  align-self: stretch;
  overflow: visible !important;
}
.app-page .shopping-sidebar {
  position: sticky !important;
  top: calc(var(--ds-header-h) + 16px) !important;
  width: 100% !important;
  height: calc(100vh - var(--ds-header-h) - 32px) !important;
  height: calc(100dvh - var(--ds-header-h) - 32px) !important;
  min-height: 540px !important;
  max-height: calc(100vh - var(--ds-header-h) - 32px) !important;
  max-height: calc(100dvh - var(--ds-header-h) - 32px) !important;
  align-self: start !important;
  overflow: hidden !important;
  z-index: 30;
  border: 1px solid rgba(139,126,221,.22) !important;
  border-radius: 26px !important;
  background:
    radial-gradient(circle at 15% 0%, rgba(109,93,251,.12), transparent 34%),
    radial-gradient(circle at 100% 32%, rgba(54,200,244,.055), transparent 35%),
    rgba(11,15,30,.96) !important;
  box-shadow: var(--ds-shadow-dark), inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.app-page .shopping-list {
  height: 100% !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  background: transparent !important;
  border: 0 !important;
}
.app-page .shopping-list__header,
.app-page .shopping-list__footer { flex: 0 0 auto; }
.app-page .shopping-list__body {
  min-height: 0 !important;
  flex: 1 1 auto !important;
  overflow-y: auto !important;
  overflow-x: clip !important;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: rgba(109,93,251,.7) rgba(255,255,255,.03);
}
.app-page .shopping-list__body::-webkit-scrollbar { width: 8px; }
.app-page .shopping-list__body::-webkit-scrollbar-track { background: rgba(255,255,255,.025); }
.app-page .shopping-list__body::-webkit-scrollbar-thumb { background: linear-gradient(var(--ds-brand-600),var(--ds-cyan-500)); border-radius: 999px; }

/* App surfaces */
.app-page .search-mode-panel,
.app-page .search-panel,
.app-page .app-ai-card,
.app-page .summary-panel,
.app-page .shop-filters-panel,
.app-page .compact-table-panel,
.app-page .product-card,
.app-page .shopping-map-panel,
.app-page .shopping-map-modal__dialog,
.app-page .shopping-qr-modal__dialog,
.app-page .akcie-reader__dialog {
  color: var(--ds-dark-text) !important;
  border-color: var(--ds-dark-line) !important;
  background: linear-gradient(145deg, rgba(26,31,58,.94), rgba(12,16,33,.97)) !important;
  box-shadow: var(--ds-shadow-dark), inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.app-page .search-mode-panel,
.app-page .summary-panel,
.app-page .shop-filters-panel,
.app-page .compact-table-panel { border-radius: 26px !important; }
.app-page .search-mode-panel { overflow: hidden !important; }
.app-page .search-mode-tabs {
  border-color: rgba(139,126,221,.13) !important;
  background: rgba(7,10,22,.44) !important;
}
.app-page .search-mode-tab { color: #a2abc7 !important; }
.app-page .search-mode-tab:hover { color: #fff !important; background: rgba(109,93,251,.08) !important; }
.app-page .search-mode-tab.is-active {
  color: #fff !important;
  border-color: rgba(141,200,255,.34) !important;
  background: var(--ds-gradient) !important;
  box-shadow: 0 12px 34px rgba(78,62,199,.28), inset 0 1px 0 rgba(255,255,255,.25) !important;
}
.app-page .ai-kicker { color: var(--ds-cyan-300) !important; }
.app-page .ai-kicker__icon { color: #fff !important; background: var(--ds-gradient) !important; }
.app-page h1, .app-page h2, .app-page h3, .app-page h4 { color: var(--ds-dark-text) !important; }
.app-page p, .app-page .muted, .app-page .shopping-list__subtitle { color: var(--ds-dark-muted) !important; }

/* Inputs / search */
.app-page input[type="text"],
.app-page input[type="search"],
.app-page textarea,
.app-page select,
.app-page .search-box__field,
.app-page .ai-shopping-box__row {
  color: #f6f7ff !important;
  border-color: rgba(139,126,221,.22) !important;
  background: rgba(255,255,255,.045) !important;
}
.app-page input::placeholder, .app-page textarea::placeholder { color: #858fab !important; }
.app-page input:focus, .app-page textarea:focus, .app-page select:focus,
.app-page .search-box__field:focus-within, .app-page .ai-shopping-box__row:focus-within {
  border-color: rgba(54,200,244,.56) !important;
  box-shadow: 0 0 0 4px rgba(54,200,244,.10), 0 14px 38px rgba(54,67,174,.17) !important;
}
.app-page input[type="checkbox"], .app-page input[type="radio"] { accent-color: var(--ds-brand-600) !important; }
.app-page .search-box { grid-template-columns: minmax(0,1fr) 170px !important; }
.app-page .search-box__field { border-radius: 17px !important; }
.app-page #searchBtn { border-radius: 17px !important; }
.app-page .ghost-btn,
.app-page .btn-secondary,
.app-page .shopping-list__actionBtn:not(.shopping-list__actionBtn--primary),
.app-page .shopping-map-modal__controlBtn,
.app-page .shopping-map-modal__radiusSelect,
.app-page .shopping-qr-modal__actionBtn--secondary {
  color: #e8ebf8 !important;
  border-color: rgba(139,126,221,.18) !important;
  background: rgba(255,255,255,.045) !important;
}
.app-page .ghost-btn:hover,
.app-page .btn-secondary:hover,
.app-page .shopping-list__actionBtn:not(.shopping-list__actionBtn--primary):hover,
.app-page .shopping-map-modal__controlBtn:hover {
  color: #fff !important;
  border-color: rgba(54,200,244,.30) !important;
  background: linear-gradient(135deg,rgba(109,93,251,.14),rgba(54,200,244,.08)) !important;
}
.app-page .geo-pill,
.app-page .pill--green,
.app-page .status--success {
  color: #c8efff !important;
  border-color: rgba(54,200,244,.23) !important;
  background: rgba(54,200,244,.075) !important;
}
.app-page .pill { color: #dbe0f1 !important; border-color: rgba(139,126,221,.16) !important; background: rgba(255,255,255,.04) !important; }
.app-page .status--loading { color: #dce8ff !important; border-color: rgba(109,93,251,.22) !important; background: rgba(109,93,251,.09) !important; }
.app-page .status--error { color: #ffdbe4 !important; border-color: rgba(255,107,138,.24) !important; background: rgba(255,107,138,.09) !important; }
.app-page .ai-shopping-summary-missing { color: #e7ddff !important; border-color: rgba(154,140,255,.24) !important; background: rgba(154,140,255,.08) !important; }

/* Filters and summary */
.app-page .summary-panel__best {
  color: #d8f3ff !important;
  border-color: rgba(54,200,244,.22) !important;
  background: rgba(54,200,244,.075) !important;
}
.app-page .shop-filter-btn {
  color: #dfe3f2 !important;
  border-color: rgba(139,126,221,.18) !important;
  background: rgba(255,255,255,.035) !important;
}
.app-page .shop-filter-btn:hover { color: #fff !important; border-color: rgba(109,93,251,.30) !important; background: rgba(109,93,251,.09) !important; }
.app-page .shop-filter-btn.active {
  color: #fff !important;
  border-color: rgba(142,207,255,.34) !important;
  background: var(--ds-gradient) !important;
  box-shadow: 0 10px 28px rgba(79,62,199,.26) !important;
}

/* Quick overview rows and product cards */
.app-page .kb-table-row,
.app-page .compact-row,
.app-page .shopping-list__item,
.app-page .shopping-map-cart-item,
.app-page .shopping-route-plan__item {
  border-color: rgba(139,126,221,.16) !important;
  background: linear-gradient(135deg, rgba(255,255,255,.05), rgba(109,93,251,.028)) !important;
}
.app-page .kb-table-row:hover,
.app-page .compact-row:hover,
.app-page .shopping-list__item:hover,
.app-page .shopping-map-cart-item:hover,
.app-page .shopping-route-plan__item:hover {
  border-color: rgba(54,200,244,.29) !important;
  background: linear-gradient(135deg, rgba(109,93,251,.10), rgba(54,200,244,.055)) !important;
  box-shadow: 0 16px 42px rgba(0,0,0,.20) !important;
}
.app-page .kb-table-head { color: #9ca6c3 !important; }
.app-page .kb-table-title,
.app-page .compact-name,
.app-page .shopping-list__name { color: #f4f6ff !important; }
.app-page .kb-table-shop,
.app-page .compact-shop,
.app-page .shopping-list__shop { color: #9ca6c3 !important; }
.app-page .kb-table-page,
.app-page .product-card__pageBadge { color: #cfc6ff !important; }
.app-page .kb-table-price,
.app-page .compact-price,
.app-page .product-card__price,
.app-page .shopping-list__price,
.app-page .shopping-map-cart-item__price,
.app-page .shopping-route-plan__distanceMain,
.app-page .shopping-map-summary__card--total .shopping-map-summary__value {
  color: var(--ds-cyan-300) !important;
}
.app-page .kb-btn-add,
.app-page .product-card__addBtn {
  color: #fff !important;
  border-color: rgba(154,140,255,.35) !important;
  background: linear-gradient(135deg,var(--ds-brand-600),#8d69ff) !important;
  box-shadow: 0 10px 26px rgba(83,64,205,.25) !important;
}
.app-page .kb-btn-open,
.app-page .product-card__link {
  color: #07101c !important;
  border-color: rgba(148,231,255,.55) !important;
  background: linear-gradient(135deg,#94e7ff,#36c8f4) !important;
  box-shadow: 0 10px 26px rgba(54,200,244,.20) !important;
}
.app-page .product-card__badge {
  color: #fff !important;
  background: var(--ds-gradient) !important;
}
.app-page .product-card__pageBadge {
  border: 1px solid rgba(154,140,255,.25) !important;
  background: rgba(109,93,251,.15) !important;
}
.app-page .discount-pill { color: #ffd8e1 !important; border-color: rgba(255,107,138,.20) !important; background: rgba(255,107,138,.08) !important; }
.app-page .compact-table-more__btn { color: #e8ebf8 !important; border-color: rgba(139,126,221,.18) !important; background: rgba(255,255,255,.04) !important; }

/* Shopping list */
.app-page .shopping-list__header { border-color: rgba(139,126,221,.12) !important; }
.app-page .shopping-list__title { color: #fff !important; }
.app-page .shopping-list__logo { border: 1px solid rgba(65,71,111,.14); box-shadow: 0 6px 18px rgba(0,0,0,.18); }
.app-page .shopping-list__remove,
.app-page .shopping-map-cart-item__remove {
  color: #dbe0ef !important;
  border-color: rgba(139,126,221,.16) !important;
  background: rgba(255,255,255,.045) !important;
}
.app-page .shopping-list__remove:hover,
.app-page .shopping-map-cart-item__remove:hover { color: #fff !important; border-color: rgba(255,107,138,.30) !important; background: rgba(255,107,138,.11) !important; }
.app-page .shopping-list__footer {
  border-color: rgba(139,126,221,.12) !important;
  background: rgba(7,10,22,.34) !important;
}
.app-page .shopping-list__summaryRow { color: #cbd2e6 !important; }
.app-page .shopping-list__summaryRow strong { color: #fff !important; }
.app-page .shopping-list__actions { border-color: rgba(139,126,221,.10) !important; }
.app-page .shopping-list__more summary { color: #9fa8c2 !important; }
.app-page .shopping-list__clear { color: #ff91a9 !important; }
.app-page .shopping-list__clear:hover { color: #ffb3c3 !important; }

/* Map modal */
.app-page .shopping-map-modal__backdrop,
.app-page .shopping-qr-modal__backdrop,
.app-page .akcie-reader__backdrop {
  background: rgba(3,5,13,.86) !important;
  backdrop-filter: blur(18px) saturate(120%);
}
.app-page .shopping-map-modal__dialog {
  background:
    radial-gradient(circle at 10% 0%, rgba(109,93,251,.13), transparent 30%),
    radial-gradient(circle at 92% 10%, rgba(54,200,244,.07), transparent 28%),
    #0b0f1f !important;
}
.app-page .shopping-map-modal__close,
.app-page .shopping-qr-modal__close,
.app-page .akcie-reader__iconBtn,
.app-page .akcie-reader__pdfBtn {
  color: #edf1ff !important;
  border-color: rgba(139,126,221,.22) !important;
  background: rgba(255,255,255,.045) !important;
}
.app-page .shopping-map-modal__close:hover,
.app-page .shopping-qr-modal__close:hover,
.app-page .akcie-reader__iconBtn:hover,
.app-page .akcie-reader__pdfBtn:hover {
  border-color: rgba(54,200,244,.30) !important;
  background: rgba(54,200,244,.08) !important;
}
.app-page .shopping-map-view-switch__option {
  color: #dce1f1 !important;
  border-color: rgba(139,126,221,.18) !important;
  background: rgba(255,255,255,.04) !important;
}
.app-page .shopping-map-view-switch__option:hover { border-color: rgba(109,93,251,.30) !important; background: rgba(109,93,251,.08) !important; }
.app-page .shopping-map-view-switch__option:has(input:checked),
.app-page .shopping-map-view-switch__option input:checked + span {
  color: #fff !important;
  border-color: rgba(141,205,255,.34) !important;
  background: var(--ds-gradient) !important;
}
.app-page .shopping-map-modal__status { color: #b7c0d8 !important; border-color: rgba(139,126,221,.15) !important; background: rgba(255,255,255,.035) !important; }
.app-page .shopping-map-summary__card { border-color: rgba(139,126,221,.15) !important; background: rgba(255,255,255,.035) !important; }
.app-page .shopping-map-summary__label,
.app-page .shopping-route-plan__label { color: #99a4c1 !important; }
.app-page .shopping-route-plan__order {
  color: #fff !important;
  background: var(--ds-gradient) !important;
  box-shadow: 0 10px 24px rgba(83,64,205,.24) !important;
}
.app-page .shopping-map-marker__inner--route { box-shadow: 0 12px 28px rgba(0,0,0,.24), 0 0 0 3px rgba(109,93,251,.24) !important; }
.app-page .shopping-map-marker__inner--suggested { box-shadow: 0 10px 24px rgba(0,0,0,.22), 0 0 0 3px rgba(54,200,244,.20) !important; }
.app-page .shopping-map-marker__badge {
  color: #fff !important;
  background: var(--ds-gradient) !important;
  border-color: #fff !important;
}
.app-page .leaflet-popup-content-wrapper,
.app-page .leaflet-popup-tip { background: #fff !important; color: #111528 !important; }
.app-page .shopping-map-popup__title,
.app-page .shopping-map-popup__itemName,
.app-page .shopping-map-popup__shopSummaryRow strong { color: #111528 !important; }
.app-page .shopping-map-popup__text,
.app-page .shopping-map-popup__empty { color: #69728b !important; }
.app-page .shopping-map-popup__distance,
.app-page .shopping-map-popup__itemPrice { color: var(--ds-brand-700) !important; }
.app-page .shopping-map-popup__item,
.app-page .shopping-map-popup__shopSummaryRow { border-color: #e3e6f0 !important; background: #f8f8fc !important; }

/* Reader */
.app-page .akcie-reader { color: #f5f7ff !important; }
.app-page .akcie-reader__dialog {
  background:
    radial-gradient(circle at 10% 8%, rgba(109,93,251,.13), transparent 26%),
    radial-gradient(circle at 92% 18%, rgba(54,200,244,.06), transparent 28%),
    linear-gradient(180deg,#0d1224,#080c18) !important;
}
.app-page .akcie-reader__header,
.app-page .akcie-reader__footer { border-color: rgba(139,126,221,.13) !important; background: rgba(7,10,20,.34) !important; }
.app-page .akcie-reader__pill { color: #dfe4f4 !important; border-color: rgba(139,126,221,.18) !important; background: rgba(255,255,255,.04) !important; }
.app-page .akcie-reader__nav { color: #fff !important; border-color: rgba(139,126,221,.20) !important; background: rgba(255,255,255,.045) !important; }
.app-page .akcie-reader__nav:hover:not(:disabled) { border-color: rgba(54,200,244,.30) !important; background: rgba(54,200,244,.08) !important; }
.app-page .akcie-reader__thumb.is-active { border-color: var(--ds-cyan-500) !important; box-shadow: 0 0 0 3px rgba(54,200,244,.12); }
.app-page .akcie-reader__counter { color: #e6eaf8 !important; }
.app-page .akcie-reader__hint { color: #7f89a5 !important; }

/* QR modal */
.app-page .shopping-qr-modal__kicker { color: var(--ds-cyan-300) !important; }
.app-page .shopping-qr-modal__card { border-color: rgba(139,126,221,.14) !important; background: #fff !important; }

/* Mobile / tablet */
@media (max-width: 1080px) {
  .app-page .app-layout--dedicated { grid-template-columns: 1fr !important; }
  .app-page .shopping-rail { min-height: 0; }
  .app-page .shopping-sidebar {
    position: relative !important;
    top: auto !important;
    height: auto !important;
    min-height: 460px !important;
    max-height: none !important;
  }
  .app-page .shopping-list__body { max-height: 560px !important; }
}
@media (max-width: 760px) {
  body:not(.app-page) .landing-shell { width: calc(100% - 24px) !important; }
  body:not(.app-page) .landing-hero h1 { font-size: clamp(49px,15vw,70px) !important; }
  body:not(.app-page) .hero-floating-card--route { display: none; }
  .app-page .app-layout--dedicated { width: calc(100% - 20px) !important; }
  .app-page .search-box { grid-template-columns: 1fr !important; }
  .app-page .shopping-sidebar { border-radius: 22px !important; }
}

/* Motion */
@keyframes dsGlowPulse { 0%,100% { opacity:.58; transform:scale(1); } 50% { opacity:.9; transform:scale(1.05); } }
@keyframes dsBorderFlow { to { background-position: -220% 0; } }
.app-page .search-mode-panel::after,
.app-page .shopping-sidebar::after,
body:not(.app-page) .hero-product__window::after {
  pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
}

/* Landing responsive integrity: prevent grid min-content from widening the mobile canvas. */
body:not(.app-page) .landing-hero__copy,
body:not(.app-page) .hero-title,
body:not(.app-page) .landing-hero__lead,
body:not(.app-page) .landing-hero__actions,
body:not(.app-page) .hero-benefits {
  min-width: 0;
}
@media (max-width: 560px) {
  body:not(.app-page) .landing-hero__copy { width: 100% !important; max-width: 100% !important; }
  body:not(.app-page) .landing-hero h1 { font-size: clamp(40px, 12vw, 50px) !important; line-height: .96 !important; }
  body:not(.app-page) .hero-title__line,
  body:not(.app-page) .hero-title__line--accent { width: auto !important; max-width: 100% !important; overflow-wrap: normal; }
  body:not(.app-page) .landing-hero__lead,
  body:not(.app-page) .landing-hero__actions,
  body:not(.app-page) .hero-benefits { width: 100% !important; max-width: 100% !important; }
}

/* Compact app controls - keep the AI CTA and prompt presets consistent on every viewport. */
.app-page .app-ai-card .ai-shopping-box__btn svg {
  width: 20px !important;
  height: 20px !important;
  flex: 0 0 20px;
}
.app-page .prompt-chips button {
  color: #dfe4f4 !important;
  border: 1px solid rgba(139,126,221,.18) !important;
  background: rgba(255,255,255,.045) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03) !important;
}
.app-page .prompt-chips button:hover {
  color: #fff !important;
  border-color: rgba(54,200,244,.30) !important;
  background: linear-gradient(135deg,rgba(109,93,251,.16),rgba(54,200,244,.08)) !important;
  transform: translateY(-1px);
}
@media (max-width: 560px) {
  .app-page .app-ai-card .ai-shopping-box__btn {
    min-height: 58px !important;
    max-height: 58px !important;
    padding: 0 18px !important;
  }
  .app-page .app-ai-card .ai-shopping-box__btn svg {
    width: 22px !important;
    height: 22px !important;
    flex-basis: 22px;
  }
}

/* v3.2.0 country picker + international design tokens */
.country-picker {
  --picker-bg: rgba(255,255,255,.74);
  --picker-border: rgba(105,82,255,.14);
  --picker-text: #252b46;
  --picker-muted: #75809c;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  position: relative;
  font-family: inherit;
}
.country-picker__label {
  font-size: 10px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--picker-muted);
  white-space: nowrap;
}
.country-picker__shell {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 12px;
  border: 1px solid var(--picker-border);
  border-radius: 999px;
  background: var(--picker-bg);
  box-shadow: 0 12px 28px rgba(74, 72, 144, .08), inset 0 1px 0 rgba(255,255,255,.72);
  backdrop-filter: blur(18px);
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease, background .2s ease;
}
.country-picker:hover .country-picker__shell {
  transform: translateY(-1px);
  border-color: rgba(54,200,244,.38);
  box-shadow: 0 18px 40px rgba(88, 100, 255, .13), inset 0 1px 0 rgba(255,255,255,.86);
}
.country-picker__flag {
  display: inline-grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: rgba(255,255,255,.72);
  box-shadow: inset 0 0 0 1px rgba(25,30,55,.08);
  font-size: 15px;
}
.country-picker__select {
  width: min(230px, 24vw);
  min-width: 118px;
  border: 0;
  outline: 0;
  color: var(--picker-text);
  background: transparent;
  font: inherit;
  font-size: 13px;
  font-weight: 850;
  letter-spacing: -.01em;
  cursor: pointer;
  appearance: auto;
}
.country-picker__select option { color: #101426; background: #fff; }
.app-page .country-picker {
  --picker-bg: rgba(255,255,255,.055);
  --picker-border: rgba(126, 107, 255, .24);
  --picker-text: #f4f7ff;
  --picker-muted: #94e7ff;
}
.app-page .country-picker__shell {
  box-shadow: 0 18px 42px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.07);
}
.app-page .country-picker__flag { background: rgba(255,255,255,.08); }
.app-page .country-picker__select { color: #f5f7ff; }
.app-page .country-picker__select option { color: #111528; background: #fff; }

/* Keep the shopping rail reliably sticky after country picker / translated copy changes. */
@media (min-width: 981px) {
  .app-layout--dedicated {
    align-items: start !important;
    overflow: visible !important;
  }
  .app-layout--dedicated > .main-content,
  .app-layout--dedicated > .shopping-rail,
  .app-layout--dedicated .page-shell {
    overflow: visible !important;
  }
  .shopping-rail {
    position: sticky !important;
    top: calc(var(--app-header-height, 74px) + 18px) !important;
    align-self: start !important;
    max-height: calc(100vh - var(--app-header-height, 74px) - 34px) !important;
    z-index: 7;
  }
  .shopping-rail .shopping-sidebar,
  .shopping-rail .shopping-list {
    max-height: inherit !important;
  }
}
@media (max-width: 1120px) {
  .country-picker__label { display: none; }
  .country-picker__select { width: min(190px, 22vw); }
}
@media (max-width: 760px) {
  .country-picker__shell { min-height: 38px; padding: 0 9px; }
  .country-picker__select { width: 96px; font-size: 12px; }
  .site-header__actions .country-picker, .app-page-header__inner .country-picker { order: -1; }
}

/* v3.2.0 searchable custom country picker */
.country-picker {
  --picker-bg: rgba(255,255,255,.82);
  --picker-border: rgba(88, 74, 222, .16);
  --picker-text: #151a31;
  --picker-muted: #6f7892;
  --picker-panel: rgba(255,255,255,.94);
  --picker-panel-line: rgba(90, 77, 210, .13);
  --picker-option-hover: linear-gradient(135deg, rgba(99, 84, 255, .10), rgba(54, 200, 244, .10));
  --picker-option-active: linear-gradient(135deg, #6d5dfb 0%, #4b8fff 52%, #36c8f4 100%);
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  min-width: 0;
  position: relative;
  font-family: inherit;
  z-index: 60;
}
.country-picker__label {
  font-size: 10px;
  line-height: 1;
  font-weight: 950;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--picker-muted);
  white-space: nowrap;
}
.country-picker__trigger {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  max-width: min(260px, 30vw);
  padding: 0 14px 0 10px;
  border: 1px solid var(--picker-border);
  border-radius: 999px;
  background: var(--picker-bg);
  color: var(--picker-text);
  box-shadow: 0 16px 42px rgba(83, 73, 177, .10), inset 0 1px 0 rgba(255,255,255,.80);
  backdrop-filter: blur(18px) saturate(1.35);
  cursor: pointer;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.country-picker__trigger:hover,
.country-picker.is-open .country-picker__trigger {
  transform: translateY(-1px);
  border-color: rgba(54, 200, 244, .46);
  box-shadow: 0 22px 54px rgba(84, 89, 214, .16), 0 0 0 5px rgba(54, 200, 244, .08), inset 0 1px 0 rgba(255,255,255,.92);
}
.country-picker__trigger-flag,
.country-picker__option-flag {
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: rgba(255,255,255,.86);
  box-shadow: inset 0 0 0 1px rgba(31, 38, 67, .08), 0 6px 18px rgba(50, 56, 107, .08);
  font-size: 16px;
  flex: 0 0 28px;
}
.country-picker__trigger-name {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: -.02em;
}
.country-picker__chevron {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  opacity: .82;
  transition: transform .18s ease;
}
.country-picker.is-open .country-picker__chevron { transform: rotate(180deg); }
.country-picker__panel {
  position: absolute;
  top: calc(100% + 12px);
  left: auto;
  right: 0;
  width: min(360px, calc(100vw - 28px));
  padding: 12px;
  border: 1px solid var(--picker-panel-line);
  border-radius: 26px;
  background: var(--picker-panel);
  box-shadow: 0 34px 90px rgba(38, 43, 92, .20), 0 8px 24px rgba(83, 73, 177, .10), inset 0 1px 0 rgba(255,255,255,.82);
  backdrop-filter: blur(24px) saturate(1.35);
  transform-origin: top right;
  animation: countryPickerIn .18s ease both;
  z-index: 9999;
}
.country-picker__searchbox {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 46px;
  padding: 0 13px;
  margin-bottom: 10px;
  border: 1px solid rgba(99, 84, 255, .16);
  border-radius: 18px;
  background: rgba(247, 249, 255, .86);
  color: #6d5dfb;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
}
.country-picker__search {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--picker-text);
  font: inherit;
  font-size: 14px;
  font-weight: 780;
}
.country-picker__search::placeholder { color: #98a2bd; }
.country-picker__list {
  display: grid;
  gap: 6px;
  max-height: min(460px, 58vh);
  overflow: auto;
  padding-right: 4px;
  scrollbar-width: thin;
  scrollbar-color: rgba(99,84,255,.55) rgba(99,84,255,.08);
}
.country-picker__list::-webkit-scrollbar { width: 8px; }
.country-picker__list::-webkit-scrollbar-thumb { background: var(--ds-gradient); border-radius: 999px; }
.country-picker__list::-webkit-scrollbar-track { background: rgba(99,84,255,.08); border-radius: 999px; }
.country-picker__option {
  width: 100%;
  min-height: 48px;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) 22px;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border: 1px solid transparent;
  border-radius: 17px;
  background: transparent;
  color: var(--picker-text);
  text-align: left;
  cursor: pointer;
  transition: transform .16s ease, background .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.country-picker__option:hover,
.country-picker__option:focus-visible {
  transform: translateY(-1px);
  outline: 0;
  border-color: rgba(54, 200, 244, .24);
  background: var(--picker-option-hover);
}
.country-picker__option.is-selected {
  color: #fff;
  background: var(--picker-option-active);
  box-shadow: 0 14px 32px rgba(89, 84, 239, .26);
}
.country-picker__option.is-selected .country-picker__option-flag {
  background: rgba(255,255,255,.22);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.20);
}
.country-picker__option-name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 15px;
  font-weight: 850;
  letter-spacing: -.01em;
}
.country-picker__option-check {
  display: inline-grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: rgba(255,255,255,.22);
  color: #fff;
  font-weight: 950;
}
.country-picker__empty {
  padding: 18px 12px;
  color: var(--picker-muted);
  font-weight: 800;
  text-align: center;
}
.app-page .country-picker {
  --picker-bg: rgba(255,255,255,.055);
  --picker-border: rgba(126, 107, 255, .26);
  --picker-text: #f4f7ff;
  --picker-muted: #94e7ff;
  --picker-panel: rgba(13, 18, 38, .94);
  --picker-panel-line: rgba(126, 107, 255, .24);
  --picker-option-hover: linear-gradient(135deg, rgba(109, 93, 251, .18), rgba(54, 200, 244, .10));
}
.app-page .country-picker__trigger {
  box-shadow: 0 20px 52px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.07);
}
.app-page .country-picker__trigger-flag,
.app-page .country-picker__option-flag {
  background: rgba(255,255,255,.10);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.09);
}
.app-page .country-picker__searchbox {
  background: rgba(255,255,255,.06);
  border-color: rgba(126, 107, 255, .25);
}
.app-page .country-picker__search { color: #f4f7ff; }
.app-page .country-picker__search::placeholder { color: #8793b4; }
.app-page .country-picker__option { color: #e7ebfa; }
@keyframes countryPickerIn {
  from { opacity: 0; transform: translateY(-8px) scale(.985); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
@media (max-width: 1120px) {
  .country-picker__label { display: none; }
  .country-picker__trigger { max-width: min(220px, 25vw); }
}
@media (max-width: 760px) {
  .country-picker__trigger { min-height: 38px; max-width: 142px; padding: 0 10px 0 7px; }
  .country-picker__trigger-flag { width: 24px; height: 24px; flex-basis: 24px; font-size: 14px; }
  .country-picker__trigger-name { font-size: 12px; }
  .country-picker__panel { right: auto; left: 0; width: min(330px, calc(100vw - 20px)); border-radius: 22px; }
  .site-header__actions .country-picker, .app-page-header__inner .country-picker { order: -1; }
}