:root {
  --container: 1240px;
  --radius: 28px;
  --radius-lg: 36px;
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-right: env(safe-area-inset-right, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
}

html[data-theme="light"] {
  --bg: #f4f8ff;
  --bg-soft: #edf7f5;
  --surface: rgba(255,255,255,.84);
  --surface-strong: #ffffff;
  --surface-tint: #f8fbff;
  --text: #162033;
  --muted: #58647a;
  --line: rgba(18, 31, 53, .10);
  --line-strong: rgba(18, 31, 53, .16);
  --brand: #0ea5a4;
  --brand-2: #7c3aed;
  --brand-3: #f97316;
  --shadow: 0 18px 50px rgba(19, 31, 56, .10);
  --shadow-strong: 0 30px 70px rgba(19, 31, 56, .16);
  --hero-grad-1: rgba(6, 18, 38, .84);
  --hero-grad-2: rgba(15, 23, 42, .54);
  --hero-grad-3: rgba(15, 23, 42, .28);
  color-scheme: light;
}

html[data-theme="dark"] {
  --bg: #07111f;
  --bg-soft: #0c1827;
  --surface: rgba(14, 24, 39, .78);
  --surface-strong: #0f1b2b;
  --surface-tint: #132235;
  --text: #eff6ff;
  --muted: #a9b8cd;
  --line: rgba(203, 213, 225, .10);
  --line-strong: rgba(203, 213, 225, .17);
  --brand: #4ade80;
  --brand-2: #38bdf8;
  --brand-3: #f59e0b;
  --shadow: 0 22px 56px rgba(0, 0, 0, .34);
  --shadow-strong: 0 32px 86px rgba(0, 0, 0, .42);
  --hero-grad-1: rgba(1, 8, 20, .64);
  --hero-grad-2: rgba(2, 12, 27, .46);
  --hero-grad-3: rgba(2, 12, 27, .22);
  color-scheme: dark;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-width: 320px;
  font-family: Arial, Helvetica, sans-serif;
  color: var(--text);
  background:
    radial-gradient(circle at top left, rgba(125, 211, 252, .22), transparent 28%),
    radial-gradient(circle at top right, rgba(192, 132, 252, .18), transparent 30%),
    linear-gradient(180deg, var(--bg) 0%, var(--bg-soft) 100%);
  line-height: 1.58;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

a { color: inherit; text-decoration: none; }
img, video, svg { display: block; max-width: 100%; }
button, input { font: inherit; }
button { cursor: pointer; }

.container {
  width: min(var(--container), calc(100% - 48px - var(--safe-left) - var(--safe-right)));
  margin: 0 auto;
}

.site-main { min-height: calc(100vh - 220px); }

.site-header {
  position: sticky;
  top: 0;
  z-index: 90;
  padding-top: max(0px, calc(var(--safe-top) * .45));
  border-bottom: 1px solid var(--line);
  background: color-mix(in srgb, var(--surface-strong) 80%, transparent);
  backdrop-filter: blur(18px);
}

.header-inner {
  min-height: 88px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 20px;
  align-items: center;
}

.logo img {
  width: auto;
  height: 46px;
}

.nav {
  justify-self: center;
  display: flex;
  align-items: center;
  gap: 22px;
  flex-wrap: wrap;
}

.nav a {
  color: var(--muted);
  font-size: 15px;
  font-weight: 700;
  transition: color .2s ease, transform .2s ease;
}

.nav a:hover { color: var(--text); transform: translateY(-1px); }

.header-tools {
  justify-self: end;
  display: flex;
  align-items: center;
  gap: 12px;
}

.nav-cta,
.btn {
  min-height: 48px;
  border: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 22px;
  border-radius: 999px;
  font-weight: 800;
  transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease, color .2s ease, border-color .2s ease;
}

.nav-cta,
.btn-primary {
  color: #fff;
  background: linear-gradient(135deg, var(--brand), var(--brand-2));
  box-shadow: 0 16px 36px color-mix(in srgb, var(--brand) 22%, transparent);
}

.btn-light {
  color: #fff;
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.18);
  backdrop-filter: blur(10px);
}

.btn-ghost {
  color: var(--text);
  background: color-mix(in srgb, var(--surface-strong) 86%, transparent);
  border: 1px solid var(--line);
}

.btn-small { min-height: 42px; padding-inline: 18px; }
.btn:hover, .nav-cta:hover { transform: translateY(-2px); }

.theme-switch {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
  min-width: 170px;
  padding: 4px;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--surface-strong) 90%, transparent);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12);
}

.theme-switch-thumb {
  position: absolute;
  top: 4px;
  left: 4px;
  width: calc((100% - 8px) / 3);
  height: calc(100% - 8px);
  border-radius: 999px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--brand) 82%, #fff 18%), color-mix(in srgb, var(--brand-2) 76%, #fff 24%));
  transition: transform .25s ease;
  box-shadow: 0 10px 24px color-mix(in srgb, var(--brand) 24%, transparent);
}

html[data-theme-preference="auto"] .theme-switch-thumb { transform: translateX(0); }
html[data-theme-preference="light"] .theme-switch-thumb { transform: translateX(100%); }
html[data-theme-preference="dark"] .theme-switch-thumb { transform: translateX(200%); }

.theme-switch-btn {
  position: relative;
  z-index: 1;
  min-height: 40px;
  border: 0;
  background: transparent;
  color: var(--muted);
  border-radius: 999px;
  font-weight: 800;
}

.theme-switch-btn.is-active { color: #fff; }

.breadcrumbs {
  border-bottom: 1px solid var(--line);
  background: color-mix(in srgb, var(--surface) 76%, transparent);
}

.breadcrumbs .container {
  min-height: 52px;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  color: var(--muted);
  font-size: 14px;
}

.breadcrumbs .sep { opacity: .6; }

.hero-home {
  position: relative;
  overflow: clip;
  min-height: min(88svh, 920px);
  color: #fff;
  background: #081122;
}

.hero-media,
.hero-overlay,
.hero-orbs {
  position: absolute;
  inset: 0;
}

.hero-media video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero-overlay {
  background:
    linear-gradient(95deg, var(--hero-grad-1) 0%, var(--hero-grad-2) 46%, var(--hero-grad-3) 100%),
    linear-gradient(180deg, rgba(4, 11, 24, .18) 0%, rgba(4, 11, 24, .58) 100%);
}

.hero-orbs span {
  position: absolute;
  border-radius: 50%;
  filter: blur(8px);
  opacity: .75;
}

.orb-1 { width: 320px; height: 320px; left: -80px; top: 100px; background: rgba(34,197,94,.25); }
.orb-2 { width: 380px; height: 380px; right: -120px; top: -30px; background: rgba(59,130,246,.24); }
.orb-3 { width: 280px; height: 280px; right: 18%; bottom: -100px; background: rgba(168,85,247,.24); }

.hero-content {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  align-items: end;
  gap: 28px;
  padding: calc(108px + var(--safe-top)) 0 84px;
}

.hero-copy { max-width: 760px; }

.eyebrow {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.14);
  color: inherit;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.eyebrow-dark {
  color: var(--brand);
  background: color-mix(in srgb, var(--brand) 12%, var(--surface-strong));
  border: 1px solid color-mix(in srgb, var(--brand) 16%, transparent);
}

.hero-copy h1,
.page-section h1 {
  margin: 18px 0 18px;
  font-size: clamp(42px, 6vw, 78px);
  line-height: .94;
  letter-spacing: -.04em;
  text-wrap: balance;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

.hero-copy p,
.lead,
.search-lead {
  font-size: clamp(18px, 2.1vw, 21px);
  color: color-mix(in srgb, currentColor 84%, transparent);
}

.hero-actions,
.cta-actions {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 28px;
}

.hero-stats,
.hero-stats-premium {
  display: grid;
  gap: 16px;
}

.hero-stat-card,
.metric-card,
.section-chip,
.fact-card,
.content-block,
.search-panel,
.bird-info-ribbon,
.card,
.cta-panel,
.lightbox-dialog {
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--surface-strong) 82%, transparent);
  box-shadow: var(--shadow);
  backdrop-filter: blur(14px);
}

.hero-stat-card {
  border-radius: var(--radius);
  padding: 26px;
}

.hero-stat-card strong,
.metric-card strong {
  display: block;
  font-size: clamp(28px, 4vw, 44px);
  line-height: .95;
}

.hero-stat-card span,
.metric-card span { color: var(--muted); }

.page-section {
  position: relative;
  padding: 72px 0;
}

.page-section-soft { background: color-mix(in srgb, var(--surface-tint) 78%, transparent); }

.section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 24px;
}

.section-head h2,
.content-block h2,
.search-hero h1 {
  margin: 12px 0 0;
  font-size: clamp(28px, 4.2vw, 46px);
  line-height: 1.02;
  letter-spacing: -.03em;
  text-wrap: balance;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

.grid {
  display: grid;
  gap: 20px;
}

.grid-sections {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-dogs {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.card {
  position: relative;
  overflow: clip;
  border-radius: var(--radius);
}

.card-section {
  min-height: 230px;
  padding: 24px;
  color: var(--text);
}

.card-section-patterned,
.grid-sections-colorful .card-section {
  color: #0f172a;
}

.card-section-patterned::before,
.card-pattern {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.card-section-patterned::before {
  content: "";
  background:
    radial-gradient(circle at 18% 22%, rgba(255,255,255,.48), transparent 18%),
    radial-gradient(circle at 78% 18%, rgba(255,255,255,.30), transparent 16%),
    linear-gradient(135deg, rgba(255,255,255,.18), transparent 42%);
}

.card-pattern {
  opacity: .26;
  background-image:
    linear-gradient(45deg, rgba(255,255,255,.34) 25%, transparent 25%),
    linear-gradient(-45deg, rgba(255,255,255,.24) 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, rgba(255,255,255,.24) 75%),
    linear-gradient(-45deg, transparent 75%, rgba(255,255,255,.18) 75%);
  background-size: 24px 24px;
  background-position: 0 0, 0 12px, 12px -12px, -12px 0;
}

.grid-sections-colorful > :nth-child(6n + 1) { background: linear-gradient(135deg, #93c5fd, #c4b5fd); }
.grid-sections-colorful > :nth-child(6n + 2) { background: linear-gradient(135deg, #86efac, #67e8f9); }
.grid-sections-colorful > :nth-child(6n + 3) { background: linear-gradient(135deg, #fde68a, #fca5a5); }
.grid-sections-colorful > :nth-child(6n + 4) { background: linear-gradient(135deg, #f9a8d4, #c4b5fd); }
.grid-sections-colorful > :nth-child(6n + 5) { background: linear-gradient(135deg, #67e8f9, #93c5fd); }
.grid-sections-colorful > :nth-child(6n + 6) { background: linear-gradient(135deg, #a7f3d0, #f9a8d4); }

.card-section > * { position: relative; z-index: 1; }
.card-badge {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  padding: 0 12px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--surface-tint) 88%, transparent);
  border: 1px solid var(--line);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.card-section-patterned .card-badge,
.grid-sections-colorful .card-badge {
  background: rgba(255,255,255,.56);
  border-color: rgba(255,255,255,.28);
}

.card-section h3,
.card-dog h3 {
  margin: 16px 0 8px;
  font-size: 24px;
  line-height: 1.05;
}

.card-section p,
.card-dog p,
.content-block p,
.footer-copy p {
  margin: 0;
  color: color-mix(in srgb, currentColor 72%, transparent);
}

.card-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 18px;
  font-weight: 800;
}

.card-link::after {
  content: "→";
  transition: transform .2s ease;
}

.card:hover .card-link::after { transform: translateX(2px); }
.card:hover { transform: translateY(-3px); }

.card-dog {
  color: var(--text);
  background: color-mix(in srgb, var(--surface-strong) 88%, transparent);
}

.card-dog-image {
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: color-mix(in srgb, var(--surface-tint) 80%, transparent);
}

.card-dog-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .35s ease;
}

.card-dog:hover .card-dog-image img { transform: scale(1.04); }

.card-dog-body { padding: 18px 18px 22px; }
.card-dog-emoji {
  width: 46px;
  height: 46px;
  border-radius: 16px;
  display: inline-grid;
  place-items: center;
  font-size: 24px;
  background: color-mix(in srgb, var(--brand) 12%, var(--surface-tint));
}

.card-dog-topline {
  display: flex;
  align-items: center;
  gap: 10px;
}

.card-dog-alt {
  font-size: 13px;
  color: var(--muted);
}

.cta-panel {
  position: relative;
  overflow: clip;
  border-radius: var(--radius-lg);
  padding: 34px;
}

.cta-panel-glow::before {
  content: "";
  position: absolute;
  inset: auto -80px -120px auto;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: radial-gradient(circle, color-mix(in srgb, var(--brand-2) 32%, transparent), transparent 70%);
}

.search-hero,
.search-panel,
.content-block,
.section-hero,
.bird-hero,
.bird-info-ribbon {
  border-radius: var(--radius-lg);
}

.search-hero,
.section-hero,
.bird-hero {
  padding: 34px;
}

.search-panel,
.content-block {
  padding: 24px;
}

.search-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
}

.search-input-wrap {
  position: relative;
}

.search-input {
  width: 100%;
  min-height: 58px;
  padding: 0 20px;
  border-radius: 18px;
  border: 1px solid var(--line-strong);
  background: color-mix(in srgb, var(--surface-tint) 86%, transparent);
  color: var(--text);
  outline: none;
}

.search-input:focus { border-color: color-mix(in srgb, var(--brand) 46%, transparent); box-shadow: 0 0 0 5px color-mix(in srgb, var(--brand) 12%, transparent); }

.live-search {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  right: 0;
  z-index: 20;
  padding: 10px;
  border-radius: 24px;
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--surface-strong) 92%, transparent);
  box-shadow: var(--shadow-strong);
}

.live-search-item {
  display: grid;
  grid-template-columns: 60px minmax(0, 1fr);
  gap: 14px;
  padding: 10px;
  border-radius: 18px;
}
.live-search-item:hover { background: color-mix(in srgb, var(--brand) 8%, var(--surface-tint)); }
.live-search-thumb {
  width: 60px; height: 60px; border-radius: 18px; overflow: hidden; background: var(--surface-tint); display: grid; place-items: center; font-size: 24px;
}
.live-search-thumb img { width: 100%; height: 100%; object-fit: cover; }
.live-search-content strong { display: block; }
.live-search-content span,
.live-search-empty { color: var(--muted); }
.live-search-empty { padding: 14px; }

.section-hero,
.bird-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(300px, .95fr);
  gap: 28px;
  align-items: center;
}

.section-hero-premium,
.bird-hero-premium {
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--brand-2) 18%, transparent), transparent 36%),
    radial-gradient(circle at bottom left, color-mix(in srgb, var(--brand) 16%, transparent), transparent 32%),
    color-mix(in srgb, var(--surface-strong) 88%, transparent);
}

.metric-card,
.section-chip {
  border-radius: 24px;
  padding: 24px;
}

.metric-card-large { margin-bottom: 16px; }
.section-chip {
  display: inline-flex;
  align-items: center;
  font-weight: 800;
}

.bird-hero-image,
.bird-hero-image-premium {
  overflow: hidden;
  border-radius: 28px;
  min-height: 420px;
  background: color-mix(in srgb, var(--surface-tint) 86%, transparent);
}

.bird-hero-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.species-meta,
.bird-info-ribbon-inner {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.species-badge,
.species-latin,
.bird-info-chip {
  border-radius: 999px;
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--surface-tint) 90%, transparent);
}

.species-badge,
.species-latin { padding: 10px 14px; }
.bird-section-link { margin-top: 18px; color: var(--muted); }
.bird-section-link a { color: var(--brand); font-weight: 800; }

.bird-info-ribbon { padding: 16px; margin-top: 18px; }
.bird-info-chip {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 16px 18px;
  min-width: 180px;
}
.bird-info-label,
.fact-card-label { font-size: 12px; text-transform: uppercase; letter-spacing: .08em; color: var(--muted); font-weight: 800; }

.facts-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 24px;
}

.fact-card {
  border-radius: 24px;
  padding: 22px;
}

.fact-card-enhanced {
  display: grid;
  gap: 10px;
}

.fact-card-icon {
  width: 48px;
  height: 48px;
  border-radius: 16px;
  display: inline-grid;
  place-items: center;
  color: var(--brand-2);
  background: color-mix(in srgb, var(--brand-2) 10%, var(--surface-tint));
}

.fact-card-icon svg { width: 22px; height: 22px; }
.fact-card strong { font-size: 28px; line-height: 1.05; }

.content-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  margin-top: 24px;
}

.gallery-section,
.related-section { margin-top: 32px; }
.gallery-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.gallery-card {
  padding: 0;
  overflow: hidden;
  border-radius: 24px;
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--surface-strong) 88%, transparent);
  box-shadow: var(--shadow);
}

.gallery-card img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  transition: transform .3s ease;
}
.gallery-card:hover img { transform: scale(1.04); }

.site-footer {
  padding: 34px 0 calc(98px + var(--safe-bottom));
  border-top: 1px solid var(--line);
  background: color-mix(in srgb, var(--surface-strong) 88%, transparent);
}

.footer-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

.footer-copy {
  display: grid;
  gap: 12px;
  max-width: 560px;
}

.footer-logo { height: 44px; width: auto; }

.mobile-bar {
  position: fixed;
  left: calc(10px + var(--safe-left));
  right: calc(10px + var(--safe-right));
  bottom: calc(10px + var(--safe-bottom));
  z-index: 110;
  display: none;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  padding: 10px;
  border-radius: 30px;
  border: 1px solid color-mix(in srgb, var(--line-strong) 92%, transparent);
  background: color-mix(in srgb, var(--surface-strong) 72%, transparent);
  backdrop-filter: blur(22px) saturate(140%);
  -webkit-backdrop-filter: blur(22px) saturate(140%);
  box-shadow: 0 18px 42px rgba(4, 10, 24, .24), inset 0 1px 0 rgba(255,255,255,.16);
}

.mobile-bar::before {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: 29px;
  background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.04));
  pointer-events: none;
}

.mobile-bar-item,
.mobile-bar-link {
  position: relative;
  z-index: 1;
  min-height: 74px;
  border-radius: 22px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 10px 10px;
  color: var(--text);
  font-size: 12px;
  font-weight: 800;
  text-align: center;
  border: 0;
  background: transparent;
}

