/* Kalista Family Shepherds — Liquid Glass full-site reskin */
:root{
  --kfs-bg:#06111f;
  --kfs-bg-2:#0a223b;
  --kfs-panel:rgba(255,255,255,.075);
  --kfs-panel-strong:rgba(255,255,255,.115);
  --kfs-edge:rgba(255,255,255,.24);
  --kfs-edge-bright:rgba(255,255,255,.52);
  --kfs-text:#f6fbff;
  --kfs-muted:rgba(220,236,250,.72);
  --kfs-blue:#72b8ff;
  --kfs-sapphire:#3d91eb;
  --kfs-shadow:0 24px 70px rgba(0,9,22,.32),inset 0 1px 0 rgba(255,255,255,.24);
}
html{background:var(--kfs-bg);scroll-behavior:smooth}
body.glass-site{
  margin:0;min-height:100vh;color:var(--kfs-text)!important;background:
    radial-gradient(circle at 7% 5%,rgba(63,146,232,.22),transparent 25%),
    radial-gradient(circle at 91% 13%,rgba(117,190,255,.16),transparent 22%),
    radial-gradient(circle at 52% 55%,rgba(34,95,151,.13),transparent 34%),
    linear-gradient(180deg,#050e19 0%,#081a2d 43%,#06111f 100%)!important;
  background-attachment:fixed!important;isolation:isolate;overflow-x:hidden;
}
body.glass-site::before,body.glass-site::after{
  content:"";position:fixed;border-radius:50%;z-index:-1;pointer-events:none;filter:blur(4px);opacity:.56;
  background:radial-gradient(circle at 35% 30%,rgba(181,226,255,.40),rgba(63,151,237,.18) 38%,rgba(22,67,116,.04) 68%,transparent 73%);
  animation:kfsGlobalFloat 14s ease-in-out infinite alternate;
}
body.glass-site::before{width:430px;height:430px;right:-150px;top:19vh}
body.glass-site::after{width:330px;height:330px;left:-120px;bottom:5vh;animation-delay:-5s}
@keyframes kfsGlobalFloat{from{transform:translate3d(0,0,0)}to{transform:translate3d(18px,-22px,0) scale(1.045)}}
@media(prefers-reduced-motion:reduce){body.glass-site::before,body.glass-site::after,.sapphire-orb{animation:none!important}}

/* Floating navigation */
body.glass-site nav{
  position:sticky!important;top:10px!important;z-index:300!important;
  width:min(1210px,calc(100% - 24px))!important;margin:10px auto 0!important;
  border:1px solid rgba(255,255,255,.25)!important;border-radius:26px!important;
  background:linear-gradient(135deg,rgba(7,29,52,.76),rgba(18,55,88,.47))!important;
  box-shadow:0 18px 50px rgba(0,8,20,.34),inset 0 1px 0 rgba(255,255,255,.22)!important;
  backdrop-filter:blur(34px) saturate(175%)!important;-webkit-backdrop-filter:blur(34px) saturate(175%)!important;
  overflow:hidden!important;
}
body.glass-site nav::before{content:"";position:absolute;left:3%;right:3%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.82),transparent);pointer-events:none}
body.glass-site .navin{min-height:74px!important;padding:0 10px!important;position:relative;z-index:2}
body.glass-site .brand,body.glass-site .navlinks a{color:#f5fbff!important;text-decoration:none!important}
body.glass-site .brand small{color:#8fcaff!important;opacity:.78}
body.glass-site .navlinks a{font-size:13px;font-weight:750;transition:color .2s ease,opacity .2s ease}
body.glass-site .navlinks a:hover{color:#91cbff!important}
body.glass-site .navlinks a[aria-current="page"]{color:#9ed4ff!important;text-shadow:0 0 20px rgba(102,183,255,.45)}
body.glass-site .menu{color:#fff!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:14px!important;background:rgba(255,255,255,.06)!important;width:44px;height:44px}

/* Keep established Kalista/Titan logo artwork; reskin only its frame. */
body.glass-site .kfs-site-header-logo{
  width:min(1240px,calc(100% - 24px))!important;margin:16px auto 0!important;padding:0!important;
  border-radius:30px!important;overflow:hidden!important;background:rgba(255,255,255,.05)!important;
  border:1px solid rgba(255,255,255,.20)!important;box-shadow:0 22px 58px rgba(0,10,26,.28),inset 0 1px 0 rgba(255,255,255,.2)!important;
}
body.glass-site .kfs-site-header-logo img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important}

/* Shared typography */
body.glass-site h1,body.glass-site h2,body.glass-site h3{color:#fff}
body.glass-site p{color:var(--kfs-muted)}
body.glass-site .eyebrow{color:#87c6ff!important;text-shadow:0 0 18px rgba(65,151,238,.28)}
body.glass-site .sectionhead p,body.glass-site .story p,body.glass-site .content p,body.glass-site .pupcard p{color:var(--kfs-muted)!important}
body.glass-site section,body.glass-site .section,body.glass-site .band{background:transparent!important;position:relative}
body.glass-site section{padding-top:76px;padding-bottom:76px}

/* Home hero: locked to the approved Titan + Sapphire photo. */
body.glass-site .hero{
  position:relative!important;isolation:isolate;overflow:hidden!important;
  width:min(1240px,calc(100% - 24px))!important;min-height:clamp(590px,72vh,820px)!important;margin:18px auto 0!important;
  border:1px solid rgba(255,255,255,.25)!important;border-radius:34px!important;
  background-image:linear-gradient(90deg,rgba(3,15,29,.80),rgba(5,22,40,.45),rgba(5,22,40,.12)),url('images/photo-ad1419734ca4.jpg')!important;
  background-size:cover!important;background-position:center 43%!important;background-repeat:no-repeat!important;
  box-shadow:0 34px 90px rgba(0,8,20,.38),inset 0 1px 0 rgba(255,255,255,.18)!important;
}
body.glass-site .hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 84% 9%,rgba(255,255,255,.16),transparent 28%)}
body.glass-site .hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:34px;border:1px solid rgba(255,255,255,.12)}
body.glass-site .hero .inner{
  position:relative!important;z-index:3!important;width:min(700px,calc(100% - 64px))!important;
  margin-left:max(32px,calc((100% - 1160px)/2))!important;margin-right:auto!important;
  padding:38px 40px 40px!important;border-radius:30px!important;
  border:1px solid rgba(255,255,255,.28)!important;
  background:linear-gradient(145deg,rgba(5,25,46,.62),rgba(32,79,116,.30))!important;
  box-shadow:0 28px 76px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.31)!important;
  backdrop-filter:blur(30px) saturate(170%)!important;-webkit-backdrop-filter:blur(30px) saturate(170%)!important;
}
body.glass-site .hero .inner::before{content:"";position:absolute;left:24px;right:24px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent)}
body.glass-site .hero h1{font-size:clamp(48px,6.5vw,84px)!important;max-width:690px!important;text-shadow:0 3px 24px rgba(0,0,0,.35)}
body.glass-site .hero h2{color:#e4f2ff!important;text-shadow:0 2px 16px rgba(0,0,0,.35)}
body.glass-site .hero p{color:rgba(239,247,255,.89)!important;max-width:620px!important}

/* Generic interior page hero */
body.glass-site .pagehero{
  position:relative;isolation:isolate;overflow:hidden;
  width:min(1240px,calc(100% - 24px));margin:18px auto 0;padding:78px 0 60px!important;border-radius:32px;
  color:#fff;background:
    radial-gradient(circle at 82% 12%,rgba(106,187,255,.22),transparent 28%),
    radial-gradient(circle at 13% 85%,rgba(51,130,213,.16),transparent 30%),
    linear-gradient(140deg,rgba(4,19,35,.96),rgba(11,49,82,.92),rgba(15,66,107,.82))!important;
  border:1px solid rgba(255,255,255,.22);box-shadow:0 28px 76px rgba(0,8,22,.34),inset 0 1px 0 rgba(255,255,255,.20);
}
body.glass-site .pagehero::after{content:"";position:absolute;width:340px;height:340px;border-radius:50%;right:-100px;top:-150px;z-index:-1;background:radial-gradient(circle,rgba(117,192,255,.20),transparent 67%)}
body.glass-site .pagehero h1{color:#fff!important;text-shadow:0 3px 24px rgba(0,0,0,.28)}
body.glass-site .pagehero p{color:rgba(225,239,252,.82)!important}
body.glass-site .puppies-page-hero{
  background-image:linear-gradient(90deg,rgba(3,15,29,.82),rgba(4,27,49,.45),rgba(5,22,40,.15)),url('images/photo-ad1419734ca4.jpg')!important;
  background-size:cover!important;background-position:center 35%!important;
}

/* Universal glass surfaces */
body.glass-site .content,body.glass-site .card,body.glass-site .price,body.glass-site fieldset,
body.glass-site .pupcard,body.glass-site .youtube-card,body.glass-site .youtube-placeholder,
body.glass-site .social-pop-inner,body.glass-site .titan-social,body.glass-site .reserve-card,
body.glass-site .health-note,body.glass-site .notice,body.glass-site .live-links,
body.glass-site .profile-gallery-main,body.glass-site .contact-first{
  color:#f6fbff!important;border:1px solid var(--kfs-edge)!important;border-radius:22px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(83,156,220,.035))!important;
  box-shadow:var(--kfs-shadow)!important;backdrop-filter:blur(24px) saturate(155%)!important;-webkit-backdrop-filter:blur(24px) saturate(155%)!important;
}
body.glass-site .content h2,body.glass-site .content h3,body.glass-site .card h3,body.glass-site .price strong{color:#fff!important}
body.glass-site .content,body.glass-site .card,body.glass-site .price{position:relative;overflow:hidden}
body.glass-site .content::before,body.glass-site .card::before,body.glass-site .price::before{content:"";position:absolute;left:5%;right:5%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);pointer-events:none}
body.glass-site .two{gap:28px!important}
body.glass-site .photo{border:1px solid rgba(255,255,255,.22)!important;box-shadow:0 24px 60px rgba(0,8,20,.32)!important}
body.glass-site .notice{border-left:1px solid var(--kfs-edge)!important;color:rgba(225,239,252,.82)!important}
body.glass-site .health-note,body.glass-site .live-links{color:rgba(225,239,252,.82)!important}
body.glass-site .health-note b,body.glass-site .live-links-title{color:#fff!important}
body.glass-site .live-links-copy{color:var(--kfs-muted)!important}

/* Cards */
body.glass-site .cards{gap:18px!important}
body.glass-site .card{transition:transform .22s ease,border-color .22s ease,background .22s ease}
body.glass-site .card:hover{transform:translateY(-4px);border-color:rgba(135,201,255,.42)!important;background:rgba(255,255,255,.11)!important}
body.glass-site .pupgrid{gap:20px!important}
body.glass-site .pupcard{overflow:hidden!important;position:relative!important;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
body.glass-site .pupcard:hover{transform:translateY(-6px);border-color:rgba(130,200,255,.48)!important;box-shadow:0 30px 68px rgba(0,9,24,.36),0 0 0 1px rgba(95,179,255,.08)!important}
body.glass-site .pupcard img{background:rgba(255,255,255,.035)!important}
body.glass-site .pupcard .pad{background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,.055))}
body.glass-site .sex,body.glass-site .traits,body.glass-site .mini small{color:#82c4ff!important}
body.glass-site .textbtn{color:#8bcbff!important;font-weight:850!important}

/* Homepage quick buttons — exactly five independent panes. */
body.glass-site .quickwrap{padding:25px 0 6px!important;margin-top:-54px!important;background:transparent!important;overflow:visible!important;position:relative;z-index:8!important}
body.glass-site .quickgrid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important;background:transparent!important;border:0!important;border-radius:0!important;overflow:visible!important;box-shadow:none!important}
body.glass-site .quickgrid .quick{
  position:relative!important;min-height:112px!important;padding:20px 18px!important;text-decoration:none!important;
  border:1px solid rgba(255,255,255,.35)!important;border-radius:22px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(74,145,207,.07))!important;
  color:#f6fbff!important;box-shadow:0 16px 38px rgba(0,12,28,.25),inset 0 1px 0 rgba(255,255,255,.38)!important;
  backdrop-filter:blur(24px) saturate(165%)!important;-webkit-backdrop-filter:blur(24px) saturate(165%)!important;
  overflow:hidden!important;transition:transform .22s ease,border-color .22s ease,background .22s ease!important;
}
body.glass-site .quickgrid .quick::before{content:"";position:absolute;inset:0 0 auto 0;height:40%;background:linear-gradient(180deg,rgba(255,255,255,.18),transparent);pointer-events:none}
body.glass-site .quickgrid .quick::after{content:"";position:absolute;width:100px;height:100px;right:-36px;bottom:-42px;border-radius:50%;background:radial-gradient(circle,rgba(77,168,255,.24),transparent 70%);pointer-events:none}
body.glass-site .quickgrid .quick:hover{transform:translateY(-5px)!important;border-color:rgba(135,203,255,.60)!important;background:linear-gradient(145deg,rgba(255,255,255,.21),rgba(78,157,229,.10))!important}
body.glass-site .quickgrid .quick b{position:relative;z-index:1;display:block;color:#fff!important;font:700 19px Georgia,serif!important;margin-bottom:8px!important}
body.glass-site .quickgrid .quick span{position:relative;z-index:1;color:rgba(221,237,251,.74)!important;font-size:12px!important;line-height:1.35!important}
body.glass-site .quick-contact{width:min(1160px,calc(100% - 38px));margin:18px auto 0!important;padding:22px!important}
body.glass-site .quick-contact h3{margin:0 0 8px!important;color:#fff!important}
body.glass-site .quick-contact p{margin:0 0 14px!important;color:var(--kfs-muted)!important}

/* Military / law-enforcement appreciation */
body.glass-site .military-wrap{margin-top:18px!important;padding:0!important}
body.glass-site .military-glass{
  position:relative;display:block;width:100%;overflow:hidden;text-decoration:none!important;padding:21px 22px 21px 76px!important;border-radius:22px!important;
  color:#fff!important;border:1px solid rgba(255,255,255,.38)!important;
  background:radial-gradient(circle at 12% 20%,rgba(255,211,89,.20),transparent 28%),linear-gradient(120deg,rgba(7,39,72,.90),rgba(19,98,170,.70),rgba(8,51,89,.84))!important;
  box-shadow:0 20px 48px rgba(0,16,34,.30),inset 0 1px 0 rgba(255,255,255,.34)!important;
  backdrop-filter:blur(24px) saturate(170%)!important;-webkit-backdrop-filter:blur(24px) saturate(170%)!important;transition:transform .22s ease,filter .22s ease,border-color .22s ease;
}
body.glass-site .military-glass::before{content:"★";position:absolute;left:22px;top:50%;transform:translateY(-50%);width:39px;height:39px;border-radius:50%;display:grid;place-items:center;color:#173d67;background:linear-gradient(145deg,#fff4c9,#d7ad4c);box-shadow:0 6px 18px rgba(0,0,0,.18),inset 0 1px 0 #fff;font-size:18px}
body.glass-site .military-glass::after{content:"";position:absolute;left:0;right:0;top:0;height:42%;background:linear-gradient(180deg,rgba(255,255,255,.15),transparent);pointer-events:none}
body.glass-site .military-glass:hover{transform:translateY(-3px);filter:brightness(1.06);border-color:rgba(255,220,130,.45)!important}
body.glass-site .military-glass b{position:relative;z-index:1;display:block;color:#fff!important;font:700 20px Georgia,serif!important}
body.glass-site .military-glass span{position:relative;z-index:1;display:block;margin-top:5px;font-size:12px;line-height:1.45;color:rgba(255,255,255,.79)!important}

/* Values */
body.glass-site .dark{background:linear-gradient(180deg,rgba(4,18,34,.58),rgba(8,36,62,.42))!important;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}
body.glass-site .values{gap:18px!important}
body.glass-site .value{position:relative!important;isolation:isolate!important;overflow:hidden!important;min-height:225px!important;padding:25px!important;border:1px solid rgba(255,255,255,.24)!important;background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(67,139,202,.05))!important;backdrop-filter:blur(22px) saturate(155%)!important;-webkit-backdrop-filter:blur(22px) saturate(155%)!important;box-shadow:0 20px 48px rgba(0,10,25,.28),inset 0 1px 0 rgba(255,255,255,.27)!important;transition:transform .25s ease,border-color .25s ease!important}
body.glass-site .value::before{content:"";position:absolute;inset:-42% 36% 54% -25%;z-index:-1;background:radial-gradient(circle,rgba(255,255,255,.23),rgba(83,164,235,.08) 42%,transparent 70%);transform:rotate(-14deg)}
body.glass-site .value:hover{transform:translateY(-6px);border-color:rgba(126,197,255,.45)!important}
body.glass-site .value .num{background:linear-gradient(145deg,rgba(111,190,255,.62),rgba(43,112,185,.39))!important;border:1px solid rgba(255,255,255,.34)!important;box-shadow:0 0 24px rgba(74,159,235,.19),inset 0 1px 0 rgba(255,255,255,.38)!important}
body.glass-site .value p{color:rgba(219,236,250,.72)!important}

/* Meet Titan & Sapphire — no photo gradient; preserve full ears/body framing. */
body.glass-site .parents{gap:30px!important;perspective:1200px}
body.glass-site .parent{min-height:580px!important;overflow:hidden!important;background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(90,165,229,.035))!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:28px!important;box-shadow:0 30px 68px rgba(0,9,24,.34),inset 0 1px 0 rgba(255,255,255,.26)!important;backdrop-filter:blur(22px) saturate(150%)!important;-webkit-backdrop-filter:blur(22px) saturate(150%)!important;transition:transform .45s ease,box-shadow .35s ease!important}
body.glass-site .parent::before,body.glass-site .parent::after{content:none!important;display:none!important;background:none!important}
body.glass-site .parent img{inset:18px!important;width:calc(100% - 36px)!important;height:calc(100% - 36px)!important;object-fit:contain!important;object-position:center center!important;border-radius:20px!important;background:rgba(255,255,255,.025)!important;filter:none!important;opacity:1!important;transition:transform .6s ease!important}
body.glass-site .parentcopy{padding:34px 38px!important;z-index:4!important;text-shadow:0 2px 8px rgba(0,0,0,.90)!important}
body.glass-site .parentcopy p{color:#fff!important;text-shadow:0 2px 8px rgba(0,0,0,.94)!important}
body.glass-site .parent:hover{transform:translateY(-8px)!important;box-shadow:0 36px 78px rgba(0,9,24,.42),inset 0 1px 0 rgba(255,255,255,.30)!important}
body.glass-site .parent:hover img{transform:scale(1.012)!important}

/* Puppy preview */
body.glass-site .preview{position:relative;display:grid;gap:14px;padding:16px!important;border-radius:27px!important;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(69,141,204,.035))!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:var(--kfs-shadow)!important;backdrop-filter:blur(26px) saturate(160%)!important;-webkit-backdrop-filter:blur(26px) saturate(160%)!important}
body.glass-site .mini{position:relative!important;background:rgba(255,255,255,.065)!important;border:1px solid rgba(255,255,255,.16)!important;color:#fff!important;border-radius:20px!important;overflow:hidden!important;box-shadow:0 14px 36px rgba(0,8,21,.22)!important}
body.glass-site .mini h3{color:#fff!important}

/* Glass buttons */
body.glass-site .btn,body.glass-site .blue,body.glass-site button.blue,body.glass-site a.blue{
  position:relative;overflow:hidden;isolation:isolate;border-radius:999px!important;border:1px solid rgba(255,255,255,.34)!important;
  background:linear-gradient(145deg,rgba(55,140,230,.78),rgba(25,91,164,.59))!important;color:#fff!important;
  backdrop-filter:blur(16px) saturate(165%)!important;-webkit-backdrop-filter:blur(16px) saturate(165%)!important;
  box-shadow:0 12px 30px rgba(10,59,112,.28),inset 0 1px 0 rgba(255,255,255,.40),inset 0 -1px 0 rgba(0,28,68,.18)!important;
  transition:transform .16s ease,background .2s ease,box-shadow .2s ease,border-color .2s ease,color .2s ease!important;text-decoration:none!important;
}
body.glass-site .btn::before,body.glass-site .blue::before,body.glass-site button.blue::before,body.glass-site a.blue::before{content:"";position:absolute;inset:0 auto 0 0;width:36%;height:100%;border-radius:inherit;background:linear-gradient(90deg,transparent,rgba(255,255,255,.10) 25%,rgba(255,255,255,.40) 50%,rgba(255,255,255,.10) 75%,transparent);transform:translateX(-170%) skewX(-16deg);transition:transform .46s cubic-bezier(.22,.61,.36,1),opacity .18s ease;pointer-events:none;z-index:1}
body.glass-site .btn:hover::before,body.glass-site .blue:hover::before,body.glass-site button.blue:hover::before,body.glass-site a.blue:hover::before{transform:translateX(380%) skewX(-16deg)}
body.glass-site .btn:hover,body.glass-site .blue:hover,body.glass-site button.blue:hover,body.glass-site a.blue:hover{transform:translateY(-2px);background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(79,157,229,.30))!important;border-color:rgba(255,255,255,.55)!important;color:#fff!important}
body.glass-site .btn:active,body.glass-site .blue:active,body.glass-site button.blue:active,body.glass-site a.blue:active{transform:translateY(1px) scale(.975);background:linear-gradient(145deg,rgba(255,255,255,.29),rgba(104,182,248,.15))!important;color:#071a31!important;box-shadow:inset 0 3px 16px rgba(255,255,255,.22),0 4px 12px rgba(0,20,48,.18)!important}
body.glass-site .btn.ghost{background:rgba(255,255,255,.075)!important;color:#f6fbff!important;border:1px solid rgba(255,255,255,.26)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.20),0 9px 24px rgba(0,8,20,.18)!important}
body.glass-site .btn:focus-visible,body.glass-site a:focus-visible,body.glass-site button:focus-visible,body.glass-site input:focus-visible,body.glass-site select:focus-visible,body.glass-site textarea:focus-visible{outline:2px solid #89caff!important;outline-offset:3px!important}

/* Forms */
body.glass-site fieldset{padding:25px!important}
body.glass-site legend{color:#fff!important}
body.glass-site label{color:rgba(236,246,255,.88)!important}
body.glass-site input,body.glass-site select,body.glass-site textarea{
  color:#f7fbff!important;background:rgba(2,15,29,.62)!important;border:1px solid rgba(155,207,249,.22)!important;border-radius:12px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;color-scheme:dark;
}
body.glass-site input::placeholder,body.glass-site textarea::placeholder{color:rgba(220,235,248,.40)}
body.glass-site select option{background:#0a2037;color:#fff}
body.glass-site .check{color:rgba(227,240,252,.82)!important}

/* New V15 sections */
.backdrop-blur-xl{backdrop-filter:blur(28px) saturate(165%);-webkit-backdrop-filter:blur(28px) saturate(165%)}
.bg-white\/5{background:rgba(255,255,255,.05)}
.kfs-glass-section{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,rgba(5,21,39,.72),rgba(8,40,68,.55))!important;color:#fff;border-top:1px solid rgba(255,255,255,.055);border-bottom:1px solid rgba(255,255,255,.055)}
.kfs-glass-section .sectionhead h2,.kfs-glass-section h2,.kfs-glass-section h3{color:#fff}.kfs-glass-section .sectionhead p,.kfs-glass-section p{color:rgba(222,238,252,.78)}
.glass-panel{position:relative;border:1px solid rgba(255,255,255,.23);background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(77,157,226,.035),rgba(255,255,255,.025));box-shadow:0 24px 60px rgba(0,10,25,.29),inset 0 1px 0 rgba(255,255,255,.27),inset 0 -1px 0 rgba(255,255,255,.04)}
.glass-panel::before{content:"";position:absolute;left:5%;right:5%;top:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent)}
.sapphire-orb{position:absolute;border-radius:50%;pointer-events:none;z-index:-1;background:radial-gradient(circle at 35% 30%,rgba(166,220,255,.42),rgba(57,145,236,.17) 36%,rgba(34,89,160,.04) 68%,transparent 72%);filter:blur(2px);opacity:.70;animation:kfsOrbFloat 11s ease-in-out infinite alternate}.orb-a{width:330px;height:330px;right:-110px;top:-80px}.orb-b{width:210px;height:210px;left:-65px;bottom:-70px;animation-delay:-4s}.orb-c{width:280px;height:280px;left:7%;top:8%;animation-delay:-7s}.orb-d{width:380px;height:380px;right:-150px;bottom:-130px;animation-delay:-2s}.orb-e{width:330px;height:330px;left:-130px;top:18%;animation-delay:-5s}@keyframes kfsOrbFloat{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(16px,-18px,0) scale(1.04)}}
.embark-section{padding:72px 0!important}.embark-panel{border-radius:30px;padding:42px;display:grid;grid-template-columns:150px 1fr;gap:34px;align-items:center;overflow:hidden}.embark-mark{width:132px;height:132px;border-radius:32px;display:grid;place-items:center;font:800 25px Georgia,serif;letter-spacing:.16em;color:#dff2ff;border:1px solid rgba(255,255,255,.35);background:linear-gradient(145deg,rgba(89,172,255,.34),rgba(19,68,118,.22));box-shadow:inset 0 1px 0 rgba(255,255,255,.40),0 16px 34px rgba(0,22,48,.28)}.embark-copy h2{font-size:clamp(36px,5vw,56px);margin:6px 0 10px;line-height:1.05}.embark-lead{font-size:18px!important;color:#eaf6ff!important;max-width:800px}.embark-points{display:flex;gap:10px;flex-wrap:wrap;margin:21px 0 16px}.embark-points span{padding:9px 12px;border-radius:999px;border:1px solid rgba(151,211,255,.27);background:rgba(111,184,255,.09);color:#d9efff;font-size:12px;font-weight:800}.embark-copy small{display:block;color:rgba(213,231,247,.59);font-size:11px}
.timeline-section{padding:76px 0 84px!important}.glass-section-head{max-width:800px}.timeline-grid{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.timeline-grid::before{content:"";position:absolute;left:6%;right:6%;top:32px;height:1px;background:linear-gradient(90deg,transparent,rgba(109,190,255,.46),transparent);z-index:-1}.timeline-card{min-height:245px;border-radius:24px;padding:23px 21px;transition:transform .24s ease,border-color .24s ease,background .24s ease}.timeline-card:hover{transform:translateY(-5px);border-color:rgba(139,205,255,.46);background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(89,164,235,.065))}.step-number{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;color:#e5f5ff;font-weight:900;font-size:11px;letter-spacing:.08em;border:1px solid rgba(255,255,255,.37);background:linear-gradient(145deg,rgba(73,160,245,.53),rgba(18,73,131,.35));box-shadow:0 0 26px rgba(80,169,255,.18),inset 0 1px 0 rgba(255,255,255,.40)}.timeline-card h3{font-size:23px;margin:18px 0 8px}.timeline-card p{font-size:13px;margin:0}.timeline-action{justify-content:center;margin-top:28px}
.included-section{padding:74px 0 82px!important}.included-layout{display:grid;grid-template-columns:.88fr 1.12fr;gap:22px;align-items:stretch}.included-intro,.checklist{border-radius:28px;padding:34px}.included-intro{display:flex;flex-direction:column;justify-content:center}.included-intro h2{font-size:clamp(38px,5vw,56px);line-height:1.04;margin:8px 0 14px}.included-callout{margin-top:22px;padding:14px 16px;border-radius:16px;color:#e9f6ff;font-weight:800;font-size:13px;border:1px solid rgba(139,205,255,.22);background:rgba(77,159,234,.085)}.checklist{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}.check-item{display:grid;grid-template-columns:34px 1fr;gap:11px;align-items:flex-start;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.085)}.check-item:nth-last-child(-n+2){border-bottom:0}.check-icon{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#e8f7ff;font-weight:900;background:rgba(84,170,248,.17);border:1px solid rgba(147,207,255,.30);box-shadow:0 0 18px rgba(74,164,247,.12)}.check-item b{display:block;color:#fff;font-size:13px}.check-item small{display:block;color:rgba(216,233,248,.64);font-size:11px;margin-top:2px;line-height:1.45}

/* Puppy glass status system */
.puppy-status-key{margin:-8px 0 24px;padding:15px 18px;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#eef8ff!important;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(67,143,209,.04))!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:0 14px 32px rgba(0,10,24,.24),inset 0 1px 0 rgba(255,255,255,.24)!important;backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%)}.puppy-status-key b{display:block;color:#fff;font:700 18px Georgia,serif}.puppy-status-key small{display:block;color:rgba(220,236,249,.64);font-size:11px;margin-top:2px}.status-key-tags{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.glass-status{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:6px 10px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#fff;border:1px solid rgba(255,255,255,.42);backdrop-filter:blur(14px) saturate(170%);-webkit-backdrop-filter:blur(14px) saturate(170%);box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 0 20px rgba(68,157,245,.18)}.status-available{background:linear-gradient(145deg,rgba(56,171,122,.72),rgba(16,103,74,.58));box-shadow:inset 0 1px 0 rgba(255,255,255,.44),0 0 21px rgba(55,190,136,.26)}.status-pending{background:linear-gradient(145deg,rgba(221,162,61,.78),rgba(149,94,18,.62));box-shadow:inset 0 1px 0 rgba(255,255,255,.44),0 0 21px rgba(232,169,64,.24)}.status-reserved{background:linear-gradient(145deg,rgba(59,128,225,.82),rgba(40,76,163,.64));box-shadow:inset 0 1px 0 rgba(255,255,255,.44),0 0 23px rgba(72,145,247,.33)}.puppy-card-status{position:absolute;top:11px;right:11px;z-index:8;pointer-events:none}#modalstatus{margin-left:8px;vertical-align:middle}

/* Media / YouTube */
body.glass-site .youtube-card{overflow:hidden!important;text-decoration:none!important;color:#fff!important}
body.glass-site .youtube-card-copy h3{color:#fff!important}.youtube-date{color:#87c6ff!important}.youtube-card p,.youtube-placeholder{color:var(--kfs-muted)!important}.youtube-placeholder strong{color:#fff!important}.youtube-play{background:rgba(240,249,255,.87)!important;color:#0d2b49!important;box-shadow:0 10px 28px rgba(0,0,0,.20)}

/* Modal */
body.glass-site .modal{z-index:500!important;background:rgba(1,8,16,.76)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}
body.glass-site .modalcard{z-index:501!important;color:#f7fbff!important;background:linear-gradient(145deg,rgba(10,31,52,.94),rgba(18,57,89,.86))!important;border:1px solid rgba(255,255,255,.23)!important;backdrop-filter:blur(34px) saturate(160%)!important;-webkit-backdrop-filter:blur(34px) saturate(160%)!important}
body.glass-site .modalpad p{color:var(--kfs-muted)!important}.modal .close{z-index:510!important;color:#102033!important;background:rgba(245,251,255,.90)!important}.modal-open nav{pointer-events:none}.modal-open{overflow:hidden!important}

/* Footer */
body.glass-site footer{width:min(1220px,calc(100% - 24px))!important;margin:24px auto 18px!important;padding:48px 0 60px!important;border-radius:28px!important;overflow:hidden!important;background:linear-gradient(145deg,rgba(4,23,42,.83),rgba(13,58,91,.54),rgba(30,88,128,.24))!important;border:1px solid rgba(255,255,255,.20)!important;box-shadow:0 30px 80px rgba(0,8,20,.37),inset 0 1px 0 rgba(255,255,255,.20)!important;backdrop-filter:blur(34px) saturate(165%)!important;-webkit-backdrop-filter:blur(34px) saturate(165%)!important}
body.glass-site footer h3{color:#fff!important}body.glass-site footer a,body.glass-site footer p,body.glass-site footer small{color:rgba(220,235,249,.72)!important}body.glass-site footer a:hover{color:#8ecaff!important}

/* Responsive */
@media(max-width:1020px){.timeline-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.timeline-grid::before{display:none}.timeline-card:last-child{grid-column:1/-1;min-height:190px}.included-layout{grid-template-columns:1fr}body.glass-site .quickgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.glass-site .quickgrid .quick:last-child{grid-column:1/-1}}
@media(max-width:900px){body.glass-site nav{top:6px!important;border-radius:20px!important}body.glass-site .navlinks{top:78px!important;left:0!important;right:0!important;padding:16px 20px!important;border-radius:0 0 20px 20px!important;background:rgba(5,25,45,.96)!important;border:1px solid rgba(255,255,255,.16)!important;border-top:0!important;backdrop-filter:blur(30px)!important;-webkit-backdrop-filter:blur(30px)!important}body.glass-site .navlinks a{padding:10px 4px!important}body.glass-site .hero{border-radius:25px!important;min-height:650px!important;background-position:center 38%!important}body.glass-site .hero::after{border-radius:25px!important}body.glass-site .hero .inner{width:calc(100% - 36px)!important;margin:190px 18px 42px!important;padding:30px 27px 34px!important;border-radius:24px!important}body.glass-site .pagehero{border-radius:25px!important}.values,.parents{grid-template-columns:1fr 1fr!important}.parents{grid-template-columns:1fr!important}.parent{min-height:520px!important}}
@media(max-width:760px){.embark-panel{grid-template-columns:1fr;padding:28px}.embark-mark{width:92px;height:92px;border-radius:24px;font-size:18px}.timeline-grid{grid-template-columns:1fr}.timeline-card,.timeline-card:last-child{grid-column:auto;min-height:auto}.checklist{grid-template-columns:1fr;padding:26px}.check-item:nth-last-child(-n+2){border-bottom:1px solid rgba(255,255,255,.085)}.check-item:last-child{border-bottom:0}.included-intro{padding:28px}.puppy-status-key{align-items:flex-start;flex-direction:column}.status-key-tags{justify-content:flex-start}}
@media(max-width:620px){body.glass-site .quickgrid{grid-template-columns:1fr!important}body.glass-site .quickgrid .quick:last-child{grid-column:auto}.military-glass{padding:18px 18px 18px 64px!important}.military-glass::before{left:16px!important}body.glass-site section{padding-top:58px;padding-bottom:58px}body.glass-site .values{grid-template-columns:1fr!important}.value{min-height:190px!important}.parent{min-height:470px!important}.footergrid{grid-template-columns:1fr!important}}
@media(max-width:520px){body.glass-site .hero{min-height:620px!important;background-position:52% 36%!important}body.glass-site .hero .inner{margin-top:170px!important;padding:26px 22px 30px!important}body.glass-site .hero h1{font-size:clamp(44px,14vw,64px)!important}.pagehero{padding:58px 0 44px!important}.embark-section,.timeline-section,.included-section{padding:56px 0!important}}


/* V16 — MOBILE NAV FUNCTIONAL QA FIX */
@media(max-width:900px){
  body.glass-site nav{
    overflow:visible!important;
  }
  body.glass-site nav.menu-open{
    border-radius:20px 20px 0 0!important;
    z-index:1000!important;
  }
  body.glass-site .navlinks{
    z-index:1001!important;
    box-shadow:0 22px 50px rgba(0,8,20,.48),inset 0 1px 0 rgba(255,255,255,.08)!important;
  }
  body.glass-site .navlinks.open{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  body.glass-site .menu{
    position:relative!important;
    z-index:1002!important;
    cursor:pointer!important;
    touch-action:manipulation;
  }
}


/* ============================================================
   V17 STYLE PREVIEW — CLEAR LIQUID GLASS
   More transparency / less smoked tint, while preserving contrast.
   ============================================================ */

:root{
  --kfs-glass-clear:rgba(255,255,255,.065);
  --kfs-glass-blue:rgba(69,154,226,.035);
  --kfs-glass-edge:rgba(255,255,255,.36);
}

/* Navigation becomes clearer glass rather than a dark floating bar. */
body.glass-site nav{
  background:
    linear-gradient(145deg,rgba(10,34,58,.48),rgba(31,78,115,.18))!important;
  border-color:rgba(255,255,255,.32)!important;
  box-shadow:0 16px 46px rgba(0,8,20,.24),inset 0 1px 0 rgba(255,255,255,.31)!important;
  backdrop-filter:blur(26px) saturate(180%)!important;
  -webkit-backdrop-filter:blur(26px) saturate(180%)!important;
}

/* HOMEPAGE — let Titan & Sapphire stay visible behind the opening window. */
body.glass-site .hero{
  background-image:
    linear-gradient(90deg,rgba(2,14,27,.38),rgba(5,22,40,.12),rgba(5,22,40,.025)),
    url('images/photo-ad1419734ca4.jpg')!important;
}
body.glass-site .hero .inner{
  border:1px solid rgba(255,255,255,.39)!important;
  background:
    linear-gradient(145deg,rgba(8,30,51,.27),rgba(255,255,255,.075))!important;
  box-shadow:
    0 24px 66px rgba(0,7,17,.22),
    inset 0 1px 0 rgba(255,255,255,.43),
    inset 0 -1px 0 rgba(255,255,255,.055)!important;
  backdrop-filter:blur(18px) saturate(180%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(180%)!important;
}
body.glass-site .hero .inner::after{
  content:"";position:absolute;inset:1px;border-radius:29px;pointer-events:none;
  background:linear-gradient(120deg,rgba(255,255,255,.08),transparent 38%,rgba(97,183,255,.035) 75%,transparent);
}
body.glass-site .hero h1,
body.glass-site .hero h2,
body.glass-site .hero p,
body.glass-site .hero .eyebrow,
body.glass-site .hero .actions{position:relative;z-index:2}
body.glass-site .hero p{color:rgba(246,251,255,.94)!important;text-shadow:0 2px 12px rgba(0,0,0,.50)}

/* Five homepage shortcuts: clear independent pieces of glass. */
body.glass-site .quickgrid .quick{
  border-color:rgba(255,255,255,.38)!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.105),rgba(67,151,224,.025))!important;
  box-shadow:0 14px 34px rgba(0,9,22,.18),inset 0 1px 0 rgba(255,255,255,.44)!important;
  backdrop-filter:blur(17px) saturate(175%)!important;
  -webkit-backdrop-filter:blur(17px) saturate(175%)!important;
}
body.glass-site .quickgrid .quick:hover{
  background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(72,164,242,.045))!important;
}

/* Generic site glass: reduce opacity and let the dark sapphire background show through. */
body.glass-site .content,body.glass-site .card,body.glass-site .price,body.glass-site fieldset,
body.glass-site .pupcard,body.glass-site .youtube-card,body.glass-site .youtube-placeholder,
body.glass-site .social-pop-inner,body.glass-site .titan-social,body.glass-site .reserve-card,
body.glass-site .health-note,body.glass-site .notice,body.glass-site .live-links,
body.glass-site .profile-gallery-main,body.glass-site .contact-first{
  border-color:rgba(255,255,255,.28)!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.065),rgba(76,157,226,.018))!important;
  box-shadow:0 20px 55px rgba(0,8,20,.20),inset 0 1px 0 rgba(255,255,255,.25)!important;
  backdrop-filter:blur(20px) saturate(165%)!important;
  -webkit-backdrop-filter:blur(20px) saturate(165%)!important;
}

/* New information sections use true white/5 glass instead of dark panels. */
.kfs-glass-section{
  background:
    linear-gradient(180deg,rgba(5,21,39,.37),rgba(8,40,68,.25))!important;
}
.glass-panel{
  border-color:rgba(255,255,255,.30)!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.072),rgba(77,157,226,.020),rgba(255,255,255,.018))!important;
  box-shadow:0 20px 55px rgba(0,9,22,.20),inset 0 1px 0 rgba(255,255,255,.31)!important;
}
.backdrop-blur-xl{
  backdrop-filter:blur(20px) saturate(175%)!important;
  -webkit-backdrop-filter:blur(20px) saturate(175%)!important;
}

/* Buttons: visibly translucent sapphire glass, not solid blue pills. */
body.glass-site .btn,body.glass-site .blue,body.glass-site button.blue,body.glass-site a.blue{
  border-color:rgba(205,233,255,.42)!important;
  background:
    linear-gradient(145deg,rgba(54,148,235,.48),rgba(25,91,164,.26))!important;
  box-shadow:0 10px 28px rgba(4,42,87,.20),inset 0 1px 0 rgba(255,255,255,.42)!important;
  backdrop-filter:blur(18px) saturate(180%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(180%)!important;
}
body.glass-site .btn:hover,body.glass-site .blue:hover{
  background:linear-gradient(145deg,rgba(76,171,255,.56),rgba(34,111,190,.31))!important;
}
body.glass-site .btn:active,body.glass-site .blue:active{
  background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(50,132,213,.22))!important;
  box-shadow:inset 0 2px 8px rgba(0,25,58,.22),inset 0 1px 0 rgba(255,255,255,.30)!important;
}

/* Interior page hero itself is glass over the sapphire/orb background. */
body.glass-site .pagehero{
  overflow:visible!important;
  background:
    radial-gradient(circle at 84% 12%,rgba(117,199,255,.14),transparent 30%),
    radial-gradient(circle at 14% 82%,rgba(59,147,232,.095),transparent 30%),
    linear-gradient(140deg,rgba(4,19,35,.56),rgba(11,49,82,.38),rgba(15,66,107,.26))!important;
  border-color:rgba(255,255,255,.30)!important;
  box-shadow:0 24px 70px rgba(0,8,22,.24),inset 0 1px 0 rgba(255,255,255,.28)!important;
  backdrop-filter:blur(22px) saturate(170%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(170%)!important;
}

/* Restore the Titan artwork to its intended role: small floating corner logo. */
body.glass-site .pagehero .kfs-site-header-logo{
  position:absolute!important;
  right:24px!important;
  top:22px!important;
  z-index:6!important;
  width:104px!important;
  height:104px!important;
  margin:0!important;
  padding:5px!important;
  border-radius:50%!important;
  overflow:hidden!important;
  background:rgba(255,255,255,.065)!important;
  border:1px solid rgba(255,255,255,.38)!important;
  box-shadow:0 15px 38px rgba(0,8,20,.22),inset 0 1px 0 rgba(255,255,255,.45)!important;
  backdrop-filter:blur(15px) saturate(170%)!important;
  -webkit-backdrop-filter:blur(15px) saturate(170%)!important;
}
body.glass-site .pagehero .kfs-site-header-logo img{
  width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important;
}
body.glass-site .pagehero .wrap{padding-right:150px!important}

/* Puppy page keeps its photography but with less smoke on top. */
body.glass-site .puppies-page-hero{
  background-image:
    linear-gradient(90deg,rgba(3,15,29,.48),rgba(4,27,49,.18),rgba(5,22,40,.045)),
    url('images/photo-ad1419734ca4.jpg')!important;
}

/* Slightly brighter sapphire orbs create the refraction/depth visible in the earlier mockups. */
.sapphire-orb{opacity:.86!important;filter:blur(1px)!important}

/* Military callout keeps its visual importance but becomes glassier. */
body.glass-site .military-glass{
  background:
    radial-gradient(circle at 12% 20%,rgba(255,211,89,.13),transparent 29%),
    linear-gradient(120deg,rgba(7,39,72,.58),rgba(19,98,170,.40),rgba(8,51,89,.48))!important;
  backdrop-filter:blur(19px) saturate(175%)!important;
  -webkit-backdrop-filter:blur(19px) saturate(175%)!important;
}

/* Mobile logo remains a corner mark rather than consuming the page. */
@media(max-width:700px){
  body.glass-site .pagehero .kfs-site-header-logo{
    width:74px!important;height:74px!important;right:14px!important;top:14px!important;padding:4px!important;
  }
  body.glass-site .pagehero .wrap{padding-right:92px!important}
  body.glass-site .hero .inner{
    background:linear-gradient(145deg,rgba(7,27,46,.34),rgba(255,255,255,.075))!important;
  }
}


/* V17.2 — CONTAINED SWEEPING GLASS SHINE
   Same professional press/hover effect as the other buttons,
   with the reflection clipped entirely inside these pills. */
body.glass-site .kfs-contained-shine{
  position:relative!important;
  display:inline-block!important;
  overflow:hidden!important;
  isolation:isolate!important;
  border-radius:999px!important;
}

/* The shine band lives at 100% of the pill height instead of 300%. */
body.glass-site .kfs-contained-shine::before{
  content:""!important;
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  left:0!important;
  width:36%!important;
  height:100%!important;
  border-radius:999px!important;
  background:
    linear-gradient(
      90deg,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,.08) 22%,
      rgba(255,255,255,.42) 50%,
      rgba(255,255,255,.10) 76%,
      rgba(255,255,255,0) 100%
    )!important;
  opacity:.88!important;
  transform:translateX(-165%) skewX(-18deg)!important;
  transform-origin:center!important;
  transition:transform .46s cubic-bezier(.22,.61,.36,1),opacity .18s ease!important;
  pointer-events:none!important;
  z-index:1!important;
}

/* Sweep across the face of the button on hover. */
body.glass-site .kfs-contained-shine:hover::before{
  left:0!important;
  transform:translateX(365%) skewX(-18deg)!important;
  opacity:1!important;
}

/* A quick compressed sweep makes the press state feel tactile. */
body.glass-site .kfs-contained-shine:active::before{
  left:0!important;
  transform:translateX(250%) skewX(-18deg)!important;
  opacity:.72!important;
  transition-duration:.10s!important;
}

/* Keep the button label above the moving reflection. */
body.glass-site .kfs-contained-shine{
  text-shadow:0 1px 7px rgba(0,20,48,.30)!important;
}


/* ============================================================
   V17.3 — LOCKED TEMPLATE / INTERIOR LOGO POSITION
   Only change: place the established Titan/Kalista logo in the
   upper-left corner of interior page heroes at a balanced size.
   ============================================================ */

body.glass-site .pagehero .kfs-site-header-logo{
  left:24px!important;
  right:auto!important;
  top:22px!important;
  width:96px!important;
  height:96px!important;
}

/* Give hero copy comfortable space beside the corner mark. */
body.glass-site .pagehero .wrap{
  padding-left:132px!important;
  padding-right:40px!important;
}

@media(max-width:700px){
  body.glass-site .pagehero .kfs-site-header-logo{
    left:14px!important;
    right:auto!important;
    top:14px!important;
    width:70px!important;
    height:70px!important;
  }
  body.glass-site .pagehero .wrap{
    padding-left:92px!important;
    padding-right:20px!important;
  }
}

/* V17.5 — pedigree health card beneath Embark DNA testing */
.pedigree-health-card{margin-top:22px;border-radius:26px;padding:30px 32px;display:grid;grid-template-columns:92px 1fr;gap:24px;align-items:start;overflow:hidden}
.pedigree-health-icon{width:78px;height:78px;border-radius:22px;display:grid;place-items:center;font:800 18px Georgia,serif;letter-spacing:.10em;color:#e9f7ff;border:1px solid rgba(255,255,255,.34);background:linear-gradient(145deg,rgba(89,172,255,.25),rgba(19,68,118,.16));box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 12px 28px rgba(0,22,48,.20)}
.pedigree-health-copy h3{font-size:clamp(27px,3.4vw,38px);line-height:1.08;margin:5px 0 10px;color:#fff}
.pedigree-health-copy>p{max-width:940px;margin:0;color:rgba(228,241,252,.82)!important}
.pedigree-health-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}
.pedigree-health-points>span{display:block;padding:16px 17px;border-radius:18px;border:1px solid rgba(151,211,255,.22);background:rgba(111,184,255,.055)}
.pedigree-health-points b{display:block;color:#fff;font-size:12px;margin-bottom:5px}
.pedigree-health-points small{display:block;color:rgba(215,233,248,.68);font-size:11px;line-height:1.5}
@media(max-width:820px){.pedigree-health-card{grid-template-columns:1fr}.pedigree-health-points{grid-template-columns:1fr}.pedigree-health-icon{width:68px;height:68px;border-radius:19px;font-size:16px}}
@media(max-width:520px){.pedigree-health-card{padding:24px 22px}}


/* ============================================================
   V17.7 — GURU MOBILE PHOTO + PARENT CARD READABILITY PASS
   1) Mobile Meet the Puppies hero uses a purpose-built crop that
      keeps Titan and Sapphire together instead of clipping ears.
   2) Homepage parent-card copy gets a contained liquid-glass
      reading panel; the photo itself remains clean/no full gradient.
   ============================================================ */

/* Keep parent photos clean while giving the text its own readable glass surface. */
body.glass-site .parents .parentcopy{
  left:26px!important;
  right:26px!important;
  bottom:26px!important;
  width:auto!important;
  padding:22px 24px 23px!important;
  border:1px solid rgba(255,255,255,.38)!important;
  border-radius:20px!important;
  background:linear-gradient(145deg,rgba(4,20,37,.72),rgba(24,67,101,.48))!important;
  box-shadow:0 14px 34px rgba(0,8,20,.30),inset 0 1px 0 rgba(255,255,255,.30)!important;
  backdrop-filter:blur(18px) saturate(165%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(165%)!important;
  text-shadow:0 2px 8px rgba(0,0,0,.92)!important;
}
body.glass-site .parents .parentcopy::before{
  content:"";
  position:absolute;
  left:16px;
  right:16px;
  top:0;
  height:1px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.70),transparent);
}
body.glass-site .parents .parentcopy .eyebrow{
  color:#a8dcff!important;
  text-shadow:0 2px 8px rgba(0,0,0,.96),0 0 18px rgba(82,170,248,.20)!important;
}
body.glass-site .parents .parentcopy h3{
  color:#fff!important;
  text-shadow:0 2px 10px rgba(0,0,0,.98)!important;
}
body.glass-site .parents .parentcopy p{
  color:#f4f9ff!important;
  opacity:1!important;
  text-shadow:0 2px 9px rgba(0,0,0,.98)!important;
}
body.glass-site .parents .parentcopy .btn{
  margin-top:4px;
}

/* Mobile-only, composition-safe crop for the Meet the Puppies hero. */
@media(max-width:700px){
  body.glass-site .puppies-page-hero{
    background-image:
      linear-gradient(180deg,rgba(3,15,29,.08) 0%,rgba(3,15,29,.12) 37%,rgba(3,15,29,.68) 76%,rgba(3,15,29,.88) 100%),
      url('images/photo-ad1419734ca4-mobile.jpg')!important;
    background-size:cover!important;
    background-position:center center!important;
    min-height:430px!important;
  }
  body.glass-site .puppies-page-hero .wrap{
    padding-top:185px!important;
    padding-bottom:30px!important;
    position:relative!important;
    z-index:3!important;
  }
  body.glass-site .puppies-page-hero h1{
    text-shadow:0 3px 16px rgba(0,0,0,.88)!important;
  }
  body.glass-site .puppies-page-hero p{
    color:#f4f9ff!important;
    text-shadow:0 2px 10px rgba(0,0,0,.92)!important;
  }
  body.glass-site .puppies-page-hero .eyebrow{
    text-shadow:0 2px 9px rgba(0,0,0,.92)!important;
  }
  body.glass-site .parents .parentcopy{
    left:18px!important;
    right:18px!important;
    bottom:18px!important;
    padding:19px 20px 20px!important;
    border-radius:18px!important;
  }
}


/* V17.8 — adopted puppy status */
.status-adopted{background:linear-gradient(145deg,rgba(18,46,83,.94),rgba(46,112,184,.80));border-color:rgba(210,235,255,.68);box-shadow:inset 0 1px 0 rgba(255,255,255,.52),0 0 25px rgba(73,157,244,.38),0 8px 22px rgba(0,20,44,.24)}
.pupcard.is-adopted,.mini.is-adopted{outline:1px solid rgba(91,169,246,.30);box-shadow:0 14px 34px rgba(18,64,113,.15),inset 0 0 0 1px rgba(255,255,255,.12)}
.pupcard.is-adopted .puppy-card-status,.mini.is-adopted .puppy-card-status{top:12px;right:12px;min-height:32px;padding:7px 13px;font-size:10px;letter-spacing:.15em}
.btn.is-disabled{pointer-events:none;opacity:.58;filter:saturate(.55)}
@media(max-width:600px){.puppy-status-key{align-items:flex-start;flex-direction:column}.status-key-tags{justify-content:flex-start}.glass-status{line-height:1.2;text-align:center}}


/* V17.10 — approved adopted status treatment
   Keep status anchored to the puppy photo. Adopted uses the approved smaller
   red glass pill near the bottom of the photo; available stays top-right. */
.puppy-photo-wrap{position:relative;display:block;width:100%;overflow:hidden}
.mini .puppy-photo-wrap{height:250px}
.mini .puppy-photo-wrap img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 42%}
.pupcard .puppy-photo-wrap{aspect-ratio:4/5}
.pupcard .puppy-photo-wrap img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
.pupcard:first-child .puppy-photo-wrap img{object-fit:contain;object-position:center center;background:var(--ice)}

.puppy-photo-wrap .puppy-card-status{position:absolute;top:11px;right:11px;left:auto;bottom:auto;transform:none;z-index:8;pointer-events:none}
.status-adopted{background:linear-gradient(145deg,rgba(181,31,52,.94),rgba(126,13,33,.88));border-color:rgba(255,224,229,.74);box-shadow:inset 0 1px 0 rgba(255,255,255,.46),0 0 20px rgba(205,45,72,.24),0 8px 20px rgba(75,0,15,.20)}
.pupcard.is-adopted,.mini.is-adopted{outline:1px solid rgba(196,49,73,.22);box-shadow:0 14px 34px rgba(115,18,38,.11),inset 0 0 0 1px rgba(255,255,255,.12)}
.puppy-photo-wrap:has(.status-adopted)::after{content:'';position:absolute;inset:0;pointer-events:none;background:rgba(162,18,43,.055);z-index:3}
.pupcard.is-adopted .puppy-photo-wrap .puppy-card-status,.mini.is-adopted .puppy-photo-wrap .puppy-card-status{top:auto;right:auto;left:50%;bottom:16px;transform:translateX(-50%);min-height:26px;padding:5px 11px;font-size:9px;letter-spacing:.13em;white-space:nowrap;z-index:8}
@media(max-width:600px){.pupcard.is-adopted .puppy-photo-wrap .puppy-card-status,.mini.is-adopted .puppy-photo-wrap .puppy-card-status{bottom:14px;min-height:25px;padding:5px 10px;font-size:8.5px}}