:root {
  --af-ink: #061923;
  --af-deep: #0b3440;
  --af-teal: #0f6975;
  --af-aqua: #58c5bd;
  --af-gold: #d5a84b;
  --af-coral: #ef6a4c;
  --af-mist: #e9f6f5;
  --af-white: #fbfdfd;
}

html { scroll-behavior: smooth; }
body { color: var(--af-ink) !important; background: var(--af-white) !important; }
.top-bar { background: var(--af-ink) !important; color: #fff !important; }
.top-bar .btn,
.header-cta,
.nav-cta-mobile,
.btn-primary,
.btn-contact,
button[type="submit"] {
  background: linear-gradient(135deg, var(--af-coral), #d64c36) !important;
  border-color: transparent !important;
  color: #fff !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 24px rgba(239, 106, 76, .22);
}
.top-bar .btn:hover,
.header-cta:hover,
.nav-cta-mobile:hover,
.btn-primary:hover,
.btn-contact:hover,
button[type="submit"]:hover { transform: translateY(-2px); filter: brightness(1.05); }
.header { background: rgba(251,253,253,.96) !important; border-bottom: 1px solid rgba(15,105,117,.12); }
.logo-img { display: block !important; width: clamp(190px, 23vw, 290px) !important; height: auto !important; }
.logo::before, .logo::after, .nav-brand-mobile::after { content: none !important; display: none !important; }
.nav-brand-mobile img { display: block !important; width: min(250px, 78vw) !important; height: auto !important; }
.nav-menu a { color: var(--af-ink) !important; }
.nav-menu a:hover,
.nav-menu a.active { color: var(--af-teal) !important; }
.hero-banner {
  min-height: min(760px, 82vh) !important;
  background-image: linear-gradient(90deg, rgba(3,17,24,.94) 0%, rgba(3,17,24,.72) 44%, rgba(3,17,24,.08) 78%), url("/assets/images/arowana/arowana-hero.png") !important;
  background-position: center !important;
  background-size: cover !important;
}
.hero-title,
.hero-description,
.hero-contact,
.hero-contact a { color: #fff !important; }
.hero-title .highlight { color: var(--af-gold) !important; }
.trust-bar { background: var(--af-deep) !important; color: #fff !important; }
.trust-icon { color: var(--af-aqua) !important; }
.page-header {
  background: radial-gradient(circle at 80% 20%, rgba(88,197,189,.24), transparent 34%), linear-gradient(135deg, var(--af-ink), var(--af-teal)) !important;
}
.section-badge,
.eyebrow,
.badge { color: var(--af-teal) !important; }
.section-title,
.about-title,
h1, h2, h3 { color: var(--af-ink); }
.puppy-card,
.testimonial-card,
.feature-card,
.info-card {
  border: 1px solid rgba(15,105,117,.13) !important;
  box-shadow: 0 16px 42px rgba(6,25,35,.09) !important;
}
.status-badge.available,
.puppy-status-badge.available,
.puppy-photo-status.available { background: var(--af-teal) !important; color: #fff !important; }
.price-amount { color: var(--af-coral) !important; }
.card-color { margin: .65rem 0 0; color: var(--af-teal); font-size: .88rem; font-weight: 750; }
.arowana-profile-title { color: inherit; text-decoration: none; }
.arowana-profile-title:hover { color: var(--af-teal); text-decoration: underline; }
.btn-profile { border: 1px solid var(--af-teal) !important; color: var(--af-teal) !important; background: transparent !important; }
.catalog-seo-directory { display: flex; flex-wrap: wrap; justify-content: center; gap: .6rem; padding: 1.2rem max(1rem, calc((100% - 1100px)/2)); background: var(--af-mist); border-top: 1px solid #d0e6e3; }
.catalog-seo-directory strong { width: 100%; text-align: center; color: var(--af-ink); }
.catalog-seo-directory a { padding: .42rem .72rem; color: var(--af-teal); background: white; border: 1px solid #d0e6e3; border-radius: 999px; font-size: .88rem; font-weight: 750; text-decoration: none; }
a { text-underline-offset: .2em; }
footer, .footer { background: var(--af-ink) !important; color: rgba(255,255,255,.82) !important; }
footer a, .footer a, footer h3, .footer h3 { color: #fff !important; }
.testimonials-section { display: none !important; }
.editorial-main { background: var(--af-white); }
.editorial-wrap { width: min(980px, calc(100% - 2rem)); margin-inline: auto; }
.editorial-hero { padding: clamp(4.5rem, 10vw, 8rem) 0; color: white; background: radial-gradient(circle at 80% 20%, rgba(88,197,189,.25), transparent 34%), linear-gradient(135deg, var(--af-ink), var(--af-teal)); }
.editorial-hero h1 { max-width: 800px; margin: .5rem 0 1rem; color: white; font: 800 clamp(2.5rem, 7vw, 5rem)/1 Georgia, serif; }
.editorial-hero p:last-child { max-width: 720px; color: rgba(255,255,255,.84); font-size: 1.15rem; }
.editorial-kicker { color: #f0c86f !important; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.editorial-copy { padding-block: clamp(3rem, 8vw, 6rem); }
.editorial-copy > h2 { margin-top: 2.6rem; font: 750 clamp(1.6rem, 4vw, 2.3rem)/1.18 Georgia, serif; }
.editorial-copy > p { max-width: 820px; color: #43565d; font-size: 1.05rem; }
.editorial-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.2rem; margin-top: 1.5rem; }
.editorial-grid article { padding: 1.5rem; border: 1px solid rgba(15,105,117,.16); border-radius: 18px; background: white; }
.editorial-grid h3 { margin-top: 0; }
.editorial-note { margin-top: 2rem; padding: 1.4rem; border-left: 5px solid var(--af-coral); background: var(--af-mist); border-radius: 0 14px 14px 0; }
.editorial-links { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 3rem; padding-top: 2rem; border-top: 1px solid #d8e8e6; }
.editorial-links a, .editorial-cta { padding: .75rem 1rem; color: var(--af-teal); background: var(--af-mist); border-radius: 999px; font-weight: 750; text-decoration: none; }
.faq-list details { margin-bottom: .9rem; padding: 1.25rem 1.4rem; background: white; border: 1px solid #d8e8e6; border-radius: 16px; }
.faq-list summary { cursor: pointer; color: var(--af-ink); font-weight: 800; }
.faq-list p { color: #43565d; }

@media (max-width: 768px) {
  .logo-img { width: 178px !important; }
  .hero-banner {
    min-height: 690px !important;
    background-image: linear-gradient(180deg, rgba(3,17,24,.5), rgba(3,17,24,.95) 76%), url("/assets/images/arowana/arowana-hero.png") !important;
    background-position: 68% center !important;
  }
  .hero-content { padding-top: 18rem !important; }
  .editorial-grid { grid-template-columns: 1fr; }
}