.mobile-bar-item.is-accent,
.mobile-bar-link.is-accent {
  background: linear-gradient(135deg, color-mix(in srgb, var(--brand) 90%, #fff 10%), color-mix(in srgb, var(--brand-2) 80%, #fff 20%));
  color: #fff;
  box-shadow: 0 12px 24px color-mix(in srgb, var(--brand) 24%, transparent);
}

.mobile-bar-icon {
  width: 26px;
  height: 26px;
  display: inline-grid;
  place-items: center;
}

.mobile-bar-icon svg {
  width: 22px;
  height: 22px;
  stroke: currentColor;
  stroke-width: 2;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.mobile-bar-label {
  line-height: 1;
  white-space: nowrap;
}

.mobile-menu-sheet {
  position: fixed;
  left: calc(10px + var(--safe-left));
  right: calc(10px + var(--safe-right));
  bottom: calc(104px + var(--safe-bottom));
  z-index: 140;
  padding: 10px;
  border-radius: 28px;
  border: 1px solid color-mix(in srgb, var(--line-strong) 92%, transparent);
  background: color-mix(in srgb, var(--surface-strong) 88%, transparent);
  backdrop-filter: blur(22px) saturate(140%);
  -webkit-backdrop-filter: blur(22px) saturate(140%);
  box-shadow: 0 28px 60px rgba(4, 10, 24, .34), inset 0 1px 0 rgba(255,255,255,.16);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(12px);
  transition: opacity .22s ease, transform .22s ease, visibility .22s ease;
}

.mobile-menu-sheet.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

.mobile-menu-sheet[hidden] { display: none !important; }

.mobile-menu-sheet::before {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: 27px;
  background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.03));
  pointer-events: none;
}

.mobile-menu-sheet-inner {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 8px;
}

.mobile-menu-link {
  min-height: 58px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 0 16px;
  color: var(--text);
  font-weight: 800;
  background: color-mix(in srgb, var(--surface-tint) 82%, transparent);
  border: 1px solid var(--line);
}

.mobile-menu-link-icon {
  width: 22px;
  height: 22px;
  display: inline-grid;
  place-items: center;
  color: var(--brand);
}

.mobile-menu-link-icon svg {
  width: 20px;
  height: 20px;
  stroke: currentColor;
  stroke-width: 2;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.lightbox {
  position: fixed;
  inset: 0;
  z-index: 200;
  display: grid;
  place-items: center;
}
.lightbox[hidden] { display: none; }
.lightbox-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(2, 8, 20, .72);
  backdrop-filter: blur(10px);
}
.lightbox-dialog {
  position: relative;
  z-index: 1;
  width: min(1200px, calc(100% - 32px - var(--safe-left) - var(--safe-right)));
  margin: max(24px, calc(24px + var(--safe-top))) auto max(24px, calc(24px + var(--safe-bottom)));
  max-height: calc(100dvh - 48px - var(--safe-top) - var(--safe-bottom));
  padding: 12px;
  border-radius: 28px;
}
.lightbox-image {
  width: 100%;
  max-height: calc(100dvh - 72px - var(--safe-top) - var(--safe-bottom));
  object-fit: contain;
  border-radius: 20px;
}
.lightbox-close {
  position: absolute;
  top: calc(16px + var(--safe-top));
  right: calc(16px + var(--safe-right));
  z-index: 2;
  width: 48px;
  height: 48px;
  border: 0;
  border-radius: 50%;
  color: #fff;
  background: rgba(255,255,255,.16);
  backdrop-filter: blur(12px);
  font-size: 28px;
}

@media (max-width: 1200px) {
  .grid-dogs { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 1024px) {
  .header-inner { grid-template-columns: auto auto; }
  .nav { display: none; }
  .hero-content,
  .section-hero,
  .bird-hero,
  .content-columns { grid-template-columns: 1fr; }
  .grid-sections { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .grid-dogs,
  .gallery-grid,
  .facts-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
  .container { width: min(var(--container), calc(100% - 20px - var(--safe-left) - var(--safe-right))); }
  .site-header { padding-top: max(6px, calc(var(--safe-top) * .55)); }
  .header-inner {
    min-height: 74px;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
  }
  .logo img { height: 38px; }
  .theme-switch { min-width: 148px; }
  .theme-switch-btn { min-height: 36px; font-size: 13px; }
  .hero-home { min-height: auto; }
  .hero-content { padding: calc(78px + var(--safe-top)) 0 68px; }
  .hero-copy h1 { font-size: clamp(34px, 12vw, 56px); }
  .hero-actions, .cta-actions, .section-head { align-items: stretch; }
  .btn, .nav-cta, .search-form .btn-primary { width: 100%; }
  .search-form { grid-template-columns: 1fr; }
  .section-head { flex-direction: column; }
  .page-section { padding: 48px 0; }
  .search-hero h1, .section-head h2, .content-block h2 { font-size: clamp(28px, 8.8vw, 40px); }
  .hero-copy h1, .page-section h1 { font-size: clamp(34px, 11vw, 50px); line-height: .96; }
  .grid-sections,
  .grid-dogs,
  .gallery-grid,
  .facts-grid,
  .content-columns { grid-template-columns: 1fr; }
  .search-hero, .search-panel, .content-block, .section-hero, .bird-hero, .cta-panel { padding: 22px; }
  .card-section { min-height: 208px; }
  .bird-info-chip { min-width: unset; width: 100%; }
  .footer-inner { flex-direction: column; align-items: stretch; }
  .footer-actions { display: grid; gap: 10px; }
  .mobile-bar { display: grid; }
  body { padding-bottom: calc(116px + var(--safe-bottom)); }
}

@media (max-width: 420px) {
  .mobile-bar-item, .mobile-bar-link { min-height: 72px; padding-inline: 6px; }
  .mobile-bar-label { font-size: 11px; }
  .mobile-menu-sheet { bottom: calc(100px + var(--safe-bottom)); }
}

/* Animated bird covers */
.card-dog-image,
.dog-hero-media {
  position: relative;
  overflow: hidden;
}

.dog-card-poster,
.dog-card-video,
.bird-hero-video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.card-dog-image .dog-card-poster {
  position: relative;
  z-index: 1;
  opacity: 1;
  transition: opacity .35s ease;
}

.card-dog-image .dog-card-video {
  position: absolute;
  inset: 0;
  z-index: 2;
  opacity: 0;
  transition: opacity .45s ease;
  pointer-events: none;
}

.card-dog-image.is-video-ready .dog-card-video {
  opacity: 1;
}

.card-dog-image.is-video-ready .dog-card-poster {
  opacity: 0;
}

.dog-hero-media {
  aspect-ratio: 1 / 1;
  border-radius: 32px;
  background:
    radial-gradient(circle at 20% 20%, rgba(90, 225, 255, .18), transparent 35%),
    radial-gradient(circle at 80% 15%, rgba(136, 92, 255, .18), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03));
  box-shadow: 0 18px 60px rgba(9, 20, 48, .22);
}

.dog-hero-media img,
.dog-hero-media video {
  border-radius: 32px;
}

@media (max-width: 767px) {
  .dog-hero-media {
    border-radius: 24px;
  }

  .dog-hero-media img,
  .dog-hero-media video {
    border-radius: 24px;
  }
}
/* =========================
   iPhone / mobile layout fixes
   ========================= */

:root {
  --mobile-header-h: 84px;
  --mobile-bottom-bar-h: 96px;
  --mobile-safe-bottom: calc(env(safe-area-inset-bottom, 0px) + 12px);
  --mobile-content-bottom-offset: calc(var(--mobile-bottom-bar-h) + var(--mobile-safe-bottom) + 24px);
}

html,
body {
  overflow-x: hidden;
}

img,
video {
  max-width: 100%;
  height: auto;
}

.page,
.page-shell,
.site-main,
.container,
.section,
.hero,
.hero-inner,
.dog-page,
.bird-hero,
.bird-layout,
.bird-content,
.search-page,
.search-hero,
.search-results,
.catalog-grid,
.cards-grid {
  min-width: 0;
}

h1,
h2,
h3 {
  text-wrap: balance;
  overflow-wrap: anywhere;
  word-break: normal;
}

@media (max-width: 767px) {
  :root {
    --mobile-header-h: 86px;
    --mobile-bottom-bar-h: 98px;
  }

  html {
    -webkit-text-size-adjust: 100%;
  }

  body {
    overflow-x: hidden;
  }

  .site-header,
  .header,
  .topbar {
    position: sticky;
    top: 0;
    z-index: 60;
    padding-top: max(10px, env(safe-area-inset-top, 0px));
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
  }

  .site-main,
  main {
    padding-bottom: var(--mobile-content-bottom-offset) !important;
  }

  .page,
  .page-shell,
  .container,
  .section,
  .hero,
  .hero-inner,
  .dog-page,
  .bird-hero,
  .bird-layout,
  .bird-content,
  .search-page,
  .search-hero,
  .search-results {
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
  }

  .container,
  .hero-inner,
  .bird-layout,
  .search-hero,
  .search-results,
  .section-inner {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .hero,
  .search-hero,
  .bird-hero,
  .page-hero {
    padding-top: 18px !important;
    margin-top: 0 !important;
  }

  .bird-hero,
  .bird-layout {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .dog-hero-media,
  .bird-hero-image,
  .bird-hero-image-premium {
    width: 100%;
    max-width: 100%;
    aspect-ratio: 1 / 1;
    min-height: 0;
    max-height: min(72vw, 420px);
    border-radius: 24px;
    overflow: hidden;
  }

  .dog-hero-media img,
  .dog-hero-media video,
  .bird-hero-image img,
  .bird-hero-image video,
  .bird-hero-image-premium img,
  .bird-hero-image-premium video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .bird-card,
  .card,
  .card-dog,
  .section-card,
  .gallery-card {
    min-width: 0;
    max-width: 100%;
  }

  .card-dog-image,
  .dog-card-image {
    aspect-ratio: 1 / 1;
    overflow: hidden;
  }

  .card-dog-image img,
  .card-dog-image video,
  .dog-card-image img,
  .dog-card-image video {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .search-form,
  .search-box,
  .search-panel {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 14px;
    border-radius: 22px;
  }

  .search-form input,
  .search-box input,
  .search-panel input {
    width: 100%;
    min-width: 0;
  }

  .search-form .btn,
  .search-box .btn,
  .search-panel .btn,
  .search-form button,
  .search-box button,
  .search-panel button {
    width: 100%;
    min-height: 54px;
  }

  .catalog-grid,
  .cards-grid,
  .dogs-grid,
  .sections-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .site-bottom-bar,
  .mobile-bottom-bar,
  .bottom-bar {
    position: fixed;
    left: 12px;
    right: 12px;
    bottom: max(10px, env(safe-area-inset-bottom, 0px));
    z-index: 90;
    height: auto;
    min-height: 88px;
    padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0px));
    border-radius: 28px;
    background: rgba(20, 28, 46, 0.62);
    backdrop-filter: blur(24px) saturate(140%);
    -webkit-backdrop-filter: blur(24px) saturate(140%);
    box-shadow:
      0 10px 40px rgba(0, 0, 0, 0.28),
      inset 0 1px 0 rgba(255,255,255,0.12);
    border: 1px solid rgba(255,255,255,0.12);
  }

  .site-bottom-bar__inner,
  .mobile-bottom-bar__inner,
  .bottom-bar__inner {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    align-items: stretch;
  }

  .site-bottom-bar__item,
  .mobile-bottom-bar__item,
  .bottom-bar__item,
  .bottom-nav__link,
  .bottom-nav__button {
    min-width: 0;
    min-height: 72px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border-radius: 22px;
    padding: 10px 8px;
    text-align: center;
  }

  .site-bottom-bar__item svg,
  .mobile-bottom-bar__item svg,
  .bottom-bar__item svg,
  .bottom-nav__link svg,
  .bottom-nav__button svg {
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
  }

  .site-bottom-bar__item span,
  .mobile-bottom-bar__item span,
  .bottom-bar__item span,
  .bottom-nav__link span,
  .bottom-nav__button span {
    font-size: 12px;
    line-height: 1.15;
    white-space: nowrap;
  }

  .bottom-bar__menu,
  .mobile-bottom-bar__menu,
  .site-bottom-bar__menu {
    position: absolute;
    left: 0;
    right: 0;
    bottom: calc(100% + 10px);
    padding: 10px;
    border-radius: 22px;
    background: rgba(16, 22, 38, 0.82);
    backdrop-filter: blur(22px);
    -webkit-backdrop-filter: blur(22px);
    border: 1px solid rgba(255,255,255,.1);
    box-shadow: 0 12px 36px rgba(0,0,0,.28);
  }

  .bottom-bar__menu a,
  .mobile-bottom-bar__menu a,
  .site-bottom-bar__menu a {
    display: flex;
    align-items: center;
    min-height: 44px;
    padding: 10px 12px;
    border-radius: 14px;
  }

  .hero h1,
  .search-hero h1,
  .dog-page h1,
  .bird-hero h1,
  h1 {
    font-size: clamp(34px, 7vw, 44px);
    line-height: 0.98;
    letter-spacing: -0.03em;
    margin-bottom: 12px;
  }

  .hero h2,
  .search-hero h2,
  .dog-page h2,
  .bird-hero h2,
  h2 {
    font-size: clamp(26px, 5.8vw, 34px);
    line-height: 1.02;
    letter-spacing: -0.02em;
  }

  .hero p,
  .search-hero p,
  .dog-page p,
  .bird-hero p {
    font-size: 16px;
    line-height: 1.45;
  }
}

@media (max-width: 430px) {
  .container,
  .hero-inner,
  .bird-layout,
  .search-hero,
  .search-results,
  .section-inner {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .site-bottom-bar,
  .mobile-bottom-bar,
  .bottom-bar {
    left: 8px;
    right: 8px;
    border-radius: 24px;
  }

  .site-bottom-bar__item,
  .mobile-bottom-bar__item,
  .bottom-bar__item,
  .bottom-nav__link,
  .bottom-nav__button {
    min-height: 68px;
    padding: 8px 6px;
    border-radius: 18px;
  }

  .site-bottom-bar__item span,
  .mobile-bottom-bar__item span,
  .bottom-bar__item span,
  .bottom-nav__link span,
  .bottom-nav__button span {
    font-size: 11px;
  }

  .dog-hero-media,
  .bird-hero-image,
  .bird-hero-image-premium {
    max-height: min(78vw, 400px);
  }
}

/* Header CTA ticket */
.nav-cta--ticket {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 52px;
  padding: 0 22px;
  border-radius: 999px;
  font-weight: 800;
  letter-spacing: -0.01em;
  color: #ffffff !important;
  background: linear-gradient(135deg, #00c2ff 0%, #27d7c7 40%, #6f59ff 100%);
  box-shadow:
    0 10px 28px rgba(63, 122, 255, 0.25),
    0 0 0 1px rgba(255,255,255,0.14) inset,
    0 0 24px rgba(39, 215, 199, 0.26);
  transition: transform .18s ease, filter .18s ease, box-shadow .18s ease;
}

.nav-cta--ticket:hover {
  transform: translateY(-1px);
  filter: saturate(1.06) brightness(1.03);
  box-shadow:
    0 14px 34px rgba(63, 122, 255, 0.32),
    0 0 0 1px rgba(255,255,255,0.18) inset,
    0 0 32px rgba(39, 215, 199, 0.32);
}

.nav-cta--ticket .btn-ticket__icon {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
}

[data-theme="light"] .nav-cta--ticket {
  color: #fff !important;
  background: linear-gradient(135deg, #00afe8 0%, #22cdbd 42%, #6c56ff 100%);
}

[data-theme="dark"] .nav-cta--ticket {
  color: #f8fdff !important;
  background: linear-gradient(135deg, #34e28f 0%, #37c7ff 48%, #6a63ff 100%);
}

@media (max-width: 767px) {
  .nav-cta--ticket {
    min-height: 46px;
    padding: 0 16px;
    gap: 8px;
    font-size: 15px;
  }

  .nav-cta--ticket .btn-ticket__icon {
    width: 16px;
    height: 16px;
    flex-basis: 16px;
  }
}

/* Catalog badge spacing */
.section-badge,
.badge-section,
.eyebrow,
.page-label,
.catalog-label {
  margin-top: 18px;
}

@media (max-width: 767px) {
  .section-badge,
  .badge-section,
  .eyebrow,
  .page-label,
  .catalog-label {
    margin-top: 14px;
  }
}

/* Theme switcher: only light / dark */
.theme-toggle,
.theme-switch,
.theme-picker {
  grid-template-columns: repeat(2, 1fr);
}

.theme-toggle > *:empty,
.theme-switch > *:empty,
.theme-picker > *:empty {
  display: none !important;
}

/* Theme switcher monochrome SVG */
.theme-switch__icon,
.theme-toggle__icon,
.theme-picker__icon {
  width: 18px;
  height: 18px;
  display: block;
  flex: 0 0 18px;
  color: currentColor;
  opacity: 0.96;
}

.theme-toggle button,
.theme-switch button,
.theme-picker button,
.theme-toggle__button,
.theme-switch__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
}

[data-theme="light"] .theme-switch__icon,
[data-theme="light"] .theme-toggle__icon,
[data-theme="light"] .theme-picker__icon {
  color: #f2a100;
}

[data-theme="dark"] .theme-switch__icon,
[data-theme="dark"] .theme-toggle__icon,
[data-theme="dark"] .theme-picker__icon {
  color: #f4f7ff;
}

.theme-toggle [aria-pressed="true"] .theme-switch__icon,
.theme-switch [aria-pressed="true"] .theme-switch__icon,
.theme-picker [aria-pressed="true"] .theme-switch__icon,
.theme-toggle .is-active .theme-switch__icon,
.theme-switch .is-active .theme-switch__icon {
  transform: scale(1.02);
}

@media (max-width: 767px) {
  .theme-switch__icon,
  .theme-toggle__icon,
  .theme-picker__icon {
    width: 17px;
    height: 17px;
    flex-basis: 17px;
  }
}

/* Strict monochrome theme icons */
[data-theme="light"] .theme-switch__icon,
[data-theme="dark"] .theme-switch__icon {
  color: rgba(255,255,255,.92);
}

body:not([data-theme="dark"]) .theme-switch__icon {
  color: #25324a;
}

/* Theme switcher: fixed 2-state geometry */
.theme-toggle,
.theme-switch,
.theme-picker,
.header-theme-toggle {
  position: relative;
  display: inline-grid !important;
  grid-template-columns: repeat(2, 44px) !important;
  grid-auto-columns: 44px !important;
  gap: 0 !important;
  align-items: center;
  justify-items: center;
  width: 100px !important;
  min-width: 100px !important;
  height: 56px !important;
  padding: 6px !important;
  border-radius: 999px !important;
  box-sizing: border-box;
  overflow: hidden;
}

.theme-toggle > *,
.theme-switch > *,
.theme-picker > *,
.header-theme-toggle > * {
  min-width: 0;
}

.theme-toggle button,
.theme-switch button,
.theme-picker button,
.header-theme-toggle button,
.theme-toggle__button,
.theme-switch__button,
.theme-picker__button {
  position: relative;
  z-index: 2;
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

.theme-toggle button span:empty,
.theme-switch button span:empty,
.theme-picker button span:empty,
.header-theme-toggle button span:empty {
  display: none !important;
}

.theme-switch__icon,
.theme-toggle__icon,
.theme-picker__icon {
  width: 18px !important;
  height: 18px !important;
  flex: 0 0 18px !important;
}

/* Active pill */
.theme-toggle::before,
.theme-switch::before,
.theme-picker::before,
.header-theme-toggle::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 6px;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(72,230,172,.95), rgba(74,198,255,.95));
  box-shadow:
    0 8px 24px rgba(58, 208, 201, 0.24),
    0 0 0 1px rgba(255,255,255,0.10) inset;
  transition: transform .24s ease;
  z-index: 1;
}

/* Move active pill to second position if second button is active */
.theme-toggle[data-theme-active="dark"]::before,
.theme-switch[data-theme-active="dark"]::before,
.theme-picker[data-theme-active="dark"]::before,
.header-theme-toggle[data-theme-active="dark"]::before {
  transform: translateX(44px);
}

/* Fallback if active state is marked on second child */
.theme-toggle:has(> :nth-child(2)[aria-pressed="true"])::before,
.theme-switch:has(> :nth-child(2)[aria-pressed="true"])::before,
.theme-picker:has(> :nth-child(2)[aria-pressed="true"])::before,
.header-theme-toggle:has(> :nth-child(2)[aria-pressed="true"])::before,
.theme-toggle:has(> :nth-child(2).is-active)::before,
.theme-switch:has(> :nth-child(2).is-active)::before,
.theme-picker:has(> :nth-child(2).is-active)::before,
.header-theme-toggle:has(> :nth-child(2).is-active)::before {
  transform: translateX(44px);
}

@media (max-width: 767px) {
  .theme-toggle,
  .theme-switch,
  .theme-picker,
  .header-theme-toggle {
    width: 92px !important;
    min-width: 92px !important;
    height: 52px !important;
    padding: 5px !important;
  }

  .theme-toggle button,
  .theme-switch button,
  .theme-picker button,
  .header-theme-toggle button,
  .theme-toggle__button,
  .theme-switch__button,
  .theme-picker__button {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
  }

  .theme-toggle::before,
  .theme-switch::before,
  .theme-picker::before,
  .header-theme-toggle::before {
    top: 5px;
    left: 5px;
    width: 40px;
    height: 40px;
  }

  .theme-toggle:has(> :nth-child(2)[aria-pressed="true"])::before,
  .theme-switch:has(> :nth-child(2)[aria-pressed="true"])::before,
  .theme-picker:has(> :nth-child(2)[aria-pressed="true"])::before,
  .header-theme-toggle:has(> :nth-child(2)[aria-pressed="true"])::before,
  .theme-toggle:has(> :nth-child(2).is-active)::before,
  .theme-switch:has(> :nth-child(2).is-active)::before,
  .theme-picker:has(> :nth-child(2).is-active)::before,
  .header-theme-toggle:has(> :nth-child(2).is-active)::before {
    transform: translateX(40px);
  }
}

/* =========================================
   FINAL THEME SWITCH OVERRIDE
   ========================================= */

.header-tools .theme-switch {
  position: relative;
  display: grid !important;
  grid-template-columns: repeat(2, 44px) !important;
  align-items: center;
  justify-items: center;
  gap: 0 !important;
  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important;
  height: 56px !important;
  min-height: 56px !important;
  padding: 6px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  background: rgba(255,255,255,0.04) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.03);
  overflow: hidden;
  box-sizing: border-box;
}

[data-theme="light"] .header-tools .theme-switch {
  background: rgba(255,255,255,0.6) !important;
  border-color: rgba(19, 36, 64, 0.1) !important;
}

[data-theme="dark"] .header-tools .theme-switch {
  background: rgba(7, 18, 36, 0.44) !important;
  border-color: rgba(255,255,255,0.08) !important;
}

.header-tools .theme-switch::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 6px;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: linear-gradient(135deg, #4ee28f 0%, #45caff 100%);
  box-shadow:
    0 8px 20px rgba(48, 214, 196, 0.28),
    0 0 0 1px rgba(255,255,255,0.14) inset;
  transition: transform .24s ease;
  z-index: 0;
}

.header-tools .theme-switch:has(.theme-switch-btn[data-theme-value="dark"].is-active)::before,
.header-tools .theme-switch:has(.theme-switch-btn[data-theme-value="dark"][aria-pressed="true"])::before {
  transform: translateX(44px);
}

.header-tools .theme-switch-btn {
  position: relative;
  z-index: 1;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  max-width: 44px !important;
  max-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  appearance: none;
  cursor: pointer;
  box-shadow: none !important;
  transform: none !important;
}

.header-tools .theme-switch__icon {
  width: 18px !important;
  height: 18px !important;
  display: block;
  flex: 0 0 18px;
}

[data-theme="light"] .header-tools .theme-switch-btn {
  color: #33425f;
}

[data-theme="dark"] .header-tools .theme-switch-btn {
  color: rgba(255,255,255,0.82);
}

.header-tools .theme-switch-btn.is-active {
  color: #ffffff !important;
}

@media (max-width: 767px) {
  .header-tools .theme-switch {
    width: 92px !important;
    min-width: 92px !important;
    max-width: 92px !important;
    height: 52px !important;
    min-height: 52px !important;
    padding: 5px !important;
  }

  .header-tools .theme-switch::before {
    top: 5px;
    left: 5px;
    width: 40px;
    height: 40px;
  }

  .header-tools .theme-switch:has(.theme-switch-btn[data-theme-value="dark"].is-active)::before,
  .header-tools .theme-switch:has(.theme-switch-btn[data-theme-value="dark"][aria-pressed="true"])::before {
    transform: translateX(40px);
  }

  .header-tools .theme-switch-btn {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    max-width: 40px !important;
    max-height: 40px !important;
  }

  .header-tools .theme-switch__icon {
    width: 17px !important;
    height: 17px !important;
    flex-basis: 17px;
  }
}

/* =========================================
   FINAL THEME SWITCH OVERRIDE
   ========================================= */

.header-tools .theme-switch {
  position: relative;
  display: grid !important;
  grid-template-columns: repeat(2, 44px) !important;
  align-items: center;
  justify-items: center;
  gap: 0 !important;
  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important;
  height: 56px !important;
  min-height: 56px !important;
  padding: 6px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  background: rgba(255,255,255,0.04) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.03);
  overflow: hidden;
  box-sizing: border-box;
}

[data-theme="light"] .header-tools .theme-switch {
  background: rgba(255,255,255,0.6) !important;
  border-color: rgba(19, 36, 64, 0.1) !important;
}

[data-theme="dark"] .header-tools .theme-switch {
  background: rgba(7, 18, 36, 0.44) !important;
  border-color: rgba(255,255,255,0.08) !important;
}

.header-tools .theme-switch::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 6px;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: linear-gradient(135deg, #4ee28f 0%, #45caff 100%);
  box-shadow:
    0 8px 20px rgba(48, 214, 196, 0.28),
    0 0 0 1px rgba(255,255,255,0.14) inset;
  transition: transform .24s ease;
  z-index: 0;
}

.header-tools .theme-switch:has(.theme-switch-btn[data-theme-value="dark"].is-active)::before,
.header-tools .theme-switch:has(.theme-switch-btn[data-theme-value="dark"][aria-pressed="true"])::before {
  transform: translateX(44px);
}

.header-tools .theme-switch-btn {
  position: relative;
  z-index: 1;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  max-width: 44px !important;
  max-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  appearance: none;
  cursor: pointer;
  box-shadow: none !important;
  transform: none !important;
}

.header-tools .theme-switch__icon {
  width: 18px !important;
  height: 18px !important;
  display: block;
  flex: 0 0 18px;
}

[data-theme="light"] .header-tools .theme-switch-btn {
  color: #33425f;
}

[data-theme="dark"] .header-tools .theme-switch-btn {
  color: rgba(255,255,255,0.82);
}

.header-tools .theme-switch-btn.is-active {
  color: #ffffff !important;
}

@media (max-width: 767px) {
  .header-tools .theme-switch {
    width: 92px !important;
    min-width: 92px !important;
    max-width: 92px !important;
    height: 52px !important;
    min-height: 52px !important;
    padding: 5px !important;
  }

  .header-tools .theme-switch::before {
    top: 5px;
    left: 5px;
    width: 40px;
    height: 40px;
  }

  .header-tools .theme-switch:has(.theme-switch-btn[data-theme-value="dark"].is-active)::before,
  .header-tools .theme-switch:has(.theme-switch-btn[data-theme-value="dark"][aria-pressed="true"])::before {
    transform: translateX(40px);
  }

  .header-tools .theme-switch-btn {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    max-width: 40px !important;
    max-height: 40px !important;
  }

  .header-tools .theme-switch__icon {
    width: 17px !important;
    height: 17px !important;
    flex-basis: 17px;
  }
}

/* Search live results layering fix */
.search-page,
.search-hero,
.search-shell,
.search-section {
  position: relative;
  z-index: 1;
}

.search-form,
.search-box,
.search-panel,
.search-live-wrap,
.search-input-wrap {
  position: relative;
  z-index: 30;
  overflow: visible !important;
}

.js-live-search,
.live-search,
.search-live,
.search-results-dropdown,
.search-suggest,
.search-suggestions {
  position: absolute !important;
  top: calc(100% + 10px);
  left: 0;
  right: 0;
  z-index: 200 !important;
  overflow: hidden;
}

.popular-sections,
.popular-grid,
.popular-block,
.search-popular,
.search-popular-sections {
  position: relative;
  z-index: 1 !important;
}

/* If results are rendered as regular block instead of absolute */
.js-live-search:not(:empty),
.live-search:not(:empty),
.search-live:not(:empty),
.search-results-dropdown:not(:empty),
.search-suggest:not(:empty),
.search-suggestions:not(:empty) {
  box-shadow: 0 18px 48px rgba(9, 20, 48, 0.18);
}

@media (max-width: 767px) {
  .js-live-search,
  .live-search,
  .search-live,
  .search-results-dropdown,
  .search-suggest,
  .search-suggestions {
    top: calc(100% + 8px);
    z-index: 250 !important;
  }
}

/* Compact header theme switch */
.header-tools {
  display: flex;
  align-items: center;
  gap: 14px;
}

.header-tools .theme-switch {
  position: relative;
  display: grid !important;
  grid-template-columns: repeat(2, 40px) !important;
  align-items: center;
  justify-items: center;
  gap: 0 !important;
  width: 90px !important;
  min-width: 90px !important;
  max-width: 90px !important;
  height: 48px !important;
  min-height: 48px !important;
  padding: 4px !important;
  border-radius: 999px !important;
  box-sizing: border-box;
  overflow: hidden;
  border: 1px solid rgba(21, 42, 73, 0.10) !important;
  background: rgba(255,255,255,0.58) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.35),
    0 4px 18px rgba(17, 37, 68, .06);
}

[data-theme="dark"] .header-tools .theme-switch {
  background: rgba(9, 20, 39, 0.42) !important;
  border-color: rgba(255,255,255,0.10) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 6px 22px rgba(0,0,0,.18);
}

.header-tools .theme-switch::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 40px;
  height: 40px;
  border-radius: 999px;
  background: linear-gradient(135deg, #4be18f 0%, #43c9ff 100%);
  box-shadow:
    0 8px 20px rgba(50, 210, 193, .22),
    inset 0 1px 0 rgba(255,255,255,.22);
  transition: transform .22s ease;
  z-index: 0;
}

.header-tools .theme-switch:has(.theme-switch-btn[data-theme-value="dark"].is-active)::before,
.header-tools .theme-switch:has(.theme-switch-btn[data-theme-value="dark"][aria-pressed="true"])::before {
  transform: translateX(40px);
}

.header-tools .theme-switch-btn {
  position: relative;
  z-index: 1;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  max-width: 40px !important;
  max-height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  box-shadow: none !important;
}

.header-tools .theme-switch__icon {
  width: 17px !important;
  height: 17px !important;
  flex: 0 0 17px !important;
}

[data-theme="light"] .header-tools .theme-switch-btn {
  color: #33425f;
}

[data-theme="dark"] .header-tools .theme-switch-btn {
  color: rgba(255,255,255,.82);
}

.header-tools .theme-switch-btn.is-active {
  color: #fff !important;
}

@media (max-width: 767px) {
  .header-tools .theme-switch {
    width: 86px !important;
    min-width: 86px !important;
    max-width: 86px !important;
    height: 46px !important;
    min-height: 46px !important;
  }

  .header-tools .theme-switch::before {
    width: 38px;
    height: 38px;
  }

  .header-tools .theme-switch:has(.theme-switch-btn[data-theme-value="dark"].is-active)::before,
  .header-tools .theme-switch:has(.theme-switch-btn[data-theme-value="dark"][aria-pressed="true"])::before {
    transform: translateX(38px);
  }

  .header-tools .theme-switch-btn {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    max-width: 38px !important;
    max-height: 38px !important;
  }

  .header-tools .theme-switch__icon {
    width: 16px !important;
    height: 16px !important;
    flex-basis: 16px !important;
  }
}

/* Compact header theme switch */
.header-tools {
  display: flex;
  align-items: center;
  gap: 14px;
}

.header-tools .theme-switch {
  position: relative;
  display: grid !important;
  grid-template-columns: repeat(2, 40px) !important;
  align-items: center;
  justify-items: center;
  gap: 0 !important;
  width: 90px !important;
  min-width: 90px !important;
  max-width: 90px !important;
  height: 48px !important;
  min-height: 48px !important;
  padding: 4px !important;
  border-radius: 999px !important;
  box-sizing: border-box;
  overflow: hidden;
  border: 1px solid rgba(21, 42, 73, 0.10) !important;
  background: rgba(255,255,255,0.58) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.35),
    0 4px 18px rgba(17, 37, 68, .06);
}

[data-theme="dark"] .header-tools .theme-switch {
  background: rgba(9, 20, 39, 0.42) !important;
  border-color: rgba(255,255,255,0.10) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 6px 22px rgba(0,0,0,.18);
}

.header-tools .theme-switch::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 40px;
  height: 40px;
  border-radius: 999px;
  background: linear-gradient(135deg, #4be18f 0%, #43c9ff 100%);
  box-shadow:
    0 8px 20px rgba(50, 210, 193, .22),
    inset 0 1px 0 rgba(255,255,255,.22);
  transition: transform .22s ease;
  z-index: 0;
}

.header-tools .theme-switch:has(.theme-switch-btn[data-theme-value="dark"].is-active)::before,
.header-tools .theme-switch:has(.theme-switch-btn[data-theme-value="dark"][aria-pressed="true"])::before {
  transform: translateX(40px);
}

.header-tools .theme-switch-btn {
  position: relative;
  z-index: 1;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  max-width: 40px !important;
  max-height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  box-shadow: none !important;
}

.header-tools .theme-switch__icon {
  width: 17px !important;
  height: 17px !important;
  flex: 0 0 17px !important;
}

[data-theme="light"] .header-tools .theme-switch-btn {
  color: #33425f;
}

[data-theme="dark"] .header-tools .theme-switch-btn {
  color: rgba(255,255,255,.82);
}

.header-tools .theme-switch-btn.is-active {
  color: #fff !important;
}

@media (max-width: 767px) {
  .header-tools .theme-switch {
    width: 86px !important;
    min-width: 86px !important;
    max-width: 86px !important;
    height: 46px !important;
    min-height: 46px !important;
  }

  .header-tools .theme-switch::before {
    width: 38px;
    height: 38px;
  }

  .header-tools .theme-switch:has(.theme-switch-btn[data-theme-value="dark"].is-active)::before,
  .header-tools .theme-switch:has(.theme-switch-btn[data-theme-value="dark"][aria-pressed="true"])::before {
    transform: translateX(38px);
  }

  .header-tools .theme-switch-btn {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    max-width: 38px !important;
    max-height: 38px !important;
  }

  .header-tools .theme-switch__icon {
    width: 16px !important;
    height: 16px !important;
    flex-basis: 16px !important;
  }
}

/* Bird card video observer polish */
.card-dog-image,
.dog-card-image,
.js-dog-card-media {
  position: relative;
  overflow: hidden;
}

.dog-card-poster {
  opacity: 1;
  transition: opacity .32s ease;
  will-change: opacity;
}

.dog-card-video {
  opacity: 0;
  transition: opacity .42s ease;
  will-change: opacity;
}

.js-dog-card-media.is-video-ready .dog-card-poster {
  opacity: 0;
}

.js-dog-card-media.is-video-ready .dog-card-video {
  opacity: 1;
}

/* =========================================
   CONTENT RHYTHM / INTERNAL PAGE SPACING
   ========================================= */

:root {
  --page-section-gap: 28px;
  --badge-gap-after: 14px;
  --heading-gap-after: 18px;
  --text-gap-after: 22px;
  --card-grid-gap: 18px;
}

/* Common container rhythm */
.page-hero,
.search-hero,
.section-hero,
.bird-hero,
.hero-panel,
.content-panel {
  margin-bottom: 28px;
}

.search-page .container,
.section-page .container,
.dog-page .container,
.page .container {
  display: block;
}

/* Eyebrow / badge spacing */
.eyebrow,
.page-label,
.catalog-label,
.section-badge,
.badge-section,
.hero-badge,
.hero-chip {
  display: inline-flex;
  align-items: center;
  margin-bottom: var(--badge-gap-after) !important;
}

/* Fix specific "Каталог" badge sticking */
.catalog-label,
.section-page .catalog-label,
.section-page .eyebrow,
.section-page .page-label,
.section-page .section-badge {
  margin-top: 20px !important;
  margin-bottom: 14px !important;
}

/* Headings */
.hero h1,
.search-hero h1,
.section-hero h1,
.bird-hero h1,
.page h1 {
  margin-top: 0;
  margin-bottom: var(--heading-gap-after) !important;
  text-wrap: balance;
  letter-spacing: -0.035em;
}

.hero h2,
.search-hero h2,
.section-hero h2,
.bird-hero h2,
.page h2 {
  margin-top: 0;
  margin-bottom: 14px !important;
  text-wrap: balance;
  letter-spacing: -0.025em;
}

/* Lead paragraphs */
.hero p,
.search-hero p,
.section-hero p,
.bird-hero p,
.page-lead,
.hero-lead,
.search-lead,
.section-lead {
  margin-top: 0;
  margin-bottom: var(--text-gap-after) !important;
  max-width: 58ch;
  line-height: 1.5;
}

/* CTA groups */
.hero-actions,
.search-actions,
.section-actions,
.bird-actions,
.cta-group,
.btn-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Stat cards / meta chips */
.hero-stats,
.section-stats,
.bird-meta,
.meta-row,
.meta-chips {
  margin-top: 0 !important;
}

.hero-stat-card,
.meta-chip,
.info-chip {
  align-self: start;
}

/* Section grids */
.catalog-grid,
.cards-grid,
.dogs-grid,
.sections-grid,
.popular-grid {
  gap: var(--card-grid-gap) !important;
}

/* Keep sections visually separated */
.search-results,
.popular-sections,
.section-catalog,
.bird-details,
.bird-gallery,
.related-dogs {
  margin-top: 0;
  margin-bottom: 30px;
}

/* Card title rhythm */
.card-dog h3,
.bird-card h3,
.card h3 {
  margin-top: 0;
  margin-bottom: 8px;
  line-height: 1.06;
  text-wrap: balance;
}

.card-dog p,
.bird-card p,
.card p {
  margin-top: 0;
}

/* Desktop refinement */
@media (min-width: 768px) {
  .search-hero,
  .section-hero,
  .bird-hero {
    padding-top: 34px;
    padding-bottom: 34px;
  }

  .section-page .catalog-label,
  .section-page .eyebrow,
  .section-page .page-label,
  .section-page .section-badge {
    margin-top: 24px !important;
  }
}

/* Mobile rhythm */
@media (max-width: 767px) {
  :root {
    --page-section-gap: 22px;
    --badge-gap-after: 12px;
    --heading-gap-after: 14px;
    --text-gap-after: 18px;
    --card-grid-gap: 14px;
  }

  .page-hero,
  .search-hero,
  .section-hero,
  .bird-hero,
  .hero-panel,
  .content-panel {
    margin-bottom: 22px;
  }

  .catalog-label,
  .section-page .catalog-label,
  .section-page .eyebrow,
  .section-page .page-label,
  .section-page .section-badge {
    margin-top: 16px !important;
    margin-bottom: 12px !important;
  }

  .hero h1,
  .search-hero h1,
  .section-hero h1,
  .bird-hero h1,
  .page h1 {
    margin-bottom: 12px !important;
  }

  .hero h2,
  .search-hero h2,
  .section-hero h2,
  .bird-hero h2,
  .page h2 {
    margin-bottom: 10px !important;
  }

  .hero p,
  .search-hero p,
  .section-hero p,
  .bird-hero p,
  .page-lead,
  .hero-lead,
  .search-lead,
  .section-lead {
    margin-bottom: 16px !important;
    max-width: 100%;
  }

  .hero-actions,
  .search-actions,
  .section-actions,
  .bird-actions,
  .cta-group,
  .btn-row {
    gap: 10px;
  }

  .search-results,
  .popular-sections,
  .section-catalog,
  .bird-details,
  .bird-gallery,
  .related-dogs {
    margin-bottom: 24px;
  }
}

/* Search page upgrade */
.search-quick-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 14px 0 0;
}

.search-chip {
  min-height: 38px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(86, 145, 199, .18);
  background: rgba(255,255,255,.58);
  color: #22324c;
  font-weight: 700;
  cursor: pointer;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.search-chip:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(18, 36, 68, .08);
  border-color: rgba(65, 198, 243, .35);
}

[data-theme="dark"] .search-chip {
  background: rgba(10, 24, 46, .62);
  color: rgba(255,255,255,.9);
  border-color: rgba(104, 164, 255, .14);
}

.search-popular-queries {
  margin: 18px 0 20px;
}

.search-popular-queries__list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
}

.search-popular-queries__list a {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0 14px;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 700;
  background: rgba(255,255,255,.52);
  color: #22324c;
  border: 1px solid rgba(86, 145, 199, .16);
}

[data-theme="dark"] .search-popular-queries__list a {
  background: rgba(9, 24, 45, .62);
  color: rgba(255,255,255,.92);
  border-color: rgba(104, 164, 255, .12);
}

.search-empty-state {
  margin: 24px 0 28px;
  padding: 26px;
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(255,255,255,.82), rgba(255,255,255,.68));
  border: 1px solid rgba(90, 127, 182, .12);
  box-shadow: 0 10px 32px rgba(18, 36, 68, .08);
}

[data-theme="dark"] .search-empty-state {
  background: linear-gradient(180deg, rgba(8, 24, 49,.72), rgba(9, 24, 45,.84));
  border: 1px solid rgba(120, 166, 255, .10);
  box-shadow: 0 14px 36px rgba(0,0,0,.18);
}

.search-empty-state h2 {
  margin: 0 0 12px;
}

.search-empty-state p {
  margin: 0 0 14px;
  line-height: 1.55;
}

.live-search-more {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 16px;
  font-weight: 800;
  text-decoration: none;
  color: #1a3152;
  border-top: 1px solid rgba(86, 145, 199, .12);
  background: rgba(255,255,255,.7);
}

[data-theme="dark"] .live-search-more {
  color: rgba(255,255,255,.9);
  background: rgba(9, 24, 45, .84);
  border-top-color: rgba(104, 164, 255, .10);
}

@media (max-width: 767px) {
  .search-quick-chips,
  .search-popular-queries__list {
    gap: 8px;
  }

  .search-chip,
  .search-popular-queries__list a {
    min-height: 34px;
    padding: 0 12px;
    font-size: 13px;
  }

  .search-empty-state {
    padding: 20px;
    border-radius: 22px;
  }
}

/* Search dropdown polish */
.search-form,
.search-box,
.search-panel,
.search-live-wrap,
.search-input-wrap {
  position: relative;
}

.search-quick-chips {
  position: relative;
  z-index: 1;
}

.js-live-search,
.live-search,
.search-live,
.search-results-dropdown,
.search-suggest,
.search-suggestions {
  position: absolute !important;
  top: calc(100% + 10px);
  left: 0;
  right: 0;
  z-index: 120 !important;
  border-radius: 22px;
  overflow: hidden;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 18px 46px rgba(12, 24, 48, 0.14);
}

.js-live-search > *,
.live-search > *,
.search-live > *,
.search-results-dropdown > *,
.search-suggest > *,
.search-suggestions > * {
  position: relative;
  z-index: 1;
}

.js-live-search a,
.live-search a,
.search-live a,
.search-results-dropdown a,
.search-suggest a,
.search-suggestions a {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 72px;
  padding: 14px 18px;
}

.js-live-search a + a,
.live-search a + a,
.search-live a + a,
.search-results-dropdown a + a,
.search-suggest a + a,
.search-suggestions a + a {
  border-top: 1px solid rgba(86, 145, 199, .08);
}

/* compact empty state inside dropdown */
.js-live-search:has(> :only-child),
.live-search:has(> :only-child),
.search-live:has(> :only-child),
.search-results-dropdown:has(> :only-child),
.search-suggest:has(> :only-child),
.search-suggestions:has(> :only-child) {
  min-height: 68px;
}

.js-live-search:has(> :only-child) a,
.live-search:has(> :only-child) a,
.search-live:has(> :only-child) a,
.search-results-dropdown:has(> :only-child) a,
.search-suggest:has(> :only-child) a,
.search-suggestions:has(> :only-child) a {
  min-height: 68px;
  padding: 16px 20px;
}

/* chips visually separated from dropdown */
.search-quick-chips {
  margin-top: 16px;
  padding-top: 4px;
}

@media (max-width: 767px) {
  .js-live-search,
  .live-search,
  .search-live,
  .search-results-dropdown,
  .search-suggest,
  .search-suggestions {
    top: calc(100% + 8px);
    border-radius: 18px;
  }

  .js-live-search a,
  .live-search a,
  .search-live a,
  .search-results-dropdown a,
  .search-suggest a,
  .search-suggestions a {
    min-height: 64px;
    padding: 12px 14px;
    gap: 12px;
  }

  .search-quick-chips {
    margin-top: 14px;
  }
}

/* Search page spacing fix */
.search-panel,
.search-box,
.search-form-wrap,
.search-live-wrap {
  margin-bottom: 22px;
}

.search-popular-queries {
  margin-bottom: 22px !important;
}

.popular-sections,
.search-popular,
.search-popular-sections {
  margin-top: 22px !important;
}

@media (max-width: 767px) {
  .search-panel,
  .search-box,
  .search-form-wrap,
  .search-live-wrap {
    margin-bottom: 18px;
  }

  .search-popular-queries {
    margin-bottom: 18px !important;
  }

  .popular-sections,
  .search-popular,
  .search-popular-sections {
    margin-top: 18px !important;
  }
}


/* NAV_AND_SEARCH_UX_POLISH */
body.is-mobile-menu-open { overflow: hidden; touch-action: none; }
.nav a.is-active { color: var(--text); }
.nav a[aria-current="page"]::after { content: ""; display: block; width: 100%; height: 2px; margin-top: 6px; border-radius: 999px; background: linear-gradient(135deg, var(--brand), var(--brand-2)); }
.mobile-menu-link.is-active, .mobile-bar-link.is-active { border-color: color-mix(in srgb, var(--brand) 30%, var(--line)); background: color-mix(in srgb, var(--brand) 10%, var(--surface-tint)); }
.mobile-menu-link.is-active .mobile-menu-link-icon, .mobile-bar-link.is-active .mobile-bar-icon { color: var(--brand); }
.mobile-bar-item[aria-expanded="true"] { background: color-mix(in srgb, var(--brand) 10%, var(--surface-tint)); }
.live-search { max-height: min(420px, 58vh); overflow: auto; overscroll-behavior: contain; }
.live-search-item.is-active { background: color-mix(in srgb, var(--brand) 12%, var(--surface-tint)); }
.search-query-meta { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-top: 14px; }
.search-query-chip { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 14px; border-radius: 999px; border: 1px solid var(--line); background: color-mix(in srgb, var(--surface-tint) 88%, transparent); color: var(--muted); }
.search-query-chip strong { color: var(--text); }
.search-reset-link { color: var(--brand); font-weight: 800; }
.search-results-caption { margin: 10px 0 0; color: var(--muted); }
@media (max-width: 767px) { .search-query-meta { align-items: stretch; } .search-reset-link { display: inline-flex; min-height: 42px; align-items: center; } .nav a[aria-current="page"]::after { display: none; } }


.page-404 .error-block{max-width:820px;margin-inline:auto;text-align:left}.page-404 .hero-actions{margin-top:1.25rem;display:flex;gap:.75rem;flex-wrap:wrap}

/* --- Content UX polish: bird + section pages --- */
.dog-anchor-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 22px 0 26px;
}

.dog-anchor-nav a {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(86,145,199,.16);
  box-shadow: 0 8px 24px rgba(24,39,75,.06);
  font-weight: 700;
  text-decoration: none;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.dog-anchor-nav a:hover,
.dog-anchor-nav a:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(86,145,199,.34);
  box-shadow: 0 12px 28px rgba(24,39,75,.1);
}

.content-block-readable p {
  max-width: 78ch;
  line-height: 1.72;
}

.section-quick-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 22px 0 10px;
}

.dog-bottom-cta,
.section-bottom-cta {
  margin-top: 30px;
}

.cta-panel-inline {
  align-items: center;
}

