/* Публичные страницы приюта: кошки и собаки, редизайн 11 октября 2026. */
/* Никаких статистик и фиктивных историй; фотографии иллюстративные. */
:root{--v4-ink:#23344e;--v4-gray:#6b7689;--v4-blue:#355fbb;--v4-border:#e4e9f2;--v4-cream:#fff6ee}
.site-main{max-width:1200px}
.v4-kicker{display:inline-block;font-size:10px;letter-spacing:.12em;color:#6480b0;font-weight:800;line-height:1.5}
.v4-hero,.v4-guardian-hero{display:grid;grid-template-columns:46% 54%;align-items:center;position:relative;isolation:isolate;border-radius:19px;background:linear-gradient(100deg,#fff9f3 0%,#f6f9ff 61%,#eaf3ff 100%);overflow:hidden}
.v4-hero{min-height:340px;margin:15px 0 27px;padding:25px 27px}
.v4-hero-copy,.v4-guardian-copy{position:relative;z-index:3}
.v4-hero h1,.v4-guardian-hero h1{font:750 clamp(25px,2.6vw,31px)/1.19 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.04em;color:#223450;margin:12px 0 15px}
.v4-hero h1 span{color:#ee916c}
.v4-hero-copy>p,.v4-guardian-copy>p{font-size:13px;line-height:1.65;color:#63748d;max-width:450px;margin:0}
.v4-hero-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:23px 0 19px}
.v4-btn{display:inline-flex;justify-content:center;align-items:center;gap:12px;border:1px solid transparent;border-radius:10px;padding:10px 16px;min-height:39px;font-size:12px;line-height:1.4;font-weight:750;text-decoration:none;transition:background-color .2s}
.v4-primary{background:#345fc0;color:#fff}
.v4-primary:hover{background:#264f9d;color:#fff}
.v4-outline{background:#fff;color:#345db5;border-color:#dae4f6}
.v4-outline:hover{background:#f4f7ff}
.v4-quiet{font-size:11px;color:#9a98a0}
.v4-hero-gallery{height:300px;position:relative;margin:0 0 0 20px}
.v4-hero-gallery figure{position:absolute;overflow:hidden;margin:0;border:6px solid white;box-shadow:0 9px 29px #26446e23;background:#eaf0fa}
.v4-hero-gallery figure img{width:100%;height:100%;object-fit:cover;display:block}
.v4-hero-dog{height:94%;width:59%;left:6%;top:1%;border-radius:35% 28% 25px 25px;transform:rotate(-3deg);z-index:2}
.v4-hero-dog img{object-position:50% 40%}
.v4-hero-cat{height:78%;width:43%;right:1%;bottom:0;border-radius:36% 34% 25px 25px;transform:rotate(6deg);z-index:3}
.v4-hero-cat img{object-position:50% 40%}
.v4-cloud{position:absolute;background:#dbeafa;border-radius:100px;opacity:.85;z-index:-1}
.v4-cloud:before{content:"";position:absolute;width:65%;height:150%;background:inherit;border-radius:50%;top:-42%;left:17%}
.v4-cloud-one{width:100px;height:35px;right:10%;top:7%}
.v4-cloud-two{width:110px;height:38px;left:2%;bottom:14%;background:#ffe9d8}
.v4-soft-heart{position:absolute;right:6%;top:-5%;font:56px Georgia,serif;color:#ee9c77;transform:rotate(13deg);z-index:5;pointer-events:none}
.v4-help-row{display:grid;grid-template-columns:34% 1fr;gap:40px;align-items:start;padding:10px 0 26px;border-bottom:1px solid var(--v4-border)}
.v4-section-intro h2,.v4-section-title h2,.v4-guardian-details h2,.v4-simple-section h2{font:750 20px/1.25 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.025em;color:#243650;margin:7px 0 8px}
.v4-section-intro p,.v4-guardian-details>div>p{font-size:12.5px;color:#768498;line-height:1.6;margin:0}
.v4-help-links{display:grid;gap:0}
.v4-help-links>a{display:grid;grid-template-columns:36px 1fr 24px;align-items:center;gap:13px;padding:12px 2px;border-bottom:1px solid #e8ebf0;text-decoration:none}
.v4-help-links>a:first-child{padding-top:0}
.v4-help-links>a:last-child{border:0}
.v4-help-number{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#eaf1ff;color:#3766bf;font-weight:800;font-size:11px}
.v4-help-links strong,.v4-help-links small{display:block}
.v4-help-links strong{font-size:13px;line-height:1.35;color:#263b59}
.v4-help-links small{font-size:11px;line-height:1.45;color:#7f8a9b;margin-top:2px}
.v4-link-arrow{justify-self:end;font-size:17px;color:#3f68bc}
.v4-help-links>a:hover strong{color:#345fbb}
.v4-animals-preview{padding:24px 0 0}
.v4-section-title{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:0 0 15px}
.v4-section-title h2{margin:5px 0 0}
.v4-section-title>a{font-size:12px;color:#375eb1;font-weight:700;white-space:nowrap}
.v4-animal-pair{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.v4-animal-photo{display:block;position:relative;overflow:hidden;border-radius:15px;height:240px;background:#eef2fa}
.v4-animal-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}
.v4-animal-photo:hover img{transform:scale(1.025)}
.v4-dogs img{object-position:center 45%}
.v4-cats img{object-position:center 36%}
.v4-animal-photo:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#18293c8a);pointer-events:none}
.v4-picture-label{display:flex;align-items:end;justify-content:space-between;gap:10px;position:absolute;z-index:1;bottom:18px;left:22px;right:22px;color:#fff}
.v4-picture-label strong{font-size:19px;letter-spacing:-.02em;line-height:1.2}
.v4-picture-label>span{font-size:12px;font-weight:700}
.v4-photo-note{font-size:10.5px;color:#919bab;line-height:1.55;margin:10px 0 0}
.v4-about-strip{margin:24px 0 32px;border-radius:14px;padding:22px 26px;background:linear-gradient(102deg,#f3f7ff,#fff5ec);display:flex;align-items:center;justify-content:space-between;gap:30px}
.v4-about-strip h2{font-size:19px;letter-spacing:-.02em;margin:6px 0;color:#263a58}
.v4-about-strip p{font-size:12px;line-height:1.55;max-width:730px;color:#738197;margin:0}
.v4-about-strip .v4-btn{white-space:nowrap;flex:none}
/* Страница опеки */
.v4-guardian-hero{padding:25px 30px;margin:14px 0 25px;min-height:305px}
.v4-guardian-hero h1{margin:9px 0 12px}
.v4-guardian-copy .v4-btn{margin-top:22px}
.v4-guardian-gallery{position:relative;height:255px;margin:0 0 0 14px}
.v4-guardian-gallery img{position:absolute;object-fit:cover;border:6px solid #fff;box-shadow:0 10px 23px #2d42651f}
.v4-guardian-main{height:96%;width:61%;left:10%;top:0;z-index:2;border-radius:36% 36% 18px 18px;transform:rotate(-3deg)}
.v4-guardian-second{height:72%;width:40%;right:1%;bottom:0;z-index:3;border-radius:38% 38% 18px 18px;transform:rotate(5deg)}
.v4-guardian-gallery .v4-soft-heart{right:2%;font-size:43px}
.v4-simple-section{margin:20px 0}
.v4-plans{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.v4-plan{padding:21px 22px;border-radius:13px;background:#f1f6ff;border:1px solid #e3ebf9;display:flex;flex-direction:column;justify-content:space-between;min-height:175px}
.v4-plan:nth-child(2){background:#fff5ed;border-color:#f5e8de}
.v4-plan-meta{display:block;font-size:10px;color:#4268ae;letter-spacing:.07em;font-weight:800}
.v4-plan:nth-child(2) .v4-plan-meta{color:#b37d57}
.v4-plan h3{font-size:20px;font-weight:780;margin:8px 0;color:#253a5a}
.v4-plan p{font-size:12px;line-height:1.55;color:#6f7d91;margin:0 0 14px;max-width:480px}
.v4-plan-foot{font-size:11px;color:#5c75a9}
.v4-guardian-details{display:grid;grid-template-columns:33% 1fr;gap:33px;align-items:start;margin:24px 0 15px}
.v4-guardian-details ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:15px}
.v4-guardian-details li{padding:0 0 12px;border-bottom:1px solid #e6ebf2;display:flex;flex-direction:column;gap:4px}
.v4-guardian-details li strong{font-size:12.5px;color:#263a5b}
.v4-guardian-details li span{font-size:11.5px;line-height:1.5;color:#788599}
.v4-guardian-note{margin:13px 0 33px}
/* Каталог, О приюте, Помочь, Новости */
.v4-inner-heading{max-width:710px;padding:27px 0 16px}
.v4-inner-heading h1{font:760 clamp(23px,2.5vw,28px)/1.25 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.03em;color:#233750;margin:7px 0 8px}
.v4-inner-heading p{font-size:13px;line-height:1.6;color:#768299;margin:0}
.v4-animal-tabs{display:flex;gap:8px;padding:0 0 17px}
.v4-animal-tabs a{padding:7px 14px;border-radius:9px;background:#f0f3f9;color:#5e718e;font-weight:700;font-size:12px;border:1px solid #e6ebf4}
.v4-animal-tabs a.v4-active{background:#355fbb;color:#fff;border-color:#355fbb}
.v4-catalog-empty{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;background:#f7f9fe;border:1px solid #e9eef7;border-radius:17px;padding:25px;min-height:230px}
.v4-catalog-copy h2{font-size:21px;margin:7px 0 9px}
.v4-catalog-copy p{max-width:480px;color:#76859c;font-size:12.5px;line-height:1.65}
.v4-catalog-photos{display:flex;gap:12px;justify-content:center;height:210px}
.v4-catalog-photos img{object-fit:cover;border-radius:16px;width:47%;max-width:220px;box-shadow:0 8px 24px #293a5216}
.v4-catalog-photos img:only-child{width:67%;max-width:300px}
.v4-real-pets{margin:0 0 20px}
.v4-editorial{display:grid;grid-template-columns:45% 1fr;gap:33px;align-items:center;margin:0 0 40px;border:1px solid #e8edf5;background:#fff;border-radius:17px;overflow:hidden}
.v4-editorial-image{height:340px;min-height:100%;overflow:hidden}
.v4-editorial-image img{width:100%;height:100%;object-fit:cover}
.v4-editorial-copy{padding:23px 27px 23px 0}
.v4-editorial-copy h2{font-size:21px;line-height:1.25;margin:0 0 14px}
.v4-editorial-copy p{font-size:12.5px;line-height:1.7;color:#6c7c92}
.v4-editorial-copy>.v4-btn{margin:6px 0}
.v4-help-editorial-links{display:grid}
.v4-help-editorial-links a{display:flex;justify-content:space-between;align-items:baseline;gap:13px;padding:13px 0;border-bottom:1px solid #e9edf3}
.v4-help-editorial-links a strong{font-size:12px;color:#243955}
.v4-help-editorial-links a span{font-size:11px;color:#486eae;text-align:right}
.v4-empty-news{margin:10px 0 45px;padding:36px;border-radius:16px;background:#f4f7fd;border:1px solid #e5ebf6;display:flex;align-items:center;gap:16px;min-height:140px}
.v4-empty-news>span{display:grid;place-items:center;flex:none;width:55px;height:55px;background:#e4edff;border-radius:50%;font-size:32px;color:#4b6ab6}
.v4-empty-news h2{font-size:19px;margin:0 0 5px}
.v4-empty-news p{font-size:12.5px;line-height:1.5;color:#77859b;margin:0}
@media(max-width:1000px){
.v4-hero{padding:20px;min-height:310px;grid-template-columns:47% 53%}
.v4-hero h1,.v4-guardian-hero h1{font-size:28px}
.v4-hero-gallery{height:275px}
.v4-help-row{gap:20px}
.v4-guardian-hero{padding:20px}
.v4-guardian-gallery{height:240px}
}
@media(max-width:720px){
.v4-hero,.v4-guardian-hero{grid-template-columns:1fr;gap:10px;padding:21px}
.v4-hero{margin-top:9px}
.v4-hero-copy h1,.v4-guardian-hero h1{font-size:27px}
.v4-hero-gallery{height:250px;width:min(100%,480px);margin:3px auto}
.v4-guardian-gallery{height:225px;width:min(100%,470px);margin:5px auto}
.v4-help-row{grid-template-columns:1fr;gap:16px;padding:0 0 20px}
.v4-help-links>a{padding:10px 0}
.v4-animal-photo{height:195px}
.v4-about-strip{padding:19px 20px}
.v4-guardian-details{grid-template-columns:1fr;gap:18px}
.v4-catalog-empty{gap:14px;padding:18px}
.v4-editorial{grid-template-columns:1fr}
.v4-editorial-image{height:235px}
.v4-editorial-copy{padding:18px 20px}
}
@media(max-width:480px){
.v4-hero,.v4-guardian-hero{padding:18px 15px}
.v4-hero h1,.v4-guardian-hero h1{font-size:25px}
.v4-hero-copy>p,.v4-guardian-copy>p{font-size:12px}
.v4-hero-gallery{height:205px}
.v4-hero-actions{gap:7px;margin:16px 0}
.v4-btn{font-size:11px;padding:9px 11px;white-space:normal}
.v4-animals-preview{padding:18px 0 0}
.v4-section-title h2,.v4-section-intro h2{font-size:18px}
.v4-animal-pair{grid-template-columns:1fr;gap:10px}
.v4-animal-photo{height:185px}
.v4-picture-label{left:15px;bottom:15px;right:15px}
.v4-about-strip{display:block;margin:16px 0 25px}
.v4-about-strip .v4-btn{margin-top:14px}
.v4-plans,.v4-guardian-details ul{grid-template-columns:1fr}
.v4-plan{min-height:145px;padding:17px}
.v4-guardian-gallery{height:190px}
.v4-catalog-empty{display:block}
.v4-catalog-photos{height:145px;margin-top:15px}
.v4-inner-heading{padding:23px 0 15px}
.v4-inner-heading h1{font-size:25px}
.v4-help-editorial-links a{display:block}
.v4-help-editorial-links a span{display:block;text-align:left;margin-top:3px}
.v4-empty-news{padding:20px}
}
@media(prefers-reduced-motion:reduce){.v4-animal-photo img,.v4-btn{transition:none}}