/* ============================================================
   Infinite Royal Kittens Home — stylesheet
   Palette: warm-white canvas, ink, muted rose #B0667A, gold
   Fonts: Cormorant Garamond (display) + Hanken Grotesk (body)
   ============================================================ */
:root{
  --canvas:#FAF9F6; --white:#FFFFFF; --ink:#1C1B19; --sec:#6B6862;
  --border:#E7E4DC; --rose:#B0667A; --rose-hover:#97586A; --whatsapp:#25D366;
  --gold:#B8924A;
  --display:'Cormorant Garamond',Georgia,serif;
  --body:'Hanken Grotesk',system-ui,sans-serif;
}
*{box-sizing:border-box;}
[hidden]{display:none !important;}
html{scroll-behavior:smooth;}
body{
  margin:0; background:var(--canvas); color:var(--ink);
  font-family:var(--body); font-size:16px; line-height:1.5;
  -webkit-font-smoothing:antialiased; overflow-x:hidden;
}
img{max-width:100%; display:block;}
a{color:inherit;}
em{font-style:italic;}
.muted{color:var(--sec); font-weight:400;}
.container{max-width:1240px; margin:0 auto; padding:0 clamp(20px,5vw,64px);}
.section{padding:clamp(80px,10vh,116px) 0;}
.section--white{background:var(--white);}
.section--featured{padding:clamp(80px,10vh,110px) 0;}
.row-between{display:flex; align-items:flex-end; justify-content:space-between; gap:24px; flex-wrap:wrap;}

/* ── Reveal animation ─────────────────────────────────────── */
.reveal{opacity:0; transform:translateY(24px); transition:opacity .7s ease var(--rd,0ms), transform .7s cubic-bezier(.2,.7,.3,1) var(--rd,0ms);}
.reveal.is-visible{opacity:1; transform:none;}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1; transform:none; transition:none;}}

/* ── Inner pages (Health Guarantee, Privacy Policy) ───────── */
#site-header.solid{background:rgba(250,249,246,.92); backdrop-filter:blur(14px); border-bottom:1px solid var(--border); box-shadow:0 4px 24px rgba(28,27,25,.06); position:sticky;}
#site-header.solid .header-inner{padding:14px clamp(20px,5vw,48px);}
#site-header.solid .ph-nav a{color:var(--sec);}
#site-header.solid .ph-nav a:hover{color:var(--ink);}
#site-header.solid .nav-toggle span{background:var(--ink);}
.inner-page{padding-top:0;}
.inner-hero{background:var(--white); border-bottom:1px solid var(--border); padding:clamp(48px,8vh,84px) 0;}
.container--narrow{max-width:820px;}
.inner-content{padding:clamp(48px,7vh,80px) 0;}
.prose{font-size:16.5px; line-height:1.72; color:var(--sec);}
.prose .lead{font-size:19px; line-height:1.65; color:var(--ink); margin:0 0 36px;}
.prose h2{font-family:var(--display); font-weight:600; font-size:clamp(24px,3vw,30px); line-height:1.15; color:var(--ink); margin:40px 0 14px; letter-spacing:-.01em;}
.prose p{margin:0 0 18px;}
.prose ul{margin:0 0 18px; padding-left:0; list-style:none;}
.prose li{position:relative; padding-left:30px; margin-bottom:11px;}
.prose li::before{content:''; position:absolute; left:0; top:9px; width:8px; height:8px; border-radius:99px; background:var(--rose);}
.prose strong{color:var(--ink); font-weight:600;}
.prose a{color:var(--rose); text-decoration:underline; text-underline-offset:2px;}
.prose-cta{margin:44px 0 8px; padding:32px clamp(24px,4vw,40px); background:var(--canvas); border:1px solid var(--border); border-radius:16px; text-align:center;}
.prose-cta>p{margin:0 0 18px; font-family:var(--display); font-size:23px; color:var(--ink);}
.prose-cta-btns{display:flex; gap:12px; justify-content:center; flex-wrap:wrap;}
.prose-note{margin-top:36px; padding-top:24px; border-top:1px solid var(--border); font-size:13.5px; color:var(--sec);}