html {
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

@media (max-width: 767px) {
  .dog-anchor-nav {
    gap: 8px;
    margin: 18px 0 22px;
    overflow-x: auto;
    flex-wrap: nowrap;
    padding-bottom: 4px;
    -webkit-overflow-scrolling: touch;
  }

  .dog-anchor-nav a {
    flex: 0 0 auto;
    min-height: 40px;
    padding: 9px 12px;
    white-space: nowrap;
  }

  .section-quick-actions {
    margin: 18px 0 8px;
  }

  .content-block-readable p {
    max-width: none;
    line-height: 1.68;
  }
}

[data-theme="dark"] .dog-anchor-nav a,
.theme-dark .dog-anchor-nav a,
body.dark .dog-anchor-nav a {
  background: rgba(19, 28, 45, .78);
  border-color: rgba(132, 173, 214, .2);
  box-shadow: 0 10px 28px rgba(0,0,0,.22);
}


/* --- Internal page mobile polish / sticky anchors / bottom spacing --- */
:root {
  --bottom-bar-safe-gap: 112px;
}

.dog-page .page-shell,
.dog-page .dog-page-shell,
.section-page .page-shell,
.search-page .page-shell {
  padding-bottom: calc(var(--bottom-bar-safe-gap) + env(safe-area-inset-bottom, 0px));
}

.dog-anchor-nav {
  position: sticky;
  top: calc(var(--header-height, 72px) + 10px);
  z-index: 18;
  margin-top: 18px;
  margin-bottom: 22px;
  padding: 8px 0 10px;
  background: linear-gradient(180deg, rgba(7,17,34,.92) 0%, rgba(7,17,34,.82) 72%, rgba(7,17,34,0) 100%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.dog-anchor-nav::after {
  content: "";
  flex: 0 0 10px;
}

.dog-anchor-nav a {
  scroll-margin-top: 110px;
}

.bird-facts,
.bird-meta,
.bird-quick-meta,
.bird-meta-grid {
  scroll-margin-top: 120px;
}

.bird-hero,
.bird-card-hero,
.bird-detail-hero {
  gap: 28px;
}

.bird-hero .cta-actions,
.bird-card-hero .cta-actions,
.bird-detail-hero .cta-actions {
  gap: 12px;
}

.bird-meta-grid,
.bird-quick-meta,
.bird-meta {
  gap: 14px;
}

.bird-meta-grid > *,
.bird-quick-meta > *,
.bird-meta > * {
  min-width: 0;
}

.bird-facts-grid,
.quick-facts-grid,
.facts-grid {
  gap: 18px;
}

.dog-bottom-cta,
.section-bottom-cta {
  margin-bottom: 18px;
}

.bottom-bar,
.mobile-bottom-bar,
.bottom-nav,
.sticky-bottom-bar {
  padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px));
}

@media (max-width: 767px) {
  :root {
    --bottom-bar-safe-gap: 126px;
  }

  .bird-hero,
  .bird-card-hero,
  .bird-detail-hero {
    gap: 18px;
  }

  .dog-anchor-nav {
    position: sticky;
    top: calc(var(--header-height, 64px) + 8px);
    z-index: 20;
    margin-top: 14px;
    margin-bottom: 18px;
    margin-left: -2px;
    margin-right: -2px;
    padding: 6px 0 8px;
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap;
    scrollbar-width: none;
    -ms-overflow-style: none;
    scroll-padding-left: 0;
    scroll-snap-type: x proximity;
  }

  .dog-anchor-nav::-webkit-scrollbar {
    display: none;
  }

  .dog-anchor-nav::before,
  .dog-anchor-nav::after {
    content: "";
    flex: 0 0 2px;
  }

  .dog-anchor-nav a {
    flex: 0 0 auto;
    white-space: nowrap;
    scroll-snap-align: start;
  }

  .bird-meta-grid,
  .bird-quick-meta,
  .bird-meta {
    grid-template-columns: 1fr !important;
    gap: 12px;
  }

  .bird-meta-grid > *,
  .bird-quick-meta > *,
  .bird-meta > * {
    padding: 16px 18px;
    border-radius: 24px;
  }

  .bird-facts-grid,
  .quick-facts-grid,
  .facts-grid {
    grid-template-columns: 1fr !important;
    gap: 14px;
  }

  .dog-bottom-cta,
  .section-bottom-cta {
    margin-top: 24px;
    margin-bottom: 8px;
  }

  .cta-panel-inline {
    gap: 14px;
  }

  .cta-panel-inline .cta-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    width: 100%;
  }

  .cta-panel-inline .cta-actions .btn {
    width: 100%;
    justify-content: center;
  }
}

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

@media (max-width: 767px) {
  html {
    scroll-padding-top: 94px;
  }
}

.dog-anchor-nav a.is-active {
  border-color: rgba(89, 234, 196, .42);
  box-shadow: 0 0 0 1px rgba(89, 234, 196, .16), 0 12px 28px rgba(0,0,0,.16);
  transform: translateY(-1px);
}

[data-theme="dark"] .dog-anchor-nav a.is-active,
.theme-dark .dog-anchor-nav a.is-active,
body.dark .dog-anchor-nav a.is-active {
  background: rgba(21, 38, 64, .96);
}


/* --- Internal header / breadcrumbs / hero refinement --- */
.breadcrumbs,
.breadcrumbs-wrap,
.page-breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
  margin: 0;
  padding: 18px 0 14px;
  font-size: 14px;
  line-height: 1.45;
  opacity: .92;
}

.breadcrumbs a,
.breadcrumbs-wrap a,
.page-breadcrumbs a {
  text-decoration: none;
  transition: opacity .18s ease, color .18s ease;
}

.breadcrumbs a:hover,
.breadcrumbs a:focus-visible,
.breadcrumbs-wrap a:hover,
.breadcrumbs-wrap a:focus-visible,
.page-breadcrumbs a:hover,
.page-breadcrumbs a:focus-visible {
  opacity: 1;
}

.breadcrumbs .separator,
.breadcrumbs-wrap .separator,
.page-breadcrumbs .separator {
  opacity: .46;
}

.bird-hero,
.bird-card-hero,
.bird-detail-hero {
  align-items: center;
}

.bird-hero__content,
.bird-card-hero__content,
.bird-detail-hero__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.bird-hero__title,
.bird-card-hero__title,
.bird-detail-hero__title,
.bird-title,
.hero-title {
  text-wrap: balance;
}

.bird-hero__chips,
.bird-card-hero__chips,
.bird-detail-hero__chips,
.hero-tags,
.hero-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.bird-hero__actions,
.bird-card-hero__actions,
.bird-detail-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.bird-hero__media,
.bird-card-hero__media,
.bird-detail-hero__media,
.hero-media {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bird-hero__media img,
.bird-card-hero__media img,
.bird-detail-hero__media img,
.hero-media img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

@media (min-width: 768px) {
  .breadcrumbs,
  .breadcrumbs-wrap,
  .page-breadcrumbs {
    padding-top: 20px;
    padding-bottom: 16px;
  }
}

@media (max-width: 767px) {
  .breadcrumbs,
  .breadcrumbs-wrap,
  .page-breadcrumbs {
    gap: 6px 8px;
    padding: 12px 0 10px;
    font-size: 13px;
    line-height: 1.35;
  }

  .bird-hero,
  .bird-card-hero,
  .bird-detail-hero {
    gap: 14px !important;
    padding-top: 16px;
  }

  .bird-hero__content,
  .bird-card-hero__content,
  .bird-detail-hero__content {
    gap: 10px;
  }

  .bird-hero__title,
  .bird-card-hero__title,
  .bird-detail-hero__title,
  .bird-title,
  .hero-title {
    margin-bottom: 0;
    line-height: .96;
  }

  .bird-hero__chips,
  .bird-card-hero__chips,
  .bird-detail-hero__chips,
  .hero-tags,
  .hero-chips {
    gap: 8px;
  }

  .bird-hero__actions,
  .bird-card-hero__actions,
  .bird-detail-hero__actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    width: 100%;
  }

  .bird-hero__actions .btn,
  .bird-card-hero__actions .btn,
  .bird-detail-hero__actions .btn,
  .hero-actions .btn {
    width: 100%;
    justify-content: center;
  }

  .bird-hero__media,
  .bird-card-hero__media,
  .bird-detail-hero__media,
  .hero-media {
    margin-top: 2px;
  }

  .bird-hero__media img,
  .bird-card-hero__media img,
  .bird-detail-hero__media img,
  .hero-media img {
    max-height: 340px;
  }
}

@media (max-width: 420px) {
  .breadcrumbs,
  .breadcrumbs-wrap,
  .page-breadcrumbs {
    font-size: 12px;
    gap: 5px 7px;
  }

  .bird-hero__media img,
  .bird-card-hero__media img,
  .bird-detail-hero__media img,
  .hero-media img {
    max-height: 300px;
  }
}



/* --- Bird meta compact mobile --- */
@media (max-width: 767px) {
  .bird-meta-grid > *,
  .bird-quick-meta > *,
  .bird-meta > * {
    min-height: unset !important;
  }

  .bird-meta-grid .label,
  .bird-quick-meta .label,
  .bird-meta .label,
  .bird-meta-grid .meta-label,
  .bird-quick-meta .meta-label,
  .bird-meta .meta-label {
    margin-bottom: 6px;
    font-size: 12px;
    letter-spacing: .08em;
  }

  .bird-meta-grid .value,
  .bird-quick-meta .value,
  .bird-meta .value,
  .bird-meta-grid .meta-value,
  .bird-quick-meta .meta-value,
  .bird-meta .meta-value {
    line-height: 1.2;
  }
}


/* --- Light theme fixes for internal bird pages --- */
[data-theme="light"] .dog-anchor-nav,
.theme-light .dog-anchor-nav,
body.light .dog-anchor-nav,
body:not(.dark):not(.theme-dark) .dog-anchor-nav {
  background: linear-gradient(180deg, rgba(239,243,251,.96) 0%, rgba(239,243,251,.88) 76%, rgba(239,243,251,0) 100%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

[data-theme="light"] .dog-anchor-nav a,
.theme-light .dog-anchor-nav a,
body.light .dog-anchor-nav a,
body:not(.dark):not(.theme-dark) .dog-anchor-nav a {
  background: rgba(255,255,255,.9);
  color: #1f2a44;
  border: 1px solid rgba(120, 138, 168, .22);
  box-shadow: 0 10px 24px rgba(58, 76, 114, .10);
}

[data-theme="light"] .dog-anchor-nav a:hover,
[data-theme="light"] .dog-anchor-nav a:focus-visible,
.theme-light .dog-anchor-nav a:hover,
.theme-light .dog-anchor-nav a:focus-visible,
body.light .dog-anchor-nav a:hover,
body.light .dog-anchor-nav a:focus-visible,
body:not(.dark):not(.theme-dark) .dog-anchor-nav a:hover,
body:not(.dark):not(.theme-dark) .dog-anchor-nav a:focus-visible {
  border-color: rgba(84, 213, 190, .38);
  box-shadow: 0 12px 28px rgba(58, 76, 114, .14);
}

[data-theme="light"] .dog-anchor-nav a.is-active,
.theme-light .dog-anchor-nav a.is-active,
body.light .dog-anchor-nav a.is-active,
body:not(.dark):not(.theme-dark) .dog-anchor-nav a.is-active {
  background: linear-gradient(135deg, rgba(112,224,191,.22), rgba(123,121,240,.18));
  color: #1b2740;
  border-color: rgba(84, 213, 190, .42);
  box-shadow: 0 0 0 1px rgba(84, 213, 190, .16), 0 12px 28px rgba(58, 76, 114, .14);
}

[data-theme="light"] .bird-meta-grid > *,
[data-theme="light"] .bird-quick-meta > *,
[data-theme="light"] .bird-meta > *,
.theme-light .bird-meta-grid > *,
.theme-light .bird-quick-meta > *,
.theme-light .bird-meta > *,
body.light .bird-meta-grid > *,
body.light .bird-quick-meta > *,
body.light .bird-meta > *,
body:not(.dark):not(.theme-dark) .bird-meta-grid > *,
body:not(.dark):not(.theme-dark) .bird-quick-meta > *,
body:not(.dark):not(.theme-dark) .bird-meta > * {
  background: rgba(255,255,255,.72);
  border-color: rgba(120, 138, 168, .18);
}

[data-theme="light"] .bird-facts-grid > *,
[data-theme="light"] .quick-facts-grid > *,
[data-theme="light"] .facts-grid > *,
.theme-light .bird-facts-grid > *,
.theme-light .quick-facts-grid > *,
.theme-light .facts-grid > *,
body.light .bird-facts-grid > *,
body.light .quick-facts-grid > *,
body.light .facts-grid > *,
body:not(.dark):not(.theme-dark) .bird-facts-grid > *,
body:not(.dark):not(.theme-dark) .quick-facts-grid > *,
body:not(.dark):not(.theme-dark) .facts-grid > * {
  background: rgba(255,255,255,.74);
  border-color: rgba(120, 138, 168, .16);
  box-shadow: 0 10px 24px rgba(58, 76, 114, .08);
}

@media (max-width: 767px) {
  [data-theme="light"] .dog-anchor-nav,
  .theme-light .dog-anchor-nav,
  body.light .dog-anchor-nav,
  body:not(.dark):not(.theme-dark) .dog-anchor-nav {
    margin-left: 0;
    margin-right: 0;
    padding-left: 2px;
    padding-right: 2px;
  }
}


/* --- Fix dark theme regression + square bird hero --- */

/* 1:1 media frame for bird hero */
.bird-hero__media,
.bird-card-hero__media,
.bird-detail-hero__media,
.hero-media,
.dog-hero-media,
.bird-card-media,
.bird-detail-media {
  aspect-ratio: 1 / 1;
  min-height: 0;
}

.bird-hero__media picture,
.bird-card-hero__media picture,
.bird-detail-hero__media picture,
.hero-media picture,
.dog-hero-media picture,
.bird-card-media picture,
.bird-detail-media picture,
.bird-hero__media a,
.bird-card-hero__media a,
.bird-detail-hero__media a,
.hero-media a,
.dog-hero-media a,
.bird-card-media a,
.bird-detail-media a {
  display: flex;
  width: 100%;
  height: 100%;
}

.bird-hero__media img,
.bird-card-hero__media img,
.bird-detail-hero__media img,
.hero-media img,
.dog-hero-media img,
.bird-card-media img,
.bird-detail-media img {
  width: 100%;
  height: 100%;
  object-fit: contain !important;
  object-position: center center !important;
}

@media (max-width: 767px) {
  .bird-hero__media,
  .bird-card-hero__media,
  .bird-detail-hero__media,
  .hero-media,
  .dog-hero-media,
  .bird-card-media,
  .bird-detail-media {
    aspect-ratio: 1 / 1;
  }

  .bird-hero__media img,
  .bird-card-hero__media img,
  .bird-detail-hero__media img,
  .hero-media img,
  .dog-hero-media img,
  .bird-card-media img,
  .bird-detail-media img {
    max-height: none !important;
  }
}

/* explicit dark theme restore */
[data-theme="dark"] .dog-anchor-nav,
.theme-dark .dog-anchor-nav,
body.dark .dog-anchor-nav {
  background: linear-gradient(180deg, rgba(7,17,34,.92) 0%, rgba(7,17,34,.82) 72%, rgba(7,17,34,0) 100%) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

[data-theme="dark"] .dog-anchor-nav a,
.theme-dark .dog-anchor-nav a,
body.dark .dog-anchor-nav a {
  background: rgba(19, 28, 45, .82) !important;
  color: #f4f7ff !important;
  border: 1px solid rgba(132, 173, 214, .22) !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.22) !important;
}

[data-theme="dark"] .dog-anchor-nav a:hover,
[data-theme="dark"] .dog-anchor-nav a:focus-visible,
.theme-dark .dog-anchor-nav a:hover,
.theme-dark .dog-anchor-nav a:focus-visible,
body.dark .dog-anchor-nav a:hover,
body.dark .dog-anchor-nav a:focus-visible {
  border-color: rgba(89, 234, 196, .34) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.28) !important;
}

[data-theme="dark"] .dog-anchor-nav a.is-active,
.theme-dark .dog-anchor-nav a.is-active,
body.dark .dog-anchor-nav a.is-active {
  background: rgba(21, 38, 64, .96) !important;
  color: #f8fbff !important;
  border-color: rgba(89, 234, 196, .42) !important;
  box-shadow: 0 0 0 1px rgba(89, 234, 196, .16), 0 12px 28px rgba(0,0,0,.22) !important;
}

/* dark theme facts/meta cards */
[data-theme="dark"] .bird-meta-grid > *,
[data-theme="dark"] .bird-quick-meta > *,
[data-theme="dark"] .bird-meta > *,
.theme-dark .bird-meta-grid > *,
.theme-dark .bird-quick-meta > *,
.theme-dark .bird-meta > *,
body.dark .bird-meta-grid > *,
body.dark .bird-quick-meta > *,
body.dark .bird-meta > * {
  background: rgba(10, 31, 61, .92) !important;
  border-color: rgba(130, 167, 207, .16) !important;
  color: #f4f7ff !important;
}

[data-theme="dark"] .bird-facts-grid > *,
[data-theme="dark"] .quick-facts-grid > *,
[data-theme="dark"] .facts-grid > *,
.theme-dark .bird-facts-grid > *,
.theme-dark .quick-facts-grid > *,
.theme-dark .facts-grid > *,
body.dark .bird-facts-grid > *,
body.dark .quick-facts-grid > *,
body.dark .facts-grid > * {
  background: rgba(10, 31, 61, .9) !important;
  border-color: rgba(130, 167, 207, .14) !important;
  color: #f4f7ff !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.18) !important;
}

[data-theme="dark"] .bird-facts-grid .label,
[data-theme="dark"] .quick-facts-grid .label,
[data-theme="dark"] .facts-grid .label,
[data-theme="dark"] .bird-facts-grid .meta-label,
[data-theme="dark"] .quick-facts-grid .meta-label,
[data-theme="dark"] .facts-grid .meta-label,
.theme-dark .bird-facts-grid .label,
.theme-dark .quick-facts-grid .label,
.theme-dark .facts-grid .label,
.theme-dark .bird-facts-grid .meta-label,
.theme-dark .quick-facts-grid .meta-label,
.theme-dark .facts-grid .meta-label,
body.dark .bird-facts-grid .label,
body.dark .quick-facts-grid .label,
body.dark .facts-grid .label,
body.dark .bird-facts-grid .meta-label,
body.dark .quick-facts-grid .meta-label,
body.dark .facts-grid .meta-label {
  color: rgba(206, 220, 245, .72) !important;
}

[data-theme="dark"] .bird-facts-grid .value,
[data-theme="dark"] .quick-facts-grid .value,
[data-theme="dark"] .facts-grid .value,
[data-theme="dark"] .bird-facts-grid .meta-value,
[data-theme="dark"] .quick-facts-grid .meta-value,
[data-theme="dark"] .facts-grid .meta-value,
.theme-dark .bird-facts-grid .value,
.theme-dark .quick-facts-grid .value,
.theme-dark .facts-grid .value,
.theme-dark .bird-facts-grid .meta-value,
.theme-dark .quick-facts-grid .meta-value,
.theme-dark .facts-grid .meta-value,
body.dark .bird-facts-grid .value,
body.dark .quick-facts-grid .value,
body.dark .facts-grid .value,
body.dark .bird-facts-grid .meta-value,
body.dark .quick-facts-grid .meta-value,
body.dark .facts-grid .meta-value {
  color: #f8fbff !important;
}


/* --- Mobile 2-column grid for aviary sections/cards --- */
@media (max-width: 767px) {
  .sections-grid,
  .section-grid,
  .catalog-grid,
  .categories-grid,
  .tiles-grid,
  .cards-grid,
  .dogs-grid,
  .bird-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    align-items: stretch;
  }

  .sections-grid > *,
  .section-grid > *,
  .catalog-grid > *,
  .categories-grid > *,
  .tiles-grid > *,
  .cards-grid > *,
  .dogs-grid > *,
  .bird-grid > * {
    min-width: 0;
  }

  .section-card,
  .category-card,
  .catalog-card,
  .bird-card,
  .tile-card,
  .aviary-card,
  .section-tile,
  .bird-tile {
    height: 100%;
    min-height: 100%;
    border-radius: 22px;
    overflow: hidden;
  }

  .section-card__media,
  .category-card__media,
  .catalog-card__media,
  .bird-card__media,
  .tile-card__media,
  .aviary-card__media,
  .section-tile__media,
  .bird-tile__media,
  .section-card .card-media,
  .bird-card .card-media {
    aspect-ratio: 1 / 1;
    min-height: 0;
  }

  .section-card__media img,
  .category-card__media img,
  .catalog-card__media img,
  .bird-card__media img,
  .tile-card__media img,
  .aviary-card__media img,
  .section-tile__media img,
  .bird-tile__media img,
  .section-card .card-media img,
  .bird-card .card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
  }

  .section-card__body,
  .category-card__body,
  .catalog-card__body,
  .bird-card__body,
  .tile-card__body,
  .aviary-card__body,
  .section-tile__body,
  .bird-tile__body,
  .section-card .card-body,
  .bird-card .card-body {
    padding: 12px 12px 14px;
  }

  .section-card__title,
  .category-card__title,
  .catalog-card__title,
  .bird-card__title,
  .tile-card__title,
  .aviary-card__title,
  .section-tile__title,
  .bird-tile__title,
  .section-card .card-title,
  .bird-card .card-title {
    font-size: 16px;
    line-height: 1.12;
    margin-bottom: 6px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-wrap: balance;
  }

  .section-card__desc,
  .category-card__desc,
  .catalog-card__desc,
  .bird-card__desc,
  .tile-card__desc,
  .aviary-card__desc,
  .section-tile__desc,
  .bird-tile__desc,
  .section-card .card-desc,
  .bird-card .card-desc {
    font-size: 13px;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .section-card__actions,
  .category-card__actions,
  .catalog-card__actions,
  .bird-card__actions,
  .tile-card__actions,
  .aviary-card__actions,
  .section-tile__actions,
  .bird-tile__actions,
  .section-card .card-actions,
  .bird-card .card-actions {
    margin-top: 10px;
  }

  .section-card .btn,
  .category-card .btn,
  .catalog-card .btn,
  .bird-card .btn,
  .tile-card .btn,
  .aviary-card .btn,
  .section-tile .btn,
  .bird-tile .btn {
    min-height: 40px;
    padding: 10px 12px;
    font-size: 14px;
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 380px) {
  .sections-grid,
  .section-grid,
  .catalog-grid,
  .categories-grid,
  .tiles-grid,
  .cards-grid,
  .dogs-grid,
  .bird-grid {
    grid-template-columns: 1fr !important;
  }
}


/* --- Precise mobile 2-column layout for section/listing grids --- */
@media (max-width: 767px) {
  .catalog-grid,
  .cards-grid,
  .sections-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    align-items: stretch;
  }

  .catalog-grid > *,
  .cards-grid > *,
  .sections-grid > * {
    min-width: 0;
  }

  .section-card,
  .catalog-grid > *,
  .cards-grid > *,
  .sections-grid > * {
    height: 100%;
    border-radius: 22px;
  }

  .section-card {
    min-height: 100%;
  }

  .section-card__image,
  .section-card__media,
  .section-card picture,
  .section-card .card-image,
  .section-card .card-media,
  .catalog-grid > * picture,
  .cards-grid > * picture,
  .sections-grid > * picture {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: 20px;
  }

  .section-card__image img,
  .section-card__media img,
  .section-card picture img,
  .section-card .card-image img,
  .section-card .card-media img,
  .catalog-grid > * picture img,
  .cards-grid > * picture img,
  .sections-grid > * picture img,
  .catalog-grid > * > img,
  .cards-grid > * > img,
  .sections-grid > * > img {
    width: 100%;
    height: 100%;
    object-fit: cover !important;
    object-position: center center !important;
    display: block;
  }

  .section-card__body,
  .section-card .card-body,
  .catalog-grid > * .card-body,
  .cards-grid > * .card-body,
  .sections-grid > * .card-body {
    padding: 12px 12px 14px;
  }

  .section-card__title,
  .section-card .card-title,
  .catalog-grid > * .card-title,
  .cards-grid > * .card-title,
  .sections-grid > * .card-title,
  .section-card h3,
  .catalog-grid > * h3,
  .cards-grid > * h3,
  .sections-grid > * h3 {
    font-size: 16px;
    line-height: 1.12;
    margin-bottom: 6px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-wrap: balance;
  }

  .section-card__text,
  .section-card__desc,
  .section-card .card-desc,
  .catalog-grid > * .card-desc,
  .cards-grid > * .card-desc,
  .sections-grid > * .card-desc,
  .section-card p,
  .catalog-grid > * p,
  .cards-grid > * p,
  .sections-grid > * p {
    font-size: 13px;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .section-card .btn,
  .catalog-grid > * .btn,
  .cards-grid > * .btn,
  .sections-grid > * .btn {
    min-height: 40px;
    padding: 10px 12px;
    font-size: 14px;
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 380px) {
  .catalog-grid,
  .cards-grid,
  .sections-grid {
    grid-template-columns: 1fr !important;
  }
}


/* --- iPhone/mobile override: bird cards 2-up in section pages --- */
@media (max-width: 767px) {
  .grid-dogs {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    align-items: stretch;
  }

  .grid-dogs > * {
    min-width: 0;
  }

  .card-dog,
  .card-dog-premium {
    height: 100%;
    border-radius: 22px;
  }

  .card-dog-image,
  .js-dog-card-media {
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: 18px;
  }

  .card-dog-image img,
  .card-dog-image video,
  .js-dog-card-media img,
  .js-dog-card-media video,
  .dog-card-poster,
  .dog-card-video {
    width: 100%;
    height: 100%;
    object-fit: cover !important;
    object-position: center center !important;
    display: block;
  }

  .card-dog-body {
    padding: 12px 12px 14px;
  }

  .card-dog-topline {
    gap: 8px;
    margin-bottom: 6px;
  }

  .card-dog-emoji {
    width: 36px;
    height: 36px;
    border-radius: 12px;
    font-size: 18px;
    flex: 0 0 36px;
  }

  .card-dog-alt {
    font-size: 11px;
    line-height: 1.25;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .card-dog h3 {
    margin: 8px 0 6px;
    font-size: 17px;
    line-height: 1.08;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-wrap: balance;
  }

  .card-dog p {
    font-size: 12px;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .card-dog .card-link {
    margin-top: 10px;
    font-size: 13px;
    line-height: 1.2;
  }
}

@media (max-width: 380px) {
  .grid-dogs {
    grid-template-columns: 1fr !important;
  }
}

/* === aviarium section cards refresh === */

.card-section {
  min-height: 268px;
  padding: 0;
  display: flex;
  align-items: stretch;
  border: 1px solid rgba(15, 23, 42, .08);
  box-shadow: 0 18px 48px rgba(15, 23, 42, .08);
}

.card-section-has-image {
  color: #0f172a;
}

.card-section-media,
.card-section-media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.card-section-media img {
  object-fit: cover;
  object-position: center;
  transform: scale(1.02);
}

.card-section-has-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(255,255,255,.14) 0%, rgba(255,255,255,.03) 24%, rgba(15,23,42,.14) 100%),
    linear-gradient(135deg, rgba(248, 188, 218, .84), rgba(199, 181, 255, .80));
  z-index: 0;
}

.card-section-content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 10px;
  width: 100%;
  min-height: 268px;
  padding: 28px;
}

.card-section .card-badge {
  align-self: flex-start;
  min-height: 38px;
  padding: 0 16px;
  background: rgba(255,255,255,.58);
  border-color: rgba(255,255,255,.32);
  backdrop-filter: blur(8px);
}

.card-section h3 {
  margin: 0;
  max-width: 82%;
  font-size: clamp(28px, 2vw, 40px);
  line-height: .98;
  letter-spacing: -.03em;
}

.card-section p {
  margin: 0;
  font-size: 18px;
  line-height: 1.35;
  color: rgba(15,23,42,.72);
}

.card-section .card-link {
  margin-top: 6px;
  font-size: 18px;
  font-weight: 800;
  color: #0f172a;
}

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

  .card-section,
  .card-section-content {
    min-height: 230px;
  }

  .card-section-content {
    padding: 22px;
  }

  .card-section h3 {
    max-width: 100%;
    font-size: 24px;
  }

  .card-section p,
  .card-section .card-link {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .grid-sections {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .card-section,
  .card-section-content {
    min-height: 190px;
  }

  .card-section {
    border-radius: 22px;
  }

  .card-section-content {
    gap: 8px;
    padding: 16px;
  }

  .card-section .card-badge {
    min-height: 30px;
    padding: 0 10px;
    font-size: 10px;
    letter-spacing: .06em;
  }

  .card-section h3 {
    font-size: 18px;
    line-height: 1.03;
  }

  .card-section p,
  .card-section .card-link {
    font-size: 14px;
  }
}

@media (max-width: 420px) {
  .grid-sections {
    grid-template-columns: 1fr;
  }
}

/* === isolated aviarium home section tiles === */

.aviarium-sections-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.aviarium-section-tile {
  position: relative;
  display: block;
  min-height: 280px;
  border-radius: 28px;
  overflow: hidden;
  text-decoration: none;
  border: 1px solid rgba(15, 23, 42, .08);
  box-shadow: 0 18px 48px rgba(15, 23, 42, .08);
  background: linear-gradient(135deg, #f6b7d5 0%, #c9b2ff 100%);
}

.aviarium-section-tile__media,
.aviarium-section-tile__media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.aviarium-section-tile__media img {
  object-fit: cover;
  object-position: center;
  transform: scale(1.02);
}

.aviarium-section-tile::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(180deg, rgba(255,255,255,.14) 0%, rgba(255,255,255,.03) 24%, rgba(15,23,42,.16) 100%),
    linear-gradient(135deg, rgba(246,183,213,.84), rgba(201,178,255,.80));
}

.aviarium-section-tile__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 12px;
  min-height: 280px;
  padding: 28px;
}

.aviarium-section-tile__badge {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0 16px;
  border-radius: 999px;
  background: rgba(255,255,255,.58);
  border: 1px solid rgba(255,255,255,.34);
  backdrop-filter: blur(8px);
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: #111827;
}

.aviarium-section-tile h3 {
  margin: 0;
  max-width: 85%;
  font-size: clamp(26px, 2vw, 40px);
  line-height: .98;
  letter-spacing: -.03em;
  color: #0f172a;
}

.aviarium-section-tile p {
  margin: 0;
  font-size: 18px;
  line-height: 1.35;
  color: rgba(15,23,42,.72);
}

.aviarium-section-tile__link {
  margin-top: 6px;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 800;
  color: #0f172a;
}

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

  .aviarium-section-tile,
  .aviarium-section-tile__content {
    min-height: 228px;
  }

  .aviarium-section-tile__content {
    padding: 22px;
  }

  .aviarium-section-tile h3 {
    max-width: 100%;
    font-size: 24px;
  }

  .aviarium-section-tile p,
  .aviarium-section-tile__link {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .aviarium-sections-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .aviarium-section-tile,
  .aviarium-section-tile__content {
    min-height: 190px;
  }

  .aviarium-section-tile {
    border-radius: 22px;
  }

  .aviarium-section-tile__content {
    gap: 8px;
    padding: 16px;
  }

  .aviarium-section-tile__badge {
    min-height: 30px;
    padding: 0 10px;
    font-size: 10px;
  }

  .aviarium-section-tile h3 {
    font-size: 18px;
    line-height: 1.03;
  }

  .aviarium-section-tile p,
  .aviarium-section-tile__link {
    font-size: 14px;
  }
}

@media (max-width: 420px) {
  .aviarium-sections-grid {
    grid-template-columns: 1fr;
  }
}

/* === final tile polish === */

.aviarium-section-tile h3 {
  text-wrap: balance;
  text-shadow: 0 1px 1px rgba(255,255,255,.16);
}

.aviarium-section-tile p {
  font-weight: 500;
}

.aviarium-section-tile__content {
  align-items: flex-start;
}

.aviarium-section-tile__link::after {
  content: " →";
}

@media (min-width: 1025px) {
  .aviarium-section-tile__content {
    padding: 30px;
  }
}

@media (max-width: 767px) {
  .aviarium-section-tile h3 {
    text-wrap: pretty;
  }
}

/* === aviarium sections v2 === */

.section-head-aviarium {
  margin-bottom: 22px;
}

.section-subtitle {
  margin: 10px 0 0;
  max-width: 760px;
  font-size: 18px;
  line-height: 1.45;
  color: rgba(15, 23, 42, .70);
}

.aviarium-sections-grid-v2 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

.aviarium-section-card-v2 {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 420px;
  overflow: hidden;
  border-radius: 28px;
  text-decoration: none;
  background: #ffffff;
  border: 1px solid rgba(15, 23, 42, .08);
  box-shadow: 0 18px 48px rgba(15, 23, 42, .10);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.aviarium-section-card-v2:hover {
  transform: translateY(-4px);
  box-shadow: 0 24px 60px rgba(15, 23, 42, .14);
  border-color: rgba(15, 23, 42, .14);
}

.aviarium-section-card-v2__media {
  position: relative;
  min-height: 210px;
  overflow: hidden;
}

.aviarium-section-card-v2__media img,
.aviarium-section-card-v2__media-placeholder {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 210px;
  object-fit: cover;
  object-position: center;
}

.aviarium-section-card-v2__media-placeholder {
  background: linear-gradient(135deg, #f6b7d5 0%, #c9b2ff 100%);
}

.aviarium-section-card-v2__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(15,23,42,.04) 0%, rgba(15,23,42,.18) 100%);
}

.aviarium-section-card-v2__badge {
  position: absolute;
  top: 18px;
  left: 18px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.90);
  backdrop-filter: blur(10px);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: #111827;
}

