:root{
  --navy:#0b2239;
  --navy-2:#12395c;
  --blue:#256fae;
  --blue-2:#4a90c8;
  --blue-soft:#e8f2fb;
  --steel:#63788d;
  --ink:#111827;
  --muted:#667085;
  --line:#d9e2ec;
  --bg:#f4f7fa;
  --card:#ffffff;
  --soft:#edf4fb;
  --shadow:0 16px 40px rgba(11,34,57,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(180deg,#f7fafc 0,#eef3f7 100%);color:var(--ink);font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;line-height:1.45}
a{color:inherit}
.site-header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.88);border-bottom:1px solid rgba(217,226,236,.9);display:flex;align-items:center;justify-content:space-between;padding:14px 24px;backdrop-filter:saturate(160%) blur(12px)}
.brand{font-weight:900;text-decoration:none;letter-spacing:.1px;color:var(--navy)}
.brand span{color:var(--blue);font-weight:800}
.back,.header-nav a{font-size:14px;color:var(--muted);text-decoration:none;font-weight:750}
.header-nav{display:flex;gap:18px}.header-nav a:hover,.back:hover{color:var(--blue)}
.page{max-width:1220px;margin:0 auto;padding:26px}.index-page{padding-top:24px}
.animal-hero,.index-hero{border:1px solid rgba(217,226,236,.9);border-radius:28px;padding:28px;display:flex;gap:26px;justify-content:space-between;align-items:flex-start;box-shadow:var(--shadow);overflow:hidden;position:relative}
.animal-hero:before,.index-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 0%,rgba(116,174,218,.35),transparent 34%),radial-gradient(circle at 88% 10%,rgba(255,255,255,.38),transparent 30%);pointer-events:none}
.animal-hero>* ,.index-hero>*{position:relative}.premium-hero{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-2) 52%,#2b6f9e 100%);color:#fff}.animal-hero{background:linear-gradient(135deg,#ffffff 0%,#f1f6fb 60%,#e8f2fb 100%)}
.eyebrow{font-size:12px;font-weight:900;color:var(--blue);text-transform:uppercase;letter-spacing:.12em}.premium-hero .eyebrow{color:#a9d4f6}
h1{font-size:clamp(30px,5vw,56px);line-height:1.02;margin:8px 0 12px;letter-spacing:-.04em}h2{font-size:clamp(22px,3vw,30px);letter-spacing:-.025em;margin:0}h3{margin:0;font-size:18px;letter-spacing:-.01em}h4{margin:0 0 10px;font-size:15px;color:var(--navy)}
.hero-copy{max-width:760px}.hero-copy p,.section-title-row p{font-size:16px;color:rgba(255,255,255,.78);max-width:760px}.section-title-row p{color:var(--muted);margin:0}.subline{font-size:17px;color:#344054;margin:0 0 16px}.premium-hero p{margin:0 0 18px}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.primary-action,.secondary-action{text-decoration:none;border-radius:999px;padding:11px 16px;font-size:14px;font-weight:850}.primary-action{background:#fff;color:var(--navy)}.secondary-action{border:1px solid rgba(255,255,255,.32);color:#fff}.secondary-action:hover{background:rgba(255,255,255,.08)}
.hero-stats{display:grid;grid-template-columns:1fr;gap:10px;min-width:210px}.index-stat,.mini-stat{border:1px solid rgba(255,255,255,.25);border-radius:20px;background:rgba(255,255,255,.10);padding:16px 18px;text-align:center;backdrop-filter:blur(10px)}.index-stat b,.mini-stat b{display:block;font-size:42px;line-height:1;color:#fff}.mini-stat b{font-size:26px}.index-stat span,.mini-stat span{font-size:12px;color:rgba(255,255,255,.74);font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 10px;font-size:13px;font-weight:650}.chip.highlight{border-color:#bdd7ef;background:#eef6fc;color:var(--navy)}.muted{color:var(--muted)}
.qr-panel{width:180px;min-width:180px;text-align:center;background:rgba(255,255,255,.88);border:1px solid var(--line);border-radius:20px;padding:13px;box-shadow:0 10px 26px rgba(11,34,57,.08)}.qr-panel img{width:136px;height:136px;image-rendering:pixelated}.qr-url{font-size:10px;color:var(--muted);word-break:break-all;margin-top:7px}
.control-panel,.proof-control-card,.proof-card,.progeny-card,.disclaimer,.rankings-section,.animal-search-section{background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:24px;padding:22px;margin:18px 0;box-shadow:0 10px 28px rgba(11,34,57,.06)}
.control-panel{display:flex;justify-content:space-between;gap:18px;align-items:center}.breed-filter,.proof-button-row{display:flex;gap:8px;flex-wrap:wrap}.breed-toggle,.proof-toggle{appearance:none;border:1px solid var(--line);background:#fff;color:var(--navy);border-radius:999px;padding:9px 13px;font-size:13px;font-weight:900;cursor:pointer;transition:.16s ease}.breed-toggle:hover,.proof-toggle:hover{transform:translateY(-1px);border-color:#9fc5e6}.breed-toggle.active,.proof-toggle.active{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 8px 18px rgba(37,111,174,.25)}
.section-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px}.ranking-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ranking-card{border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,#fff,#f8fbfe);overflow:hidden}.ranking-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 16px 10px;border-bottom:1px solid #edf2f7}.ranking-pill,.pill,.badge,.breed-chip{display:inline-flex;background:var(--navy);color:#fff;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:850}.pill.missing{background:#98a2b3}.ranking-rows{padding:8px}.ranking-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;text-decoration:none;padding:9px;border-radius:13px;border:1px solid transparent}.ranking-row:hover{background:var(--blue-soft);border-color:#cfe3f5}.rank-no{width:28px;height:28px;border-radius:50%;background:#eef4fa;color:var(--navy);display:grid;place-items:center;font-size:12px;font-weight:900}.rank-animal{display:grid;min-width:0}.rank-animal b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-animal small{color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-value{font-weight:950;color:var(--blue);font-size:18px}.empty-leaderboard{padding:14px;color:var(--muted);font-size:14px}
.search-wrap{margin:0 0 16px}#search{width:100%;border:1px solid var(--line);border-radius:18px;padding:15px 17px;font-size:16px;background:#fff;outline:none;box-shadow:0 1px 0 rgba(16,24,40,.03)}#search:focus{border-color:#8fc0e8;box-shadow:0 0 0 4px rgba(37,111,174,.10)}.animal-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.animal-card{text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;transition:.16s box-shadow,.16s transform,.16s border-color}.animal-card:hover{box-shadow:0 14px 30px rgba(11,34,57,.12);transform:translateY(-2px);border-color:#b9d4eb}.animal-card[hidden]{display:none!important}.animal-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.animal-name{font-weight:950;font-size:16px;margin-bottom:6px;color:var(--navy);letter-spacing:-.01em}.animal-meta{font-size:13px;color:var(--muted);margin-top:3px}.breed-chip{background:#eaf3fb;color:var(--navy);border:1px solid #cfe3f5}.quick-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:13px 0;font-size:12px}.quick-metrics span{background:#f7fafc;border:1px solid #edf2f7;border-radius:12px;padding:7px;text-align:center;color:var(--muted)}.quick-metrics b{display:block;color:var(--navy);font-size:13px}.badges{display:flex;gap:6px}.badge{background:#e8f2fb;color:var(--blue);font-size:10px;padding:4px 7px;border:1px solid #cfe3f5}
.proof-control-card{display:flex;justify-content:space-between;gap:20px;align-items:flex-end}.proof-control-copy p{margin:6px 0 0;color:var(--muted);max-width:690px}.proof-control{display:grid;gap:8px;min-width:310px}.proof-control label{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}#proofSelect{width:100%;border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px 13px;font-size:15px;font-weight:800;color:var(--ink);outline:none}.proof-panel{margin-top:0;animation:proofFade .18s ease-out}.proof-panel[hidden]{display:none!important}@keyframes proofFade{from{opacity:.65;transform:translateY(3px)}to{opacity:1;transform:none}}
.proof-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}.metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:16px}.metric{border:1px solid var(--line);border-radius:16px;padding:13px;background:linear-gradient(180deg,#fff,#f7fafc)}.metric-label{font-size:12px;color:var(--muted);font-weight:850;text-transform:uppercase;letter-spacing:.04em}.metric-value{font-size:29px;font-weight:950;color:var(--blue);line-height:1.1;margin-top:4px}.metric-sub{font-size:12px;color:var(--muted);margin-top:2px}.data-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.data-card{border:1px solid var(--line);border-radius:16px;padding:14px;background:#fff}table{border-collapse:collapse;width:100%;font-size:13px}th,td{border-bottom:1px solid #edf2f7;padding:6px 0;text-align:right}th{text-align:left;color:var(--muted);font-weight:650}tr:last-child th,tr:last-child td{border-bottom:none}
.trait-panel{border:1px solid var(--line);border-radius:18px;padding:15px;margin-top:14px;background:#fff}.trait-scale{display:grid;grid-template-columns:1fr 1fr 1fr;color:var(--muted);font-size:12px;margin-left:145px;margin-bottom:4px}.trait-scale span:nth-child(2){text-align:center}.trait-scale span:nth-child(3){text-align:right}.trait-row{display:grid;grid-template-columns:135px 65px minmax(120px,1fr) 65px 55px;gap:8px;align-items:center;font-size:12px;margin:5px 0}.trait-name{font-weight:800;color:var(--navy)}.trait-low,.trait-high,.trait-val{color:var(--muted)}.trait-high{text-align:right}.trait-val{text-align:right;font-weight:850;color:#344054}.trait-bar{height:18px;background:#edf2f7;border-radius:999px;position:relative;overflow:hidden}.trait-zero{position:absolute;left:50%;top:0;bottom:0;width:1px;background:#98a2b3}.trait-fill{position:absolute;top:0;bottom:0;border-radius:999px;background:var(--blue)}.trait-fill.neg{background:#9db8cf}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.section-note{margin:0 0 14px;color:var(--muted);font-size:14px}.progeny-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.progeny-item{text-decoration:none;border:1px solid var(--line);border-radius:16px;padding:14px;background:linear-gradient(180deg,#fff,#f8fbfe);transition:.15s box-shadow,.15s transform,.15s border-color}.progeny-item:hover{box-shadow:0 10px 24px rgba(11,34,57,.10);transform:translateY(-1px);border-color:#b9d4eb}.progeny-name{font-weight:950;font-size:15px;margin-bottom:4px;color:var(--navy)}.progeny-meta,.progeny-stack{font-size:13px;color:var(--muted);margin-top:3px}.progeny-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:10px}.progeny-metrics span{background:#fff;border:1px solid #edf2f7;border-radius:10px;padding:5px;text-align:center;font-size:11px;color:#52525b}.empty-progeny{border:1px dashed #c9d6e2;border-radius:14px;padding:14px;color:var(--muted);background:#f8fbfe;font-size:14px}.disclaimer{border-style:dashed;color:#475467}footer{text-align:center;color:var(--muted);font-size:12px;padding:26px}
@media(max-width:980px){.animal-hero,.index-hero,.control-panel,.proof-control-card,.section-title-row{display:block}.hero-stats{grid-template-columns:repeat(3,1fr);margin-top:18px}.ranking-grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.data-grid{grid-template-columns:1fr}.animal-list{grid-template-columns:1fr}.qr-panel{margin-top:18px;width:100%}.proof-control{margin-top:14px;min-width:0}.proof-button-row,.breed-filter{display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:14px}.progeny-grid{grid-template-columns:1fr}.progeny-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.trait-row{grid-template-columns:105px 45px minmax(90px,1fr) 45px 45px}.trait-scale{margin-left:115px}.header-nav{display:none}}
@media(max-width:560px){.page{padding:16px}.animal-hero,.index-hero,.control-panel,.proof-control-card,.proof-card,.progeny-card,.rankings-section,.animal-search-section{border-radius:20px;padding:18px}.hero-stats{grid-template-columns:1fr}.quick-metrics{grid-template-columns:repeat(2,1fr)}.metrics{grid-template-columns:1fr}.ranking-row{grid-template-columns:30px minmax(0,1fr);}.rank-value{grid-column:2;font-size:16px}.trait-low,.trait-high{display:none}.trait-row{grid-template-columns:92px minmax(100px,1fr) 48px}.trait-scale{margin-left:100px}.brand span{display:none}}


/* v6 landing page and sale-brand refinements */
.sale-header{min-height:78px;padding:12px 28px;background:rgba(255,255,255,.93);box-shadow:0 10px 30px rgba(11,34,57,.06)}
.logo-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--navy)}
.logo-brand img{display:block;width:176px;max-height:58px;object-fit:contain}
.sale-nav{gap:8px;align-items:center}
.nav-link{padding:10px 13px;border-radius:999px;color:var(--navy);text-decoration:none;font-weight:900;font-size:14px}
.nav-link:hover{background:#edf4fb;color:var(--blue)}
.nav-link.active{background:var(--navy);color:#fff}
.landing-body{background:#f3f6f9}
.landing-hero{position:relative;min-height:72vh;display:grid;align-items:end;overflow:hidden;background:#0b2239}
.landing-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%;filter:saturate(103%) contrast(102%)}
.landing-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,24,42,.74) 0%,rgba(6,24,42,.46) 42%,rgba(6,24,42,.08) 100%),linear-gradient(0deg,rgba(6,24,42,.76) 0%,rgba(6,24,42,.03) 42%)}
.landing-content{position:relative;z-index:1;display:grid;grid-template-columns:minmax(260px,420px) minmax(320px,760px);gap:34px;align-items:end;max-width:1260px;margin:0 auto;padding:48px 28px 62px;width:100%}
.sale-logo-card{background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.72);border-radius:24px;padding:28px;box-shadow:0 24px 60px rgba(0,0,0,.24);backdrop-filter:blur(12px)}
.sale-logo-card img{width:100%;height:auto;display:block}
.landing-copy{color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.28)}
.eyebrow.light{color:#d7e7f5}
.landing-copy h1{margin:12px 0 14px;font-size:clamp(36px,5.2vw,76px);line-height:.94;letter-spacing:-.055em;max-width:860px}
.landing-copy p{font-size:20px;max-width:760px;color:#e9f2fa;margin:0 0 24px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.secondary-action.light{border-color:rgba(255,255,255,.55);color:#fff;background:rgba(255,255,255,.12)}.secondary-action.light:hover{background:rgba(255,255,255,.20)}
.landing-panel{max-width:1220px;margin:-32px auto 0;position:relative;z-index:2;padding:0 26px 34px}.landing-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.landing-stat{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:0 12px 28px rgba(11,34,57,.08)}.landing-stat b{display:block;font-size:34px;color:var(--navy);line-height:1}.landing-stat span{color:var(--muted);font-weight:800;font-size:13px}.landing-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.landing-card{text-decoration:none;background:linear-gradient(180deg,#fff,#f8fbfe);border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 10px 24px rgba(11,34,57,.06);transition:.16s ease}.landing-card:hover{transform:translateY(-2px);border-color:#b9d4eb;box-shadow:0 18px 34px rgba(11,34,57,.11)}.landing-card span{font-weight:950;color:var(--blue);letter-spacing:.1em;font-size:12px}.landing-card h2{margin:8px 0 8px;color:var(--navy);font-size:23px}.landing-card p{margin:0;color:var(--muted)}
.subpage-hero{border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,#ffffff 0%,#f3f8fc 56%,#e8f2fb 100%);padding:30px;display:flex;justify-content:space-between;gap:22px;align-items:flex-end;box-shadow:var(--shadow);margin-bottom:18px}.subpage-hero h1{font-size:clamp(34px,5vw,58px);letter-spacing:-.045em;line-height:.98;margin:6px 0 10px;color:var(--navy)}.subpage-hero p{max-width:720px;color:var(--muted);margin:0;font-size:17px}.no-top-margin{margin-top:18px}.ranking-pill{background:var(--blue)}.ranking-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sale-footer{background:#0b2239;color:#d7e7f5;margin-top:30px;padding:28px 18px;text-align:center;font-size:13px}.animal-hero{border-top:5px solid var(--blue)}
@media(max-width:980px){.sale-header{min-height:auto}.logo-brand img{width:144px}.landing-content{grid-template-columns:1fr;padding:34px 20px 46px}.sale-logo-card{max-width:390px}.landing-stat-grid,.landing-card-grid{grid-template-columns:1fr 1fr}.subpage-hero{display:block}.subpage-hero .breed-filter{margin-top:18px}.ranking-grid{grid-template-columns:1fr}}
@media(max-width:560px){.sale-header{padding:10px 14px}.logo-brand img{width:118px}.sale-nav{gap:2px}.nav-link{font-size:12px;padding:8px 9px}.landing-hero{min-height:78vh}.landing-content{padding:28px 16px 42px}.sale-logo-card{padding:18px;border-radius:18px}.landing-copy h1{font-size:38px}.landing-copy p{font-size:16px}.landing-stat-grid,.landing-card-grid{grid-template-columns:1fr}.landing-panel{padding:0 16px 22px}.subpage-hero{padding:20px;border-radius:20px}.subpage-hero h1{font-size:36px}.landing-hero-img{object-position:63% center}}


/* v7 transparent hero/logo, buyer login and shortlist */
.sale-header{min-height:72px;padding:10px 24px}.logo-brand img{width:190px;max-height:60px}.sale-nav{gap:7px}.login-button{appearance:none;border:1px solid var(--line);background:#fff;color:var(--navy);border-radius:999px;padding:9px 12px;font-size:13px;font-weight:900;cursor:pointer}.login-button:hover,.login-button.logged-in{background:var(--blue);border-color:var(--blue);color:#fff}.shortlist-count{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-left:4px;border-radius:999px;background:#e8f2fb;color:var(--navy);font-size:11px}.nav-link.active .shortlist-count{background:rgba(255,255,255,.22);color:#fff}.landing-overlay{background:linear-gradient(90deg,rgba(245,248,251,.48) 0%,rgba(245,248,251,.18) 42%,rgba(245,248,251,0) 100%),linear-gradient(0deg,rgba(6,24,42,.42) 0%,rgba(6,24,42,0) 35%)}.landing-content{grid-template-columns:minmax(280px,520px) minmax(260px,1fr);align-items:end}.hero-logo-wrap{max-width:520px}.hero-logo-wrap img{display:block;width:100%;height:auto;filter:drop-shadow(0 14px 28px rgba(255,255,255,.18))}.hero-actions-only{align-self:end;justify-self:end}.hero-actions-only .hero-actions{justify-content:flex-end}.sale-logo-card{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;padding:0!important}.landing-copy h1,.landing-copy p{display:none!important}.landing-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-shortlist-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:16px}.profile-shortlist-button,.card-shortlist-button{appearance:none;border:1px solid var(--blue);background:var(--blue);color:#fff;border-radius:999px;padding:10px 14px;font-size:13px;font-weight:950;cursor:pointer;box-shadow:0 8px 18px rgba(37,111,174,.18)}.profile-shortlist-button.saved,.card-shortlist-button.saved{background:var(--navy);border-color:var(--navy)}.profile-shortlist-button:hover,.card-shortlist-button:hover{transform:translateY(-1px)}.profile-shortlist-link{font-size:13px;font-weight:900;color:var(--blue);text-decoration:none}.card-shortlist-button{margin-top:12px;width:100%;box-shadow:none}.shortlist-page-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;justify-content:flex-end}.navy-action{background:var(--navy)!important;color:#fff!important;border:1px solid var(--navy)!important}.navy-outline{background:#fff!important;color:var(--navy)!important;border:1px solid var(--line)!important}.danger-action{color:#9f1239!important}.shortlist-panel{background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:24px;padding:22px;margin:18px 0;box-shadow:0 10px 28px rgba(11,34,57,.06)}.buyer-summary{display:flex;gap:10px;align-items:center;margin-bottom:16px;color:var(--muted)}.buyer-summary b{color:var(--navy)}.buyer-summary span{font-size:13px}.shortlist-grid{display:grid;gap:12px}.shortlist-item{display:flex;justify-content:space-between;gap:18px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:0 8px 20px rgba(11,34,57,.05)}.shortlist-item h3{font-size:19px;color:var(--navy);margin:3px 0}.shortlist-item p{margin:0;color:var(--muted)}.shortlist-item-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.empty-shortlist{border:1px dashed #c9d6e2;border-radius:20px;background:#f8fbfe;padding:28px;text-align:center}.empty-shortlist h3{font-size:24px;color:var(--navy);margin-bottom:8px}.empty-shortlist p{color:var(--muted)}.buyer-modal[hidden]{display:none!important}.buyer-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px}.buyer-modal-backdrop{position:absolute;inset:0;background:rgba(6,24,42,.62);backdrop-filter:blur(4px)}.buyer-modal-card{position:relative;width:min(100%,460px);background:#fff;border-radius:24px;padding:26px;border:1px solid var(--line);box-shadow:0 30px 80px rgba(0,0,0,.28)}.buyer-modal-close{position:absolute;right:14px;top:12px;appearance:none;border:0;background:#eef4fa;color:var(--navy);width:34px;height:34px;border-radius:50%;font-size:22px;cursor:pointer}.buyer-modal-card h2{margin:5px 0 8px;color:var(--navy)}.buyer-modal-card p{color:var(--muted);margin:0 0 16px}.buyer-modal-card form{display:grid;gap:12px}.buyer-modal-card label{display:grid;gap:6px;font-size:13px;font-weight:900;color:var(--navy)}.buyer-modal-card input{border:1px solid var(--line);border-radius:14px;padding:12px 13px;font-size:15px;outline:none}.buyer-modal-card input:focus{border-color:#8fc0e8;box-shadow:0 0 0 4px rgba(37,111,174,.10)}.logout-action{margin-top:10px;width:100%}
@media(max-width:980px){.header-nav.sale-nav{display:flex;flex-wrap:wrap;justify-content:flex-end}.sale-header{align-items:flex-start}.logo-brand img{width:150px}.landing-content{grid-template-columns:1fr;align-items:end}.hero-actions-only{justify-self:start}.hero-actions-only .hero-actions{justify-content:flex-start}.shortlist-item{display:block}.shortlist-item-actions{justify-content:flex-start;margin-top:14px}}
@media(max-width:620px){.sale-header{display:block}.logo-brand img{width:150px}.header-nav.sale-nav{justify-content:flex-start;margin-top:8px}.nav-link,.login-button{font-size:12px;padding:8px 9px}.landing-hero{min-height:74vh}.hero-logo-wrap{max-width:330px}.landing-card-grid{grid-template-columns:1fr}.shortlist-page-actions{justify-content:flex-start}.shortlist-item-actions{display:grid}.shortlist-item-actions a,.shortlist-item-actions button{width:100%;text-align:center}.landing-overlay{background:linear-gradient(0deg,rgba(6,24,42,.60) 0%,rgba(245,248,251,.10) 48%)}}


/* v8 production record cards */
.production-card{background:linear-gradient(180deg,#ffffff 0%,#f8fbfe 100%);border:1px solid var(--line);border-radius:26px;padding:24px;margin:18px 0 24px;box-shadow:0 14px 34px rgba(11,34,57,.07)}
.production-card .section-head{margin-bottom:10px}.production-card h2{color:var(--navy)}.production-metrics{grid-template-columns:repeat(6,minmax(0,1fr));margin-top:18px}.production-metric{border-color:#d7e4ee;background:#fff}.production-metric .metric-value{color:var(--blue)}.production-grid{margin-top:18px}.production-data-card{background:#fff}.production-data-card h4{color:var(--navy);border-bottom:1px solid #e3edf5;padding-bottom:8px;margin-bottom:8px}.production-data-card table th{width:54%;}.production-chip{background:#edf7ff!important;border-color:#bdd9ef!important;color:var(--navy)!important}.production-note-chip{display:inline-flex;align-items:center;border:1px solid #bdd9ef;background:#edf7ff;color:var(--navy);border-radius:999px;padding:9px 12px;font-size:12px;font-weight:900;margin-left:8px;white-space:nowrap}
@media(max-width:1100px){.production-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.production-card{padding:18px;border-radius:22px}.production-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.production-grid{grid-template-columns:1fr}.production-note-chip{margin:8px 0 0}}


/* v9 expected calf parent-average PTA */
.expected-pa-card{background:linear-gradient(180deg,#ffffff 0%,#f6fbff 100%);border:1px solid #cfe0ef;border-radius:26px;padding:24px;margin:18px 0 24px;box-shadow:0 16px 38px rgba(11,34,57,.08)}
.expected-pa-card h2{color:var(--navy)}
.pa-pill{background:var(--blue)!important;color:#fff!important}.pa-chip{background:#eef7ff!important;border-color:#b9d4eb!important;color:var(--navy)!important}
.service-summary{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 18px}.service-summary span{display:inline-flex;gap:4px;align-items:center;border:1px solid #d7e6f3;background:#fff;border-radius:999px;padding:8px 11px;font-size:12px;color:var(--muted)}.service-summary b{color:var(--navy)}
.pa-metrics{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:16px}.pa-metric{background:#fff;border-color:#d7e6f3}.pa-metric .metric-value{color:var(--blue)}.pa-metric .metric-sub{font-size:11px;line-height:1.25}.pa-table-card{background:#fff}.pa-table th,.pa-table td{text-align:right}.pa-table th:first-child,.pa-table td:first-child{text-align:left}.pa-table thead th{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border-bottom:1px solid #d8e5f1;padding-bottom:8px}.pa-table tbody td strong{color:var(--blue);font-weight:950}
@media(max-width:980px){.pa-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.expected-pa-card{padding:18px;border-radius:22px}.pa-metrics{grid-template-columns:1fr}.service-summary span{width:100%;justify-content:space-between}.pa-table-card{overflow-x:auto}.pa-table{min-width:520px}}


/* v10 rankings view tabs + expected calf leaderboards */
.ranking-view-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px auto;align-self:flex-end}.ranking-view-toggle{appearance:none;border:1px solid #b9d4eb;background:rgba(255,255,255,.88);color:var(--navy);border-radius:999px;padding:10px 14px;font-size:13px;font-weight:950;cursor:pointer;transition:.16s ease}.ranking-view-toggle:hover{transform:translateY(-1px);border-color:var(--blue)}.ranking-view-toggle.active{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:0 10px 22px rgba(11,34,57,.20)}
.expected-ranking-card{background:linear-gradient(180deg,#ffffff 0%,#f4f9fe 100%);border-color:#cfe0ef}.expected-ranking-card .ranking-pill{background:var(--navy)}.expected-ranking-row .rank-value{color:var(--navy)}.expected-ranking-row .rank-no{background:#dfeefb;color:var(--blue)}
@media(max-width:980px){.ranking-view-tabs{margin-top:18px}.ranking-view-tabs,.breed-filter{display:grid;grid-template-columns:1fr 1fr;align-self:stretch}.breed-filter{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:560px){.ranking-view-tabs{grid-template-columns:1fr}.ranking-view-toggle{width:100%}}


/* v11 age + milking/youngstock filters */
.filter-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end;width:100%;margin-top:20px}.filter-group{display:grid;gap:7px}.filter-group>span{font-size:11px;font-weight:950;color:var(--muted);text-transform:uppercase;letter-spacing:.11em}.filter-buttons{display:flex;gap:7px;flex-wrap:wrap}.filter-toggle,.stage-toggle,.age-toggle{appearance:none;border:1px solid #b9d4eb;background:rgba(255,255,255,.9);color:var(--navy);border-radius:999px;padding:9px 12px;font-size:12px;font-weight:950;cursor:pointer;transition:.16s ease}.filter-toggle:hover,.stage-toggle:hover,.age-toggle:hover{transform:translateY(-1px);border-color:var(--blue)}.filter-toggle.active,.stage-toggle.active,.age-toggle.active,.breed-toggle.active{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:0 10px 22px rgba(11,34,57,.18)}.card-filter-meta{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 8px}.card-filter-meta span{display:inline-flex;border:1px solid #d4e6f5;background:#f1f7fc;color:var(--navy);border-radius:999px;padding:4px 8px;font-size:11px;font-weight:850}.stage-chip b,.age-chip b{margin-right:4px}.ranking-filter-panel{grid-column:1 / -1}.animal-filter-panel{grid-column:1 / -1}
@media(max-width:980px){.filter-panel{grid-template-columns:1fr}.filter-buttons{display:flex}.filter-toggle,.stage-toggle,.age-toggle{flex:1 1 auto;text-align:center}.ranking-filter-panel,.animal-filter-panel{margin-top:18px}}
@media(max-width:560px){.filter-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.age-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-toggle,.stage-toggle,.age-toggle{width:100%}}

/* v12 compact filters: cleaner placement with low-height filter rails */
.compact-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start!important;
  gap:18px!important;
  padding:24px!important;
}
.compact-hero > div:first-child{
  min-width:0;
}
.compact-hero h1{
  margin-bottom:8px!important;
}
.compact-hero p{
  font-size:15px!important;
  max-width:760px!important;
}
.ranking-view-tabs{
  margin:0!important;
  align-self:start!important;
  justify-self:end;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(185,212,235,.72);
  border-radius:999px;
  padding:4px;
  box-shadow:0 8px 22px rgba(11,34,57,.07);
}
.ranking-view-toggle{
  padding:7px 11px!important;
  font-size:12px!important;
  box-shadow:none!important;
}
.filter-panel,
.ranking-filter-panel,
.animal-filter-panel{
  grid-column:1 / -1!important;
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  margin-top:10px!important;
  padding:9px 10px!important;
  border:1px solid rgba(207,224,239,.92)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.66)!important;
  box-shadow:0 8px 22px rgba(11,34,57,.055)!important;
}
.filter-group{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
}
.filter-group>span{
  font-size:10px!important;
  letter-spacing:.09em!important;
  white-space:nowrap!important;
  color:#52677b!important;
}
.filter-buttons,
.filter-panel .breed-filter,
.filter-panel .stage-filter,
.filter-panel .age-filter{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:5px!important;
  margin-top:0!important;
  grid-template-columns:none!important;
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:none!important;
}
.filter-buttons::-webkit-scrollbar,
.filter-panel .breed-filter::-webkit-scrollbar,
.filter-panel .stage-filter::-webkit-scrollbar,
.filter-panel .age-filter::-webkit-scrollbar{
  display:none;
}
.filter-toggle,
.stage-toggle,
.age-toggle,
.filter-panel .breed-toggle{
  flex:0 0 auto!important;
  width:auto!important;
  padding:6px 9px!important;
  font-size:11px!important;
  line-height:1.1!important;
  border-radius:999px!important;
  box-shadow:none!important;
}
.filter-toggle.active,
.stage-toggle.active,
.age-toggle.active,
.filter-panel .breed-toggle.active{
  box-shadow:0 6px 14px rgba(11,34,57,.14)!important;
}
.animal-search-section,
.rankings-section{
  margin-top:14px!important;
}
.search-wrap{
  margin-top:4px!important;
}
@media(max-width:980px){
  .compact-hero{
    grid-template-columns:1fr!important;
    padding:20px!important;
    gap:12px!important;
  }
  .ranking-view-tabs{
    justify-self:start!important;
    width:auto!important;
    display:inline-flex!important;
    grid-template-columns:none!important;
  }
  .filter-panel,
  .ranking-filter-panel,
  .animal-filter-panel{
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    align-items:center!important;
    padding:9px!important;
    margin-top:6px!important;
    scrollbar-width:none!important;
  }
  .filter-panel::-webkit-scrollbar,
  .ranking-filter-panel::-webkit-scrollbar,
  .animal-filter-panel::-webkit-scrollbar{
    display:none;
  }
  .filter-group{
    flex:0 0 auto!important;
  }
  .filter-buttons,
  .filter-panel .breed-filter,
  .filter-panel .stage-filter,
  .filter-panel .age-filter{
    display:flex!important;
    grid-template-columns:none!important;
  }
}
@media(max-width:560px){
  .compact-hero{
    padding:18px!important;
    border-radius:20px!important;
  }
  .compact-hero h1{
    font-size:32px!important;
  }
  .compact-hero p{
    font-size:14px!important;
  }
  .ranking-view-tabs{
    max-width:100%;
    overflow-x:auto;
  }
  .ranking-view-toggle{
    white-space:nowrap!important;
  }
  .filter-panel,
  .ranking-filter-panel,
  .animal-filter-panel{
    margin-left:-2px!important;
    margin-right:-2px!important;
    width:calc(100% + 4px)!important;
  }
  .filter-group>span{
    font-size:9px!important;
  }
  .filter-toggle,
  .stage-toggle,
  .age-toggle,
  .filter-panel .breed-toggle{
    padding:6px 8px!important;
    font-size:10.5px!important;
  }
}


/* v13 badges, disclaimer, analytics-ready shortlist copy and mobile hero positioning */
.profile-badges{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 4px}
.profile-badge{display:inline-flex;align-items:center;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:950;letter-spacing:.02em;border:1px solid #b9d4eb;background:#edf6ff;color:var(--navy);box-shadow:0 5px 14px rgba(11,34,57,.06)}
.profile-badge.top-badge{background:linear-gradient(180deg,#ffffff 0%,#eaf4fd 100%);border-color:#9fc9ea;color:#0b3d66}
.profile-badge.expected-badge{background:linear-gradient(180deg,#0b2239 0%,#16446d 100%);border-color:#16446d;color:#fff}
.data-disclaimer-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px 22px;margin:24px 0 18px;box-shadow:0 10px 26px rgba(11,34,57,.055)}
.data-disclaimer-card h2{font-size:22px;color:var(--navy);margin:4px 0 8px}.data-disclaimer-card p{margin:0 0 8px;color:var(--muted);font-size:13px}.data-disclaimer-card .disclaimer-meta{font-weight:850;color:#44566a;margin-bottom:0}.shortlist-note{border:1px solid #d4e6f5;background:#f5f9fd;color:var(--muted);border-radius:16px;padding:12px 14px;margin:0 0 14px;font-size:13px}.shortlist-note strong{color:var(--navy)}
@media(max-width:620px){
  .landing-hero{align-items:start!important;min-height:74vh!important}
  .landing-content{min-height:74vh!important;align-content:space-between!important;align-items:start!important;padding:18px 16px 30px!important}
  .hero-logo-wrap{max-width:280px!important;margin-top:6px!important}
  .hero-actions-only{align-self:end!important;justify-self:start!important;width:100%}
  .hero-actions-only .hero-actions{justify-content:flex-start!important}
  .profile-badges{gap:6px;margin-top:12px}.profile-badge{font-size:10px;padding:6px 8px}
  .data-disclaimer-card{padding:16px;border-radius:18px}
}


/* v14 sponsor footer + cleaner mobile ranking switcher */
.sponsor-footer-block{max-width:1120px;margin:0 auto;display:grid;gap:16px}
.sale-footer-main{font-size:13px;color:#d7e7f5}
.sponsor-heading{font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.13em;color:#9fb8cf;margin-top:2px}
.sponsor-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:stretch}
.sponsor-link{display:flex;align-items:center;justify-content:center;min-height:88px;background:#fff;border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:16px 18px;text-decoration:none;box-shadow:0 14px 30px rgba(0,0,0,.16);transition:transform .16s ease, box-shadow .16s ease}
.sponsor-link:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(0,0,0,.24)}
.sponsor-link img{display:block;max-width:100%;max-height:58px;object-fit:contain}
.sponsor-link.sponsor-lloyds img{max-height:66px}
.sponsor-link.sponsor-nfu img{max-height:44px}
.sponsor-link.sponsor-xeinadin img{max-height:52px}
.sponsor-link.sponsor-handh img{max-height:62px}
.ranking-view-tabs{white-space:nowrap}
@media(max-width:780px){
  .sponsor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .sponsor-link{min-height:78px;padding:14px}
}
@media(max-width:560px){
  .ranking-view-tabs{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    width:100%!important;
    max-width:100%!important;
    border-radius:18px!important;
    overflow:visible!important;
  }
  .ranking-view-toggle{
    width:100%!important;
    min-width:0!important;
    padding:8px 8px!important;
    font-size:11.5px!important;
    white-space:normal!important;
    line-height:1.15!important;
  }
  .sponsor-grid{grid-template-columns:1fr 1fr}
  .sponsor-link{min-height:66px;border-radius:14px;padding:10px 12px}
  .sponsor-link.sponsor-lloyds img{max-height:45px}
  .sponsor-link.sponsor-nfu img{max-height:31px}
  .sponsor-link.sponsor-xeinadin img{max-height:35px}
  .sponsor-link.sponsor-handh img{max-height:40px}
  .sale-footer{padding:24px 12px!important}
}


/* v15 sponsor footer fix: consistent logo tiles, responsive sizing */
.sponsor-footer-block{
  max-width:1120px!important;
  margin:0 auto!important;
  display:grid!important;
  gap:13px!important;
  text-align:left!important;
  padding:18px!important;
  border:1px solid rgba(215,231,245,.14)!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.045)!important;
}
.sale-footer-main{
  text-align:center!important;
  color:#d7e7f5!important;
}
.sponsor-heading{
  text-align:center!important;
  margin:0!important;
  color:#b8cfe2!important;
}
.sponsor-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(150px,1fr))!important;
  gap:12px!important;
  align-items:center!important;
}
.sponsor-link{
  height:74px!important;
  min-height:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#ffffff!important;
  border:1px solid rgba(215,226,236,.92)!important;
  border-radius:16px!important;
  padding:12px 16px!important;
  overflow:hidden!important;
  box-shadow:0 10px 22px rgba(0,0,0,.12)!important;
}
.sponsor-link img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:88%!important;
  max-height:40px!important;
  object-fit:contain!important;
}
.sponsor-link.sponsor-lloyds img{max-height:44px!important;max-width:92%!important}
.sponsor-link.sponsor-nfu img{max-height:34px!important;max-width:82%!important}
.sponsor-link.sponsor-xeinadin img{max-height:38px!important;max-width:92%!important}
.sponsor-link.sponsor-handh img{max-height:42px!important;max-width:78%!important}
@media(max-width:780px){
  .sponsor-footer-block{padding:14px!important;border-radius:20px!important;gap:10px!important}
  .sponsor-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .sponsor-link{height:54px!important;border-radius:12px!important;padding:7px 9px!important;box-shadow:0 6px 14px rgba(0,0,0,.10)!important}
  .sponsor-link img{max-height:27px!important;max-width:84%!important}
  .sponsor-link.sponsor-lloyds img{max-height:31px!important;max-width:90%!important}
  .sponsor-link.sponsor-nfu img{max-height:23px!important;max-width:72%!important}
  .sponsor-link.sponsor-xeinadin img{max-height:26px!important;max-width:90%!important}
  .sponsor-link.sponsor-handh img{max-height:30px!important;max-width:74%!important}
}
@media(max-width:420px){
  .sale-footer{padding:18px 10px!important}
  .sale-footer-main{font-size:11px!important;line-height:1.35!important}
  .sponsor-heading{font-size:9.5px!important;letter-spacing:.1em!important}
  .sponsor-grid{gap:7px!important}
  .sponsor-link{height:48px!important;padding:6px 7px!important;border-radius:11px!important}
  .sponsor-link img{max-height:24px!important}
  .sponsor-link.sponsor-lloyds img{max-height:27px!important}
  .sponsor-link.sponsor-nfu img{max-height:20px!important}
  .sponsor-link.sponsor-xeinadin img{max-height:23px!important}
  .sponsor-link.sponsor-handh img{max-height:26px!important}
}


/* v16 animal photography */
.photo-section{background:#fff;border:1px solid rgba(16,35,55,.10);border-radius:28px;padding:24px;margin:22px 0;box-shadow:0 16px 40px rgba(15,32,52,.06)}
.photo-section .link-pill{text-decoration:none;color:inherit}
.photo-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}
.photo-tile{display:block;overflow:hidden;border-radius:22px;background:#eef3f7;min-height:180px;border:1px solid rgba(16,35,55,.08)}
.photo-tile.primary{grid-column:span 2;grid-row:span 2;min-height:390px}
.photo-tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}
.photo-tile:hover img{transform:scale(1.025)}
.dam-photo-section{background:linear-gradient(135deg,#f7fafc,#ffffff)}
.photo-chip b{margin-right:6px}.photo-chip{background:#eef6ff;border-color:#c8def4}
.animal-card.with-photo{overflow:hidden}
.animal-card-photo{height:150px;margin:-2px -2px 14px;border-radius:18px;overflow:hidden;background:#eef3f7}
.animal-card-photo img{width:100%;height:100%;object-fit:cover;display:block}
.progeny-item{overflow:hidden}
.progeny-thumb{height:120px;margin:-12px -12px 12px;border-radius:16px;overflow:hidden;background:#eef3f7}
.progeny-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.progeny-thumb.dam-thumb{position:relative;filter:saturate(.96)}
.dam-photo-badge{margin-left:6px;background:#eef6ff;color:#25415e;border:1px solid #c8def4;border-radius:999px;padding:4px 8px;font-size:.72rem;white-space:nowrap}
@media (max-width: 760px){
  .photo-section{padding:18px;border-radius:22px;margin:18px 0}
  .photo-gallery{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;padding-bottom:4px}
  .photo-tile,.photo-tile.primary{grid-column:auto;grid-row:auto;flex:0 0 82%;height:260px;min-height:260px;scroll-snap-align:start;border-radius:18px}
  .animal-card-photo{height:128px;border-radius:16px;margin-bottom:12px}
  .progeny-thumb{height:105px}
}