*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
:root{--wood-dark:#2C1810;--wood-medium:#5C3A21;--wood-light:#C4A265;--wood-pale:#E8D5B7;
--cream:#F5F0E8;--charcoal:#1A1A1A;--smoke:#3A3A3A;--gold:#B8860B;--gold-light:#DAA520;--white:#FEFCF9;}
html{scroll-behavior:smooth;}
body{font-family:'Montserrat',sans-serif;background:var(--charcoal);color:var(--cream);
line-height:1.75;overflow-x:hidden;-webkit-font-smoothing:antialiased;}
img{max-width:100%;display:block;}
a{color:var(--gold-light);}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px;}
nav{position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;
gap:20px;padding:18px 32px;background:rgba(26,26,26,.92);backdrop-filter:blur(10px);
border-bottom:1px solid rgba(184,134,11,.18);}
.nav-logo{font-family:'Cormorant Garamond',serif;font-size:1.5rem;letter-spacing:2px;color:var(--cream);text-decoration:none;}
.nav-logo span{color:var(--gold-light);}
.nav-back{font-size:.72rem;letter-spacing:2px;text-transform:uppercase;text-decoration:none;
color:var(--wood-pale);opacity:.8;transition:opacity .3s;}
.nav-back:hover{opacity:1;}
.crumbs{font-size:.7rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--smoke);padding:26px 0 0;}
.crumbs a{color:var(--wood-light);text-decoration:none;}
.crumbs a:hover{color:var(--gold-light);}
.hero{padding:70px 0 60px;border-bottom:1px solid rgba(184,134,11,.15);}
.hero .icon{font-size:2.4rem;display:block;margin-bottom:18px;}
h1{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:clamp(2.1rem,5vw,3.6rem);
line-height:1.14;color:var(--white);margin-bottom:22px;}
.lead{font-size:clamp(1rem,2vw,1.22rem);color:var(--wood-pale);max-width:760px;}
section{padding:56px 0;border-bottom:1px solid rgba(184,134,11,.10);}
h2{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:clamp(1.5rem,3.4vw,2.3rem);
color:var(--white);margin-bottom:24px;}
h2 em{color:var(--gold-light);font-style:italic;}
h3{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:1.25rem;color:var(--wood-pale);margin-bottom:8px;}
p{margin-bottom:16px;max-width:820px;color:var(--cream);opacity:.9;}
.summary{background:linear-gradient(135deg,rgba(92,58,33,.35),rgba(26,26,26,.6));
border-left:3px solid var(--gold);padding:26px 30px;border-radius:3px;}
.summary p{margin:0;}
ul.checks{list-style:none;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));}
ul.checks li{position:relative;padding-left:26px;color:var(--cream);opacity:.92;}
ul.checks li::before{content:'';position:absolute;left:0;top:11px;width:9px;height:9px;
background:var(--gold);transform:rotate(45deg);}
.steps{counter-reset:s;display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));}
.step{position:relative;padding:0 0 24px;border-radius:6px;overflow:hidden;isolation:isolate;
background:linear-gradient(160deg,rgba(92,58,33,.30),rgba(20,18,16,.92));
border:1px solid rgba(184,134,11,.22);
box-shadow:0 14px 34px rgba(0,0,0,.45), inset 0 1px 0 rgba(232,213,183,.10), inset 0 -12px 26px rgba(0,0,0,.35);
transform:translateZ(0);transition:transform .45s cubic-bezier(.2,.7,.3,1),box-shadow .45s,border-color .45s;}
.step:hover{transform:translateY(-7px) scale(1.012);border-color:rgba(218,165,32,.55);
box-shadow:0 26px 54px rgba(0,0,0,.6), 0 0 32px rgba(184,134,11,.22), inset 0 1px 0 rgba(232,213,183,.18);}
/* бегущее свечение по контуру плитки */
.step-glow{position:absolute;inset:-1px;border-radius:7px;padding:1px;z-index:-1;opacity:.55;
background:conic-gradient(from var(--a,0deg),transparent 0 62%,rgba(218,165,32,.9) 76%,rgba(232,213,183,.95) 84%,transparent 92% 100%);
-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
-webkit-mask-composite:xor;mask-composite:exclude;
animation:stepGlow 6s linear infinite;transition:opacity .4s;}
.step:hover .step-glow{opacity:1;animation-duration:2.4s;}
@property --a{syntax:'<angle>';initial-value:0deg;inherits:false;}
@keyframes stepGlow{to{--a:360deg;}}
.step-img{width:100%;aspect-ratio:16/10;object-fit:cover;filter:brightness(.72) saturate(1.05);
transition:filter .5s,transform .8s;}
.step:hover .step-img{filter:brightness(1) saturate(1.12);transform:scale(1.04);}
.step h3,.step p{padding:0 24px;}
.step::before{position:absolute;top:14px;right:18px;z-index:2;
text-shadow:0 2px 10px rgba(0,0,0,.8);margin:0;}
.step h3{margin-top:18px;}
.step::before{counter-increment:s;content:counter(s,decimal-leading-zero);
font-family:'Cormorant Garamond',serif;font-size:1.7rem;color:var(--gold-light);display:block;}
.step p{margin:0;font-size:.93rem;}
.gallery{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));}
.gallery figure{margin:0;border:1px solid rgba(184,134,11,.16);border-radius:3px;overflow:hidden;background:#141414;}
.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .6s,filter .4s;filter:brightness(.9);}
.gallery figure:hover img{transform:scale(1.03);filter:brightness(1);}
.gallery figcaption{font-size:.75rem;letter-spacing:1px;color:var(--wood-light);padding:10px 14px;}
.faq details{border-bottom:1px solid rgba(184,134,11,.16);padding:16px 0;}
.faq summary{cursor:pointer;font-family:'Cormorant Garamond',serif;font-size:1.18rem;
color:var(--wood-pale);list-style:none;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::before{content:'+ ';color:var(--gold);}
.faq details[open] summary::before{content:'– ';}
.faq p{margin:12px 0 0;font-size:.95rem;}
.cta{text-align:center;padding:70px 0 80px;}
.cta h2{margin-bottom:14px;}
.btn{display:inline-block;margin:8px 8px 0;padding:15px 34px;font-size:.78rem;letter-spacing:2.5px;
text-transform:uppercase;text-decoration:none;border-radius:2px;transition:.3s;}
.btn.primary{background:var(--gold);color:var(--charcoal);}
.btn.primary:hover{background:var(--gold-light);transform:translateY(-2px);}
.btn.ghost{border:1px solid rgba(184,134,11,.5);color:var(--wood-pale);}
.btn.ghost:hover{border-color:var(--gold-light);color:var(--gold-light);}
.siblings{display:flex;flex-wrap:wrap;gap:10px;padding-top:6px;}
.siblings a{font-size:.74rem;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;
padding:9px 16px;border:1px solid rgba(184,134,11,.25);border-radius:2px;color:var(--wood-pale);transition:.3s;}
.siblings a:hover{border-color:var(--gold-light);color:var(--gold-light);}
footer{text-align:center;padding:44px 24px;color:var(--smoke);font-size:.72rem;letter-spacing:1.5px;}
footer a{color:var(--gold-light);text-decoration:none;}
@media(max-width:640px){nav{padding:14px 18px;}section{padding:42px 0;}}

/* ─── страницы пород и статей ─── */
.poroda-top{display:grid;gap:28px;grid-template-columns:minmax(200px,300px) 1fr;align-items:start;}
.poroda-img{width:100%;border-radius:4px;border:1px solid rgba(184,134,11,.22);object-fit:cover;}
dl.props{display:grid;gap:0;grid-template-columns:1fr;max-width:820px;}
.prop{display:grid;grid-template-columns:minmax(140px,220px) 1fr;gap:16px;
padding:13px 0;border-bottom:1px solid rgba(184,134,11,.12);}
.prop dt{color:var(--wood-light);font-size:.82rem;letter-spacing:1.5px;text-transform:uppercase;}
.prop dd{color:var(--cream);opacity:.9;}
.article-hero{width:100%;border-radius:5px;border:1px solid rgba(184,134,11,.2);}
.article-inline{width:100%;max-width:820px;margin:22px 0 6px;border-radius:4px;
border:1px solid rgba(184,134,11,.18);}
@media(max-width:720px){.poroda-top{grid-template-columns:1fr;}
.prop{grid-template-columns:1fr;gap:4px;}}

/* преимущества / ограничения / история породы */
ul.checks.pros li::before{background:var(--gold-light);}
ul.checks.cons li::before{background:var(--smoke);transform:none;border-radius:50%;
box-shadow:inset 0 0 0 1px rgba(232,213,183,.35);}
ul.checks.cons li{opacity:.8;}
.poroda-story{display:grid;gap:26px;grid-template-columns:1fr minmax(240px,420px);align-items:start;}
.poroda-story img{width:100%;border-radius:5px;border:1px solid rgba(184,134,11,.2);}
.poroda-story p{margin:0;}
@media(max-width:820px){.poroda-story{grid-template-columns:1fr;}}