/* Фото Звезда — демо REBORN LAB 08.11.2026. Цвета и шрифт — как у их сайта: синий #1e73be / #00447f, заголовки Philosopher */
:root{color-scheme:only light;--b:#1e73be;--b2:#00447f;--b3:#e8f1fa;--ink:#14212e;--mut:#5d6b78;--line:#e3e9ef;--bg:#fff;--bg2:#f5f8fb;--gold:#f5b72e;--r:18px;
--sh:0 18px 40px -24px rgba(0,40,80,.35);--f:'Philosopher',Georgia,serif;--s:system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font:400 16.5px/1.65 var(--s);color:var(--ink);background:var(--bg);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}a{color:var(--b)}h1,h2,h3{font-family:var(--f);line-height:1.15;margin:0 0 .5em;color:var(--b2);letter-spacing:.01em}
h1{font-size:clamp(34px,5.4vw,62px)}h2{font-size:clamp(26px,3.4vw,40px)}h3{font-size:19px}p{margin:0 0 1em}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.btn{display:inline-flex;align-items:center;gap:9px;background:var(--b);color:#fff;border:0;border-radius:999px;padding:15px 28px;font:600 16px var(--s);text-decoration:none;cursor:pointer;
box-shadow:0 12px 26px -12px rgba(30,115,190,.8);transition:transform .15s,background .15s}.btn:hover{background:var(--b2);transform:translateY(-1px)}
.btn svg{width:18px;height:18px}.btn-o{background:#fff;color:var(--b2);box-shadow:inset 0 0 0 2px var(--b3)}.btn-o:hover{background:var(--b3);color:var(--b2)}.btn-s{padding:11px 20px;font-size:15px}
/* верх */
.demo{background:#14212e;color:#cfe0f0;font-size:13px;text-align:center;padding:7px 16px}
.hit{background:linear-gradient(90deg,var(--b2),var(--b));color:#fff;font-size:14px}.hit .wrap{display:flex;justify-content:space-between;gap:14px;padding:8px 20px;flex-wrap:wrap}
.hit span{display:flex;align-items:center;gap:7px;font-weight:600}.hit svg{width:16px;height:16px;color:var(--gold)}.hit a{color:#fff;text-decoration:none;opacity:.92}
.hdr{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.6) blur(12px);border-bottom:1px solid var(--line)}
.hdr-in{display:flex;align-items:center;gap:26px;height:72px}
.logo{display:flex;align-items:center;gap:10px;font:400 25px var(--f);color:var(--b2);text-decoration:none;white-space:nowrap}.logo b{color:var(--b)}
.logo-i{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--b),var(--b2));display:grid;place-items:center;color:var(--gold);box-shadow:0 8px 18px -8px rgba(0,68,127,.7)}.logo-i svg{width:22px;height:22px}
.nav{display:flex;gap:26px;margin-left:auto;align-items:center}.nav a{color:var(--ink);text-decoration:none;font-weight:500}.nav a:hover,.nav a[aria-current]{color:var(--b)}
.nav-tel{display:none}.burger{display:none}
/* первый экран */
.hero{background:radial-gradient(1200px 500px at 85% -10%,var(--b3),transparent 60%),linear-gradient(180deg,#fff,var(--bg2));overflow:hidden}
.hero-in{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;padding:70px 20px 80px}
.kick{display:inline-block;background:var(--b3);color:var(--b2);font-weight:600;font-size:14px;padding:6px 14px;border-radius:999px}
.hero h1 span{color:var(--b);position:relative}.lead{font-size:19px;color:var(--mut);max-width:560px}
.hero-b{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 34px}
.facts{display:flex;gap:34px;list-style:none;margin:0;padding:0;flex-wrap:wrap}.facts b{display:block;font:700 28px var(--f);color:var(--b2)}.facts span{font-size:14px;color:var(--mut)}
.hero-v{position:relative;height:520px}
.hc{position:absolute;width:56%;border-radius:14px;box-shadow:0 30px 60px -28px rgba(0,40,80,.55);background:#dfe9f3;aspect-ratio:5/6;object-fit:cover}
.hc0{left:22%;top:4%;z-index:3;transform:rotate(-2deg)}.hc1{left:0;top:22%;z-index:2;transform:rotate(-9deg);opacity:.95}.hc2{right:0;top:20%;z-index:1;transform:rotate(8deg);opacity:.95}
.badge{position:absolute;right:6%;bottom:2%;z-index:4;background:#fff;border-radius:20px;padding:14px 20px;box-shadow:var(--sh);display:grid;grid-template-columns:auto auto;column-gap:10px;align-items:center}
.badge svg{width:30px;height:30px;color:var(--gold);grid-row:span 2}.badge b{font:700 26px var(--f);color:var(--b2);line-height:1}.badge small{font-size:12.5px;color:var(--mut);line-height:1.25}
/* секции */
.sec{padding:84px 0}.sec-g{background:var(--bg2)}.sec-b{background:linear-gradient(135deg,var(--b2),var(--b));color:#fff}.sec-b h2{color:#fff}
.sec-h{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.sec-h h2{margin:0}.sec-h a{font-weight:600;text-decoration:none;white-space:nowrap}
.cats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.cat{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:4/3;background:linear-gradient(135deg,var(--b),var(--b2));display:flex;align-items:end;text-decoration:none;color:#fff;box-shadow:var(--sh)}
.cat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}.cat:hover img{transform:scale(1.05)}
.cat::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,30,60,.82))}
.cat span{position:relative;z-index:1;padding:22px}.cat b{display:block;font:700 24px var(--f)}.cat small{opacity:.9;font-size:14.5px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.alb{background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:0 10px 30px -22px rgba(0,40,80,.45);transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}
.alb:hover{transform:translateY(-4px);box-shadow:var(--sh)}.alb-i{aspect-ratio:5/6;background:var(--b3);overflow:hidden}.alb-i img{width:100%;height:100%;object-fit:cover}
.noimg{display:grid;place-items:center;height:100%;font:700 20px var(--f);color:var(--b)}
.alb-t{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}.alb-t small{color:var(--b);font-weight:600;font-size:13px}.alb-t h3{font-size:18px;margin:4px 0 12px;color:var(--ink)}
.alb-t p{margin:auto 0 0;display:flex;justify-content:space-between;align-items:center}.alb-t p span{font-weight:700}.alb-t p a{font-weight:600;font-size:14.5px;text-decoration:none}
.two{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.two p{color:var(--mut)}
.fmt{display:grid;gap:16px}.fmt div{background:var(--bg2);border-radius:var(--r);padding:24px 26px;border-left:4px solid var(--b)}.fmt b{font:700 21px var(--f);color:var(--b2)}.fmt p{margin:6px 0 0}
.adv{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:30px}.adv div{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:var(--r);padding:24px}
.adv b{font:700 21px var(--f);display:block;margin-bottom:8px}.adv p{margin:0;opacity:.9;font-size:15.5px}
.quote{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center}
.quote blockquote{margin:0;position:relative;padding:34px 34px 30px;background:var(--b3);border-radius:24px}
.quote blockquote::before{content:"“";position:absolute;top:-30px;left:24px;font:700 110px/1 var(--f);color:var(--b)}
.quote blockquote p{font:400 clamp(22px,2.4vw,30px)/1.35 var(--f);color:var(--b2);margin:0 0 18px}.quote footer b{display:block}.quote footer span{color:var(--mut);font-size:14.5px}
.txt p{color:#33414e}.cities{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:26px 0 0}.cities li{background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 15px;font-size:15px}
.facts-w{justify-content:space-around}.facts-w b{color:#fff;font-size:40px}.facts-w span{color:#d6e6f5}
/* страницы */
.ph{background:linear-gradient(180deg,var(--bg2),#fff);padding:46px 0 10px}.ph p{color:var(--mut);font-size:18px;max-width:700px}
.crumbs{font-size:14px;color:var(--mut);margin-bottom:14px}.crumbs a{color:var(--mut)}
.chips{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}.chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 18px;font:500 15px var(--s);cursor:pointer;color:var(--ink)}
.chip.on,.chip:hover{background:var(--b);border-color:var(--b);color:#fff}
.ccards{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.cc{background:var(--bg2);border-radius:var(--r);padding:28px;display:flex;flex-direction:column;gap:6px}
.cc b{font:700 22px var(--f);color:var(--b2);margin-bottom:6px}.cc a{font-weight:600;text-decoration:none}.cc .big{font:700 30px var(--f)}.cc small{color:var(--mut);margin-top:-6px}.cc p{color:var(--mut);margin:8px 0 0}
.legal h2{font-size:24px;margin-top:30px}.legal{max-width:820px}
/* заявка */
.cta{background:linear-gradient(135deg,var(--b2),var(--b));color:#fff;padding:80px 0}.cta h2{color:#fff}.cta p{opacity:.92}
.cta-in{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.cta-tel a{display:inline-flex;align-items:center;gap:10px;color:#fff;font:700 30px var(--f);text-decoration:none}.cta-tel svg{width:26px;height:26px}.cta-tel span{display:block;font-size:14px;opacity:.8}
.frm{background:#fff;color:var(--ink);border-radius:24px;padding:30px;box-shadow:0 30px 60px -30px rgba(0,0,0,.5);display:grid;gap:14px}
.frm label{display:grid;gap:6px;font-size:14px;font-weight:600}.frm input[type=tel],.frm input:not([type]){border:1px solid var(--line);border-radius:12px;padding:13px 15px;font:16px var(--s);outline:none;transition:border-color .15s}
.frm input:focus{border-color:var(--b);box-shadow:0 0 0 4px var(--b3)}.frm .agree{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:13.5px;color:var(--mut)}.frm .agree input{margin-top:3px;width:18px;height:18px;accent-color:var(--b)}
.frm .btn{justify-content:center}.frm-msg{margin:0;font-size:14.5px;min-height:1em}.frm-msg.ok{color:#1a7f3c}.frm-msg.err{color:#c0392b}
/* подвал */
.ftr{background:#0f1c29;color:#a9b8c7;padding:60px 0 26px;font-size:15px}.ftr-g{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:30px}
.ftr b{color:#fff;display:block;margin-bottom:12px}.ftr a{display:block;color:#a9b8c7;text-decoration:none;margin-bottom:7px}.ftr a:hover{color:#fff}.logo-w{color:#fff}.logo-w b{color:#7fb6e8}
.ftr-b{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid #1f3042;margin-top:36px;padding-top:20px;font-size:13.5px}
/* мессенджеры */
.fab{position:fixed;right:20px;bottom:22px;z-index:60;display:flex;flex-direction:column;gap:14px}
.fab a{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:0 12px 24px -10px rgba(0,0,0,.45);transition:transform .2s}.fab a:hover{transform:scale(1.08)}
.fab svg{width:28px;height:28px}.fab-wa{background:#5fd068}.fab-tg{background:#3a9ad9}.fab-ph{background:var(--b2)}
.cookie{position:fixed;left:20px;bottom:22px;z-index:61;max-width:440px;background:#14212e;color:#d7e3ee;border-radius:18px;padding:16px 18px;display:flex;gap:14px;align-items:center;font-size:13.5px;box-shadow:var(--sh)}
.cookie p{margin:0}.cookie a{color:#9ccbf2}
/* адаптив */
@media(max-width:1020px){.grid{grid-template-columns:repeat(3,1fr)}.adv{grid-template-columns:repeat(2,1fr)}.ftr-g{grid-template-columns:1fr 1fr}}
@media(max-width:860px){
.hdr-in{height:64px}.hdr-cta{display:none}
.burger{display:flex;flex-direction:column;justify-content:center;gap:5px;margin-left:auto;width:46px;height:46px;border-radius:12px;border:1px solid var(--line);background:#fff;cursor:pointer;padding:0 12px}
.burger i{display:block;height:2px;background:var(--b2);border-radius:2px;transition:.25s}
.burger[aria-expanded=true] i:nth-child(1){transform:translateY(7px) rotate(45deg)}.burger[aria-expanded=true] i:nth-child(2){opacity:0}.burger[aria-expanded=true] i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav{position:fixed;top:0;right:0;bottom:0;width:min(84vw,340px);background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:90px 26px 30px;margin:0;
transform:translateX(100%);transition:transform .3s;box-shadow:-30px 0 60px -30px rgba(0,0,0,.4);z-index:55}
.nav.open{transform:none}.nav a{font:700 22px var(--f);color:var(--b2);padding:14px 0;border-bottom:1px solid var(--line)}
.nav-tel{display:flex!important;align-items:center;gap:10px;margin-top:22px;border:0!important;font:700 20px var(--s)!important;color:var(--b)!important}.nav-tel svg{width:20px;height:20px}
.burger{position:relative;z-index:56}body.menu{overflow:hidden}body.menu::after{content:"";position:fixed;inset:0;background:rgba(10,25,40,.45);z-index:54}
.hero-in{grid-template-columns:1fr;padding:44px 20px 56px;gap:20px}.hero-v{height:380px;order:-1}.two,.quote,.cta-in{grid-template-columns:1fr;gap:30px}
.cats{grid-template-columns:repeat(2,1fr)}.ccards{grid-template-columns:1fr}.sec{padding:60px 0}}
@media(max-width:560px){h1{font-size:36px}.lead{font-size:17px}.grid{grid-template-columns:repeat(2,1fr);gap:14px}.alb-t{padding:12px 13px 14px}.alb-t h3{font-size:15.5px}
.cats{grid-template-columns:1fr 1fr;gap:12px}.cat b{font-size:18px}.cat small{display:none}.cat span{padding:14px}.adv{grid-template-columns:1fr}
.facts{gap:22px}.facts b{font-size:24px}.hero-v{height:300px}.hit .wrap{justify-content:center}.hit a{display:none}.ftr-g{grid-template-columns:1fr}
.fab{right:14px;bottom:16px;gap:10px}.fab a{width:50px;height:50px}.fab svg{width:24px;height:24px}.cookie{left:12px;right:80px;bottom:16px}.cta-tel a{font-size:24px}.frm{padding:22px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.alb-t p span{white-space:nowrap}.alb-t p{gap:8px}
.cat:not(:has(img))::before{content:"★";position:absolute;right:18px;top:10px;font-size:64px;color:rgba(245,183,46,.9)}
@media(max-width:560px){.cookie{right:auto;max-width:calc(100% - 96px);padding:10px 12px;gap:10px;font-size:13px}.cookie .btn-s{padding:8px 14px;font-size:13.5px}}
/* 08.11: меню на телефоне — панель на весь экран поверх подложки; подвал компактнее */
.nav-top,.nav-cats,.nav-msg{display:none}
@media(max-width:860px){
.hdr{backdrop-filter:none;background:#fff}                       /* размытие делало панель «привязанной» к шапке */
body.menu .hdr{z-index:70}body.menu::after{z-index:60}
.nav{z-index:71;width:min(88vw,360px);padding:18px 24px 28px;overflow-y:auto;border-radius:24px 0 0 24px}
.nav-top{display:flex;align-items:center;height:48px;margin-bottom:14px}.nav-top .logo{font-size:22px}
.nav>a:not(.nav-tel){font:700 24px var(--f);padding:13px 0}
.nav-cats{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 6px}.nav-cats a{font:500 14px var(--s)!important;color:var(--b2)!important;background:var(--b3);border:0!important;border-radius:999px;padding:7px 13px!important}
.nav-tel{flex-direction:row;flex-wrap:wrap;margin-top:18px!important}.nav-tel small{flex-basis:100%;font:400 13px var(--s);color:var(--mut);margin-left:30px}
.nav-msg{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.nav-msg a{display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;text-decoration:none;font-weight:600;border-radius:14px;padding:12px;font-size:15px}
.nav-msg svg{width:20px;height:20px}.burger{z-index:72}}
@media(max-width:560px){
.demo .dl{display:none}
.ftr{padding:36px 0 90px;font-size:14px}.ftr-g{grid-template-columns:1fr 1fr;gap:22px 18px}.ftr-g>div:first-child,.ftr-g>div:last-child{grid-column:1/-1}
.ftr-g>div:first-child p{margin:8px 0 0;font-size:13.5px}.ftr b{margin-bottom:8px;font-size:14.5px}.ftr a{margin-bottom:5px}
.ftr-g>div:last-child{display:flex;flex-wrap:wrap;gap:4px 16px}.ftr-g>div:last-child b{flex-basis:100%}.ftr-g>div:last-child span{flex-basis:100%;opacity:.8}
.ftr-b{margin-top:22px;padding-top:14px;font-size:12.5px;gap:4px}}
.nav-x{display:none}
@media(max-width:860px){.nav-top{justify-content:space-between}.nav-x{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:#fff;font-size:28px;line-height:1;color:var(--b2);cursor:pointer}
body.menu .burger{visibility:hidden}}
.ftr a.logo{display:flex;margin-bottom:0}
@media(max-width:560px){.ftr-g>div:last-child{padding-right:64px}.ftr-g>div:last-child a{margin-bottom:2px}}
.ftr .logo b{display:inline;margin:0;font:inherit;color:#7fb6e8}
/* 08.11: шапка — горизонтальные снимки альбомов (главный крупно + два по бокам) */
.hero-v{height:auto;aspect-ratio:1.15/1}
.hc{aspect-ratio:10/7;object-fit:cover;border-radius:20px;background:#e9edf1;border:6px solid #fff}
.hc0{width:80%;left:10%;top:18%;transform:none;z-index:3}.hc1{width:46%;left:-2%;top:0;transform:rotate(-6deg);z-index:2;opacity:1}
.hc2{width:46%;right:-2%;left:auto;top:auto;bottom:4%;transform:rotate(5deg);z-index:4;opacity:1}
.badge{right:auto;left:2%;bottom:6%;z-index:5}
@media(max-width:860px){.hero-v{height:auto;aspect-ratio:1.2/1}}
/* 08.11 (замечания клиента): выбор города, карусель, цены */
.city-b{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 14px;font:500 14.5px var(--s);color:var(--b2);cursor:pointer;white-space:nowrap}
.city-b svg{width:16px;height:16px;color:var(--b)}.city-b:hover{border-color:var(--b)}
.city-m{position:fixed;inset:0;z-index:90;background:rgba(10,25,40,.5);display:grid;place-items:center;padding:16px}.city-m[hidden]{display:none}
.city-w{background:#fff;border-radius:24px;max-width:760px;width:100%;max-height:86vh;overflow:auto;padding:24px 26px;box-shadow:0 40px 80px -30px rgba(0,0,0,.5)}
.city-h{display:flex;justify-content:space-between;align-items:center}.city-h b{font:700 26px var(--f);color:var(--b2)}.city-h .nav-x{display:grid}
.city-w p{color:var(--mut)}.city-w ul{list-style:none;padding:0;margin:0;columns:4 150px;column-gap:16px}
.city-w li button{border:0;background:none;padding:7px 0;font:15.5px var(--s);color:var(--ink);cursor:pointer;text-align:left}.city-w li button:hover,.city-w li button.on{color:var(--b);font-weight:600}
.car-sec{padding-bottom:40px}.car-nav{display:flex;gap:8px}.car-b{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:26px;line-height:1;color:var(--b2);cursor:pointer}.car-b:hover{background:var(--b);color:#fff;border-color:var(--b)}
.car{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:6px max(20px,calc((100vw - 1140px)/2)) 24px;scrollbar-width:none}.car::-webkit-scrollbar{display:none}
.car-i{flex:0 0 clamp(220px,24vw,290px);scroll-snap-align:start;border-radius:var(--r);overflow:hidden;background:#fff;box-shadow:0 14px 34px -22px rgba(0,40,80,.5);text-decoration:none;color:var(--ink)}
.car-i img{aspect-ratio:5/6;width:100%;object-fit:cover;transition:transform .5s}.car-i:hover img{transform:scale(1.04)}.car-i span{display:block;padding:12px 16px 14px;font:700 17px var(--f);color:var(--b2)}
.pks{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.pk{position:relative;background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px 22px;display:flex;flex-direction:column;box-shadow:0 14px 34px -26px rgba(0,40,80,.45)}
.pk-top{background:linear-gradient(160deg,var(--b2),var(--b));color:#fff;border:0}.pk-top h2,.pk-top .pk-p b{color:#fff}.pk-top .pk-d,.pk-top .pk-s,.pk-top li{color:#dce9f6}.pk-top li::before{color:var(--gold)}
.pk-l{position:absolute;top:-12px;left:22px;background:var(--gold);color:#3a2a00;font-weight:700;font-size:12.5px;border-radius:999px;padding:4px 12px}
.pk h2{font-size:26px;margin:0 0 6px}.pk-d{color:var(--mut);font-size:14.5px;min-height:44px}.pk-p{margin:6px 0 2px;display:flex;align-items:baseline;gap:10px}.pk-p s{color:#9aa7b3}.pk-p b{font:700 34px var(--f);color:var(--b2)}
.pk-s{font-size:13.5px;color:var(--b);font-weight:600}.pk ul{list-style:none;padding:0;margin:8px 0 20px;flex:1}.pk li{position:relative;padding:5px 0 5px 22px;font-size:14.5px}.pk li::before{content:"✓";position:absolute;left:0;color:var(--b);font-weight:700}
.pk .btn{justify-content:center}.pk-top .btn{background:#fff;color:var(--b2)}
.sale{margin-top:28px;background:var(--b3);border-radius:22px;padding:22px 26px;display:flex;gap:18px;align-items:center;flex-wrap:wrap}.sale b{display:flex;align-items:center;gap:8px;font:700 22px var(--f);color:var(--b2)}.sale b svg{width:22px;color:var(--gold)}.sale span{flex:1;min-width:220px;color:#33414e}
.faq details{background:#fff;border-radius:16px;padding:16px 20px;margin-bottom:10px;border:1px solid var(--line)}.faq summary{font-weight:600;cursor:pointer;color:var(--b2)}.faq details p{margin:10px 0 0;color:#33414e}
@media(max-width:1100px){.pks{grid-template-columns:repeat(2,1fr)}.city-b span{display:none}}
@media(max-width:860px){.city-b{margin-left:auto;padding:9px 11px}.burger{margin-left:8px}}
@media(max-width:560px){.pks{grid-template-columns:1fr}.car-i{flex-basis:70vw}.city-w ul{columns:2}.car-nav{display:none}}
/* 08.11: страница альбома */
.album{padding-top:20px}.al-g{display:grid;grid-template-columns:1.25fr 1fr;gap:44px;align-items:start}
.gal{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.gal .g-i:first-child{grid-column:1/-1}.g-i{border-radius:14px;overflow:hidden;background:var(--b3);display:block}
.g-i img{width:100%;height:100%;object-fit:cover;aspect-ratio:1/1;transition:transform .4s}.g-i:hover img{transform:scale(1.03)}.gal .g-i:first-child img{aspect-ratio:4/3}
.g-empty{grid-column:1/-1;aspect-ratio:4/3;border-radius:14px;background:linear-gradient(135deg,var(--b3),#fff);display:grid;place-items:center;color:var(--b2);font:700 20px var(--f)}
.al-t{position:sticky;top:96px}.al-t small{color:var(--b);font-weight:600}.al-t h1{font-size:clamp(30px,3.6vw,46px);margin:6px 0 10px}
.al-p{font:700 30px var(--f);color:var(--b2);margin:0 0 14px}.al-pr{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:15.5px}
.al-pr th{text-align:left;color:var(--mut);font-weight:500;font-size:13px;padding:6px 0;border-bottom:1px solid var(--line)}.al-pr td{padding:10px 0;border-bottom:1px solid var(--line)}.al-pr td:last-child{text-align:right}
.al-b{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}.al-d h2{font-size:22px}.al-d p{color:#33414e}
.alb-t h3 a.alb-l{color:inherit;text-decoration:none}.alb-t h3 a.alb-l:hover{color:var(--b)}
@media(max-width:860px){.al-g{grid-template-columns:1fr;gap:26px}.al-t{position:static}}
@media(max-width:560px){.gal{grid-template-columns:repeat(2,1fr)}}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
/* 08.11: карта сайта */
.sm{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px 30px;margin-bottom:30px}.sm-b h2{font-size:20px;margin:0 0 8px}.sm-b ul{list-style:none;padding:0;margin:0}
.sm-b li{padding:3px 0;font-size:15px}.sm-b a,.sm-c a{text-decoration:none}.sm-b a:hover,.sm-c a:hover{text-decoration:underline}.sm-h{margin-top:20px}
.sm-cities{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.sm-c{background:var(--bg2);border-radius:14px;padding:12px 16px}
.sm-c b{display:block;font:700 18px var(--f)}.sm-c span{font-size:14px;color:var(--mut)}
.noimg{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:100%;padding:18px;text-align:center;background:linear-gradient(150deg,var(--b),var(--b2));color:#fff}
.noimg svg{width:36px;height:36px;color:var(--gold)}.noimg b{font:700 19px/1.25 var(--f)}.noimg small{font-size:12.5px;opacity:.8}
/* 08.11: блоки с главной старого сайта — 7 причин, преимущества, отзывы */
.kick-w{background:rgba(255,255,255,.15);color:#fff}
.why{list-style:none;padding:0;margin:26px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.why li{display:flex;gap:16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:20px}
.why span{flex:0 0 42px;height:42px;border-radius:50%;background:var(--gold);color:#3a2a00;display:grid;place-items:center;font:700 20px var(--f)}.why p{margin:0;opacity:.95;font-size:15.5px}
.ben{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.ben div{background:var(--bg2);border-radius:18px;padding:24px;border-top:4px solid var(--b)}.ben b{font:700 24px var(--f);color:var(--b2)}.ben p{margin:8px 0 0;color:#33414e}
.rev{padding-bottom:30px}.rv{flex:0 0 clamp(280px,32vw,380px);scroll-snap-align:start;margin:0;background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px 22px 18px;display:flex;flex-direction:column;box-shadow:0 14px 34px -26px rgba(0,40,80,.45)}
.rv blockquote{margin:0 0 14px;font-size:15px;color:#33414e;display:-webkit-box;-webkit-line-clamp:9;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer}.rv blockquote.open{-webkit-line-clamp:unset}
.rv blockquote::before{content:"“";display:block;font:700 48px/0.8 var(--f);color:var(--b)}.rv figcaption{margin-top:auto}.rv b{display:block;color:var(--b2)}.rv span{font-size:13.5px;color:var(--mut)}
@media(max-width:860px){.ben{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.rv{flex-basis:84vw}}
.art{max-width:860px}.art h2{font-size:28px;margin:34px 0 12px}.art h3{font-size:21px;margin:24px 0 8px}.art ul,.art ol{padding-left:22px}.art li{margin:5px 0}.art table{border-collapse:collapse;width:100%}.art td,.art th{border:1px solid var(--line);padding:8px 10px}
/* 08.11: MAX (по просьбе клиента) */
.fab-max{background:#7b5cf0}.fab button{width:58px;height:58px;border-radius:50%;border:0;display:grid;place-items:center;color:#fff;box-shadow:0 12px 24px -10px rgba(0,0,0,.45);cursor:pointer;transition:transform .2s}.fab button:hover{transform:scale(1.08)}
.fab button svg{width:28px;height:28px}.nav-msg{grid-template-columns:1fr 1fr 1fr!important}.nav-msg button{display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;border:0;font:600 15px var(--s);border-radius:14px;padding:12px;cursor:pointer}.nav-msg svg{width:20px;height:20px}
.max-pop{position:fixed;right:92px;bottom:96px;z-index:70;width:min(320px,calc(100vw - 32px));background:#fff;border-radius:20px;padding:20px;box-shadow:0 30px 60px -20px rgba(0,0,0,.45);display:flex;flex-direction:column;gap:8px}
.max-pop[hidden]{display:none}.max-pop .nav-x{display:grid;position:absolute;right:12px;top:12px;width:34px;height:34px;font-size:22px}.max-pop b{display:flex;align-items:center;gap:8px;font:700 20px var(--f);color:#5b3fd6}.max-pop b svg{width:24px;height:24px}
.max-pop p{margin:0;color:var(--mut);font-size:14.5px}.max-num{font:700 24px var(--f);color:var(--b2);text-decoration:none}.max-pop .btn{justify-content:center;background:#7b5cf0}.max-pop small{color:var(--mut);font-size:12.5px}
@media(max-width:560px){.fab button{width:50px;height:50px}.fab button svg{width:24px;height:24px}.max-pop{right:16px;bottom:90px}.nav-msg a,.nav-msg button{font-size:13.5px;padding:11px 6px}}
/* 08.11 (Ник): шапка без прозрачности; при прокрутке — чуть меньше, с тенью */
.hdr{background:#fff!important;backdrop-filter:none!important;transition:box-shadow .25s}
.hdr-in{transition:height .25s}.logo,.logo-i,.hdr-cta,.city-b{transition:all .25s}
.hdr.sm{box-shadow:0 8px 24px -14px rgba(0,40,80,.35)}.hdr.sm .hdr-in{height:58px}.hdr.sm .logo{font-size:22px}.hdr.sm .logo-i{width:34px;height:34px;border-radius:10px}
.hdr.sm .hdr-cta{padding:9px 18px}.hdr.sm .city-b{padding:7px 12px}
@media(max-width:860px){.hdr.sm .hdr-in{height:54px}}
.cookie[hidden],.max-pop[hidden],.city-m[hidden]{display:none!important}
/* 08.11: шапка на средних экранах — без переносов */
.nav a,.hdr-cta,.city-b,.logo{white-space:nowrap}
@media(max-width:1180px) and (min-width:861px){.nav{gap:18px}.hdr-in{gap:16px}.logo{font-size:22px}}
@media(max-width:1060px) and (min-width:861px){.hdr-cta{display:none}}
/* 08.11 (Ник: «почему такие пробелы»): цитата — вверху рядом с текстом, без пустоты; меньше отступ под заголовком страницы */
.quote{align-items:start}.quote blockquote{position:sticky;top:100px;margin-top:30px}
.ph{padding-bottom:0}.ph+.sec{padding-top:34px}.ph h1{margin-bottom:.3em}
@media(max-width:860px){.quote blockquote{position:static;margin-top:20px}.ph+.sec{padding-top:24px}}
.pk-n{font-size:12.5px;color:var(--mut);margin:-2px 0 6px}.pk-top .pk-n{color:#cfe0f0}
.pks{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important}
/* 08.11: логотип клиента */
.logo-img{height:56px;width:auto;display:block}.hdr.sm .logo-img{height:46px}.nav-top .logo-img{height:44px}.ftr .logo-img{height:50px}
@media(max-width:560px){.logo-img{height:44px}.hdr.sm .logo-img{height:40px}}
/* 08.11: просмотр фото альбома */
.lb{position:fixed;inset:0;z-index:100;background:rgba(8,16,26,.94);display:flex;align-items:center;justify-content:center}.lb[hidden]{display:none}
.lb img{max-width:92vw;max-height:88vh;border-radius:10px;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.lb button{position:absolute;border:0;background:rgba(255,255,255,.12);color:#fff;border-radius:50%;width:52px;height:52px;font-size:32px;line-height:1;cursor:pointer}
.lb button:hover{background:rgba(255,255,255,.25)}.lb-x{top:18px;right:18px}.lb-p{left:18px;top:50%;transform:translateY(-50%)}.lb-n{right:18px;top:50%;transform:translateY(-50%)}
.lb-c{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);color:#cfe0f0;font-size:14px}
.car-i span{display:none}span.car-i{display:block}
@media(max-width:560px){.lb-p,.lb-n{width:42px;height:42px;font-size:26px}}
/* 08.11 (Ник: «логотип дёргается при нажатии»): без анимаций при открытии страницы, без подсветки нажатия, плавно — только высота */
.logo,.logo-i,.hdr-cta,.city-b,.hdr-in{transition:none}
html.ready .hdr-in{transition:height .25s}html.ready .logo-img{transition:height .25s}
a,button{-webkit-tap-highlight-color:transparent}.logo:active,.logo:focus{outline:none;transform:none}
.logo-img{aspect-ratio:449/112}
/* 08.11: кнопка города — постоянная ширина, текст не сдвигает шапку */
.city-b{min-width:168px;justify-content:center;transition:none}.city-b span{max-width:120px;overflow:hidden;text-overflow:ellipsis}
@media(max-width:1100px){.city-b{min-width:0}}