/* Local Breeds page body only. Original cards, metadata and PHP remain. */
.br27 { --br-green:#153d2c; --br-mint:#e7efe5; --br-line:#d8e3d7; background:#fafbf7; color:#18181b; }
.br27 .bc-container { width:100%; max-width:none; padding-inline:4.2%; }
.br27 .bc-hero--breeds { min-height:610px; height:610px; padding:0; display:flex; align-items:center; isolation:isolate; background:#153d2c; }
.br27 .bc-hero__bg { inset:-30px 0 0; background:url('../img/breeds-garden-20260922.png') center top/cover no-repeat; opacity:1; }
.br27 .bc-hero__bg:after { content:""; display:block; position:absolute; inset:0; background:linear-gradient(90deg,rgba(8,34,18,.48),rgba(8,34,18,.2) 40%,transparent 65%); }
.br27 .bc-hero__content { z-index:1; width:100%; max-width:none; margin:auto; padding:40px 4.5%; text-align:left; }
.br27 .bc-hero h1 { max-width:65%; font:600 clamp(40px,3.8vw,72px)/1.08 Inter,Arial,sans-serif; letter-spacing:-.03em; margin:0 0 14px; color:#fff; }
.br27 .bc-hero .bc-hero__subtitle { max-width:60%; font-size:22px; line-height:1.5; color:#fff; margin:0; }
.br27 .br27-filters { padding:12px 0!important; }
.br27 .bc-breed-tabs { display:flex; justify-content:center; gap:0; margin:0 auto; flex-wrap:wrap; }
.br27 .bc-breed-tab { flex:0 1 200px; padding:10px 20px; border:0; border-right:1px solid #d8e3d7; border-radius:0; background:#edf1e9; color:#18181b; font-size:15px; font-family:Inter,Arial,sans-serif; text-align:center; justify-content:center; box-shadow:none; }
.br27 .bc-breed-tab:first-child { border-radius:4px 0 0 4px; }
.br27 .bc-breed-tab:last-child { border-radius:0 4px 4px 0; border-right:0; }
.br27 .bc-breed-tab:hover { background:#dbe8d8; color:#153d2c; }
.br27 .bc-breed-tab--active { background:#23563d; color:#fff; }
.br27 .bc-breed-tab__count { padding:0; background:none; color:inherit; font:400 12px Inter,Arial,sans-serif; }
.br27 .bc-section--lg { padding:20px 0; }
.br27 .bc-section-header--center { text-align:left; margin:0 0 14px; }
.br27 .bc-section__title { color:#143c2c; font:600 36px/1.12 Inter,Arial,sans-serif; letter-spacing:-.025em; margin:0 0 6px; }
.br27 .bc-section__subtitle { font-size:14px; line-height:1.4; color:#18181b; margin:0; }
.br27 .br27-intro .bc-container>div[style] { max-width:none!important; display:grid; grid-template-columns:1fr 1fr; gap:36px; text-align:left!important; font-size:14px!important; line-height:1.55!important; color:#18181b!important; }
.br27 .br27-intro p { margin:0!important; }
.br27 .bc-breed-grid { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:9px; }
.br27 .br27-featured .bc-breed-grid { grid-template-columns:repeat(6,minmax(0,1fr)); gap:14px; }
.br27 .bc-breed-card { display:block; position:relative; border:0; border-radius:3px; box-shadow:none; overflow:hidden; background:transparent; color:#18181b; height:auto; text-decoration:none; }
.br27 .bc-breed-card:hover { transform:none; box-shadow:none; }
.br27 .bc-breed-card__img { position:relative; width:100%; height:auto; aspect-ratio:4/3; overflow:hidden; background:#e8eee4; }
.br27 .bc-breed-card__img img { width:100%; height:100%; object-fit:cover; display:block; }
.br27 .bc-breed-card:hover img { transform:scale(1.035); }
.br27 .bc-breed-card__overlay { position:static; inset:auto; padding:7px 1px; background:none; color:#18181b; }
.br27 .bc-breed-card__name { font:500 12px/1.35 Inter,Arial,sans-serif; color:#18181b; text-shadow:none; margin:0 0 3px; }
.br27 .bc-breed-card__origin { font-size:11px; line-height:1.4; color:#18181b; }
.br27 .bc-breed-card__meta { display:flex; flex-wrap:wrap; gap:2px 7px; font-size:10px; line-height:1.45; color:#18181b; margin-top:3px; }
.br27 .bc-breed-card__meta span { color:#18181b; }
.br27 .br27-featured .bc-breed-card { background:#fff; border:1px solid #e1e8dc; }
.br27 .br27-featured .bc-breed-card__overlay { padding:10px 12px; }
.br27 .br27-featured .bc-breed-card__name { font:600 18px/1.2 Inter,Arial,sans-serif; color:#143c2c; }
.br27 .br27-featured .bc-breed-card__origin { font-size:13px; }
.br27 .br27-featured .bc-breed-card__meta { font-size:12px; margin-top:5px; }
.br27 .bc-breed-section { display:grid; grid-template-columns:1fr auto; align-items:center; column-gap:20px; border-top:1px solid #e0e7da; padding-top:20px; margin-bottom:22px; }
.br27 .bc-breed-section__title { grid-column:1; grid-row:1; font:600 34px/1.1 Inter,Arial,sans-serif; color:#143c2c; margin:0 0 12px; display:flex; align-items:baseline; gap:12px; }
.br27 .bc-breed-section__count { font:400 12px/1.4 Inter,Arial,sans-serif; color:#18181b; background:none; padding:0; }
.br27 .bc-breed-section>.bc-breed-grid { grid-column:1/-1; grid-row:2; }
.br27 .bc-breed-section__more { grid-column:2; grid-row:1; margin:0 0 12px!important; }
.br27 .bc-breed-section__more .bc-btn { border:0; border-radius:0; padding:0; background:none; font-size:13px; font-weight:600; color:#214e35; }
.br27 .bc-breed-section__more .bc-btn:after { content:" →"; margin-left:6px; }
.br27 .bc-cta { padding:30px 0; background:#e3eee1; color:#18181b; }
.br27 .bc-cta>.bc-container { display:grid; grid-template-columns:1fr auto; column-gap:32px; text-align:left; align-items:center; }
.br27 .bc-cta__title { grid-column:1; font:600 34px/1.15 Inter,Arial,sans-serif; color:#143c2c; margin:0 0 6px; }
.br27 .bc-cta__desc { grid-column:1; color:#18181b; font-size:14px; line-height:1.5; margin:0; }
.br27 .bc-cta .bc-btn { grid-column:2; grid-row:1/3; border-radius:4px; background:#245b3b; color:#fff; font-size:14px; padding:12px 24px; }
.br27 :is(a,button):focus-visible { outline:3px solid #568b66; outline-offset:3px; }
@media(max-width:1100px) {
 .br27 .bc-hero--breeds { min-height:565px; height:565px; }
 .br27 .bc-breed-grid { grid-template-columns:repeat(6,minmax(0,1fr)); }
 .br27 .br27-featured .bc-breed-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media(max-width:800px) {
 .br27 .bc-hero--breeds { height:auto; min-height:0; flex-direction:column; }
 .br27 .bc-hero__content { order:1; padding:50px 28px 20px; }
 .br27 .bc-hero h1,.br27 .bc-hero .bc-hero__subtitle { max-width:none; }
 .br27 .bc-hero .bc-hero__subtitle { font-size:17px; }
 .br27 .bc-hero__bg { order:2; position:relative; inset:auto; width:100%; height:360px; flex:none; background-position:right top; }
 .br27 .bc-hero__bg:after { background:linear-gradient(180deg,#153d2c,transparent 25%); }
 .br27 .bc-container { padding-inline:16px; }
 .br27 .bc-breed-tabs { gap:5px; justify-content:flex-start; }
 .br27 .bc-breed-tab { flex:1 0 30%; padding:9px 6px; font-size:13px; border-radius:3px!important; border:0; }
 .br27 .br27-intro .bc-container>div[style] { grid-template-columns:1fr; gap:16px; font-size:13px!important; }
 .br27 .bc-breed-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
 .br27 .br27-featured .bc-breed-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
 .br27 .bc-section__title,.br27 .bc-breed-section__title { font-size:29px; }
 .br27 .bc-breed-section__more .bc-btn { font-size:11px; white-space:normal; }
 .br27 .bc-cta>.bc-container { display:block; }
 .br27 .bc-cta__title { font-size:29px; }
 .br27 .bc-cta .bc-btn { margin-top:18px; }
}
@media(max-width:520px) {
 .br27 .bc-hero__content { padding:38px 16px 20px; }
 .br27 .bc-hero__bg { height:300px; }
}
@media(prefers-reduced-motion:reduce) { .br27 * { transition:none!important; } }

/* Rounded photos and plain text meta under the name. */
.br27 .bc-breed-card__img { border-radius:8px; }
.br27 .br27-featured .bc-breed-card { border-radius:8px; }
.br27 .br27-featured .bc-breed-card__img { border-radius:8px 8px 0 0; }
.br27 .bc-breed-card__origin { font-weight:400; text-shadow:none; margin:0; }
.br27 .bc-breed-card__meta { gap:0; }
.br27 .bc-breed-card__meta span { background:none; padding:0; border-radius:0; backdrop-filter:none; -webkit-backdrop-filter:none; font-size:inherit; font-weight:400; text-shadow:none; }
.br27 .bc-breed-card__meta span+span:before { content:"|"; margin:0 7px; }
/* Base card was locked to 16/10 and cut off the text under the photo. */
.br27 .bc-breed-card { aspect-ratio:auto; overflow:visible; }
.br27 .bc-breed-card::after { content:none; }
.br27 .br27-featured .bc-breed-card { overflow:hidden; }