.inner-hero--image{position:relative; background-size:cover; background-position:center; border-bottom:none; padding:clamp(96px,16vh,150px) 0 clamp(64px,10vh,96px);}
.inner-hero-overlay{position:absolute; inset:0; background:linear-gradient(105deg,rgba(28,27,25,.82) 0%,rgba(28,27,25,.55) 55%,rgba(28,27,25,.30) 100%);}
.inner-hero--image .container{position:relative; z-index:2;}
.inner-hero-btns{display:flex; gap:12px; margin-top:28px; flex-wrap:wrap;}
.breed-intro-media{border-radius:14px; overflow:hidden; aspect-ratio:4/5; box-shadow:0 30px 70px rgba(28,27,25,.18);}
.breed-intro-media img{width:100%; height:100%; object-fit:cover; cursor:zoom-in;}
.crosslinks-sec{padding:clamp(56px,8vh,84px) 0;}
.crosslinks{display:flex; flex-wrap:wrap; gap:14px; justify-content:center; margin-top:36px;}
.crosslink{display:inline-flex; align-items:center; padding:14px 26px; border-radius:999px; border:1px solid var(--border); background:var(--white); font-weight:600; font-size:15px; color:var(--ink); text-decoration:none; transition:all .22s cubic-bezier(.2,.7,.3,1); box-shadow:0 2px 8px rgba(28,27,25,.05);}
.crosslink:hover{transform:translateY(-3px); border-color:var(--ink); box-shadow:0 14px 30px rgba(28,27,25,.12);}
.crosslink--all{background:var(--ink); color:#fff; border-color:var(--ink);}
.crosslink--all:hover{background:#2c2a26;}

/* ── Buttons ──────────────────────────────────────────────── */
.btn{display:inline-flex; align-items:center; justify-content:center; gap:9px;
  font-family:var(--body); font-weight:600; font-size:15px; letter-spacing:.01em;
  border-radius:999px; padding:14px 27px; cursor:pointer; border:1px solid transparent;
  transition:all .22s cubic-bezier(.2,.7,.3,1); text-decoration:none; white-space:nowrap;}
.btn--sm{padding:11px 20px; font-size:14px;}
.btn--lg{padding:17px 34px; font-size:16.5px;}
.btn--full{width:100%;}
.btn--primary{background:var(--ink); color:#fff; box-shadow:0 4px 14px rgba(28,27,25,.16);}
.btn--primary:hover{background:#2c2a26; transform:translateY(-2px); box-shadow:0 12px 28px rgba(28,27,25,.28);}
.btn--whatsapp{background:var(--white); color:var(--ink); border-color:var(--border); box-shadow:0 1px 2px rgba(0,0,0,.04);}
.btn--whatsapp:hover{border-color:var(--whatsapp); transform:translateY(-2px); box-shadow:0 10px 22px rgba(0,0,0,.10);}
.btn--whatsappFill{background:var(--whatsapp); color:#fff; box-shadow:0 4px 14px rgba(37,211,102,.28);}
.btn--whatsappFill:hover{background:#1ebe5d; transform:translateY(-2px); box-shadow:0 12px 26px rgba(37,211,102,.4);}
.btn--ghost{background:transparent; color:var(--ink); border-color:rgba(28,27,25,.26);}
.btn--ghost:hover{background:var(--ink); color:#fff; border-color:var(--ink);}
.btn--light{background:rgba(255,255,255,.9); color:var(--ink); backdrop-filter:blur(8px); box-shadow:0 6px 18px rgba(0,0,0,.14);}
.btn--light:hover{background:#fff; transform:translateY(-2px);}
.btn--outlineLight{background:transparent; color:#fff; border-color:rgba(255,255,255,.55);}
.btn--outlineLight:hover{background:rgba(255,255,255,.12);}
.wa-glyph{flex:0 0 auto;}

/* ── Chips / badges / eyebrow / headers ───────────────────── */
.chip{display:inline-flex; align-items:center; font-size:12.5px; font-weight:500; letter-spacing:.01em; border-radius:999px; padding:5px 12px;}
.chip--light{background:var(--white); color:var(--ink); border:1px solid var(--border);}
.chip--glass{background:rgba(255,255,255,.16); color:#fff; border:1px solid rgba(255,255,255,.36); backdrop-filter:blur(4px);}
.chip--canvas{background:var(--canvas); color:var(--sec); border:1px solid var(--border);}
.status-badge{display:inline-flex; align-items:center; gap:7px; font-size:11.5px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; border-radius:999px; padding:6px 12px; background:rgba(255,255,255,.92); color:var(--ink); box-shadow:0 2px 8px rgba(0,0,0,.10);}
.sb-dot{width:7px; height:7px; border-radius:99px;}
.sb-dot--avail{background:#2E8B57; box-shadow:0 0 0 3px rgba(46,139,87,.13);}
.sb-dot--wait{background:var(--rose); box-shadow:0 0 0 3px rgba(176,102,122,.13);}
.eyebrow{display:inline-flex; align-items:center; gap:10px;}
.eyebrow--center{justify-content:center;}
.eb-line{width:26px; height:1px; background:var(--rose);}
.eb-text{text-transform:uppercase; letter-spacing:.22em; font-size:11.5px; font-weight:600; color:var(--rose);}
.eyebrow--light .eb-line{background:rgba(255,255,255,.5);}
.eyebrow--light .eb-text{color:rgba(255,255,255,.78);}
.sec-head{display:flex; flex-direction:column; align-items:flex-start; gap:14px; text-align:left;}
.sec-head--center{align-items:center; text-align:center;}
.sec-title{margin:0; font-family:var(--display); font-weight:600; font-size:clamp(34px,4.4vw,52px); line-height:1.04; letter-spacing:-.015em; max-width:760px;}
.sec-title em{color:var(--rose);}
.sec-head--light .sec-title{color:#fff;}
.sec-sub{margin:0; font-size:17px; line-height:1.6; color:var(--sec); max-width:560px;}
.sec-head--light .sec-sub{color:rgba(255,255,255,.74);}

/* ── Header ───────────────────────────────────────────────── */
#site-header{position:fixed; top:0; left:0; right:0; z-index:100; transition:all .35s ease; border-bottom:1px solid transparent;}
#site-header.scrolled{background:rgba(250,249,246,.86); backdrop-filter:blur(14px); border-bottom:1px solid var(--border); box-shadow:0 4px 24px rgba(28,27,25,.06);}
.header-inner{max-width:1320px; margin:0 auto; padding:22px clamp(20px,5vw,48px); display:flex; align-items:center; justify-content:space-between; transition:padding .35s ease;}
#site-header.scrolled .header-inner{padding:14px clamp(20px,5vw,48px);}
.header-logo{text-decoration:none; display:flex; align-items:center;}
.ph-nav{display:flex; align-items:center; gap:30px;}
.ph-nav a{font-size:14px; font-weight:500; text-decoration:none; color:rgba(255,255,255,.86); transition:color .2s;}
.ph-nav a:hover{color:#fff;}
#site-header.scrolled .ph-nav a{color:var(--sec);}
#site-header.scrolled .ph-nav a:hover{color:var(--ink);}
.header-cta{display:flex; align-items:center; gap:12px;}
.nav-toggle{display:none; flex-direction:column; gap:5px; background:none; border:none; cursor:pointer; padding:8px;}
.nav-toggle span{width:24px; height:2px; background:#fff; border-radius:2px; transition:.3s;}
#site-header.scrolled .nav-toggle span{background:var(--ink);}
.mobile-menu{display:none;}

/* Logo */
.logo{display:inline-flex; align-items:center; gap:13px;}
.crowncat{display:block; flex:0 0 auto;}
.cc-cat{fill:var(--rose);} .cc-crown{fill:var(--gold);} .cc-ring{stroke:var(--canvas);}
.cc-muzzle,.cc-eye{fill:var(--canvas);}
.logo-words{display:flex; flex-direction:column; line-height:1;}
.logo-name{font-family:var(--display); font-weight:600; font-size:21px; letter-spacing:.005em; line-height:1.02; white-space:nowrap;}
.logo-sub{font-size:7.6px; font-weight:600; letter-spacing:.34em; text-transform:uppercase; color:var(--sec); margin-top:4.6px;}
.logo--light .logo-name{color:#fff;} .logo--light .logo-sub{color:rgba(255,255,255,.72);}
.logo--light .cc-cat{fill:#fff;} .logo--light .cc-crown{fill:#E7C97A;} .logo--light .cc-ring{stroke:rgba(28,27,25,.55);} .logo--light .cc-muzzle,.logo--light .cc-eye{fill:rgba(28,27,25,.55);}
.logo--footer .logo-name{color:#fff;} .logo--footer .logo-sub{color:rgba(255,255,255,.6);}
.logo--footer .cc-cat{fill:#E0A3B4;} .logo--footer .cc-crown{fill:#E7C97A;} .logo--footer .cc-ring{stroke:#1C1B19;} .logo--footer .cc-muzzle,.logo--footer .cc-eye{fill:#1C1B19;}
.logo--dark .logo-name{color:var(--ink);}

/* ── Hero ─────────────────────────────────────────────────── */
.hero{position:relative; min-height:100vh; overflow:hidden; background:var(--ink); display:flex;}
.hero-slides{position:absolute; inset:0;}
.hero-slide{position:absolute; inset:0; background-size:cover; opacity:0; transform:scale(1); transition:opacity 1.6s ease, transform 6.5s ease;}
.hero-slide.is-active{opacity:1; transform:scale(1.06);}
.hero-grad{position:absolute; inset:0; pointer-events:none;}
.hero-grad--1{background:linear-gradient(105deg,rgba(28,27,25,.74) 0%,rgba(28,27,25,.40) 46%,rgba(28,27,25,.08) 78%,rgba(28,27,25,.18) 100%);}
.hero-grad--2{background:linear-gradient(180deg,rgba(28,27,25,.34) 0%,rgba(28,27,25,0) 22%,rgba(28,27,25,0) 60%,rgba(28,27,25,.36) 100%);}
.hero-pill{position:absolute; top:clamp(96px,13vh,140px); right:clamp(20px,5vw,56px); display:inline-flex; align-items:center; gap:10px; background:rgba(255,255,255,.93); backdrop-filter:blur(8px); border-radius:999px; padding:10px 18px; box-shadow:0 10px 28px rgba(0,0,0,.22); z-index:5; font-size:13.5px; font-weight:600;}
.hero-pill .stars{color:var(--gold); display:inline-flex; gap:2px; line-height:0;}
.hero-content{position:relative; z-index:4; width:100%; max-width:1320px; margin:0 auto; padding:0 clamp(20px,5vw,56px); display:flex; align-items:flex-end;}
.hero-wrap{max-width:600px; margin-bottom:clamp(40px,7vh,72px);}
.hero-card{background:rgba(250,249,246,.93); backdrop-filter:blur(16px); border-radius:10px; padding:clamp(28px,4vw,44px); box-shadow:0 32px 80px rgba(0,0,0,.42); border:1px solid rgba(255,255,255,.5);}
.hero-title{margin:16px 0 0; font-family:var(--display); font-weight:600; font-size:clamp(40px,5.4vw,60px); line-height:1; letter-spacing:-.018em;}
.hero-title em{color:var(--rose);}
.hero-lead{margin:18px 0 0; font-size:clamp(15px,1.5vw,17px); line-height:1.58; color:var(--sec); max-width:480px;}
.hero-btns{display:flex; gap:12px; margin-top:28px; flex-wrap:wrap;}
.hero-proof{margin-top:22px; padding-left:4px; display:flex; align-items:center; gap:clamp(14px,2.4vw,26px); flex-wrap:wrap;}
.proof-div{width:1px; height:28px; background:rgba(255,255,255,.28);}
.proof-item{display:flex; flex-direction:column; gap:2px;}
.proof-n{font-family:var(--display); font-weight:600; font-size:19px; line-height:1; color:#fff;}
.proof-n--gold{font-family:var(--body); font-size:15px; color:#E7C97A;}
.proof-l{font-size:11px; font-weight:500; letter-spacing:.05em; text-transform:uppercase; color:rgba(255,255,255,.72);}
.hero-dots{position:absolute; bottom:26px; right:clamp(20px,5vw,56px); display:flex; gap:9px; z-index:5;}
.hero-dot{width:9px; height:9px; border-radius:99px; border:none; cursor:pointer; background:rgba(255,255,255,.5); transition:all .4s ease;}
.hero-dot.is-active{width:28px; background:#fff;}

/* ── Featured carousel ────────────────────────────────────── */
.carousel-nav{display:flex; gap:10px;}
.carousel-btn{width:48px; height:48px; border-radius:999px; border:1px solid var(--border); background:var(--white); cursor:pointer; display:flex; align-items:center; justify-content:center; transition:all .2s; color:var(--ink);}
.carousel-btn:hover{background:var(--ink); border-color:var(--ink); color:#fff;}
.carousel{display:flex; gap:24px; overflow-x:auto; margin-top:40px; padding-bottom:14px; cursor:grab; scroll-snap-type:x proximity; -webkit-overflow-scrolling:touch;}
.carousel.grabbing{cursor:grabbing;}
.snap{scroll-snap-align:start;}
.carousel-end{flex:0 0 1px;}
.ph-scroll::-webkit-scrollbar{height:8px;}
.ph-scroll::-webkit-scrollbar-thumb{background:var(--border); border-radius:99px;}
.ph-scroll{scrollbar-width:thin;}
.kcard{position:relative; width:340px; flex:0 0 340px; height:480px; border-radius:10px; overflow:hidden; background:var(--ink); cursor:pointer; box-shadow:0 6px 22px rgba(28,27,25,.12); transition:all .3s cubic-bezier(.2,.7,.3,1);}
.kcard:hover{transform:translateY(-7px); box-shadow:0 26px 56px rgba(28,27,25,.30);}
.kcard-bg{position:absolute; inset:0; background-size:cover; transition:transform .65s ease;}
.kcard:hover .kcard-bg{transform:scale(1.07);}
.kcard-overlay{position:absolute; inset:0; background:linear-gradient(180deg,rgba(28,27,25,.28) 0%,rgba(28,27,25,0) 30%,rgba(28,27,25,.26) 56%,rgba(28,27,25,.88) 100%); cursor:zoom-in;}
.kcard-badge{position:absolute; top:14px; left:14px; z-index:2;}
.fav-btn{position:absolute; top:13px; right:13px; width:38px; height:38px; border-radius:999px; border:none; cursor:pointer; display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,.9); backdrop-filter:blur(6px); box-shadow:0 4px 14px rgba(0,0,0,.18); z-index:3; transition:transform .18s; color:var(--ink);}
.fav-btn:hover{transform:scale(1.1);}
.fav-btn--sm{width:36px; height:36px;}
.fav-btn.is-fav .heart-ic{fill:var(--rose); stroke:var(--rose);}
.kcard-body{position:absolute; left:0; right:0; bottom:0; padding:0 22px 22px; z-index:2;}
.kcard-meta{display:flex; align-items:center; gap:8px; font-size:12.5px; color:rgba(255,255,255,.82); font-weight:500;}
.kcard-meta .dot{width:3px; height:3px; border-radius:9px; background:rgba(255,255,255,.5);}
.kcard-name{margin:4px 0 0; font-family:var(--display); font-weight:600; font-size:33px; line-height:1; color:#fff;}
.kcard-blurb{margin:8px 0 0; font-size:13.5px; line-height:1.45; color:rgba(255,255,255,.8);}
.kcard-tags{display:flex; flex-wrap:wrap; gap:7px; margin-top:13px;}
.kcard-reveal{overflow:hidden; max-height:0; opacity:0; margin-top:0; transition:max-height .35s ease,opacity .3s ease,margin-top .35s ease;}
.kcard:hover .kcard-reveal{max-height:64px; opacity:1; margin-top:16px;}

/* ── Trust strip ──────────────────────────────────────────── */
.trust-strip{border-top:1px solid var(--border); border-bottom:1px solid var(--border); background:var(--white);}
.trust-grid{max-width:1240px; margin:0 auto; padding:30px clamp(20px,5vw,64px); display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:22px 12px;}
.trust-item{display:flex; flex-direction:column; align-items:center; gap:9px; text-align:center;}
.trust-ic{width:46px; height:46px; border-radius:999px; background:var(--canvas); border:1px solid var(--border); display:flex; align-items:center; justify-content:center; color:var(--rose);}
.trust-label{font-size:13.5px; font-weight:600; color:var(--ink);}

/* ── About ────────────────────────────────────────────────── */
.ph-about-grid{display:grid; grid-template-columns:1fr 1fr; gap:clamp(36px,6vw,80px); align-items:center;}
.about-media{position:relative;}
.about-img-main{position:relative; border-radius:12px; overflow:hidden; aspect-ratio:4/5; box-shadow:0 30px 70px rgba(28,27,25,.18);}
.about-img-main img{width:100%; height:100%; object-fit:cover; cursor:zoom-in;}
.about-img-inset{position:absolute; right:-18px; bottom:-18px; width:46%; border-radius:10px; overflow:hidden; border:5px solid #fff; box-shadow:0 18px 44px rgba(28,27,25,.2); aspect-ratio:1/1;}
.about-img-inset img{width:100%; height:100%; object-fit:cover; cursor:zoom-in;}
.about-lead{margin:20px 0 0; font-size:17px; line-height:1.62; color:var(--sec); max-width:520px;}
.check-grid{display:grid; grid-template-columns:1fr 1fr; gap:12px 20px; margin:26px 0 0;}
.check-item{display:flex; align-items:flex-start; gap:10px;}
.check-ic{flex:0 0 22px; width:22px; height:22px; border-radius:999px; background:rgba(176,102,122,.12); display:flex; align-items:center; justify-content:center; margin-top:1px; color:var(--rose);}
.check-item span:last-child{font-size:14.5px; line-height:1.4; color:var(--ink);}
.stat-row{display:flex; flex-wrap:wrap; gap:28px 40px; margin-top:34px; padding-top:30px; border-top:1px solid var(--border);}
.stat-n{font-family:var(--display); font-weight:600; font-size:38px; line-height:1;}
.stat-l{font-size:12.5px; font-weight:500; letter-spacing:.04em; text-transform:uppercase; color:var(--sec); margin-top:6px;}

/* ── Breeds ───────────────────────────────────────────────── */
.ph-breeds-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:22px; margin-top:48px;}
.breed-card{background:var(--white); border-radius:12px; overflow:hidden; border:1px solid var(--border); box-shadow:0 4px 20px rgba(28,27,25,.06); transition:all .32s cubic-bezier(.2,.7,.3,1); display:flex; flex-direction:column; height:100%;}
.breed-card:hover{transform:translateY(-8px); box-shadow:0 26px 56px rgba(28,27,25,.16);}
.breed-card-img{position:relative; height:248px; overflow:hidden;}
.breed-card-bg{position:absolute; inset:0; background-size:cover; transition:transform .65s ease;}
.breed-card:hover .breed-card-bg{transform:scale(1.08);}
.breed-card-grad{position:absolute; inset:0; background:linear-gradient(180deg,rgba(28,27,25,0) 55%,rgba(28,27,25,.5) 100%);}
.breed-card-name{position:absolute; left:22px; bottom:16px; margin:0; font-family:var(--display); font-weight:600; font-size:32px; color:#fff; text-shadow:0 2px 18px rgba(0,0,0,.4);}
.breed-card-body{padding:22px 24px 26px; display:flex; flex-direction:column; flex:1;}
.breed-overview{margin:0; font-size:14.5px; line-height:1.56; color:var(--sec);}
.breed-temp{display:flex; flex-wrap:wrap; gap:7px; margin-top:16px;}
.breed-ideal{display:flex; align-items:center; gap:9px; margin-top:16px; font-size:13.5px; color:var(--ink);}
.breed-ideal .ic{color:var(--rose); flex:0 0 auto;}
.breed-foot{display:flex; align-items:flex-end; justify-content:space-between; margin-top:auto; padding-top:18px; border-top:1px solid var(--border);}
.price-label{font-size:11.5px; letter-spacing:.04em; text-transform:uppercase; color:var(--sec);}
.price{font-family:var(--display); font-weight:600; font-size:28px; line-height:1.1;}
.price--lg{font-size:30px;}

/* ── Included ─────────────────────────────────────────────── */
.ph-incl-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:48px;}
.incl-card{background:var(--white); border:1px solid var(--border); border-radius:12px; padding:26px 22px; height:100%; transition:all .25s; display:flex; flex-direction:column; gap:14px;}
.incl-card:hover{box-shadow:0 16px 36px rgba(28,27,25,.1); transform:translateY(-4px);}
.incl-ic{width:48px; height:48px; border-radius:12px; background:var(--canvas); border:1px solid var(--border); display:flex; align-items:center; justify-content:center; color:var(--rose);}
.incl-label{display:flex; align-items:center; gap:8px; font-size:15px; font-weight:600; color:var(--ink); line-height:1.25;}
.incl-check{color:#2E8B57; display:flex;}

/* ── Available ────────────────────────────────────────────── */
.filter-pills{display:flex; gap:8px; flex-wrap:wrap;}
.filter-pill{font-size:13.5px; font-weight:600; padding:9px 18px; border-radius:999px; cursor:pointer; transition:all .2s; border:1px solid var(--border); background:var(--white); color:var(--sec);}
.filter-pill:hover{border-color:var(--ink);}
.filter-pill.is-active{border-color:var(--ink); background:var(--ink); color:#fff;}
.ph-avail-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:22px; margin-top:42px;}
.avail-card{background:var(--white); border-radius:12px; overflow:hidden; border:1px solid var(--border); box-shadow:0 3px 16px rgba(28,27,25,.06); transition:all .3s cubic-bezier(.2,.7,.3,1);}
.avail-card.hide{display:none;}
.avail-card:hover{transform:translateY(-6px); box-shadow:0 22px 48px rgba(28,27,25,.15);}
.avail-img{position:relative; height:320px; overflow:hidden; cursor:zoom-in;}
.avail-bg{position:absolute; inset:0; background-size:cover; transition:transform .6s ease;}
.avail-card:hover .avail-bg{transform:scale(1.07);}
.avail-zoom{position:absolute; bottom:12px; right:12px; width:36px; height:36px; border-radius:999px; background:rgba(255,255,255,.9); backdrop-filter:blur(6px); box-shadow:0 4px 12px rgba(0,0,0,.16); display:flex; align-items:center; justify-content:center; opacity:0; transform:translateY(6px); transition:all .25s; color:var(--ink);}
.avail-card:hover .avail-zoom{opacity:1; transform:translateY(0);}
.avail-badge{position:absolute; top:12px; left:12px;}
.avail-body{padding:16px 18px 18px;}
.avail-head{display:flex; align-items:baseline; justify-content:space-between; gap:8px;}
.avail-name{margin:0; font-family:var(--display); font-weight:600; font-size:26px; line-height:1;}
.avail-age{font-size:12.5px; color:var(--sec);}
.avail-breed{font-size:13px; color:var(--sec); margin-top:5px;}
.avail-reveal{overflow:hidden; max-height:0; opacity:0; margin-top:0; transition:max-height .32s ease,opacity .28s ease,margin-top .32s ease; display:flex; flex-direction:column; gap:8px;}
.avail-card:hover .avail-reveal{max-height:116px; opacity:1; margin-top:14px;}

/* ── Why ──────────────────────────────────────────────────── */
.ph-why-grid{display:grid; grid-template-columns:repeat(3,1fr); margin-top:48px; border:1px solid var(--border); border-radius:14px; overflow:hidden; background:var(--white);}
.ph-why-grid .reveal{display:flex;}
.why-cell{padding:clamp(26px,3vw,36px); height:100%; width:100%; border-right:1px solid var(--border); border-bottom:1px solid var(--border); transition:background .25s;}
.why-cell:hover{background:var(--canvas);}
.ph-why-grid .reveal:nth-child(3n) .why-cell{border-right:none;}
.ph-why-grid .reveal:nth-child(n+4) .why-cell{border-bottom:none;}
.why-ic{width:52px; height:52px; border-radius:999px; background:rgba(176,102,122,.1); display:flex; align-items:center; justify-content:center; color:var(--rose);}
.why-t{margin:18px 0 0; font-family:var(--display); font-weight:600; font-size:25px; line-height:1.1;}
.why-d{margin:9px 0 0; font-size:14.5px; line-height:1.55; color:var(--sec);}

/* ── Journey ──────────────────────────────────────────────── */
.ph-journey{position:relative; margin-top:56px; display:grid; grid-template-columns:repeat(5,1fr); gap:18px;}
.ph-journey-line{position:absolute; top:23px; left:10%; right:10%; height:2px; background:linear-gradient(90deg,var(--border),var(--rose),var(--border)); z-index:0;}
.ph-journey .reveal{position:relative; z-index:1;}
.journey-step{display:flex; flex-direction:column; align-items:center; text-align:center;}
.journey-n{width:48px; height:48px; border-radius:999px; background:var(--white); border:2px solid var(--rose); color:var(--rose); display:flex; align-items:center; justify-content:center; font-family:var(--display); font-weight:600; font-size:19px; box-shadow:0 4px 14px rgba(176,102,122,.18);}
.journey-t{margin:18px 0 0; font-family:var(--display); font-weight:600; font-size:21px; line-height:1.12; max-width:170px;}
.journey-d{margin:8px 0 0; font-size:13.5px; line-height:1.5; color:var(--sec); max-width:190px;}

/* ── Delivery ─────────────────────────────────────────────── */
.ph-delivery-grid{display:grid; grid-template-columns:.85fr 1.15fr; gap:clamp(36px,5vw,72px); align-items:center;}
.delivery-img{margin-top:28px; border-radius:12px; overflow:hidden; aspect-ratio:4/3; box-shadow:0 24px 56px rgba(28,27,25,.16);}
.delivery-img img{width:100%; height:100%; object-fit:cover; cursor:zoom-in;}
.delivery-steps{display:flex; flex-direction:column;}
.delivery-step{display:flex; gap:22px; padding:22px 0; border-top:1px solid var(--border); align-items:flex-start;}
.delivery-step--first{border-top:none;}
.delivery-n{font-family:var(--display); font-weight:600; font-size:54px; line-height:.9; color:var(--rose); opacity:.9; flex:0 0 auto;}
.delivery-step>div{padding-top:6px;}
.delivery-t{margin:0; font-family:var(--display); font-weight:600; font-size:27px; line-height:1.05;}
.delivery-d{margin:7px 0 0; font-size:15px; line-height:1.55; color:var(--sec); max-width:440px;}

/* ── Reviews ──────────────────────────────────────────────── */
.stars{display:inline-flex; gap:2px; line-height:0; color:var(--gold);}
.ph-feat-review{display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(28px,4vw,56px); align-items:center; margin-top:48px; background:var(--canvas); border:1px solid var(--border); border-radius:16px; overflow:hidden;}
.ph-feat-review-img{position:relative; min-height:360px; height:100%;}
.ph-feat-review-img img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; cursor:zoom-in;}
.ph-feat-review-body{padding:clamp(28px,3.5vw,52px) clamp(28px,3.5vw,52px) clamp(28px,3.5vw,52px) 0;}
.ph-feat-review-body .stars{font-size:18px;}
.feat-quote{margin:18px 0 0; font-family:var(--display); font-weight:500; font-size:clamp(22px,2.5vw,30px); line-height:1.32; letter-spacing:-.01em; font-style:italic;}
.feat-author{display:flex; align-items:center; gap:13px; margin-top:26px;}
.author-paw{width:44px; height:44px; border-radius:999px; background:rgba(176,102,122,.12); display:flex; align-items:center; justify-content:center; color:var(--rose); flex:0 0 auto;}
.author-name{font-size:15px; font-weight:700;}
.author-loc{font-size:13px; color:var(--sec); margin-top:2px;}
.ph-reviews-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:26px;}
.review-card{background:var(--canvas); border:1px solid var(--border); border-radius:12px; padding:28px 26px; height:100%; display:flex; flex-direction:column;}
.review-quote{margin:14px 0 0; font-size:15px; line-height:1.6; flex:1;}
.review-author{display:flex; align-items:center; gap:11px; margin-top:20px; padding-top:18px; border-top:1px solid var(--border);}
.review-author .author-paw{width:38px; height:38px;}
.review-author .author-name{font-size:14px;}
.review-author .author-loc{font-size:12.5px;}

/* ── Gallery marquee ──────────────────────────────────────── */
.gallery{padding:clamp(60px,8vh,90px) 0; overflow:hidden;}
.gallery-head{max-width:1240px; margin:0 auto; padding:0 clamp(20px,5vw,64px);}
.ph-marquee{margin-top:42px; display:flex; gap:16px; width:max-content; animation:marquee 60s linear infinite;}
.gallery:hover .ph-marquee{animation-play-state:paused;}
.marquee-cell{width:280px; height:340px; flex:0 0 280px; border-radius:12px; overflow:hidden; box-shadow:0 8px 24px rgba(28,27,25,.1);}
.marquee-cell img{width:100%; height:100%; object-fit:cover; cursor:zoom-in;}
@keyframes marquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}

/* ── Dark CTA ─────────────────────────────────────────────── */
.dark-cta{position:relative; overflow:hidden; background:var(--ink);}
.dark-cta-bg{position:absolute; inset:0; background-size:cover; background-position:50% 40%; opacity:.26;}
.dark-cta-grad{position:absolute; inset:0; background:linear-gradient(180deg,rgba(28,27,25,.78),rgba(28,27,25,.9));}
.dark-cta-inner{position:relative; max-width:860px; margin:0 auto; padding:clamp(80px,12vh,128px) clamp(20px,5vw,64px); text-align:center;}
.dark-cta-inner .eyebrow{justify-content:center;}
.dark-cta-title{margin:18px 0 0; font-family:var(--display); font-weight:600; font-size:clamp(36px,5vw,58px); line-height:1.04; letter-spacing:-.02em; color:#fff;}
.dark-cta-title em{color:#E0A3B4;}
.dark-cta-lead{margin:20px auto 0; max-width:560px; font-size:17.5px; line-height:1.6; color:rgba(255,255,255,.78);}
.dark-cta-btns{display:flex; gap:14px; justify-content:center; margin-top:34px; flex-wrap:wrap;}

/* ── Contact ──────────────────────────────────────────────── */
.ph-contact-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:44px;}
.contact-card{display:flex; flex-direction:column; gap:16px; text-decoration:none; background:var(--white); border:1px solid var(--border); border-radius:14px; padding:28px 26px; height:100%; box-shadow:0 3px 14px rgba(28,27,25,.05); transition:all .26s cubic-bezier(.2,.7,.3,1);}
.contact-card:hover{transform:translateY(-5px); border-color:var(--ink); box-shadow:0 18px 40px rgba(28,27,25,.12);}
.contact-card--wa:hover{border-color:var(--whatsapp);}
.contact-ic{width:50px; height:50px; border-radius:12px; background:rgba(176,102,122,.1); display:flex; align-items:center; justify-content:center; color:var(--rose);}
.contact-card--wa .contact-ic{background:rgba(37,211,102,.12); color:var(--whatsapp);}
.contact-label{font-size:11.5px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--sec);}
.contact-value{font-family:var(--display); font-weight:600; font-size:23px; margin-top:5px; line-height:1.1; word-break:break-word;}
.contact-sub{font-size:13px; color:var(--sec); margin-top:5px;}
.contact-note{display:flex; align-items:center; justify-content:center; gap:10px; margin-top:26px; font-size:14px; color:var(--sec);}
.note-dot{width:8px; height:8px; border-radius:99px; background:var(--whatsapp); box-shadow:0 0 0 4px rgba(37,211,102,.18);}

/* Enquiry form */
.enquiry-wrap{max-width:760px; margin:52px auto 0; background:var(--white); border:1px solid var(--border); border-radius:20px; padding:clamp(28px,4vw,44px); box-shadow:0 24px 60px rgba(28,27,25,.08); transition:box-shadow .4s ease,border-color .4s ease; scroll-margin-top:96px;}
.enquiry-wrap.flash{border-color:var(--whatsapp); box-shadow:0 0 0 4px rgba(37,211,102,.22),0 24px 60px rgba(28,27,25,.12);}
.enquiry-head{display:flex; align-items:center; gap:11px; margin-bottom:6px;}
.enquiry-head-ic{width:38px; height:38px; border-radius:10px; background:rgba(37,211,102,.12); display:flex; align-items:center; justify-content:center; color:var(--whatsapp);}
.enquiry-head h3{margin:0; font-family:var(--display); font-weight:600; font-size:clamp(24px,3vw,30px); line-height:1.1;}
.enquiry-intro{margin:0 0 26px; font-size:15px; color:var(--sec); line-height:1.55;}
.ph-form-grid{display:grid; grid-template-columns:1fr 1fr; gap:18px;}
.ph-form-grid .span-2{grid-column:1/-1;}
.ph-form-grid label{font-size:12.5px; font-weight:600; letter-spacing:.04em; color:var(--ink); margin-bottom:7px; display:block;}
.ph-form-grid input,.ph-form-grid select,.ph-form-grid textarea{font-family:var(--body); font-size:15.5px; color:var(--ink); width:100%; padding:13px 15px; border-radius:11px; border:1px solid var(--border); background:var(--canvas); outline:none; transition:border-color .2s,box-shadow .2s;}
.ph-form-grid textarea{min-height:110px; resize:vertical; line-height:1.5;}
.ph-form-grid input:focus,.ph-form-grid select:focus,.ph-form-grid textarea:focus{border-color:var(--rose); box-shadow:0 0 0 3px rgba(176,102,122,.12);}
.enquiry-btns{display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-top:28px;}
.enquiry-wa,.enquiry-email{flex:1 1 220px; display:inline-flex; align-items:center; justify-content:center; gap:10px; font-family:var(--body); font-size:16px; font-weight:600; border-radius:999px; padding:15px 28px; cursor:pointer; transition:transform .2s,box-shadow .2s,border-color .2s;}
.enquiry-wa{color:#fff; background:var(--whatsapp); border:none; box-shadow:0 8px 22px rgba(37,211,102,.32);}
.enquiry-wa:hover{transform:translateY(-2px); box-shadow:0 12px 28px rgba(37,211,102,.42);}
.enquiry-email{color:var(--ink); background:var(--white); border:1px solid var(--border); box-shadow:0 1px 2px rgba(0,0,0,.04);}
.enquiry-email .ic{color:var(--rose);}
.enquiry-email:hover{transform:translateY(-2px); border-color:var(--rose); box-shadow:0 10px 22px rgba(28,27,25,.10);}
.enquiry-fallback{font-size:13.5px; color:var(--sec); margin-top:14px; min-height:20px;}
.enquiry-fallback a{color:var(--whatsapp); font-weight:700;}
#enquiry-sent{text-align:center; padding:clamp(8px,2vw,20px) 0;}
.sent-check{width:76px; height:76px; margin:0 auto 22px; border-radius:999px; background:rgba(37,211,102,.12); display:flex; align-items:center; justify-content:center; color:var(--whatsapp);}
.sent-eyebrow{font-size:12.5px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--rose);}
.sent-title{margin:10px 0 0; font-family:var(--display); font-weight:600; font-size:clamp(28px,4vw,40px); line-height:1.08; letter-spacing:-.01em;}
.sent-body{max-width:520px; margin:16px auto 0; font-size:16px; line-height:1.6; color:var(--sec);}
.sent-fallback{margin:14px auto 0; font-size:13.5px; color:var(--sec);}
.sent-fallback a{color:var(--whatsapp); font-weight:700;}
.sent-btns{display:flex; gap:12px; justify-content:center; flex-wrap:wrap; margin-top:30px;}

/* ── Final block ──────────────────────────────────────────── */
.final-block{background:var(--canvas); border-top:1px solid var(--border);}
.final-inner{max-width:1000px; margin:0 auto; padding:clamp(64px,9vh,96px) clamp(20px,5vw,64px); text-align:center;}
.final-title{margin:0; font-family:var(--display); font-weight:600; font-size:clamp(32px,4.4vw,48px); line-height:1.06; letter-spacing:-.015em;}
.final-title em{color:var(--rose);}
.final-btns{display:flex; gap:14px; justify-content:center; margin-top:28px; flex-wrap:wrap;}

/* ── Footer ───────────────────────────────────────────────── */
.site-footer{background:var(--ink); color:rgba(255,255,255,.7);}
.footer-inner{max-width:1240px; margin:0 auto; padding:clamp(56px,7vh,80px) clamp(20px,5vw,64px) 0;}
.ph-footer-grid{display:grid; grid-template-columns:1.6fr 1fr 1fr 1.3fr; gap:40px;}
.footer-blurb{margin:16px 0 20px; font-size:14.5px; line-height:1.6; max-width:320px;}
.footer-col-title{font-size:12px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.5);}
.footer-links{display:flex; flex-direction:column; gap:11px; margin-top:16px;}
.footer-links a{font-size:14.5px; color:rgba(255,255,255,.72); text-decoration:none; transition:color .2s; width:fit-content;}
.footer-links a:hover{color:#fff;}
.footer-contact a,.footer-contact span{display:flex; align-items:center; gap:10px; font-size:14.5px; color:rgba(255,255,255,.72); text-decoration:none;}
.footer-contact .ic,.footer-contact .wa-glyph{color:#E0A3B4;}
.footer-bottom{margin-top:48px; padding:24px 0; border-top:1px solid rgba(255,255,255,.12); display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px;}
.footer-bottom>span{font-size:13px; color:rgba(255,255,255,.5);}
.footer-bottom-links{display:flex; align-items:center; gap:18px; flex-wrap:wrap;}
.footer-bottom-links a{font-size:13px; color:rgba(255,255,255,.5); text-decoration:none;}
.footer-bottom-links a:hover{color:#fff;}
.footer-bottom-links span{font-size:13px; color:rgba(255,255,255,.5);}

/* ── Floating WhatsApp ────────────────────────────────────── */
.floating-wa{position:fixed; right:clamp(16px,3vw,28px); bottom:clamp(16px,3vw,28px); z-index:200; display:flex; align-items:center; gap:10px; background:var(--whatsapp); color:#fff; border-radius:999px; padding:15px; box-shadow:0 10px 30px rgba(37,211,102,.45); text-decoration:none; transition:all .28s cubic-bezier(.2,.7,.3,1);}
.floating-wa:hover{transform:translateY(-2px); padding:14px 22px 14px 16px;}
.floating-wa-label{font-size:15px; font-weight:600; max-width:0; overflow:hidden; white-space:nowrap; transition:max-width .28s ease;}
.floating-wa:hover .floating-wa-label{max-width:120px;}

/* ── Modals / Lightbox / Zoom ─────────────────────────────── */
.modal-backdrop,.lightbox,.zoom-root{position:fixed; inset:0; z-index:200; display:flex; align-items:center; justify-content:center; padding:clamp(16px,4vw,48px); animation:fade .28s ease;}
.modal-backdrop{background:rgba(28,27,25,.55); backdrop-filter:blur(6px);}
.breed-modal{position:relative; width:min(880px,100%); max-height:90vh; overflow-y:auto; background:var(--white); border-radius:16px; box-shadow:0 40px 100px rgba(28,27,25,.4); animation:pop .34s cubic-bezier(.2,.7,.3,1);}
.modal-close{position:absolute; top:16px; right:16px; z-index:2; width:40px; height:40px; border-radius:999px; border:none; cursor:pointer; background:rgba(255,255,255,.92); color:var(--ink); display:flex; align-items:center; justify-content:center; box-shadow:0 4px 14px rgba(0,0,0,.18);}
.ph-modal-grid{display:grid; grid-template-columns:300px 1fr;}
.ph-modal-img{position:relative; min-height:280px; background-size:cover; border-radius:16px 0 0 16px;}
.modal-img-grad{position:absolute; inset:0; background:linear-gradient(180deg,rgba(28,27,25,0) 55%,rgba(28,27,25,.55) 100%); border-radius:16px 0 0 16px;}
.modal-img-name{position:absolute; left:24px; bottom:20px; margin:0; font-family:var(--display); font-weight:600; font-size:36px; color:#fff; text-shadow:0 2px 18px rgba(0,0,0,.45);}
.modal-body{padding:clamp(26px,3vw,38px);}
.modal-temp{display:flex; flex-wrap:wrap; gap:7px; margin:16px 0 20px;}
.modal-detail p{margin:0 0 16px; font-size:15px; line-height:1.62; color:var(--sec);}
.modal-facts{display:grid; grid-template-columns:1fr 1fr; gap:14px 24px; padding:20px 0; border-top:1px solid var(--border); border-bottom:1px solid var(--border);}
.fact-label{font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--rose); font-weight:600;}
.fact-value{font-size:14px; color:var(--ink); margin-top:3px;}
.modal-ideal{display:flex; align-items:center; gap:9px; margin:20px 0 24px; font-size:14px; color:var(--ink);}
.modal-ideal .ic{color:var(--rose);}
.modal-foot{display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap;}

.lightbox{flex-direction:column; gap:18px; background:rgba(28,27,25,.78); backdrop-filter:blur(8px);}
.lightbox-close,.zoom-close{position:fixed; top:20px; right:20px; z-index:2; width:44px; height:44px; border-radius:999px; border:none; cursor:pointer; background:rgba(255,255,255,.92); color:var(--ink); display:flex; align-items:center; justify-content:center; box-shadow:0 4px 14px rgba(0,0,0,.24);}
.lightbox img{max-width:min(880px,100%); max-height:78vh; width:auto; height:auto; object-fit:contain; border-radius:14px; box-shadow:0 40px 100px rgba(0,0,0,.5); animation:pop .34s cubic-bezier(.2,.7,.3,1);}
.lightbox-meta{display:flex; align-items:center; gap:14px; color:#fff; flex-wrap:wrap; justify-content:center;}
.lightbox-name{font-family:var(--display); font-weight:600; font-size:26px; line-height:1;}
.lightbox-sub{font-size:13.5px; color:rgba(255,255,255,.72); margin-top:4px;}
.lightbox-btns{display:flex; align-items:center; gap:10px;}
.zoom-root{background:rgba(28,27,25,.84); backdrop-filter:blur(8px); cursor:zoom-out;}
.zoom-root img{max-width:min(1040px,100%); max-height:88vh; width:auto; height:auto; object-fit:contain; border-radius:14px; box-shadow:0 40px 100px rgba(0,0,0,.5); animation:pop .34s cubic-bezier(.2,.7,.3,1);}
@keyframes fade{from{opacity:0;}to{opacity:1;}}
@keyframes pop{from{opacity:0; transform:scale(.96);}to{opacity:1; transform:scale(1);}}

/* ── Responsive ───────────────────────────────────────────── */
@media (max-width:1080px){
  .ph-breeds-grid,.ph-incl-grid,.ph-avail-grid{grid-template-columns:repeat(2,1fr);}
  .ph-why-grid{grid-template-columns:repeat(2,1fr);}
  .ph-why-grid .reveal:nth-child(3n) .why-cell{border-right:1px solid var(--border);}
  .ph-why-grid .reveal:nth-child(2n) .why-cell{border-right:none;}
  .ph-why-grid .reveal:nth-child(n+4) .why-cell{border-bottom:1px solid var(--border);}
  .ph-why-grid .reveal:nth-last-child(-n+2) .why-cell{border-bottom:none;}
  .ph-contact-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:900px){
  .ph-nav,.header-cta{display:none;}
  .nav-toggle{display:flex;}
  .mobile-menu{display:none; flex-direction:column; gap:4px; padding:8px clamp(20px,5vw,48px) 20px; background:rgba(250,249,246,.98); backdrop-filter:blur(14px); border-bottom:1px solid var(--border);}
  .mobile-menu.open{display:flex;}
  .mobile-menu a{padding:12px 0; text-decoration:none; color:var(--ink); font-size:15px; font-weight:500; border-bottom:1px solid var(--border);}
  .mobile-menu a.btn{border-bottom:none; margin-top:10px; justify-content:center;}
  #site-header{background:rgba(250,249,246,.86); backdrop-filter:blur(14px); border-bottom:1px solid var(--border);}
  #site-header .logo--light .logo-name{color:var(--ink);} 
  #site-header .logo--light .logo-sub{color:var(--sec);}
  #site-header .logo--light .cc-cat{fill:var(--rose);} #site-header .logo--light .cc-crown{fill:var(--gold);}
  #site-header .logo--light .cc-ring{stroke:var(--canvas);} #site-header .logo--light .cc-muzzle,#site-header .logo--light .cc-eye{fill:var(--canvas);}
  .nav-toggle span{background:var(--ink);}
  .ph-about-grid{grid-template-columns:1fr; gap:60px;}
  .about-img-inset{width:40%;}
  .ph-delivery-grid{grid-template-columns:1fr;}
  .ph-feat-review{grid-template-columns:1fr;}
  .ph-feat-review-img{min-height:280px;}
  .ph-feat-review-body{padding:clamp(24px,4vw,40px);}
  .ph-reviews-grid{grid-template-columns:1fr;}
  .ph-journey{grid-template-columns:1fr 1fr; gap:36px 18px;}
  .ph-journey-line{display:none;}
  .ph-modal-grid{grid-template-columns:1fr;}
  .ph-modal-img{min-height:220px; border-radius:16px 16px 0 0;}
  .modal-img-grad{border-radius:16px 16px 0 0;}
}
@media (max-width:560px){
  .ph-breeds-grid,.ph-incl-grid,.ph-avail-grid,.ph-contact-grid,.ph-why-grid{grid-template-columns:1fr;}
  .ph-why-grid .why-cell{border-right:none !important;}
  .ph-why-grid .reveal:not(:last-child) .why-cell{border-bottom:1px solid var(--border) !important;}
  .ph-journey{grid-template-columns:1fr;}
  .check-grid{grid-template-columns:1fr;}
  .hero-pill{display:none;}
  .kcard{width:280px; flex:0 0 280px;}
  .enquiry-btns{flex-direction:column;}
  .enquiry-wa,.enquiry-email{width:100%;}
  .footer-bottom{flex-direction:column; align-items:flex-start;}
}