.aviarium-section-card-v2__body {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: space-between;
  gap: 18px;
  padding: 22px 22px 20px;
}

.aviarium-section-card-v2__body::before {
  content: "";
  position: absolute;
  inset: 0;
  border-top: 1px solid rgba(15,23,42,.05);
  pointer-events: none;
}

.aviarium-section-card-v2__content {
  position: relative;
  z-index: 1;
}

.aviarium-section-card-v2 h3 {
  margin: 0;
  min-height: 82px;
  font-size: 24px;
  line-height: 1.02;
  letter-spacing: -.03em;
  color: #0f172a;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-wrap: balance;
}

.aviarium-section-card-v2__meta {
  margin: 12px 0 0;
  font-size: 17px;
  line-height: 1.35;
  color: rgba(15,23,42,.66);
}

.aviarium-section-card-v2__footer {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: auto;
}

.aviarium-section-card-v2__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 18px;
  border-radius: 14px;
  font-size: 16px;
  font-weight: 800;
  line-height: 1;
  color: #ffffff;
  box-shadow: inset 0 -1px 0 rgba(255,255,255,.12);
}

.aviarium-section-card-v2__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border-radius: 14px;
  background: rgba(15,23,42,.06);
  color: #0f172a;
  font-size: 20px;
  font-weight: 800;
}

/* tones */

.aviarium-tone-1 .aviarium-section-card-v2__button { background: linear-gradient(135deg, #ec4899, #8b5cf6); }
.aviarium-tone-2 .aviarium-section-card-v2__button { background: linear-gradient(135deg, #7c3aed, #3b82f6); }
.aviarium-tone-3 .aviarium-section-card-v2__button { background: linear-gradient(135deg, #06b6d4, #6366f1); }
.aviarium-tone-4 .aviarium-section-card-v2__button { background: linear-gradient(135deg, #22c55e, #14b8a6); }
.aviarium-tone-5 .aviarium-section-card-v2__button { background: linear-gradient(135deg, #f59e0b, #ef4444); }
.aviarium-tone-6 .aviarium-section-card-v2__button { background: linear-gradient(135deg, #a855f7, #ec4899); }

.aviarium-tone-1 .aviarium-section-card-v2__media-placeholder { background: linear-gradient(135deg, #f9a8d4 0%, #c4b5fd 100%); }
.aviarium-tone-2 .aviarium-section-card-v2__media-placeholder { background: linear-gradient(135deg, #c4b5fd 0%, #93c5fd 100%); }
.aviarium-tone-3 .aviarium-section-card-v2__media-placeholder { background: linear-gradient(135deg, #99f6e4 0%, #a5b4fc 100%); }
.aviarium-tone-4 .aviarium-section-card-v2__media-placeholder { background: linear-gradient(135deg, #bbf7d0 0%, #99f6e4 100%); }
.aviarium-tone-5 .aviarium-section-card-v2__media-placeholder { background: linear-gradient(135deg, #fde68a 0%, #fca5a5 100%); }
.aviarium-tone-6 .aviarium-section-card-v2__media-placeholder { background: linear-gradient(135deg, #f5d0fe 0%, #f9a8d4 100%); }

@media (max-width: 1180px) {
  .aviarium-sections-grid-v2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .section-subtitle {
    font-size: 15px;
  }

  .aviarium-sections-grid-v2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }

  .aviarium-section-card-v2 {
    min-height: 320px;
    border-radius: 22px;
  }

  .aviarium-section-card-v2__media,
  .aviarium-section-card-v2__media img,
  .aviarium-section-card-v2__media-placeholder {
    min-height: 145px;
  }

  .aviarium-section-card-v2__badge {
    top: 12px;
    left: 12px;
    min-height: 30px;
    padding: 0 10px;
    font-size: 10px;
  }

  .aviarium-section-card-v2__body {
    gap: 14px;
    padding: 16px 16px 16px;
  }

  .aviarium-section-card-v2 h3 {
    min-height: 56px;
    font-size: 18px;
    line-height: 1.04;
    -webkit-line-clamp: 2;
  }

  .aviarium-section-card-v2__meta {
    margin-top: 8px;
    font-size: 14px;
  }

  .aviarium-section-card-v2__button {
    min-height: 40px;
    padding: 0 12px;
    border-radius: 12px;
    font-size: 14px;
  }

  .aviarium-section-card-v2__arrow {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    font-size: 18px;
  }
}

@media (max-width: 430px) {
  .aviarium-sections-grid-v2 {
    grid-template-columns: 1fr;
  }
}

/* === aviarium sections v3 compact grid === */

.aviarium-sections-grid-v2 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.aviarium-section-card-v2 {
  min-height: 0;
  border-radius: 24px;
}

.aviarium-section-card-v2__media {
  min-height: 0;
  aspect-ratio: 1 / 1;
  background: #eef2f7;
}

.aviarium-section-card-v2__media img,
.aviarium-section-card-v2__media-placeholder {
  min-height: 0;
  height: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  object-position: center;
}

/* если позже будут очень разные форматы 1:1, 4:3, 3:4 —
   квадратная media-zone все нормализует без развала сетки */

.aviarium-section-card-v2__body {
  gap: 14px;
  padding: 16px 16px 16px;
}

.aviarium-section-card-v2 h3 {
  min-height: 54px;
  font-size: 18px;
  line-height: 1.05;
  -webkit-line-clamp: 2;
}

.aviarium-section-card-v2__meta {
  margin-top: 6px;
  font-size: 14px;
  line-height: 1.3;
}

.aviarium-section-card-v2__footer {
  margin-top: auto;
}

.aviarium-section-card-v2__button {
  min-height: 38px;
  padding: 0 14px;
  border-radius: 12px;
  font-size: 14px;
}

.aviarium-section-card-v2__arrow {
  display: none;
}

.aviarium-section-card-v2__badge {
  top: 12px;
  left: 12px;
  min-height: 30px;
  padding: 0 10px;
  font-size: 10px;
}

/* desktop large */
@media (min-width: 1280px) {
  .aviarium-sections-grid-v2 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/* tablet / small desktop */
@media (max-width: 1279px) and (min-width: 768px) {
  .aviarium-sections-grid-v2 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* mobile: always 2 per row */
@media (max-width: 767px) {
  .aviarium-sections-grid-v2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .aviarium-section-card-v2 {
    border-radius: 18px;
  }

  .aviarium-section-card-v2__media {
    aspect-ratio: 1 / 1;
  }

  .aviarium-section-card-v2__body {
    gap: 10px;
    padding: 12px;
  }

  .aviarium-section-card-v2 h3 {
    min-height: 44px;
    font-size: 16px;
    line-height: 1.04;
  }

  .aviarium-section-card-v2__meta {
    font-size: 13px;
  }

  .aviarium-section-card-v2__button {
    width: 100%;
    min-height: 36px;
    padding: 0 10px;
    justify-content: center;
    font-size: 13px;
  }

  .aviarium-section-card-v2__badge {
    min-height: 26px;
    padding: 0 8px;
    font-size: 9px;
  }
}

/* very small phones: still 2 per row, but tighter */
@media (max-width: 390px) {
  .aviarium-sections-grid-v2 {
    gap: 10px;
  }

  .aviarium-section-card-v2__body {
    padding: 10px;
  }

  .aviarium-section-card-v2 h3 {
    font-size: 15px;
  }

  .aviarium-section-card-v2__button {
    font-size: 12px;
  }
}

/* === desktop fixed header === */

@media (min-width: 1024px) {
  .site-header-fixed {
    position: sticky;
    top: 0;
    z-index: 1000;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    background: rgba(255,255,255,.78);
    border-bottom: 1px solid rgba(15,23,42,.08);
  }

  body {
    scroll-padding-top: 92px;
  }
}

/* === aviarium sections dark theme polish === */

@media (prefers-color-scheme: dark) {
  .section-head-aviarium h2 {
    color: #f3f7ff;
  }

  .section-subtitle {
    color: rgba(226,232,240,.72);
  }

  .aviarium-section-card-v2 {
    background: #0f172a;
    border-color: rgba(148,163,184,.18);
    box-shadow: 0 18px 48px rgba(0,0,0,.34);
  }

  .aviarium-section-card-v2:hover {
    border-color: rgba(96,165,250,.28);
    box-shadow: 0 24px 60px rgba(0,0,0,.42);
  }

  .aviarium-section-card-v2__body {
    background:
      linear-gradient(180deg, rgba(15,23,42,.98) 0%, rgba(15,23,42,.96) 100%);
  }

  .aviarium-section-card-v2__body::before {
    border-top-color: rgba(148,163,184,.12);
  }

  .aviarium-section-card-v2 h3 {
    color: #f8fafc;
  }

  .aviarium-section-card-v2__meta {
    color: rgba(226,232,240,.68);
  }

  .aviarium-section-card-v2__badge {
    background: rgba(255,255,255,.92);
    color: #111827;
    border: 1px solid rgba(255,255,255,.22);
  }

  .aviarium-section-card-v2__arrow {
    background: rgba(255,255,255,.08);
    color: #f8fafc;
  }

  .aviarium-tone-1 .aviarium-section-card-v2__button { background: linear-gradient(135deg, #ec4899, #8b5cf6); }
  .aviarium-tone-2 .aviarium-section-card-v2__button { background: linear-gradient(135deg, #7c3aed, #3b82f6); }
  .aviarium-tone-3 .aviarium-section-card-v2__button { background: linear-gradient(135deg, #06b6d4, #6366f1); }
  .aviarium-tone-4 .aviarium-section-card-v2__button { background: linear-gradient(135deg, #22c55e, #14b8a6); }
  .aviarium-tone-5 .aviarium-section-card-v2__button { background: linear-gradient(135deg, #f59e0b, #ef4444); }
  .aviarium-tone-6 .aviarium-section-card-v2__button { background: linear-gradient(135deg, #a855f7, #ec4899); }
}

/* fallback for manual dark theme classes on html/body */
html.dark .section-head-aviarium h2,
body.dark .section-head-aviarium h2,
html[data-theme="dark"] .section-head-aviarium h2,
body[data-theme="dark"] .section-head-aviarium h2 {
  color: #f3f7ff;
}

html.dark .section-subtitle,
body.dark .section-subtitle,
html[data-theme="dark"] .section-subtitle,
body[data-theme="dark"] .section-subtitle {
  color: rgba(226,232,240,.72);
}

html.dark .aviarium-section-card-v2,
body.dark .aviarium-section-card-v2,
html[data-theme="dark"] .aviarium-section-card-v2,
body[data-theme="dark"] .aviarium-section-card-v2 {
  background: #0f172a;
  border-color: rgba(148,163,184,.18);
  box-shadow: 0 18px 48px rgba(0,0,0,.34);
}

html.dark .aviarium-section-card-v2:hover,
body.dark .aviarium-section-card-v2:hover,
html[data-theme="dark"] .aviarium-section-card-v2:hover,
body[data-theme="dark"] .aviarium-section-card-v2:hover {
  border-color: rgba(96,165,250,.28);
  box-shadow: 0 24px 60px rgba(0,0,0,.42);
}

html.dark .aviarium-section-card-v2__body,
body.dark .aviarium-section-card-v2__body,
html[data-theme="dark"] .aviarium-section-card-v2__body,
body[data-theme="dark"] .aviarium-section-card-v2__body {
  background: linear-gradient(180deg, rgba(15,23,42,.98) 0%, rgba(15,23,42,.96) 100%);
}

html.dark .aviarium-section-card-v2__body::before,
body.dark .aviarium-section-card-v2__body::before,
html[data-theme="dark"] .aviarium-section-card-v2__body::before,
body[data-theme="dark"] .aviarium-section-card-v2__body::before {
  border-top-color: rgba(148,163,184,.12);
}

html.dark .aviarium-section-card-v2 h3,
body.dark .aviarium-section-card-v2 h3,
html[data-theme="dark"] .aviarium-section-card-v2 h3,
body[data-theme="dark"] .aviarium-section-card-v2 h3 {
  color: #f8fafc;
}

html.dark .aviarium-section-card-v2__meta,
body.dark .aviarium-section-card-v2__meta,
html[data-theme="dark"] .aviarium-section-card-v2__meta,
body[data-theme="dark"] .aviarium-section-card-v2__meta {
  color: rgba(226,232,240,.68);
}

html.dark .site-header-fixed,
body.dark .site-header-fixed,
html[data-theme="dark"] .site-header-fixed,
body[data-theme="dark"] .site-header-fixed {
  background: rgba(2,6,23,.72);
  border-bottom: 1px solid rgba(148,163,184,.12);
}

@media (min-width: 1024px) {
  html.dark .site-header-fixed,
  body.dark .site-header-fixed,
  html[data-theme="dark"] .site-header-fixed,
  body[data-theme="dark"] .site-header-fixed {
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
  }
}

/* === desktop fixed header hard fix === */

@media (min-width: 1024px) {
  .site-header,
  .site-header-fixed {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1100;
  }

  body {
    padding-top: 88px;
    scroll-padding-top: 96px;
  }
}

/* === header theme refinement === */

@media (min-width: 1024px) {
  .site-header,
  .site-header-fixed {
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    transition: background .2s ease, border-color .2s ease, box-shadow .2s ease;
  }
}

/* light */
html:not(.dark) .site-header,
html:not(.dark) .site-header-fixed,
body:not(.dark) .site-header,
body:not(.dark) .site-header-fixed,
html[data-theme="light"] .site-header,
html[data-theme="light"] .site-header-fixed,
body[data-theme="light"] .site-header,
body[data-theme="light"] .site-header-fixed {
  background: rgba(255,255,255,.88);
  border-bottom: 1px solid rgba(15,23,42,.08);
  box-shadow: 0 6px 20px rgba(15,23,42,.05);
}

/* dark */
html.dark .site-header,
html.dark .site-header-fixed,
body.dark .site-header,
body.dark .site-header-fixed,
html[data-theme="dark"] .site-header,
html[data-theme="dark"] .site-header-fixed,
body[data-theme="dark"] .site-header,
body[data-theme="dark"] .site-header-fixed {
  background: rgba(2,6,23,.72);
  border-bottom: 1px solid rgba(148,163,184,.12);
  box-shadow: 0 10px 30px rgba(0,0,0,.24);
}

/* === aviarium sections light theme refinement === */

html:not(.dark) #sections,
body:not(.dark) #sections,
html[data-theme="light"] #sections,
body[data-theme="light"] #sections {
  background:
    radial-gradient(circle at top right, rgba(96,165,250,.08), transparent 24%),
    radial-gradient(circle at bottom left, rgba(45,212,191,.08), transparent 22%),
    linear-gradient(180deg, #f7fafc 0%, #eef4fb 100%);
}

html:not(.dark) .section-head-aviarium h2,
body:not(.dark) .section-head-aviarium h2,
html[data-theme="light"] .section-head-aviarium h2,
body[data-theme="light"] .section-head-aviarium h2 {
  color: #172033;
}

html:not(.dark) .section-subtitle,
body:not(.dark) .section-subtitle,
html[data-theme="light"] .section-subtitle,
body[data-theme="light"] .section-subtitle {
  color: rgba(23,32,51,.68);
}

html:not(.dark) .aviarium-section-card-v2,
body:not(.dark) .aviarium-section-card-v2,
html[data-theme="light"] .aviarium-section-card-v2,
body[data-theme="light"] .aviarium-section-card-v2 {
  background: rgba(255,255,255,.96);
  border-color: rgba(15,23,42,.08);
  box-shadow: 0 16px 36px rgba(15,23,42,.08);
}

html:not(.dark) .aviarium-section-card-v2__body,
body:not(.dark) .aviarium-section-card-v2__body,
html[data-theme="light"] .aviarium-section-card-v2__body,
body[data-theme="light"] .aviarium-section-card-v2__body {
  background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(248,250,252,.98) 100%);
}

html:not(.dark) .aviarium-section-card-v2 h3,
body:not(.dark) .aviarium-section-card-v2 h3,
html[data-theme="light"] .aviarium-section-card-v2 h3,
body[data-theme="light"] .aviarium-section-card-v2 h3 {
  color: #172033;
}

html:not(.dark) .aviarium-section-card-v2__meta,
body:not(.dark) .aviarium-section-card-v2__meta,
html[data-theme="light"] .aviarium-section-card-v2__meta,
body[data-theme="light"] .aviarium-section-card-v2__meta {
  color: rgba(23,32,51,.60);
}

/* === aviarium sections light theme refinement === */

html:not(.dark) #sections,
body:not(.dark) #sections,
html[data-theme="light"] #sections,
body[data-theme="light"] #sections {
  background:
    radial-gradient(circle at top right, rgba(96,165,250,.08), transparent 24%),
    radial-gradient(circle at bottom left, rgba(45,212,191,.08), transparent 22%),
    linear-gradient(180deg, #f7fafc 0%, #eef4fb 100%);
}

html:not(.dark) .section-head-aviarium h2,
body:not(.dark) .section-head-aviarium h2,
html[data-theme="light"] .section-head-aviarium h2,
body[data-theme="light"] .section-head-aviarium h2 {
  color: #172033;
}

html:not(.dark) .section-subtitle,
body:not(.dark) .section-subtitle,
html[data-theme="light"] .section-subtitle,
body[data-theme="light"] .section-subtitle {
  color: rgba(23,32,51,.68);
}

html:not(.dark) .aviarium-section-card-v2,
body:not(.dark) .aviarium-section-card-v2,
html[data-theme="light"] .aviarium-section-card-v2,
body[data-theme="light"] .aviarium-section-card-v2 {
  background: rgba(255,255,255,.96);
  border-color: rgba(15,23,42,.08);
  box-shadow: 0 16px 36px rgba(15,23,42,.08);
}

html:not(.dark) .aviarium-section-card-v2__body,
body:not(.dark) .aviarium-section-card-v2__body,
html[data-theme="light"] .aviarium-section-card-v2__body,
body[data-theme="light"] .aviarium-section-card-v2__body {
  background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(248,250,252,.98) 100%);
}

html:not(.dark) .aviarium-section-card-v2 h3,
body:not(.dark) .aviarium-section-card-v2 h3,
html[data-theme="light"] .aviarium-section-card-v2 h3,
body[data-theme="light"] .aviarium-section-card-v2 h3 {
  color: #172033;
}

html:not(.dark) .aviarium-section-card-v2__meta,
body:not(.dark) .aviarium-section-card-v2__meta,
html[data-theme="light"] .aviarium-section-card-v2__meta,
body[data-theme="light"] .aviarium-section-card-v2__meta {
  color: rgba(23,32,51,.60);
}

/* === hero light theme refinement === */

html:not(.dark) .hero-home,
body:not(.dark) .hero-home,
html[data-theme="light"] .hero-home,
body[data-theme="light"] .hero-home {
  background:
    radial-gradient(circle at top right, rgba(96,165,250,.14), transparent 28%),
    radial-gradient(circle at bottom left, rgba(45,212,191,.12), transparent 24%),
    linear-gradient(180deg, #f8fbff 0%, #eef4fb 100%);
}

html:not(.dark) .hero-home .hero-overlay,
body:not(.dark) .hero-home .hero-overlay,
html[data-theme="light"] .hero-home .hero-overlay,
body[data-theme="light"] .hero-home .hero-overlay {
  background:
    linear-gradient(90deg, rgba(248,251,255,.88) 0%, rgba(248,251,255,.70) 28%, rgba(238,244,251,.52) 52%, rgba(238,244,251,.30) 100%);
}

html:not(.dark) .hero-home h1,
body:not(.dark) .hero-home h1,
html[data-theme="light"] .hero-home h1,
body[data-theme="light"] .hero-home h1 {
  color: #172033;
}

html:not(.dark) .hero-home p,
body:not(.dark) .hero-home p,
html[data-theme="light"] .hero-home p,
body[data-theme="light"] .hero-home p {
  color: rgba(23,32,51,.84);
}

html:not(.dark) .hero-home .eyebrow,
body:not(.dark) .hero-home .eyebrow,
html[data-theme="light"] .hero-home .eyebrow,
body[data-theme="light"] .hero-home .eyebrow {
  background: rgba(23,32,51,.08);
  color: #172033;
}

html:not(.dark) .hero-stat-card,
body:not(.dark) .hero-stat-card,
html[data-theme="light"] .hero-stat-card,
body[data-theme="light"] .hero-stat-card {
  background: rgba(255,255,255,.82);
  border: 1px solid rgba(15,23,42,.08);
  box-shadow: 0 18px 38px rgba(15,23,42,.08);
}

html:not(.dark) .hero-stat-card strong,
body:not(.dark) .hero-stat-card strong,
html[data-theme="light"] .hero-stat-card strong,
body[data-theme="light"] .hero-stat-card strong {
  color: #172033;
}

html:not(.dark) .hero-stat-card span,
body:not(.dark) .hero-stat-card span,
html[data-theme="light"] .hero-stat-card span,
body[data-theme="light"] .hero-stat-card span {
  color: rgba(23,32,51,.62);
}

/* === v19.1 hero/video and dark navigation refinement === */

/* LIGHT THEME: убираем молочную вуаль с видео */
html:not(.dark) .hero-home .hero-overlay,
body:not(.dark) .hero-home .hero-overlay,
html[data-theme="light"] .hero-home .hero-overlay,
body[data-theme="light"] .hero-home .hero-overlay {
  background: linear-gradient(
    90deg,
    rgba(248,251,255,.18) 0%,
    rgba(248,251,255,.08) 26%,
    rgba(238,244,251,.04) 52%,
    rgba(238,244,251,0) 100%
  );
}

html:not(.dark) .hero-home .hero-media::after,
body:not(.dark) .hero-home .hero-media::after,
html[data-theme="light"] .hero-home .hero-media::after,
body[data-theme="light"] .hero-home .hero-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    rgba(255,255,255,.08) 0%,
    rgba(255,255,255,.02) 35%,
    rgba(255,255,255,0) 70%
  );
  pointer-events: none;
}

/* DARK THEME: возвращаем hero как был по духу — глубокий, контрастный */
html.dark .hero-home,
body.dark .hero-home,
html[data-theme="dark"] .hero-home,
body[data-theme="dark"] .hero-home {
  background:
    radial-gradient(circle at top right, rgba(29,78,216,.18), transparent 26%),
    radial-gradient(circle at bottom center, rgba(139,92,246,.16), transparent 22%),
    linear-gradient(180deg, #020617 0%, #06122b 100%);
}

html.dark .hero-home .hero-overlay,
body.dark .hero-home .hero-overlay,
html[data-theme="dark"] .hero-home .hero-overlay,
body[data-theme="dark"] .hero-home .hero-overlay {
  background:
    linear-gradient(
      90deg,
      rgba(2,6,23,.62) 0%,
      rgba(2,6,23,.42) 28%,
      rgba(2,6,23,.22) 54%,
      rgba(2,6,23,.08) 100%
    );
}

html.dark .hero-home h1,
body.dark .hero-home h1,
html[data-theme="dark"] .hero-home h1,
body[data-theme="dark"] .hero-home h1 {
  color: #f8fafc;
}

html.dark .hero-home p,
body.dark .hero-home p,
html[data-theme="dark"] .hero-home p,
body[data-theme="dark"] .hero-home p {
  color: rgba(226,232,240,.84);
}

html.dark .hero-home .eyebrow,
body.dark .hero-home .eyebrow,
html[data-theme="dark"] .hero-home .eyebrow,
body[data-theme="dark"] .hero-home .eyebrow {
  background: rgba(255,255,255,.10);
  color: #f8fafc;
}

html.dark .hero-stat-card,
body.dark .hero-stat-card,
html[data-theme="dark"] .hero-stat-card,
body[data-theme="dark"] .hero-stat-card {
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(148,163,184,.16);
  box-shadow: 0 18px 38px rgba(0,0,0,.28);
}

html.dark .hero-stat-card strong,
body.dark .hero-stat-card strong,
html[data-theme="dark"] .hero-stat-card strong,
body[data-theme="dark"] .hero-stat-card strong {
  color: #f8fafc;
}

html.dark .hero-stat-card span,
body.dark .hero-stat-card span,
html[data-theme="dark"] .hero-stat-card span,
body[data-theme="dark"] .hero-stat-card span {
  color: rgba(226,232,240,.68);
}

/* DARK THEME: возвращаем секции навигации темный стиль */
html.dark #sections,
body.dark #sections,
html[data-theme="dark"] #sections,
body[data-theme="dark"] #sections {
  background:
    radial-gradient(circle at top right, rgba(29,78,216,.16), transparent 24%),
    radial-gradient(circle at bottom left, rgba(124,58,237,.14), transparent 22%),
    linear-gradient(180deg, #031022 0%, #04152d 100%);
}

html.dark .section-head-aviarium h2,
body.dark .section-head-aviarium h2,
html[data-theme="dark"] .section-head-aviarium h2,
body[data-theme="dark"] .section-head-aviarium h2 {
  color: #f8fafc;
}

html.dark .section-subtitle,
body.dark .section-subtitle,
html[data-theme="dark"] .section-subtitle,
body[data-theme="dark"] .section-subtitle {
  color: rgba(226,232,240,.72);
}

html.dark .section-head-aviarium .eyebrow,
body.dark .section-head-aviarium .eyebrow,
html[data-theme="dark"] .section-head-aviarium .eyebrow,
body[data-theme="dark"] .section-head-aviarium .eyebrow {
  background: rgba(34,197,94,.18);
  color: #86efac;
  border: 1px solid rgba(134,239,172,.14);
}

/* === v19.2 nav cards dark theme hard fix === */

html.dark .aviarium-section-card-v2,
body.dark .aviarium-section-card-v2,
html[data-theme="dark"] .aviarium-section-card-v2,
body[data-theme="dark"] .aviarium-section-card-v2 {
  background: #081225 !important;
  border-color: rgba(148,163,184,.16) !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.34) !important;
}

html.dark .aviarium-section-card-v2__body,
body.dark .aviarium-section-card-v2__body,
html[data-theme="dark"] .aviarium-section-card-v2__body,
body[data-theme="dark"] .aviarium-section-card-v2__body {
  background: linear-gradient(180deg, rgba(8,18,37,.98) 0%, rgba(7,16,32,.98) 100%) !important;
}

html.dark .aviarium-section-card-v2 h3,
body.dark .aviarium-section-card-v2 h3,
html[data-theme="dark"] .aviarium-section-card-v2 h3,
body[data-theme="dark"] .aviarium-section-card-v2 h3 {
  color: #f8fafc !important;
}

html.dark .aviarium-section-card-v2__meta,
body.dark .aviarium-section-card-v2__meta,
html[data-theme="dark"] .aviarium-section-card-v2__meta,
body[data-theme="dark"] .aviarium-section-card-v2__meta {
  color: rgba(226,232,240,.70) !important;
}

/* === v19.2 search popular sections rebuilt === */

.page-section-search-sections {
  padding-top: 8px;
}

.search-sections-head {
  margin-bottom: 18px;
}

.search-sections-head h2 {
  margin: 0;
  font-size: clamp(32px, 3vw, 52px);
  line-height: .98;
  letter-spacing: -.03em;
}

.search-sections-head p {
  margin: 10px 0 0;
  font-size: 18px;
  line-height: 1.45;
}

.search-sections-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.search-section-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 24px;
  text-decoration: none;
  border: 1px solid rgba(15,23,42,.08);
  box-shadow: 0 16px 36px rgba(15,23,42,.08);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.search-section-card:hover {
  transform: translateY(-4px);
}

.search-section-card__media {
  position: relative;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: #eef2f7;
}

.search-section-card__media img,
.search-section-card__placeholder {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.search-section-card__placeholder {
  background: linear-gradient(135deg, #f6b7d5 0%, #c9b2ff 100%);
}

.search-section-card__badge {
  position: absolute;
  top: 12px;
  left: 12px;
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.90);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: #111827;
}

.search-section-card__body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 10px;
  padding: 14px;
}

.search-section-card h3 {
  margin: 0;
  min-height: 42px;
  font-size: 18px;
  line-height: 1.05;
  letter-spacing: -.02em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.search-section-card p {
  margin: 0;
  font-size: 14px;
  line-height: 1.3;
}

.search-section-card__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: 36px;
  margin-top: auto;
  padding: 0 12px;
  border-radius: 12px;
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
}

/* light theme */
html:not(.dark) .search-sections-head h2,
body:not(.dark) .search-sections-head h2,
html[data-theme="light"] .search-sections-head h2,
body[data-theme="light"] .search-sections-head h2 {
  color: #172033;
}

html:not(.dark) .search-sections-head p,
body:not(.dark) .search-sections-head p,
html[data-theme="light"] .search-sections-head p,
body[data-theme="light"] .search-sections-head p {
  color: rgba(23,32,51,.68);
}

html:not(.dark) .search-section-card,
body:not(.dark) .search-section-card,
html[data-theme="light"] .search-section-card,
body[data-theme="light"] .search-section-card {
  background: rgba(255,255,255,.96);
  border-color: rgba(15,23,42,.08);
}

html:not(.dark) .search-section-card h3,
body:not(.dark) .search-section-card h3,
html[data-theme="light"] .search-section-card h3,
body[data-theme="light"] .search-section-card h3 {
  color: #172033;
}

html:not(.dark) .search-section-card p,
body:not(.dark) .search-section-card p,
html[data-theme="light"] .search-section-card p,
body[data-theme="light"] .search-section-card p {
  color: rgba(23,32,51,.60);
}

/* dark theme */
html.dark .search-sections-head h2,
body.dark .search-sections-head h2,
html[data-theme="dark"] .search-sections-head h2,
body[data-theme="dark"] .search-sections-head h2 {
  color: #f8fafc;
}

html.dark .search-sections-head p,
body.dark .search-sections-head p,
html[data-theme="dark"] .search-sections-head p,
body[data-theme="dark"] .search-sections-head p {
  color: rgba(226,232,240,.72);
}

html.dark .search-section-card,
body.dark .search-section-card,
html[data-theme="dark"] .search-section-card,
body[data-theme="dark"] .search-section-card {
  background: #081225;
  border-color: rgba(148,163,184,.16);
  box-shadow: 0 18px 42px rgba(0,0,0,.32);
}

html.dark .search-section-card h3,
body.dark .search-section-card h3,
html[data-theme="dark"] .search-section-card h3,
body[data-theme="dark"] .search-section-card h3 {
  color: #f8fafc;
}

html.dark .search-section-card p,
body.dark .search-section-card p,
html[data-theme="dark"] .search-section-card p,
body[data-theme="dark"] .search-section-card p {
  color: rgba(226,232,240,.70);
}

/* tones */
.search-tone-1 .search-section-card__button { background: linear-gradient(135deg, #ec4899, #8b5cf6); }
.search-tone-2 .search-section-card__button { background: linear-gradient(135deg, #7c3aed, #3b82f6); }
.search-tone-3 .search-section-card__button { background: linear-gradient(135deg, #06b6d4, #6366f1); }
.search-tone-4 .search-section-card__button { background: linear-gradient(135deg, #22c55e, #14b8a6); }
.search-tone-5 .search-section-card__button { background: linear-gradient(135deg, #f59e0b, #ef4444); }
.search-tone-6 .search-section-card__button { background: linear-gradient(135deg, #a855f7, #ec4899); }

@media (max-width: 1279px) {
  .search-sections-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .search-sections-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .search-sections-head p {
    font-size: 15px;
  }

  .search-section-card {
    border-radius: 18px;
  }

  .search-section-card__body {
    gap: 8px;
    padding: 12px;
  }

  .search-section-card h3 {
    min-height: 38px;
    font-size: 16px;
  }

  .search-section-card p {
    font-size: 13px;
  }

  .search-section-card__button {
    min-height: 34px;
    width: 100%;
    font-size: 12px;
  }
}

/* === v19.2.4 search popular sections rebuilt === */

.page-section-search-sections {
  margin-top: 22px;
}

.search-sections-head {
  margin-bottom: 18px;
}

.search-sections-head h2 {
  margin: 0;
  font-size: clamp(32px, 3vw, 52px);
  line-height: .98;
  letter-spacing: -.03em;
}

.search-sections-head p {
  margin: 10px 0 0;
  font-size: 18px;
  line-height: 1.45;
}

.search-sections-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.search-section-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 24px;
  text-decoration: none;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.search-section-card:hover {
  transform: translateY(-4px);
}

.search-section-card__media {
  position: relative;
  aspect-ratio: 1 / 1;
  overflow: hidden;
}

.search-section-card__media img,
.search-section-card__placeholder {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.search-section-card__placeholder {
  background: linear-gradient(135deg, #f6b7d5 0%, #c9b2ff 100%);
}

.search-section-card__badge {
  position: absolute;
  top: 12px;
  left: 12px;
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.92);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: #111827;
}

.search-section-card__body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 10px;
  padding: 14px;
}

.search-section-card h3 {
  margin: 0;
  min-height: 42px;
  font-size: 18px;
  line-height: 1.05;
  letter-spacing: -.02em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.search-section-card p {
  margin: 0;
  font-size: 14px;
  line-height: 1.3;
}

.search-section-card__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: 36px;
  margin-top: auto;
  padding: 0 12px;
  border-radius: 12px;
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
}

/* light theme */
html:not(.dark) .search-sections-head h2,
body:not(.dark) .search-sections-head h2,
html[data-theme="light"] .search-sections-head h2,
body[data-theme="light"] .search-sections-head h2 {
  color: #172033;
}

html:not(.dark) .search-sections-head p,
body:not(.dark) .search-sections-head p,
html[data-theme="light"] .search-sections-head p,
body[data-theme="light"] .search-sections-head p {
  color: rgba(23,32,51,.68);
}

html:not(.dark) .search-section-card,
body:not(.dark) .search-section-card,
html[data-theme="light"] .search-section-card,
body[data-theme="light"] .search-section-card {
  background: rgba(255,255,255,.96);
  border: 1px solid rgba(15,23,42,.08);
  box-shadow: 0 16px 36px rgba(15,23,42,.08);
}

html:not(.dark) .search-section-card h3,
body:not(.dark) .search-section-card h3,
html[data-theme="light"] .search-section-card h3,
body[data-theme="light"] .search-section-card h3 {
  color: #172033;
}

html:not(.dark) .search-section-card p,
body:not(.dark) .search-section-card p,
html[data-theme="light"] .search-section-card p,
body[data-theme="light"] .search-section-card p {
  color: rgba(23,32,51,.60);
}

/* dark theme */
html.dark .search-sections-head h2,
body.dark .search-sections-head h2,
html[data-theme="dark"] .search-sections-head h2,
body[data-theme="dark"] .search-sections-head h2 {
  color: #f8fafc;
}

html.dark .search-sections-head p,
body.dark .search-sections-head p,
html[data-theme="dark"] .search-sections-head p,
body[data-theme="dark"] .search-sections-head p {
  color: rgba(226,232,240,.72);
}

html.dark .search-section-card,
body.dark .search-section-card,
html[data-theme="dark"] .search-section-card,
body[data-theme="dark"] .search-section-card {
  background: #081225;
  border: 1px solid rgba(148,163,184,.16);
  box-shadow: 0 18px 42px rgba(0,0,0,.32);
}

html.dark .search-section-card h3,
body.dark .search-section-card h3,
html[data-theme="dark"] .search-section-card h3,
body[data-theme="dark"] .search-section-card h3 {
  color: #f8fafc;
}

html.dark .search-section-card p,
body.dark .search-section-card p,
html[data-theme="dark"] .search-section-card p,
body[data-theme="dark"] .search-section-card p {
  color: rgba(226,232,240,.70);
}

/* tones */
.search-tone-1 .search-section-card__button { background: linear-gradient(135deg, #ec4899, #8b5cf6); }
.search-tone-2 .search-section-card__button { background: linear-gradient(135deg, #7c3aed, #3b82f6); }
.search-tone-3 .search-section-card__button { background: linear-gradient(135deg, #06b6d4, #6366f1); }
.search-tone-4 .search-section-card__button { background: linear-gradient(135deg, #22c55e, #14b8a6); }
.search-tone-5 .search-section-card__button { background: linear-gradient(135deg, #f59e0b, #ef4444); }
.search-tone-6 .search-section-card__button { background: linear-gradient(135deg, #a855f7, #ec4899); }

/* live-search panel: плотный, непрозрачный, поверх контента */
.search-input-wrap {
  position: relative;
}

.live-search,
.js-live-search {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  right: 0;
  z-index: 60;
  max-height: 420px;
  overflow: auto;
  border-radius: 20px;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

html:not(.dark) .live-search,
html:not(.dark) .js-live-search,
body:not(.dark) .live-search,
body:not(.dark) .js-live-search,
html[data-theme="light"] .live-search,
html[data-theme="light"] .js-live-search,
body[data-theme="light"] .live-search,
body[data-theme="light"] .js-live-search {
  background: rgba(255,255,255,.98);
  border: 1px solid rgba(15,23,42,.10);
  box-shadow: 0 18px 40px rgba(15,23,42,.16);
}

html.dark .live-search,
html.dark .js-live-search,
body.dark .live-search,
body.dark .js-live-search,
html[data-theme="dark"] .live-search,
html[data-theme="dark"] .js-live-search,
body[data-theme="dark"] .live-search,
body[data-theme="dark"] .js-live-search {
  background: #081225;
  border: 1px solid rgba(148,163,184,.16);
  box-shadow: 0 18px 42px rgba(0,0,0,.36);
}

.live-search-item {
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 12px;
  align-items: center;
  text-decoration: none;
  padding: 12px 14px;
}

.live-search-thumb {
  width: 56px;
  height: 56px;
  overflow: hidden;
  border-radius: 14px;
}

.live-search-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.live-search-content strong {
  display: block;
  font-size: 15px;
  line-height: 1.2;
}

.live-search-content span {
  display: block;
  margin-top: 4px;
  font-size: 13px;
  line-height: 1.2;
}

html:not(.dark) .live-search-item:hover,
body:not(.dark) .live-search-item:hover,
html[data-theme="light"] .live-search-item:hover,
body[data-theme="light"] .live-search-item:hover {
  background: rgba(15,23,42,.04);
}

html:not(.dark) .live-search-content strong,
body:not(.dark) .live-search-content strong,
html[data-theme="light"] .live-search-content strong,
body[data-theme="light"] .live-search-content strong {
  color: #172033;
}

html:not(.dark) .live-search-content span,
body:not(.dark) .live-search-content span,
html[data-theme="light"] .live-search-content span,
body[data-theme="light"] .live-search-content span {
  color: rgba(23,32,51,.62);
}

html.dark .live-search-item:hover,
body.dark .live-search-item:hover,
html[data-theme="dark"] .live-search-item:hover,
body[data-theme="dark"] .live-search-item:hover {
  background: rgba(255,255,255,.05);
}

html.dark .live-search-content strong,
body.dark .live-search-content strong,
html[data-theme="dark"] .live-search-content strong,
body[data-theme="dark"] .live-search-content strong {
  color: #f8fafc;
}

html.dark .live-search-content span,
body.dark .live-search-content span,
html[data-theme="dark"] .live-search-content span,
body[data-theme="dark"] .live-search-content span {
  color: rgba(226,232,240,.68);
}

@media (max-width: 1279px) {
  .search-sections-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .search-sections-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .search-sections-head p {
    font-size: 15px;
  }

  .search-section-card {
    border-radius: 18px;
  }

  .search-section-card__body {
    gap: 8px;
    padding: 12px;
  }

  .search-section-card h3 {
    min-height: 38px;
    font-size: 16px;
  }

  .search-section-card p {
    font-size: 13px;
  }

  .search-section-card__button {
    min-height: 34px;
    width: 100%;
    font-size: 12px;
  }

  .live-search,
  .js-live-search {
    max-height: 360px;
  }
}

/* === v19.2.4 search popular sections rebuilt === */

.page-section-search-sections {
  margin-top: 22px;
}

.search-sections-head {
  margin-bottom: 18px;
}

.search-sections-head h2 {
  margin: 0;
  font-size: clamp(32px, 3vw, 52px);
  line-height: .98;
  letter-spacing: -.03em;
}

.search-sections-head p {
  margin: 10px 0 0;
  font-size: 18px;
  line-height: 1.45;
}

.search-sections-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.search-section-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 24px;
  text-decoration: none;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.search-section-card:hover {
  transform: translateY(-4px);
}

.search-section-card__media {
  position: relative;
  aspect-ratio: 1 / 1;
  overflow: hidden;
}

.search-section-card__media img,
.search-section-card__placeholder {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.search-section-card__placeholder {
  background: linear-gradient(135deg, #f6b7d5 0%, #c9b2ff 100%);
}

.search-section-card__badge {
  position: absolute;
  top: 12px;
  left: 12px;
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.92);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: #111827;
}

.search-section-card__body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 10px;
  padding: 14px;
}

.search-section-card h3 {
  margin: 0;
  min-height: 42px;
  font-size: 18px;
  line-height: 1.05;
  letter-spacing: -.02em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.search-section-card p {
  margin: 0;
  font-size: 14px;
  line-height: 1.3;
}

.search-section-card__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: 36px;
  margin-top: auto;
  padding: 0 12px;
  border-radius: 12px;
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
}

/* light theme */
html:not(.dark) .search-sections-head h2,
body:not(.dark) .search-sections-head h2,
html[data-theme="light"] .search-sections-head h2,
body[data-theme="light"] .search-sections-head h2 {
  color: #172033;
}

html:not(.dark) .search-sections-head p,
body:not(.dark) .search-sections-head p,
html[data-theme="light"] .search-sections-head p,
body[data-theme="light"] .search-sections-head p {
  color: rgba(23,32,51,.68);
}

html:not(.dark) .search-section-card,
body:not(.dark) .search-section-card,
html[data-theme="light"] .search-section-card,
body[data-theme="light"] .search-section-card {
  background: rgba(255,255,255,.96);
  border: 1px solid rgba(15,23,42,.08);
  box-shadow: 0 16px 36px rgba(15,23,42,.08);
}

html:not(.dark) .search-section-card h3,
body:not(.dark) .search-section-card h3,
html[data-theme="light"] .search-section-card h3,
body[data-theme="light"] .search-section-card h3 {
  color: #172033;
}

html:not(.dark) .search-section-card p,
body:not(.dark) .search-section-card p,
html[data-theme="light"] .search-section-card p,
body[data-theme="light"] .search-section-card p {
  color: rgba(23,32,51,.60);
}

/* dark theme */
html.dark .search-sections-head h2,
body.dark .search-sections-head h2,
html[data-theme="dark"] .search-sections-head h2,
body[data-theme="dark"] .search-sections-head h2 {
  color: #f8fafc;
}

html.dark .search-sections-head p,
body.dark .search-sections-head p,
html[data-theme="dark"] .search-sections-head p,
body[data-theme="dark"] .search-sections-head p {
  color: rgba(226,232,240,.72);
}

html.dark .search-section-card,
body.dark .search-section-card,
html[data-theme="dark"] .search-section-card,
body[data-theme="dark"] .search-section-card {
  background: #081225;
  border: 1px solid rgba(148,163,184,.16);
  box-shadow: 0 18px 42px rgba(0,0,0,.32);
}

html.dark .search-section-card h3,
body.dark .search-section-card h3,
html[data-theme="dark"] .search-section-card h3,
body[data-theme="dark"] .search-section-card h3 {
  color: #f8fafc;
}

html.dark .search-section-card p,
body.dark .search-section-card p,
html[data-theme="dark"] .search-section-card p,
body[data-theme="dark"] .search-section-card p {
  color: rgba(226,232,240,.70);
}

/* tones */
.search-tone-1 .search-section-card__button { background: linear-gradient(135deg, #ec4899, #8b5cf6); }
.search-tone-2 .search-section-card__button { background: linear-gradient(135deg, #7c3aed, #3b82f6); }
.search-tone-3 .search-section-card__button { background: linear-gradient(135deg, #06b6d4, #6366f1); }
.search-tone-4 .search-section-card__button { background: linear-gradient(135deg, #22c55e, #14b8a6); }
.search-tone-5 .search-section-card__button { background: linear-gradient(135deg, #f59e0b, #ef4444); }
.search-tone-6 .search-section-card__button { background: linear-gradient(135deg, #a855f7, #ec4899); }

/* live-search panel: плотный, непрозрачный, поверх контента */
.search-input-wrap {
  position: relative;
}

.live-search,
.js-live-search {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  right: 0;
  z-index: 60;
  max-height: 420px;
  overflow: auto;
  border-radius: 20px;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

html:not(.dark) .live-search,
html:not(.dark) .js-live-search,
body:not(.dark) .live-search,
body:not(.dark) .js-live-search,
html[data-theme="light"] .live-search,
html[data-theme="light"] .js-live-search,
body[data-theme="light"] .live-search,
body[data-theme="light"] .js-live-search {
  background: rgba(255,255,255,.98);
  border: 1px solid rgba(15,23,42,.10);
  box-shadow: 0 18px 40px rgba(15,23,42,.16);
}

html.dark .live-search,
html.dark .js-live-search,
body.dark .live-search,
body.dark .js-live-search,
html[data-theme="dark"] .live-search,
html[data-theme="dark"] .js-live-search,
body[data-theme="dark"] .live-search,
body[data-theme="dark"] .js-live-search {
  background: #081225;
  border: 1px solid rgba(148,163,184,.16);
  box-shadow: 0 18px 42px rgba(0,0,0,.36);
}

.live-search-item {
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 12px;
  align-items: center;
  text-decoration: none;
  padding: 12px 14px;
}

.live-search-thumb {
  width: 56px;
  height: 56px;
  overflow: hidden;
  border-radius: 14px;
}

.live-search-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.live-search-content strong {
  display: block;
  font-size: 15px;
  line-height: 1.2;
}

.live-search-content span {
  display: block;
  margin-top: 4px;
  font-size: 13px;
  line-height: 1.2;
}

html:not(.dark) .live-search-item:hover,
body:not(.dark) .live-search-item:hover,
html[data-theme="light"] .live-search-item:hover,
body[data-theme="light"] .live-search-item:hover {
  background: rgba(15,23,42,.04);
}

html:not(.dark) .live-search-content strong,
body:not(.dark) .live-search-content strong,
html[data-theme="light"] .live-search-content strong,
body[data-theme="light"] .live-search-content strong {
  color: #172033;
}

html:not(.dark) .live-search-content span,
body:not(.dark) .live-search-content span,
html[data-theme="light"] .live-search-content span,
body[data-theme="light"] .live-search-content span {
  color: rgba(23,32,51,.62);
}

html.dark .live-search-item:hover,
body.dark .live-search-item:hover,
html[data-theme="dark"] .live-search-item:hover,
body[data-theme="dark"] .live-search-item:hover {
  background: rgba(255,255,255,.05);
}

html.dark .live-search-content strong,
body.dark .live-search-content strong,
html[data-theme="dark"] .live-search-content strong,
body[data-theme="dark"] .live-search-content strong {
  color: #f8fafc;
}

html.dark .live-search-content span,
body.dark .live-search-content span,
html[data-theme="dark"] .live-search-content span,
body[data-theme="dark"] .live-search-content span {
  color: rgba(226,232,240,.68);
}

@media (max-width: 1279px) {
  .search-sections-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .search-sections-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .search-sections-head p {
    font-size: 15px;
  }

  .search-section-card {
    border-radius: 18px;
  }

  .search-section-card__body {
    gap: 8px;
    padding: 12px;
  }

  .search-section-card h3 {
    min-height: 38px;
    font-size: 16px;
  }

  .search-section-card p {
    font-size: 13px;
  }

  .search-section-card__button {
    min-height: 34px;
    width: 100%;
    font-size: 12px;
  }

  .live-search,
  .js-live-search {
    max-height: 360px;
  }
}

/* === v19.2.5 search page fix === */

.page-section-search-sections {
  margin-top: 22px;
}

.search-sections-head {
  margin-bottom: 18px;
}

.search-sections-head h2 {
  margin: 0;
  font-size: clamp(32px, 3vw, 52px);
  line-height: .98;
  letter-spacing: -.03em;
}

.search-sections-head p {
  margin: 10px 0 0;
  font-size: 18px;
  line-height: 1.45;
}

.search-sections-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.search-section-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 24px;
  text-decoration: none;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.search-section-card:hover {
  transform: translateY(-4px);
}

.search-section-card__media {
  position: relative;
  aspect-ratio: 1 / 1;
  overflow: hidden;
}

.search-section-card__media img,
.search-section-card__placeholder {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.search-section-card__placeholder {
  background: linear-gradient(135deg, #f6b7d5 0%, #c9b2ff 100%);
}

.search-section-card__badge {
  position: absolute;
  top: 12px;
  left: 12px;
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.92);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: #111827;
}

.search-section-card__body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 10px;
  padding: 14px;
}

.search-section-card h3 {
  margin: 0;
  min-height: 42px;
  font-size: 18px;
  line-height: 1.05;
  letter-spacing: -.02em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.search-section-card p {
  margin: 0;
  font-size: 14px;
  line-height: 1.3;
}

.search-section-card__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: 36px;
  margin-top: auto;
  padding: 0 12px;
  border-radius: 12px;
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
}

/* live-search panel */
.search-input-wrap {
  position: relative;
}

.live-search,
.js-live-search {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  right: 0;
  z-index: 60;
  max-height: 420px;
  overflow: auto;
  border-radius: 20px;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.live-search-item {
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 12px;
  align-items: center;
  text-decoration: none;
  padding: 12px 14px;
}

.live-search-thumb {
  width: 56px;
  height: 56px;
  overflow: hidden;
  border-radius: 14px;
}

.live-search-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.live-search-content strong {
  display: block;
  font-size: 15px;
  line-height: 1.2;
}

.live-search-content span {
  display: block;
  margin-top: 4px;
  font-size: 13px;
  line-height: 1.2;
}

.live-search-empty {
  padding: 16px;
  font-size: 14px;
}

/* light */
html:not(.dark) .search-sections-head h2,
body:not(.dark) .search-sections-head h2,
html[data-theme="light"] .search-sections-head h2,
body[data-theme="light"] .search-sections-head h2 {
  color: #172033;
}

html:not(.dark) .search-sections-head p,
body:not(.dark) .search-sections-head p,
html[data-theme="light"] .search-sections-head p,
body[data-theme="light"] .search-sections-head p {
  color: rgba(23,32,51,.68);
}

html:not(.dark) .search-section-card,
body:not(.dark) .search-section-card,
html[data-theme="light"] .search-section-card,
body[data-theme="light"] .search-section-card {
  background: rgba(255,255,255,.96);
  border: 1px solid rgba(15,23,42,.08);
  box-shadow: 0 16px 36px rgba(15,23,42,.08);
}

html:not(.dark) .search-section-card h3,
body:not(.dark) .search-section-card h3,
html[data-theme="light"] .search-section-card h3,
body[data-theme="light"] .search-section-card h3 {
  color: #172033;
}

html:not(.dark) .search-section-card p,
body:not(.dark) .search-section-card p,
html[data-theme="light"] .search-section-card p,
body[data-theme="light"] .search-section-card p {
  color: rgba(23,32,51,.60);
}

html:not(.dark) .live-search,
html:not(.dark) .js-live-search,
body:not(.dark) .live-search,
body:not(.dark) .js-live-search,
html[data-theme="light"] .live-search,
html[data-theme="light"] .js-live-search,
body[data-theme="light"] .live-search,
body[data-theme="light"] .js-live-search {
  background: rgba(255,255,255,.98);
  border: 1px solid rgba(15,23,42,.10);
  box-shadow: 0 18px 40px rgba(15,23,42,.16);
}

html:not(.dark) .live-search-item:hover,
body:not(.dark) .live-search-item:hover,
html[data-theme="light"] .live-search-item:hover,
body[data-theme="light"] .live-search-item:hover {
  background: rgba(15,23,42,.04);
}

html:not(.dark) .live-search-content strong,
body:not(.dark) .live-search-content strong,
html[data-theme="light"] .live-search-content strong,
body[data-theme="light"] .live-search-content strong {
  color: #172033;
}

html:not(.dark) .live-search-content span,
body:not(.dark) .live-search-content span,
html[data-theme="light"] .live-search-content span,
body[data-theme="light"] .live-search-content span {
  color: rgba(23,32,51,.62);
}

/* dark */
html.dark .search-sections-head h2,
body.dark .search-sections-head h2,
html[data-theme="dark"] .search-sections-head h2,
body[data-theme="dark"] .search-sections-head h2 {
  color: #f8fafc;
}

html.dark .search-sections-head p,
body.dark .search-sections-head p,
html[data-theme="dark"] .search-sections-head p,
body[data-theme="dark"] .search-sections-head p {
  color: rgba(226,232,240,.72);
}

html.dark .search-section-card,
body.dark .search-section-card,
html[data-theme="dark"] .search-section-card,
body[data-theme="dark"] .search-section-card {
  background: #081225;
  border: 1px solid rgba(148,163,184,.16);
  box-shadow: 0 18px 42px rgba(0,0,0,.32);
}

html.dark .search-section-card h3,
body.dark .search-section-card h3,
html[data-theme="dark"] .search-section-card h3,
body[data-theme="dark"] .search-section-card h3 {
  color: #f8fafc;
}

html.dark .search-section-card p,
body.dark .search-section-card p,
html[data-theme="dark"] .search-section-card p,
body[data-theme="dark"] .search-section-card p {
  color: rgba(226,232,240,.70);
}

html.dark .live-search,
html.dark .js-live-search,
body.dark .live-search,
body.dark .js-live-search,
html[data-theme="dark"] .live-search,
html[data-theme="dark"] .js-live-search,
body[data-theme="dark"] .live-search,
body[data-theme="dark"] .js-live-search {
  background: #081225;
  border: 1px solid rgba(148,163,184,.16);
  box-shadow: 0 18px 42px rgba(0,0,0,.36);
}

html.dark .live-search-item:hover,
body.dark .live-search-item:hover,
html[data-theme="dark"] .live-search-item:hover,
body[data-theme="dark"] .live-search-item:hover {
  background: rgba(255,255,255,.05);
}

html.dark .live-search-content strong,
body.dark .live-search-content strong,
html[data-theme="dark"] .live-search-content strong,
body[data-theme="dark"] .live-search-content strong {
  color: #f8fafc;
}

html.dark .live-search-content span,
body.dark .live-search-content span,
html[data-theme="dark"] .live-search-content span,
body[data-theme="dark"] .live-search-content span {
  color: rgba(226,232,240,.68);
}

/* tones */
.search-tone-1 .search-section-card__button { background: linear-gradient(135deg, #ec4899, #8b5cf6); }
.search-tone-2 .search-section-card__button { background: linear-gradient(135deg, #7c3aed, #3b82f6); }
.search-tone-3 .search-section-card__button { background: linear-gradient(135deg, #06b6d4, #6366f1); }
.search-tone-4 .search-section-card__button { background: linear-gradient(135deg, #22c55e, #14b8a6); }
.search-tone-5 .search-section-card__button { background: linear-gradient(135deg, #f59e0b, #ef4444); }
.search-tone-6 .search-section-card__button { background: linear-gradient(135deg, #a855f7, #ec4899); }

@media (max-width: 1279px) {
  .search-sections-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .search-sections-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .search-sections-head p {
    font-size: 15px;
  }

  .search-section-card {
    border-radius: 18px;
  }

  .search-section-card__body {
    gap: 8px;
    padding: 12px;
  }

  .search-section-card h3 {
    min-height: 38px;
    font-size: 16px;
  }

  .search-section-card p {
    font-size: 13px;
  }

  .search-section-card__button {
    min-height: 34px;
    width: 100%;
    font-size: 12px;
  }

  .live-search,
  .js-live-search {
    max-height: 360px;
  }
}

/* === v19.2.6 hero title shift on desktop === */
@media (min-width: 1200px) {
  .hero-home .hero-content {
    grid-template-columns: minmax(0, 1.15fr) minmax(280px, 360px);
    column-gap: 72px;
  }

  .hero-home .hero-copy {
    margin-left: 56px;
    max-width: 720px;
  }
}

@media (min-width: 1440px) {
  .hero-home .hero-copy {
    margin-left: 88px;
  }
}

/* === v19.2.7 hero video hard restore === */

.hero-home {
  position: relative;
  overflow: hidden;
}

.hero-home .hero-media {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  display: block !important;
  overflow: hidden !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none;
}

.hero-home .hero-media video,
.hero-home .hero-media img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center center !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
}

.hero-home .hero-overlay {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
}

.hero-home .hero-content {
  position: relative !important;
  z-index: 2 !important;
}

.hero-home .hero-orbs {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none;
}

/* light: видео видно, текст читается */
html:not(.dark) .hero-home .hero-overlay,
body:not(.dark) .hero-home .hero-overlay,
html[data-theme="light"] .hero-home .hero-overlay,
body[data-theme="light"] .hero-home .hero-overlay {
  background:
    linear-gradient(
      90deg,
      rgba(248,251,255,.32) 0%,
      rgba(248,251,255,.18) 24%,
      rgba(248,251,255,.08) 44%,
      rgba(248,251,255,0) 72%
    );
}

/* dark: видео возвращаем, но сохраняем читаемость */
html.dark .hero-home .hero-overlay,
body.dark .hero-home .hero-overlay,
html[data-theme="dark"] .hero-home .hero-overlay,
body[data-theme="dark"] .hero-home .hero-overlay {
  background:
    linear-gradient(
      90deg,
      rgba(2,6,23,.38) 0%,
      rgba(2,6,23,.24) 28%,
      rgba(2,6,23,.10) 56%,
      rgba(2,6,23,0) 82%
    );
}

/* если где-то раньше фоном перекрыли hero — обнуляем */
.hero-home::before,
.hero-home::after {
  pointer-events: none;
}

/* === v19.2.8 hero copy shift and adaptive spacing === */

/* desktop: уводим текст правее от видео */
@media (min-width: 1200px) {
  .hero-home .hero-content {
    grid-template-columns: minmax(0, 1.12fr) minmax(280px, 360px);
    column-gap: 72px;
  }

  .hero-home .hero-copy {
    max-width: 660px;
  }

  /* light theme */
  html:not(.dark) .hero-home .hero-copy,
  body:not(.dark) .hero-home .hero-copy,
  html[data-theme="light"] .hero-home .hero-copy,
  body[data-theme="light"] .hero-home .hero-copy {
    margin-left: clamp(180px, 16vw, 340px);
  }

  /* dark theme */
  html.dark .hero-home .hero-copy,
  body.dark .hero-home .hero-copy,
  html[data-theme="dark"] .hero-home .hero-copy,
  body[data-theme="dark"] .hero-home .hero-copy {
    margin-left: clamp(150px, 13vw, 300px);
  }

  .hero-home .hero-copy h1 {
    max-width: 580px;
  }

  .hero-home .hero-copy p {
    max-width: 560px;
  }
}

/* very wide desktop */
@media (min-width: 1600px) {
  html:not(.dark) .hero-home .hero-copy,
  body:not(.dark) .hero-home .hero-copy,
  html[data-theme="light"] .hero-home .hero-copy,
  body[data-theme="light"] .hero-home .hero-copy {
    margin-left: clamp(240px, 18vw, 420px);
  }

  html.dark .hero-home .hero-copy,
  body.dark .hero-home .hero-copy,
  html[data-theme="dark"] .hero-home .hero-copy,
  body[data-theme="dark"] .hero-home .hero-copy {
    margin-left: clamp(190px, 15vw, 360px);
  }
}

/* tablet: возвращаем ближе к центру */
@media (min-width: 768px) and (max-width: 1199px) {
  .hero-home .hero-copy {
    margin-left: 0;
    max-width: 620px;
  }

  .hero-home .hero-copy h1,
  .hero-home .hero-copy p {
    max-width: 100%;
  }
}

/* mobile: без бокового сдвига вообще */
@media (max-width: 767px) {
  .hero-home .hero-copy {
    margin-left: 0 !important;
    max-width: 100%;
  }

  .hero-home .hero-copy h1,
  .hero-home .hero-copy p {
    max-width: 100%;
  }
}

/* чуть усилим читаемость текста поверх видео */
@media (min-width: 1200px) {
  html:not(.dark) .hero-home .hero-overlay,
  body:not(.dark) .hero-home .hero-overlay,
  html[data-theme="light"] .hero-home .hero-overlay,
  body[data-theme="light"] .hero-home .hero-overlay {
    background:
      linear-gradient(
        90deg,
        rgba(248,251,255,.18) 0%,
        rgba(248,251,255,.10) 20%,
        rgba(248,251,255,.06) 34%,
        rgba(248,251,255,0) 58%
      );
  }

  html.dark .hero-home .hero-overlay,
  body.dark .hero-home .hero-overlay,
  html[data-theme="dark"] .hero-home .hero-overlay,
  body[data-theme="dark"] .hero-home .hero-overlay {
    background:
      linear-gradient(
        90deg,
        rgba(2,6,23,.24) 0%,
        rgba(2,6,23,.12) 22%,
        rgba(2,6,23,.06) 38%,
        rgba(2,6,23,0) 60%
      );
  }
}

/* === v19.2.8 hero copy shift and adaptive spacing === */

/* desktop: уводим текст правее от видео */
@media (min-width: 1200px) {
  .hero-home .hero-content {
    grid-template-columns: minmax(0, 1.12fr) minmax(280px, 360px);
    column-gap: 72px;
  }

  .hero-home .hero-copy {
    max-width: 660px;
  }

  /* light theme */
  html:not(.dark) .hero-home .hero-copy,
  body:not(.dark) .hero-home .hero-copy,
  html[data-theme="light"] .hero-home .hero-copy,
  body[data-theme="light"] .hero-home .hero-copy {
    margin-left: clamp(180px, 16vw, 340px);
  }

  /* dark theme */
  html.dark .hero-home .hero-copy,
  body.dark .hero-home .hero-copy,
  html[data-theme="dark"] .hero-home .hero-copy,
  body[data-theme="dark"] .hero-home .hero-copy {
    margin-left: clamp(150px, 13vw, 300px);
  }

  .hero-home .hero-copy h1 {
    max-width: 580px;
  }

  .hero-home .hero-copy p {
    max-width: 560px;
  }
}

/* very wide desktop */
@media (min-width: 1600px) {
  html:not(.dark) .hero-home .hero-copy,
  body:not(.dark) .hero-home .hero-copy,
  html[data-theme="light"] .hero-home .hero-copy,
  body[data-theme="light"] .hero-home .hero-copy {
    margin-left: clamp(240px, 18vw, 420px);
  }

  html.dark .hero-home .hero-copy,
  body.dark .hero-home .hero-copy,
  html[data-theme="dark"] .hero-home .hero-copy,
  body[data-theme="dark"] .hero-home .hero-copy {
    margin-left: clamp(190px, 15vw, 360px);
  }
}

/* tablet: возвращаем ближе к центру */
@media (min-width: 768px) and (max-width: 1199px) {
  .hero-home .hero-copy {
    margin-left: 0;
    max-width: 620px;
  }

  .hero-home .hero-copy h1,
  .hero-home .hero-copy p {
    max-width: 100%;
  }
}

/* mobile: без бокового сдвига вообще */
@media (max-width: 767px) {
  .hero-home .hero-copy {
    margin-left: 0 !important;
    max-width: 100%;
  }

  .hero-home .hero-copy h1,
  .hero-home .hero-copy p {
    max-width: 100%;
  }
}

/* чуть усилим читаемость текста поверх видео */
@media (min-width: 1200px) {
  html:not(.dark) .hero-home .hero-overlay,
  body:not(.dark) .hero-home .hero-overlay,
  html[data-theme="light"] .hero-home .hero-overlay,
  body[data-theme="light"] .hero-home .hero-overlay {
    background:
      linear-gradient(
        90deg,
        rgba(248,251,255,.18) 0%,
        rgba(248,251,255,.10) 20%,
        rgba(248,251,255,.06) 34%,
        rgba(248,251,255,0) 58%
      );
  }

  html.dark .hero-home .hero-overlay,
  body.dark .hero-home .hero-overlay,
  html[data-theme="dark"] .hero-home .hero-overlay,
  body[data-theme="dark"] .hero-home .hero-overlay {
    background:
      linear-gradient(
        90deg,
        rgba(2,6,23,.24) 0%,
        rgba(2,6,23,.12) 22%,
        rgba(2,6,23,.06) 38%,
        rgba(2,6,23,0) 60%
      );
  }
}

/* === v19.2.9 light hero contrast fix === */

html:not(.dark) .hero-home .btn-light,
body:not(.dark) .hero-home .btn-light,
html[data-theme="light"] .hero-home .btn-light,
body[data-theme="light"] .hero-home .btn-light {
  background: rgba(23, 32, 51, 0.10) !important;
  color: #172033 !important;
  border: 1px solid rgba(23, 32, 51, 0.14) !important;
  box-shadow: 0 8px 24px rgba(23, 32, 51, 0.08);
}

html:not(.dark) .hero-home .btn-light:hover,
body:not(.dark) .hero-home .btn-light:hover,
html[data-theme="light"] .hero-home .btn-light:hover,
body[data-theme="light"] .hero-home .btn-light:hover {
  background: rgba(23, 32, 51, 0.16) !important;
  color: #0f172a !important;
  border-color: rgba(23, 32, 51, 0.20) !important;
}

html:not(.dark) .hero-home .eyebrow,
body:not(.dark) .hero-home .eyebrow,
html[data-theme="light"] .hero-home .eyebrow,
body[data-theme="light"] .hero-home .eyebrow {
  background: rgba(23, 32, 51, 0.08);
  color: #172033;
  border: 1px solid rgba(23, 32, 51, 0.08);
}

html:not(.dark) .hero-stat-card,
body:not(.dark) .hero-stat-card,
html[data-theme="light"] .hero-stat-card,
body[data-theme="light"] .hero-stat-card {
  background: rgba(255,255,255,.90);
  border: 1px solid rgba(15,23,42,.08);
  box-shadow: 0 16px 36px rgba(15,23,42,.08);
}

/* === v19.2.10 dark hero hard restore after light-theme tweaks === */

html.dark .hero-home,
body.dark .hero-home,
html[data-theme="dark"] .hero-home,
body[data-theme="dark"] .hero-home {
  background:
    radial-gradient(circle at top right, rgba(29,78,216,.18), transparent 26%),
    radial-gradient(circle at bottom center, rgba(139,92,246,.16), transparent 22%),
    linear-gradient(180deg, #020617 0%, #06122b 100%) !important;
}

html.dark .hero-home .hero-overlay,
body.dark .hero-home .hero-overlay,
html[data-theme="dark"] .hero-home .hero-overlay,
body[data-theme="dark"] .hero-home .hero-overlay {
  background:
    linear-gradient(
      90deg,
      rgba(2,6,23,.26) 0%,
      rgba(2,6,23,.14) 24%,
      rgba(2,6,23,.06) 42%,
      rgba(2,6,23,0) 62%
    ) !important;
}

html.dark .hero-home h1,
body.dark .hero-home h1,
html[data-theme="dark"] .hero-home h1,
body[data-theme="dark"] .hero-home h1 {
  color: #f8fafc !important;
}

html.dark .hero-home p,
body.dark .hero-home p,
html[data-theme="dark"] .hero-home p,
body[data-theme="dark"] .hero-home p {
  color: rgba(226,232,240,.86) !important;
}

html.dark .hero-home .eyebrow,
body.dark .hero-home .eyebrow,
html[data-theme="dark"] .hero-home .eyebrow,
body[data-theme="dark"] .hero-home .eyebrow {
  background: rgba(255,255,255,.10) !important;
  color: #f8fafc !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}

html.dark .hero-home .btn-light,
body.dark .hero-home .btn-light,
html[data-theme="dark"] .hero-home .btn-light,
body[data-theme="dark"] .hero-home .btn-light {
  background: rgba(255,255,255,.12) !important;
  color: #f8fafc !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.20) !important;
}

html.dark .hero-home .btn-light:hover,
body.dark .hero-home .btn-light:hover,
html[data-theme="dark"] .hero-home .btn-light:hover,
body[data-theme="dark"] .hero-home .btn-light:hover {
  background: rgba(255,255,255,.18) !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,.22) !important;
}

html.dark .hero-stat-card,
body.dark .hero-stat-card,
html[data-theme="dark"] .hero-stat-card,
body[data-theme="dark"] .hero-stat-card {
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(148,163,184,.16) !important;
  box-shadow: 0 18px 38px rgba(0,0,0,.28) !important;
}

html.dark .hero-stat-card strong,
body.dark .hero-stat-card strong,
html[data-theme="dark"] .hero-stat-card strong,
body[data-theme="dark"] .hero-stat-card strong {
  color: #f8fafc !important;
}

html.dark .hero-stat-card span,
body.dark .hero-stat-card span,
html[data-theme="dark"] .hero-stat-card span,
body[data-theme="dark"] .hero-stat-card span {
  color: rgba(226,232,240,.68) !important;
}

/* если тема ставится только на html, не даём light-правкам пробиваться через body:not(.dark) */
html.dark body .hero-home .btn-light,
html.dark body .hero-home .eyebrow,
html.dark body .hero-stat-card,
html[data-theme="dark"] body .hero-home .btn-light,
html[data-theme="dark"] body .hero-home .eyebrow,
html[data-theme="dark"] body .hero-stat-card {
  isolation: isolate;
}

/* === HASKI_HOME_REFRESH_START === */
.haski-home-hero {
  padding: 34px 0 10px;
}

.haski-home-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr);
  gap: 28px;
  align-items: stretch;
}

.haski-home-hero__content,
.haski-home-hero__card,
.haski-benefit-card,
.haski-home-cta {
  border: 1px solid var(--line);
  border-radius: 32px;
  background: color-mix(in srgb, var(--surface-strong) 90%, transparent);
  box-shadow: var(--shadow);
}

.haski-home-hero__content {
  padding: 38px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100%;
}

.haski-home-hero__content h1 {
  margin: 10px 0 16px;
  font-size: clamp(34px, 5vw, 58px);
  line-height: 1.04;
  letter-spacing: -.03em;
  max-width: 11ch;
}

.haski-home-hero__lead {
  max-width: 62ch;
  margin: 0 0 22px;
  color: var(--muted);
  font-size: 18px;
}

.haski-home-hero__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}

.haski-home-hero__chips span {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 0 16px;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--surface) 82%, transparent);
  color: var(--text);
  font-size: 14px;
  font-weight: 800;
}

.haski-home-hero__card {
  overflow: hidden;
  display: grid;
  grid-template-rows: auto auto;
}

.haski-home-hero__media {
  position: relative;
  min-height: 420px;
  background: #09111f;
}

.haski-home-hero__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(8, 17, 31, .04) 0%, rgba(8, 17, 31, .28) 100%);
  pointer-events: none;
}

.haski-home-hero__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.haski-home-hero__stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  padding: 18px;
}

.haski-home-stat,
.haski-home-note {
  border-radius: 24px;
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--surface) 88%, transparent);
}

.haski-home-stat {
  min-height: 120px;
  padding: 18px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.haski-home-stat strong {
  font-size: clamp(28px, 4vw, 42px);
  line-height: 1;
  letter-spacing: -.03em;
}

.haski-home-stat span {
  margin-top: 8px;
  color: var(--muted);
  font-weight: 700;
}

.haski-home-note {
  grid-column: 1 / -1;
  padding: 18px;
}

.haski-home-note__eyebrow {
  margin-bottom: 8px;
  color: var(--brand);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.haski-home-note p {
  margin: 0;
  color: var(--muted);
}

.haski-home-benefits {
  padding-top: 18px;
}

.haski-benefits-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.haski-benefit-card {
  padding: 28px;
}

.haski-benefit-card__icon {
  width: 56px;
  height: 56px;
  border-radius: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--brand) 16%, transparent), color-mix(in srgb, var(--brand-2) 18%, transparent));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16);
}

.haski-benefit-card h3 {
  margin: 18px 0 10px;
  font-size: 24px;
  line-height: 1.15;
}

.haski-benefit-card p {
  margin: 0;
  color: var(--muted);
}

.haski-home-sections .section-head,
.haski-home-featured .section-head {
  margin-bottom: 24px;
}

.haski-home-featured .grid-dogs {
  margin-top: 0;
}

.haski-featured-card {
  overflow: hidden;
}

.haski-home-cta {
  padding: 34px;
}

@media (max-width: 1080px) {
  .haski-home-hero__grid {
    grid-template-columns: 1fr;
  }

  .haski-benefits-grid {
    grid-template-columns: 1fr;
  }

  .haski-home-hero__content h1 {
    max-width: none;
  }
}

@media (max-width: 767px) {
  .haski-home-hero {
    padding-top: 18px;
  }

  .haski-home-hero__content,
  .haski-home-cta,
  .haski-benefit-card {
    padding: 22px;
    border-radius: 24px;
  }

  .haski-home-hero__lead {
    font-size: 16px;
  }

  .haski-home-hero__media {
    min-height: 300px;
  }

  .haski-home-hero__stats {
    grid-template-columns: 1fr;
  }

  .haski-home-stat,
  .haski-home-note {
    min-height: auto;
  }

  .haski-home-hero__chips {
    gap: 8px;
  }

  .haski-home-hero__chips span {
    min-height: 38px;
    padding: 0 14px;
    font-size: 13px;
  }
}
/* === HASKI_HOME_REFRESH_END === */

/* === HASKI_DETAIL_REFRESH_START === */
.haski-section-page,
.haski-dog-page {
  padding-top: 18px;
}

.haski-section-hero,
.haski-dog-hero,
.haski-section-cta,
.haski-dog-cta {
  border: 1px solid var(--line);
  border-radius: 32px;
  background: color-mix(in srgb, var(--surface-strong) 90%, transparent);
  box-shadow: var(--shadow);
}

.haski-section-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.06fr) minmax(280px, .94fr);
  gap: 22px;
  padding: 30px;
}

.haski-section-hero__lead,
.haski-dog-hero__lead {
  margin: 0;
  color: var(--muted);
  font-size: 17px;
}

.haski-section-hero__content h1,
.haski-dog-hero__content h1 {
  margin: 10px 0 14px;
  line-height: 1.04;
  letter-spacing: -.03em;
}

.haski-section-hero__chips,
.haski-dog-hero__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.haski-section-hero__chips span,
.haski-dog-hero__chips span,
.haski-dog-rule {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 0 15px;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--surface) 84%, transparent);
  font-size: 14px;
  font-weight: 800;
}

.haski-section-hero__aside {
  display: grid;
  gap: 14px;
}

.haski-section-sidecard {
  padding: 22px;
  border-radius: 26px;
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--surface) 86%, transparent);
}

.haski-section-sidecard__value {
  font-size: clamp(34px, 4vw, 54px);
  line-height: 1;
  letter-spacing: -.04em;
  font-weight: 900;
}

.haski-section-sidecard__label {
  margin-top: 8px;
  color: var(--muted);
  font-weight: 700;
}

.haski-section-sidecard__eyebrow {
  margin-bottom: 8px;
  color: var(--brand);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.haski-section-sidecard p {
  margin: 0;
  color: var(--muted);
}

.haski-section-quicklinks {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 18px 0 30px;
}

.haski-section-head {
  margin-bottom: 24px;
}

.haski-section-card {
  overflow: hidden;
}

.haski-dog-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, .92fr);
  gap: 24px;
  padding: 28px;
}

.haski-dog-hero__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.haski-dog-hero__media {
  min-height: 420px;
  overflow: hidden;
  border-radius: 26px;
  background: #09111f;
}

.haski-dog-hero__media img,
.haski-dog-hero__media video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.haski-dog-facts {
  margin-top: 18px;
}

.haski-dog-block {
  border-radius: 28px;
}

.haski-dog-rules {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.haski-dog-cta,
.haski-section-cta {
  padding: 30px;
}

@media (max-width: 1080px) {
  .haski-section-hero,
  .haski-dog-hero {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  .haski-section-hero,
  .haski-dog-hero,
  .haski-section-cta,
  .haski-dog-cta {
    padding: 22px;
    border-radius: 24px;
  }

  .haski-section-hero__lead,
  .haski-dog-hero__lead {
    font-size: 16px;
  }

  .haski-section-quicklinks {
    gap: 10px;
    margin-bottom: 24px;
  }

  .haski-dog-hero__media {
    min-height: 300px;
    border-radius: 20px;
  }

  .haski-section-hero__chips span,
  .haski-dog-hero__chips span,
  .haski-dog-rule {
    min-height: 38px;
    padding: 0 13px;
    font-size: 13px;
  }
}
/* === HASKI_DETAIL_REFRESH_END === */

/* === HASKI_SEARCH_MOBILE_REFRESH_START === */
.haski-search-page {
  padding-top: 18px;
}

.haski-search-hero,
.haski-search-panel,
.haski-search-tip,
.haski-search-empty {
  border: 1px solid var(--line);
  border-radius: 32px;
  background: color-mix(in srgb, var(--surface-strong) 90%, transparent);
  box-shadow: var(--shadow);
}

.haski-search-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(280px, .92fr);
  gap: 22px;
  padding: 30px;
  margin-bottom: 18px;
}

.haski-search-hero__lead {
  margin: 0;
  color: var(--muted);
  font-size: 17px;
}

.haski-search-hero__content h1 {
  margin: 10px 0 14px;
  line-height: 1.04;
  letter-spacing: -.03em;
}

.haski-search-hero__aside {
  display: grid;
  gap: 14px;
}

.haski-search-sidecard {
  padding: 22px;
  border-radius: 26px;
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--surface) 86%, transparent);
}

.haski-search-sidecard__value {
  font-size: clamp(34px, 4vw, 54px);
  line-height: 1;
  letter-spacing: -.04em;
  font-weight: 900;
}

.haski-search-sidecard__label {
  margin-top: 8px;
  color: var(--muted);
  font-weight: 700;
}

.haski-search-sidecard__eyebrow {
  margin-bottom: 8px;
  color: var(--brand);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.haski-search-sidecard p {
  margin: 0;
  color: var(--muted);
}

.haski-search-panel {
  padding: 24px;
}

.haski-search-chips {
  margin-top: 18px;
}

.haski-search-discovery {
  margin-top: 26px;
}

.haski-search-tips {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-bottom: 28px;
}

.haski-search-tip {
  padding: 24px;
}

.haski-search-tip__icon {
  width: 54px;
  height: 54px;
  border-radius: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--brand) 16%, transparent), color-mix(in srgb, var(--brand-2) 18%, transparent));
}

.haski-search-tip h3 {
  margin: 16px 0 10px;
  font-size: 22px;
  line-height: 1.15;
}

.haski-search-tip p {
  margin: 0;
  color: var(--muted);
}

.haski-search-results-head {
  margin: 22px 0 18px;
}

.haski-search-result-card {
  overflow: hidden;
}

.haski-search-empty {
  margin-top: 18px;
  padding: 28px;
  text-align: center;
}

.haski-search-empty__badge {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--surface) 84%, transparent);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.haski-search-empty h2 {
  margin: 14px 0 8px;
}

.haski-search-empty p {
  margin: 0 0 18px;
  color: var(--muted);
}

.mobile-menu-link--accent {
  background: linear-gradient(135deg, color-mix(in srgb, var(--brand) 16%, transparent), color-mix(in srgb, var(--brand-2) 18%, transparent));
  border-color: color-mix(in srgb, var(--brand) 30%, var(--line));
}

@media (max-width: 1080px) {
  .haski-search-hero {
    grid-template-columns: 1fr;
  }

  .haski-search-tips {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  .haski-search-hero,
  .haski-search-panel,
  .haski-search-tip,
  .haski-search-empty {
    padding: 22px;
    border-radius: 24px;
  }

  .haski-search-hero__lead {
    font-size: 16px;
  }

  .haski-search-tips {
    gap: 14px;
    margin-bottom: 22px;
  }
}
/* === HASKI_SEARCH_MOBILE_REFRESH_END === */

/* === HASKI_FINISH_CSS_START === */
.skip-link {
  position: fixed;
  top: 14px;
  left: 14px;
  z-index: 999;
  transform: translateY(-120%);
  min-height: 46px;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--brand), var(--brand-2));
  color: #fff;
  font-weight: 900;
  box-shadow: var(--shadow-strong);
  transition: transform .2s ease;
}

.skip-link:focus {
  transform: translateY(0);
}

.footer-inner-extended {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(220px, .8fr) minmax(220px, .8fr);
  gap: 28px;
  align-items: start;
}

.footer-nav {
  display: grid;
  gap: 12px;
}

.footer-nav a,
.footer-phone {
  color: var(--muted);
  font-weight: 700;
  transition: color .2s ease, transform .2s ease;
}

.footer-nav a:hover,
.footer-phone:hover {
  color: var(--text);
  transform: translateY(-1px);
}

.footer-actions-extended {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}

.footer-phone {
  display: inline-flex;
  margin-top: 10px;
}

.scroll-top {
  position: fixed;
  right: calc(18px + var(--safe-right));
  bottom: calc(92px + var(--safe-bottom));
  z-index: 88;
  width: 52px;
  height: 52px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: color-mix(in srgb, var(--surface-strong) 92%, transparent);
  color: var(--text);
  box-shadow: var(--shadow);
  backdrop-filter: blur(14px);
  transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease;
}

.scroll-top:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-strong);
}

.scroll-top svg {
  width: 22px;
  height: 22px;
  margin: 0 auto;
}

@media (max-width: 980px) {
  .footer-inner-extended {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .footer-actions-extended {
    align-items: stretch;
  }
}

@media (max-width: 767px) {
  .scroll-top {
    width: 48px;
    height: 48px;
    right: calc(14px + var(--safe-right));
    bottom: calc(86px + var(--safe-bottom));
  }
}
/* === HASKI_FINISH_CSS_END === */

/* === HASKI_SEARCH_FILTER_REFRESH_START === */
.haski-search-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 260px auto;
  gap: 12px;
  align-items: stretch;
}

.search-select-wrap {
  min-width: 0;
}

.search-select {
  width: 100%;
  min-height: 52px;
  padding: 0 16px;
  border-radius: 18px;
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--surface) 92%, transparent);
  color: var(--text);
  font-weight: 700;
  outline: none;
}

.search-select:focus {
  border-color: color-mix(in srgb, var(--brand) 50%, var(--line));
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--brand) 14%, transparent);
}

@media (max-width: 920px) {
  .haski-search-form {
    grid-template-columns: 1fr;
  }
}
/* === HASKI_SEARCH_FILTER_REFRESH_END === */

/* === HASKI_CARD_CONTENT_REFRESH_START === */
.haski-card-teaser {
  margin-top: 10px;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.45;
}

.haski-card-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.haski-card-facts span {
  min-width: 112px;
  padding: 10px 12px;
  display: inline-flex;
  flex-direction: column;
  border-radius: 16px;
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--surface) 84%, transparent);
}

.haski-card-facts strong {
  font-size: 14px;
  line-height: 1.2;
}

.haski-card-facts em {
  margin-top: 3px;
  color: var(--muted);
  font-style: normal;
  font-size: 12px;
  line-height: 1.2;
}

@media (max-width: 767px) {
  .haski-card-facts span {
    min-width: calc(50% - 4px);
  }
}
/* === HASKI_CARD_CONTENT_REFRESH_END === */

/* === HASKI_PREV_NEXT_REFRESH_START === */
.haski-dog-pagination {
  margin-top: 26px;
}

.haski-dog-pagination__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.haski-dog-pagination__card {
  display: grid;
  grid-template-columns: 140px minmax(0, 1fr);
  gap: 16px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 28px;
  background: color-mix(in srgb, var(--surface-strong) 90%, transparent);
  box-shadow: var(--shadow);
  transition: transform .2s ease, box-shadow .2s ease;
}

.haski-dog-pagination__card:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-strong);
}

.haski-dog-pagination__media {
  min-height: 100%;
  background: #09111f;
}

.haski-dog-pagination__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.haski-dog-pagination__body {
  padding: 18px 18px 18px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.haski-dog-pagination__label {
  margin-bottom: 8px;
  color: var(--brand);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.haski-dog-pagination__body h3 {
  margin: 0 0 6px;
  line-height: 1.1;
  font-size: 24px;
}

.haski-dog-pagination__body p {
  margin: 0;
  color: var(--muted);
}

@media (max-width: 900px) {
  .haski-dog-pagination__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  .haski-dog-pagination__card {
    grid-template-columns: 96px minmax(0, 1fr);
    border-radius: 22px;
  }

  .haski-dog-pagination__body {
    padding: 14px 14px 14px 0;
  }

  .haski-dog-pagination__body h3 {
    font-size: 20px;
  }
}
/* === HASKI_PREV_NEXT_REFRESH_END === */

/* === HASKI_HOME_SPOTLIGHT_REFRESH_START === */
.haski-home-spotlight {
  padding-top: 10px;
}

.haski-spotlight-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.haski-spotlight-card {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 32px;
  background: color-mix(in srgb, var(--surface-strong) 90%, transparent);
  box-shadow: var(--shadow);
  transition: transform .2s ease, box-shadow .2s ease;
}

.haski-spotlight-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-strong);
}

.haski-spotlight-card__media {
  min-height: 280px;
  background: #09111f;
}

.haski-spotlight-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.haski-spotlight-card__body {
  padding: 24px;
}

.haski-spotlight-card__eyebrow {
  margin-bottom: 10px;
  color: var(--brand);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.haski-spotlight-card__body h3 {
  margin: 0 0 10px;
  font-size: 28px;
  line-height: 1.06;
  letter-spacing: -.03em;
}

.haski-spotlight-card__body p {
  margin: 0;
  color: var(--muted);
}

.haski-spotlight-card__facts {
  margin-top: 14px;
}

.haski-spotlight-card__facts span {
  min-width: 128px;
  padding: 10px 12px;
  display: inline-flex;
  flex-direction: column;
  border-radius: 16px;
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--surface) 84%, transparent);
}

.haski-spotlight-card__facts strong {
  font-size: 14px;
  line-height: 1.2;
}

.haski-spotlight-card__facts em {
  margin-top: 3px;
  color: var(--muted);
  font-style: normal;
  font-size: 12px;
  line-height: 1.2;
}

.haski-spotlight-card__action {
  margin-top: 16px;
  font-weight: 800;
}

@media (max-width: 1080px) {
  .haski-spotlight-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  .haski-spotlight-card {
    border-radius: 24px;
  }

  .haski-spotlight-card__media {
    min-height: 220px;
  }

  .haski-spotlight-card__body {
    padding: 20px;
  }

  .haski-spotlight-card__body h3 {
    font-size: 24px;
  }
}
/* === HASKI_HOME_SPOTLIGHT_REFRESH_END === */

/* === HASKI_SHARE_REFRESH_START === */
.js-share-page[disabled] {
  opacity: .72;
  cursor: default;
  transform: none !important;
}

@media (max-width: 767px) {
  .hero-actions .js-share-page {
    width: 100%;
  }
}
/* === HASKI_SHARE_REFRESH_END === */

/* === HASKI_HOME_FAQ_REFRESH_START === */
.haski-home-faq {
  padding-top: 10px;
}

.haski-faq-list {
  display: grid;
  gap: 14px;
}

.haski-faq-item {
  border: 1px solid var(--line);
  border-radius: 24px;
  background: color-mix(in srgb, var(--surface-strong) 90%, transparent);
  box-shadow: var(--shadow);
  overflow: hidden;
}

.haski-faq-item summary {
  list-style: none;
  cursor: pointer;
  padding: 22px 24px;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.25;
  position: relative;
}

.haski-faq-item summary::-webkit-details-marker {
  display: none;
}

.haski-faq-item summary::after {
  content: "+";
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 28px;
  font-weight: 400;
  color: var(--brand);
}

.haski-faq-item[open] summary::after {
  content: "−";
}

.haski-faq-item__body {
  padding: 0 24px 22px;
}

.haski-faq-item__body p {
  margin: 0;
  color: var(--muted);
}

@media (max-width: 767px) {
  .haski-faq-item {
    border-radius: 20px;
  }

  .haski-faq-item summary {
    padding: 18px 20px;
    font-size: 18px;
  }

  .haski-faq-item summary::after {
    right: 20px;
  }

  .haski-faq-item__body {
    padding: 0 20px 18px;
  }
}
/* === HASKI_HOME_FAQ_REFRESH_END === */

/* === HASKI_EDITORIAL_BADGES_REFRESH_START === */
.haski-card-badge {
  margin-bottom: 10px;
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--brand) 18%, transparent), color-mix(in srgb, var(--brand-2) 22%, transparent));
  border: 1px solid color-mix(in srgb, var(--brand) 22%, var(--line));
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .04em;
  line-height: 1;
}

@media (max-width: 767px) {
  .haski-card-badge {
    font-size: 11px;
    min-height: 32px;
    padding: 0 10px;
  }
}
/* === HASKI_EDITORIAL_BADGES_REFRESH_END === */

/* === HASKI_FINAL_HOME_BLOCKS_START === */
.haski-visit-flow-grid,
.haski-trust-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}

.haski-visit-step,
.haski-trust-card{
  background:rgba(255,255,255,.72);
  border:1px solid rgba(12,24,48,.08);
  border-radius:24px;
  padding:24px;
  box-shadow:0 12px 36px rgba(12,24,48,.08);
  backdrop-filter:blur(14px);
}

[data-theme="dark"] .haski-visit-step,
[data-theme="dark"] .haski-trust-card{
  background:rgba(16,22,34,.72);
  border-color:rgba(255,255,255,.08);
  box-shadow:0 12px 36px rgba(0,0,0,.28);
}

.haski-visit-step strong{
  display:inline-flex;
  width:42px;
  height:42px;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  margin-bottom:14px;
  font-size:18px;
  font-weight:800;
  background:#0b1e39;
  color:#fff;
}

.haski-visit-step h3,
.haski-trust-card h3{
  margin:0 0 10px;
}

.haski-visit-step p,
.haski-trust-card p{
  margin:0;
}

.hero-actions-soft{
  margin-top:24px;
}

@media (max-width: 980px){
  .haski-visit-flow-grid,
  .haski-trust-grid{
    grid-template-columns:1fr;
  }
}
/* === HASKI_FINAL_HOME_BLOCKS_END === */

/* === HASKI_FINAL_POLISH_START === */

.haski-home-hero__trust{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}

.haski-home-hero__trust span{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
  font-size:14px;
  line-height:1.2;
  backdrop-filter:blur(10px);
}

.haski-scenarios-grid,
.haski-practical-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}

.haski-scenario-card,
.haski-practical-card{
  position:relative;
  padding:28px;
  border-radius:28px;
  border:1px solid rgba(12,24,48,.08);
  background:rgba(255,255,255,.74);
  box-shadow:0 12px 34px rgba(12,24,48,.08);
  backdrop-filter:blur(14px);
}

[data-theme="dark"] .haski-scenario-card,
[data-theme="dark"] .haski-practical-card{
  background:rgba(16,22,34,.76);
  border-color:rgba(255,255,255,.08);
  box-shadow:0 12px 34px rgba(0,0,0,.28);
}

.haski-scenario-card__eyebrow{
  display:inline-flex;
  margin-bottom:12px;
  padding:7px 12px;
  border-radius:999px;
  background:rgba(11,30,57,.08);
  color:#0b1e39;
  font-size:12px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}

[data-theme="dark"] .haski-scenario-card__eyebrow{
  background:rgba(255,255,255,.08);
  color:#fff;
}

.haski-scenario-card h3,
.haski-practical-card h3{
  margin:0 0 10px;
}

.haski-scenario-card p,
.haski-practical-card p{
  margin:0 0 16px;
}

.haski-practical-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:24px;
}

@media (max-width: 980px){
  .haski-scenarios-grid,
  .haski-practical-grid{
    grid-template-columns:1fr;
  }

  .haski-home-hero__trust{
    gap:8px;
  }

  .haski-home-hero__trust span{
    font-size:13px;
  }
}

/* === HASKI_FINAL_POLISH_END === */

/* === HASKI_FINAL_POLISH_START === */

.haski-home-hero__trust{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}

.haski-home-hero__trust span{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
  font-size:14px;
  line-height:1.2;
  backdrop-filter:blur(10px);
}

.haski-scenarios-grid,
.haski-practical-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}

.haski-scenario-card,
.haski-practical-card{
  position:relative;
  padding:28px;
  border-radius:28px;
  border:1px solid rgba(12,24,48,.08);
  background:rgba(255,255,255,.74);
  box-shadow:0 12px 34px rgba(12,24,48,.08);
  backdrop-filter:blur(14px);
}

[data-theme="dark"] .haski-scenario-card,
[data-theme="dark"] .haski-practical-card{
  background:rgba(16,22,34,.76);
  border-color:rgba(255,255,255,.08);
  box-shadow:0 12px 34px rgba(0,0,0,.28);
}

.haski-scenario-card__eyebrow{
  display:inline-flex;
  margin-bottom:12px;
  padding:7px 12px;
  border-radius:999px;
  background:rgba(11,30,57,.08);
  color:#0b1e39;
  font-size:12px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}

[data-theme="dark"] .haski-scenario-card__eyebrow{
  background:rgba(255,255,255,.08);
  color:#fff;
}

.haski-scenario-card h3,
.haski-practical-card h3{
  margin:0 0 10px;
}

.haski-scenario-card p,
.haski-practical-card p{
  margin:0 0 16px;
}

.haski-practical-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:24px;
}

@media (max-width: 980px){
  .haski-scenarios-grid,
  .haski-practical-grid{
    grid-template-columns:1fr;
  }

  .haski-home-hero__trust{
    gap:8px;
  }

  .haski-home-hero__trust span{
    font-size:13px;
  }
}

/* === HASKI_FINAL_POLISH_END === */

/* === HASKI_PERF_STAGE_2_START === */

/* Быстрый рендер длинной страницы */
.page-section {
  content-visibility: auto;
  contain-intrinsic-size: 800px;
}

/* Первый экран и header всегда рендерим сразу */
.site-header,
.haski-home-hero,
.hero,
.breadcrumbs {
  content-visibility: visible;
  contain-intrinsic-size: auto;
}

/* Снижение CLS у изображений */
img {
  height: auto;
}

/* Чуть стабильнее карточки и медиа */
.bird-card__media,
.section-card__media,
.spotlight-card__media,
.haski-home-hero__media,
.hero-media {
  overflow: hidden;
}

/* Более аккуратный рендер текста */
body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Уважение к reduce motion */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* === HASKI_PERF_STAGE_2_END === */

/* === HASKI_FONT_FIX === */
@font-face {
  font-display: swap;
}

/* === HASKI_CTA_POLISH === */
.btn,
.nav-cta-ticket {
  transition: transform .2s ease, box-shadow .2s ease;
}

.btn:hover,
.nav-cta-ticket:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(0,0,0,.15);
}

/* === HASKI_PAGE_FADE === */
body {
  animation: pageFade .4s ease;
}

@keyframes pageFade {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* === HASKI_SKELETON === */
img[loading="lazy"] {
  background: linear-gradient(90deg,#eee,#ddd,#eee);
}

/* === HASKI_DOG_LANDING_START === */

.dog-conversion-block{
  margin:28px 0 0;
  padding:24px;
  border-radius:28px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(12,24,48,.08);
  box-shadow:0 16px 40px rgba(12,24,48,.08);
  backdrop-filter:blur(14px);
}

[data-theme="dark"] .dog-conversion-block{
  background:rgba(16,22,34,.78);
  border-color:rgba(255,255,255,.08);
  box-shadow:0 16px 40px rgba(0,0,0,.28);
}

.dog-conversion-block__eyebrow{
  display:inline-flex;
  margin-bottom:12px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(11,30,57,.08);
  color:#0b1e39;
  font-size:12px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}

[data-theme="dark"] .dog-conversion-block__eyebrow{
  background:rgba(255,255,255,.08);
  color:#fff;
}

.dog-conversion-block__title{
  margin:0 0 10px;
  font-size:clamp(28px, 3vw, 42px);
  line-height:1.05;
}

.dog-conversion-block__text{
  margin:0 0 18px;
  font-size:16px;
  line-height:1.6;
  color:rgba(17,28,52,.72);
}

[data-theme="dark"] .dog-conversion-block__text{
  color:rgba(255,255,255,.72);
}

.dog-conversion-block__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:10px;
}

.dog-conversion-block__trust{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}

.dog-conversion-block__trust span{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(11,30,57,.06);
  border:1px solid rgba(12,24,48,.08);
  font-size:14px;
  line-height:1.2;
}

[data-theme="dark"] .dog-conversion-block__trust span{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.08);
}

.dog-sticky-cta{
  position:fixed;
  left:16px;
  right:16px;
  bottom:calc(14px + env(safe-area-inset-bottom));
  z-index:70;
  display:none;
  gap:10px;
  align-items:center;
  padding:12px;
  border-radius:22px;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(12,24,48,.08);
  box-shadow:0 18px 40px rgba(12,24,48,.18);
  backdrop-filter:blur(16px);
}

[data-theme="dark"] .dog-sticky-cta{
  background:rgba(16,22,34,.88);
  border-color:rgba(255,255,255,.08);
  box-shadow:0 18px 40px rgba(0,0,0,.32);
}

.dog-sticky-cta__meta{
  min-width:0;
  flex:1 1 auto;
}

.dog-sticky-cta__label{
  margin:0 0 2px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  opacity:.7;
}

.dog-sticky-cta__title{
  margin:0;
  font-size:14px;
  font-weight:800;
  line-height:1.2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.dog-sticky-cta .btn{
  flex:0 0 auto;
}

@media (max-width: 980px){
  .dog-conversion-block{
    padding:20px;
    border-radius:24px;
  }
}

@media (max-width: 767px){
  .dog-sticky-cta{
    display:flex;
  }

  .dog-conversion-block__actions .btn{
    width:100%;
    justify-content:center;
  }
}

/* === HASKI_DOG_LANDING_END === */

/* === HASKI_DOG_LANDING_STAGE_2_START === */

.dog-conversion-block{
  position:relative;
  overflow:hidden;
}

.dog-conversion-block::before{
  content:"";
  position:absolute;
  inset:auto -120px -120px auto;
  width:320px;
  height:320px;
  background:radial-gradient(circle, rgba(139,92,246,.18), transparent 68%);
  pointer-events:none;
}

.dog-conversion-block::after{
  content:"";
  position:absolute;
  inset:-120px auto auto -120px;
  width:280px;
  height:280px;
  background:radial-gradient(circle, rgba(34,211,238,.14), transparent 68%);
  pointer-events:none;
}

.dog-conversion-block__title{
  max-width:900px;
}

.dog-conversion-block__text{
  max-width:980px;
  font-size:18px;
}

.dog-conversion-block__actions{
  position:relative;
  z-index:1;
}

.dog-conversion-block__trust{
  position:relative;
  z-index:1;
}

.dog-conversion-block__trust span{
  background:rgba(255,255,255,.72);
  box-shadow:0 8px 18px rgba(12,24,48,.06);
}

[data-theme="dark"] .dog-conversion-block__trust span{
  background:rgba(16,22,34,.78);
  box-shadow:0 8px 18px rgba(0,0,0,.16);
}

.dog-conversion-block .btn{
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.dog-conversion-block .btn:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 24px rgba(12,24,48,.12);
}

.dog-sticky-cta{
  border-radius:24px;
}

.dog-sticky-cta .btn{
  white-space:nowrap;
}

.dog-sticky-cta__label{
  color:#0ea5a9;
}

@media (max-width: 767px){
  .dog-conversion-block__title{
    font-size:clamp(24px, 7vw, 34px);
  }

  .dog-conversion-block__text{
    font-size:16px;
  }

  .dog-sticky-cta{
    left:12px;
    right:12px;
    bottom:calc(10px + env(safe-area-inset-bottom));
  }
}

/* === HASKI_DOG_LANDING_STAGE_2_END === */

/* === DOG CARDS INTERACTION === */

.card-dog{
  transition: transform .3s ease, box-shadow .3s ease;
}

.card-dog:hover{
  transform: translateY(-6px) scale(1.02);
  box-shadow: 0 20px 40px rgba(0,0,0,.15);
}

.card-dog img{
  transition: transform .5s ease;
}

.card-dog:hover img{
  transform: scale(1.06);
}


@keyframes ctaPulse {
  0% { box-shadow: 0 0 0 0 rgba(139,92,246,.4); }
  70% { box-shadow: 0 0 0 12px rgba(139,92,246,0); }
  100% { box-shadow: 0 0 0 0 rgba(139,92,246,0); }
}

.btn-primary{
  animation: ctaPulse 2.8s infinite;
}


.live-people-box{
  position: fixed;
  bottom: 90px;
  left: 20px;
  background: rgba(0,0,0,.75);
  color: #fff;
  padding: 10px 14px;
  border-radius: 12px;
  font-size: 14px;
  opacity: 0;
  transform: translateY(20px);
  transition: all .3s ease;
  z-index: 9999;
}

.live-people-box.show{
  opacity: 1;
  transform: translateY(0);
}


.ticket-scarcity{
  margin-top: 12px;
  font-weight: 600;
  color: #ef4444;
  font-size: 14px;
}


.ticket-timer{
  position: fixed;
  bottom: 90px;
  right: 20px;
  background: #111827;
  color: #fff;
  padding: 10px 14px;
  border-radius: 12px;
  font-size: 14px;
  z-index: 9999;
}


/* === HASKI_DOG_PERSONALIZATION_START === */

.dog-memory-block{
  margin:24px 0 0;
  padding:22px;
  border-radius:24px;
  background:rgba(255,255,255,.7);
  border:1px solid rgba(12,24,48,.08);
  box-shadow:0 12px 30px rgba(12,24,48,.06);
  backdrop-filter:blur(12px);
}

[data-theme="dark"] .dog-memory-block{
  background:rgba(16,22,34,.76);
  border-color:rgba(255,255,255,.08);
  box-shadow:0 12px 30px rgba(0,0,0,.22);
}

.dog-memory-block__eyebrow{
  display:inline-flex;
  margin-bottom:10px;
  padding:7px 12px;
  border-radius:999px;
  background:rgba(11,30,57,.08);
  color:#0b1e39;
  font-size:12px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}

[data-theme="dark"] .dog-memory-block__eyebrow{
  background:rgba(255,255,255,.08);
  color:#fff;
}

.dog-memory-block__title{
  margin:0 0 8px;
  font-size:clamp(20px, 2vw, 30px);
  line-height:1.15;
}

.dog-memory-block__text{
  margin:0 0 16px;
  font-size:16px;
  line-height:1.6;
  color:rgba(17,28,52,.72);
}

[data-theme="dark"] .dog-memory-block__text{
  color:rgba(255,255,255,.72);
}

.dog-memory-block__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

@media (max-width: 767px){
  .dog-memory-block__actions .btn{
    width:100%;
    justify-content:center;
  }
}

/* === HASKI_DOG_PERSONALIZATION_END === */

/* === HASKI_DOG_RECOMMENDATIONS_START === */

.dog-reco-block{
  margin:28px 0 0;
  padding:24px;
  border-radius:28px;
  background:rgba(255,255,255,.74);
  border:1px solid rgba(12,24,48,.08);
  box-shadow:0 14px 36px rgba(12,24,48,.07);
  backdrop-filter:blur(14px);
}

[data-theme="dark"] .dog-reco-block{
  background:rgba(16,22,34,.78);
  border-color:rgba(255,255,255,.08);
  box-shadow:0 14px 36px rgba(0,0,0,.24);
}

.dog-reco-block__eyebrow{
  display:inline-flex;
  margin-bottom:10px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(11,30,57,.08);
  color:#0b1e39;
  font-size:12px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}

[data-theme="dark"] .dog-reco-block__eyebrow{
  background:rgba(255,255,255,.08);
  color:#fff;
}

.dog-reco-block__title{
  margin:0 0 8px;
  font-size:clamp(28px, 3vw, 42px);
  line-height:1.05;
}

.dog-reco-block__text{
  margin:0 0 18px;
  font-size:16px;
  line-height:1.6;
  color:rgba(17,28,52,.72);
}

[data-theme="dark"] .dog-reco-block__text{
  color:rgba(255,255,255,.72);
}

.dog-reco-block__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
}

.dog-reco-block .card-dog{
  margin:0;
}

@media (max-width: 767px){
  .dog-reco-block{
    padding:20px;
    border-radius:24px;
  }

  .dog-reco-block__grid{
    grid-template-columns:1fr;
  }
}

/* === HASKI_DOG_RECOMMENDATIONS_END === */

/* === HASKI_DOG_EXIT_INTENT_START === */

html.dog-exit-open,
html.dog-exit-open body{
  overflow:hidden;
}

.dog-exit-overlay{
  position:fixed;
  inset:0;
  z-index:99999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(9,16,28,.48);
  backdrop-filter:blur(8px);
}

.dog-exit-modal{
  width:min(720px, 100%);
  padding:28px;
  border-radius:28px;
  background:rgba(255,255,255,.94);
  border:1px solid rgba(12,24,48,.08);
  box-shadow:0 24px 60px rgba(12,24,48,.24);
  position:relative;
}

[data-theme="dark"] .dog-exit-modal{
  background:rgba(16,22,34,.96);
  border-color:rgba(255,255,255,.08);
  box-shadow:0 24px 60px rgba(0,0,0,.42);
}

.dog-exit-modal__close{
  position:absolute;
  top:14px;
  right:14px;
  width:42px;
  height:42px;
  border:0;
  border-radius:999px;
  background:rgba(11,30,57,.08);
  color:#0b1e39;
  font-size:26px;
  line-height:1;
  cursor:pointer;
}

[data-theme="dark"] .dog-exit-modal__close{
  background:rgba(255,255,255,.08);
  color:#fff;
}

.dog-exit-modal__eyebrow{
  display:inline-flex;
  margin-bottom:12px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(11,30,57,.08);
  color:#0b1e39;
  font-size:12px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}

[data-theme="dark"] .dog-exit-modal__eyebrow{
  background:rgba(255,255,255,.08);
  color:#fff;
}

.dog-exit-modal__title{
  margin:0 0 10px;
  font-size:clamp(28px, 3vw, 42px);
  line-height:1.05;
}

.dog-exit-modal__text{
  margin:0 0 18px;
  font-size:18px;
  line-height:1.6;
  color:rgba(17,28,52,.72);
}

[data-theme="dark"] .dog-exit-modal__text{
  color:rgba(255,255,255,.72);
}

.dog-exit-modal__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

@media (max-width: 767px){
  .dog-exit-modal{
    padding:22px;
    border-radius:24px;
  }

  .dog-exit-modal__text{
    font-size:16px;
  }

  .dog-exit-modal__actions .btn{
    width:100%;
    justify-content:center;
  }
}

/* === HASKI_DOG_EXIT_INTENT_END === */

/* === HASKI_DOG_RECOMMENDATIONS_FIX_START === */

.dog-reco-block{
  clear: both;
}

.dog-reco-block__grid{
  align-items: start;
}

.dog-reco-card{
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  overflow: hidden;
}

.dog-reco-card img,
.dog-reco-card .dog-card__poster,
.dog-reco-card .card-dog__poster{
  width: 100% !important;
  height: 320px !important;
  object-fit: cover !important;
  display: block;
}

.dog-reco-card .bird-card__media,
.dog-reco-card .card-dog__media,
.dog-reco-card .js-dog-card-media{
  aspect-ratio: 4 / 3;
  overflow: hidden;
}

@media (max-width: 767px){
  .dog-reco-card img,
  .dog-reco-card .dog-card__poster,
  .dog-reco-card .card-dog__poster{
    height: 240px !important;
  }
}

/* === HASKI_DOG_RECOMMENDATIONS_FIX_END === */

/* === HASKI_DOG_RECO_TUNE_START === */

.dog-reco-block{
  margin: 32px auto !important;
  padding: 24px !important;
  max-width: 1200px;
  border-radius: 20px;
}

.dog-reco-block__title{
  font-size: 28px !important;
  margin-bottom: 8px !important;
}

.dog-reco-block__desc{
  font-size: 14px !important;
  opacity: 0.7;
  margin-bottom: 16px !important;
}

.dog-reco-block__grid{
  gap: 16px !important;
}

/* уменьшаем карточки */
.dog-reco-card img{
  height: 240px !important;
}

/* === HASKI_DOG_RECO_TUNE_END === */


.dog-reco-block{
  box-shadow: 0 10px 30px rgba(0,0,0,0.05);
  background: rgba(255,255,255,0.6);
  backdrop-filter: blur(10px);
}


/* === HASKI_DOG_RECO_TUNE_START === */

.dog-reco-block{
  margin: 32px auto !important;
  padding: 24px !important;
  max-width: 1200px;
  border-radius: 20px;
}

.dog-reco-block__title{
  font-size: 28px !important;
  margin-bottom: 8px !important;
}

.dog-reco-block__desc{
  font-size: 14px !important;
  opacity: 0.7;
  margin-bottom: 16px !important;
}

.dog-reco-block__grid{
  gap: 16px !important;
}

/* уменьшаем карточки */
.dog-reco-card img{
  height: 240px !important;
}

/* === HASKI_DOG_RECO_TUNE_END === */


.dog-reco-block{
  box-shadow: 0 10px 30px rgba(0,0,0,0.05);
  background: rgba(255,255,255,0.6);
  backdrop-filter: blur(10px);
}


/* === HASKI_DOG_HERO_IDEAL_START === */

/* паттерн лап по сайту */
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  opacity:.03;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%230b1e39' stroke-width='2'%3E%3Ccircle cx='60' cy='72' r='14'/%3E%3Ccircle cx='42' cy='50' r='7'/%3E%3Ccircle cx='57' cy='42' r='7'/%3E%3Ccircle cx='74' cy='42' r='7'/%3E%3Ccircle cx='88' cy='52' r='7'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat:repeat;
  background-size:120px 120px;
}

.site-header,
main,
footer{
  position:relative;
  z-index:1;
}

/* premium hero */
@media (min-width: 768px){
  .bird-hero,
  .dog-hero,
  .bird-profile,
  .dog-profile,
  .card.card-dog-single,
  .card-dog-single{
    position:relative;
    overflow:hidden;
    border-radius:34px !important;
    background:rgba(255,255,255,.82) !important;
    border:1px solid rgba(12,24,48,.08) !important;
    box-shadow:0 24px 60px rgba(12,24,48,.10) !important;
    backdrop-filter:blur(18px);
  }

  .bird-hero::before,
  .dog-hero::before,
  .bird-profile::before,
  .dog-profile::before,
  .card.card-dog-single::before,
  .card-dog-single::before{
    content:"";
    position:absolute;
    inset:auto -120px -120px auto;
    width:360px;
    height:360px;
    background:radial-gradient(circle, rgba(139,92,246,.18), transparent 68%);
    pointer-events:none;
  }

  .bird-hero::after,
  .dog-hero::after,
  .bird-profile::after,
  .dog-profile::after,
  .card.card-dog-single::after,
  .card-dog-single::after{
    content:"";
    position:absolute;
    inset:-140px auto auto -140px;
    width:320px;
    height:320px;
    background:radial-gradient(circle, rgba(34,211,238,.16), transparent 68%);
    pointer-events:none;
  }
}

/* левая колонка */
.bird-hero__content,
.dog-hero__content,
.bird-profile__content,
.dog-profile__content,
.card-dog-single__content{
  position:relative;
  z-index:1;
}

.bird-hero__content h1,
.dog-hero__content h1,
.bird-profile__content h1,
.dog-profile__content h1,
.card-dog-single__content h1,
h1.page-title{
  letter-spacing:-0.04em;
  line-height:.94;
  margin-bottom:18px !important;
}

.bird-hero__content .chips,
.dog-hero__content .chips,
.bird-profile__content .chips,
.dog-profile__content .chips,
.card-dog-single__content .chips,
.card-dog-single .tags,
.card-dog-single .meta-chips{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.bird-hero__content .chips > *,
.dog-hero__content .chips > *,
.bird-profile__content .chips > *,
.dog-profile__content .chips > *,
.card-dog-single__content .chips > *,
.card-dog-single .tags > *,
.card-dog-single .meta-chips > *{
  border-radius:999px !important;
  padding:12px 16px !important;
  background:rgba(255,255,255,.72) !important;
  border:1px solid rgba(12,24,48,.08) !important;
  box-shadow:0 8px 18px rgba(12,24,48,.05);
  font-weight:700;
}

[data-theme="dark"] .bird-hero__content .chips > *,
[data-theme="dark"] .dog-hero__content .chips > *,
[data-theme="dark"] .bird-profile__content .chips > *,
[data-theme="dark"] .dog-profile__content .chips > *,
[data-theme="dark"] .card-dog-single__content .chips > *,
[data-theme="dark"] .card-dog-single .tags > *,
[data-theme="dark"] .card-dog-single .meta-chips > *{
  background:rgba(16,22,34,.76) !important;
  border-color:rgba(255,255,255,.08) !important;
}

.bird-hero__content p,
.dog-hero__content p,
.bird-profile__content p,
.dog-profile__content p,
.card-dog-single__content p{
  max-width:58ch;
  font-size:18px;
  line-height:1.65;
}

/* фото / слайдер */
.hero-media-slider{
  position:relative;
  border-radius:32px;
  overflow:hidden;
  isolation:isolate;
  background:#e9eef4;
  box-shadow:inset 0 0 0 1px rgba(12,24,48,.06), 0 16px 34px rgba(12,24,48,.12);
}

.hero-media-slider__track{
  display:flex;
  width:100%;
  transition:transform .45s ease;
  touch-action:pan-y;
}

.hero-media-slider__slide{
  min-width:100%;
  aspect-ratio:1 / 1;
  position:relative;
  overflow:hidden;
  background:#eef3f7;
}

.hero-media-slider__slide img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  border-radius:0 !important;
  transform:translateZ(0);
  backface-visibility:hidden;
  -webkit-mask-image:-webkit-radial-gradient(white, black);
}

.hero-media-slider__nav{
  position:absolute;
  inset:auto 16px 16px auto;
  display:flex;
  gap:8px;
  z-index:3;
}

.hero-media-slider__btn{
  width:42px;
  height:42px;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.88);
  box-shadow:0 10px 24px rgba(12,24,48,.12);
  font-size:20px;
  line-height:1;
  cursor:pointer;
}

.hero-media-slider__dots{
  position:absolute;
  left:16px;
  bottom:18px;
  display:flex;
  gap:8px;
  z-index:3;
}

.hero-media-slider__dot{
  width:10px;
  height:10px;
  border-radius:999px;
  background:rgba(255,255,255,.52);
  border:0;
  cursor:pointer;
}

.hero-media-slider__dot.is-active{
  background:#fff;
  box-shadow:0 0 0 4px rgba(255,255,255,.18);
}

@media (max-width: 767px){
  body::before{
    opacity:.04;
    background-size:90px 90px;
  }

  .hero-media-slider{
    border-radius:24px;
  }

  .hero-media-slider__slide{
    aspect-ratio:4 / 5;
  }
}

/* === HASKI_DOG_HERO_IDEAL_END === */

/* === HASKI_HERO_FINAL_OVERRIDE_START === */

/* новый спокойный паттерн вместо лап */
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  opacity:.045;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cg fill='none' stroke='%230b1e39' stroke-opacity='.28' stroke-width='1.5'%3E%3Cpath d='M20 80c20-24 40-36 60-36s40 12 60 36'/%3E%3Cpath d='M20 80c20 24 40 36 60 36s40-12 60-36'/%3E%3Ccircle cx='80' cy='80' r='14'/%3E%3Ccircle cx='80' cy='20' r='6'/%3E%3Ccircle cx='140' cy='80' r='6'/%3E%3Ccircle cx='80' cy='140' r='6'/%3E%3Ccircle cx='20' cy='80' r='6'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat:repeat;
  background-size:160px 160px;
}

/* skip-link не торчит, показываем только по фокусу */
.skip-link,
a[href="#main-content"]{
  position:fixed !important;
  top:12px !important;
  left:12px !important;
  transform:translateY(-140%) !important;
  opacity:0 !important;
  pointer-events:none !important;
  z-index:10001 !important;
  transition:transform .2s ease, opacity .2s ease !important;
}
.skip-link:focus,
a[href="#main-content"]:focus{
  transform:translateY(0) !important;
  opacity:1 !important;
  pointer-events:auto !important;
}

/* шапка */
.site-header,
header.site-header{
  position:sticky !important;
  top:0 !important;
  z-index:1000 !important;
  background:rgba(255,255,255,.86) !important;
  backdrop-filter:blur(18px) saturate(140%) !important;
  border-bottom:1px solid rgba(12,24,48,.06) !important;
  box-shadow:none !important;
}
html[data-scrolled="1"] .site-header,
html[data-scrolled="1"] header.site-header{
  background:rgba(255,255,255,.94) !important;
  box-shadow:0 10px 30px rgba(12,24,48,.08) !important;
}
[data-theme="dark"] .site-header,
[data-theme="dark"] header.site-header{
  background:rgba(16,22,34,.86) !important;
  border-bottom-color:rgba(255,255,255,.08) !important;
}
[data-theme="dark"][data-scrolled="1"] .site-header,
[data-theme="dark"][data-scrolled="1"] header.site-header{
  background:rgba(16,22,34,.94) !important;
  box-shadow:0 10px 30px rgba(0,0,0,.24) !important;
}

/* убираем белую полосу */
.site-header::before,
.site-header::after,
header.site-header::before,
header.site-header::after{
  display:none !important;
}

/* hero-карточка */
.bird-hero,
.dog-hero,
.bird-profile,
.dog-profile,
.card-dog-single,
.card.card-dog-single{
  position:relative !important;
  overflow:hidden !important;
  border-radius:36px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.80)) !important;
  border:1px solid rgba(12,24,48,.07) !important;
  box-shadow:0 24px 60px rgba(12,24,48,.10) !important;
  backdrop-filter:blur(20px) !important;
}
.bird-hero::before,
.dog-hero::before,
.bird-profile::before,
.dog-profile::before,
.card-dog-single::before,
.card.card-dog-single::before{
  content:"";
  position:absolute;
  inset:-80px auto auto -80px;
  width:280px;
  height:280px;
  background:radial-gradient(circle, rgba(34,211,238,.14), transparent 70%);
  pointer-events:none;
}
.bird-hero::after,
.dog-hero::after,
.bird-profile::after,
.dog-profile::after,
.card-dog-single::after,
.card.card-dog-single::after{
  content:"";
  position:absolute;
  inset:auto -120px -120px auto;
  width:320px;
  height:320px;
  background:radial-gradient(circle, rgba(139,92,246,.14), transparent 70%);
  pointer-events:none;
}

/* левая часть hero */
.bird-hero__content,
.dog-hero__content,
.bird-profile__content,
.dog-profile__content,
.card-dog-single__content,
.card-dog-single .content{
  position:relative;
  z-index:1;
}

.bird-hero__content h1,
.dog-hero__content h1,
.bird-profile__content h1,
.dog-profile__content h1,
.card-dog-single__content h1,
.card-dog-single h1{
  font-size:clamp(58px, 7vw, 88px) !important;
  letter-spacing:-.055em !important;
  line-height:.92 !important;
  margin:0 0 18px !important;
}

.bird-hero__content p,
.dog-hero__content p,
.bird-profile__content p,
.dog-profile__content p,
.card-dog-single__content p,
.card-dog-single p{
  max-width:58ch !important;
  font-size:18px !important;
  line-height:1.72 !important;
  color:rgba(17,28,52,.70) !important;
}

.bird-hero__content .chips > *,
.dog-hero__content .chips > *,
.bird-profile__content .chips > *,
.dog-profile__content .chips > *,
.card-dog-single .tags > *,
.card-dog-single .meta-chips > *,
.card-dog-single .badges > *,
.card-dog-single .chip,
.card-dog-single .tag{
  display:inline-flex !important;
  align-items:center !important;
  min-height:46px !important;
  padding:12px 18px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.82) !important;
  border:1px solid rgba(12,24,48,.08) !important;
  box-shadow:0 8px 18px rgba(12,24,48,.06) !important;
  font-weight:700 !important;
}

[data-theme="dark"] .bird-hero__content .chips > *,
[data-theme="dark"] .dog-hero__content .chips > *,
[data-theme="dark"] .bird-profile__content .chips > *,
[data-theme="dark"] .dog-profile__content .chips > *,
[data-theme="dark"] .card-dog-single .tags > *,
[data-theme="dark"] .card-dog-single .meta-chips > *,
[data-theme="dark"] .card-dog-single .badges > *,
[data-theme="dark"] .card-dog-single .chip,
[data-theme="dark"] .card-dog-single .tag{
  background:rgba(16,22,34,.82) !important;
  border-color:rgba(255,255,255,.08) !important;
}

.card-dog-single .btn,
.bird-hero__content .btn,
.dog-hero__content .btn{
  min-height:52px !important;
  padding:0 24px !important;
  border-radius:999px !important;
}

/* hero media + уголки */
.hero-media-slider,
.bird-hero__media,
.dog-hero__media,
.card-dog-single__media,
.card-dog-single .media{
  position:relative !important;
  overflow:hidden !important;
  border-radius:34px !important;
  isolation:isolate !important;
  background:#e9eef4 !important;
  box-shadow:inset 0 0 0 1px rgba(12,24,48,.06), 0 18px 38px rgba(12,24,48,.12) !important;
}

.hero-media-slider img,
.bird-hero__media img,
.dog-hero__media img,
.card-dog-single__media img,
.card-dog-single .media img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
  border-radius:0 !important;
  clip-path:inset(0 round 34px) !important;
  -webkit-mask-image:-webkit-radial-gradient(white, black) !important;
}

/* slider */
.hero-media-slider{
  aspect-ratio:1 / 1;
}
.hero-media-slider__track{
  display:flex;
  width:100%;
  height:100%;
  transition:transform .45s ease;
  touch-action:pan-y;
}
.hero-media-slider__slide{
  min-width:100%;
  height:100%;
}
.hero-media-slider__nav{
  position:absolute;
  right:16px;
  bottom:16px;
  display:flex;
  gap:8px;
  z-index:3;
}
.hero-media-slider__btn{
  width:42px;
  height:42px;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.88);
  color:#0b1e39;
  box-shadow:0 10px 24px rgba(12,24,48,.12);
  cursor:pointer;
  font-size:20px;
}
.hero-media-slider__dots{
  position:absolute;
  left:16px;
  bottom:18px;
  display:flex;
  gap:8px;
  z-index:3;
}
.hero-media-slider__dot{
  width:10px;
  height:10px;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.46);
  cursor:pointer;
}
.hero-media-slider__dot.is-active{
  background:#fff;
  box-shadow:0 0 0 4px rgba(255,255,255,.18);
}

/* social proof — новый дизайн и место */
.live-people-box{
  left:auto !important;
  right:20px !important;
  top:94px !important;
  bottom:auto !important;
  background:rgba(255,255,255,.86) !important;
  color:#0b1e39 !important;
  border:1px solid rgba(12,24,48,.08) !important;
  box-shadow:0 14px 34px rgba(12,24,48,.10) !important;
  backdrop-filter:blur(14px) !important;
  border-radius:999px !important;
  padding:12px 16px !important;
  font-weight:700 !important;
}
[data-theme="dark"] .live-people-box{
  background:rgba(16,22,34,.88) !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.08) !important;
}

/* время работы парка */
.ticket-timer{
  right:20px !important;
  bottom:20px !important;
  background:linear-gradient(135deg, rgba(11,30,57,.92), rgba(30,41,59,.92)) !important;
  color:#fff !important;
  border-radius:18px !important;
  padding:12px 16px !important;
  box-shadow:0 18px 40px rgba(12,24,48,.18) !important;
  font-weight:700 !important;
}

/* mobile */
@media (max-width: 767px){
  body::before{
    background-size:120px 120px;
    opacity:.03;
  }

  .bird-hero,
  .dog-hero,
  .bird-profile,
  .dog-profile,
  .card-dog-single,
  .card.card-dog-single{
    border-radius:26px !important;
  }

  .hero-media-slider,
  .bird-hero__media,
  .dog-hero__media,
  .card-dog-single__media,
  .card-dog-single .media{
    border-radius:24px !important;
  }

  .hero-media-slider img,
  .bird-hero__media img,
  .dog-hero__media img,
  .card-dog-single__media img,
  .card-dog-single .media img{
    clip-path:inset(0 round 24px) !important;
  }

  .hero-media-slider{
    aspect-ratio:4 / 5;
  }

  .bird-hero__content h1,
  .dog-hero__content h1,
  .bird-profile__content h1,
  .dog-profile__content h1,
  .card-dog-single__content h1,
  .card-dog-single h1{
    font-size:clamp(40px, 11vw, 58px) !important;
  }

  .live-people-box{
    top:auto !important;
    right:auto !important;
    left:12px !important;
    bottom:86px !important;
  }

  .ticket-timer{
    left:auto !important;
    right:12px !important;
    bottom:18px !important;
  }
}

/* === HASKI_HERO_FINAL_OVERRIDE_END === */

/* === HASKI_HERO_POLISH_CSS_START === */

/* новый нейтральный паттерн */
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  opacity:.035;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cg fill='none' stroke='%230b1e39' stroke-opacity='.22' stroke-width='1.4'%3E%3Cpath d='M30 90c20-22 40-33 60-33s40 11 60 33'/%3E%3Cpath d='M30 90c20 22 40 33 60 33s40-11 60-33'/%3E%3Ccircle cx='90' cy='90' r='16'/%3E%3Ccircle cx='90' cy='24' r='6'/%3E%3Ccircle cx='156' cy='90' r='6'/%3E%3Ccircle cx='90' cy='156' r='6'/%3E%3Ccircle cx='24' cy='90' r='6'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat:repeat;
  background-size:180px 180px;
}

/* fixed header без пустоты сверху */
html{
  scroll-padding-top:104px;
}
[id]{
  scroll-margin-top:104px;
}
body{
  padding-top:96px !important;
}
.site-header,
header.site-header{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  z-index:1000 !important;
  margin:0 !important;
  background:rgba(255,255,255,.86) !important;
  backdrop-filter:blur(18px) saturate(145%) !important;
  border-bottom:1px solid rgba(12,24,48,.06) !important;
  box-shadow:none !important;
}
html[data-scrolled="1"] .site-header,
html[data-scrolled="1"] header.site-header{
  background:rgba(255,255,255,.94) !important;
  box-shadow:0 14px 36px rgba(12,24,48,.08) !important;
}
[data-theme="dark"] .site-header,
[data-theme="dark"] header.site-header{
  background:rgba(16,22,34,.88) !important;
  border-bottom-color:rgba(255,255,255,.08) !important;
}
[data-theme="dark"][data-scrolled="1"] .site-header,
[data-theme="dark"][data-scrolled="1"] header.site-header{
  background:rgba(16,22,34,.94) !important;
  box-shadow:0 14px 36px rgba(0,0,0,.24) !important;
}

/* hero: новый editorial-концепт */
.bird-hero,
.dog-hero,
.bird-profile,
.dog-profile,
.card-dog-single,
.card.card-dog-single{
  display:grid !important;
  grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr) !important;
  gap:34px !important;
  align-items:stretch !important;
  padding:26px !important;
  border-radius:34px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(255,255,255,.82)) !important;
  border:1px solid rgba(12,24,48,.07) !important;
  box-shadow:0 24px 60px rgba(12,24,48,.10) !important;
  backdrop-filter:blur(18px) !important;
  overflow:hidden !important;
  position:relative !important;
}
.bird-hero::before,
.dog-hero::before,
.bird-profile::before,
.dog-profile::before,
.card-dog-single::before,
.card.card-dog-single::before{
  content:"";
  position:absolute;
  inset:-80px auto auto -80px;
  width:260px;
  height:260px;
  background:radial-gradient(circle, rgba(34,211,238,.14), transparent 70%);
  pointer-events:none;
}
.bird-hero::after,
.dog-hero::after,
.bird-profile::after,
.dog-profile::after,
.card-dog-single::after,
.card.card-dog-single::after{
  content:"";
  position:absolute;
  inset:auto -120px -120px auto;
  width:320px;
  height:320px;
  background:radial-gradient(circle, rgba(139,92,246,.14), transparent 70%);
  pointer-events:none;
}

/* левая колонка в премиальном стиле */
.bird-hero > *:first-child,
.dog-hero > *:first-child,
.bird-profile > *:first-child,
.dog-profile > *:first-child,
.card-dog-single > *:first-child{
  position:relative;
  z-index:1;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
  min-width:0 !important;
  padding:14px 4px 8px !important;
}

.bird-hero h1,
.dog-hero h1,
.bird-profile h1,
.dog-profile h1,
.card-dog-single h1{
  font-size:clamp(58px, 7vw, 88px) !important;
  letter-spacing:-.06em !important;
  line-height:.92 !important;
  margin:0 0 18px !important;
}

.bird-hero p,
.dog-hero p,
.bird-profile p,
.dog-profile p,
.card-dog-single p{
  max-width:58ch !important;
  font-size:18px !important;
  line-height:1.74 !important;
  color:rgba(17,28,52,.72) !important;
}

.bird-hero .chips > *,
.dog-hero .chips > *,
.bird-profile .chips > *,
.dog-profile .chips > *,
.card-dog-single .chip,
.card-dog-single .tag,
.card-dog-single .tags > *,
.card-dog-single .meta-chips > *,
.card-dog-single .badges > *{
  min-height:44px !important;
  padding:11px 16px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.78) !important;
  border:1px solid rgba(12,24,48,.08) !important;
  box-shadow:0 8px 18px rgba(12,24,48,.05) !important;
  font-weight:700 !important;
}

.card-dog-single .btn,
.bird-hero .btn,
.dog-hero .btn{
  min-height:52px !important;
  padding:0 24px !important;
  border-radius:999px !important;
}

/* iOS-style share */
.hero-share-btn{
  position:relative !important;
  min-height:50px !important;
  padding:0 18px 0 52px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.70) !important;
  border:1px solid rgba(12,24,48,.08) !important;
  box-shadow:0 10px 22px rgba(12,24,48,.06) !important;
  font-weight:700 !important;
}
.hero-share-btn::before{
  content:"⤴";
  position:absolute;
  left:18px;
  top:50%;
  transform:translateY(-50%);
  width:22px;
  height:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  font-size:18px;
  line-height:1;
  color:#0b1e39;
  background:rgba(11,30,57,.06);
}

/* медиа и уголки */
.bird-hero > *:last-child,
.dog-hero > *:last-child,
.bird-profile > *:last-child,
.dog-profile > *:last-child,
.card-dog-single > *:last-child,
.hero-media-slider{
  min-width:0 !important;
  overflow:hidden !important;
  border-radius:34px !important;
  isolation:isolate !important;
  background:#edf2f6 !important;
  box-shadow:inset 0 0 0 1px rgba(12,24,48,.06), 0 16px 36px rgba(12,24,48,.12) !important;
  position:relative !important;
}

.hero-media-slider{
  aspect-ratio:1/1 !important;
  contain:paint !important;
}
.hero-media-slider__track{
  display:flex !important;
  width:100% !important;
  height:100% !important;
  gap:0 !important;
  will-change:transform !important;
  transform:translate3d(0,0,0) !important;
  transition:transform .45s ease !important;
}
.hero-media-slider__slide{
  flex:0 0 100% !important;
  min-width:100% !important;
  width:100% !important;
  height:100% !important;
  overflow:hidden !important;
  position:relative !important;
}
.hero-media-slider__slide img,
.bird-hero > *:last-child img,
.dog-hero > *:last-child img,
.bird-profile > *:last-child img,
.dog-profile > *:last-child img,
.card-dog-single > *:last-child img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center !important;
  clip-path:inset(0 round 34px) !important;
  -webkit-mask-image:-webkit-radial-gradient(white, black) !important;
  transform:translateZ(0) !important;
  backface-visibility:hidden !important;
}

/* dots/стрелки */
.hero-media-slider__nav{
  position:absolute !important;
  right:16px !important;
  bottom:16px !important;
  display:flex !important;
  gap:8px !important;
  z-index:3 !important;
}
.hero-media-slider__btn{
  width:44px !important;
  height:44px !important;
  border:0 !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.90) !important;
  color:#0b1e39 !important;
  box-shadow:0 10px 24px rgba(12,24,48,.12) !important;
  cursor:pointer !important;
  font-size:22px !important;
}
.hero-media-slider__dots{
  position:absolute !important;
  left:16px !important;
  bottom:18px !important;
  display:flex !important;
  gap:8px !important;
  z-index:3 !important;
}
.hero-media-slider__dot{
  width:10px !important;
  height:10px !important;
  border:0 !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.46) !important;
  cursor:pointer !important;
}
.hero-media-slider__dot.is-active{
  background:#fff !important;
  box-shadow:0 0 0 4px rgba(255,255,255,.18) !important;
}

/* social proof — другой дизайн и место */
.live-people-box{
  left:auto !important;
  right:24px !important;
  top:112px !important;
  bottom:auto !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  background:rgba(255,255,255,.88) !important;
  color:#0b1e39 !important;
  border:1px solid rgba(12,24,48,.08) !important;
  box-shadow:0 14px 34px rgba(12,24,48,.10) !important;
  backdrop-filter:blur(14px) !important;
  border-radius:999px !important;
  padding:12px 16px !important;
  font-weight:700 !important;
}
.live-people-box__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:26px;
  height:26px;
  border-radius:999px;
  background:rgba(11,30,57,.06);
}
[data-theme="dark"] .live-people-box{
  background:rgba(16,22,34,.90) !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.08) !important;
}

/* timer — другой дизайн */
.ticket-timer{
  right:20px !important;
  bottom:20px !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  background:linear-gradient(135deg, rgba(11,30,57,.94), rgba(30,41,59,.94)) !important;
  color:#fff !important;
  border-radius:18px !important;
  padding:12px 16px !important;
  box-shadow:0 18px 40px rgba(12,24,48,.18) !important;
  font-weight:700 !important;
}
.ticket-timer__icon{
  display:inline-flex;
  width:24px;
  height:24px;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:rgba(255,255,255,.10);
}

/* mobile concept: фото сверху, контент как плавающая карточка снизу */
@media (max-width: 767px){
  html{ scroll-padding-top:84px; }
  [id]{ scroll-margin-top:84px; }
  body{ padding-top:78px !important; }

  .bird-hero,
  .dog-hero,
  .bird-profile,
  .dog-profile,
  .card-dog-single,
  .card.card-dog-single{
    display:block !important;
    padding:0 !important;
    border-radius:28px !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    overflow:visible !important;
  }

  .bird-hero > *:last-child,
  .dog-hero > *:last-child,
  .bird-profile > *:last-child,
  .dog-profile > *:last-child,
  .card-dog-single > *:last-child,
  .hero-media-slider{
    border-radius:28px !important;
  }

  .hero-media-slider{
    aspect-ratio:4 / 5 !important;
  }

  .hero-media-slider__slide img,
  .bird-hero > *:last-child img,
  .dog-hero > *:last-child img,
  .bird-profile > *:last-child img,
  .dog-profile > *:last-child img,
  .card-dog-single > *:last-child img{
    clip-path:inset(0 round 28px) !important;
  }

  .bird-hero > *:first-child,
  .dog-hero > *:first-child,
  .bird-profile > *:first-child,
  .dog-profile > *:first-child,
  .card-dog-single > *:first-child{
    margin:-34px 14px 0 !important;
    padding:22px 18px 18px !important;
    background:rgba(255,255,255,.92) !important;
    border:1px solid rgba(12,24,48,.07) !important;
    border-radius:28px !important;
    box-shadow:0 18px 40px rgba(12,24,48,.12) !important;
    position:relative !important;
    z-index:2 !important;
  }

  .bird-hero h1,
  .dog-hero h1,
  .bird-profile h1,
  .dog-profile h1,
  .card-dog-single h1{
    font-size:clamp(44px, 12vw, 62px) !important;
    margin-bottom:14px !important;
  }

  .bird-hero p,
  .dog-hero p,
  .bird-profile p,
  .dog-profile p,
  .card-dog-single p{
    font-size:16px !important;
    line-height:1.66 !important;
  }

  .hero-share-btn{
    position:absolute !important;
    top:16px !important;
    right:16px !important;
    width:50px !important;
    min-width:50px !important;
    height:50px !important;
    padding:0 !important;
    border-radius:999px !important;
    font-size:0 !important;
  }
  .hero-share-btn::before{
    left:50% !important;
    top:50% !important;
    transform:translate(-50%,-50%) !important;
    width:24px !important;
    height:24px !important;
    font-size:18px !important;
  }

  .live-people-box{
    right:auto !important;
    left:12px !important;
    top:auto !important;
    bottom:92px !important;
  }

  .ticket-timer{
    right:12px !important;
    bottom:18px !important;
  }
}

/* === HASKI_HERO_POLISH_CSS_END === */

/* === HASKI_GOLDEN_HERO_REWORK_START === */

:root{
  --phi: 1.618;
  --phi-sm: 0.618;
  --phi-xs: 0.382;
  --hero-pad: 28px;
  --hero-gap: 34px;
  --hero-radius: 34px;
  --hero-soft: rgba(255,255,255,.88);
  --hero-border: rgba(12,24,48,.07);
  --hero-shadow: 0 24px 60px rgba(12,24,48,.10);
}

/* honeycomb paw pattern file */
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  opacity:.055;
  background-image:url("/assets/patterns/paw-honey.svg");
  background-repeat:repeat;
  background-size:220px 190px;
}

/* fixed header without ghost stripe */
html{
  scroll-padding-top:108px;
}
[id]{
  scroll-margin-top:108px;
}
body{
  padding-top:88px !important;
}
.site-header,
header.site-header{
  position:fixed !important;
  inset:0 0 auto 0 !important;
  height:auto !important;
  margin:0 !important;
  z-index:1000 !important;
  background:rgba(255,255,255,.84) !important;
  backdrop-filter:blur(18px) saturate(140%) !important;
  border-bottom:1px solid rgba(12,24,48,.06) !important;
  box-shadow:none !important;
}
html[data-scrolled="1"] .site-header,
html[data-scrolled="1"] header.site-header{
  background:rgba(255,255,255,.94) !important;
  box-shadow:0 14px 36px rgba(12,24,48,.08) !important;
}
[data-theme="dark"] .site-header,
[data-theme="dark"] header.site-header{
  background:rgba(16,22,34,.88) !important;
  border-bottom-color:rgba(255,255,255,.08) !important;
}
.site-header::before,
.site-header::after,
header.site-header::before,
header.site-header::after{
  display:none !important;
}

/* breadcrumbs strip */
.breadcrumbs,
.page-breadcrumbs,
.breadcrumbs-wrap{
  margin:0 0 20px !important;
  padding:18px 0 14px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.breadcrumbs ol,
.breadcrumbs ul,
.page-breadcrumbs ol{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  align-items:center !important;
  padding:0 !important;
  margin:0 !important;
  list-style:none !important;
}
.breadcrumbs li,
.page-breadcrumbs li{
  color:rgba(17,28,52,.56) !important;
  font-size:15px !important;
}
.breadcrumbs li + li::before,
.page-breadcrumbs li + li::before{
  content:"/";
  margin-right:10px;
  color:rgba(17,28,52,.28);
}

/* FULL hero rework: editorial 38.2 / 61.8 */
.bird-hero,
.dog-hero,
.bird-profile,
.dog-profile,
.card-dog-single,
.card.card-dog-single{
  display:grid !important;
  grid-template-columns:minmax(0, 0.618fr) minmax(0, 1fr) !important;
  gap:calc(var(--hero-gap) * var(--phi-sm)) !important;
  align-items:stretch !important;
  padding:var(--hero-pad) !important;
  border-radius:var(--hero-radius) !important;
  background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(255,255,255,.84)) !important;
  border:1px solid var(--hero-border) !important;
  box-shadow:var(--hero-shadow) !important;
  backdrop-filter:blur(18px) !important;
  overflow:hidden !important;
  position:relative !important;
}

.bird-hero::before,
.dog-hero::before,
.bird-profile::before,
.dog-profile::before,
.card-dog-single::before,
.card.card-dog-single::before{
  content:"";
  position:absolute;
  left:-90px;
  top:-90px;
  width:280px;
  height:280px;
  background:radial-gradient(circle, rgba(34,211,238,.12), transparent 70%);
  pointer-events:none;
}

.bird-hero::after,
.dog-hero::after,
.bird-profile::after,
.dog-profile::after,
.card-dog-single::after,
.card.card-dog-single::after{
  content:"";
  position:absolute;
  right:-120px;
  bottom:-120px;
  width:340px;
  height:340px;
  background:radial-gradient(circle, rgba(139,92,246,.12), transparent 70%);
  pointer-events:none;
}

/* left column */
.bird-hero > *:first-child,
.dog-hero > *:first-child,
.bird-profile > *:first-child,
.dog-profile > *:first-child,
.card-dog-single > *:first-child{
  display:grid !important;
  grid-template-rows:auto auto auto 1fr auto !important;
  align-content:start !important;
  min-width:0 !important;
  position:relative !important;
  z-index:1 !important;
  padding:12px 2px 8px !important;
}

.bird-hero h1,
.dog-hero h1,
.bird-profile h1,
.dog-profile h1,
.card-dog-single h1{
  font-size:clamp(64px, 7vw, 92px) !important;
  line-height:.90 !important;
  letter-spacing:-.065em !important;
  margin:0 0 18px !important;
}

.bird-hero p,
.dog-hero p,
.bird-profile p,
.dog-profile p,
.card-dog-single p{
  max-width:34ch !important;
  font-size:18px !important;
  line-height:calc(1rem * var(--phi)) !important;
  color:rgba(17,28,52,.70) !important;
}

.bird-hero .chips > *,
.dog-hero .chips > *,
.bird-profile .chips > *,
.dog-profile .chips > *,
.card-dog-single .chip,
.card-dog-single .tag,
.card-dog-single .tags > *,
.card-dog-single .meta-chips > *,
.card-dog-single .badges > *{
  display:inline-flex !important;
  align-items:center !important;
  min-height:44px !important;
  padding:11px 16px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.78) !important;
  border:1px solid rgba(12,24,48,.08) !important;
  box-shadow:0 8px 18px rgba(12,24,48,.05) !important;
  font-weight:700 !important;
}

/* premium CTA cluster */
.card-dog-single .btn,
.bird-hero .btn,
.dog-hero .btn{
  min-height:54px !important;
  padding:0 24px !important;
  border-radius:999px !important;
}
.card-dog-single .btn + .btn,
.bird-hero .btn + .btn,
.dog-hero .btn + .btn{
  margin-left:10px !important;
  margin-top:0 !important;
}

/* iOS share button */
.hero-share-btn{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  min-height:50px !important;
  padding:0 18px 0 16px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.72) !important;
  border:1px solid rgba(12,24,48,.08) !important;
  box-shadow:0 10px 22px rgba(12,24,48,.06) !important;
  font-weight:700 !important;
}
.hero-share-btn::before{
  content:"";
  width:26px;
  height:26px;
  flex:0 0 26px;
  border-radius:999px;
  background:
    radial-gradient(circle at 50% 50%, rgba(11,30,57,.08) 0 99%, transparent 100%);
  position:relative;
  display:inline-block;
  mask:
    radial-gradient(circle at 50% 68%, transparent 0 7px, #000 7.5px) top left / 100% 100% no-repeat;
}
.hero-share-btn::after{
  content:"↗";
  position:relative;
  margin-left:-30px;
  margin-right:2px;
  font-size:16px;
  color:#0b1e39;
}

/* right column / image */
.bird-hero > *:last-child,
.dog-hero > *:last-child,
.bird-profile > *:last-child,
.dog-profile > *:last-child,
.card-dog-single > *:last-child,
.hero-media-slider{
  min-width:0 !important;
  overflow:hidden !important;
  border-radius:34px !important;
  isolation:isolate !important;
  background:#edf2f6 !important;
  box-shadow:inset 0 0 0 1px rgba(12,24,48,.06), 0 16px 36px rgba(12,24,48,.12) !important;
  position:relative !important;
  clip-path:inset(0 round 34px) !important;
}

.hero-media-slider{
  aspect-ratio:1 / 1 !important;
}
.hero-media-slider__track{
  display:flex !important;
  width:100% !important;
  height:100% !important;
  gap:0 !important;
  will-change:transform !important;
  transition:transform .45s ease !important;
}
.hero-media-slider__slide{
  flex:0 0 100% !important;
  min-width:100% !important;
  height:100% !important;
  overflow:hidden !important;
  position:relative !important;
}
.hero-media-slider__slide::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:34px;
  box-shadow:inset 0 0 0 1px rgba(12,24,48,.04);
  pointer-events:none;
  z-index:2;
}
.hero-media-slider__slide img,
.bird-hero > *:last-child img,
.dog-hero > *:last-child img,
.bird-profile > *:last-child img,
.dog-profile > *:last-child img,
.card-dog-single > *:last-child img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center !important;
  border-radius:0 !important;
  transform:translateZ(0) !important;
  -webkit-mask-image:-webkit-radial-gradient(white, black) !important;
}

/* pagination & arrows visible */
.hero-media-slider__dots{
  position:absolute !important;
  left:16px !important;
  bottom:18px !important;
  display:flex !important;
  gap:8px !important;
  z-index:4 !important;
}
.hero-media-slider__dot{
  width:10px !important;
  height:10px !important;
  border:0 !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.46) !important;
  cursor:pointer !important;
}
.hero-media-slider__dot.is-active{
  background:#fff !important;
  box-shadow:0 0 0 4px rgba(255,255,255,.18) !important;
}
.hero-media-slider__nav{
  position:absolute !important;
  right:16px !important;
  bottom:16px !important;
  display:flex !important;
  gap:8px !important;
  z-index:4 !important;
}
.hero-media-slider__btn{
  width:46px !important;
  height:46px !important;
  border:0 !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.90) !important;
  color:#0b1e39 !important;
  box-shadow:0 10px 24px rgba(12,24,48,.12) !important;
  font-size:22px !important;
  cursor:pointer !important;
}

/* widgets order: viewers above timer */
.live-people-box{
  left:auto !important;
  right:20px !important;
  top:auto !important;
  bottom:88px !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  background:rgba(255,255,255,.88) !important;
  color:#0b1e39 !important;
  border:1px solid rgba(12,24,48,.08) !important;
  box-shadow:0 14px 34px rgba(12,24,48,.10) !important;
  backdrop-filter:blur(14px) !important;
  border-radius:999px !important;
  padding:12px 16px !important;
  font-weight:700 !important;
}
.ticket-timer{
  right:20px !important;
  bottom:20px !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  background:linear-gradient(135deg, rgba(11,30,57,.94), rgba(30,41,59,.94)) !important;
  color:#fff !important;
  border-radius:18px !important;
  padding:12px 16px !important;
  box-shadow:0 18px 40px rgba(12,24,48,.18) !important;
  font-weight:700 !important;
}

/* mobile concept */
@media (max-width: 767px){
  html{ scroll-padding-top:84px; }
  [id]{ scroll-margin-top:84px; }
  body{ padding-top:78px !important; }

  .bird-hero,
  .dog-hero,
  .bird-profile,
  .dog-profile,
  .card-dog-single,
  .card.card-dog-single{
    display:block !important;
    padding:0 !important;
    border-radius:28px !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    overflow:visible !important;
  }

  .bird-hero > *:last-child,
  .dog-hero > *:last-child,
  .bird-profile > *:last-child,
  .dog-profile > *:last-child,
  .card-dog-single > *:last-child,
  .hero-media-slider{
    border-radius:28px !important;
    clip-path:inset(0 round 28px) !important;
  }

  .hero-media-slider{
    aspect-ratio:4 / 5 !important;
  }

  .bird-hero > *:first-child,
  .dog-hero > *:first-child,
  .bird-profile > *:first-child,
  .dog-profile > *:first-child,
  .card-dog-single > *:first-child{
    margin:-34px 14px 0 !important;
    padding:22px 18px 18px !important;
    background:rgba(255,255,255,.92) !important;
    border:1px solid rgba(12,24,48,.07) !important;
    border-radius:28px !important;
    box-shadow:0 18px 40px rgba(12,24,48,.12) !important;
    position:relative !important;
    z-index:2 !important;
  }

  .bird-hero h1,
  .dog-hero h1,
  .bird-profile h1,
  .dog-profile h1,
  .card-dog-single h1{
    font-size:clamp(44px, 12vw, 62px) !important;
    margin-bottom:14px !important;
  }

  .bird-hero p,
  .dog-hero p,
  .bird-profile p,
  .dog-profile p,
  .card-dog-single p{
    font-size:16px !important;
    line-height:1.66 !important;
    max-width:none !important;
  }

  .hero-share-btn{
    position:absolute !important;
    top:16px !important;
    right:16px !important;
    width:50px !important;
    min-width:50px !important;
    height:50px !important;
    padding:0 !important;
    font-size:0 !important;
    justify-content:center !important;
  }
  .hero-share-btn::after{
    margin:0 !important;
    font-size:18px !important;
  }

  .live-people-box{
    right:auto !important;
    left:12px !important;
    bottom:92px !important;
  }
  .ticket-timer{
    right:12px !important;
    bottom:18px !important;
  }
}

/* === HASKI_GOLDEN_HERO_REWORK_END === */\n\n/* === HUSKY_PREMIUM_DOG_HERO_V1_START === */
.haski-dog-page .haski-dog-hero--premium{
  display:grid !important;
  grid-template-columns:minmax(0, 0.618fr) minmax(0, 1fr) !important;
  gap:34px !important;
  align-items:stretch !important;
  padding:34px !important;
  border-radius:36px !important;
  border:1px solid rgba(12,24,48,.08) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(113,226,255,.18), transparent 28%),
    radial-gradient(circle at 100% 100%, rgba(164,119,255,.14), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.94), rgba(246,249,252,.92)) !important;
  box-shadow:0 24px 64px rgba(12,24,48,.10) !important;
  overflow:hidden !important;
  position:relative !important;
}

.haski-dog-page .haski-dog-hero--premium::before,
.haski-dog-page .haski-dog-hero--premium::after{
  content:"";
  position:absolute;
  inset:auto;
  pointer-events:none;
}

.haski-dog-page .haski-dog-hero--premium::before{
  width:240px;
  height:240px;
  left:-80px;
  top:-80px;
  background:radial-gradient(circle, rgba(53,194,255,.18), transparent 70%);
}

.haski-dog-page .haski-dog-hero--premium::after{
  width:300px;
  height:300px;
  right:-120px;
  bottom:-120px;
  background:radial-gradient(circle, rgba(139,92,246,.14), transparent 70%);
}

.haski-dog-page .haski-dog-hero--premium > .haski-dog-hero__content{
  display:grid !important;
  grid-template-rows:auto auto auto auto auto !important;
  align-content:start !important;
  gap:18px !important;
  min-width:0 !important;
  padding:0 !important;
  position:relative !important;
  z-index:2 !important;
}

.haski-dog-page .haski-dog-hero--premium .haski-dog-hero__eyebrow{
  min-height:38px !important;
  padding:0 18px !important;
  border-radius:999px !important;
  background:linear-gradient(90deg, rgba(41,202,214,.14), rgba(41,202,214,.06)) !important;
  border:1px solid rgba(41,202,214,.22) !important;
  color:#12a9b7 !important;
  font-size:12px !important;
  letter-spacing:.14em !important;
  font-weight:900 !important;
}

.haski-dog-page .haski-dog-hero--premium .haski-dog-hero__title{
  margin:0 !important;
  max-width:7ch !important;
  font-size:clamp(60px, 6.2vw, 96px) !important;
  line-height:.90 !important;
  letter-spacing:-.065em !important;
  color:#10203e !important;
  text-wrap:balance !important;
}

.haski-dog-page .haski-dog-hero--premium .haski-dog-hero__meta{
  display:grid !important;
  gap:12px !important;
}

.haski-dog-page .haski-dog-hero--premium .haski-dog-hero__chips{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
}

.haski-dog-page .haski-dog-hero--premium .haski-dog-hero__chips span{
  display:inline-flex !important;
  align-items:center !important;
  min-height:42px !important;
  padding:0 16px !important;
  border-radius:999px !important;
  border:1px solid rgba(12,24,48,.08) !important;
  background:rgba(255,255,255,.82) !important;
  color:#1b2843 !important;
  box-shadow:0 8px 20px rgba(12,24,48,.05) !important;
  font-size:15px !important;
  font-weight:700 !important;
}

.haski-dog-page .haski-dog-hero--premium .haski-dog-hero__chips--secondary span{
  color:#5b6883 !important;
  background:rgba(255,255,255,.58) !important;
}

.haski-dog-page .haski-dog-hero--premium .haski-dog-hero__lead--premium{
  margin:0 !important;
  max-width:35ch !important;
  color:rgba(16,32,62,.72) !important;
  font-size:18px !important;
  line-height:1.7 !important;
  display:-webkit-box !important;
  -webkit-line-clamp:4 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}

.haski-dog-page .haski-dog-hero--premium .haski-dog-hero__quickfacts{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:12px !important;
  max-width:640px !important;
}

.haski-dog-page .haski-dog-hero--premium .haski-dog-hero__quickfact{
  min-width:0 !important;
  padding:14px 16px !important;
  border-radius:22px !important;
  border:1px solid rgba(12,24,48,.08) !important;
  background:rgba(255,255,255,.72) !important;
  box-shadow:0 10px 24px rgba(12,24,48,.04) !important;
}

.haski-dog-page .haski-dog-hero--premium .haski-dog-hero__quickfact span{
  display:block !important;
  margin-bottom:6px !important;
  color:#6e7890 !important;
  font-size:12px !important;
  line-height:1.3 !important;
  text-transform:uppercase !important;
  letter-spacing:.08em !important;
  font-weight:800 !important;
}

.haski-dog-page .haski-dog-hero--premium .haski-dog-hero__quickfact strong{
  display:block !important;
  color:#10203e !important;
  font-size:18px !important;
  line-height:1.15 !important;
  font-weight:900 !important;
}

.haski-dog-page .haski-dog-hero--premium .haski-dog-hero__actions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:12px !important;
  margin-top:2px !important;
}

.haski-dog-page .haski-dog-hero--premium .haski-dog-hero__actions .btn{
  min-height:56px !important;
  padding:0 24px !important;
  border-radius:999px !important;
}

.haski-dog-page .haski-dog-hero--premium .haski-dog-hero__actions .btn-primary{
  box-shadow:0 18px 36px rgba(83,92,255,.22) !important;
}

.haski-dog-page .haski-dog-hero--premium .haski-dog-hero__share-row{
  margin-top:-4px !important;
}

.haski-dog-page .haski-dog-hero--premium .haski-dog-hero__share,
.haski-dog-page .haski-dog-hero--premium .haski-dog-hero__share.hero-share-btn{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  min-height:48px !important;
  padding:0 18px !important;
  border-radius:999px !important;
  border:1px solid rgba(12,24,48,.08) !important;
  background:rgba(255,255,255,.68) !important;
  color:#1d2945 !important;
  box-shadow:none !important;
  font-weight:700 !important;
}

.haski-dog-page .haski-dog-hero--premium .haski-dog-hero__share::before,
.haski-dog-page .haski-dog-hero--premium .haski-dog-hero__share::after,
.haski-dog-page .haski-dog-hero--premium .hero-share-btn::before,
.haski-dog-page .haski-dog-hero--premium .hero-share-btn::after{
  display:none !important;
  content:none !important;
}

.haski-dog-page .haski-dog-hero--premium > .haski-dog-hero__media{
  display:flex !important;
  align-items:stretch !important;
  min-width:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  position:relative !important;
  z-index:2 !important;
}

.haski-dog-page .haski-dog-hero--premium .haski-dog-hero__stage{
  position:relative !important;
  width:100% !important;
  min-width:0 !important;
  aspect-ratio:4 / 5 !important;
  border-radius:32px !important;
  overflow:hidden !important;
  background:
    linear-gradient(180deg, rgba(10,16,28,.06), rgba(10,16,28,.02)),
    #dfe8f1 !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.28),
    0 24px 48px rgba(12,24,48,.14) !important;
}

.haski-dog-page .haski-dog-hero--premium .hero-media-slider{
  width:100% !important;
  height:100% !important;
  min-width:100% !important;
  overflow:visible !important;
  border-radius:0 !important;
  isolation:auto !important;
  background:transparent !important;
  box-shadow:none !important;
  position:relative !important;
  clip-path:none !important;
}

.haski-dog-page .haski-dog-hero--premium .hero-media-slider__track{
  display:flex !important;
  width:100% !important;
  height:100% !important;
  gap:0 !important;
  transition:transform .55s cubic-bezier(.22,.61,.36,1) !important;
  will-change:transform !important;
}

.haski-dog-page .haski-dog-hero--premium .hero-media-slider__slide{
  flex:0 0 100% !important;
  min-width:100% !important;
  height:100% !important;
  overflow:hidden !important;
  position:relative !important;
}

.haski-dog-page .haski-dog-hero--premium .hero-media-slider__slide::before{
  display:none !important;
}

.haski-dog-page .haski-dog-hero--premium .hero-media-slider__slide img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center center !important;
  border-radius:0 !important;
  transform:none !important;
  -webkit-mask-image:none !important;
  mask:none !important;
}

.haski-dog-page .haski-dog-hero--premium .haski-dog-hero__counter{
  position:absolute !important;
  top:16px !important;
  left:16px !important;
  z-index:4 !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  min-height:38px !important;
  padding:0 14px !important;
  border-radius:999px !important;
  background:rgba(11,30,57,.56) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  backdrop-filter:blur(14px) !important;
  color:#fff !important;
  font-size:13px !important;
  font-weight:800 !important;
  letter-spacing:.08em !important;
}

.haski-dog-page .haski-dog-hero--premium .hero-media-slider__dots{
  position:absolute !important;
  left:18px !important;
  bottom:18px !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  z-index:4 !important;
}

.haski-dog-page .haski-dog-hero--premium .hero-media-slider__dot{
  width:10px !important;
  height:10px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.42) !important;
  box-shadow:none !important;
  cursor:pointer !important;
}

.haski-dog-page .haski-dog-hero--premium .hero-media-slider__dot.is-active{
  background:#fff !important;
  box-shadow:0 0 0 4px rgba(255,255,255,.16) !important;
}

.haski-dog-page .haski-dog-hero--premium .hero-media-slider__nav{
  position:absolute !important;
  right:18px !important;
  bottom:18px !important;
  display:flex !important;
  gap:10px !important;
  z-index:4 !important;
}

.haski-dog-page .haski-dog-hero--premium .hero-media-slider__btn{
  width:50px !important;
  height:50px !important;
  border:0 !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.92) !important;
  color:#10203e !important;
  box-shadow:0 14px 30px rgba(12,24,48,.16) !important;
  font-size:24px !important;
  line-height:1 !important;
  cursor:pointer !important;
  transition:transform .2s ease, background .2s ease !important;
}

.haski-dog-page .haski-dog-hero--premium .hero-media-slider__btn:hover{
  transform:translateY(-1px) !important;
  background:#fff !important;
}

@media (max-width: 1180px){
  .haski-dog-page .haski-dog-hero--premium{
    grid-template-columns:1fr !important;
    gap:24px !important;
  }

  .haski-dog-page .haski-dog-hero--premium .haski-dog-hero__title{
    max-width:none !important;
  }

  .haski-dog-page .haski-dog-hero--premium .haski-dog-hero__stage{
    aspect-ratio:1 / 1.02 !important;
  }
}

@media (max-width: 767px){
  .haski-dog-page .haski-dog-hero--premium{
    padding:0 !important;
    gap:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:visible !important;
  }

  .haski-dog-page .haski-dog-hero--premium::before,
  .haski-dog-page .haski-dog-hero--premium::after{
    display:none !important;
  }

  .haski-dog-page .haski-dog-hero--premium > .haski-dog-hero__media{
    order:1 !important;
  }

  .haski-dog-page .haski-dog-hero--premium > .haski-dog-hero__content{
    order:2 !important;
    margin:-34px 14px 0 !important;
    padding:22px 18px 20px !important;
    border-radius:28px !important;
    background:rgba(255,255,255,.94) !important;
    border:1px solid rgba(12,24,48,.07) !important;
    box-shadow:0 18px 42px rgba(12,24,48,.12) !important;
  }

  .haski-dog-page .haski-dog-hero--premium .haski-dog-hero__stage{
    aspect-ratio:4 / 5 !important;
    border-radius:28px !important;
  }

  .haski-dog-page .haski-dog-hero--premium .haski-dog-hero__title{
    font-size:clamp(44px, 14vw, 66px) !important;
    line-height:.92 !important;
  }

  .haski-dog-page .haski-dog-hero--premium .haski-dog-hero__chips{
    gap:8px !important;
  }

  .haski-dog-page .haski-dog-hero--premium .haski-dog-hero__chips span{
    min-height:38px !important;
    padding:0 13px !important;
    font-size:13px !important;
  }

  .haski-dog-page .haski-dog-hero--premium .haski-dog-hero__lead--premium{
    max-width:none !important;
    -webkit-line-clamp:5 !important;
    font-size:16px !important;
    line-height:1.6 !important;
  }

  .haski-dog-page .haski-dog-hero--premium .haski-dog-hero__quickfacts{
    grid-template-columns:1fr 1fr !important;
  }

  .haski-dog-page .haski-dog-hero--premium .haski-dog-hero__actions{
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  .haski-dog-page .haski-dog-hero--premium .haski-dog-hero__actions .btn,
  .haski-dog-page .haski-dog-hero--premium .haski-dog-hero__share{
    width:100% !important;
    justify-content:center !important;
  }

  .haski-dog-page .haski-dog-hero--premium .hero-media-slider__btn{
    width:44px !important;
    height:44px !important;
    font-size:22px !important;
  }

  .haski-dog-page .haski-dog-hero--premium .haski-dog-hero__counter{
    top:14px !important;
    left:14px !important;
  }

  .haski-dog-page .haski-dog-hero--premium .hero-media-slider__dots{
    left:14px !important;
    bottom:14px !important;
  }

  .haski-dog-page .haski-dog-hero--premium .hero-media-slider__nav{
    right:14px !important;
    bottom:14px !important;
  }
}

@media (max-width: 420px){
  .haski-dog-page .haski-dog-hero--premium > .haski-dog-hero__content{
    margin:-30px 10px 0 !important;
    padding:20px 16px 18px !important;
  }

  .haski-dog-page .haski-dog-hero--premium .haski-dog-hero__quickfacts{
    grid-template-columns:1fr !important;
  }
}
/* === HUSKY_PREMIUM_DOG_HERO_V1_END === */\n

/* === HUSKY_DOG_PROFILE_STEP2_V1_START === */
.haski-dog-page .dog-anchor-nav{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  margin:18px 0 26px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.haski-dog-page .dog-anchor-nav a{
  display:inline-flex !important;
  align-items:center !important;
  min-height:40px !important;
  padding:0 14px !important;
  border-radius:999px !important;
  border:1px solid rgba(12,24,48,.08) !important;
  background:rgba(255,255,255,.74) !important;
  color:#22304a !important;
  box-shadow:0 8px 20px rgba(12,24,48,.05) !important;
  font-size:13px !important;
  font-weight:700 !important;
  transition:transform .2s ease, background .2s ease, box-shadow .2s ease !important;
}

.haski-dog-page .dog-anchor-nav a:hover{
  transform:translateY(-1px) !important;
  background:#fff !important;
  box-shadow:0 12px 24px rgba(12,24,48,.08) !important;
}

.haski-dog-page .content-columns{
  gap:18px !important;
}

.haski-dog-page .haski-dog-block{
  border-radius:28px !important;
}

@media (max-width: 767px){
  .haski-dog-page .dog-anchor-nav{
    gap:8px !important;
    margin:14px 0 22px !important;
    overflow-x:auto !important;
    flex-wrap:nowrap !important;
    padding-bottom:4px !important;
    -webkit-overflow-scrolling:touch !important;
    scrollbar-width:none !important;
  }

  .haski-dog-page .dog-anchor-nav::-webkit-scrollbar{
    display:none !important;
  }

  .haski-dog-page .dog-anchor-nav a{
    flex:0 0 auto !important;
    min-height:38px !important;
    padding:0 13px !important;
    font-size:12px !important;
  }
}
/* === HUSKY_DOG_PROFILE_STEP2_V1_END === */

/* STEP 7 — first-screen polish */
.breadcrumbs .container {
  min-height: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.site-main {
  padding-bottom: calc(92px + var(--safe-bottom));
}

@media (min-width: 1025px) {
  .breadcrumbs {
    background: transparent;
    border-bottom: 0;
  }

  .breadcrumbs .container {
    min-height: 34px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 13px;
  }
}

@media (max-width: 640px) {
  .breadcrumbs .container {
    min-height: 30px;
    padding-top: 6px;
    padding-bottom: 8px;
    font-size: 12px;
  }

  .site-main {
    padding-bottom: calc(108px + var(--safe-bottom));
  }
}

/* STEP 8 — mobile menu polish */
body.is-mobile-menu-open::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 120;
  background: rgba(7, 17, 31, .18);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}

.mobile-menu-sheet {
  bottom: calc(92px + var(--safe-bottom));
  padding: 8px;
  border-radius: 24px;
  max-height: min(62svh, 520px);
  overflow: auto;
}

.mobile-menu-sheet::before {
  border-radius: 23px;
}

.mobile-menu-sheet-inner {
  gap: 6px;
}

.mobile-menu-link {
  min-height: 52px;
  padding: 0 14px;
  border-radius: 18px;
}

.mobile-menu-link-icon {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
}

.mobile-menu-link span:last-child {
  line-height: 1.2;
}

.mobile-bar {
  z-index: 130;
}

.mobile-menu-sheet {
  z-index: 135;
}

.mobile-bar-item,
.mobile-bar-link {
  outline: none;
}

.mobile-bar-item:focus-visible,
.mobile-bar-link:focus-visible,
.mobile-menu-link:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--brand) 44%, transparent);
  outline-offset: 0;
}

.mobile-bar-item[aria-expanded="true"] {
  border: 1px solid color-mix(in srgb, var(--brand) 28%, var(--line));
  background: color-mix(in srgb, var(--brand) 10%, var(--surface-tint));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.14);
}

@media (max-width: 640px) {
  .mobile-menu-sheet {
    left: calc(8px + var(--safe-left));
    right: calc(8px + var(--safe-right));
    bottom: calc(88px + var(--safe-bottom));
    max-height: min(58svh, 460px);
  }

  .mobile-menu-link {
    min-height: 50px;
    padding: 0 13px;
  }
}