/* === SOURCE: css\style.css === */
/* ============ Чистота в деталях — design system (Figma 1:1) ============ */
:root{
--ink:#33272C;
--body:#7C6E74;
--body2:#5C4E54;
--muted:#A38C96;
--pink:#E5537E;
--pink2:#D94D77;
--pink3:#C7436C;
--pink-soft:#F0A9C2;
--bg:#FFFAFC;
--pinkbg:#FDF0F5;
--pinkbg2:#FCE7EF;
--pinkbg3:#FDECF2;
--border:#FBE4EC;
--border2:#F7CEDD;
--border3:#F4D3DF;
--white:#fff;
--serif:"Playfair Display",serif;
--sans:"Manrope",sans-serif;
--shadow-sm:0 8px 24px rgba(198,130,155,.06);
--shadow-md:0 12px 32px rgba(198,130,155,.08);
--shadow-lg:0 26px 60px rgba(160,90,115,.18);
--shadow-pink:0 14px 30px rgba(229,83,126,.28);
--shadow-btn:0 14px 30px rgba(229,83,126,.3);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
:focus{outline:none}
:focus-visible{outline:2px solid var(--pink);outline-offset:2px;border-radius:4px}
.faq-q:focus-visible{outline-offset:-2px;border-radius:16px}
input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:0}
body{
font-family:var(--sans);
background:var(--bg);
color:var(--ink);
font-size:15px;
line-height:1.5;
overflow-x:hidden;
}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none}
.container{width:1176px;max-width:calc(100% - 64px);margin:0 auto}
.t-mobile{display:none}
@media (max-width:860px){.t-desktop{display:none}.t-mobile{display:inline}}
/* pink accent inside headings */
.accent{color:var(--pink-soft)}
.ts2{color:var(--pink2)}
/* kicker / section heads */
.kicker{
font-weight:600;font-size:14px;letter-spacing:.043em;
color:var(--pink2);text-align:center;text-transform:uppercase;
}
.sec-head{display:flex;flex-direction:column;align-items:center;gap:12px}
.sec-title{
font-family:var(--serif);font-weight:600;font-size:44px;
line-height:1.12;text-align:center;color:var(--ink);
}
.sec-sub{font-size:16px;line-height:24px;color:var(--body);text-align:center}
/* buttons */
.btn{
display:inline-flex;align-items:center;justify-content:center;
font-weight:600;border-radius:99px;transition:.2s;
}
.btn-pink{
background:var(--pink);color:#fff;
box-shadow:var(--shadow-pink);
}
.btn-pink:hover{background:#d9446f;transform:translateY(-1px)}
.btn-ghost{
background:#fff;border:1px solid var(--border2);color:var(--pink3);
font-weight:600;
}
.btn-ghost:hover{background:var(--pinkbg3)}
/* ============ HEADER ============ */
.header{
position:sticky;top:0;z-index:50;
background:rgba(255,250,252,.86);
backdrop-filter:blur(7px);
-webkit-backdrop-filter:blur(7px);
border-bottom:1px solid var(--border);
}
.header-in{
width:1176px;max-width:calc(100% - 48px);height:116px;display:flex;align-items:center;position:relative;
}
.logo{width:150px;height:150px;position:absolute;left:0;top:6px;flex:none}
.logo img{width:100%;height:100%;object-fit:contain}
.nav{display:flex;align-items:center;gap:28px;margin-left:186px}
.nav a{font-size:15px;font-weight:500;color:var(--body2);transition:.2s}
.nav a:hover{color:var(--pink3)}
.header-right{
position:absolute;right:0;top:0;height:116px;
display:flex;align-items:center;gap:22px;
}
.header-phone{text-align:right;line-height:1.3}
.header-phone b{display:block;font-size:16px;font-weight:700;color:var(--ink)}
.header-phone span{font-size:12.5px;color:var(--muted)}
.header-cta{
padding:11px 26px;font-size:16px;font-weight:600;border-radius:99px;
background:var(--pink);color:#fff;box-shadow:0 10px 22px rgba(229,83,126,.28);
transition:.2s;
}
.header-cta .cta-icon{display:none}
.header-cta:hover{background:#d9446f}
.burger{display:none;position:absolute;right:16px;top:50%;transform:translateY(-50%);
width:44px;height:44px;border-radius:12px;background:var(--pinkbg3);
align-items:center;justify-content:center;flex-direction:column;gap:5px}
.burger span{display:block;width:20px;height:2px;background:var(--pink3);border-radius:2px}
/* ============ HERO ============ */
.hero{padding:40px 32px 36px;position:relative}
.hero-in{display:flex;justify-content:center;align-items:flex-start;gap:36px}
.hero-left{flex:1;display:flex;flex-direction:column;gap:11px;min-width:0;padding-top:20px}
.hero-badge{
display:inline-flex;align-self:flex-start;margin-bottom:8px;
background:var(--pinkbg3);border-radius:99px;padding:7px 17px;
font-size:14px;font-weight:600;letter-spacing:.02em;color:var(--pink2);
}
.hero h1{
font-family:var(--serif);font-weight:600;font-size:55px;
line-height:59.4px;letter-spacing:0;color:var(--ink);white-space:nowrap;
}
.hero-lead{width:490px;max-width:100%;font-size:17px;line-height:30.6px;color:#6B5B62;margin-top:13px}
.hero-feats{display:flex;gap:34px;width:479px;max-width:100%;margin-top:13px}
.hero-feat{display:flex;align-items:center;gap:13px;flex:1;min-width:0;justify-content:flex-start}
.hero-feat span.hero-feat-ic{
width:38px;height:38px;border-radius:19px;background:var(--pinkbg3);
display:flex;align-items:center;justify-content:center;
font-size:24px;line-height:1;color:var(--pink2);flex:none;
}
.hero-feat span{font-size:15px;line-height:22px;color:var(--body2);white-space:normal}
.hero-cta{display:flex;gap:18px;align-items:center;margin-top:19px}
.hero-cta .btn-pink{padding:15px 30px;font-size:17px}
.hero-more{display:none}
.hero-right{position:relative;width:580px;height:599px;flex:none}
.hero-backdrop{
display:none;
}
.hero-photo-bg{
position:absolute;inset:0;width:100%;height:100%;
background:linear-gradient(149deg,#FDE2EC 0%,#FBF0F4 100%);
border-radius:40px;z-index:0;
}
.hero-photo{
position:absolute;left:5px;top:27px;width:557px;height:520px;z-index:1;
border-radius:36px;overflow:hidden;
}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 42%}
.hero-stat{
position:absolute;left:-27px;bottom:88px;z-index:2;
background:#fff;border-radius:20px;padding:19px 25px;
display:flex;align-items:center;gap:17px;
box-shadow:0 16px 40px rgba(160,90,115,.16);
}
.hero-stat b{font-family:var(--serif);font-size:33px;line-height:36px;font-weight:600;color:var(--pink)}
.hero-stat span{font-size:13px;line-height:18px;color:#6B5B62}
@media (min-width:1240px){
.hero-in{justify-content:flex-start}
.hero-left{flex:0 0 578px}
}
/* ============ TRUST ============ */
.trust{padding:0 32px 120px}
.trust-in{display:flex;flex-direction:column;align-items:center;gap:52px}
.trust-grid{display:flex;justify-content:space-between;gap:80px;width:958px;max-width:100%}
.trust-item{width:266px;text-align:center;display:flex;flex-direction:column;align-items:center}
.trust-ic{
width:96px;height:96px;border-radius:48px;background:var(--pinkbg2);
display:flex;align-items:center;justify-content:center;
font-size:40px;color:var(--pink);
}
.trust-item h3{
font-size:21px;font-weight:700;line-height:1.3;
padding:26px 0 10px;color:var(--ink);white-space:pre-line;
}
.trust-item p{font-size:15.5px;line-height:1.55;color:var(--body);white-space:pre-line}
/* ============ ABOUT ============ */
.about{margin:260px auto 320px;width:1176px;max-width:calc(100% - 64px)}
.about-in{
display:flex;align-items:center;justify-content:space-between;gap:0;padding:20px 0 24px 58px;
background:linear-gradient(140deg,#FDE7EF 0%,#FAF1F5 56%,#FDE9F0 100%);
border-radius:34px;
}
.about-left{width:560px;flex:none;display:flex;flex-direction:column;gap:16px}
.about-badge{
display:inline-flex;align-self:flex-start;
background:#FEF7FA;border:1px solid #F2B4CB;border-radius:99px;
padding:9px 20px;font-size:13px;font-weight:600;letter-spacing:.12em;color:var(--pink3);
}
.about h2{
font-family:var(--serif);font-weight:600;font-size:44px;line-height:1.14;
padding-top:5px;color:var(--ink);white-space:pre-line;
}
.about p{font-size:16.5px;line-height:1.65;color:#63535A;padding-top:8px}
.about-sign{display:flex;align-items:center;gap:14px;padding-top:16px}
.about-sign span.about-sign-ic{
width:48px;height:48px;border-radius:24px;background:#fff;
display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--pink);
}
.about-sign span{font-size:15.5px;line-height:1.45;color:#63535A;white-space:pre-line}
.about-sign b{color:var(--ink)}
.about-photo{width:446px;height:516px;flex:none;border-radius:0 34px 34px 0;overflow:hidden}
.about-photo img{width:100%;height:100%;object-fit:cover}
/* ============ SERVICES ============ */
.services{padding:0 32px 0}
.services-in{display:flex;flex-direction:column;gap:24px}
.services .sec-head{margin-bottom:16px}
.serv-grid{
display:grid;grid-template-columns:repeat(4,1fr);
grid-auto-rows:528px;gap:22px;
}
.serv-card{
background:#fff;border:1px solid var(--border);border-radius:24px;
box-shadow:var(--shadow-md);overflow:hidden;display:flex;flex-direction:column;
}
.serv-card>img{width:100%;height:264px;object-fit:cover;flex:none}
.serv-body{flex:1;padding:22px 22px 20px;display:flex;flex-direction:column;gap:8px}
.serv-body h3{font-size:20px;line-height:1.25;font-weight:700;color:var(--ink);white-space:pre-line}
.serv-body p{font-size:15px;line-height:1.5;color:var(--body);white-space:pre-line;flex:1}
.serv-more{
align-self:flex-start;background:var(--pinkbg3);border-radius:99px;
padding:10px 20px;font-size:14.5px;font-weight:700;color:var(--pink3);
}
.serv-body p,.serv-wide-body p,.wide-feat span{text-wrap:pretty;hyphens:auto}
.serv-more:hover{background:#fbe0ea}
.serv-row{display:flex;gap:22px}
.serv-mini{
width:278px;height:460px;flex:none;background:#fff;border:1px solid var(--border);
border-radius:24px;box-shadow:var(--shadow-md);overflow:hidden;display:flex;flex-direction:column;
}
.serv-mini>img{width:100%;height:238px;object-fit:cover;flex:none}
.serv-img{
flex:0 0 278px;height:460px;background:#fff;border:1px solid var(--border);
border-radius:24px;box-shadow:var(--shadow-md);overflow:hidden;
}
.serv-img img{width:100%;height:100%;object-fit:cover}
.serv-wide{
flex:1;background:#fff;border:1px solid var(--border);border-radius:24px;
box-shadow:var(--shadow-md);display:flex;padding:32px 40px;gap:36px;
min-height:460px;
}
.serv-wide-body{
width:100%;flex:none;
display:flex;flex-direction:column;justify-content:space-between;gap:12px;
}
.serv-wide-body h3{font-family:var(--serif);font-size:34px;font-weight:600;color:var(--ink)}
.serv-wide-body>p{font-size:16.5px;line-height:1.6;color:var(--body);white-space:pre-line}
.wide-feats{display:flex;flex-direction:column;gap:14px}
.wide-feat{display:flex;align-items:center;gap:14px}
.wide-feat span.wide-feat-ic{
width:40px;height:40px;border-radius:20px;background:var(--pinkbg3);flex:none;
display:flex;align-items:center;justify-content:center;font-size:19px;color:var(--pink2);
}
.wide-feat span{font-size:15.5px;line-height:1.4;color:var(--body2);white-space:pre-line}
.wide-bottom{display:flex;align-items:center;gap:18px;padding-top:6px}
.wide-btn{
background:var(--pinkbg3);border-radius:99px;padding:12px 22px;
font-size:14.5px;font-weight:700;color:var(--pink3);
}
.wide-link{font-size:16px;font-weight:600;color:var(--pink2)}
/* ============ REFERENCES (before/after carousel) ============ */
.refs{
position:relative;padding:450px 0 120px;
background:linear-gradient(180deg,rgba(253,240,245,0) 0%,rgba(253,240,245,1) 15%,rgba(253,240,245,1) 88%,rgba(253,240,245,0) 100%);
}
.refs-deco{position:absolute;left:0;top:-120px;width:1920px;height:1026px;pointer-events:none;opacity:.9}
.refs-in{position:relative;display:flex;flex-direction:column;gap:36px;padding:0}
.refs-top{display:flex;flex-direction:column;gap:10px;align-items:stretch}
.refs .arrows{justify-content:flex-end;margin-top:0;padding-top:0}
.arrows{display:flex;gap:12px;justify-content:flex-end;padding-top:6px}
.arrow-btn{
width:56px;height:56px;border-radius:28px;background:#fff;
border:1px solid var(--border3);box-shadow:0 8px 20px rgba(160,90,115,.12);
display:flex;align-items:center;justify-content:center;
font-size:20px;color:var(--pink2);transition:.2s;
}
.arrow-btn:hover{background:var(--pinkbg3)}
.refs-track-wrap{width:calc(100% + (100vw - 100%) / 2);flex:none;overflow:hidden;padding:4px 0 8px}
.refs-track{display:flex;gap:24px;transition:transform .45s ease}
.ref-card{
flex:none;width:440px;background:#fff;border:1px solid var(--border);
border-radius:22px;box-shadow:var(--shadow-md);overflow:hidden;
}
.ref-pics{display:flex;height:372px;position:relative}
.ref-pics img{width:50%;height:372px;object-fit:cover}
.ref-pics img:only-of-type{width:100%}
.ref-tag{
position:absolute;top:12px;padding:6px 14px;border-radius:99px;
font-size:12.5px;font-weight:700;
}
.ref-tag.do{left:12px;background:var(--pink);color:#fff}
.ref-tag.posle{right:12px;background:rgba(255,255,255,.94);color:var(--pink3)}
.ref-cap{padding:16px 14px;text-align:center;font-size:16.5px;font-weight:600;color:var(--ink)}
.dots{display:flex;gap:9px}
.dot{width:11px;height:11px;border-radius:5.5px;background:#F4CFDD;cursor:pointer;transition:background-color .25s ease,box-shadow .25s ease}
.dot:hover{box-shadow:0 0 0 4px rgba(229,83,126,.16)}
.dot.on{background:var(--pink)}
/* ============ TEAM ============ */
.team{padding:0 32px 96px}
.team-in{display:flex;flex-direction:column;gap:0}
.team .sec-head{margin-bottom:80px}
.team-grid{display:grid;grid-template-columns:repeat(3,278px);gap:20px 21px;justify-content:center}
.team-card{
background:#fff;border:1px solid var(--border);border-radius:26px;
box-shadow:var(--shadow-md);padding:22px 20px 18px;
display:flex;flex-direction:column;align-items:center;justify-content:space-between;
min-height:330px;
}
.team-card img{
width:148px;height:148px;border-radius:74px;object-fit:cover;
border:5px solid var(--pinkbg3);
}
.team-card h3{font-family:var(--serif);font-size:25px;font-weight:600;padding-top:16px;color:var(--ink)}
.team-role{
font-size:15px;line-height:1.4;color:var(--pink2);
text-align:center;white-space:pre-line;padding-top:6px;
}
.team-badge{
background:var(--pinkbg);border-radius:99px;padding:8px 16px;
font-size:13.5px;font-weight:600;color:#8A757E;margin-top:12px;
}
.team-center{display:flex;justify-content:center;margin-top:20px}
.team-center .team-card{width:278px}
/* ============ REVIEWS ============ */
.reviews{
position:relative;padding:94px 0 181px;
background:linear-gradient(180deg,rgba(253,240,245,0) 0%,rgba(253,240,245,1) 15%,rgba(253,240,245,1) 88%,rgba(253,240,245,0) 100%);
}
.reviews-deco{position:absolute;left:0;top:-130px;width:1920px;height:1181px;pointer-events:none;opacity:.9}
.reviews-in{position:relative;display:flex;flex-direction:column;gap:20px;padding:0}
.rev-head{display:flex;flex-direction:column;gap:10px;align-items:stretch}
.reviews .arrows{justify-content:flex-end;margin-top:0;padding-top:0}
.rev-track-wrap{width:calc(100% + (100vw - 100%) / 2);flex:none;overflow:hidden;padding:4px 0 8px}
.rev-track{display:flex;gap:24px;transition:transform .45s ease}
.rev-card{
flex:none;width:440px;background:#fff;border:1px solid var(--border);
border-radius:24px;box-shadow:var(--shadow-sm);padding:26px 28px 24px;
display:flex;flex-direction:column;gap:14px;min-height:380px;
}
.rev-top{display:flex;align-items:center;gap:14px}
.rev-ava{
width:52px;height:52px;border-radius:26px;background:var(--pinkbg3);flex:none;
display:flex;align-items:center;justify-content:center;
font-family:var(--serif);font-size:22px;font-weight:600;color:var(--pink3);
}
.rev-name b{display:block;font-size:16.5px;font-weight:700;color:var(--ink)}
.rev-name span{font-size:13.5px;color:var(--muted)}
.rev-stars{
position:absolute;right:26px;top:28px;
font-size:14px;letter-spacing:.115em;color:var(--pink);
}
.rev-card{position:relative}
.rev-badge{
align-self:flex-start;background:var(--pinkbg);border-radius:99px;
padding:7px 15px;font-size:13px;font-weight:600;color:#8A757E;
}
.rev-ghost{
align-items:center;justify-content:center;background:var(--pinkbg3);
border:1px dashed var(--pink-soft);box-shadow:none;
font-size:17px;font-weight:700;color:var(--pink3);text-align:center;
}
.rev-text{font-size:15px;line-height:1.6;color:var(--body);white-space:normal}
.revs-bottom{display:flex;flex-direction:column;align-items:center;gap:20px;padding-top:0}
.reviews .btn-pink{padding:17px 36px;font-size:16.5px;margin-top:88px}
/* ============ ORDER FORM ============ */
.order{position:relative;min-height:810px;display:flex;align-items:flex-start}
.order-bg{position:absolute;inset:0;overflow:hidden}
.order-bg img{width:100%;height:100%;object-fit:cover}
.order-bg::after{
content:"";position:absolute;inset:0;
background:linear-gradient(180deg,rgba(255,250,252,.72) 0%,rgba(253,236,242,.62) 100%);
}
.order-card{
position:relative;width:1176px;max-width:calc(100% - 64px);margin:110px auto 0;
background:#fff;border:1px solid var(--border);border-radius:30px;
box-shadow:var(--shadow-lg);padding:48px 58px;
display:flex;flex-direction:column;gap:36px;
}
.order-head{display:flex;flex-direction:column;align-items:center;gap:12px}
.order-head h2{font-family:var(--serif);font-size:46px;font-weight:600;color:var(--ink)}
.order-cols{display:flex;justify-content:center;gap:64px}
.order-col{flex:0 0 470px;display:flex;flex-direction:column;gap:28px;min-width:0}
.order-col.right{flex:1;gap:22px}
.field{display:flex;flex-direction:column;gap:10px}
.field-label{font-size:15.5px;font-weight:600;color:var(--body2)}
.field-label em{font-weight:500;font-style:normal;color:var(--muted)}
.select{
position:relative;background:#FFF9FB;border:1px solid var(--border3);
border-radius:14px;padding:14px 18px;display:flex;align-items:center;
justify-content:space-between;font-size:16px;color:var(--ink);cursor:pointer;
}
.select svg{flex:none}
.select-wrap{padding:0;gap:0}
.select-real{
appearance:none;-webkit-appearance:none;width:100%;border:none;background:transparent;
font-family:var(--sans);font-size:16px;color:var(--ink);padding:14px 18px;
outline:none;cursor:pointer;position:relative;z-index:1;
}
.select-real:focus-visible{outline:2px solid var(--pink-soft);outline-offset:-2px;border-radius:14px}
.slider-head{display:flex;justify-content:space-between;align-items:baseline;font-size:15.5px;font-weight:600;color:var(--body2)}
.slider-head b{font-size:17px;color:var(--pink2);font-weight:700}
.slider-wrap{padding:2px 0}
.slider-wrap input[type=range]{
width:100%;height:6px;border-radius:99px;background:#fff;appearance:none;outline:none;
border:1px solid var(--border3);
}
.slider-wrap input[type=range]::-webkit-slider-thumb{
appearance:none;width:18px;height:18px;border-radius:50%;
background:var(--pink);border:3px solid #fff;box-shadow:0 2px 6px rgba(229,83,126,.4);cursor:pointer;
}
.slider-limits{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}
.photo-row{display:flex;align-items:center;gap:12px}
.photo-add{
width:84px;height:84px;border-radius:16px;background:#FFF9FB;
border:1px dashed #F0B9CE;display:flex;align-items:center;justify-content:center;
font-size:26px;color:var(--pink);flex:none;transition:.2s;
}
.photo-add:hover{background:var(--pinkbg3)}
.photo-hint{font-size:13.5px;line-height:21.6px;color:var(--muted);white-space:pre-line}
.estimate{
background:var(--pinkbg);border-radius:18px;padding:18px 20px;
display:flex;justify-content:space-between;align-items:center;gap:16px;
}
.estimate p{font-size:13.5px;line-height:20.25px;color:var(--body)}
.estimate span{display:block;font-size:12px;line-height:18px;color:var(--muted)}
.estimate b{font-family:var(--serif);font-size:26px;font-weight:600;color:var(--pink3);white-space:nowrap}
.textarea{
background:#FFF9FB;border:1px solid var(--border3);border-radius:16px;
padding:18px 20px;min-height:210px;font-family:var(--sans);font-size:16px;
line-height:26px;color:var(--ink);resize:vertical;outline:none;width:100%;
}
.textarea::placeholder{color:#8d8d8d}
.inputs-row{display:flex;gap:14px}
.inp{
flex:1;background:#FFF9FB;border:1px solid var(--border3);border-radius:14px;
padding:17px 20px;font-family:var(--sans);font-size:16px;color:var(--ink);outline:none;
}
.inp::placeholder{color:#8d8d8d}
.order-send{
width:100%;padding:20px;border-radius:99px;background:var(--pink);
color:#fff;font-size:17px;font-weight:600;box-shadow:var(--shadow-btn);transition:.2s;
}
.order-send:hover{background:#d9446f}
.order-note{font-size:13.5px;line-height:1.55;color:var(--muted);text-align:center}
/* ============ FAQ ============ */
.faq{position:relative;padding:70px 0 42px;overflow:hidden}
.faq-bg{position:absolute;left:0;top:0;width:100%;height:820px}
.faq-bg img{width:100%;height:100%;object-fit:cover}
.faq-bg::after{
content:"";position:absolute;inset:0;
background:linear-gradient(180deg,rgba(255,250,252,.95) 0%,rgba(255,250,252,.9) 100%);
}
.faq-in{position:relative;display:flex;flex-direction:column;align-items:center;gap:56px}
.faq-list{width:960px;max-width:100%;display:flex;flex-direction:column;gap:14px}
.faq-item{
background:#fff;border:1px solid var(--border);border-radius:18px;
box-shadow:var(--shadow-sm);padding:26px 32px;cursor:pointer;
}
.faq-q{display:flex;justify-content:space-between;align-items:center;gap:16px}
.faq-q h3{font-size:18px;font-weight:600;color:var(--ink)}
.faq-tog{
width:34px;height:34px;border-radius:17px;background:var(--pinkbg3);flex:none;
display:flex;align-items:center;justify-content:center;
font-size:15px;color:var(--pink2);transition:.2s;
}
.faq-a{
display:none;padding-top:14px;width:820px;max-width:100%;
font-size:15.5px;line-height:1.6;color:var(--body);white-space:pre-line;
}
.faq-item.open .faq-a{display:block}
/* ============ FOOTER ============ */
.footer{background:var(--pinkbg);border-top:1px solid var(--border);padding:48px 0 28px}
.footer-in{display:flex;flex-direction:column;gap:32px;width:1176px;max-width:calc(100% - 48px);padding:0}
.refs .dots{align-self:center}
.team-card.center{grid-column:auto}
.footer-cols{display:flex;justify-content:space-between;gap:0;flex-wrap:wrap}
.footer-col{flex:none;width:272px;display:flex;flex-direction:column;gap:14px;max-width:none}
.footer-logo{width:76px;height:76px}
.footer-logo img{width:100%;height:100%;object-fit:contain}
.footer-desc{font-size:15px;line-height:1.5;color:var(--body);white-space:pre-line}
.socials{display:flex;flex-wrap:wrap;gap:9px;max-width:280px}
.soc{
background:#fff;border:1px solid var(--border2);border-radius:99px;
padding:8px 15px;font-size:13px;font-weight:600;color:var(--pink3);transition:.2s;
}
.soc:hover{background:var(--pinkbg3)}
.footer h4{font-size:16.5px;font-weight:700;color:var(--ink)}
.footer-links{display:flex;flex-direction:column;gap:12px}
.footer-links a{font-size:15px;color:var(--body2);transition:.2s}
.footer-links a:hover{color:var(--pink3)}
.contact{display:flex;flex-direction:column;gap:3px}
.contact span{font-size:12px;letter-spacing:.08em;color:var(--muted)}
.contact b{font-size:15.5px;font-weight:600;color:var(--ink)}
.hours{display:flex;flex-direction:column;gap:10px}
.hours-row{display:flex;justify-content:space-between;width:240px;font-size:15px;color:var(--body2)}
.hours-row b{font-weight:600;color:var(--body2)}
.hours-row .off{color:var(--muted)}
.wa-btn{
align-self:flex-start;background:#fff;border:1px solid var(--border2);
border-radius:99px;padding:13px 20px 11px;font-size:14px;font-weight:600;color:var(--pink3);
}
.footer-bottom{
border-top:1px solid #F7DCE6;padding-top:20px;
display:flex;justify-content:space-between;align-items:center;
font-size:14px;color:var(--muted);
}
.footer-bottom a:hover{color:var(--pink3)}
.requisites{font-size:12.5px;line-height:1.6;color:var(--muted)}
/* decorative gradient balls */
.blob{position:absolute;pointer-events:none;z-index:0}
.blob1{
width:720px;height:720px;left:calc(50% + 400px);top:-180px;border-radius:50%;
background:radial-gradient(circle at 50% 50%,rgba(250,198,219,.6) 0%,rgba(253,224,236,.22) 54%,rgba(253,224,236,0) 74%);
}
.blob2{
width:640px;height:640px;left:max(0px, calc(50% - 1220px));top:1700px;border-radius:50%;
background:radial-gradient(circle at 50% 50%,rgba(250,202,221,.48) 0%,rgba(253,224,236,.2) 54%,rgba(253,224,236,0) 74%);
}
.blob3{
width:300px;height:300px;left:calc(50% - 836px);top:5900px;border-radius:50%;
background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.82) 0%,rgba(250,210,227,.32) 54%,rgba(250,210,227,.12) 80%,rgba(250,210,227,0) 100%);
border:1px solid rgba(232,140,175,.3);
}
.page{position:relative;overflow-x:clip}
main{position:relative;z-index:1}
/* ======================================================================
SERVICES PAGES: UNIFY SHARED SECTIONS (desktop >=861px)
Отзывы, FAQ, крошки, заголовки — единый ритм на всех страницах услуг
====================================================================== */
@media (min-width: 861px){
/* заголовки секций — как на главной */
main .sec-title{font-size:44px!important;line-height:1.12!important}
/* крошки — единый стиль */
main .crumbs,main .hs-crumb{font-size:13.5px!important;margin-bottom:26px!important;height:auto!important}
/* отзывы — единые отступы и ширина карусели */
.p2 .reviews,.p6 .reviews,.p7 .reviews,.p9 .reviews,
.s03-hero ~ .reviews,.p8-steps ~ .reviews,.hs-hero ~ .reviews,
.p11-hero ~ .reviews,.hero5 ~ .reviews,.z10-hero ~ .z10-reviews{
padding:94px 0 150px!important;
}
main .reviews-in{padding:0!important}
main .rev-track-wrap,main .refs-track-wrap{width:calc(100% + (100vw - 100%) / 2)!important}
/* FAQ — единые отступы */
.p2 .sv-faq,.p6 .sv-faq,.p7 .sv-faq,.p9 .sv-faq,
.s03-hero ~ .faq,.p8-steps ~ .faq,.hs-hero ~ .faq,
.p11-hero ~ .faq,.hero5 ~ .faq,.z10-hero ~ .z10-faq{
padding:94px 0 150px!important;
}
}
/* ===== SERVICES PAGES: FLUID HERO H1/COLUMNS (средние ширины) ===== */
@media (min-width: 861px){
.hero-right{width:min(580px, 44vw)!important}
.hero h1{font-size:clamp(30px, 3.7vw, 55px)!important;white-space:nowrap!important}
.sv-right,.s03-hero-right,.p8-hero-right,.p11-hero-right,.z10-hero-right,.hero5-right{
width:min(570px, 44vw)!important;max-width:none!important;
}
.sv-hero h1,.s03-hero h1,.p8-hero h1,.p11-hero h1,.z10-hero h1,.hero5 h1{
font-size:clamp(30px, 3.8vw, 52px)!important;white-space:normal!important;
}
}
@media (max-width: 1180px){
.serv-body h3{font-size:17px!important;white-space:normal!important;hyphens:auto;overflow-wrap:break-word}
.serv-body p{font-size:14px!important;line-height:1.45!important;white-space:normal!important}
}
/* ======================================================================
SERVICES HERO: единый паттерн как на index (desktop >=861px)
Розовая подложка (кайма 6px) → крупное почти-квадратное фото
====================================================================== */
@media (min-width: 861px){
.p2 .sv-hero,.p6 .sv-hero,.p7 .sv-hero,.p9 .sv-hero,
.p8-hero,.s03-hero,.p11-hero,.z10-hero,.hero5,.hs-hero{
padding:52px 32px 96px!important;
}
/* старые декоративные плашки скрыты — заменены каймой */
.sv-deco,.p8-deco,.s03-hero-deco,.hs-hero-deco,.z10-hero-deco,.hero5-deco,.p11-hero-deco{display:none!important}
/* правая колонка = подложка фото */
.sv-right,.p8-hero-right,.s03-hero-right,.hs-hero-right,.z10-hero-right,.hero5-right{
width:566px!important;min-width:566px;height:564px!important;
display:flex!important;flex-direction:column!important;justify-content:center;align-items:center;
align-self:center!important;position:relative!important;
}
/* фото: на всю подложку, кайма 6px розовая */
.sv-photo,.p8-photo,.s03-hero-photo,.hs-hero-photo,.z10-hero-photo,.p11-hero-photo,.hero5-photo{
width:100%!important;height:100%!important;margin:0!important;
border-radius:36px!important;object-fit:cover!important;object-position:50% 42%!important;
box-shadow:0 0 0 6px #FBE7F0!important;position:relative;z-index:1;
}
.p11-hero-photo{width:566px!important;height:560px!important;flex:none!important;overflow:hidden!important}
.p8-photo>img,.s03-hero-photo>img,.hs-hero-photo>img,.z10-hero-photo>img,
.p11-hero-photo>img,.hero5-photo>img:not(.hero5-mark){
width:100%!important;height:100%!important;border-radius:36px!important;
object-fit:cover!important;object-position:50% 42%!important;
}
}
/* ======================================================================
SERVICES HERO: только фото с закруглением (без подложек), desktop >=861px
====================================================================== */
@media (min-width: 861px){
.p2 .sv-right,.p6 .sv-right,.p7 .sv-right,.p9 .sv-right,
.p8-hero-right,.s03-hero-right,.hs-hero-right,.z10-hero-right,.hero5-right,
.p11-hero-right{
position:relative!important;width:600px!important;min-width:600px!important;
height:594px!important;flex:none!important;
margin:0 0 0 auto!important;
background:none!important;
border-radius:0!important;
}
.sv-photo,.p8-photo,.s03-hero-photo,.hs-hero-photo,.z10-hero-photo,.hero5-photo,
.p11-hero-photo{
position:relative!important;z-index:1!important;
width:100%!important;height:100%!important;
margin:0!important;border-radius:36px!important;overflow:hidden!important;
box-shadow:none!important;
}
.sv-photo img,.p8-photo>img,.s03-hero-photo>img,.hs-hero-photo>img,
.z10-hero-photo>img,.p11-hero-photo>img,.hero5-photo>img:not(.hero5-mark){
width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 42%!important;border-radius:36px!important;
}
}
/* ===== MARKERS-LISTS: галочки/крестики возле текста списка (все страницы) ===== */
.ck2-list li:not(:has(i)),
.os-list li,
.task-list li,
.when-card ul li,
.extra-list li,
.p11-hero-list li,
.doc li {
position: relative;
padding-left: 32px;
}
.ck2-list li:not(:has(i))::before,
.os-list li::before,
.task-list li::before,
.when-card ul li::before,
.extra-list li::before,
.p11-hero-list li::before,
.doc li::before {
content: "✓";
position: absolute;
left: 0;
top: 1px;
width: 22px;
height: 22px;
border-radius: 50%;
background: var(--pinkbg3);
color: var(--pink2);
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
}
/* негативные списки: «не входит», «не подходит», «нужен отдельный расчёт» */
.vz-list li,
.km-list li,
.excluded-list li,
.fit-col ul li {
position: relative;
padding-left: 32px;
}
.vz-list li::before,
.km-list li::before,
.excluded-list li::before,
.fit-col ul li::before {
content: "✕";
position: absolute;
left: 0;
top: 1px;
width: 22px;
height: 22px;
border-radius: 50%;
background: var(--pinkbg3);
color: var(--pink3);
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
}
/* юридические документы: списки без дисков */
.doc ul { list-style: none; padding-left: 0; }
@media (max-width: 860px) {
.ck2-list li:not(:has(i)),
.os-list li, .task-list li, .when-card ul li, .extra-list li,
.p11-hero-list li, .doc li, .vz-list li, .km-list li,
.excluded-list li, .fit-col ul li { padding-left: 27px; }
.ck2-list li:not(:has(i))::before,
.os-list li::before, .task-list li::before, .when-card ul li::before,
.extra-list li::before, .p11-hero-list li::before, .doc li::before,
.vz-list li::before, .km-list li::before, .excluded-list li::before,
.fit-col ul li::before { width: 19px; height: 19px; font-size: 13px; top: 2px; }
}
/* === SOURCE: css\popup.css === */
/* ===== Popup modal ===== */
.pp-overlay {
position: fixed;
inset: 0;
z-index: 200;
display: none;
align-items: center;
justify-content: center;
padding: 24px;
background: rgba(51, 39, 44, 0.55);
backdrop-filter: blur(4px);
overflow-y: auto;
}
.pp-overlay.open { display: flex; }
.pp-card {
position: relative;
width: 100%;
max-width: 560px;
background: #FFFAFC;
border: 1px solid #F6DCE6;
border-radius: 28px;
box-shadow: 0 30px 80px rgba(51, 39, 44, 0.28);
padding: 44px 44px 36px;
margin: auto;
animation: pp-in 0.28s ease;
}
@keyframes pp-in {
from { opacity: 0; transform: translateY(18px) scale(0.98); }
to { opacity: 1; transform: none; }
}
.pp-close {
position: absolute;
top: 18px;
right: 18px;
width: 40px;
height: 40px;
border: 0;
border-radius: 50%;
background: #FBE4EC;
color: #33272C;
font-size: 22px;
line-height: 1;
cursor: pointer;
transition: background 0.2s;
}
.pp-close:hover { background: #F6D0DE; }
.pp-title {
font-family: 'Playfair Display', serif;
font-size: 34px;
line-height: 1.15;
color: #33272C;
margin: 0 0 8px;
}
.pp-sub {
font-size: 15px;
color: #7C6E74;
margin: 0 0 24px;
}
.pp-form .field-label,
.pp-form label.lbl {
display: block;
font-size: 13px;
font-weight: 600;
color: #33272C;
margin: 0 0 6px;
}
.pp-form .pp-row { margin-bottom: 14px; }
.pp-form .pp-row2 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 14px;
margin-bottom: 14px;
}
.pp-form .inp,
.pp-form select,
.pp-form textarea {
width: 100%;
box-sizing: border-box;
font-family: 'Manrope', sans-serif;
font-size: 15px;
color: #33272C;
background: #fff;
border: 1px solid #EFD4DF;
border-radius: 14px;
padding: 13px 16px;
outline: none;
transition: border-color 0.2s, box-shadow 0.2s;
appearance: none;
}
.pp-form select {
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: right 12px center;
background-size: 20px;
padding-right: 40px;
}
.pp-form .inp:focus,
.pp-form select:focus,
.pp-form textarea:focus {
border-color: #D94D77;
box-shadow: 0 0 0 3px rgba(217, 77, 119, 0.15);
}
.pp-form textarea { min-height: 88px; resize: vertical; }
.pp-form .inp.err,
.pp-form select.err {
border-color: #E0353F;
box-shadow: 0 0 0 3px rgba(224, 53, 63, 0.12);
}
.pp-err-msg {
display: none;
font-size: 13px;
color: #E0353F;
margin-top: 6px;
}
.pp-err-msg.show { display: block; }
.pp-consent {
display: flex;
gap: 10px;
align-items: flex-start;
font-size: 13px;
line-height: 1.45;
color: #7C6E74;
margin: 18px 0 20px;
}
.pp-consent input[type="checkbox"] {
flex: 0 0 auto;
width: 18px;
height: 18px;
margin-top: 1px;
accent-color: #D94D77;
}
.pp-consent a {
color: #D94D77;
text-decoration: underline;
}
.pp-consent.bad { color: #E0353F; }
.pp-submit {
display: block;
width: 100%;
border: 0;
cursor: pointer;
font-family: 'Manrope', sans-serif;
font-size: 17px;
font-weight: 700;
color: #fff;
background: #D94D77;
border-radius: 999px;
padding: 17px 24px;
transition: background 0.2s, transform 0.15s;
}
.pp-submit:hover { background: #C63F68; }
.pp-submit:active { transform: scale(0.985); }
.pp-note {
font-size: 12px;
color: #9C8F94;
text-align: center;
margin: 14px 0 0;
}
.pp-note a { color: #D94D77; }
/* success view */
.pp-success { text-align: center; padding: 24px 0 12px; }
.pp-success .ok-ic {
display: inline-flex;
align-items: center;
justify-content: center;
width: 74px;
height: 74px;
border-radius: 50%;
background: #FBE4EC;
color: #D94D77;
font-size: 34px;
margin-bottom: 18px;
}
.pp-success h3 {
font-family: 'Playfair Display', serif;
font-size: 30px;
color: #33272C;
margin: 0 0 10px;
}
.pp-success p { font-size: 15px; color: #7C6E74; margin: 0 0 6px; }
.pp-success .pp-submit { margin-top: 22px; }
/* inline form success (in-page) */
.form-ok {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 8px;
background: #FBE4EC;
border: 1px solid #F3CCDB;
border-radius: 18px;
padding: 26px 20px;
color: #33272C;
font-family: 'Manrope', sans-serif;
}
.form-ok b { font-size: 18px; }
.form-ok span { font-size: 14px; color: #7C6E74; }
.form-ok .ok-ic {
display: inline-flex;
align-items: center;
justify-content: center;
width: 54px;
height: 54px;
border-radius: 50%;
background: #fff;
color: #D94D77;
font-size: 26px;
}
/* consent note under forms (upgraded by JS) */
.order-note a, .hs-order-note a, .p8-order-note a {
color: #D94D77;
text-decoration: underline;
}
/* footer requisites */
.requisites {
margin-top: 18px;
padding-top: 16px;
border-top: 1px solid #EFD4DF;
font-size: 12.5px;
line-height: 1.6;
color: #9C8F94;
}
.requisites b { color: #33272C; font-weight: 600; }
.requisites a { color: #D94D77; text-decoration: underline; }
@media (max-width: 860px) {
.pp-card { padding: 34px 20px 26px; border-radius: 22px; }
.pp-title { font-size: 26px; }
.pp-form .pp-row2 { grid-template-columns: 1fr; }
}
/* кнопка «Отправить отзыв в WhatsApp» в успехе */
.pp-share{ text-decoration:none; }
.pp-share:hover{ background:#d9446f!important; }
.pp-view-ok .pp-ok-close{ margin-top:4px; }
/* === SOURCE: css\anim.css === */
/* ============================================================
Чистота в деталях — плавные анимации
Включаются классом .has-anim на (js/anim.js).
Без JS / при prefers-reduced-motion контент виден сразу.
============================================================ */
/* ---------- 1. Scroll reveal ---------- */
.has-anim .rv{
opacity:0;
translate:0 26px;
transition:opacity .72s cubic-bezier(.22,.61,.36,1),
translate .72s cubic-bezier(.22,.61,.36,1);
transition-delay:var(--rvd,0ms);
}
.has-anim .rv.in{opacity:1;translate:0 0}
/* фото-колонка hero: мягкий въезд с лёгким зумом */
.has-anim .rv.rv-photo{
translate:0 22px;scale:.965;
transition:opacity .95s cubic-bezier(.22,.61,.36,1),
translate .95s cubic-bezier(.22,.61,.36,1),
scale .95s cubic-bezier(.22,.61,.36,1);
}
.has-anim .rv.rv-photo.in{translate:0 0;scale:1}
/* ---------- 2. Header при скролле ---------- */
.has-anim .header{transition:box-shadow .35s ease}
.has-anim .header.scrolled{box-shadow:0 12px 32px -20px rgba(120,50,75,.28)}
/* ---------- 3. FAQ — плавный аккордеон ---------- */
.faq-a{
display:block;
max-height:0;overflow:hidden;opacity:0;
transition:max-height .45s cubic-bezier(.3,.7,.3,1),
opacity .35s ease,
padding-top .45s cubic-bezier(.3,.7,.3,1);
}
.faq-item:not(.open) .faq-a{padding-top:0}
.faq-item.open .faq-a{max-height:820px;opacity:1}
.faq-item{transition:box-shadow .3s ease,border-color .3s ease}
.faq-item:hover{box-shadow:var(--shadow-md)}
.faq-tog{transition:.28s ease}
.faq-tog:active{transform:scale(.9)}
/* ---------- 4. Карусели — мягкий easing ---------- */
.rev-track,.refs-track{transition:transform .55s cubic-bezier(.25,.8,.35,1)}
.dot{transition:background-color .3s ease,transform .3s ease}
.dot.on{transform:scale(1.18)}
.arrow-btn{transition:background-color .3s ease,transform .3s ease}
.arrow-btn:active{transform:scale(.9)}
/* ---------- 5. Кнопки ---------- */
.btn,.header-cta,.order-send,.wide-btn,.wa-btn{
transition:background-color .28s ease,transform .28s ease,
box-shadow .28s ease,border-color .28s ease,color .28s ease;
}
.btn:active,.header-cta:active,.order-send:active,
.wide-btn:active,.wa-btn:active{transform:scale(.975)}
/* ---------- 6. Карточки — сглаженные hover-подъёмы ---------- */
.cat-card,.other-card,.hs-os,.p8-ocard,.p11-ocard,
.serv-card,.ref-card,.rev-card,.team-card{
transition:transform .34s cubic-bezier(.3,.7,.3,1),
box-shadow .34s ease,
background-color .34s ease,
border-color .34s ease;
}
.serv-card:hover,.ref-card:hover,.rev-card:hover,.team-card:hover{
transform:translateY(-4px);
box-shadow:var(--shadow-md);
}
/* ---------- 7. Декоративные blob — медленное парение ---------- */
.blob{animation:blobFloat 17s ease-in-out infinite alternate}
.blob2{animation-duration:21s;animation-delay:-7s}
.blob3{animation-duration:19s;animation-delay:-3s}
@keyframes blobFloat{
from{transform:translateY(0) translateX(0)}
to{transform:translateY(-34px) translateX(14px)}
}
/* ---------- 8. Reduced motion ---------- */
@media (prefers-reduced-motion: reduce){
*,*::before,*::after{
animation-duration:.01ms !important;
animation-iteration-count:1 !important;
transition-duration:.01ms !important;
transition-delay:0ms !important;
}
html{scroll-behavior:auto}
}
/* === SOURCE: css\mobile.css === */
/* ============ Mobile adaptation (<=860px) ============ */
@media (max-width: 860px){
html{overflow-x:clip}
body{max-width:100vw}
.blob{display:none}
.refs-deco,.reviews-deco{width:100%!important;max-width:100%!important;height:auto!important}
.gear-card{width:100%!important;min-width:0!important}
.mv-pink,.mv-decide,.rs-card,.st-card,.zn-card{width:100%!important;min-width:0!important;max-width:100%!important}
.zn-grid,.mv-grid,.rs-grid,.vz-items,.es-grid{grid-template-columns:1fr 1fr!important;width:100%!important;gap:10px!important}
.p8-order .container,.p8-order-card,.p8-form{display:block!important;width:100%!important}
.p8-order .select,.p8-order .inp,.p8-order .textarea,.p8-order .photo-row,.p8-form .select,.p8-form .inp,.p8-form .textarea{width:100%!important;max-width:100%!important}
.pack,.pack-list,.mat-items,.mstep{width:100%!important;min-width:0!important;max-width:100%!important}
.mstep{flex-direction:column!important;gap:10px!important}
.gs-right,.not-right,.not-col,.sched-card{width:100%!important;min-width:0!important;max-width:100%!important}
.gs-right,.not-right{flex-direction:column!important;gap:14px!important}
.sched-row,.gear-row,.steps-row{flex-wrap:wrap!important}
/* header */
.header{background:rgba(255,250,252,.96)}
.header-in{width:100%;height:64px;padding:0 20px}
.logo{position:static;width:44px;height:44px}
.nav{
display:none;position:absolute;top:64px;left:0;right:0;z-index:60;
background:#fff;flex-direction:column;align-items:flex-start;gap:0;
padding:8px 16px 16px;box-shadow:0 18px 30px rgba(160,90,115,.14);
}
.nav.open{display:flex}
.nav a{padding:12px 4px;font-size:16px;width:100%;border-bottom:1px solid var(--border)}
.header-right{position:absolute;left:auto;right:72px;top:10px;height:44px;transform:none;gap:0}
.header-phone{display:none}
.header-cta{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:50%;background:var(--pink);border:none;box-sizing:border-box;box-shadow:0 8px 20px rgba(229,83,126,.32)}
.header-cta .cta-text{display:none}
.header-cta .cta-icon{display:block!important;width:22px!important;height:22px!important;filter:none!important;mix-blend-mode:normal!important}
.burger{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:44px;height:44px;border-radius:50%;background:#fff;box-shadow:0 4px 14px rgba(160,90,115,.18)}
.burger span{background:var(--pink)}
/* generic */
.container{max-width:calc(100% - 40px)}
.sec-title{font-size:30px;line-height:1.2;text-align:center}
.sec-sub{font-size:14.5px}
.kicker{font-size:12px}
main section{padding-left:16px;padding-right:16px}
/* hero */
.hero{padding:28px 16px 48px}
.hero-in{flex-direction:column;align-items:stretch;gap:20px}
.hero-left{display:contents}
.hero-badge{align-self:flex-start;order:1;text-align:left;max-width:100%;font-size:10px;letter-spacing:.05em;padding:6px 13px;margin-bottom:0!important}
.hero h1{order:2;white-space:normal;font-size:30px;line-height:1.15;text-align:left;max-width:100%}
.hero-lead{order:3;width:100%;max-width:340px;margin:0;font-size:14.5px;line-height:1.65;text-align:left}
.hero-right{order:4;width:100%;margin-bottom:0}
.hero-deco,.hero-backdrop,.hero-photo-bg{display:none}
.hero-photo{height:396px;margin:0 0 0 -32px;width:calc(100% + 64px);border-radius:26px;box-shadow:none}
.hero-stat{position:absolute;left:22px;bottom:64px;right:auto;top:auto;margin-top:0;padding:12px 20px;gap:12px;border-radius:20px;background:#fff;box-shadow:0 10px 24px rgba(160,90,115,.20);z-index:3}
.hero-stat b{font-size:26px}
.hero-stat span{font-size:12px;line-height:1.4}
.hero-feats{order:7;flex-direction:column;gap:10px;padding-top:0;align-items:flex-start}
.hero-feat{flex-direction:row;align-items:center;gap:12px;width:100%}
.hero-cta{order:6;flex-direction:column;gap:12px;padding-top:4px}
.hero-cta .btn-pink{width:100%;padding:15px 24px;font-size:15px}
/* trust */
.trust{padding:0 20px 48px}
.trust-in{gap:28px}
.trust-grid{flex-direction:column;align-items:stretch;gap:20px;width:100%}
.trust-item{width:100%}
/* about */
.about{margin:56px auto 80px;width:100%;max-width:calc(100% - 32px)}
.about-in{flex-direction:column;align-items:stretch;gap:24px;padding:24px;border-radius:28px}
.about-left{width:100%}
.about h2{font-size:30px;line-height:1.2}
.about p{font-size:15.5px;line-height:1.7}
.about-photo{width:100%;height:300px}
/* services */
.services{padding:0 20px 48px}
.services-in{gap:16px}
.serv-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:16px;padding-top:0}
.serv-card>img{height:210px}
.serv-body h3,.serv-body p{white-space:normal}
.serv-row{flex-direction:column;gap:16px;margin-top:0}
.serv-mini{width:100%}
.serv-mini p br{display:none}
.serv-wide{flex-direction:column;padding:16px;gap:16px;min-height:0}
.serv-wide>img{width:100%;height:210px;border-radius:16px}
.serv-wide-body{width:100%;padding:0;gap:12px}
.serv-wide-body h3{font-size:24px}
.serv-wide-body>p br{display:none}
.wide-feat span br{display:none}
/* carousels */
.refs,.reviews{padding:48px 16px 56px}
.refs-in,.reviews-in{padding:0;gap:16px}
.refs-track-wrap,.rev-track-wrap{width:100%;padding:4px 0 8px}
.ref-card{width:300px}
.rev-card{width:300px}
.rev-card{padding:20px 20px 18px}
.rev-text{font-size:14px;line-height:1.65}
.rev-stars{right:16px;top:20px}
.arrows{justify-content:center;padding-top:0}
.refs .dots,.reviews .dots{align-self:center}
/* team */
.team{padding:0 20px 48px}
.team-in{gap:24px}
.team-grid{grid-template-columns:1fr;gap:16px}
.team-card.center{grid-column:auto}
.team-card{min-height:0}
/* order */
.order{min-height:0}
.order-card{width:100%;max-width:calc(100% - 32px);margin:32px auto;padding:24px 20px;gap:24px}
.order-head h2{font-size:28px;text-align:center}
.order-cols{flex-direction:column;gap:24px}
.order-col{gap:18px}
.inputs-row{flex-wrap:wrap;gap:10px}
.inp{width:100%;min-width:0}
.textarea{min-height:110px}
/* faq */
.faq{padding:48px 16px 56px}
.faq-in{gap:24px}
.faq-list{width:100%;gap:10px}
.faq-item{padding:16px 18px}
.faq-q h3{font-size:15px}
.faq-a{width:100%}
/* footer */
.footer{padding:36px 0 24px}
.footer-in{width:100%;padding:0 20px;gap:28px}
.footer-cols{flex-direction:column;gap:24px}
.footer-col{max-width:100%}
.footer-logo{width:72px;height:72px}
.footer-bottom{flex-direction:column;gap:8px;text-align:center}
/* cross-page hero / card fixes */
.sv-right,.p8-hero-right,.hs-hero-right{width:100%!important;max-width:100%!important}
.sv-deco,.p8-deco,.hs-hero-deco,.hero5-deco,.p11-hero-deco{width:calc(100% - 16px)!important;left:8px!important;right:8px!important;max-width:100%!important}
.sv-photo,.p8-photo,.sv-photo img{width:100%!important;height:300px!important;max-width:100%!important}
.sv-stat{left:10px!important;right:10px!important;bottom:-20px!important;max-width:calc(100% - 20px)!important}
.sv-stat span{white-space:normal}
.inc-grid,.inc-list{width:100%!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
.inc-it,.work-card,.p11-fcard{width:auto!important;min-width:0!important;max-width:100%!important}
.p8-stats{flex-wrap:wrap;gap:10px}
.p8-stat{width:auto!important;min-width:0!important}
.hero5-mark{max-width:180px!important;height:auto!important}
.hs-hero-chip{max-width:calc(100% - 16px)!important}
.sf-al,.sf-pills,.sf-disclaimer{max-width:100%!important;overflow-wrap:break-word;word-break:break-word}
.p8-hero-left,.p8-lead{max-width:100%!important}
/* flex-row section roots -> stack */
.sv-row,.p8-hero{flex-direction:column!important;gap:16px!important}
.inc-div,.inc-row{flex-direction:column!important;gap:14px!important;width:100%!important}
.inc-tags{width:100%!important;flex-wrap:wrap;min-width:0!important}
.inc-grid{width:100%!important}
.mstep-right,.inc-right2,.zone-card,.zone-head,.p8-complex-card,.p8-complex-head,.mt-card{width:100%!important;min-width:0!important;max-width:100%!important}
.zone-head,.p8-complex-head,.mstep-head{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}
.hs-hero-chip{left:8px!important;right:8px!important;width:auto!important;max-width:100%!important}
.sf-al,.sf-pills,.sf-disclaimer{margin-left:0!important;margin-right:0!important;width:100%!important}
/* ===== refinement to match p01_mobile reference ===== */
/* trust: compact icon+text rows (like reference) */
.trust{padding:0 20px 32px}
.trust-in{gap:16px}
.trust-grid{display:grid;grid-template-columns:1fr;gap:10px}
.trust-item{
display:grid;grid-template-columns:44px 1fr;gap:2px 12px;align-items:center;
text-align:left;background:#fff;border:1px solid var(--border);border-radius:16px;padding:12px 14px;
}
.trust-ic{grid-row:1/3;align-self:center;width:44px;height:44px;border-radius:22px;font-size:24px}
.trust-item h3{grid-column:2;font-size:15px;line-height:1.25;padding:0;white-space:normal}
.trust-item p{grid-column:2;font-size:12.5px;line-height:1.45;white-space:normal}
/* services: compact horizontal cards (photo left, text right) */
.services{padding:0 20px 32px}
.services-in{gap:12px}
.services .sec-title{font-size:24px}
.services .sec-sub{font-size:13.5px}
.serv-grid{gap:10px}
.serv-card{position:relative;flex-direction:row;align-items:stretch;border-radius:18px}
.serv-card>img{position:absolute;left:0;top:0;width:30%;height:100%;min-height:0;object-fit:cover;border-radius:0}
.serv-body{flex:0 0 70%;width:70%;margin-left:30%;padding:10px 12px 10px 13px;gap:4px;justify-content:center;min-width:0}
.serv-body h3{font-size:13.5px;line-height:1.22}
.serv-body p{font-size:11.5px;line-height:1.38;flex:0 1 auto}
.serv-body p br{display:none}
.serv-more{padding:4.8px 12px;font-size:13.2px}
.serv-mini{position:relative;height:auto;flex-direction:row;align-items:stretch;border-radius:18px}
.serv-mini>img{position:absolute;left:0;top:0;width:30%;height:100%;min-height:0;object-fit:cover;border-radius:0}
.serv-mini .serv-body{flex:0 0 70%;width:70%;margin-left:30%;padding:10px 12px 10px 13px;min-width:0}
.serv-mini .serv-body h3{font-size:13.5px;line-height:1.22}
.serv-mini .serv-body p{font-size:11.5px;line-height:1.38;flex:0 1 auto}
.serv-mini .serv-body p br{display:none}
.wide-feat{display:none}
.serv-wide{padding:14px;gap:12px}
.serv-wide>img{height:190px}
.serv-wide-body{padding:0;gap:10px}
.serv-wide-body h3{font-size:22px}
.serv-wide-body>p{font-size:13.5px;line-height:1.55}
.wide-bottom{flex-wrap:wrap;gap:10px}
/* team: compact 2-column grid */
.team{padding:0 20px 32px}
.team-in{gap:14px}
.team-grid{grid-template-columns:1fr 1fr!important;gap:8px}
.team-card{padding:10px 8px 9px;min-height:0;gap:4px;border-radius:18px;text-align:center}
.team-card img{width:84px;height:84px;border-width:3px}
.team-card h3{font-size:13.5px;line-height:1.2;padding-top:0}
.team-role{font-size:10.5px;line-height:1.35;padding-top:0}
.team-badge{font-size:9.5px;padding:3px 8px}
/* refs / reviews: tighter bands */
.refs{padding:40px 16px 44px}
.reviews{padding:40px 16px 44px}
/* footer: 2-column grid */
.footer{padding:32px 0 20px}
.footer-in{gap:22px}
.footer-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px 14px}
.footer-col{max-width:none;gap:12px;min-width:0}
.footer-col *{min-width:0;max-width:100%}
.socials{flex-wrap:wrap;gap:8px}
.soc{padding:6px 12px;font-size:12px}
.footer-desc{font-size:13px;line-height:1.5}
.contact b{white-space:normal;overflow-wrap:anywhere}
/* narrow phones (<=360): single-column stacks for tight grids */
.sv-stat b{font-size:19px!important;line-height:1.2}
}
@media (max-width: 320px){
.ref-card,.rev-card{width:calc(100vw - 64px)}
}
/* ===== decorative frames: hug the photo, no empty pink areas (mobile) ===== */
@media (max-width: 860px){
.p7 .sv-deco{height:calc(100% + 12px)!important;top:-12px!important}
.hero5-deco{height:calc(100% + 12px)!important;top:-12px!important}
.p11-hero-deco{display:none!important}
}
/* ===== narrow phones (<=360): single column for tight grids ===== */
@media (max-width: 360px){
.footer-cols,.cats,.steps,.steps-grid,.hs-how-grid,.hs-method-grid,.hs-other-grid,.hs-tools-grid,
.prep-grid,.st-grid,.strip-grid,.p8-refs-grid,.p8-other-grid,.p11-other-grid,.p11-steps-grid,
.inc-grid,.inc-list,.gear,.ba-row,.dop-list,.gs-tags,.m-bullets,.mat-items,.v-list,.mt-grid,.zbig-list,.sched-grid,.zones,.mv-cols,.rs-grid,.vz-items,.zn-grid{grid-template-columns:1fr!important}
.hero h1{font-size:26px;line-height:1.2}
}
/* ===== index.html: mobile geometry refinement ===== */
@media (max-width: 860px){
/* hero: h1 -> text -> photo -> buttons -> 3 feats (each on own line, icon left) */
.hero{padding:24px 16px 40px}
.hero-in{gap:14px}
.hero-in .hero-feats{order:7;flex-direction:column;align-items:flex-start;justify-content:flex-start;margin-top:0!important;padding-top:0;gap:10px}
.hero-right{order:5;width:100%;height:auto;margin-top:0!important}
.hero-in .hero-feat{flex-direction:row;align-items:center;justify-content:flex-start;text-align:left;gap:12px;width:100%;background:none;border:none;border-radius:0;padding:0}
.hero-in .hero-feat span.hero-feat-ic{width:30px;height:30px;font-size:21px;line-height:1;border-radius:15px}
.hero-in .hero-feat span{font-size:15px;line-height:1.35;color:var(--body2);white-space:nowrap}
.hero-right{order:5}
.hero-in .hero-cta{order:6;gap:10px;margin-top:0}
.hero-more{display:inline-flex;justify-content:center;align-items:center;width:100%;
padding:14px 24px;border-radius:99px;background:#fff;border:1.5px solid #F3C6D8;
color:var(--pink3);font-size:15px;font-weight:600;box-sizing:border-box}
/* trust: equal card heights, uniform gaps */
/* services: equal card heights */
.serv-grid{grid-auto-rows:1fr}
/* team: equal card heights */
.team-grid{grid-auto-rows:1fr}
/* order: all fields full width */
.inputs-row{flex-direction:column;gap:10px}
/* faq: uniform rows */
.faq-item{min-height:76px}
}
/* ===== all pages: hero badge / h1 / description — same fixes as index ===== */
@media (max-width: 860px){
.hero-badge,.hs-badge,.s03-badge,.p8-badge,.z10-badge{
align-self:flex-start!important;text-align:left!important;
font-size:10px!important;letter-spacing:.05em!important;
padding:6px 13px!important;max-width:100%!important}
.sv-left h1,.hs-hero h1,.s03-hero h1,.z10-hero h1,.p8-h1,.hero5 h1,.p11-hero-left h1{
font-size:30px!important;line-height:1.15!important;
text-align:left!important;align-self:stretch!important;max-width:100%!important}
.sv-lead,.hs-hero-lead,.hs-hero-lead p,.s03-lead,.z10-lead,.p8-lead,.p8-lead p,
.hero5-lead,.hero5-lead p,.p11-hero-lead{
max-width:300px!important;margin-left:0!important;margin-right:0!important;
text-align:left!important;font-size:14.5px!important;line-height:1.65!important}
.sv-lead br{display:none!important}
.p11-hero-left{width:100%!important;max-width:100%!important}
.s03-hero-float,.hs-hero-chip{
position:absolute!important;left:14px!important;right:auto!important;
top:auto!important;bottom:14px!important;width:auto!important;
max-width:calc(100% - 28px)!important;margin:0!important;white-space:normal!important}
}
@media (max-width: 360px){
.sv-left h1,.hs-hero h1,.s03-hero h1,.z10-hero h1,.p8-h1,.hero5 h1,.p11-hero-left h1{
font-size:26px!important;line-height:1.2!important}
}
/* ===== index.html: support for restructured blocks (desktop geometry pass) ===== */
@media (max-width: 860px){
.serv-img{width:100%;height:200px;flex:none;border-radius:16px}
.serv-mini{height:auto}
.refs .arrows,.reviews .arrows{margin-top:0}
.reviews .btn-pink{margin-top:0}
.team-center{margin-top:0}
.order-col{flex:0 0 auto}
.footer-col{width:100%}
}
/* ===== ЕДИНЫЙ МОБИЛЬНЫЙ HERO (как на главной): фото full-bleed, радиус 26, без подложек ===== */
@media (max-width: 860px){
/* обертки/контейнеры фото — от края до края экрана (при любом отступе контейнера) */
.sv-right,.p8-hero-right,.hs-hero-right,.s03-hero-right,.z10-hero-right,.p11-hero-photo,.hero5-photo{
margin:10px calc((100% - 100vw) / 2) 0;width:100vw!important;max-width:none!important;position:relative;
}
.p11-hero-right,.hero5-right{width:100%!important}
.p11-hero-photo,.hero5-photo{height:396px!important;border-radius:26px!important;overflow:hidden!important;box-shadow:none!important}
/* фото: полная ширина, высота 396, скругление 26, без теней */
.sv-photo,.p8-photo,.p8-photo img,.s03-hero-photo,.s03-hero-photo img,
.hs-hero-photo,.hs-hero-photo img,.z10-hero-photo,.z10-hero-photo img,
.p11-hero-photo > img,.hero5-photo > img:not(.hero5-mark){
width:100%!important;height:396px!important;max-width:none!important;margin:0!important;
border-radius:26px!important;box-shadow:none!important;object-fit:cover;overflow:hidden;
}
.sv-hero .sv-photo,.p7 .sv-photo,.p9 .sv-photo{height:396px!important;border-radius:26px!important;box-shadow:none!important;margin:0!important}
/* декоративные подложки за фото — удалены на десктопе; здесь страховка */
.p8-deco,.hs-hero-deco,.s03-hero-deco,.z10-hero-deco,.hero5-deco,.p11-hero-deco{display:none!important}
/* плашки на фото — только на главной; на остальных страницах скрыть */
.s03-hero-float,.hs-hero-chip,.p11-hero-pill,.hero5-chip{display:none!important}
}
/* ===== финальная полировка: без переполнений текста ===== */
@media (max-width: 860px){
/* чипы-статы в hero услуг: 3 в одном ряду, значения Playfair 17/600 */
.sv-stats,.p8-stats,.p11-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
.sv-stat,.p11-stat,.p8-stat{min-width:0!important;padding:12px 6px!important}
.sv-stat span,.p11-stat span,.p8-stat span{font-size:9px!important;letter-spacing:.02em!important;white-space:normal!important}
.sv-stat b,.p11-stat b,.p8-stat b{font-family:var(--serif)!important;font-size:17px!important;font-weight:600!important;line-height:1.2!important;white-space:normal!important;overflow-wrap:break-word;min-width:0}
/* карточки услуг: переносы строк не склеивают слова */
.serv-body h3,.serv-body p,.serv-mini .serv-body h3,.serv-mini .serv-body p{white-space:normal!important}
}
/* ===== полировка: узкие экраны (≤360) — метки чипов компактнее ===== */
@media (max-width: 360px){
.sv-stats,.p8-stats,.p11-stats{gap:4px!important}
.sv-stat,.p11-stat,.p8-stat{padding:12px 4px!important}
.sv-stat span,.p11-stat span,.p8-stat span,.p8-stat em{font-size:8px!important;letter-spacing:.01em!important}
}
/* ======================================================================
ЕДИНАЯ СИСТЕМА МОБИЛЬНЫХ ИНФОРМАЦИОННЫХ КАРТОЧЕК (все страницы)
Эталон: белая карточка 100% ширины, бейдж-круг 30px, заголовок 16px,
описание 13.5px, список с розовым маркером, нижняя розовая плашка.
====================================================================== */
@media (max-width: 860px){
/* -- стек: все контейнеры карточек — одна колонка, единый gap -- */
.steps,.p-in,.steps-grid,.p8-steps-row,.st-grid,.p11-steps-grid,.hs-method-grid,.hs-how-grid,.hs-fit-grid,
.msteps,.pack-grid,.zcards,.vaz,.zones,.zn-grid,.gear,.sched-grid,.fit-row,.mt-grid,
.p8-zgrid,.p8-fgrid,.p8-equip-grid,.p8-prep-grid,.prep-grid,.p11-comp-grid,
.hs-designer-tags,.es-grid,.inc-row,.inc-div,.inc-top,.inc-bottom,
.not-right,.prog-right,.prog-left,.p8-know,.inc-grid,.e-cols,.z-cols,.p8-know-col{
display:flex!important;flex-direction:column!important;gap:10px!important;align-items:stretch!important;
}
/* -- карточка: единый каркас -- */
.step,.prep-item,.prep-card,.mstep,.pack,.zcard,.p8-zcard,.p8-fcard,.p8-ecard,.p8-step,.p8-prep-item,
.zone-card,.zone,.zn-card,.pk-card,.gear-card,.sched-card,.fit-card,.mt-card,.st-card,
.p11-zcard,.p11-fcard,.p11-step,.p11-regular,.hs-step,.hs-how-step,.hs-fit-card,.hs-tagcard,.hs-exclude-card,
.v-card,.inc-card,.extra-strip,.not-card{
width:100%!important;max-width:none!important;box-sizing:border-box!important;
background:#fff!important;border:1px solid var(--border)!important;border-radius:20px!important;
padding:16px 14px!important;margin:0!important;height:auto!important;min-height:0!important;
display:block!important;
}
/* розовые карточки-исключения («не входит» и др.) сохраняют свой фон */
.fit-card.no,.pack.pink,.sched-card.no,.z-card--pink,.e-card--pink,.p8-fcard-pink,.p8-ecard-pink,
.not-card,.hs-tagcard,.p8-know{
background:var(--pinkbg)!important;border-color:#F7DCE6!important;
}
/* -- бейдж / номер: единый круг 30px -- */
.step b,.step .num,.step-num,.prep-num,.p8-step-num,.p8-num,.prep-item .num,.mstep-left b,
.st-card b,.st-num,.mt-num,.p11-fnum,.p11-step-num,.hs-step-num,.hs-how-step b{
display:flex!important;align-items:center!important;justify-content:center!important;
width:30px!important;height:30px!important;border-radius:50%!important;flex:none!important;
background:var(--pinkbg3)!important;color:var(--pink2)!important;
font-family:var(--serif)!important;font-size:13px!important;font-weight:600!important;
margin:0!important;line-height:1!important;
}
.zone-head img,.z-ic,.p8-ic,.p11-zic,.fit-ic,.pack .pic,.pack .pic img{
width:30px!important;height:30px!important;border-radius:50%!important;object-fit:contain!important;
background:var(--pinkbg3)!important;padding:5px!important;box-sizing:border-box!important;flex:none!important;margin:0!important;
}
/* -- заголовок -- */
.step h3,.prep-item h3,.prep-card h3,.mstep-left h3,.pack h3,.zcard h3,.zone-card h3,.zone h4,.zn-card h4,
.pk-card :is(h2,h3),.sched-card .sched-t,.fit-card h3,.mt-card h3,.st-card h3,.p11-zcard h3,.p11-fcard h3,.p11-step h3,
.p11-ocard h3,.hs-step h3,.hs-how-step h3,.hs-fit-card h3,.hs-tagcard h4,.v-card h3,.gear-card :is(h2,h3),
.p8-zcard h3,.p8-fcard h3,.p8-ecard h3,.p8-step h3,.p8-prep-item h3,.not-card :is(h2,h3),.inc-card :is(h2,h3){
font-size:16px!important;line-height:1.25!important;font-weight:700!important;color:var(--ink)!important;
margin:10px 0 4px!important;white-space:normal!important;overflow-wrap:break-word;
}
/* -- описание -- */
.step p,.prep-item p,.prep-card p,.mstep-left p,.zone p,.zn-card p,.sched-card .sched-d,.mt-card p,.st-card p,
.p11-step p,.p11-fcard-desc,.p11-ocard p,.hs-step p,.hs-how-step p,.v-card .v-sub,.p8-step p,.p8-fdesc,
.not-card p,.gear-card p,.inc-card p,.zone-extra p,.prog-extra p,.pk-card p,.prog-desc{
font-size:13.5px!important;line-height:1.5!important;color:var(--body)!important;margin:0!important;
}
/* -- списки: колонка, розовый маркер слева, текст справа -- */
.zone-list,.gear-grid,.gear-col,.inc-grid,.ck-list,.fit-list,.dot-list,.m-bullets,.p8-list,.v-list,
.zcard-list,.pack-list,.p11-checks,.prog-extra-list,.hs-step ul,.hs-tagcard ul,.hs-exclude-card ul,
.hs-fit-card ol,.p8-know-col,.not-col,.e-cols,.z-cols,.inc-tags,.mat-items{
display:flex!important;flex-direction:column!important;gap:8px!important;align-items:stretch!important;
margin:12px 0 0!important;padding:0!important;list-style:none!important;
}
.zone-it,.gear-it,.inc-it,.fit-it,.dot-it,.v-it,.not-it,.ck-list li,.p11-checks li,.p8-list li,
.hs-step li,.hs-tagcard li,.hs-exclude-card li,.hs-fit-card li,.p8-know-col li,
.m-bullets span,.zcard-list span,.pack-list span,.prog-extra-list span,.mat-items span{
display:flex!important;align-items:flex-start!important;gap:8px!important;min-width:0!important;
font-size:13.5px!important;line-height:1.45!important;color:var(--body)!important;margin:0!important;
}
.zone-it i,.gear-it i,.inc-it i,.fit-it i,.dot-it i,.v-it i,.p8-check,.ck-list li i,
.hs-exclude-card li i,.ck-list li::before,.inc-it i,.mat-items i{
flex:none!important;width:20px!important;height:20px!important;border-radius:50%!important;
background:var(--pinkbg3)!important;color:var(--pink2)!important;
display:flex!important;align-items:center!important;justify-content:center!important;
font-size:12.5px!important;font-style:normal!important;margin:0!important;
}
/* -- нижняя розовая плашка -- */
.m-note,.pack-note,.mat-note,.v-note,.e-note,.sched-note,.fit-note,.p8-note,.p11-znote,.inc-note,
.mt-note,.z-dop,.zone-extra,.prog-extra,.hs-step-note,.prog-note,.task-note,.work-note{
background:var(--pinkbg)!important;border-radius:12px!important;padding:12px 14px!important;
margin:12px 0 0!important;font-size:13px!important;line-height:1.5!important;color:var(--body2)!important;
}
/* -- составные карточки: чипы-теги остаются горизонтальной лентой -- */
.inc-tags,.prog-chips{flex-direction:row!important;flex-wrap:wrap!important;align-items:flex-start!important;gap:6px!important}
.programs .prog-card{margin-bottom:10px!important}
}
/* ===== podderzhivayushchaya: компактный блок «В комплекс входит» (эталон моб.) ===== */
@media (max-width: 860px){
.p7 .inc-card{padding:12px 12px!important}
.p7 .inc-card :is(h2,h3){margin:0 0 4px!important;font-size:14px!important;line-height:1.2!important;font-weight:700!important;color:var(--ink)!important}
.p7 .inc-div :is(h2,h3){font-size:13.5px!important}
.p7 .inc-card .inc-left h2{font-family:var(--serif)!important;font-size:24px!important;font-weight:600!important;line-height:1.15!important}
.p7 .inc-left p{font-size:15px!important;font-weight:400!important;line-height:1.35!important;color:var(--body)!important;margin:0!important}
.p7 .inc-grid{gap:5px!important;margin-top:10px!important}
.p7 .inc-it{gap:6px!important;font-size:15px!important;font-weight:400!important;line-height:1.35!important;color:var(--body)!important}
.p7 .inc-it span{min-width:0!important}
.p7 .inc-it i{width:16px!important;height:16px!important;font-size:12px!important;flex:none!important}
.p7 .inc-div{margin-top:10px!important;padding-top:10px!important;gap:8px!important}
.p7 .inc-paras{display:flex!important;flex-direction:column!important;gap:5px!important;margin:0!important;padding:0!important}
.p7 .inc-paras p{display:flex!important;align-items:flex-start!important;gap:6px!important;font-size:15px!important;font-weight:400!important;line-height:1.35!important;color:var(--body)!important;margin:0!important}
.p7 .inc-paras p::before{content:"✓"!important;flex:none!important;width:16px!important;height:16px!important;border-radius:50%!important;background:var(--pinkbg3)!important;color:var(--pink2)!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:12px!important;line-height:1!important;font-style:normal!important}
}
/* ===== «В комплекс входит»: ЕДИНЫЙ ЭТАЛОН на всех страницах (podderzh — референс) ===== */
@media (max-width: 860px){
.inc-card{padding:12px 12px!important}
/* главный заголовок: Playfair Display 24 SemiBold */
.inc-card :is(.inc-left,.inc-title) h2{
font-family:var(--serif)!important;font-size:24px!important;font-weight:600!important;
line-height:1.15!important;margin:0 0 4px!important;color:var(--ink)!important;white-space:normal!important;
}
/* второстепенный заголовок раздела — компактный */
.inc-card h3{font-size:13.5px!important;line-height:1.2!important;margin:0 0 4px!important;font-weight:700!important;color:var(--ink)!important;white-space:normal!important}
/* весь текст: Manrope 15 Regular, lh 1.35 */
.inc-card p{font-size:15px!important;font-weight:400!important;line-height:1.35!important;color:var(--body)!important;margin:0!important}
/* пункты списка: 15px + розовый круг 16px */
.inc-card .inc-it{gap:6px!important;font-size:15px!important;font-weight:400!important;line-height:1.35!important;color:var(--body)!important}
.inc-card .inc-it span{min-width:0!important}
.inc-card .inc-it i{width:16px!important;height:16px!important;font-size:12px!important}
.inc-card :is(.inc-grid,.inc-list){gap:5px!important;margin-top:10px!important}
/* разделитель/нижняя секция: компактно */
.inc-card :is(.inc-div,.inc-bottom){margin-top:10px!important;padding-top:10px!important;gap:8px!important}
.inc-card .inc-right2{display:flex!important;flex-direction:column!important;gap:5px!important;min-width:0!important}
/* нижние абзацы -> пункты [✓] как в эталоне */
.inc-card .inc-paras p,.inc-card .inc-right2 p{
display:flex!important;align-items:flex-start!important;gap:6px!important;
font-size:15px!important;font-weight:400!important;line-height:1.35!important;color:var(--body)!important;margin:0!important;
}
.inc-card .inc-paras p::before,.inc-card .inc-right2 p::before{
content:"✓"!important;flex:none!important;width:16px!important;height:16px!important;border-radius:50%!important;
background:var(--pinkbg3)!important;color:var(--pink2)!important;
display:flex!important;align-items:center!important;justify-content:center!important;
font-size:12px!important;line-height:1!important;
}
/* нота (organizaciya) -> розовая плашка с текстом 15 Regular */
.inc-card .inc-note{
background:var(--pinkbg)!important;border-radius:12px!important;padding:12px 14px!important;margin-top:10px!important;
font-size:15px!important;font-weight:400!important;line-height:1.35!important;color:var(--body2)!important;
}
/* чипы доп. услуг (generalnaya) — компактная лента */
.inc-card .inc-tags{margin-top:10px!important;gap:6px!important}
.inc-card .inc-tag{font-size:13px!important;padding:7px 13px!important}
}
/* ===== SERVICES PAGES: унификация отзывов/FAQ на мобильных ===== */
@media (max-width: 860px){
.reviews,.z10-reviews{padding:40px 16px 48px!important}
.sv-faq,.z10-faq,.faq{padding:40px 16px 56px!important}
.reviews .rev-track-wrap,.z10-reviews .rev-track-wrap{width:calc(100vw - 32px)!important;margin:0 16px!important}
}
/* ===== ДО/ПОСЛЕ: карточки адаптируются на средних ширинах (861–1239px) ===== */
@media (min-width:861px) and (max-width:1239px){
.ba-row>.ba-card,.dop-track>.ref-card{flex:1 1 0!important;width:auto!important;min-width:0}
}
/* ===== ДРУГИЕ УСЛУГИ: одна строка, лента свайпом влево (mobile) ===== */
@media (max-width: 860px){
.cats,.p8-other-grid,.hs-other-grid,.p11-other-grid,.strip-grid,.others-grid{
display:flex!important;
grid-template-columns:none!important;
flex-wrap:nowrap!important;
justify-content:flex-start;
overflow-x:auto;
-webkit-overflow-scrolling:touch;
scrollbar-width:none;
-ms-overflow-style:none;
padding-bottom:6px;
}
.cats::-webkit-scrollbar,.p8-other-grid::-webkit-scrollbar,.hs-other-grid::-webkit-scrollbar,
.p11-other-grid::-webkit-scrollbar,.strip-grid::-webkit-scrollbar,.others-grid::-webkit-scrollbar{display:none}
.cats>.cat-card,.p8-other-grid>.p8-ocard,.hs-other-grid>.hs-os,
.p11-other-grid>.p11-ocard,.strip-grid>.strip-item,.others-grid>.other-card{
flex:0 0 68%;
max-width:280px;
min-width:0;
}
.cats .cat-card img,.p8-other-grid .p8-opic img,.hs-other-grid .hs-os img,
.p11-other-grid .p11-ocard img,.strip-grid .strip-item img,.others-grid .other-card img{
object-position:50% top;
-webkit-user-drag:none;
user-select:none;
}
}
/* === SOURCE: css\pages\p02.css === */
/* ============ p02 — Генеральная уборка ============ */
.p2-blob2{top:2100px}
.sv-h42{font-size:42px}
/* ---- hero ---- */
.sv-hero{padding:86px 0 84px}
.crumbs{display:flex;align-items:center;gap:10px;height:33px;margin-bottom:26px;font-size:13.5px;color:var(--muted)}
.crumbs a{color:var(--muted);transition:.2s}
.crumbs a:hover{color:var(--pink3)}
.crumbs b{font-weight:400;color:var(--body2)}
.sv-row{display:flex;justify-content:center;align-items:center;gap:56px}
.sv-left{width:582px;display:flex;flex-direction:column;gap:18.8px;min-width:0;margin:-16px 0}
.sv-left h1{font-family:var(--serif);font-weight:600;font-size:52px;line-height:56.16px;letter-spacing:-.01em}
.sv-lead{width:520px;max-width:100%;font-size:17px;line-height:28.9px;color:#6B5B62}
.sv-stats{display:flex;gap:14px;padding-top:11.2px}
.sv-stat{background:#FFF9FB;border:1px solid var(--border3);border-radius:14px;padding:15px 18px;display:flex;flex-direction:column;gap:7.2px}
.sv-stat span{font-size:11.5px;font-weight:700;letter-spacing:.1em;color:var(--muted)}
.sv-stat b{font-family:var(--serif);font-size:24px;font-weight:600;color:var(--ink);white-space:normal}
.sv-stat.hot b{color:var(--pink3)}
.sv-cta{display:flex;align-items:center;gap:18px;padding-top:13.2px}
.sv-cta .btn-pink{padding:17px 34px;font-size:16px}
.sv-scroll{display:flex;align-items:center;gap:11px;font-size:15.5px;font-weight:600;color:var(--body2)}
.sv-scroll i{width:42px;height:42px;border-radius:21px;background:#fff;border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;font-style:normal;font-size:13px;font-weight:600;color:var(--pink);transition:.2s}
.sv-scroll:hover i{background:var(--pinkbg3)}
.sv-right{position:relative;width:538px;flex:none}
.sv-deco{position:absolute;left:16px;top:-24px;width:100%;height:528px;border-radius:40px;background:linear-gradient(150deg,#FDE2EC 0%,#FBF0F4 100%)}
.sv-photo{position:relative;width:538px;height:480px;object-fit:cover;border-radius:32px;box-shadow:var(--shadow-lg)}
/* ---- "В комплекс входит" ---- */
.inc-card{margin-top:75px;background:#fff;border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow-md);padding:52px 34px 25px;display:flex;flex-direction:column;gap:28px}
.inc-row{display:flex;justify-content:center;gap:36px}
.inc-left{width:268px;flex:none;display:flex;flex-direction:column;gap:9.4px}
.inc-left h2{font-family:var(--serif);font-size:27px;font-weight:600;line-height:1.2}
.inc-left p{font-size:14.5px;line-height:23.93px;color:var(--body)}
.inc-grid{width:802px;display:grid;grid-template-columns:1fr 1fr;gap:14px 28px;align-content:center}
.inc-it{display:flex;gap:12px;font-size:15px;line-height:22.5px;color:var(--body2)}
.inc-it i{width:26px;height:26px;border-radius:13px;background:var(--pinkbg3);color:var(--pink2);font-style:normal;font-size:14px;line-height:16.5px;display:flex;align-items:center;justify-content:center;flex:none}
.inc-div{border-top:1px dashed #F2C2D4;padding-top:26px;display:flex;justify-content:center;gap:36px}
.inc-div .inc-left h3{font-size:19px;font-weight:700}
.inc-div .inc-left p{font-size:14px;line-height:22.4px}
.inc-tags{width:802px;display:flex;flex-wrap:wrap;gap:10px;align-content:flex-start}
.inc-tag{background:var(--pinkbg);border:1px solid #F7DCE6;border-radius:99px;padding:10px 18px;font-size:14px;color:var(--body2)}
/* ---- состав работ ---- */
.sv-zones{position:relative;padding:80px 0 100px}
.sv-zones::before{content:"";position:absolute;left:0;top:0;width:100%;height:1752px;background:linear-gradient(180deg,rgba(253,240,245,0) 0%,rgba(253,240,245,1) 12%,rgba(253,240,245,1) 88%,rgba(253,240,245,0) 100%);pointer-events:none}
.sv-zones .container{position:relative}
.zones{margin-top:40px;display:grid;grid-template-columns:1fr 1fr;gap:22px}
.zone-card{background:#fff;border:1px solid var(--border);border-radius:26px;box-shadow:var(--shadow-md);padding:30px;display:flex;flex-direction:column;gap:20px}
.zone-card.kitchen .zone-extra{margin-top:auto}
.zone-card.win{height:293px}
.zone-head{display:flex;align-items:center;gap:14px}
.zone-head img{width:60px;height:60px;flex:none}
.zone-head h3{font-size:22px;font-weight:700}
.zone-list{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;padding-top:20px}
.zone-it{display:flex;gap:11px;font-size:14.5px;line-height:21.75px;color:var(--body2)}
.zone-it i{width:22px;height:22px;border-radius:13px;background:var(--pinkbg3);color:var(--pink2);font-style:normal;font-size:14px;line-height:16.5px;display:flex;align-items:center;justify-content:center;flex:none}
.zone-it em{display:block;font-style:normal;font-size:12.5px;line-height:18.75px;color:var(--muted)}
.zone-extra{background:var(--pinkbg);border-radius:18px;padding:20px 22px}
.zone-extra h4{font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--pink3)}
.zone-extra p{display:flex;gap:11px;padding:8px 0 0;font-size:14px;line-height:21px;color:var(--body2)}
.zone-extra p .pt{flex:none;width:2px;height:2px;border-radius:50%;background:var(--pink3);margin-top:10px}
.zone-extra p em{display:block;font-style:normal;font-size:12.5px;line-height:18.75px;color:var(--muted)}
.extra-strip{margin-top:22px;grid-column:1/-1;background:#fff;border:1px dashed #F2C2D4;border-radius:26px;padding:30px 32px;display:flex;justify-content:center;gap:36px}
.extra-strip .es-left{width:300px;flex:none;display:flex;flex-direction:column;gap:7.2px}
.extra-strip .es-left h3{font-size:20px;font-weight:700}
.extra-strip .es-left p{font-size:14px;line-height:22.4px;color:var(--body)}
.es-grid{width:774px;display:grid;grid-template-columns:1fr 1fr;gap:11px 28px;align-content:center}
.es-it{display:flex;gap:11px;font-size:14px;line-height:21px;color:var(--body2)}
.es-it .pt{font-style:normal;color:var(--pink);flex:none}
/* ---- подбор услуги ---- */
.sv-fit{padding:0 0 12px}
.fit-row{margin-top:40px;display:flex;justify-content:center;gap:22px}
.fit-card{width:577px;border-radius:26px;padding:32px 34px;display:flex;flex-direction:column;gap:22px}
.fit-card.yes{background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-md);padding-bottom:53px}
.fit-card.no{background:var(--pinkbg);border:1px solid #F7DCE6}
.fit-top{display:flex;align-items:center;gap:14px}
.fit-ic{width:44px;height:44px;border-radius:22px;display:flex;align-items:center;justify-content:center;font-size:22px;flex:none}
.yes .fit-ic{background:var(--pinkbg3);color:var(--pink2)}
.no .fit-ic{background:#fff;color:#C79CAC}
.fit-top h3{font-family:var(--serif);font-size:28px;font-weight:600}
.fit-list{display:flex;flex-direction:column;gap:14px}
.fit-it{display:flex;gap:13px;font-size:15px;line-height:24px;color:var(--body2)}
.fit-it i{width:26px;height:26px;border-radius:13px;background:var(--pinkbg3);color:var(--pink3);font-style:normal;font-size:15px;font-weight:700;line-height:19.2px;display:flex;align-items:center;justify-content:center;flex:none}
.fit-it .dash{font-style:normal;color:#C79CAC;flex:none}
.fit-link{display:inline-flex;align-self:flex-start;margin-top:40px;padding:15px 24px;background:#fff;border:1px solid #F7CEDD;border-radius:99px;font-size:14.5px;font-weight:600;color:var(--pink3);transition:.2s}
.fit-link:hover{background:var(--pinkbg3)}
/* ---- шаги ---- */
.sv-steps{position:relative;padding:80px 0 182px}
.sv-steps::before{content:"";position:absolute;left:0;top:0;width:100%;height:706px;background:linear-gradient(180deg,rgba(253,240,245,0) 0%,rgba(253,240,245,1) 16%,rgba(253,240,245,1) 84%,rgba(253,240,245,0) 100%);pointer-events:none}
.sv-steps .container{position:relative}
.steps-head{display:flex;flex-direction:column;align-items:center;gap:13px;padding-top:11px}
.steps{margin-top:40px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.step{background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-md);padding:28px 26px;display:flex;flex-direction:column;gap:7.2px;min-height:193px}
.step b{font-family:var(--serif);font-size:34px;font-weight:600;line-height:1.1;color:var(--pink-soft)}
.step h3{font-size:17.5px;font-weight:700;padding-top:4.8px}
.step p{font-size:14px;line-height:22.4px;color:var(--body)}
/* ---- до и после ---- */
.sv-ba{padding:0 0 100px}
.ba-row{margin-top:40px;display:flex;justify-content:center;gap:22px}
.ba-card{width:377px;flex:none;background:#fff;border:1px solid var(--border);border-radius:22px;box-shadow:0 12px 30px rgba(198,130,155,.1);overflow:hidden}
.ba-pics{display:flex;height:280px;position:relative}
.ba-pics img{width:50%;height:280px;object-fit:cover}
.ba-tag{position:absolute;top:10px;padding:5px 12px;border-radius:99px;font-size:11.5px;font-weight:700}
.ba-tag.do{left:10px;background:var(--pink);color:#fff}
.ba-tag.posle{right:10px;background:rgba(255,255,255,.94);color:var(--pink3)}
.ba-cap{padding:14px 16px;text-align:center;font-size:15px;font-weight:600;color:var(--ink)}
/* ---- оборудование ---- */
.sv-gear{padding:0 0 102px}
.gear{margin-top:40px;display:grid;grid-template-columns:1.15fr .85fr;gap:22px}
.gear-card{border-radius:26px;padding:32px 34px;display:flex;flex-direction:column;gap:20px}
.gear-main{background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-md);padding-bottom:62px}
.gear-card h3{font-size:20px;font-weight:700}
.gear-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 28px}
.gear-it{display:flex;gap:12px;font-size:14.5px;line-height:22.48px;color:var(--body2)}
.gear-it i{width:26px;height:26px;border-radius:13px;background:var(--pinkbg3);color:var(--pink2);font-style:normal;font-size:14px;line-height:17px;display:flex;align-items:center;justify-content:center;flex:none}
.gear-side{background:linear-gradient(158deg,#FDEBF2 0%,#FBEFF4 57%,#FCE3EE 100%);gap:11.5px}
.gear-side>p{font-size:14.5px;line-height:23.93px;color:var(--body2)}
.gear-side h4{font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--pink3);padding-top:10.5px}
.gear-list{display:flex;flex-direction:column;gap:11px;padding-top:2.5px}
.gear-list p{display:flex;gap:11px;font-size:14.5px;line-height:21.75px;color:var(--body2)}
.gear-list .pt{font-style:normal;color:var(--pink);flex:none}
/* ---- отзывы (overrides) ---- */
.p2 .reviews{padding-bottom:150px}
.p2 .rev-card{width:356px}
.p2 .rev-track-wrap{margin-right:-372px}
.rev-ghost{flex:none;width:356px;background:#fff;border:1px solid var(--border);border-radius:26px;box-shadow:var(--shadow-md)}
.rev-foot{display:flex;flex-direction:column;align-items:center;gap:20px;padding-top:8px}
/* ---- cta + форма ---- */
section.sv-cta{padding:46px 0 52px}
.cta-card{background:#fff;border:1px solid var(--border);border-radius:36px;box-shadow:0 20px 50px rgba(198,130,155,.12);padding:46px 52px;display:flex;justify-content:center;gap:48px}
.cta-left{width:460px;flex:none;display:flex;flex-direction:column;gap:13.1px}
.cta-left h2{font-family:var(--serif);font-size:38px;line-height:43.32px;font-weight:600}
.cta-left>p{font-size:16px;line-height:27.2px;color:var(--body)}
.cta-checks{display:flex;flex-direction:column;gap:12px;padding-top:10.9px}
.cta-checks p{display:flex;align-items:center;gap:12px;font-size:14.5px;color:var(--body2)}
.cta-checks i{width:30px;height:30px;border-radius:15px;background:var(--pinkbg3);color:var(--pink2);font-style:normal;font-size:15px;display:flex;align-items:center;justify-content:center;flex:none}
.cta-phone{display:flex;align-items:center;gap:12px;padding-top:12.9px}
.cta-phone img{width:42px;height:42px;border-radius:21px;flex:none}
.cta-phone b{font-size:20px;font-weight:700}
.cta-form{width:562px;flex:none;display:flex;flex-direction:column;gap:16px}
.cta-row{display:flex;gap:14px}
.cta-row .inp{flex:1;min-width:0}
.cta-photo{display:flex;align-items:center;gap:11px}
.cta-photo .photo-add{width:76px;height:76px;font-size:24px}
.cta-photo span{font-size:13.5px;line-height:21.6px;color:var(--muted)}
.cta-form .textarea{min-height:102px}
/* ---- faq ---- */
.sv-faq{padding:0 0 102px}
.sv-faq-in{display:flex;flex-direction:column;align-items:center;gap:40px}
/* ---- другие услуги ---- */
.sv-cats{padding:0 0 115px}
.cats-head{display:flex;justify-content:space-between;align-items:flex-end;height:43px}
.cats-head h2{font-family:var(--serif);font-size:32px;font-weight:600;line-height:1.15}
.cats-head a{font-size:15px;font-weight:600;color:var(--pink2);padding-bottom:2px;transition:.2s}
.cats-head a:hover{color:var(--pink3)}
.cats{margin-top:26px;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.cat-card{background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-md);overflow:hidden;display:flex;flex-direction:column;transition:.2s}
.cat-card:hover{transform:translateY(-2px)}
.cat-card img{width:100%;height:275px;object-fit:cover;flex:none}
.cat-card h3{padding:18px 20px;font-size:16.5px;font-weight:700}
/* AUTO-MOBILE-PATCH */
@media (max-width: 860px){
.sv-left{width:auto;min-width:0;max-width:100%}
.sv-lead{width:auto;min-width:0;max-width:100%}
.sv-right{width:auto;min-width:0;max-width:100%}
.sv-photo{width:auto;min-width:0;max-width:100%}
.inc-left{width:auto;min-width:0;max-width:100%}
.inc-grid{width:100%;grid-template-columns:1fr 1fr}
.inc-tags{width:auto;min-width:0;max-width:100%}
.extra-strip .es-left{width:auto;min-width:0;max-width:100%}
.es-grid{width:100%;grid-template-columns:1fr 1fr}
.fit-card{width:auto;min-width:0;max-width:100%}
.ba-card{width:auto;min-width:0;max-width:100%}
/* ---- отзывы (overrides) ---- */ .p2 .rev-card{width:auto;min-width:0;max-width:100%}
.rev-ghost{width:auto;min-width:0;max-width:100%}
.cta-left{width:auto;min-width:0;max-width:100%}
.cta-form{width:auto;min-width:0;max-width:100%}
}
/* ============ p02 MOBILE 390 — по макету _figma/ref2/p02_mobile.png ============ */
@media (max-width:860px){
/* ---- hero: порядок блоков как в макете (бейдж, h1, лид, фото, кнопки, смета) ---- */
.sv-hero{padding:40px 0 48px}
.sv-row{align-items:stretch}
.sv-left{display:contents}
.sv-left .hero-badge{order:0;align-self:flex-start;text-align:left;font-size:11px}
.sv-left h1{order:1;font-size:34px;line-height:1.14}
.sv-lead{order:2;font-size:15px;line-height:1.55}
.sv-lead br{display:none}
.sv-right{order:3}
.sv-stats{order:5;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:4px}
.sv-stat{padding:10px 7px;gap:5px;border-radius:12px;min-width:0}
.sv-stat span{font-size:10px;letter-spacing:.05em}
.sv-stat b{font-size:14px}
.sv-left .sv-cta{order:4;flex-direction:column;align-items:stretch;gap:10px;padding-top:6px}
.sv-left .sv-cta .btn-pink{padding:15px 18px;font-size:15px;text-align:center}
.sv-left .sv-scroll{justify-content:center}
/* высоту фото задаёт общий mobile.css (.sv-photo height:300px!important) — не дублируем */
.sv-deco{top:-8px;height:308px;border-radius:26px}
/* общий mobile.css зажимает .sv-stat (max-width:calc(100% - 20px)!important — правило
для плавающего бейджа hero другой страницы): карточки статов сжимаются до 94px
и «2—4 клинера» (86.9px) вылезает из карточки. Возвращаем ширину трека. */
.sv-stats .sv-stat{max-width:100%!important}
/* ---- «В комплекс входит» ---- */
.inc-card{margin-top:36px;padding:24px 18px 18px;gap:18px;border-radius:22px}
.inc-row,.inc-div{gap:14px}
.inc-left h2{font-size:22px}
.inc-left p,.inc-div .inc-left p{font-size:13px;line-height:1.55}
.inc-card .inc-grid{grid-template-columns:1fr!important;gap:10px}
.inc-it{font-size:13.5px;line-height:1.5;gap:10px}
.inc-it i{width:22px;height:22px;border-radius:11px;font-size:13px;line-height:15px}
.inc-tags{flex-direction:column;align-items:flex-start;gap:8px}
.inc-tag{font-size:13px;padding:8px 14px}
/* ---- состав работ ---- */
.sv-zones{padding:48px 0 56px}
.zones{grid-template-columns:1fr;gap:16px;margin-top:28px}
.zone-card{padding:20px 18px;gap:14px;border-radius:20px}
.zone-card.win{height:auto}
.zone-card .zone-head{flex-direction:row!important;align-items:center!important;gap:12px}
.zone-head img{width:44px;height:44px}
.zone-head h3{font-size:19px}
.zone-list{grid-template-columns:1fr;gap:9px;padding-top:14px}
.zone-it{font-size:13.5px;line-height:1.5;gap:9px}
.zone-it i{width:20px;height:20px;border-radius:10px;font-size:13px;line-height:15px}
.zone-it em{font-size:12px;line-height:1.4}
.zone-extra{padding:14px;border-radius:14px}
.zone-extra h4{font-size:11px}
.zone-extra p{padding-top:6px;font-size:13px;line-height:1.5;gap:9px}
.zone-extra p em{font-size:12px;line-height:1.4}
.zone-extra p .pt{margin-top:8px}
.extra-strip{flex-direction:column;gap:14px;padding:20px 18px;border-radius:20px;margin-top:16px}
.extra-strip .es-left{gap:6px}
.extra-strip .es-left h3{font-size:18px}
.extra-strip .es-left p{font-size:13px;line-height:1.5}
.extra-strip .es-grid{grid-template-columns:1fr!important;gap:8px}
.es-it{font-size:13px;line-height:1.45;gap:8px}
/* ---- подбор услуги ---- */
.sv-fit{padding:0 0 12px}
.fit-row{flex-direction:column;align-items:stretch;gap:16px;margin-top:28px}
.fit-card{padding:20px 18px;gap:16px;border-radius:20px}
.fit-card.yes{padding-bottom:20px}
.fit-top{gap:10px}
.fit-ic{width:34px;height:34px;border-radius:17px;font-size:18px}
.fit-top h3{font-size:21px}
.fit-list{gap:11px}
.fit-it{font-size:13.5px;line-height:1.5;gap:10px}
.fit-it i{width:22px;height:22px;border-radius:11px;font-size:13.5px;line-height:17px}
.fit-link{margin-top:26px;padding:13px 20px;font-size:13.5px}
/* ---- шаги ---- */
.sv-steps{padding:48px 0 60px}
.steps-head{gap:10px;padding-top:0}
.steps{grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}
.step{padding:16px 14px;gap:6px;border-radius:18px;min-height:0}
.step b{font-size:26px}
.step h3{font-size:15px;padding-top:2px}
.step p{font-size:12.5px;line-height:1.45}
/* ---- до и после (лента: 1 карточка + край следующей) ---- */
.sv-ba{padding:0 0 56px}
.ba-clip{overflow:hidden;margin-top:28px}
.ba-row{margin-top:0;gap:14px;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
.ba-row::-webkit-scrollbar{display:none}
.ba-card{flex:none;width:274px;border-radius:18px}
.ba-pics{height:220px}
.ba-pics img{height:220px}
.ba-tag{top:8px;font-size:11px;padding:4px 10px}
.ba-tag.do{left:8px}
.ba-tag.posle{right:8px}
.ba-cap{padding:12px 14px;font-size:14px}
/* ---- оборудование ---- */
.sv-gear{padding:0 0 64px}
.gear{grid-template-columns:1fr;gap:16px;margin-top:28px}
.gear-card{padding:20px 18px;gap:14px;border-radius:20px}
.gear-main{padding-bottom:20px}
.gear-card h3{font-size:18px}
.gear-grid{grid-template-columns:1fr;gap:10px}
.gear-it{font-size:13.5px;line-height:1.5;gap:10px}
.gear-it i{width:22px;height:22px;border-radius:11px;font-size:13px;line-height:16px}
.gear-side{gap:10px}
.gear-side>p{font-size:13.5px;line-height:1.55}
.gear-side h4{font-size:11px;padding-top:6px}
.gear-list{gap:9px;padding-top:0}
.gear-list p{font-size:13.5px;line-height:1.5;gap:9px}
/* ---- отзывы ---- */
.p2 .reviews{padding:40px 0 44px}
/* декоративный SVG (p1_8_307.svg) на мобильном торчит из секции «Оборудование»
и залезает под заголовок «Отзывы» (пересечение 36px) — в макете 390 его нет */
.p2 .reviews-deco{display:none}
.p2 .reviews-in{gap:14px}
.rev-head{gap:8px}
.p2 .rev-card{padding:18px 18px 16px;border-radius:20px}
.p2 .rev-text{font-size:13px;line-height:1.55}
.rev-foot{gap:14px;padding-top:4px}
.reviews .btn-pink{padding:14px 26px;font-size:14.5px}
/* ---- cta + форма ---- */
section.sv-cta{padding:24px 0 32px}
.cta-card{flex-direction:column;gap:20px;padding:24px 18px;border-radius:24px}
.cta-left{gap:12px}
.cta-left h2{font-size:28px;line-height:1.2}
.cta-left>p{font-size:14px;line-height:1.55}
.cta-checks{gap:10px;padding-top:6px}
.cta-checks p{font-size:13.5px;gap:10px}
.cta-checks i{width:26px;height:26px;border-radius:13px;font-size:13.5px}
.cta-phone{padding-top:8px}
.cta-phone img{width:36px;height:36px}
.cta-phone b{font-size:18px}
.cta-form{gap:14px}
.cta-row{gap:10px}
.cta-photo .photo-add{width:56px;height:56px;font-size:20px}
.cta-photo span{font-size:12.5px;line-height:1.5}
.cta-form .textarea{min-height:88px}
/* ---- faq ---- */
.sv-faq{padding:0 0 64px}
.sv-faq-in{gap:24px}
.sv-faq .faq-item{padding:14px 16px}
.sv-faq .faq-q h3{font-size:15px}
.sv-faq .faq-a{font-size:13.5px;line-height:1.55;padding-top:10px}
/* ---- другие услуги ---- */
.sv-cats{padding:0 0 56px}
.cats-head{height:auto;gap:10px}
.cats-head h2{font-size:26px}
.cats{grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}
.cat-card{border-radius:18px}
.cat-card img{height:132px}
.cat-card h3{padding:12px;font-size:14px;line-height:1.3}
/* ---- footer ---- */
.p2 .footer{padding:28px 0 18px}
.p2 .footer-in{gap:18px}
.p2 .footer-cols{gap:18px 14px}
.p2 .footer-col{gap:10px}
.p2 .footer-logo{width:56px;height:56px}
.p2 .footer-desc{font-size:12.5px}
.p2 .footer-bottom{gap:6px}
}
/* === SOURCE: css\pages\p03.css === */
.p-in{padding:0}
.sec-head{gap:0}
.sec-head .kicker{margin-bottom:20px}
.sec-sub{margin-top:16px}
.sec-title{font-size:40px}
.ck-list{list-style:none}
.ck-list li{position:relative;padding-left:25px;font-size:14.5px;line-height:20px;color:var(--body2)}
.ck-list li+li{margin-top:13px}
.ck-list li::before{content:"✓";position:absolute;left:0;top:3px;font-size:15px;font-weight:700;color:var(--pink2)}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{background:#fff;border:1px solid var(--border3);border-radius:99px;padding:7px 14px;font-size:13px;font-weight:600;color:#8A757E;white-space:nowrap}
.crumbs{padding-top:88px}
.crumbs-in{padding:0 33px;display:flex;align-items:center;gap:10px;font-size:14px;color:var(--body)}
.crumbs-in a{transition:.2s}
.crumbs-in a:hover{color:var(--pink3)}
.crumbs-in span{color:var(--muted)}
.crumbs-in b{color:var(--ink);font-weight:600}
.s03-hero{padding:26px 0 24px}
.s03-hero-in{display:flex;justify-content:center;align-items:flex-start;gap:60px;padding:0}
.s03-hero-left{flex:1;display:flex;flex-direction:column;min-width:0;padding-top:0}
.s03-badge{display:inline-flex;align-self:flex-start;background:var(--pinkbg3);border-radius:99px;padding:8px 16px;font-size:12.5px;font-weight:600;letter-spacing:.09em;color:var(--pink2)}
.s03-hero h1{font-family:var(--serif);font-weight:600;font-size:56px;line-height:66px;letter-spacing:-.01em;color:var(--ink);margin-top:13px}
.s03-lead{width:460px;max-width:100%;font-size:17px;line-height:29px;color:#6B5B62;margin-top:16px}
.s03-lead b{display:block;margin-top:10px;font-weight:400}
.s03-stats{display:flex;gap:56px;margin-top:25px}
.s03-stat span{display:block;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.s03-stat b{display:block;font-size:18px;font-weight:700;color:var(--ink);margin-top:6px}
.s03-cta{display:flex;align-items:center;gap:20px;margin-top:42px}
.s03-cta .btn-pink{padding:18px 33px;font-size:15.5px;line-height:20px}
.s03-btn-ghost{display:inline-flex;align-items:center;gap:9px;background:#fff;border-radius:99px;padding:18px 28px;font-size:15px;line-height:20px;font-weight:600;color:var(--ink);box-shadow:var(--shadow-sm);transition:.2s}
.s03-btn-ghost em{font-style:normal;color:var(--pink2);font-weight:600}
.s03-btn-ghost:hover{background:var(--pinkbg3)}
.s03-hero-right{width:538px;flex:none;position:relative;margin-top:43px}
.s03-hero-deco{position:absolute;left:32px;top:-30px;right:-14px;bottom:-80px;background:linear-gradient(149deg,#FDE2EC 0%,#FBF0F4 100%);border-radius:40px}
.s03-hero-photo{position:relative;height:481px;border-radius:32px;overflow:hidden;box-shadow:var(--shadow-lg)}
.s03-hero-photo img{width:100%;height:100%;object-fit:cover}
.s03-hero-float{position:absolute;right:-10px;bottom:38px;background:#fff;border-radius:16px;padding:13px 20px;font-size:13.5px;font-weight:600;color:var(--ink);box-shadow:0 16px 40px rgba(160,90,115,.18);white-space:nowrap}
.s03-kompleks{margin-top:24px}
.komp-card{background:#fff;border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow-md);padding:56px 52px 48px 36px;display:grid;grid-template-columns:340px 1fr;gap:0}
.komp-left h2{font-size:20px;font-weight:700;color:var(--ink)}
.komp-left h3{font-size:20px;font-weight:700;color:var(--ink);margin-top:62px}
.komp-left p{font-size:14.5px;line-height:23px;color:var(--body);margin-top:14px;max-width:280px}
.komp-lists{display:grid;grid-template-columns:1fr 1fr;gap:18px 48px}
.komp-list li{display:flex;align-items:flex-start;gap:12px;font-size:15px;line-height:22px;color:var(--ink);padding:0}
.komp-list li+li{margin-top:13px}
.komp-list li i{width:22px;height:22px;min-width:22px;border-radius:50%;background:var(--pinkbg3);color:var(--pink2);font-size:11px;font-weight:700;font-style:normal;display:flex;align-items:center;justify-content:center;flex:none}
.komp-paras{margin-top:54px;display:flex;flex-direction:column;gap:16px;max-width:752px}
.komp-paras p{font-size:15.5px;line-height:25px;color:var(--body)}
.s03-method{margin-top:0;padding:174px 0 96px;background:linear-gradient(180deg,rgba(253,240,245,0) 0%,#FDF0F5 17%,#FDF0F5 100%)}
.method-grid{margin-top:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.m-card{background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-md);padding:26px 32px 22px;display:flex;flex-direction:column;align-items:flex-start}
.m-num{width:50px;height:50px;border-radius:25px;background:var(--pinkbg3);display:inline-flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:17px;font-weight:600;color:var(--pink2);flex:none}
.m-card h3{font-size:22px;font-weight:700;color:var(--ink);margin-top:16px}
.m-card>p{font-size:15px;line-height:25px;color:var(--body);margin-top:12px}
.m-card .ck-list{margin-top:10px}
.m-note{margin-top:10px;font-size:13.5px;line-height:19px;color:var(--muted)}
.s03-zones{padding:96px 0 65px;background:linear-gradient(180deg,#FDF0F5 0%,#FDF0F5 22%,rgba(253,240,245,0) 28%)}
.zones-grid{margin-top:38px;display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}
.z-card{background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-md);padding:44px 39px 24px}
.z-head{display:flex;align-items:center;gap:14px}
.z-ic{width:42px;height:42px;border-radius:50%;background:var(--pinkbg3);color:var(--pink2);font-size:20px;display:flex;align-items:center;justify-content:center;flex:none}
.z-head h3{font-size:17px;font-weight:700;color:var(--ink)}
.z-list{margin-top:26px}
.z-cols{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;margin-top:26px}
.z-cols .ck-list{margin-top:0}
.z-list li,.z-cols .ck-list li{line-height:26px}
.z-list li+li,.z-cols .ck-list li+li{margin-top:6px}
.z-dop{margin-top:40px;background:var(--pinkbg);border-radius:16px;padding:22px 24px}
.z-dop-label{display:block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--pink3)}
.z-dop .ck-list{margin-top:14px}
.z-dop .ck-list li{font-size:14px;line-height:19px}
.z-dop .ck-list li+li{margin-top:13px}
.z-card>p{margin-top:20px;font-size:14.5px;line-height:25px;color:var(--body2)}
.z-card .chips{margin-top:22px}
.z-card--pink{background:var(--pinkbg);border-color:var(--border2)}
.s03-formats{padding:28px 0 96px}
.formats-grid{margin-top:36px;display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.f-card{background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-md);padding:28px 32px 26px}
.f-card h3{font-size:19px;line-height:27px;font-weight:700;color:var(--ink)}
.f-card>p{font-size:14.5px;line-height:25px;color:var(--body);margin-top:12px}
.f-card .ck-list{margin-top:14px}
.s03-honest{padding:89px 0 84px;background:linear-gradient(180deg,rgba(253,240,245,0) 0%,#FDF0F5 9%,#FDF0F5 88%,rgba(253,240,245,0) 100%)}
.cases-grid{margin-top:38px;display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}
.c-card{background:#fff;border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow-md);padding:34px 44px 36px}
.c-tag{display:inline-flex;background:var(--pinkbg3);border-radius:99px;padding:7px 14px;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--pink3)}
.c-card h3{font-size:22px;font-weight:700;color:var(--ink);margin-top:22px}
.c-card>p{font-size:15px;line-height:25px;color:var(--body);margin-top:12px}
.c-label{display:block;margin-top:22px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--pink3)}
.c-chips{margin-top:12px}
.c-card h4{font-size:16px;font-weight:700;color:var(--ink);margin-top:26px}
.c-small{font-size:14.5px;line-height:23px;color:var(--body);margin-top:12px}
.c-cols{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;margin-top:12px}
.c-cols .ck-list li{font-size:14px}
.c-cols .ck-list{margin-top:0}
.s03-extras{margin-top:26px}
.ex-card{background:#fff;border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow-md);padding:33px 52px 33px 32px;display:grid;grid-template-columns:300px 1fr;gap:40px}
.ex-left h3{font-size:20px;font-weight:700;color:var(--ink)}
.ex-left p{font-size:14.5px;line-height:23px;color:var(--body);margin-top:12px}
.ex-list{margin-top:4px;display:grid;grid-auto-flow:column;grid-template-rows:repeat(4,auto);grid-template-columns:repeat(3,1fr);gap:13px 32px}
.ex-list li{font-size:14px;line-height:20px}
.ex-list li+li{margin-top:0}
.s03-vnazno{padding-top:99px}
.vn-panel{background:var(--pinkbg);border-radius:28px;padding:36px 44px 36px;display:grid;grid-template-columns:380px 1fr;gap:48px}
.vn-left .kicker{display:block;text-align:left;margin-bottom:0}
.vn-left h2{font-family:var(--serif);font-weight:600;font-size:34px;line-height:43px;color:var(--ink);margin-top:12px}
.vn-left p{font-size:15px;line-height:26px;color:var(--body);margin-top:18px;max-width:315px}
.vn-strong{font-weight:600;color:var(--ink)}
.vn-left p.vn-strong{font-size:14.5px;max-width:380px}
.vn-list{margin-top:6px;display:grid;grid-template-columns:1fr 1fr;gap:14px 40px}
.vn-list li{font-size:15px;line-height:21px;padding-left:27px}
.vn-list li+li{margin-top:0}
.s03-prep{padding-top:105px}
.prep-grid{margin-top:68px;margin-left:42px;display:grid;grid-template-columns:repeat(3,1fr);gap:70px 67px}
.prep-item{display:grid;grid-template-columns:26px 1fr;gap:14px;align-items:start}
.prep-item .num{font-family:var(--serif);font-weight:600;font-size:20px;line-height:22px;color:var(--pink-soft)}
.prep-item h3{font-size:16.5px;font-weight:700;color:var(--ink)}
.prep-item p{font-size:14.5px;line-height:23px;color:var(--body);margin-top:8px}
.s03-fit{margin-top:84px;padding:118px 0 96px;background:linear-gradient(180deg,rgba(253,240,245,0) 0%,#FDF0F5 13%,#FDF0F5 87%,rgba(253,240,245,0) 100%)}
.fit-grid{margin-top:36px;display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:stretch}
.fit-card{background:#fff;border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow-md);padding:40px 44px 44px}
.fit-card h3{font-size:20px;font-weight:700;color:var(--ink)}
.fit-card .ck-list{margin-top:26px}
.fit-card .ck-list li{font-size:15px;line-height:21px}
.fit-card .ck-list li+li{margin-top:17px}
.fit-card--pink{background:#FBE4EC;border-color:var(--border2)}
.fit-card--pink .ck-list li::before{color:var(--pink3)}
.fit-card h4{font-size:16px;font-weight:700;color:var(--ink);margin-top:26px}
.fit-card>p{font-size:14.5px;line-height:23px;color:var(--body);margin-top:12px}
.fit-btn{display:inline-flex;align-self:flex-start;margin-top:26px;background:#fff;border-radius:99px;padding:15px 24px;font-size:14px;font-weight:700;color:var(--pink3);box-shadow:var(--shadow-sm);transition:.2s}
.fit-btn:hover{background:var(--pinkbg)}
.s03-steps{padding-top:79px}
.steps-grid{margin-top:74px;margin-left:29px;display:grid;grid-template-columns:repeat(3,1fr);gap:90px 34px}
.step .num{font-family:var(--serif);font-weight:600;font-size:20px;line-height:24px;color:var(--pink-soft)}
.step h3{font-size:17px;font-weight:700;color:var(--ink);margin-top:14px}
.step p{font-size:14.5px;line-height:23px;color:var(--body);margin-top:8px}
.s03-doposle{padding-top:121px}
.dop-track{margin-top:36px;display:flex;justify-content:center;gap:24px}
.dop-track .ref-card{width:375px}
.dop-track .ref-pics{height:274px}
.dop-track .ref-pics img{height:274px}
.dop-track .ref-cap{padding:16px 14px}
.s03-equip{padding-top:96px}
.equip-grid{margin-top:36px;display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:stretch}
.e-card{background:#fff;border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow-md);padding:30px 44px 40px}
.e-card h3{font-size:20px;font-weight:700;color:var(--ink)}
.e-cols{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;margin-top:26px}
.e-cols .ck-list{margin-top:0}
.e-cols .ck-list li{font-size:15px;line-height:21px;min-height:60px}
.e-cols .ck-list li+li{margin-top:0}
.e-card--pink{background:var(--pinkbg);border-color:var(--border2)}
.e-intro{margin-top:14px;font-size:14.5px;line-height:22px;color:var(--body2)}
.e-sub{margin-top:14px}
.e-sub li{font-size:14px;line-height:20px}
.e-note{margin-top:14px;font-size:13.5px;line-height:19px;color:var(--muted)}
.reviews{padding:199px 340px 96px;background:linear-gradient(180deg,rgba(253,240,245,0) 0%,#FDF0F5 19%,#FDF0F5 96%,rgba(253,240,245,0) 100%)}
.rev-head{display:flex;flex-direction:column;align-items:center}
.rev-track-wrap{overflow:hidden;padding:4px 0 8px;margin-top:69px;margin-right:min(0px,calc((100vw - 1240px)/-2 + 54px))}
.rev-track{display:flex;gap:27px}
.rev-card{width:353px;padding:26px 24px 24px}
.rev-stars{right:24px;top:28px}
.revs-bottom{margin-top:57px}
.revs-bottom .btn-pink{padding:17px 30px;font-size:15.5px}
.order{margin-top:0;min-height:0;display:block}
.order-card{margin:23px auto 0;padding:56px 52px 60px;gap:0}
.ord-grid{display:grid;grid-template-columns:470px 560px;justify-content:space-between;gap:40px}
.ord-info h2{font-family:var(--serif);font-weight:600;font-size:36px;line-height:53px;color:var(--ink)}
.ord-lead{font-size:15.5px;line-height:27px;color:var(--body);margin-top:22px}
.ord-list{margin-top:28px;display:flex;flex-direction:column;gap:20px;list-style:none}
.ord-list li{position:relative;padding-left:26px;font-size:15px;line-height:22px;color:var(--ink)}
.ord-list li::before{content:"✓";position:absolute;left:0;top:3px;font-size:15px;font-weight:700;color:var(--pink2)}
.ord-phone{margin-top:44px;display:flex;align-items:center;gap:14px}
.ord-phone i{width:40px;height:40px;border-radius:50%;background:var(--pinkbg3);color:var(--pink2);font-size:18px;font-style:normal;display:flex;align-items:center;justify-content:center;flex:none}
.ord-phone b{font-size:18px;font-weight:700;color:var(--ink)}
.ord-form{display:flex;flex-direction:column;gap:10px;padding-top:4px}
.ord-form .inputs-row{gap:17px}
.ord-form .inp{padding:16px 18px}
.ord-form .select{flex:1;font-size:14.5px}
.ord-form .photo-row{margin-top:4px}
.ord-form .textarea{min-height:86px}
.ord-form .order-send{padding:15px}
.ord-form .order-note{}
.faq{padding:85px 0 100px}
.faq-in{gap:0}
.faq-list{margin-top:58px;gap:15px}
.faq-item{padding:22px 26px;border-radius:20px}
.faq-a{padding-top:14px;width:660px}
.p-servstrip{padding-top:383px;padding-bottom:114px}
.serv-pills{display:grid;grid-template-columns:repeat(4,1fr);gap:27px}
.serv-pills a{background:#fff;border:1px solid var(--border);border-radius:99px;padding:20px 10px;text-align:center;font-size:15px;font-weight:600;color:var(--ink);transition:.2s}
.serv-pills a:hover{background:var(--pinkbg3)}
.serv-pills a.active{border-color:var(--pink2);color:var(--pink3);background:var(--pinkbg3)}
.footer{padding:61px 0 40px}
@media (max-width:1330px){
.rev-track-wrap{margin-right:0}
.s03-hero-in{gap:40px}
.s03-hero-right{width:480px}
.s03-hero-photo{height:430px}
}
@media (max-width:1180px){
.s03-hero-in{flex-direction:column;padding-top:10px}
.s03-hero-right{margin:20px auto 0}
.method-grid,.formats-grid,.steps-grid{grid-template-columns:1fr 1fr}
.zones-grid,.cases-grid,.fit-grid,.equip-grid{grid-template-columns:1fr}
.prep-grid{grid-template-columns:1fr 1fr;gap:48px 40px}
.komp-card{grid-template-columns:1fr;gap:32px}
.komp-left h3{margin-top:32px}
.vn-panel{grid-template-columns:1fr;gap:32px}
.ex-card{grid-template-columns:1fr;gap:24px;padding:36px 36px 40px}
.ex-list{grid-auto-flow:row;grid-template-rows:none;grid-template-columns:1fr 1fr}
.e-cols .ck-list li{min-height:0}
.ord-grid{grid-template-columns:1fr;gap:36px}
.s03-hero h1 br,.f-card h3 br{display:none}
.serv-pills{grid-template-columns:1fr 1fr}
.p-servstrip{padding-top:160px}
.crumbs{padding-top:48px}
.s03-method{padding-top:110px}
.reviews{padding:120px 32px 80px}
.rev-track-wrap{margin-right:0}
.s03-hero-right{width:min(538px,100%)}
.s03-hero-photo{height:min(481px,72vw)}
}
@media (max-width:760px){
.method-grid,.formats-grid,.steps-grid,.prep-grid{grid-template-columns:1fr}
.prep-grid,.steps-grid{margin-left:0}
.komp-lists,.z-cols,.c-cols,.e-cols,.ex-list,.vn-list{grid-template-columns:1fr;gap:0}
.ex-list{grid-auto-flow:row;grid-template-rows:none}
.komp-lists{gap:0}
.komp-card,.c-card,.fit-card,.e-card,.z-card,.f-card,.m-card{padding-left:24px;padding-right:24px}
.ex-card{padding:28px 24px 32px}
.vn-panel{padding:32px 24px}
.order-card{padding:32px 24px}
.ord-info h2{font-size:30px;line-height:44px}
.inputs-row{flex-direction:column}
.s03-stats{flex-wrap:wrap;gap:28px}
.s03-cta{flex-wrap:wrap}
.s03-lead{width:100%}
.s03-hero h1{font-size:40px;line-height:50px}
.sec-title{font-size:30px}
.dop-track{flex-direction:column;align-items:center}
.serv-pills{grid-template-columns:1fr}
.s03-hero-float{position:static;margin:16px 0 0;white-space:normal}
.s03-hero-deco{display:none}
}
/* AUTO-MOBILE-PATCH */
@media (max-width: 860px){
.s03-lead{width:auto;min-width:0;max-width:100%}
.s03-hero-right{width:auto;min-width:0;max-width:100%}
.dop-track .ref-card{width:auto;min-width:0;max-width:100%}
.rev-card{width:auto;min-width:0;max-width:100%}
.faq-a{width:auto;min-width:0;max-width:100%}
}
/* ===== 390px layout for posle-remonta ===== */
@media (max-width:860px){
/* generic */
.page main section{padding-left:0;padding-right:0}
.page .reviews,.page .faq{padding-left:16px;padding-right:16px}
.page .sec-head{gap:4px}
.page .sec-head .kicker{margin-bottom:0}
.page .sec-title{font-size:25px;line-height:1.15}
.page .sec-sub{font-size:13px;line-height:1.35;margin-top:7px}
.page .ck-list li{font-size:12.5px;line-height:17px;padding-left:19px}
.page .ck-list li::before{font-size:14px;top:2px}
.page .ck-list li+li{margin-top:4px}
.page .chips{gap:6px}
.page .chip{padding:5px 11px;font-size:11.5px}
/* crumbs */
.page .crumbs{padding-top:14px}
.page .crumbs-in{padding:0;font-size:12.5px;gap:7px}
/* hero */
.page .s03-hero{padding:12px 0 20px}
.page .s03-hero-in{gap:0}
.page .s03-badge{padding:6px 13px;font-size:11px}
.page .s03-hero h1{font-size:34px;line-height:40px;margin-top:10px}
.page .s03-lead{width:auto;font-size:14.5px;line-height:23px;margin-top:12px}
.page .s03-lead b{margin-top:8px}
.page .s03-stats{gap:12px;margin-top:16px}
.page .s03-stat span{font-size:10.5px}
.page .s03-stat b{font-size:15px;margin-top:4px}
.page .s03-cta{gap:10px;margin-top:22px}
.page .s03-cta .btn-pink{padding:14px 20px;font-size:14px;line-height:18px}
.page .s03-btn-ghost{padding:14px 18px;font-size:14px;line-height:18px}
.page .s03-hero-right{width:100%;margin-top:22px}
.page .s03-hero-photo{height:230px;border-radius:22px}
.page .s03-hero-float{position:static;display:flex;width:fit-content;max-width:100%;margin:12px 0 0;padding:9px 14px;font-size:12px;white-space:normal}
/* kompleks */
.page .s03-kompleks{margin-top:16px}
.page .komp-card{padding:22px 18px;gap:20px}
.page .komp-left h2{font-size:18px}
.page .komp-left h3{font-size:18px;margin-top:24px}
.page .komp-left p{font-size:13px;line-height:19px;margin-top:8px;max-width:none}
.page .komp-lists{gap:12px 0}
.page .komp-list li{font-size:13px;line-height:18px;gap:10px}
.page .komp-list li+li{margin-top:8px}
.page .komp-list li i{width:20px;height:20px;min-width:20px;font-size:10px}
.page .komp-paras{margin-top:22px;gap:10px}
.page .komp-paras p{font-size:13px;line-height:19px}
/* method */
.page .s03-method{padding:32px 0 26px}
.page .method-grid{margin-top:20px;gap:12px}
.page .m-card{padding:16px 16px 14px}
.page .m-num{width:36px;height:36px;font-size:14px}
.page .m-card h3{font-size:17px;margin-top:10px}
.page .m-card>p{font-size:13px;line-height:18px;margin-top:8px}
.page .m-card .ck-list{margin-top:8px}
.page .m-card .ck-list li{line-height:16px;margin-top:3px}
.page .m-card .ck-list li+li{margin-top:3px}
.page .m-note{margin-top:8px;font-size:12px;line-height:16px}
/* zones */
.page .s03-zones{padding:32px 0 26px}
.page .zones-grid{margin-top:20px;gap:10px}
.page .z-card{padding:18px 16px 14px}
.page .z-ic{width:34px;height:34px;font-size:17px}
.page .z-head{gap:10px}
.page .z-head h3{font-size:15.5px}
.page .z-cols{margin-top:14px;gap:12px 0}
.page .z-cols .ck-list li{font-size:12.5px;line-height:17px;margin-top:3px}
.page .z-cols .ck-list li+li{margin-top:3px}
.page .z-dop{margin-top:16px;padding:14px}
.page .z-dop .ck-list{margin-top:8px}
.page .z-dop .ck-list li{font-size:12px;line-height:16px;margin-top:4px}
.page .z-dop .ck-list li+li{margin-top:4px}
.page .z-card>p{margin-top:12px;font-size:13px;line-height:19px}
.page .z-card .chips{margin-top:14px}
/* formats */
.page .s03-formats{padding:28px 0 28px}
.page .formats-grid{margin-top:20px;gap:10px}
.page .f-card{padding:18px}
.page .f-card h3{font-size:16.5px;line-height:22px}
.page .f-card>p{font-size:13px;line-height:19px;margin-top:8px}
.page .f-card .ck-list{margin-top:10px}
.page .f-card .ck-list li{line-height:16px}
.page .f-card .ck-list li+li{margin-top:3px}
/* honest: cases + extras */
.page .s03-honest{padding:32px 0 26px}
.page .cases-grid{margin-top:20px;gap:10px}
.page .c-card{padding:18px 16px}
.page .c-card h3{font-size:18px;margin-top:14px}
.page .c-card>p{font-size:13px;line-height:19px;margin-top:8px}
.page .c-label{margin-top:16px}
.page .c-chips{margin-top:8px}
.page .c-card h4{font-size:14.5px;margin-top:16px}
.page .c-small{font-size:12.5px;line-height:18px;margin-top:6px}
.page .c-cols{gap:12px 16px;margin-top:10px}
.page .c-cols .ck-list li{font-size:12px;line-height:16px}
.page .c-cols .ck-list li+li{margin-top:3px}
.page .s03-extras{margin-top:12px}
.page .ex-card{padding:16px;gap:14px}
.page .ex-left h3{font-size:18px}
.page .ex-left p{font-size:13px;line-height:18px;margin-top:6px}
.page .ex-list{margin-top:12px;gap:7px 14px}
.page .ex-list li{font-size:12px;line-height:16px}
.page .ex-list li+li{margin-top:0}
/* vnazno */
.page .s03-vnazno{padding-top:32px}
.page .vn-panel{padding:22px 16px;gap:18px}
.page .vn-left h2{font-size:24px;line-height:30px;margin-top:8px}
.page .vn-left p{font-size:13px;line-height:20px;margin-top:12px;max-width:none}
.page .vn-left p.vn-strong{font-size:13px;max-width:none}
.page .vn-list{margin-top:4px;gap:0}
.page .vn-list li{font-size:12.5px;line-height:16px;padding-left:18px}
.page .vn-list li::before{font-size:14px;top:1px}
.page .vn-list li+li{margin-top:5px}
/* prep */
.page .s03-prep{padding-top:32px}
.page .prep-grid{margin-top:20px;margin-left:0;grid-template-columns:1fr 1fr;gap:14px 12px}
.page .prep-item{grid-template-columns:24px 1fr;gap:10px}
.page .prep-item .num{font-size:17px;line-height:20px}
.page .prep-item h3{font-size:14.5px}
.page .prep-item p{font-size:12.5px;line-height:17px;margin-top:5px}
/* fit */
.page .s03-fit{margin-top:0;padding:32px 0 30px}
.page .fit-grid{margin-top:20px;gap:10px}
.page .fit-card{padding:18px}
.page .fit-card h3{font-size:18px}
.page .fit-card .ck-list{margin-top:14px}
.page .fit-card .ck-list li{font-size:12.5px;line-height:16px}
.page .fit-card .ck-list li+li{margin-top:5px}
.page .fit-card h4{font-size:14.5px;margin-top:16px}
.page .fit-card>p{font-size:13px;line-height:19px;margin-top:6px}
.page .fit-btn{margin-top:16px;padding:13px 20px;font-size:13px}
/* steps */
.page .s03-steps{padding-top:32px;padding-bottom:30px}
.page .steps-grid{margin-top:20px;margin-left:0;grid-template-columns:1fr 1fr;gap:14px 12px}
.page .step .num{font-size:16px;line-height:20px}
.page .step h3{font-size:14px;margin-top:8px}
.page .step p{font-size:12px;line-height:16px;margin-top:6px}
/* before / after */
.page .s03-doposle{padding-top:32px;padding-bottom:30px}
.page .dop-track{display:grid;grid-template-columns:repeat(3,300px);justify-content:start;gap:12px;margin-top:20px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
.page .dop-track::-webkit-scrollbar{display:none}
.page .dop-track .ref-card{width:300px}
.page .dop-track .ref-pics{height:180px}
.page .dop-track .ref-pics img{height:180px}
.page .dop-track .ref-cap{padding:10px 12px 12px;font-size:13.5px}
/* equip */
.page .s03-equip{padding-top:32px}
.page .equip-grid{margin-top:20px;gap:10px}
.page .e-card{padding:18px}
.page .e-card h3{font-size:18px}
.page .e-cols{margin-top:14px;gap:12px 0}
.page .e-cols .ck-list li{font-size:12.5px;line-height:16px;min-height:0}
.page .e-cols .ck-list li+li{margin-top:6px}
.page .e-intro{margin-top:8px;font-size:13px;line-height:18px}
.page .e-sub{margin-top:8px}
.page .e-sub li{font-size:12.5px;line-height:16px}
.page .e-note{margin-top:8px;font-size:12px;line-height:16px}
/* reviews */
.page .reviews{padding:36px 16px 36px}
.page .rev-track-wrap{margin-top:24px;margin-right:0;padding:0}
.page .rev-card{width:342px;padding:16px 16px 14px}
.page .rev-badge{margin-top:10px}
.page .rev-text{font-size:13px;line-height:20px}
.page .revs-bottom{margin-top:24px}
.page .revs-bottom .btn-pink{padding:14px 26px;font-size:14.5px}
/* order */
.page .order-card{margin-top:24px;padding:22px 16px 24px;gap:24px}
.page .ord-grid{gap:24px}
.page .ord-info h2{font-size:24px;line-height:30px}
.page .ord-lead{font-size:13.5px;line-height:21px;margin-top:14px}
.page .ord-list{margin-top:16px;gap:10px}
.page .ord-list li{font-size:13px;line-height:18px;padding-left:22px}
.page .ord-list li::before{font-size:14px;top:1px}
.page .ord-phone{margin-top:24px}
.page .ord-phone b{font-size:16px}
.page .ord-form{gap:8px;padding-top:0}
.page .ord-form .inputs-row{gap:10px}
.page .ord-form .inp{padding:14px 16px;font-size:14px}
.page .ord-form .select{padding:14px 16px;font-size:13.5px}
.page .ord-form .textarea{min-height:76px;padding:14px 16px;font-size:14px}
.page .ord-form .order-send{padding:14px}
.page .ord-form .order-note{font-size:11.5px;line-height:16px}
/* faq */
.page .faq{padding:36px 16px 40px}
.page .faq-list{margin-top:20px;gap:8px}
.page .faq-item{padding:14px 16px}
.page .faq-q h3{font-size:14.5px}
.page .faq-a{padding-top:12px;font-size:12.5px;line-height:18px}
/* service pills */
.page .p-servstrip{padding-top:40px;padding-bottom:40px}
.page .serv-pills{grid-template-columns:1fr 1fr;gap:10px}
.page .serv-pills a{padding:14px 8px;font-size:12.5px}
/* footer */
.page .footer{padding:28px 0 18px}
.page .footer-in{gap:16px}
.page .footer-cols{gap:16px 12px}
.page .footer-col{gap:10px}
.page .footer-logo{width:56px;height:56px}
.page .footer-desc{font-size:12px;line-height:1.45}
.page .socials{gap:6px;max-width:none}
.page .soc{padding:5px 10px;font-size:11px}
.page .footer h4{font-size:13.5px}
.page .footer-links{gap:7px}
.page .footer-links a{font-size:13px;line-height:1.35}
.page .contact span{font-size:10.5px}
.page .contact b{font-size:13px}
.page .hours{gap:6px}
.page .hours-row{width:auto;font-size:12.5px}
.page .wa-btn{padding:8px 14px;font-size:12px}
.page .footer-bottom{gap:6px;font-size:11.5px}
.page .requisites{font-size:11.5px;line-height:1.5;color:var(--body2)}
}
/* === SOURCE: css\pages\p04.css === */
/* p04 — Хоумстейджинг квартиры и дома (homestaging.html) */
.hs-wrap{width:1174px;max-width:calc(100% - 64px);margin:0 auto}
.hs-crumb{padding:26px 0 0;font-size:13.5px;color:var(--muted)}
.hs-crumb a{color:var(--muted);transition:.2s}
.hs-crumb a:hover{color:var(--pink3)}
.hs-crumb span{margin:0 8px;color:#E3BFCE}
.hs-crumb b{color:var(--pink2);font-weight:600}
.hs-hero{padding:10px 0 72px}
.hs-hero-in{display:flex;justify-content:space-between;align-items:flex-start;gap:56px}
.hs-hero-left{width:620px;flex:none;display:flex;flex-direction:column;gap:20px;padding-top:26px}
.hs-badge{display:inline-flex;align-self:flex-start;background:var(--pinkbg3);border-radius:99px;padding:8px 16px;font-size:12.5px;font-weight:600;letter-spacing:.09em;color:var(--pink2)}
.hs-hero h1{font-family:var(--serif);font-weight:600;font-size:56px;line-height:60px;letter-spacing:-.01em;color:var(--ink)}
.hs-hero-lead{display:flex;flex-direction:column;gap:12px}
.hs-hero-lead p{font-size:15.5px;line-height:25.5px;color:#6B5B62}
.hs-hero-meta{display:flex;gap:56px;padding-top:14px}
.hs-meta-label{font-size:11px;font-weight:600;letter-spacing:.1em;color:var(--muted);text-transform:uppercase}
.hs-meta-val{margin-top:7px;font-size:17px;font-weight:700;color:var(--ink);line-height:1.3}
.hs-meta-val.serif{font-family:var(--serif);font-size:25px;font-weight:600}
.hs-hero-cta{display:flex;align-items:center;gap:26px;padding-top:12px}
.hs-hero-cta .btn-pink{padding:17px 34px;font-size:16px}
.hs-more{font-size:15px;font-weight:600;color:var(--pink2);border-bottom:1px solid transparent;transition:.2s}
.hs-more:hover{border-bottom-color:var(--pink2)}
.hs-hero-right{position:relative;width:576px;flex:none;margin-top:64px}
.hs-hero-deco{position:absolute;left:14px;top:-30px;width:562px;height:590px;background:linear-gradient(149deg,#FBDDEA 0%,#FBEFF4 100%);border-radius:40px}
.hs-hero-photo{position:relative;height:540px;border-radius:32px;overflow:hidden;box-shadow:var(--shadow-lg)}
.hs-hero-photo img{width:100%;height:100%;object-fit:cover}
.hs-hero-chip{position:absolute;top:-16px;right:-10px;background:var(--pinkbg);border:1px solid #F2B4CB;border-radius:20px;padding:10px 16px;font-size:12.5px;font-weight:600;line-height:1.4;color:var(--pink3);max-width:210px;text-align:center;box-shadow:0 10px 24px rgba(160,90,115,.12)}
.hs-complex{padding:26px 0 88px}
.hs-complex-head{display:flex;justify-content:space-between;gap:60px}
.hs-complex-col{width:560px;max-width:100%}
.hs-complex-col h2{font-family:var(--serif);font-weight:600;font-size:34px;line-height:1.2;color:var(--ink)}
.hs-complex-col p{margin-top:12px;font-size:15.5px;line-height:25.5px;color:var(--body)}
.hs-checks{margin-top:44px;display:grid;grid-template-columns:1fr 1fr;gap:16px 60px}
.hs-check{display:flex;align-items:flex-start;gap:13px;font-size:15px;line-height:22.5px;color:var(--body2);font-weight:500}
.hs-check i{width:24px;height:24px;border-radius:12px;background:var(--pinkbg3);color:var(--pink2);font-style:normal;font-size:15px;display:flex;align-items:center;justify-content:center;flex:none;margin-top:-1px}
.hs-complex-note{margin-top:44px;font-size:15px;line-height:25.5px;color:var(--body)}
.hs-designer{background:var(--pinkbg);padding:74px 0 84px}
.hs-designer .sec-title{font-size:40px}
.hs-designer-card{margin-top:46px;background:#fff;border-radius:36px;box-shadow:var(--shadow-lg);padding:36px;display:flex;gap:40px}
.hs-designer-left{width:320px;flex:none;display:flex;flex-direction:column;gap:20px}
.hs-designer-photo{width:320px;height:394px;border-radius:24px;overflow:hidden}
.hs-designer-photo img{width:100%;height:100%;object-fit:cover}
.hs-yuta{align-self:flex-start;font-size:15px;font-weight:600;color:var(--pink2);border-bottom:1px solid transparent;transition:.2s}
.hs-yuta:hover{border-bottom-color:var(--pink2)}
.hs-designer-body{flex:1;display:flex;flex-direction:column;gap:18px}
.hs-designer-body h3{font-family:var(--serif);font-weight:600;font-size:30px;color:var(--ink)}
.hs-designer-body>p{font-size:15.5px;line-height:25.5px;color:var(--body)}
.hs-designer-list{display:flex;flex-direction:column;gap:12px}
.hs-designer-list .hs-check{font-weight:500}
.hs-designer-tags{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:6px}
.hs-tagcard{background:var(--pinkbg);border-radius:22px;padding:24px 26px;display:flex;flex-direction:column;gap:14px}
.hs-tagcard h4{font-size:13px;font-weight:700;letter-spacing:.12em;color:var(--pink3)}
.hs-tagcard ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.hs-tagcard li{font-size:14.5px;line-height:21px;color:var(--body2);display:flex;gap:10px}
.hs-tagcard li::before{content:"✓";color:var(--pink2);font-weight:700;flex:none}
.hs-designer-result{margin-top:44px;text-align:center;font-size:16.5px;line-height:27px;color:var(--body2);max-width:900px;margin-left:auto;margin-right:auto}
.hs-method{padding:88px 0 92px}
.hs-method-grid{margin-top:48px;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.hs-step{background:#fff;border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow-md);padding:34px 38px;display:flex;flex-direction:column;gap:14px}
.hs-step-num{font-family:var(--serif);font-size:30px;font-weight:600;color:var(--pink)}
.hs-step h3{font-size:21px;font-weight:700;color:var(--ink)}
.hs-step>p{font-size:14.5px;line-height:23.5px;color:var(--body)}
.hs-step ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;padding-top:4px}
.hs-step ul li{font-size:14px;line-height:20px;color:var(--body2);display:flex;gap:9px}
.hs-step ul li::before{content:"✓";color:var(--pink2);font-weight:700;flex:none}
.hs-step-note{background:var(--pinkbg);border-radius:16px;padding:13px 18px;font-size:13.5px;line-height:21px;color:var(--body)}
.hs-zones{background:var(--pinkbg);padding:84px 0 88px}
.hs-zones-grid{margin-top:48px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.hs-zone{background:#fff;border-radius:26px;box-shadow:var(--shadow-md);padding:30px 30px 28px;display:flex;flex-direction:column;gap:16px}
.hs-zone h3{font-size:20px;font-weight:700;color:var(--ink)}
.hs-zone ul{list-style:none;display:flex;flex-direction:column;gap:10px;flex:1}
.hs-zone ul li{font-size:14.5px;line-height:21px;color:var(--body2);display:flex;gap:10px}
.hs-zone ul li::before{content:"✓";color:var(--pink2);font-weight:700;flex:none}
.hs-extra{border-top:1px solid var(--border);padding-top:16px;display:flex;flex-direction:column;gap:10px}
.hs-extra-label{font-size:11px;font-weight:700;letter-spacing:.13em;color:var(--muted)}
.hs-extra-pills{display:flex;flex-wrap:wrap;gap:8px}
.hs-pill{background:var(--pinkbg3);border-radius:99px;padding:7px 13px;font-size:12.5px;font-weight:600;color:var(--pink3)}
.hs-zones-bottom{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.hs-warn{background:var(--pinkbg2);border-radius:26px;padding:32px 36px}
.hs-warn h3{font-family:var(--serif);font-size:24px;font-weight:600;color:var(--ink)}
.hs-warn p{margin-top:12px;font-size:15px;line-height:24.5px;color:var(--body2)}
.hs-combo{background:#fff;border:1px solid var(--border);border-radius:26px;box-shadow:var(--shadow-md);padding:32px 36px;display:flex;flex-direction:column;justify-content:center;gap:12px}
.hs-combo h3{font-family:var(--serif);font-size:24px;font-weight:600;color:var(--pink3)}
.hs-combo p{font-size:15px;line-height:24.5px;color:var(--body)}
.hs-formats{padding:88px 0 92px}
.hs-formats-grid{margin-top:48px;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.hs-fmt{background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-md);padding:28px 26px;display:flex;flex-direction:column;gap:12px}
.hs-fmt-num{width:36px;height:36px;border-radius:18px;background:var(--pinkbg3);color:var(--pink2);font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center}
.hs-fmt h3{font-size:18.5px;font-weight:700;color:var(--ink)}
.hs-fmt>p{font-size:14px;line-height:22px;color:var(--body);flex:1}
.hs-fmt ul{list-style:none;display:flex;flex-direction:column;gap:9px;border-top:1px solid var(--border);padding-top:14px}
.hs-fmt ul li{font-size:13.5px;line-height:19.5px;color:var(--body2);display:flex;gap:8px}
.hs-fmt ul li::before{content:"✓";color:var(--pink2);font-weight:700;flex:none}
.hs-tools{background:var(--pinkbg);padding:84px 0 88px}
.hs-tools-grid{margin-top:48px;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.hs-tool{background:#fff;border-radius:24px;box-shadow:var(--shadow-md);padding:28px 26px;display:flex;flex-direction:column;gap:12px}
.hs-tool-num{width:36px;height:36px;border-radius:18px;background:var(--pinkbg3);color:var(--pink2);font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center}
.hs-tool h3{font-size:18.5px;font-weight:700;color:var(--ink)}
.hs-tool>p{font-size:14px;line-height:22px;color:var(--body);flex:1}
.hs-tool .hs-extra-pills{border-top:1px solid var(--border);padding-top:14px}
.hs-tools-panel{margin-top:24px;background:#fff;border-radius:26px;box-shadow:var(--shadow-md);padding:32px 36px;display:flex;flex-direction:column;gap:16px}
.hs-tools-panel-head{display:flex;justify-content:space-between;align-items:baseline;gap:30px;flex-wrap:wrap}
.hs-tools-panel-head h3{font-family:var(--serif);font-size:24px;font-weight:600;color:var(--ink)}
.hs-tools-panel-head p{font-size:14.5px;color:var(--body)}
.hs-tools-panel .hs-extra-pills{gap:10px}
.hs-exclude{padding:88px 0 92px}
.hs-exclude-in{display:flex;gap:70px;align-items:flex-start}
.hs-exclude-left{width:470px;flex:none;display:flex;flex-direction:column;gap:18px}
.hs-exclude-left .kicker{text-align:left;align-self:flex-start}
.hs-exclude-left h2{font-family:var(--serif);font-weight:600;font-size:40px;line-height:1.15;color:var(--ink)}
.hs-exclude-note{background:var(--pinkbg);border-radius:18px;padding:18px 22px;font-size:14.5px;line-height:23.5px;color:var(--body2)}
.hs-exclude-left .hs-more{align-self:flex-start}
.hs-exclude-card{flex:1;background:#fff;border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow-md);padding:34px 36px;display:flex;flex-direction:column;gap:16px}
.hs-exclude-card ul{list-style:none;display:flex;flex-direction:column;gap:13px}
.hs-exclude-card li{font-size:15.5px;line-height:22px;color:var(--body2);font-weight:500;display:flex;gap:12px}
.hs-exclude-card li i{width:24px;height:24px;border-radius:12px;background:var(--pinkbg3);color:var(--pink3);font-style:normal;font-size:12px;display:flex;align-items:center;justify-content:center;flex:none}
.hs-fit{background:var(--pinkbg);padding:84px 0 88px}
.hs-fit-grid{margin-top:48px;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.hs-fit-card{background:#fff;border-radius:28px;box-shadow:var(--shadow-md);padding:32px 36px;display:flex;flex-direction:column;gap:18px}
.hs-fit-card h3{font-size:21px;font-weight:700;color:var(--ink)}
.hs-fit-card ol{list-style:none;counter-reset:hsfit;display:flex;flex-direction:column;gap:13px}
.hs-fit-card ol li{counter-increment:hsfit;display:flex;gap:14px;font-size:15px;line-height:23px;color:var(--body2)}
.hs-fit-card ol li::before{content:counter(hsfit,decimal-leading-zero);font-family:var(--serif);font-weight:600;color:var(--pink);flex:none}
.hs-fit-bottom{margin-top:24px;background:#fff;border-radius:26px;box-shadow:var(--shadow-md);padding:30px 36px;display:flex;align-items:center;justify-content:space-between;gap:36px}
.hs-fit-bottom h3{font-size:19px;font-weight:700;color:var(--ink)}
.hs-fit-bottom p{margin-top:8px;font-size:14.5px;line-height:23px;color:var(--body);max-width:640px}
.hs-fit-bottom .btn-pink{padding:15px 30px;font-size:15px;flex:none}
.hs-how{padding:88px 0 92px}
.hs-how-grid{margin-top:48px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;align-items:start}
.hs-how-col{display:flex;flex-direction:column;gap:24px}
.hs-how-step{background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-md);padding:26px 28px;display:flex;flex-direction:column;gap:10px}
.hs-how-step b{font-size:13px;font-weight:700;letter-spacing:.1em;color:var(--pink)}
.hs-how-step h3{font-size:18.5px;font-weight:700;color:var(--ink)}
.hs-how-step p{font-size:14px;line-height:22px;color:var(--body)}
.hs-checklist{background:var(--pinkbg);border-radius:24px;padding:28px 30px;display:flex;flex-direction:column;gap:14px}
.hs-checklist h3{font-family:var(--serif);font-size:22px;font-weight:600;color:var(--ink)}
.hs-checklist>p{font-size:14px;line-height:22px;color:var(--body)}
.hs-checklist ul{list-style:none;display:flex;flex-direction:column;gap:11px}
.hs-checklist li{font-size:14.5px;line-height:21px;color:var(--body2);display:flex;gap:10px}
.hs-checklist li::before{content:"✓";color:var(--pink2);font-weight:700;flex:none}
.hs-ba{padding:0 0 92px}
.hs-ba-grid{margin-top:44px;display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.hs-ba-card{background:#fff;border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow-md);overflow:hidden}
.hs-ba-pics{display:flex;position:relative}
.hs-ba-pics img{width:50%;height:275px;object-fit:cover;display:block}
.hs-ba-cap{padding:15px;text-align:center;font-size:15px;font-weight:600;color:var(--ink)}
.reviews{padding-top:74px;padding-bottom:78px}
.hs-order{padding:80px 0 90px}
.hs-order-in{display:flex;gap:70px;align-items:flex-start}
.hs-order-left{width:470px;flex:none;display:flex;flex-direction:column;gap:20px}
.hs-order-left h2{font-family:var(--serif);font-weight:600;font-size:44px;line-height:1.15;color:var(--ink)}
.hs-order-left>p{font-size:15.5px;line-height:25.5px;color:var(--body)}
.hs-order-list{list-style:none;display:flex;flex-direction:column;gap:12px}
.hs-order-list li{font-size:15px;line-height:22px;color:var(--body2);display:flex;gap:11px}
.hs-order-list li::before{content:"✓";color:var(--pink2);font-weight:700;flex:none}
.hs-order-phone{font-family:var(--serif);font-size:28px;font-weight:600;color:var(--pink3)}
.hs-order-form{flex:1;display:flex;flex-direction:column;gap:18px}
.hs-order-row{display:flex;gap:14px}
.hs-inp{flex:1;background:#FFF9FB;border:1px solid var(--border3);border-radius:14px;padding:15px 18px;font-family:var(--sans);font-size:15px;color:var(--ink);outline:none;width:100%}
.hs-inp::placeholder{color:#9A8A91}
select.hs-inp{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 9l7 7 7-7' stroke='%23D7A8B9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;cursor:pointer}
.hs-attach{display:flex;align-items:center;gap:14px}
.hs-attach-add{width:78px;height:78px;border-radius:16px;background:#FFF9FB;border:1px dashed #F0B9CE;display:flex;align-items:center;justify-content:center;font-size:26px;color:var(--pink);flex:none}
.hs-attach-hint{font-size:13.5px;line-height:21px;color:var(--muted)}
.hs-textarea{background:#FFF9FB;border:1px solid var(--border3);border-radius:16px;padding:16px 18px;min-height:120px;font-family:var(--sans);font-size:15px;line-height:24px;color:var(--ink);resize:vertical;outline:none;width:100%}
.hs-textarea::placeholder{color:#9A8A91}
.hs-send{width:100%;padding:18px;border-radius:99px;background:var(--pink);color:#fff;font-size:16px;font-weight:600;box-shadow:var(--shadow-btn);transition:.2s}
.hs-send:hover{background:#d9446f}
.hs-order-note{font-size:12.5px;line-height:20px;color:var(--muted);text-align:center}
.faq{padding-top:20px}
.hs-faq-head{margin-bottom:8px}
.hs-other{padding:0 0 96px}
.hs-other-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:34px}
.hs-other-head h2{font-family:var(--serif);font-weight:600;font-size:40px;color:var(--ink)}
.hs-all{font-size:15px;font-weight:600;color:var(--pink2);border-bottom:1px solid transparent;transition:.2s}
.hs-all:hover{border-bottom-color:var(--pink2)}
.hs-other-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.hs-os{background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-md);overflow:hidden;display:block;transition:.2s}
.hs-os:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.hs-os img{width:100%;height:286px;object-fit:cover}
.hs-os h3{padding:18px 22px 20px;font-size:17px;font-weight:700;color:var(--ink)}
.footer .footer-links a.vac{color:var(--pink2);font-weight:600}
@media (max-width:1240px){
.hs-hero-in{flex-direction:column}
.hs-hero-left{width:100%}
.hs-hero-right{width:100%;max-width:576px}
.hs-complex-head{flex-direction:column;gap:24px}
.hs-method-grid,.hs-zones-bottom,.hs-fit-grid,.hs-exclude-in,.hs-order-in{grid-template-columns:1fr;display:flex;flex-direction:column}
.hs-exclude-left,.hs-order-left{width:100%}
.hs-zones-grid,.hs-ba-grid{grid-template-columns:1fr 1fr}
.hs-formats-grid,.hs-tools-grid,.hs-other-grid{grid-template-columns:1fr 1fr}
.hs-how-grid{grid-template-columns:1fr}
.hs-designer-card{flex-direction:column}
}
@media (max-width:720px){
.hs-hero h1{font-size:38px;line-height:44px}
.hs-hero-meta{flex-wrap:wrap;gap:24px}
.hs-checks{grid-template-columns:1fr}
.hs-zones-grid,.hs-ba-grid,.hs-formats-grid,.hs-tools-grid,.hs-other-grid{grid-template-columns:1fr}
.hs-designer-tags{grid-template-columns:1fr}
.hs-fit-bottom{flex-direction:column;align-items:flex-start}
.hs-step ul{grid-template-columns:1fr}
}
/* AUTO-MOBILE-PATCH */
@media (max-width: 860px){
/* p04 — Хоумстейджинг квартиры и дома (homestaging.html) */ .hs-wrap{width:auto;min-width:0;max-width:100%}
.hs-hero-left{width:auto;min-width:0;max-width:100%}
.hs-hero-right{width:auto;min-width:0;max-width:100%}
.hs-hero-deco{width:100%;left:0;right:0;max-width:100%}
.hs-complex-col{width:auto;min-width:0;max-width:100%}
.hs-designer-left{width:auto;min-width:0;max-width:100%}
.hs-designer-photo{width:auto;min-width:0;max-width:100%}
.hs-exclude-left{width:auto;min-width:0;max-width:100%}
.hs-order-left{width:auto;min-width:0;max-width:100%}
}
/* ===== p04 MOBILE @390 — сверено с _figma/ref2/p04_mobile.png ===== */
@media (max-width:860px){
/* общий ритм: поля контейнера 16px (в макете текст начинается с x≈20) */
.hs-wrap{max-width:calc(100% - 32px)}
.sec-head{gap:7px}
main .sec-title{font-size:25px;line-height:1.25}
main .sec-sub{font-size:13.5px;line-height:1.5}
/* ---- hs-hero: 1441 -> ~1000 (макет ~1000) ---- */
.hs-hero{padding:6px 0 40px}
.hs-crumb{padding-top:14px}
.hs-hero-left{gap:14px;padding-top:12px}
.hs-hero-lead{gap:8px}
.hs-hero-lead p{font-size:14px;line-height:21px}
.hs-hero-meta{gap:24px;padding-top:6px}
.hs-meta-val{font-size:15px}
.hs-meta-val.serif{font-size:20px}
.hs-hero-cta{gap:16px;padding-top:4px;flex-wrap:wrap}
.hs-hero-cta .btn-pink{padding:14px 24px;font-size:14.5px}
.hs-hero-right{margin-top:22px}
.hs-hero-photo{height:240px;border-radius:20px}
.hs-hero-deco{height:262px;top:-12px;border-radius:24px}
/* ---- hs-designer: полноценная стековая композиция ---- */
.hs-designer{padding:40px 0 44px}
.hs-designer .sec-title{font-size:23px;line-height:1.25}
.hs-designer-card{margin-top:22px;flex-direction:column;gap:14px;padding:18px 16px;border-radius:22px}
.hs-designer-left{width:100%;max-width:100%;flex:none;gap:10px}
.hs-designer-photo{width:100%;max-width:100%;height:auto;aspect-ratio:318/398;border-radius:16px}
.hs-designer-photo img{object-position:50% 15%}
.hs-yuta{font-size:13px}
.hs-designer-body{width:100%;gap:12px;min-width:0}
.hs-designer-body h3{font-size:19px;line-height:1.25}
.hs-designer-body>p{font-size:13.5px;line-height:20px}
.hs-designer-list{gap:9px}
.hs-designer-list .hs-check{font-size:13.5px;line-height:19px;gap:10px}
.hs-check{flex-wrap:nowrap}
.hs-check i{flex:none}
.hs-designer-tags{grid-template-columns:1fr;gap:10px;margin-top:4px}
.hs-designer-tags>*{min-width:0}
.hs-tagcard{padding:14px 14px 15px;border-radius:16px;gap:8px}
.hs-tagcard h4{font-size:11.5px;letter-spacing:.06em;line-height:1.3}
.hs-tagcard ul{gap:6px}
.hs-tagcard li{font-size:13px;line-height:18px;gap:7px}
.hs-designer-result{margin-top:16px;font-size:13px;line-height:20px}
.hs-check i{width:22px;height:22px;font-size:15px}
.hs-check{gap:10px}
/* ---- hs-method: 2395 -> ~850 (макет-аналог «Подготовка» ~850) ---- */
.hs-method{padding:40px 0 44px}
.hs-method-grid{margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hs-method-grid>*{min-width:0}
.hs-step{padding:12px 12px 13px;border-radius:18px;gap:6px}
.hs-step-num{font-size:16px}
.hs-step h3{font-size:14px;line-height:1.25}
.hs-step>p{font-size:11.5px;line-height:15.5px}
.hs-step ul{grid-template-columns:1fr;gap:4px;padding-top:2px}
.hs-step ul li{font-size:11px;line-height:14.5px;gap:5px}
.hs-step-note{padding:7px 9px;font-size:11px;line-height:15px;border-radius:12px}
/* ---- hs-zones: 3593 -> ~3150 (макет ~3140) ---- */
.hs-zones{padding:44px 0 48px}
.hs-zones-grid{margin-top:24px;gap:14px}
.hs-zone{padding:20px 18px 18px;border-radius:20px;gap:10px}
.hs-zone h3{font-size:16.5px}
.hs-zone ul{gap:8px}
.hs-zone ul li{font-size:13.5px;line-height:19px;gap:8px}
.hs-extra{padding-top:12px;gap:8px}
.hs-extra-pills{gap:6px}
.hs-pill{padding:5px 10px;font-size:11.5px}
.hs-zones-bottom{margin-top:14px;gap:14px}
.hs-warn{padding:18px 20px;border-radius:20px}
.hs-warn h3{font-size:18px}
.hs-warn p{margin-top:8px;font-size:13px;line-height:19px}
.hs-combo{padding:18px 20px;border-radius:20px;gap:8px}
.hs-combo h3{font-size:17px}
.hs-combo p{font-size:13px;line-height:19px}
/* ---- hs-formats: 1713 -> ~1150 (макет ~1175) ---- */
.hs-formats{padding:40px 0 44px}
.hs-formats-grid{margin-top:22px;gap:12px}
.hs-fmt{padding:16px 16px 18px;border-radius:18px;gap:8px}
.hs-fmt-num{width:28px;height:28px;font-size:12px;border-radius:14px}
.hs-fmt h3{font-size:15.5px}
.hs-fmt>p{font-size:12.5px;line-height:17.5px}
.hs-fmt ul{gap:6px;padding-top:10px}
.hs-fmt ul li{font-size:12px;line-height:16.5px;gap:6px}
/* ---- hs-tools: 2299 -> ~1050 (макет ~980) ---- */
.hs-tools{padding:44px 0 48px}
.hs-tools-grid{margin-top:24px;grid-template-columns:1fr 1fr;gap:12px}
.hs-tools-grid>*{min-width:0}
.hs-tool{padding:16px 15px 17px;border-radius:18px;gap:8px}
.hs-tool-num{width:28px;height:28px;font-size:12px;border-radius:14px}
.hs-tool h3{font-size:15.5px}
.hs-tool>p{font-size:12.5px;line-height:17.5px}
.hs-tool .hs-extra-pills{padding-top:10px;gap:6px}
.hs-tools-panel{margin-top:14px;padding:16px 16px 18px;border-radius:18px;gap:10px}
.hs-tools-panel-head{gap:8px}
.hs-tools-panel-head h3{font-size:17px}
.hs-tools-panel-head p{font-size:12px;line-height:17px}
.hs-tools-panel .hs-extra-pills{display:block;column-count:2;column-gap:12px;gap:0}
.hs-tools-panel .hs-pill{display:inline-flex;margin:0 6px 6px 0;padding:4px 9px;break-inside:avoid;-webkit-column-break-inside:avoid;vertical-align:top}
/* ---- hs-exclude: 1082 -> ~760 (макет ~730) ---- */
.hs-exclude{padding:40px 0 44px}
.hs-exclude-in{gap:20px}
.hs-exclude-left{gap:12px}
.hs-exclude-left h2{font-size:25px;line-height:1.2}
.hs-exclude-note{padding:13px 15px;font-size:13px;line-height:19px;border-radius:14px}
.hs-exclude-card{padding:18px 18px 20px;border-radius:20px;gap:12px}
.hs-exclude-card ul{gap:9px}
.hs-exclude-card li{font-size:13.5px;line-height:18px;gap:9px}
.hs-exclude-card li i{width:20px;height:20px;font-size:11px}
/* ---- hs-how: 1849 -> ~850 (макет ~850, 2 колонки) ---- */
.hs-how{padding:40px 0 44px}
.hs-how-grid{margin-top:22px;grid-template-columns:1fr 1fr;gap:12px}
.hs-how-grid>*{min-width:0}
.hs-how-col{gap:12px;min-width:0}
.hs-how-step{padding:13px 13px 14px;border-radius:16px;gap:6px}
.hs-how-step b{font-size:11px}
.hs-how-step h3{font-size:14px;line-height:1.25}
.hs-how-step p{font-size:11.5px;line-height:16px}
.hs-checklist{grid-column:1/-1;padding:16px 16px 18px;border-radius:18px;gap:10px}
.hs-checklist h3{font-size:16px}
.hs-checklist>p{font-size:12px;line-height:17px}
.hs-checklist ul{gap:6px}
.hs-checklist li{font-size:12.5px;line-height:17px;gap:8px}
/* ---- hs-ba: 1419 -> ~450 (макет ~410) ---- */
.hs-ba{padding:0 0 48px}
.hs-ba-grid{margin-top:22px;grid-template-columns:1fr 1fr;gap:12px}
.hs-ba-grid>*{min-width:0}
.hs-ba-pics img{height:112px}
.hs-ba-cap{padding:9px 6px;font-size:13px}
/* ---- hs-fit: 1432 -> ~1300 (макет ~1320) ---- */
.hs-fit{padding:52px 0 56px}
.hs-fit-grid{margin-top:24px;gap:16px}
.hs-fit-bottom{margin-top:16px;padding:20px 20px 22px;gap:16px;border-radius:20px}
.hs-fit-bottom h3{font-size:16.5px}
.hs-fit-bottom p{margin-top:6px;font-size:13px;line-height:19px}
.hs-fit-bottom .btn-pink{padding:13px 22px;font-size:14px}
/* ---- order: 1166 -> ~980 (макет ~990) ---- */
.hs-order{padding:52px 0 56px}
.hs-order-in{gap:24px}
.hs-order-left{gap:14px}
.hs-order-left h2{font-size:30px;line-height:1.2}
.hs-order-left>p{font-size:14px;line-height:21px}
.hs-order-list li{font-size:13.5px;line-height:19px}
.hs-order-form{gap:14px}
.hs-inp{padding:13px 15px;font-size:14px}
.hs-textarea{min-height:96px;padding:13px 15px;font-size:14px;line-height:20px}
.hs-send{padding:15px;font-size:15px}
.hs-attach{gap:12px}
.hs-attach-add{width:64px;height:64px;font-size:22px}
.hs-attach-hint{font-size:12.5px;line-height:18px}
/* ---- hs-other: 1662 -> ~520 (макет ~495, 2 колонки) ---- */
.hs-other{padding:0 0 56px}
.hs-other-head{margin-bottom:20px}
.hs-other-head h2{font-size:27px}
.hs-other-grid{grid-template-columns:1fr 1fr;gap:12px}
.hs-other-grid>*{min-width:0}
.hs-os img{height:130px}
.hs-os h3{padding:12px 12px 14px;font-size:14px;line-height:1.3}
/* ---- footer: 862 -> ~700 ---- */
.page .footer{padding:26px 0 16px}
.page .footer-in{gap:16px}
.page .footer-cols{gap:16px 12px}
.page .footer-col{gap:7px}
.page .footer-logo{width:56px;height:56px}
.page .footer-links{gap:6px}
.page .footer-links a{font-size:13.5px}
.page .hours-row{width:100%;font-size:13.5px}
.page .footer .contact b{font-size:13px} /* @chistota_v_detalyah в одну строку */
.page .footer-bottom{gap:6px;font-size:12.5px}
.page .requisites{font-size:11px;line-height:1.4}
/* отзывы: компактная шапка (карусель не трогаем) */
.page .reviews{padding-top:32px;padding-bottom:36px}
.page .revs-bottom{gap:10px}
.page .revs-bottom .btn-pink{padding:13px 22px;font-size:14px}
}
/* final polish: hero chip flows below photo instead of overlapping it */
@media (max-width: 860px){
.hs-hero-chip{position:static;display:block;margin-top:12px;text-align:center;max-width:100%!important}
}
/* ===== homestaging: компактнее kompleks (mobile) ===== */
@media (max-width: 860px){
.hs-complex{padding:26px 0 40px}
}
/* === SOURCE: css\pages\p05.css === */
.hero5{padding:57px 0 42px}
.hero5-in{display:flex;justify-content:center;align-items:flex-start;gap:64px}
.hero5-left{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.crumbs{font-size:13px;color:var(--muted);margin-bottom:35px}
.crumbs b{font-weight:600;color:var(--body2)}
.hero5-left .hero-badge{margin-bottom:2px}
.hero5 h1{font-family:var(--serif);font-weight:600;font-size:52px;line-height:1.07;letter-spacing:-.01em;color:var(--ink);margin-top:60px}
.hero5-lead{margin-top:24px;display:flex;flex-direction:column;gap:14px;max-width:510px}
.hero5-lead p{font-size:16px;line-height:29px;color:#6B5B62}
.hero5-tags{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px;max-width:500px}
.hero5-tags span{background:#fff;border:1px solid #F8E0E9;border-radius:99px;padding:9px 18px;font-size:14.5px;font-weight:600;color:var(--body2)}
.hero5-stats{display:flex;gap:56px;margin-top:37px}
.hero5-stat span{display:block;font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--muted)}
.hero5-stat b{display:block;font-size:15px;font-weight:700;color:var(--ink);margin-top:11px}
.hero5-cta{display:flex;gap:16px;margin-top:76px}
.hero5-cta .btn-pink{padding:20px 30px;font-size:16px}
.hero5-cta .btn-ghost{padding:20px 28px;font-size:16px}
.hero5-right{position:relative;width:534px;flex:none;margin-top:226px}
.hero5-deco{position:absolute;left:-12px;top:-26px;width:552px;height:522px;background:linear-gradient(149deg,#FDE2EC 0%,#FBF0F4 100%);border-radius:40px}
.hero5-photo{position:relative;height:470px;border-radius:28px;overflow:hidden;box-shadow:var(--shadow-lg)}
.hero5-photo>img:first-child{width:100%;height:100%;object-fit:cover}
.hero5-chip{position:absolute;top:16px;right:16px;background:#fff;border-radius:14px;padding:13px 18px;font-size:14px;font-weight:600;color:var(--ink);box-shadow:0 10px 24px rgba(160,90,115,.14)}
.hero5-mark{position:absolute;left:274px;bottom:112px;width:148px;filter:brightness(0) invert(1);opacity:.96}
.check-ic{width:26px;height:26px;border-radius:13px;background:var(--pinkbg3);flex:none;display:inline-flex;align-items:center;justify-content:center;font-size:15px;color:var(--pink2)}
.complex{padding:32px 0 76px}
.complex-in{display:flex;gap:64px;align-items:flex-start}
.complex-left{width:348px;flex:none}
.complex-left h2{font-family:var(--serif);font-weight:600;font-size:42px;line-height:1.15;color:var(--ink)}
.complex-sub{font-size:15px;line-height:25px;color:var(--body);margin-top:14px}
.complex-mini{margin-top:44px}
.complex-mini h3{font-size:15.5px;font-weight:700;color:var(--ink)}
.complex-mini p{font-size:14px;line-height:20px;color:var(--body);margin-top:6px}
.check-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:6px 40px;list-style:none;padding-top:8px}
.check-grid li{display:flex;align-items:center;gap:12px;font-size:14.5px;color:var(--body2);padding:6px 0}
.programs{padding:88px 0 98px;background:linear-gradient(180deg,rgba(253,240,245,0) 0%,#FDF0F5 11%,#FDF0F5 89%,rgba(253,240,245,0) 100%)}
.prog-card{background:#fff;border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow-md);margin-top:44px;padding:40px 44px 32px;display:grid;grid-template-columns:300px 1fr;gap:24px 56px}
.prog-card + .prog-card{margin-top:26px}
.prog-left h3{font-family:var(--serif);font-weight:600;font-size:27px;color:var(--ink)}
.prog-desc{font-size:14.5px;line-height:24px;color:var(--body);margin-top:14px}
.prog-label{display:block;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:32px}
.prog-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.prog-chips span{background:var(--pinkbg);border-radius:99px;padding:8px 14px;font-size:13px;font-weight:600;color:var(--body2)}
.prog-right{display:flex;flex-direction:column}
.prog-right .prog-label{margin-top:6px}
.zone{display:grid;grid-template-columns:180px 1fr;gap:24px;padding:13px 0}
.zone h4{font-size:15px;font-weight:700;color:var(--ink)}
.zone p{font-size:13.5px;line-height:22px;color:var(--body)}
.prog-note{grid-column:1/-1;font-size:13px;line-height:21px;color:var(--muted);border-top:1px solid var(--border);padding-top:22px;margin-top:6px}
.prog-extra{background:var(--pinkbg);border-radius:18px;padding:22px 24px;margin-top:26px}
.prog-extra-label{display:block;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--pink2)}
.prog-extra-list{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;margin-top:18px}
.prog-extra-list span{font-size:13.5px;line-height:20px;font-weight:600;color:var(--body2)}
.materials{padding:64px 0 56px}
.materials-in{display:flex;gap:64px;align-items:flex-start}
.materials-left{width:380px;flex:none}
.materials-left h2{font-family:var(--serif);font-weight:600;font-size:36px;line-height:1.2;color:var(--ink)}
.materials-left p{font-size:15px;line-height:25px;color:var(--body);margin-top:16px}
.mat-chips{flex:1;display:flex;flex-wrap:wrap;gap:12px;padding-top:8px}
.mat-chips span{background:var(--pinkbg);border-radius:99px;padding:10px 20px;font-size:14px;font-weight:600;color:var(--body2)}
.tasks{padding:50px 0 96px}
.tasks-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:54px}
.task-card{background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-sm);padding:36px 36px 32px}
.task-head{display:flex;align-items:center;gap:14px}
.task-num{width:34px;height:34px;border-radius:17px;background:var(--pinkbg3);flex:none;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:var(--pink3)}
.task-head h3{font-size:17px;font-weight:700;color:var(--ink)}
.task-text{font-size:14px;line-height:23px;color:var(--body);margin-top:20px}
.task-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:14px 24px;margin-top:26px}
.task-list li{font-size:13.5px;line-height:19px;font-weight:600;color:var(--body2);padding-right:45px}
.task-note{font-size:12.5px;line-height:20px;color:var(--muted);border-top:1px solid var(--border);padding-top:20px;margin-top:24px}
.when{padding:96px 0 104px;background:linear-gradient(180deg,rgba(253,240,245,0) 0%,#FDF0F5 11%,#FDF0F5 89%,rgba(253,240,245,0) 100%)}
.when-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:56px}
.when-card{background:#fff;border-radius:20px;box-shadow:var(--shadow-sm);padding:30px 26px 28px}
.when-card h3{font-size:16px;font-weight:700;color:var(--ink)}
.when-card p{font-size:13px;line-height:20px;color:var(--body);margin-top:10px}
.when-card ul{list-style:none;margin-top:22px;display:flex;flex-direction:column;gap:14px}
.when-card li{font-size:13px;line-height:21px;color:var(--body2)}
.extra{padding:86px 0 90px}
.extra-in{display:flex;gap:64px;align-items:flex-start}
.extra-left{width:360px;flex:none}
.extra-left h2{font-family:var(--serif);font-weight:600;font-size:36px;line-height:1.2;color:var(--ink)}
.extra-left p{font-size:15px;line-height:25px;color:var(--body);margin-top:16px}
.extra-list{flex:1;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:16px 40px;padding-top:10px}
.extra-list li{font-size:15px;line-height:22px;color:var(--body2)}
.excluded{padding:0 0 92px}
.excluded-panel{background:var(--pinkbg);border-radius:28px;padding:48px 52px;display:flex;gap:60px;align-items:flex-start}
.kicker.left{text-align:left}
.excluded-left{width:340px;flex:none}
.excluded-left h2{font-family:var(--serif);font-weight:600;font-size:36px;line-height:1.22;color:var(--ink);margin-top:14px}
.excluded-left p{font-size:14.5px;line-height:24px;color:#63535A;margin-top:20px}
.excluded-list{flex:1;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:20px 40px;padding-top:6px}
.excluded-list li{font-size:15px;line-height:22px;font-weight:600;color:var(--ink)}
.prep{padding:98px 0 110px;background:linear-gradient(180deg,rgba(253,240,245,0) 0%,#FDF0F5 11%,#FDF0F5 89%,rgba(253,240,245,0) 100%)}
.prep-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
.prep-card{background:#fff;border-radius:18px;box-shadow:var(--shadow-sm);padding:24px 26px 26px}
.prep-num{font-size:15px;font-weight:700;color:var(--pink2)}
.prep-card h3{font-size:15.5px;font-weight:700;color:var(--ink);margin-top:12px}
.prep-card p{font-size:13px;line-height:20px;color:var(--body);margin-top:8px}
.fit{padding:96px 0 92px}
.fit-cols{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-top:52px}
.fit-col h3{font-size:18px;font-weight:700;color:var(--ink)}
.fit-col ol,.fit-col ul{list-style:none;margin-top:26px;display:flex;flex-direction:column;gap:18px}
.fit-col li{font-size:14.5px;line-height:22px;color:var(--body2)}
.fit-col ol{counter-reset:fit}
.fit-col ol li{counter-increment:fit;display:flex;gap:12px}
.fit-col ol li::before{content:counter(fit);font-weight:700;color:var(--pink2);flex:none}
.fit-box{margin-top:30px;border:1px solid var(--border2);border-radius:20px;padding:24px 26px}
.fit-box h4{font-size:16px;font-weight:700;color:var(--ink)}
.fit-box p{font-size:13.5px;line-height:21px;color:var(--body);margin-top:10px}
.fit-box .btn{margin-top:18px;padding:12px 24px;font-size:14px}
.steps{padding:44px 0 116px}
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:56px 48px;margin-top:64px}
.step-num{font-family:var(--serif);font-size:30px;font-weight:600;color:var(--pink-soft)}
.step h3{font-size:16.5px;font-weight:700;color:var(--ink);margin-top:14px}
.step p{font-size:13.5px;line-height:21px;color:var(--body);margin-top:8px;max-width:280px}
.doposle{padding:16px 0 92px}
.kicker.soft{color:var(--muted);text-transform:lowercase;letter-spacing:.14em}
.doposle .sec-head{gap:14px}
.doposle-row{display:flex;justify-content:center;gap:26px;margin-top:42px}
.dp-card{width:374px;background:#fff;border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow-md);overflow:hidden;flex:none}
.dp-pics{display:flex;height:280px;position:relative}
.dp-pics img{width:50%;height:100%;object-fit:cover;display:block}
.dp-card figcaption{padding:16px 14px;text-align:center;font-size:16.5px;font-weight:600;color:var(--ink)}
.works{padding:16px 0 76px}
.works-row{display:grid;grid-template-columns:1.5fr 1fr;gap:28px;margin-top:44px;align-items:stretch}
.work-card{background:#fff;border:1px solid var(--border);border-radius:26px;box-shadow:var(--shadow-sm);padding:28px 32px 26px}
.work-card h3{font-family:var(--serif);font-weight:600;font-size:23px;color:var(--ink)}
.work-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:16px 28px;margin-top:22px}
.work-list li{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;line-height:20px;color:var(--body2);padding-right:50px}
.work-list .check-ic{margin-top:-2px}
.work-sub{font-size:13.5px;line-height:21px;color:var(--body);margin-top:12px}
.work-chips{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:18px}
.work-chips span{background:var(--pinkbg);border-radius:99px;padding:8px 16px;font-size:13.5px;font-weight:600;color:var(--pink3)}
.work-note{font-size:12.5px;line-height:20px;color:var(--muted);margin-top:22px}
.reviews .rev-card{width:355px}
.reviews .rev-track{gap:24px}
.reviews .rev-track-wrap{margin-right:-288px}
.reviews .revs-bottom{padding-top:16px}
.reviews .btn-ghost{padding:14px 30px;font-size:14.5px}
.order{margin-top:0;min-height:0;display:block;padding:88px 0 96px}
.order5-in{display:flex;gap:72px;align-items:flex-start}
.order5-info{width:400px;flex:none;padding-top:26px}
.order5-info h2{font-family:var(--serif);font-weight:600;font-size:36px;line-height:1.2;color:var(--ink)}
.order5-sub{font-size:14.5px;line-height:24px;color:var(--body);margin-top:18px}
.order5-feats{list-style:none;margin-top:28px;display:flex;flex-direction:column;gap:14px}
.order5-feats li{display:flex;align-items:center;gap:12px;font-size:14.5px;color:var(--body2)}
.order5-phone{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:700;color:var(--ink);margin-top:32px}
.order5-phone .check-ic{width:34px;height:34px;border-radius:17px;font-size:18px;color:var(--pink)}
.order5-form{flex:1;display:flex;flex-direction:column;gap:14px;min-width:0}
.order5-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.order5-form .textarea{min-height:112px;margin-top:4px}
.order5-form .order-send{margin-top:6px}
.order5-form .order-note{margin-top:0}
.faq{padding:72px 0 86px}
.others{padding:20px 0 108px}
.others-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}
.others-head h2{font-family:var(--serif);font-weight:600;font-size:36px;color:var(--ink)}
.others-all{font-size:15px;font-weight:600;color:var(--pink2)}
.others-all:hover{color:var(--pink3)}
.others-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.other-card{background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-sm);overflow:hidden;display:block;transition:.2s}
.other-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.other-card img{width:100%;height:272px;object-fit:cover;display:block}
.other-card h3{padding:16px 18px 20px;font-size:15.5px;font-weight:600;color:var(--ink)}
@media (max-width:1200px){
.hero5-in{flex-direction:column;gap:48px}
.hero5-right{width:100%;max-width:534px}
.complex-in,.materials-in,.extra-in{flex-direction:column;gap:32px}
.complex-left,.materials-left,.extra-left,.excluded-left,.order5-info{width:auto}
.check-grid,.extra-list,.excluded-list,.task-list{grid-template-columns:1fr}
.prog-card{grid-template-columns:1fr}
.tasks-grid,.when-grid,.prep-grid,.steps-grid,.fit-cols,.others-grid{grid-template-columns:1fr 1fr}
.works-row{grid-template-columns:1fr}
.excluded-panel{flex-direction:column}
.order5-in{flex-direction:column}
.doposle-row{flex-wrap:wrap}
.reviews .rev-track-wrap{margin-right:0}
}
@media (max-width:720px){
.tasks-grid,.when-grid,.prep-grid,.steps-grid,.fit-cols,.order5-row{grid-template-columns:1fr}
.hero5-stats{flex-wrap:wrap;gap:24px}
.hero5 h1{font-size:40px}
.zone{grid-template-columns:1fr}
}
/* AUTO-MOBILE-PATCH */
@media (max-width: 860px){
.hero5-right{width:auto;min-width:0;max-width:100%}
.hero5-deco{width:100%;left:0;right:0;max-width:100%}
.complex-left{width:auto;min-width:0;max-width:100%}
.materials-left{width:auto;min-width:0;max-width:100%}
.extra-left{width:auto;min-width:0;max-width:100%}
.excluded-left{width:auto;min-width:0;max-width:100%}
.dp-card{width:auto;min-width:0;max-width:100%}
.reviews .rev-card{width:auto;min-width:0;max-width:100%}
.order5-info{width:auto;min-width:0;max-width:100%}
/* ---- mobile polish (390) ---- */
.hero5{padding:28px 0 40px}
.crumbs{margin-bottom:12px}
.hero5-left .hero-badge{order:0;align-self:flex-start;text-align:left;font-size:12px}
.hero5 h1{font-size:32px;margin-top:14px}
.hero5-lead{margin-top:14px;gap:10px}
.hero5-lead p{font-size:15px;line-height:24px}
.hero5-tags{gap:8px;margin-top:16px}
.hero5-tags span{padding:7px 12px;font-size:13px}
.hero5-stats{gap:14px 24px;margin-top:20px}
.hero5-stat b{margin-top:6px;font-size:14px}
.hero5-cta{flex-direction:column;align-items:stretch;gap:10px;margin-top:24px}
.hero5-cta .btn{width:100%;padding:14px 20px;font-size:15px}
.hero5-right{margin-top:0}
.hero5-deco{height:calc(100% + 52px)}
.hero5-photo{height:320px}
.hero5-chip{top:12px;right:12px;padding:9px 12px;font-size:12px;border-radius:10px;max-width:calc(100% - 24px)}
.hero5-mark{left:auto;right:12px;bottom:12px;width:110px}
.complex{padding:24px 0 48px}
.complex-left h2{font-size:30px}
.complex-mini{margin-top:20px}
.check-grid li{padding:4px 0;font-size:14px}
.sec-head .sec-sub br{display:none}
.programs{padding:40px 0 48px}
.prog-card{margin-top:18px;padding:18px 16px 20px;border-radius:20px;gap:4px 0}
.prog-card + .prog-card{margin-top:14px}
.prog-left h3{font-size:22px}
.prog-desc{margin-top:8px;font-size:13.5px;line-height:21px}
.prog-label{margin-top:18px}
.prog-chips{gap:8px;margin-top:10px}
.prog-chips span{padding:6px 10px;font-size:12px}
.zone{gap:6px;padding:9px 0}
.zone h4{font-size:14px}
.zone p{font-size:13px;line-height:19px}
.prog-note{padding-top:14px;margin-top:14px;font-size:12.5px;line-height:19px}
.prog-extra{padding:14px 16px;margin-top:16px;border-radius:14px}
.prog-extra-list{grid-template-columns:1fr;gap:8px;margin-top:10px}
.prog-extra-list span{font-size:12.5px;line-height:17px}
.materials{padding:40px 0 44px}
.materials-left h2{font-size:30px}
.materials-left p{margin-top:10px;font-size:14.5px;line-height:23px}
.mat-chips{gap:8px;padding-top:0}
.mat-chips span{padding:8px 14px;font-size:13px}
.tasks{padding:40px 0 48px}
.tasks-grid{gap:14px;margin-top:20px}
.task-card{padding:18px 16px 20px;border-radius:18px}
.task-num{width:30px;height:30px;border-radius:15px;font-size:14px}
.task-head h3{font-size:16px}
.task-text{margin-top:10px;font-size:13.5px;line-height:21px}
.task-list{gap:8px;margin-top:12px}
.task-list li{padding-right:0;font-size:13px;line-height:18px}
.task-note{padding-top:12px;margin-top:14px;font-size:12px;line-height:18px}
.when{padding:40px 0 48px}
.when-grid{gap:12px;margin-top:20px}
.when-card{padding:18px 16px 20px;border-radius:16px}
.when-card p{margin-top:8px}
.when-card ul{margin-top:12px;gap:8px}
.when-card li{font-size:13px;line-height:19px}
.extra{padding:40px 0 44px}
.extra-left h2{font-size:30px}
.extra-left p{margin-top:10px;font-size:14.5px;line-height:23px}
.extra-list{gap:10px;padding-top:0}
.extra-list li{font-size:14px;line-height:21px}
.excluded{padding:0 0 48px}
.excluded-panel{padding:24px 20px;gap:20px;border-radius:22px}
.excluded-left h2{margin-top:10px;font-size:30px}
.excluded-left p{margin-top:12px;font-size:14px;line-height:22px}
.excluded-list{gap:10px;padding-top:0}
.excluded-list li{font-size:14px;line-height:21px}
.prep{padding:40px 0 48px}
.prep-grid{gap:12px;margin-top:20px}
.prep-card{padding:16px 18px}
.prep-card h3{margin-top:8px;font-size:15px}
.prep-card p{margin-top:6px;font-size:12.5px;line-height:19px}
.fit{padding:40px 0 48px}
.fit-cols{gap:20px;margin-top:20px}
.fit-col h3{font-size:16.5px}
.fit-col ol,.fit-col ul{margin-top:14px;gap:10px}
.fit-col li{font-size:14px;line-height:21px}
.fit-box{margin-top:16px;padding:16px 18px;border-radius:16px}
.fit-box p{font-size:13px;line-height:19px}
.fit-box .btn{margin-top:12px;padding:12px 20px;font-size:13.5px}
.steps{padding:40px 0 48px}
.steps-grid{grid-template-columns:1fr 1fr;gap:18px 16px;margin-top:20px}
.step{min-width:0}
.step-num{font-size:24px}
.step h3{margin-top:6px;font-size:15px}
.step p{margin-top:5px;max-width:none;font-size:12.5px;line-height:18.5px}
.doposle{padding:8px 0 48px}
.doposle-row{gap:14px;margin-top:20px}
.dp-pics{height:200px}
.dp-card figcaption{padding:10px;font-size:14px}
.works{padding:8px 0 48px}
.works-row{gap:14px;margin-top:20px}
.work-card{padding:18px 16px 20px;border-radius:20px}
.work-card h3{font-size:20px}
.work-list{grid-template-columns:1fr;gap:10px;margin-top:12px}
.work-list li{padding-right:0;font-size:13px;line-height:19px}
.work-sub{margin-top:8px;font-size:13px;line-height:19px}
.work-chips{gap:6px;margin-top:10px}
.work-chips span{padding:6px 12px;font-size:12.5px}
.work-note{margin-top:12px;font-size:12px;line-height:18px}
.order{padding:40px 0 48px}
.order5-info{padding-top:0}
.order5-info h2{font-size:30px}
.order5-sub{margin-top:10px;font-size:14px;line-height:22px}
.order5-feats{margin-top:14px;gap:10px}
.order5-feats li{font-size:14px}
.order5-phone{margin-top:16px;font-size:16px}
.order5-form{gap:10px}
.order5-row{gap:10px}
.order5-form .textarea{min-height:96px}
.others{padding:8px 0 48px}
.others-head{margin-bottom:18px}
.others-head h2{font-size:28px}
.others-grid{gap:12px}
.other-card img{height:180px}
.other-card h3{padding:10px 12px 12px;font-size:14px}
}
/* === SOURCE: css\pages\p06.css === */
/* ============ p06 — Переезд под ключ ============ */
.p6-blob2{top:2650px}
.sv-h42{font-size:42px}
/* ---- hero ---- */
.sv-hero{padding:86px 0 132px}
.sv-hero .hero-badge{padding:2.5px 16px}
.crumbs{display:flex;align-items:center;gap:10px;height:33px;margin-bottom:26px;font-size:13.5px;color:var(--muted)}
.crumbs a{color:var(--muted);transition:.2s}
.crumbs a:hover{color:var(--pink3)}
.crumbs b{font-weight:400;color:var(--body2)}
.sv-row{display:flex;justify-content:center;align-items:center;gap:60px}
.sv-left{width:582px;display:flex;flex-direction:column;gap:18.8px;min-width:0}
.sv-left h1{font-family:var(--serif);font-weight:600;font-size:52px;line-height:56.16px;letter-spacing:-.01em}
.sv-lead{font-size:17px;line-height:28.9px;color:#6B5B62}
.sv-lead + .sv-lead{margin-top:-4px}
.sv-stats{display:flex;gap:14px;padding-top:11.2px}
.sv-stat{background:#FFF9FB;border:1px solid var(--border3);border-radius:14px;padding:15px 18px;display:flex;flex-direction:column;gap:7.2px}
.sv-stat span{font-size:11.5px;font-weight:700;letter-spacing:.1em;color:var(--muted)}
.sv-stat b{font-family:var(--serif);font-size:24px;font-weight:600;color:var(--ink);white-space:normal}
.sv-stat.hot b{color:var(--pink3)}
.sv-hero .sv-cta{display:flex;align-items:center;gap:18px;padding:5px 0 39px}
.sv-cta .btn-pink{padding:17px 34px;font-size:16px}
.sv-scroll{display:flex;align-items:center;gap:11px;font-size:15.5px;font-weight:600;color:var(--body2)}
.sv-scroll i{width:42px;height:42px;border-radius:21px;background:#fff;border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;font-style:normal;font-size:13px;font-weight:600;color:var(--pink);transition:.2s}
.sv-scroll:hover i{background:var(--pinkbg3)}
.sv-right{position:relative;width:570px;flex:none}
.sv-deco{position:absolute;left:-14px;top:-24px;width:570px;height:586px;border-radius:40px;background:linear-gradient(150deg,#FDE2EC 0%,#FBF0F4 100%)}
.sv-photo{position:relative;width:538px;height:538px;object-fit:cover;border-radius:32px;box-shadow:var(--shadow-lg)}
/* ---- В комплекс входит ---- */
.inc-card{background:#fff;border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow-md);padding:48px 36px 14px;display:flex;flex-direction:column}
.inc-top{display:flex;align-items:flex-start}
.inc-title{width:304px;flex:none;padding-top:4px;display:flex;flex-direction:column;gap:9.4px}
.inc-title h2{font-family:var(--serif);font-size:27px;font-weight:600;line-height:1.2}
.inc-title p{font-size:14.5px;line-height:23.93px;color:var(--body)}
.inc-list{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:column;grid-template-rows:repeat(6,auto);gap:16px 28px;padding-top:8px}
.inc-it{display:flex;gap:12px;font-size:15px;line-height:22.5px;color:var(--body2)}
.inc-it i{width:24px;height:24px;border-radius:12px;background:var(--pinkbg3);color:var(--pink2);font-style:normal;font-size:13px;line-height:16px;display:flex;align-items:center;justify-content:center;flex:none;margin-top:-1px}
.inc-bottom{display:flex;margin-top:44px}
.inc-left2{width:342px;flex:none;display:flex;flex-direction:column;gap:9.4px;padding-top:2px}
.inc-left2 h3{font-size:19px;font-weight:700}
.inc-left2 p{font-size:14px;line-height:22.4px;color:var(--body)}
.inc-right2{flex:1;display:flex;flex-direction:column;gap:13px}
.inc-right2 p{font-size:15px;line-height:26px;color:var(--body2)}
/* ---- метод: пять этапов ---- */
.sv-method{position:relative;padding:71px 0 213px}
.sv-method::before{content:"";position:absolute;left:0;top:0;width:100%;height:1830px;background:linear-gradient(180deg,rgba(253,240,245,0) 0%,rgba(253,240,245,1) 12%,rgba(253,240,245,1) 88%,rgba(253,240,245,0) 100%);pointer-events:none}
.sv-method .container{position:relative}
.msteps{margin-top:40px;display:flex;flex-direction:column;gap:41px}
.mstep{background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-md);padding:34px 36px 30px;display:flex}
.mstep:nth-child(1){min-height:242px}
.mstep:nth-child(2){min-height:245px}
.mstep:nth-child(3){min-height:265px}
.mstep:nth-child(4){min-height:219px}
.mstep:nth-child(5){min-height:245px}
.mstep-left{width:300px;flex:none;padding-top:4px}
.mstep-left b{font-family:var(--serif);font-size:34px;font-weight:600;line-height:1.1;color:var(--pink-soft)}
.mstep-left h3{font-size:20px;font-weight:700;padding-top:12px;line-height:1.25}
.mstep-left p{font-size:14px;line-height:22.4px;color:var(--body);padding-top:9px}
.mstep-right{flex:1;padding-left:93px;display:flex;flex-direction:column}
.m-bullets{display:grid;grid-template-columns:1fr 1fr;gap:12px 28px;align-content:start}
.m-bullets span{font-size:14.5px;line-height:21.75px;color:var(--body2)}
.m-note{margin-top:auto;padding-top:26px;font-size:13.5px;line-height:20.25px;color:#8A757E}
/* ---- упаковка ---- */
.sv-pack{position:relative;padding:0 0 91px}
.pack-head{display:flex;flex-direction:column;align-items:center;gap:10px;padding-bottom:10px}
.pack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}
.pack:nth-child(n+4){min-height:555px}
.pack{background:#fff;border:1px solid var(--border);border-radius:26px;box-shadow:var(--shadow-md);padding:29px 28px 26px;display:flex;flex-direction:column;gap:16px}
.pack .pic{width:48px;height:48px;margin-bottom:3px}
.pack h3{font-size:20px;font-weight:700}
.pack-list{display:flex;flex-direction:column;gap:12px}
.pack-list span{font-size:14.5px;line-height:21.75px;color:var(--body2)}
.pack-note{margin-top:auto;padding-top:16px;font-size:13.5px;line-height:20.25px;color:#8A757E}
.pack.pink{background:var(--pinkbg);border-color:#F7DCE6;box-shadow:none}
.pack.pink>p{font-size:14.5px;line-height:23px;color:var(--body2)}
.mat-items{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}
.mat-items span{font-size:14px;line-height:21px;color:var(--body2)}
.mat-note{margin-top:auto;padding-top:16px;font-size:13.5px;line-height:20.25px;color:#8A757E}
.mat-label{font-size:14px;font-weight:700;letter-spacing:.05em;color:var(--ink);padding-top:14px}
.mat-cap{font-size:12.5px;color:var(--muted);padding-top:6px}
/* ---- новый дом ---- */
.sv-zones6{position:relative;padding:96px 0 96px}
.sv-zones6::before{content:"";position:absolute;left:0;top:0;width:100%;height:1140px;background:linear-gradient(180deg,rgba(253,240,245,0) 0%,rgba(253,240,245,1) 14%,rgba(253,240,245,1) 88%,rgba(253,240,245,0) 100%);pointer-events:none}
.sv-zones6 .container{position:relative}
.zcards{margin-top:40px;display:grid;grid-template-columns:repeat(5,1fr);gap:24px}
.zcard{background:#fff;border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow-md);padding:24px 24px 28px;display:flex;flex-direction:column;gap:14px;min-height:340px}
.zcard .zic{width:45px;height:44px;margin-bottom:10px}
.zcard h3{font-size:17px;font-weight:700;line-height:1.3}
.zcard-list{display:flex;flex-direction:column;gap:11px}
.zcard-list span{font-size:13.5px;line-height:20.25px;color:var(--body2)}
.zbig{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.zbig-card{background:#fff;border:1px solid var(--border);border-radius:26px;box-shadow:var(--shadow-md);padding:34px 40px 32px;display:flex;flex-direction:column;gap:14px;min-height:426px}
.zbig-card h3{font-family:var(--serif);font-size:26px;font-weight:600;display:flex;align-items:center;gap:17px}
.zbig-card h3 img{width:48px;height:48px;flex:none}
.zbig-card>p{font-size:14.5px;line-height:23.2px;color:var(--body)}
.zbig-list{margin-top:6px;display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:column;grid-template-rows:repeat(3,auto);gap:20px 40px}
.zbig-list span{font-size:14px;line-height:20px;color:var(--body2)}
/* ---- форматы ---- */
.sv-formats{padding:24px 0 0}
.fmt-grid{margin-top:100px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.fcard{background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-md);padding:28px 26px 30px;display:flex;flex-direction:column;min-height:391px}
.fcard>b{font-family:var(--serif);font-size:34px;font-weight:600;line-height:1.1;color:var(--pink-soft)}
.fcard h3{font-size:18px;font-weight:700;padding-top:14px}
.fcard>p{font-size:14px;line-height:22.4px;color:var(--body);padding-top:8px}
.fmt-list{display:flex;flex-direction:column;gap:11px;padding-top:16px}
.fmt-list span{font-size:14px;line-height:21px;color:var(--body2)}
.dop{margin-top:28px;background:#fff;border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow-md);padding:42px 36px;display:flex}
.dop-left{width:349px;flex:none;display:flex;flex-direction:column;gap:9.4px;padding-top:4px}
.dop-left h3{font-family:var(--serif);font-size:24px;font-weight:600}
.dop-left p{font-size:14.5px;line-height:23.93px;color:var(--body)}
.dop-list{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:column;grid-template-rows:repeat(5,auto);gap:17px 28px;align-content:center}
.dop-list span{font-size:14.5px;line-height:21.75px;color:var(--body2)}
.vaz{margin-top:96px;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.v-card{border-radius:26px;padding:38px 40px 36px;display:flex;flex-direction:column}
.v-left{background:var(--pinkbg);border:1px solid #F7DCE6}
.v-right{background:linear-gradient(158deg,#FBE3EE 0%,#FCEDF3 57%,#F9DCE9 100%);border:1px solid #F7DCE6}
.v-kick{font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--pink3)}
.v-card h3{font-family:var(--serif);font-size:28px;font-weight:600;padding-top:12px}
.v-sub{font-size:14.5px;line-height:23.2px;color:var(--body2);padding-top:10px}
.v-list{display:flex;flex-direction:column;gap:7px;padding-top:26px}
.v-left .v-list{display:grid;grid-template-columns:1fr;gap:7px}
.v-it{display:flex;gap:14px;font-size:15px;line-height:23px;color:var(--body2)}
.v-it i{font-style:normal;color:#C79CAC;flex:none}
.v-right .v-list{display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:column;grid-template-rows:repeat(3,auto);gap:16px 30px}
.v-note{margin-top:auto;padding-top:26px;font-size:13.5px;line-height:20.25px;color:#8A757E}
/* ---- подбор услуги ---- */
.sv-fit{padding:118px 0 79px}
.fit-row{margin-top:87px;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.fit-card{border-radius:26px;padding:34px 38px 32px;display:flex;flex-direction:column}
.fit-card.yes{background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-md)}
.fit-card.no{background:var(--pinkbg);border:1px solid #F7DCE6}
.fit-card h3{font-family:var(--serif);font-size:27px;font-weight:600;text-align:center}
.fit-list{display:flex;flex-direction:column;gap:14px;padding-top:26px}
.fit-it{display:flex;gap:13px;font-size:15px;line-height:23px;color:var(--body2)}
.fit-it i{width:26px;height:26px;border-radius:13px;background:var(--pinkbg3);color:var(--pink3);font-style:normal;font-family:var(--serif);font-size:15px;font-weight:600;line-height:19.2px;display:flex;align-items:center;justify-content:center;flex:none;margin-top:-1px}
.fit-it .dash{width:auto;height:auto;border-radius:0;background:none;color:#C79CAC;font-family:var(--sans);font-size:15px;font-weight:400;line-height:23px;margin-top:0}
.fit-card.no .fit-it span{color:var(--body2)}
.fit-q{margin-top:26px;padding-top:22px;border-top:1px dashed #F2C2D4;display:flex;flex-direction:column;gap:8px}
.fit-q b{font-size:15px;font-weight:700;color:var(--ink)}
.fit-q p{font-size:14px;line-height:21px;color:var(--body)}
.fit-link{align-self:flex-start;margin-top:14px;background:#fff;border-radius:99px;padding:11px 20px;font-size:13.5px;font-weight:700;color:var(--pink3);transition:.2s}
.fit-link:hover{background:var(--pinkbg3)}
/* ---- шаги ---- */
.sv-steps{position:relative;padding:118px 0 0}
.steps-head{display:flex;flex-direction:column;align-items:center;gap:13px;padding-top:3px}
.steps{margin-top:90px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.step{background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-md);padding:14px 26px;display:flex;flex-direction:column;gap:7.2px;min-height:160px}
.step b{font-family:var(--serif);font-size:34px;font-weight:600;line-height:1.1;color:var(--pink-soft)}
.step h3{font-size:17.5px;font-weight:700;padding-top:4.8px}
.step p{font-size:14px;line-height:22.4px;color:var(--body)}
/* ---- до и после ---- */
.sv-ba{padding:83px 0 130px}
.ba-row{margin-top:40px;display:flex;justify-content:center;gap:24px}
.ba-card{width:376px;flex:none;background:#fff;border:1px solid var(--border);border-radius:22px;box-shadow:0 12px 30px rgba(198,130,155,.1);overflow:hidden}
.ba-pics img{width:100%;height:272px;object-fit:cover}
.ba-cap{padding:14px 16px;text-align:center;font-size:15px;font-weight:600;color:var(--ink)}
/* ---- отзывы ---- */
.p6 .rev-card{width:352px}
.p6 .rev-track{gap:28px}
.p6 .rev-track-wrap{margin-right:-344px;margin-top:41px}
.rev-foot{display:flex;flex-direction:column;align-items:center;gap:2px}
/* ---- cta + форма ---- */
.sv-cta{padding:74px 0 39px}
.cta-card{background:#fff;border:1px solid var(--border);border-radius:36px;box-shadow:0 20px 50px rgba(198,130,155,.12);padding:31px 52px 52px;display:flex;justify-content:center;gap:64px}
.cta-left{width:460px;flex:none;display:flex;flex-direction:column;gap:13.1px}
.cta-left h2{font-family:var(--serif);font-size:38px;line-height:43.32px;font-weight:600}
.cta-left>p{font-size:16px;line-height:27.2px;color:var(--body)}
.cta-checks{display:flex;flex-direction:column;gap:12px;padding-top:10.9px}
.cta-checks p{display:flex;align-items:center;gap:12px;font-size:14.5px;color:var(--body2)}
.cta-checks i{width:30px;height:30px;border-radius:15px;background:var(--pinkbg3);color:var(--pink2);font-style:normal;font-size:15px;display:flex;align-items:center;justify-content:center;flex:none}
.cta-phone{display:flex;align-items:center;gap:12px;padding-top:12.9px}
.cta-phone img{width:42px;height:42px;border-radius:21px;flex:none}
.cta-phone b{font-size:20px;font-weight:700}
.cta-form{width:554px;flex:none;display:flex;flex-direction:column;gap:16px}
.cta-row{display:flex;gap:14px}
.cta-row .inp{flex:1;min-width:0}
.cta-row .select{flex:1;min-width:0}
.cta-photo{display:flex;align-items:center;gap:11px}
.cta-photo .photo-add{width:76px;height:76px;font-size:24px}
.cta-photo span{font-size:13.5px;line-height:21.6px;color:var(--muted)}
.cta-form .textarea{min-height:78px}
/* ---- faq ---- */
.sv-faq{padding:62px 0 62px}
.sv-faq-in{display:flex;flex-direction:column;align-items:center;gap:43px}
/* ---- другие услуги ---- */
.sv-cats{padding:32px 0 96px}
.cats-head{display:flex;justify-content:space-between;align-items:flex-end;height:43px}
.cats-head h2{font-family:var(--serif);font-size:32px;font-weight:600;line-height:1.15}
.cats-head a{font-size:15px;font-weight:600;color:var(--pink2);padding-bottom:2px;transition:.2s}
.cats-head a:hover{color:var(--pink3)}
.cats{margin-top:29px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.cat-card{background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-md);overflow:hidden;display:flex;flex-direction:column;transition:.2s}
.cat-card:hover{transform:translateY(-2px)}
.cat-card img{width:100%;height:272px;object-fit:cover;flex:none}
.cat-card h3{padding:18px 20px;font-size:16.5px;font-weight:700}
/* AUTO-MOBILE-PATCH */
@media (max-width: 860px){
.sv-left{width:auto;min-width:0;max-width:100%}
.sv-right{width:auto;min-width:0;max-width:100%}
.sv-deco{width:100%;left:0;right:0;max-width:100%}
.sv-photo{width:auto;min-width:0;max-width:100%}
.inc-title{width:auto;min-width:0;max-width:100%}
.inc-left2{width:auto;min-width:0;max-width:100%}
.mstep-left{width:auto;min-width:0;max-width:100%}
.dop-left{width:auto;min-width:0;max-width:100%}
.ba-card{width:auto;min-width:0;max-width:100%}
/* ---- отзывы ---- */ .p6 .rev-card{width:auto;min-width:0;max-width:100%}
.cta-left{width:auto;min-width:0;max-width:100%}
.cta-form{width:auto;min-width:0;max-width:100%}
/* ===== P06 MOBILE 390 POLISH ===== */
/* ---- hero ---- */
.sv-hero{padding:20px 0 40px}
.crumbs{height:auto;margin-bottom:14px;font-size:12px}
.sv-left{gap:14px}
.sv-left .hero-badge{order:0;align-self:flex-start}
.sv-left h1{font-size:36px;line-height:44px}
.sv-lead{font-size:14.5px;line-height:23px}
.sv-lead br{display:none}
.sv-lead + .sv-lead{margin-top:0}
.sv-stats{gap:8px;padding-top:6px}
.sv-stat{flex:1 1 0;min-width:0;padding:10px 8px;gap:4px;text-align:center}
.sv-stat span{font-size:10px;letter-spacing:.06em}
.sv-stat b{font-size:15.5px;white-space:normal;line-height:1.25}
.sv-hero .sv-cta{flex-direction:column;align-items:stretch;gap:10px;padding:8px 0 0}
.sv-hero .sv-cta .btn-pink{width:100%;padding:15px 18px;font-size:15px}
.sv-scroll{justify-content:center;font-size:14px}
.sv-deco{top:-12px;height:calc(100% + 24px)}
/* ---- В комплекс входит ---- */
.inc-card{padding:22px 16px 18px;border-radius:22px}
.inc-top{flex-direction:column;gap:14px}
.inc-title h2{font-size:22px}
.inc-title p{font-size:13.5px;line-height:20px}
.inc-title br{display:none}
.inc-list{grid-auto-flow:row;grid-template-rows:none;padding-top:0}
.inc-it{gap:9px;font-size:13.5px;line-height:19px;align-items:flex-start}
.inc-it i{width:20px;height:20px;border-radius:10px;font-size:12.5px;line-height:16px}
.inc-bottom{flex-direction:column;gap:12px;margin-top:20px}
.inc-left2 h3{font-size:16.5px}
.inc-left2 p{font-size:13px;line-height:19px}
.inc-left2 br{display:none}
.inc-right2{gap:8px}
.inc-right2 p{font-size:13.5px;line-height:20px}
/* ---- метод: пять этапов ---- */
.sv-method{padding:44px 0 52px}
.sv-method::before{height:100%}
.msteps{margin-top:20px;gap:14px}
.mstep{padding:18px 16px 16px;border-radius:20px;flex-direction:column;gap:12px;min-height:0}
.mstep:nth-child(n){min-height:0}
.mstep-left b{font-size:26px}
.mstep-left h3{font-size:17px;padding-top:8px}
.mstep-left p{font-size:13px;line-height:19px;padding-top:6px}
.mstep-left p br{display:none}
.mstep-right{padding-left:0;gap:12px}
.m-bullets{gap:8px 14px}
.m-bullets span{font-size:13px;line-height:18.5px}
.m-note{padding-top:12px;font-size:12.5px;line-height:18px}
/* ---- упаковка ---- */
.sv-pack{padding:0 0 44px}
.pack-grid{margin-top:16px;grid-template-columns:1fr;gap:12px}
.pack{padding:18px 16px 16px;gap:10px}
.pack:nth-child(n+4){min-height:0}
.pack .pic{width:38px;height:38px;margin-bottom:0}
.pack h3{font-size:17px}
.pack-list{gap:8px}
.pack-list span{font-size:13.5px;line-height:19px}
.pack-note{padding-top:10px;font-size:12.5px;line-height:18px}
.pack.pink>p{font-size:13.5px;line-height:19px}
.mat-items{gap:8px 12px}
.mat-items span{font-size:13px;line-height:18px}
.mat-note{padding-top:10px;font-size:12.5px;line-height:18px}
.mat-label{padding-top:10px}
.mat-cap{padding-top:4px}
/* ---- новый дом ---- */
.sv-zones6{padding:44px 0 48px}
.sv-zones6::before{height:100%}
.zcards{margin-top:18px;grid-template-columns:1fr;gap:12px}
.zcard{min-height:0;padding:18px 16px 16px;gap:10px}
.zcard .zic{width:34px;height:34px;margin-bottom:2px}
.zcard h3{font-size:16.5px}
.zcard-list{gap:8px}
.zcard-list span{font-size:13.5px;line-height:19px}
.zbig{margin-top:12px;grid-template-columns:1fr;gap:12px}
.zbig-card{min-height:0;padding:20px 16px 18px;gap:10px;border-radius:20px}
.zbig-card h3{font-size:21px;gap:12px}
.zbig-card h3 img{width:34px;height:34px}
.zbig-card>p{font-size:13.5px;line-height:20px}
.zbig-list{margin-top:2px;grid-auto-flow:row;grid-template-rows:none;gap:8px 14px}
.zbig-list span{font-size:13.5px;line-height:19px}
/* ---- форматы ---- */
.sv-formats{padding:40px 0 0}
.fmt-grid{margin-top:18px;grid-template-columns:1fr;gap:12px}
.fcard{min-height:0;padding:18px 16px 18px;border-radius:20px}
.fcard>b{font-size:26px}
.fcard h3{font-size:17px;padding-top:10px}
.fcard>p{font-size:13.5px;line-height:19.5px;padding-top:6px}
.fmt-list{gap:8px;padding-top:12px}
.fmt-list span{font-size:13.5px;line-height:19px}
.dop{flex-direction:column;align-items:stretch;gap:14px;margin-top:14px;padding:20px 16px;border-radius:22px}
.dop-left h3{font-size:20px}
.dop-left p{font-size:13.5px;line-height:20px}
.dop-list{grid-auto-flow:row;grid-template-rows:none;gap:9px 14px;align-content:start}
.dop-list span{font-size:13.5px;line-height:19px}
.vaz{margin-top:24px;grid-template-columns:1fr;gap:12px}
.v-card{padding:20px 16px 18px;border-radius:20px}
.v-card h3{font-size:22px;padding-top:8px}
.v-sub{font-size:13.5px;line-height:19.5px;padding-top:6px}
.v-list{gap:9px;padding-top:14px}
.v-it{gap:10px;font-size:14px;line-height:20px}
.v-right .v-list{grid-auto-flow:row;grid-template-rows:none;gap:9px 14px}
.v-note{padding-top:14px;font-size:12.5px;line-height:18px}
/* ---- подбор услуги ---- */
.sv-fit{padding:44px 0 48px}
.fit-row{margin-top:20px;grid-template-columns:1fr;gap:14px}
.fit-card{padding:22px 18px 20px}
.fit-card h3{font-size:21px}
.fit-list{gap:10px;padding-top:14px}
.fit-it{gap:11px;font-size:14px;line-height:20px}
.fit-it i{width:24px;height:24px;border-radius:12px;font-size:14px;line-height:17px}
.fit-q{margin-top:16px;padding-top:14px;gap:6px}
.fit-q b{font-size:14.5px}
.fit-q p{font-size:13.5px;line-height:19px}
.fit-link{margin-top:12px;padding:10px 18px;font-size:13px}
/* ---- шаги ---- */
.sv-steps{padding:44px 0 0}
.steps{margin-top:24px;grid-template-columns:1fr 1fr;gap:12px}
.step{min-height:0;padding:14px 14px 16px;gap:5px;border-radius:18px}
.step b{font-size:24px}
.step h3{font-size:15px;padding-top:4px}
.step p{font-size:12.5px;line-height:17.5px}
.step p br{display:none}
/* ---- до и после ---- */
.sv-ba{padding:44px 0 48px}
.ba-row{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ba-card{border-radius:18px}
.ba-pics img{height:150px}
.ba-cap{padding:10px 10px 12px;font-size:12.5px}
/* ---- отзывы ---- */
.p6 .rev-track-wrap{margin-top:24px}
/* ---- cta + форма ---- */
section.sv-cta{padding:44px 0 32px}
.cta-card{flex-direction:column;align-items:stretch;gap:20px;padding:22px 18px 24px;border-radius:24px}
.cta-left h2{font-size:27px;line-height:33px}
.cta-left>p{font-size:14px;line-height:21px}
.cta-checks{gap:9px;padding-top:2px}
.cta-checks p{gap:9px;font-size:13.5px}
.cta-checks i{width:24px;height:24px;border-radius:12px;font-size:13.5px}
.cta-phone{padding-top:6px}
.cta-phone b{font-size:17px}
.cta-form{gap:12px}
.cta-row{gap:10px}
.cta-form .inp{padding:13px 14px;font-size:14.5px}
.cta-form .select{padding:13px 14px;font-size:14.5px}
.cta-photo{gap:10px}
.cta-photo .photo-add{width:56px;height:56px;font-size:20px}
.cta-photo span{font-size:12.5px;line-height:17.5px}
.cta-form .textarea{min-height:70px}
.cta-form .order-send{padding:16px;font-size:15px}
.cta-form .order-note{font-size:11.5px;line-height:17px}
/* ---- faq ---- */
.sv-faq{padding:44px 0}
.sv-faq-in{gap:22px}
.faq-a br{display:none}
/* ---- другие услуги ---- */
.sv-cats{padding:28px 0 44px}
.cats-head{height:auto;align-items:center;gap:12px}
.cats-head h2{font-size:24px}
.cats-head a{font-size:13.5px}
.cats{margin-top:16px;grid-template-columns:1fr 1fr;gap:12px}
.cat-card{border-radius:18px}
.cat-card img{height:150px}
.cat-card h3{padding:10px 12px 12px;font-size:14px;line-height:1.3}
/* ---- общий отказ от десктопных
---- */
.sec-sub br{display:none}
/* ---- burger menu: снять десктопный margin-left у absolute-панели ---- */
.nav{margin-left:0}
}
/* === SOURCE: css\pages\p07.css === */
/* ============ p07 — Поддерживающая уборка ============ */
.p7 .sv-container{width:1176px;max-width:calc(100% - 64px);margin:0 auto}
/* ---- hero ---- */
.p7 .sv-hero{padding:97px 0 0}
.p7 .crumbs{display:flex;align-items:center;gap:10px;height:29px;margin-bottom:22px;font-size:13.5px;color:var(--muted)}
.p7 .crumbs a{color:var(--muted);transition:.2s}
.p7 .crumbs a:hover{color:var(--pink3)}
.p7 .crumbs b{font-weight:400;color:var(--body2)}
.p7 .sv-row{display:flex;justify-content:center;align-items:center;gap:56px}
.p7 .sv-left{width:582px;display:flex;flex-direction:column;gap:17.8px;min-width:0}
.p7 .sv-left h1{font-family:var(--serif);font-weight:600;font-size:52px;line-height:56.16px;letter-spacing:-.01em}
.p7 .sv-lead{width:560px;max-width:100%;font-size:17px;line-height:32px;color:#6B5B62}
.p7 .sv-stats{display:flex;gap:15px;padding-top:8px}
.p7 .sv-stat{background:#FFF9FB;border:1px solid var(--border3);border-radius:14px;padding:12px 18px;display:flex;flex-direction:column;gap:6.6px}
.p7 .sv-stat span{font-size:11.5px;font-weight:700;letter-spacing:.1em;color:var(--muted)}
.p7 .sv-stat b{font-family:var(--serif);font-size:24px;font-weight:600;color:var(--ink);white-space:normal}
.p7 .sv-stat.hot b{color:var(--pink3)}
.p7 .sv-cta{display:flex;align-items:center;gap:18px;padding-top:6px}
.p7 .sv-cta .btn-pink{padding:17px 34px;font-size:16px}
.p7 .sv-scroll{display:flex;align-items:center;gap:11px;font-size:15.5px;font-weight:600;color:var(--body2)}
.p7 .sv-scroll i{width:42px;height:42px;border-radius:21px;background:#fff;border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;font-style:normal;font-size:13px;font-weight:600;color:var(--pink);transition:.2s}
.p7 .sv-scroll:hover i{background:var(--pinkbg3)}
.p7 .sv-right{position:relative;width:538px;flex:none}
.p7 .sv-deco{position:absolute;left:16px;top:-24px;width:100%;height:528px;border-radius:40px;background:linear-gradient(150deg,#FDE2EC 0%,#FBF0F4 100%)}
.p7 .sv-photo{position:relative;width:538px;height:480px;object-fit:cover;border-radius:32px;box-shadow:var(--shadow-lg)}
/* ---- в комплекс входит ---- */
.p7 .inc-card{margin-top:17px;background:#fff;border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow-md);padding:52px 34px 28px;display:flex;flex-direction:column;gap:24px}
.p7 .inc-row{display:flex;justify-content:center;gap:36px}
.p7 .inc-left{width:268px;flex:none;display:flex;flex-direction:column;gap:9.4px}
.p7 .inc-left h2{font-family:var(--serif);font-size:27px;font-weight:600;line-height:1.2}
.p7 .inc-left p{font-size:14.5px;line-height:23.93px;color:var(--body)}
.p7 .inc-grid{width:802px;display:grid;grid-template-columns:1fr 1fr;gap:17.5px 28px;align-content:center}
.p7 .inc-it{display:flex;gap:11px;font-size:15px;line-height:22.5px;color:var(--body2)}
.p7 .inc-it i{width:22px;height:22px;border-radius:11px;background:var(--pinkbg3);color:var(--pink2);font-style:normal;font-size:14px;line-height:16.5px;display:flex;align-items:center;justify-content:center;flex:none}
.p7 .inc-div{border-top:1px dashed #F2C2D4;padding-top:26px;display:flex;justify-content:center;gap:36px}
.p7 .inc-div .inc-left h3{font-size:19px;font-weight:700}
.p7 .inc-paras{width:802px;display:flex;flex-direction:column;gap:13px;justify-content:center}
.p7 .inc-paras p{font-size:15px;line-height:25.5px;color:var(--body2)}
/* ---- состав работ по зонам ---- */
.p7 .sv-zones{position:relative;padding:173px 0 0}
.p7 .sv-zones::before{content:"";position:absolute;left:0;top:-27px;width:100%;height:1342px;background:linear-gradient(180deg,rgba(253,240,245,0) 0%,rgba(253,240,245,1) 9%,rgba(253,240,245,1) 93%,rgba(253,240,245,0) 100%);pointer-events:none}
.p7 .sv-zones .sv-container{position:relative}
.p7 .zones{margin-top:40px;display:grid;grid-template-columns:1fr 1fr;gap:15px 22px}
.p7 .zone-card{background:#fff;border:1px solid var(--border);border-radius:26px;box-shadow:var(--shadow-md);padding:32px 30px 30px;display:flex;flex-direction:column;gap:24px}
.p7 .zone-head{display:flex;align-items:center;gap:15px}
.p7 .zone-head img{width:60px;height:60px;flex:none}
.p7 .zone-head h3{font-size:22px;font-weight:700}
.p7 .zone-list{display:grid;grid-template-columns:1fr 1fr;gap:13px 24px}
.p7 .zone-it{display:flex;gap:11px;font-size:14.5px;line-height:22.4px;color:var(--body2)}
.p7 .zone-it i{width:22px;height:22px;border-radius:12px;background:var(--pinkbg3);color:var(--pink2);font-style:normal;font-size:13px;display:flex;align-items:center;justify-content:center;flex:none}
/* ---- стекло и зеркала ---- */
.p7 .glass{margin-top:16px;background:#fff;border:1px solid var(--border);border-radius:26px;box-shadow:var(--shadow-md);padding:22px;display:flex;gap:30px}
.p7 .gs-left{width:546px;flex:none}
.p7 .gs-top{display:flex;align-items:center;gap:14px}
.p7 .gs-top img{width:60px;height:60px;flex:none}
.p7 .gs-top h3{font-size:22px;font-weight:700}
.p7 .gs-left>p{padding-top:18px;font-size:15px;line-height:25.5px;color:var(--body)}
.p7 .gs-points{padding-top:14px;display:flex;flex-direction:column;gap:10px}
.p7 .gs-points p{display:flex;gap:11px;font-size:14.5px;line-height:22.4px;color:var(--body2)}
.p7 .gs-points i{width:22px;height:22px;border-radius:12px;background:var(--pinkbg3);color:var(--pink2);font-style:normal;font-size:10px;display:flex;align-items:center;justify-content:center;flex:none}
.p7 .gs-right{flex:1;padding-top:8px}
.p7 .gs-right h4{font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--pink3)}
.p7 .gs-tags{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:12px 28px;align-items:start}
.p7 .gs-tag{background:var(--pinkbg);border:1px solid #F7DCE6;border-radius:16px;padding:8px 18px;font-size:14px;line-height:20px;color:var(--body2)}
/* ---- важно знать ---- */
.p7 .sv-not{padding:173px 0 0}
.p7 .not-card{background:var(--pinkbg);border:1px solid #F7DCE6;border-radius:26px;padding:42px;display:flex;gap:56px}
.p7 .not-left{width:320px;flex:none;display:flex;flex-direction:column;align-items:flex-start}
.p7 .not-left h3{font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--pink3)}
.p7 .not-left h2{font-family:var(--serif);font-size:28px;font-weight:600;line-height:46px;padding-top:6px;white-space:pre-line}
.p7 .not-left p{font-size:15px;line-height:26px;color:var(--body2);padding-top:20px}
.p7 .not-link{display:inline-flex;margin-top:18px;background:#fff;border:1px solid #F7CEDD;border-radius:99px;padding:15px 24px;font-size:14.5px;font-weight:600;color:var(--pink3);white-space:nowrap;transition:.2s}
.p7 .not-link:hover{background:var(--pinkbg3)}
.p7 .not-right{flex:1;display:flex;gap:44px;padding-top:2px}
.p7 .not-col{flex:1;display:flex;flex-direction:column;gap:14px}
.p7 .not-it{display:flex;gap:11px;font-size:15px;line-height:22.5px;color:var(--body2)}
.p7 .not-it i{width:26px;height:26px;border-radius:13px;background:#fff;color:#C79CAC;font-style:normal;font-size:15px;display:flex;align-items:center;justify-content:center;flex:none}
/* ---- подбор услуги ---- */
.p7 .sv-fit{position:relative;padding:184px 0 0}
.p7 .sv-fit::before{content:"";position:absolute;left:0;top:-43px;width:100%;height:814px;background:linear-gradient(180deg,rgba(253,240,245,0) 0%,rgba(253,240,245,1) 10%,rgba(253,240,245,1) 92%,rgba(253,240,245,0) 100%);pointer-events:none}
.p7 .sv-fit .sv-container{position:relative}
.p7 .fit-row{margin-top:43px;display:flex;gap:22px}
.p7 .fit-card{width:577px;border-radius:26px;padding:32px 34px;display:flex;flex-direction:column;gap:22px}
.p7 .fit-card.yes{background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-md);padding-bottom:53px}
.p7 .fit-card.no{background:var(--pinkbg);border:1px solid #F7DCE6;padding-bottom:20px}
.p7 .fit-top{display:flex;align-items:center;gap:14px}
.p7 .fit-ic{width:44px;height:44px;border-radius:22px;display:flex;align-items:center;justify-content:center;font-size:22px;flex:none}
.p7 .yes .fit-ic{background:var(--pinkbg3);color:var(--pink2)}
.p7 .no .fit-ic{background:#fff;color:#C79CAC}
.p7 .fit-top h3{font-family:var(--serif);font-size:28px;font-weight:600}
.p7 .fit-list{display:flex;flex-direction:column;gap:13px}
.p7 .fit-it{display:flex;gap:13px;font-size:15px;line-height:24px;color:var(--body2)}
.p7 .fit-it i{width:26px;height:26px;border-radius:13px;background:var(--pinkbg3);color:var(--pink3);font-style:normal;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;flex:none}
.p7 .fit-note{font-size:14.5px;line-height:25.5px;color:var(--body2)}
.p7 .fit-link{display:inline-flex;align-self:flex-start;margin-top:40px;padding:15px 24px;background:#fff;border:1px solid #F7CEDD;border-radius:99px;font-size:14.5px;font-weight:600;color:var(--pink3);transition:.2s}
.p7 .fit-link:hover{background:var(--pinkbg3)}
/* ---- график ---- */
.p7 .sv-sched{position:relative;padding:167px 0 0}
.p7 .sv-sched::before{content:"";position:absolute;left:0;top:-50px;width:100%;height:616px;background:linear-gradient(180deg,rgba(253,240,245,0) 0%,rgba(253,240,245,1) 11%,rgba(253,240,245,1) 90%,rgba(253,240,245,0) 100%);pointer-events:none}
.p7 .sv-sched .sv-container{position:relative}
.p7 .sched-sub{width:820px;max-width:100%}
.p7 .sched-grid{margin-top:19px;display:grid;grid-template-columns:repeat(4,1fr);gap:21px}
.p7 .sched-card{position:relative;background:#fff;border:1px solid var(--border3);border-radius:20px;padding:30px 28px 28px;min-height:283px;display:flex;flex-direction:column}
.p7 .sched-card.hot{border-color:var(--pink-soft);border-width:2px;padding:29px 27px 27px}
.p7 .sched-card.no{background:var(--pinkbg);border-color:var(--pinkbg)}
.p7 .sched-pill{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--pink);color:#fff;border-radius:99px;padding:8px 16px;font-size:11px;font-weight:700;letter-spacing:.08em;white-space:nowrap}
.p7 .sched-t{font-family:var(--serif);font-weight:600;font-size:26px;line-height:38px;color:var(--ink);min-height:76px;display:flex;flex-direction:column;justify-content:flex-end;white-space:pre-line}
.p7 .sched-t b{font-size:44px;line-height:46px;font-weight:600}
.p7 .sched-d{font-size:14.5px;line-height:22.4px;color:var(--body);padding-top:12px}
.p7 .sched-tag{margin-top:auto;align-self:flex-start;background:var(--pinkbg);border-radius:99px;padding:9px 16px;font-size:13.5px;font-weight:600;color:var(--pink3)}
.p7 .sched-card.no .sched-tag{background:#fff;color:var(--pink3)}
.p7 .sched-note{margin-top:30px;text-align:center;font-size:13.5px;color:var(--muted)}
/* ---- шаги ---- */
.p7 .sv-steps{padding:189px 0 43px}
.p7 .steps{margin-top:57px;display:grid;grid-template-columns:repeat(3,1fr);gap:36px 22px}
.p7 .step{background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-md);padding:34px 28px;display:flex;flex-direction:column;gap:4.8px;min-height:181px}
.p7 .step b{font-family:var(--serif);font-size:34px;font-weight:600;line-height:1.1;color:var(--pink-soft)}
.p7 .step h3{font-size:17.5px;font-weight:700;line-height:21px;padding-top:4.8px}
.p7 .step p{font-size:14px;line-height:22.4px;color:var(--body)}
/* ---- до и после ---- */
.p7 .sv-ba{padding:143px 0 0}
.p7 .ba-row{margin-top:57px;display:flex;justify-content:center;gap:21px}
.p7 .ba-card{width:378px;flex:none;background:#fff;border:1px solid var(--border);border-radius:22px;box-shadow:0 12px 30px rgba(198,130,155,.1);overflow:hidden}
.p7 .ba-pics{display:flex;height:277px;position:relative}
.p7 .ba-pics img{width:50%;height:277px;object-fit:cover}
.p7 .ba-tag{position:absolute;top:10px;padding:5px 12px;border-radius:99px;font-size:11.5px;font-weight:700}
.p7 .ba-tag.do{left:10px;background:var(--pink);color:#fff}
.p7 .ba-tag.posle{right:10px;background:rgba(255,255,255,.94);color:var(--pink3)}
.p7 .ba-cap{padding:10px 16px;text-align:center;font-size:15px;font-weight:600;color:var(--ink)}
/* ---- оборудование ---- */
.p7 .sv-gear{padding:92px 0 0}
.p7 .gear{margin-top:48px;display:grid;grid-template-columns:1fr 1fr;gap:22px}
.p7 .gear-card{border-radius:26px;padding:32px 34px;display:flex;flex-direction:column;gap:22px}
.p7 .gear-main{background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-md);padding-bottom:56px}
.p7 .gear-card h3{font-size:20px;font-weight:700}
.p7 .gear-col{display:flex;flex-direction:column;gap:15.5px}
.p7 .gear-it{display:flex;gap:12px;font-size:14.5px;line-height:22.48px;color:var(--body2)}
.p7 .gear-it i{width:26px;height:26px;border-radius:13px;background:var(--pinkbg3);color:var(--pink2);font-style:normal;font-size:14px;display:flex;align-items:center;justify-content:center;flex:none}
.p7 .gear-side{background:linear-gradient(158deg,#FDEBF2 0%,#FBEFF4 57%,#FCE3EE 100%);gap:11.5px}
.p7 .gear-side>p{font-size:14.5px;line-height:23.93px;color:var(--body2)}
.p7 .gear-list{display:flex;flex-direction:column;gap:11.5px;padding-top:12px}
.p7 .gear-list p{display:flex;gap:11px;font-size:14.5px;line-height:22.5px;color:var(--body2)}
.p7 .gear-list .pt{font-style:normal;color:var(--pink);flex:none}
/* ---- отзывы ---- */
.p7 .reviews{padding:180px 0 88px}
.p7 .rev-card{width:356px}
.p7 .rev-track-wrap{margin-right:-372px;padding-bottom:0}
.p7 .rev-head{margin-bottom:136px}
.p7 .rev-ghost{flex:none;width:356px;background:#fff;border:1px solid var(--border);border-radius:26px;box-shadow:var(--shadow-md)}
.p7 .rev-foot{display:flex;flex-direction:column;align-items:center;gap:20px;padding-top:0;margin-top:-14px}
.p7 .reviews .btn-pink{padding:16px 34px;font-size:15.5px}
/* ---- cta + форма ---- */
.p7 .sv-cta{padding:0 0 0}
.p7 .cta-card{background:#fff;border:1px solid var(--border);border-radius:36px;box-shadow:0 20px 50px rgba(198,130,155,.12);padding:36px 52px;display:flex;justify-content:center;gap:48px;align-items:center}
.p7 .cta-left{width:460px;flex:none;display:flex;flex-direction:column;gap:13.1px;padding:34px 0 26px}
.p7 .cta-left h2{font-family:var(--serif);font-size:38px;line-height:43.32px;font-weight:600}
.p7 .cta-left>p{font-size:16px;line-height:27.2px;color:var(--body)}
.p7 .cta-checks{display:flex;flex-direction:column;gap:12px;padding-top:10.9px}
.p7 .cta-checks p{display:flex;align-items:center;gap:12px;font-size:14.5px;color:var(--body2)}
.p7 .cta-checks i{width:30px;height:30px;border-radius:15px;background:var(--pinkbg3);color:var(--pink2);font-style:normal;font-size:15px;display:flex;align-items:center;justify-content:center;flex:none}
.p7 .cta-phone{display:flex;align-items:center;gap:12px;padding-top:12.9px}
.p7 .cta-phone img{width:42px;height:42px;border-radius:21px;flex:none}
.p7 .cta-phone b{font-size:20px;font-weight:700}
.p7 .cta-form{width:558px;flex:none;display:flex;flex-direction:column;gap:13px}
.p7 .cta-row{display:flex;gap:14px}
.p7 .cta-row .inp{flex:1;min-width:0}
.p7 .sel{flex:1;min-width:0;position:relative;background:#FFF9FB;border:1px solid var(--border3);border-radius:14px;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;font-size:15px;color:var(--ink)}
.p7 .sel svg{flex:none}
.p7 .cta-photo{display:flex;align-items:center;gap:11px;padding-top:3px}
.p7 .cta-photo .photo-add{width:76px;height:76px;font-size:24px}
.p7 .cta-photo span{font-size:13.5px;line-height:21.6px;color:var(--muted)}
.p7 .cta-form .textarea{min-height:102px}
.p7 .cta-form .order-send{margin-top:6px}
/* ---- faq ---- */
.p7 .sv-faq{padding:129px 0 91px}
.p7 .sv-faq .sv-container{display:flex;flex-direction:column;align-items:center;gap:40px}
.p7 .faq-list{width:1176px;max-width:100%;display:flex;flex-direction:column;gap:14px}
.p7 .faq-item{padding:25px 26px}
.p7 .faq-q h3{line-height:21.5px}
.p7 .faq-tog{width:24px;height:24px;border-radius:12px}
.p7 .faq-a{width:855px;max-width:100%;padding-top:16px}
/* ---- другие услуги ---- */
.p7 .sv-cats{padding:0 0 153px}
.p7 .cats-head{display:flex;justify-content:space-between;align-items:flex-end}
.p7 .cats-head h2{font-family:var(--serif);font-size:32px;font-weight:600;line-height:1.15}
.p7 .cats-head a{font-size:15px;font-weight:600;color:var(--pink2);padding-bottom:2px;transition:.2s}
.p7 .cats-head a:hover{color:var(--pink3)}
.p7 .cats{margin-top:17px;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.p7 .cat-card{background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-md);overflow:hidden;display:flex;flex-direction:column;transition:.2s}
.p7 .cat-card:hover{transform:translateY(-2px)}
.p7 .cat-card img{width:100%;height:276px;object-fit:cover;flex:none}
.p7 .cat-card h3{padding:18px 20px;font-size:16.5px;font-weight:700}
/* ---- footer tweaks (по рендеру p07) ---- */
.p7 .footer{padding:60px 0 27px}
.p7 .footer-in{padding:0 32px}
/* AUTO-MOBILE-PATCH */
@media (max-width: 860px){
/* ============ p07 — Поддерживающая уборка ============ */
.p7 .sv-container{width:auto;min-width:0;max-width:calc(100% - 32px)}
.p7 .sv-left{width:auto;min-width:0;max-width:100%}
.p7 .sv-lead{width:auto;min-width:0;max-width:100%}
.p7 .sv-right{width:auto;min-width:0;max-width:100%}
.p7 .sv-photo{width:auto;min-width:0;max-width:100%}
.p7 .inc-left{width:auto;min-width:0;max-width:100%}
.p7 .inc-grid{width:100%;grid-template-columns:1fr 1fr}
.p7 .inc-paras{width:auto;min-width:0;max-width:100%}
.p7 .gs-left{width:auto;min-width:0;max-width:100%}
.p7 .not-left{width:auto;min-width:0;max-width:100%}
.p7 .fit-card{width:auto;min-width:0;max-width:100%}
.p7 .sched-sub{width:auto;min-width:0;max-width:100%}
.p7 .ba-card{width:auto;min-width:0;max-width:100%}
.p7 .rev-card{width:auto;min-width:0;max-width:100%}
.p7 .rev-ghost{width:auto;min-width:0;max-width:100%}
.p7 .cta-left{width:auto;min-width:0;max-width:100%}
.p7 .cta-form{width:auto;min-width:0;max-width:100%}
.p7 .faq-list{width:auto;min-width:0;max-width:100%}
.p7 .faq-a{width:auto;min-width:0;max-width:100%}
/* ---- hero: бейдж наверх, h1 в ширину экрана, компактная статистика ---- */
.p7 .sv-hero{padding:36px 0 0}
.p7 .sv-left .hero-badge{order:-1;align-self:flex-start;text-align:left;font-size:11px}
.p7 .sv-left h1{font-size:31px;line-height:1.16;text-align:left}
.p7 .sv-lead{font-size:15px;line-height:1.6;text-align:left}
.p7 .sv-lead br,.p7 .sched-sub br,.p7 .cta-left>p br,.p7 .cta-photo span br{display:none}
.p7 .sv-stats{flex-wrap:wrap;gap:8px;padding-top:10px}
.p7 .sv-stat{flex:1 1 0;min-width:0;padding:10px 11px;gap:3px}
.p7 .sv-stat span{font-size:10px}
.p7 .sv-stat b{font-size:14.5px}
.p7 .sv-left .sv-cta{flex-direction:column;align-items:stretch;gap:10px;padding-top:8px}
.p7 .sv-left .sv-cta .btn-pink{padding:15px 20px;font-size:15px;text-align:center}
.p7 .sv-left .sv-scroll{justify-content:center;font-size:14px}
.p7 .inc-card{margin-top:26px;padding:24px 18px 20px;gap:18px;border-radius:22px}
.p7 .inc-left h2{font-size:21px}
.p7 .inc-left p{font-size:13px;line-height:1.5}
.p7 .inc-left h3{font-size:16.5px}
.p7 .inc-it{font-size:12.5px;line-height:1.4;gap:8px}
.p7 .inc-it i{width:18px;height:18px;border-radius:9px;font-size:12.5px;line-height:1}
.p7 .inc-div{padding-top:16px}
.p7 .inc-paras{gap:10px}
.p7 .inc-paras p{font-size:13px;line-height:1.55}
/* ---- состав работ: компактно, без вылезаний за карточки ---- */
.p7 .sv-zones{padding:44px 0 0}
.p7 .sv-zones::before{top:0;height:100%}
.p7 .zones{margin-top:20px;grid-template-columns:1fr 1fr;gap:12px}
.p7 .zone-card{padding:18px 14px 16px;gap:14px;border-radius:18px;min-width:0}
.p7 .zone-head{gap:10px}
.p7 .zone-head img{width:44px;height:44px}
.p7 .zone-head h3{font-size:15.5px;line-height:1.25}
.p7 .zone-list{grid-template-columns:1fr;gap:8px}
.p7 .zone-it{font-size:12.5px;line-height:1.4;gap:8px;min-width:0}
.p7 .zone-it i{width:18px;height:18px;border-radius:9px;font-size:12.5px}
.p7 .glass{margin-top:12px;flex-direction:column;gap:16px;padding:18px 14px 16px;border-radius:18px}
.p7 .gs-top{gap:10px}
.p7 .gs-top img{width:44px;height:44px}
.p7 .gs-top h3{font-size:16.5px}
.p7 .gs-left>p{padding-top:10px;font-size:13px;line-height:1.55}
.p7 .gs-points{padding-top:8px;gap:8px}
.p7 .gs-points p{font-size:12.5px;line-height:1.4;gap:8px}
.p7 .gs-points i{width:18px;height:18px;border-radius:9px;font-size:10px}
.p7 .gs-right{width:100%;min-width:0;padding-top:0}
.p7 .gs-right h4{font-size:11px}
.p7 .gs-tags{margin-top:8px;grid-template-columns:1fr 1fr;gap:8px}
.p7 .gs-tag{padding:8px 10px;font-size:12px;line-height:1.35;min-width:0}
/* ---- важно знать: колонку вниз, карточка в стек ---- */
.p7 .sv-not{padding:44px 0 0}
.p7 .not-card{flex-direction:column;gap:16px;padding:22px 16px;border-radius:18px}
.p7 .not-left h3{font-size:11px}
.p7 .not-left h2{font-size:22px;line-height:1.3;padding-top:4px}
.p7 .not-left p{font-size:13px;line-height:1.55;padding-top:10px}
.p7 .not-link{margin-top:12px;padding:12px 18px;font-size:13.5px}
.p7 .not-right{padding-top:0;gap:14px}
.p7 .not-col{gap:10px}
.p7 .not-it{font-size:12.5px;line-height:1.4;gap:8px}
.p7 .not-it i{width:20px;height:20px;border-radius:10px;font-size:13.5px}
/* ---- подбор услуги ---- */
.p7 .sv-fit{padding:44px 0 0}
.p7 .sv-fit::before{top:0;height:100%}
.p7 .fit-row{margin-top:20px;flex-direction:column;gap:12px}
.p7 .fit-card{padding:20px 16px;gap:14px;border-radius:18px}
.p7 .fit-card.yes{padding-bottom:20px}
.p7 .fit-top{gap:10px}
.p7 .fit-ic{width:38px;height:38px;border-radius:19px;font-size:19px}
.p7 .fit-top h3{font-size:19px}
.p7 .fit-list{gap:10px}
.p7 .fit-it{font-size:12.5px;line-height:1.45;gap:8px}
.p7 .fit-it i{width:20px;height:20px;border-radius:10px;font-size:13.5px}
.p7 .fit-note{font-size:12.5px;line-height:1.5}
.p7 .fit-link{margin-top:14px;padding:12px 18px;font-size:13.5px}
/* ---- график: сетка 2 колонки, пилюля по ширине карточки ---- */
.p7 .sv-sched{padding:44px 0 0}
.p7 .sv-sched::before{top:0;height:100%}
.p7 .sched-grid{margin-top:16px;grid-template-columns:1fr 1fr;gap:12px}
.p7 .sched-card{padding:22px 14px 16px;min-height:0;gap:10px;border-radius:16px;min-width:0}
.p7 .sched-card.hot{padding:24px 14px 16px}
.p7 .sched-pill{left:-6px;right:-6px;top:-12px;transform:none;width:auto;text-align:center;font-size:10.5px;letter-spacing:.06em;padding:8px 8px;white-space:nowrap}
.p7 .sched-t{font-size:17px;line-height:1.35;min-height:0}
.p7 .sched-t b{font-size:26px;line-height:1.2}
.p7 .sched-d{font-size:12.5px;line-height:1.45;padding-top:2px}
.p7 .sched-tag{padding:7px 12px;font-size:12px}
.p7 .sched-note{margin-top:18px;font-size:12.5px}
/* ---- шаги: 2 колонки ---- */
.p7 .sv-steps{padding:44px 0 40px}
.p7 .steps{margin-top:22px;grid-template-columns:1fr 1fr;gap:12px}
.p7 .step{padding:18px 14px 16px;gap:4px;min-height:0;border-radius:16px;min-width:0}
.p7 .step b{font-size:24px}
.p7 .step h3{font-size:14.5px;line-height:1.3;padding-top:2px}
.p7 .step p{font-size:12.5px;line-height:1.45}
/* ---- до и после (лента: 1 карточка + край следующей) ---- */
.p7 .sv-ba{padding:44px 0 0}
.p7 .ba-row{margin-top:22px;gap:12px;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}
.p7 .ba-row::-webkit-scrollbar{display:none}
.p7 .ba-card{width:274px;flex:none;max-width:100%}
.p7 .ba-pics{height:200px}
.p7 .ba-pics img{height:200px}
.p7 .ba-cap{padding:9px 14px;font-size:14px}
/* ---- оборудование ---- */
.p7 .sv-gear{padding:44px 0 0}
.p7 .gear{margin-top:22px;grid-template-columns:1fr 1fr;gap:12px}
.p7 .gear-card{padding:18px 14px 16px;gap:12px;border-radius:18px;min-width:0}
.p7 .gear-main{padding-bottom:18px}
.p7 .gear-card h3{font-size:16.5px}
.p7 .gear-col{gap:9px}
.p7 .gear-it{font-size:12.5px;line-height:1.4;gap:8px}
.p7 .gear-it i{width:18px;height:18px;border-radius:9px;font-size:12.5px}
.p7 .gear-side{gap:9px}
.p7 .gear-side>p{font-size:12.5px;line-height:1.45}
.p7 .gear-list{gap:8px;padding-top:8px}
.p7 .gear-list p{font-size:12.5px;line-height:1.4;gap:8px}
/* ---- отзывы (карусель не трогаем) ---- */
.p7 .reviews{padding:40px 0 44px}
.p7 .rev-head{margin-bottom:18px}
.p7 .rev-foot{margin-top:6px}
/* ---- cta + форма: стек, поля в одну колонку ---- */
.p7 section.sv-cta{padding:20px 0 4px}
.p7 .cta-card{flex-direction:column;align-items:stretch;gap:20px;padding:20px 16px;border-radius:22px}
.p7 .cta-left{padding:0;gap:12px}
.p7 .cta-left h2{font-size:27px;line-height:1.2}
.p7 .cta-left>p{font-size:13.5px;line-height:1.55}
.p7 .cta-checks{gap:9px;padding-top:2px}
.p7 .cta-checks p{font-size:12.5px;gap:9px}
.p7 .cta-checks i{width:22px;height:22px;border-radius:11px;font-size:13.5px}
.p7 .cta-phone{padding-top:4px}
.p7 .cta-phone img{width:40px;height:40px}
.p7 .cta-phone b{font-size:18px}
.p7 .cta-form{gap:11px}
.p7 .cta-row{flex-wrap:wrap;gap:11px}
.p7 .cta-row .inp{flex:1 1 100%}
.p7 .cta-row .sel{flex:1 1 100%}
.p7 .cta-photo{gap:10px}
.p7 .cta-photo span{font-size:12px;line-height:1.4}
.p7 .cta-form .textarea{min-height:88px}
.p7 .cta-form .order-send{width:100%;margin-top:4px;text-align:center}
/* ---- faq ---- */
.p7 .sv-faq{padding:44px 0 48px}
.p7 .sv-faq .sv-container{gap:20px}
.p7 .faq-list{gap:9px}
.p7 .faq-item{padding:14px 14px 15px;border-radius:16px}
.p7 .faq-q h3{font-size:14px;line-height:1.35}
.p7 .faq-tog{width:22px;height:22px;border-radius:11px;flex:none}
.p7 .faq-a{padding-top:10px;font-size:12.5px;line-height:1.5}
/* ---- другие услуги ---- */
.p7 .sv-cats{padding:0 0 48px}
.p7 .cats-head h2{font-size:23px}
.p7 .cats-head a{font-size:14px}
.p7 .cats{margin-top:14px;grid-template-columns:1fr 1fr;gap:12px}
.p7 .cat-card{border-radius:16px;min-width:0}
.p7 .cat-card img{height:150px}
.p7 .cat-card h3{padding:11px 12px;font-size:13px;line-height:1.3}
/* ---- footer ---- */
.p7 .footer{padding:32px 0 20px}
.p7 .footer-in{padding:0 16px}
}
/* === SOURCE: css\pages\p08.css === */
.p8-bc{margin:92px auto 0;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}
.p8-bc a{transition:.2s}
.p8-bc a:hover{color:var(--pink3)}
.p8-bc b{font-weight:500;color:var(--body2)}
.p8-hero{padding:44px 0 0}
.p8-hero-in{display:flex;justify-content:space-between;align-items:flex-start}
.p8-hero-left{width:530px;flex:none;display:flex;flex-direction:column;align-items:flex-start}
.p8-badge{display:inline-flex;background:var(--pinkbg3);border-radius:99px;padding:8px 16px;font-size:12.5px;font-weight:600;letter-spacing:.09em;color:var(--pink2);text-transform:uppercase}
.p8-h1{font-family:var(--serif);font-weight:600;font-size:56px;line-height:60px;letter-spacing:-.01em;margin-top:8px;color:var(--ink)}
.p8-lead{margin-top:15px;width:500px;max-width:100%}
.p8-lead p{font-size:16px;line-height:29px;color:#6B5B62}
.p8-lead p+p{margin-top:14px}
.p8-stats{display:flex;gap:56px;margin:30px 0 0}
.p8-stat em{display:block;font-style:normal;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.p8-stat b{display:block;margin-top:6px;font-family:var(--serif);font-weight:600;font-size:25px;color:var(--ink);white-space:nowrap}
.p8-brigade{margin-top:14px;display:inline-flex;align-items:center;gap:10px;background:var(--pinkbg3);border-radius:99px;padding:10px 18px}
.p8-brigade span{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--pink2)}
.p8-brigade b{font-size:14px;font-weight:600;color:var(--ink)}
.p8-btn{margin-top:4px;padding:18px 36px;font-size:15px}
.p8-hero-right{width:549px;flex:none;position:relative;margin-right:-11px;margin-top:1px}
.p8-deco{position:absolute;left:-23px;top:-13px;right:-12px;bottom:-18px;background:linear-gradient(149deg,#FDE2EC 0%,#FBF0F4 100%);border-radius:40px}
.p8-photo{position:relative;width:549px;height:529px;border-radius:32px;overflow:hidden;box-shadow:var(--shadow-lg)}
.p8-photo img{width:100%;height:100%;object-fit:cover;display:block}
.p8-complex{margin-top:92px;display:flex;justify-content:space-between;align-items:flex-start}
.p8-complex-info{width:280px;flex:none;padding-top:54px}
.p8-complex-t{font-family:var(--serif);font-weight:600;font-size:24px;color:var(--ink)}
.p8-complex-d{margin-top:10px;font-size:14px;line-height:22px;color:var(--body)}
.p8-complex-card{width:868px;flex:none;background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-sm);padding:24px 30px 24px}
.p8-complex-head{display:flex;align-items:center;justify-content:space-between}
.p8-complex-label{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--pink2)}
.p8-complex-card .p8-brigade{margin:0;padding:5px 14px}
.p8-list{display:flex;flex-direction:column;gap:14px;list-style:none}
.p8-list li{display:flex;align-items:flex-start;gap:16px;font-size:14px;line-height:1.45;color:var(--ink)}
.p8-check{width:24px;height:24px;border-radius:8px;background:var(--pinkbg3);color:var(--pink2);font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex:none;margin-top:1px}
.p8-list-col{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(6,auto);grid-auto-flow:column;column-gap:24px;row-gap:12px}
.p8-minis{margin-top:18px;display:flex;gap:16px;align-items:stretch}
.p8-mini-card{width:337px;flex:none;background:#fff;border:1px solid var(--border);border-radius:20px;padding:20px 22px;box-shadow:var(--shadow-sm)}
.p8-mini-card h3{font-size:16px;font-weight:700;color:var(--ink)}
.p8-mini-card p{margin-top:8px;font-size:13.5px;line-height:1.5;color:var(--body)}
.p8-mini-chips{flex:1;display:flex;flex-wrap:wrap;gap:14px 16px;align-content:flex-start}
.p8-chip{background:rgba(253,240,245,.6);border-radius:24px;padding:14px 20px;min-height:50px;box-sizing:border-box;font-size:13px;font-weight:600;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;text-align:center}
.p8-chip-lg{max-width:287px;padding:6px 20px}
.p8-strip{margin:19px 13px 0;height:15px;border-radius:8px;background:var(--pinkbg)}
.p8-kicker{display:block;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--pink2);text-align:center}
.p8-zones{margin-top:120px;background:linear-gradient(180deg,#FFFAFC 0,#FDF0F5 110px,#FDF0F5 calc(100% - 40px),#FFFAFC 100%);padding:12px 0 26px}
.p8-zones .sec-sub{margin-top:4px}
.p8-zgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;margin-top:50px}
.p8-zcard{background:#fff;border-radius:24px;padding:30px;box-shadow:var(--shadow-sm);min-height:407px;display:flex;flex-direction:column}
.p8-zcard-sm{min-height:378px}
.p8-zhead{display:flex;align-items:center;gap:20px}
.p8-zhead h3{font-family:var(--serif);font-weight:600;font-size:24px;line-height:1.2;color:var(--ink)}
.p8-ic{width:56px;height:56px;border-radius:50%;background:var(--pinkbg3);color:var(--pink2);display:flex;align-items:center;justify-content:center;font-size:26px;flex:none}
.p8-ic-white{background:#fff}
.p8-list-2{margin-top:26px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,auto);grid-auto-flow:column;column-gap:14px;row-gap:19px}
.p8-note{margin-top:auto;padding-top:18px;font-size:13.5px;line-height:1.55;color:#8A757E}
.p8-list .p8-note{padding-top:0}
.p8-zwide{margin-top:14px;min-height:520px;padding:30px 40px 30px 30px}
.p8-zwide-cols{display:grid;grid-template-columns:1fr 1fr;gap:30px 46px}
.p8-zcol{display:flex;flex-direction:column}
.p8-zcol .p8-list{margin-top:24px}
.p8-zcol .p8-note{margin-top:20px;padding-top:0}
.p8-zcol{justify-content:flex-start}
.p8-extra{margin-top:28px;border-top:1px solid var(--border);padding-top:24px}
.p8-extra-head{display:flex;align-items:baseline;gap:26px}
.p8-extra-head .p8-kicker{text-align:left}
.p8-extra-head p{max-width:270px;font-size:14px;line-height:1.4;color:var(--body)}
.p8-extra-chips{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.p8-extra-chips span{background:#fff;border:1px solid var(--border3);border-radius:99px;padding:8px 18px;font-size:13.5px;font-weight:500;color:var(--ink)}
.p8-formats{padding-top:118px}
.p8-formats .sec-sub{margin-top:4px}
.p8-fgrid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:46px}
.p8-fcard{background:#fff;border:1px solid var(--border);border-radius:24px;padding:28px 30px 30px;min-height:385px;box-shadow:var(--shadow-sm)}
.p8-fcard-pink{background:var(--pinkbg);border:none;display:flex;flex-direction:column}
.p8-fcard-pink .p8-note{padding-top:0}
.p8-fdesc{margin-top:14px;font-size:14.5px;line-height:1.55;color:var(--body)}
.p8-fcard .p8-list{margin-top:20px;gap:12px}
.p8-know{margin-top:95px;background:var(--pinkbg);border-radius:24px;padding:44px 46px 40px;display:grid;grid-template-columns:340px 1fr 1fr;gap:0 88px;box-shadow:var(--shadow-sm)}
.p8-know-left .p8-kicker{text-align:left}
.p8-know-left h3{margin-top:14px;font-family:var(--serif);font-weight:600;font-size:30px;line-height:1.3;color:var(--ink)}
.p8-know-left p{margin-top:14px;font-size:14.5px;line-height:1.65;color:#5C4E54}
.p8-white-btn{display:inline-flex;align-self:flex-start;margin-top:30px;background:#fff;border-radius:99px;padding:15px 30px;font-size:14px;font-weight:600;color:var(--pink3);box-shadow:0 8px 20px rgba(160,90,115,.08);transition:.2s}
.p8-white-btn:hover{background:var(--pinkbg3)}
.p8-know-col{list-style:none;display:flex;flex-direction:column;gap:19px;padding-top:48px}
.p8-know-col li{display:flex;gap:12px;font-size:14.5px;line-height:1.5;color:var(--ink)}
.p8-know-col li::before{content:"—";color:var(--pink2);font-weight:600;flex:none}
.p8-prep{margin-top:38px;background:var(--pinkbg);padding:74px 0 80px}
.p8-prep .sec-sub{margin-top:4px;max-width:820px}
.p8-prep-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px 24px;margin-top:46px}
.p8-prep-item{background:#fff;border-radius:20px;padding:24px 26px;display:flex;gap:16px;align-items:flex-start;box-shadow:var(--shadow-sm);min-height:120px}
.p8-num{width:38px;height:38px;border-radius:50%;background:var(--pinkbg3);color:var(--pink2);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;flex:none}
.p8-prep-item h3{font-size:15px;line-height:1.5;font-weight:600;color:var(--ink);padding-top:5px}
.p8-who{padding-top:84px}
.p8-who .sec-sub{margin-top:4px}
.p8-who-card{margin-top:56px;background:var(--pinkbg);border-radius:24px;padding:42px 44px 44px;display:grid;grid-template-columns:1fr 1fr;gap:0 60px;min-height:490px;box-shadow:var(--shadow-sm)}
.p8-who-list{margin-top:28px;display:flex;flex-direction:column;gap:21px;list-style:none}
.p8-who-list li{display:flex;gap:14px;font-size:15px;line-height:1.5;color:var(--ink)}
.p8-num-white{width:27px;height:27px;background:#fff;font-size:13px;margin-top:2px}
.p8-who-col{display:flex;flex-direction:column;align-items:flex-start}
.p8-who-col .p8-note{margin-top:26px;padding-top:0}
.p8-who-col .p8-white-btn{margin-top:22px}
.p8-steps{padding-top:72px}
.p8-steps-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;background:#fff;border:1px solid var(--border);border-radius:24px;padding:32px 30px 36px;margin-top:50px;box-shadow:var(--shadow-sm)}
.p8-steps-row+.p8-steps-row{margin-top:12px}
.p8-step-num{font-family:var(--serif);font-weight:600;font-size:26px;color:var(--pink2)}
.p8-step h3{margin-top:12px;font-size:17px;font-weight:700;color:var(--ink)}
.p8-step p{margin-top:10px;font-size:14.5px;line-height:1.55;color:var(--body)}
.p8-refs{padding-top:86px}
.p8-refs .sec-sub{margin-top:4px}
.p8-refs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:36px}
.p8-refcard{background:#fff;border-radius:22px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-sm)}
.p8-refpic img{width:100%;height:277px;object-fit:cover;display:block}
.p8-refcap{margin-top:0;height:70px;flex:none;background:var(--pinkbg);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600}
.p8-equip{padding-top:50px}
.p8-equip .sec-sub{margin-top:4px}
.p8-equip-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:36px}
.p8-ecard{background:#fff;border:1px solid var(--border);border-radius:24px;padding:28px 30px 30px;min-height:330px;box-shadow:var(--shadow-sm)}
.p8-ecard-pink{background:var(--pinkbg);border:none;display:flex;flex-direction:column}
.p8-ecard .p8-list{margin-top:26px;gap:16px}
.p8-ec-chips{margin-top:22px;gap:12px}
.p8-ecard-pink .p8-ec-chips span{background:#fff}
.p8-reviews{padding:225px 340px 34px;background:linear-gradient(180deg,rgba(253,240,245,0) 0,rgba(253,240,245,1) 60px,rgba(253,240,245,1) 88%,rgba(253,240,245,0) 100%)}
.p8-reviews .revs-bottom{padding-top:12px;gap:14px}
.p8-rev-arrows{display:flex;gap:12px;justify-content:flex-end}
.p8-rev-wrap{width:1493px;max-width:none}
.p8-reviews .rev-card{width:354px;padding:24px 26px 24px;gap:12px}
.p8-reviews .rev-text{font-size:14px;line-height:21px}
.p8-order{padding-top:84px}
.p8-order-card{width:1196px;margin:0 auto;border:11px solid var(--pinkbg);border-radius:40px;background:#fff;padding:58px 0 44px 54px;display:flex;gap:56px;box-shadow:var(--shadow-md)}
.p8-order-left{width:470px;flex:none;display:flex;flex-direction:column;align-items:flex-start}
.p8-order-left h2{font-family:var(--serif);font-weight:600;font-size:40px;line-height:1.2;color:var(--ink)}
.p8-order-sub{margin-top:16px;font-size:15px;line-height:1.55;color:var(--body)}
.p8-order-feats{margin-top:26px;display:flex;flex-direction:column;gap:24px;list-style:none}
.p8-order-feats li{display:flex;align-items:center;gap:14px;font-size:14.5px;font-weight:500;color:var(--ink)}
.p8-fic{width:30px;height:30px;border-radius:50%;background:var(--pinkbg3);color:var(--pink2);display:flex;align-items:center;justify-content:center;font-size:13px;flex:none}
.p8-fic-solid{background:var(--pink);color:#fff}
.p8-order-phone{margin-top:28px;display:flex;align-items:center;gap:14px;font-size:16px;font-weight:700;color:var(--ink)}
.p8-order-form{flex:1;display:flex;flex-direction:column;gap:15px;min-width:0}
.p8-frow{display:grid;grid-template-columns:1fr 1fr;gap:19px}
.p8-photo-hint{white-space:normal;font-size:13.5px}
.p8-textarea{min-height:64px}
.p8-order-note{text-align:right}
.p8-other{padding-top:178px;padding-bottom:88px}
.p8-other-head{display:flex;justify-content:space-between;align-items:center}
.p8-other-head h2{font-family:var(--serif);font-weight:600;font-size:32px;color:var(--ink)}
.p8-all-link{font-size:15px;font-weight:600;color:var(--pink2);transition:.2s}
.p8-all-link:hover{color:var(--pink3)}
.p8-other-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:23px;margin-top:24px}
.p8-ocard{display:block;background:#fff;border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:var(--shadow-sm);transition:.2s}
.p8-ocard:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.p8-opic img{width:100%;height:273px;object-fit:cover;display:block}
.p8-ocard h3{padding:16px 14px 20px;text-align:center;font-size:16px;font-weight:600;color:var(--ink)}
.p8-footer{padding:38px 0 35px}
.p8-footer .footer-in{gap:100px}
.p8-footer .footer-cols{justify-content:flex-start;gap:0}
.p8-footer .footer-col{flex:none;max-width:none}
.p8-fcol-1{width:290px;margin-right:73px}
.p8-fcol-2{width:217px;margin-right:40px}
.p8-fcol-3{width:243px;margin-right:40px}
.p8-fcol-4{width:269px}
/* AUTO-MOBILE-PATCH */
@media (max-width: 860px){
.p8-hero-left{width:auto;min-width:0;max-width:100%}
.p8-lead{width:auto;min-width:0;max-width:100%}
.p8-hero-right{width:auto;min-width:0;max-width:100%}
.p8-photo{width:auto;min-width:0;max-width:100%}
.p8-complex-info{width:auto;min-width:0;max-width:100%}
.p8-complex-card{width:auto;min-width:0;max-width:100%}
.p8-mini-card{width:auto;min-width:0;max-width:100%}
.p8-rev-wrap{width:auto;min-width:0;max-width:100%}
.p8-reviews .rev-card{width:auto;min-width:0;max-width:100%}
.p8-order-card{width:auto;min-width:0;max-width:100%}
.p8-order-left{width:auto;min-width:0;max-width:100%}
.p8-fcol-1{width:auto;min-width:0;max-width:100%}
.p8-fcol-4{width:auto;min-width:0;max-width:100%}
/* ===== p08 mobile polish (<=860, tuned at 390) ===== */
.p8-bc{margin:18px auto 0;font-size:12px;flex-wrap:wrap}
/* hero */
.p8-hero{padding:24px 16px 10px}
.p8-hero-in{flex-direction:column;align-items:stretch;gap:16px}
.p8-badge{font-size:11px;padding:7px 14px;letter-spacing:.07em}
.p8-h1{font-size:34px;line-height:1.15;margin-top:10px}
.p8-lead{margin-top:12px}
.p8-lead p{font-size:15px;line-height:1.55}
.p8-lead p+p{margin-top:10px}
.p8-stats{margin:20px 0 0;gap:28px}
.p8-stat b{font-size:21px}
.p8-brigade{margin-top:12px;padding:8px 16px}
.p8-btn{margin-top:10px;width:100%;box-sizing:border-box;text-align:center;padding:15px 24px}
.p8-hero-right{margin:6px 0 0}
/* complex + minis */
.p8-complex{flex-direction:column;gap:14px;margin-top:44px}
.p8-complex-info{padding-top:0}
.p8-complex-t{font-size:22px}
.p8-complex-d{font-size:13.5px;line-height:1.5}
.p8-complex-card{padding:18px 16px}
.p8-complex-label{font-size:11.5px}
.p8-list{gap:12px}
.p8-list li{gap:12px;font-size:13.5px}
.p8-check{width:22px;height:22px;border-radius:7px}
.p8-list-col{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row;gap:11px;margin-top:14px}
.p8-minis{flex-direction:column;gap:12px;margin-top:14px}
.p8-mini-card{padding:16px 18px}
.p8-mini-card h3{font-size:15px}
.p8-mini-card p{margin-top:6px;font-size:13px}
.p8-mini-chips{gap:10px}
.p8-chip{padding:10px 14px;min-height:42px;font-size:12.5px}
.p8-strip{margin:14px 0 0;height:12px}
/* zones */
.p8-zones{margin-top:56px;padding:8px 16px 20px}
.p8-zgrid{grid-template-columns:1fr;gap:12px;margin-top:22px}
.p8-zcard{min-height:0;padding:18px 16px}
.p8-zcard-sm{min-height:0}
.p8-zhead{gap:12px}
.p8-zhead h3{font-size:19px}
.p8-ic{width:40px;height:40px;font-size:20px}
.p8-list-2{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row;gap:10px;margin-top:12px}
.p8-note{margin-top:12px;padding-top:0;font-size:12.5px;line-height:1.45}
.p8-zwide{min-height:0;padding:18px 16px;margin-top:12px}
.p8-zwide-cols{grid-template-columns:1fr;gap:18px}
.p8-zcol .p8-list{margin-top:12px}
.p8-zcol .p8-note{margin-top:10px}
.p8-extra{margin-top:16px;padding-top:14px}
.p8-extra-head{flex-direction:column;align-items:flex-start;gap:6px}
.p8-extra-head p{max-width:100%;font-size:12.5px}
.p8-extra-chips{gap:7px;margin-top:12px}
.p8-extra-chips span{padding:6px 12px;font-size:12px}
/* formats + know */
.p8-formats{padding-top:48px}
.p8-fgrid{grid-template-columns:1fr;gap:14px;margin-top:24px}
.p8-fcard{min-height:0;padding:20px 18px}
.p8-fdesc{margin-top:10px;font-size:13.5px}
.p8-fcard .p8-list{margin-top:14px;gap:10px}
.p8-know{margin-top:48px;padding:22px 18px;display:flex;flex-direction:column;gap:20px}
.p8-know-left h3{margin-top:10px;font-size:24px}
.p8-know-left p{margin-top:10px;font-size:13.5px}
.p8-white-btn{margin-top:18px;padding:12px 22px;font-size:13.5px}
.p8-know-col{padding-top:0;gap:11px}
.p8-know-col li{gap:10px;font-size:13.5px}
/* prep */
.p8-prep{margin-top:44px;padding:48px 16px 52px}
.p8-prep-grid{grid-template-columns:1fr;gap:12px;margin-top:24px}
.p8-prep-item{min-height:0;padding:16px 18px;gap:12px}
.p8-num{width:32px;height:32px;font-size:14px}
.p8-prep-item h3{font-size:14.5px;padding-top:2px}
/* who */
.p8-who{padding-top:48px}
.p8-who-card{margin-top:26px;min-height:0;padding:22px 18px;grid-template-columns:1fr;gap:24px}
.p8-who-list{margin-top:16px;gap:11px}
.p8-who-list li{gap:11px;font-size:14px}
.p8-num-white{width:25px;height:25px;font-size:12px}
.p8-who-col .p8-note{margin-top:14px}
.p8-who-col .p8-white-btn{margin-top:14px}
/* steps */
.p8-steps{padding-top:48px}
.p8-steps-row{grid-template-columns:1fr 1fr;gap:14px;margin-top:24px;padding:18px 16px 20px}
.p8-step-num{font-size:22px}
.p8-step h3{margin-top:8px;font-size:15.5px}
.p8-step p{margin-top:6px;font-size:13.5px}
/* refs */
.p8-refs{padding-top:48px}
.p8-refs-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
.p8-refs-grid .p8-refcard:nth-child(3){grid-column:1/-1}
.p8-refpic img{height:190px}
.p8-refcap{margin-top:0;height:48px;font-size:13.5px}
/* equip */
.p8-equip{padding-top:40px}
.p8-equip-grid{grid-template-columns:1fr;gap:14px;margin-top:22px}
.p8-ecard{min-height:0;padding:20px 18px}
.p8-ecard .p8-list{margin-top:14px;gap:10px}
.p8-ec-chips{margin-top:14px;gap:8px}
/* order */
.p8-order{padding-top:48px}
.p8-order-card{padding:20px 16px 22px;border-width:8px;border-radius:28px}
.p8-order-left h2{font-size:28px;line-height:1.2}
.p8-order-left h2 br{display:none}
.p8-order-sub{margin-top:10px;font-size:14px;line-height:1.5}
.p8-order-feats{margin-top:16px;gap:11px}
.p8-order-feats li{gap:11px;font-size:13.5px}
.p8-fic{width:26px;height:26px;font-size:12px}
.p8-order-phone{margin-top:16px;gap:10px;font-size:15px}
.p8-order-form{margin-top:16px;gap:11px}
.p8-frow{grid-template-columns:1fr;gap:11px}
.p8-photo-hint{font-size:12.5px;line-height:1.45}
.p8-order-note{font-size:11.5px;line-height:1.45;text-align:center}
/* other services */
.p8-other{padding-top:48px;padding-bottom:40px}
.p8-other-head h2{font-size:26px}
.p8-all-link{font-size:13.5px}
.p8-other-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.p8-opic img{height:150px}
.p8-ocard h3{padding:10px 8px 13px;font-size:13.5px}
/* footer */
.p8-footer{padding:30px 0 24px}
.p8-footer .footer-in{gap:22px}
.p8-footer .footer-cols{gap:20px 14px}
.p8-footer .footer-col{max-width:100%;min-width:0}
.p8-fcol-1,.p8-fcol-2,.p8-fcol-3,.p8-fcol-4{width:auto!important;min-width:0!important;max-width:100%!important;margin-right:0}
.footer-col h4{font-size:14px}
}
/* === SOURCE: css\pages\p09.css === */
.p9 .sv-h42{font-size:42px}
.p9 .wrap{padding:0}
.sv-hero{padding:82px 0 116px}
.crumbs{display:flex;align-items:center;gap:10px;height:24px;margin-bottom:26px;font-size:13px;color:var(--muted)}
.crumbs a{color:var(--muted);transition:.2s}
.crumbs a:hover{color:var(--pink3)}
.crumbs b{font-weight:400;color:var(--body2)}
.sv-row{display:flex;justify-content:center;align-items:flex-start;gap:52px}
.sv-left{width:584px;flex:none;display:flex;flex-direction:column;gap:18px;min-width:0}
.sv-left h1{font-family:var(--serif);font-weight:600;font-size:46px;line-height:52px;letter-spacing:-.01em;color:var(--ink)}
.sv-lead{width:520px;max-width:100%;font-size:16px;line-height:29px;color:#6B5B62}
.sv-sub{font-size:16px;line-height:27px;color:var(--body)}
.sv-stats{display:flex;gap:20px;padding-top:18px}
.sv-stat{background:#fff;border:1px solid var(--border3);border-radius:14px;padding:13px 18px 15px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow-sm)}
.sv-stat span{font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--pink3)}
.sv-stat b{font-family:var(--serif);font-size:24px;font-weight:600;color:var(--ink);white-space:normal}
.sv-stat.hot b{color:var(--pink3)}
.sv-cta{display:flex;align-items:center;gap:74px;padding-top:14px}
.sv-cta .btn-pink{padding:17px 34px 16px;font-size:16px}
.inc-label{font-size:17px;font-weight:700;color:var(--ink)}
.sv-right{position:relative;width:532px;flex:none}
.sv-deco{position:absolute;left:-14px;top:7px;width:622px;height:600px;border-radius:48px;background:linear-gradient(150deg,#FDE2EC 0%,#FBF0F4 100%)}
.sv-photo{position:relative;margin-top:35px;width:532px;height:512px;object-fit:cover;border-radius:32px;box-shadow:var(--shadow-lg)}
.inc-card{margin-top:28px;background:#fff;border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow-md);padding:36px 40px;display:flex;flex-wrap:wrap;gap:44px}
.inc-left{width:284px;flex:none;display:flex;flex-direction:column;gap:10px;padding-top:14px}
.inc-left h2{font-family:var(--serif);font-size:27px;font-weight:600;line-height:1.2}
.inc-left p{width:250px;font-size:14.5px;line-height:25px;color:var(--body)}
.inc-grid{flex:1;display:grid;grid-auto-flow:column;grid-template-rows:repeat(5,auto);grid-template-columns:1fr 1fr;gap:18px 26px;align-content:start;padding:6px 0}
.inc-it{display:flex;gap:12px;font-size:14px;line-height:21px;color:var(--body2)}
.inc-it i{flex:none;width:18px;height:18px;border-radius:9px;background:var(--pinkbg3);border:1px solid #F2B7CC;margin-top:2px}
.inc-note{flex-basis:100%;margin:56px 0 0;background:none;border:none;box-shadow:none;border-radius:0;padding:0 0 0 60px;font-size:13.5px;line-height:27px;color:var(--body2);text-align:left}
.band{position:relative}
.band::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(253,240,245,0) 0%,rgba(253,240,245,1) 9%,rgba(253,240,245,1) 91%,rgba(253,240,245,0) 100%);pointer-events:none}
.band>.container{position:relative}
.sv-method{padding:56px 0 134px}
.sec-gap{display:flex;flex-direction:column;align-items:center;gap:11px;text-align:center}
.mt-grid{margin-top:44px;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.mt-card{background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-md);padding:44px 32px 30px;display:flex;flex-direction:column}
.mt-num{font-family:var(--serif);font-size:32px;font-weight:600;line-height:1.1;color:var(--pink-soft)}
.mt-card h3{font-size:18px;font-weight:700;padding-top:8px;color:var(--ink)}
.mt-card>p{font-size:14.5px;line-height:22px;color:var(--body);padding-top:7px}
.dot-list{display:flex;flex-direction:column;gap:10px;padding-top:16px}
.dot-it{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:20px;color:var(--body2)}
.dot-it i{flex:none;width:18px;height:18px;border-radius:9px;background:var(--pinkbg3);border:1px solid #F2B7CC;margin-top:1px}
.mt-card .dot-list{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px;padding-top:16px}
.mt-note{margin-top:auto;background:var(--pinkbg);border-radius:12px;padding:13px 18px;font-size:13.5px;line-height:25px;color:var(--body2)}
.mt-card .mt-note{margin-top:18px}
.sv-zones{padding:64px 0 129px}
.zn-grid{margin-top:44px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px 22px}
.zn-card{background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-md);padding:44px 28px 30px;display:flex;flex-direction:column}
.zn-card h3{font-family:var(--serif);font-size:26px;font-weight:600;line-height:31px;color:var(--ink)}
.zn-card .dot-list{padding-top:34px;gap:14px}
.zn-extra{margin-top:14px;background:#fff;border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow-md);padding:36px 40px 27px;display:flex;gap:48px}
.zn-extra .inc-left{width:300px;padding-top:2px}
.zn-extra .inc-left h2{font-size:24px}
.zn-extra .inc-grid{padding:0}
.sv-move{padding:48px 0 122px}
.mv-grid{display:flex;gap:24px;align-items:stretch}
.mv-main{width:574px;flex:none;background:#fff;border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow-md);padding:36px 40px;display:flex;flex-direction:column}
.mv-main h3,.mv-pink h3{font-family:var(--serif);font-size:26px;font-weight:600;line-height:1.2;color:var(--ink)}
.mv-main>p{font-size:14.5px;line-height:26px;color:var(--body);padding-top:10px}
.mv-cols{display:grid;grid-template-columns:1fr 1fr;gap:26px;padding-top:24px}
.mv-col h4{font-size:11.5px;font-weight:700;letter-spacing:.1em;color:var(--pink3)}
.mv-col .dot-list{padding-top:12px;gap:14px}
.mv-link{display:inline-flex;align-self:flex-start;margin-top:auto;padding-top:26px;font-size:15px;font-weight:600;color:var(--pink2);transition:.2s}
.mv-link:hover{color:var(--pink3)}
.mv-side{flex:1;display:flex;flex-direction:column;gap:24px;min-width:0}
.mv-pink{background:#FCE7EF;border-radius:28px;padding:32px 36px 6px;display:flex;flex-direction:column}
.mv-pink>p{font-size:14.5px;line-height:26px;color:var(--body2);padding-top:10px}
.chips{display:flex;flex-wrap:wrap;gap:10px;padding-top:18px}
.chip{background:#fff;border-radius:99px;padding:9px 16px;font-size:13.5px;font-weight:600;color:var(--body2)}
.mv-pink .chips{padding-top:36px;gap:8px}
.mv-decide{background:var(--bg);border-radius:24px;padding:26px 32px 30px}
.mv-decide h3{font-family:var(--serif);font-size:22px;font-weight:600;color:var(--ink)}
.mv-decide>p{font-size:13.5px;line-height:25px;color:var(--body);padding-top:8px}
.mv-decide .chips{padding-top:14px}
.sv-result{padding:80px 0 0}
.rs-grid{margin-top:44px;display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
.rs-card{background:#fff;border-radius:20px;padding:22px 24px 26px;min-height:230px;display:flex;flex-direction:column}
.rs-card b{font-family:var(--serif);font-size:56px;font-weight:600;line-height:1;color:var(--pink2)}
.rs-body{margin-top:auto;border-top:1px solid rgba(217,77,119,.22);padding-top:16px;font-size:14px;line-height:21px;color:var(--body2)}
.sv-vazh{padding:142px 0 124px}
.vz-grid{display:grid;grid-template-columns:340px 1fr;gap:64px;align-items:start}
.vz-left .kicker{text-align:left}
.vz-left h2{font-family:var(--serif);font-size:40px;line-height:50px;font-weight:600;color:var(--ink);padding-top:14px}
.vz-left p{font-size:15px;line-height:26px;color:var(--body);padding-top:16px}
.vz-link{display:inline-block;padding-top:20px;font-size:15px;font-weight:600;color:var(--pink2);transition:.2s}
.vz-link:hover{color:var(--pink3)}
.vz-items{display:grid;grid-template-columns:1fr 1fr;gap:15px 30px;align-content:start;padding-top:4px}
.vz-items .dot-it{font-size:14.5px;line-height:21.75px}
.sv-fit{padding:36px 0 153px}
.fit-row{margin-top:40px;display:flex;justify-content:center;gap:24px}
.fit-card{width:574px;border-radius:26px;padding:30px 36px 34px;display:flex;flex-direction:column}
.fit-card.yes{background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-md)}
.fit-card.no{background:#FBE2EC}
.fit-card h3{font-size:18px;font-weight:700;color:var(--ink)}
.fit-list{display:flex;flex-direction:column;gap:14px;padding-top:20px}
.fit-it{display:flex;gap:14px;font-size:14.5px;line-height:22px;color:var(--body2)}
.fit-it b{font-family:var(--serif);font-size:16px;font-weight:600;color:var(--pink2);flex:none;line-height:22px}
.fit-note{font-size:13.5px;line-height:21px;color:var(--body2);padding-top:18px}
.fit-link{display:inline-flex;align-self:flex-start;margin-top:16px;background:#fff;border:1px solid #F7CEDD;border-radius:99px;padding:9px 17px;font-size:13px;font-weight:600;color:var(--pink3);transition:.2s}
.fit-link:hover{background:var(--pinkbg3)}
.sv-steps{padding:26px 0 30px}
.st-grid{margin-top:44px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.st-card{background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-md);padding:44px 26px 26px;display:flex;flex-direction:column}
.st-card b{font-family:var(--serif);font-size:26px;font-weight:600;line-height:1.1;color:var(--pink-soft)}
.st-card h3{font-size:17px;font-weight:700;padding-top:9px;color:var(--ink)}
.st-card p{font-size:14px;line-height:26px;color:var(--body);padding-top:7px}
.sv-ba{padding:122px 0 96px}
.ba-head{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
.ba-head span{font-size:13px;font-weight:700;letter-spacing:.12em;color:var(--ink);text-transform:uppercase}
.ba-head p{font-size:16px;color:var(--body)}
.ba-row{margin-top:40px;display:flex;justify-content:center;gap:28px}
.ba-card{width:372px;flex:none;background:#fff;border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow-md);overflow:hidden}
.ba-pics{display:flex;height:274px}
.ba-pics img{width:50%;height:274px;object-fit:cover}
.ba-cap{padding:15px 16px;text-align:center;font-size:15px;font-weight:600;color:var(--ink)}
.sv-gear{padding:0 0 88px}
.gear-card{background:#fff;border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow-md);padding:38px 44px 42px;display:flex;gap:56px}
.gear-left{width:344px;flex:none;display:flex;flex-direction:column}
.gear-left .kicker{text-align:left}
.gear-left h2{font-family:var(--serif);font-size:30px;font-weight:600;color:var(--ink);padding-top:10px}
.gear-left p{font-size:14px;line-height:22px;color:var(--body);padding-top:14px}
.gear-tags{flex:1;display:flex;flex-wrap:wrap;gap:11px;align-content:flex-start;padding-top:8px}
.gear-tag{background:var(--pinkbg);border-radius:99px;padding:11px 17px;font-size:13.5px;font-weight:600;color:var(--body)}
.p9 .reviews{padding:90px 340px 64px}
.p9 .rev-card{width:352px}
.p9 .rev-track{gap:28px}
.p9 .rev-track-wrap{margin-right:-372px}
.p9 .revs-bottom{padding-top:14px}
.sv-order{padding:69px 0 45px}
.ord-card{background:#fff;border:1px solid var(--border);border-radius:36px;box-shadow:var(--shadow-lg);padding:42px 48px 40px;display:flex;justify-content:center;gap:52px}
.ord-left{width:470px;flex:none;display:flex;flex-direction:column}
.ord-left h2{font-family:var(--serif);font-size:38px;line-height:44px;font-weight:600;color:var(--ink)}
.ord-left>p{font-size:15.5px;line-height:26px;color:var(--body);padding-top:12px}
.ord-checks{display:flex;flex-direction:column;gap:12px;padding-top:16px}
.ord-checks p{display:flex;align-items:center;gap:12px;font-size:14.5px;line-height:20px;color:var(--body2)}
.ord-checks i{flex:none;width:30px;height:30px;border-radius:15px;background:var(--pinkbg3);color:var(--pink2);font-style:normal;font-size:15px;display:flex;align-items:center;justify-content:center}
.ord-phone{display:flex;align-items:center;gap:12px;padding-top:20px;font-size:17px;font-weight:700;color:var(--ink)}
.ord-phone i{flex:none;width:38px;height:38px;border-radius:19px;background:var(--pinkbg3);color:var(--pink2);font-style:normal;font-size:15px;display:flex;align-items:center;justify-content:center}
.ord-form{width:532px;flex:none;display:flex;flex-direction:column;gap:14px}
.ord-row{display:flex;gap:14px}
.ord-row .inp{flex:1;min-width:0}
.ord-photo{display:flex;align-items:center;gap:13px;background:#FFF9FB;border:1px dashed #F0B9CE;border-radius:14px;padding:11px 14px}
.ord-photo i{flex:none;width:44px;height:44px;border-radius:12px;background:var(--pinkbg3);color:var(--pink2);font-style:normal;font-size:20px;display:flex;align-items:center;justify-content:center;transition:.2s}
.ord-photo:hover i{background:#fbe0ea}
.ord-photo span{font-size:13px;line-height:19.5px;color:var(--muted)}
.ord-form .textarea{min-height:100px}
.ord-form .order-send{margin-top:4px}
.ord-form .order-note{padding-top:2px}
.sv-faq{padding:56px 0 102px}
.sv-faq .faq-in{gap:36px}
.sv-cats{padding:0 0 116px}
.cats-head{display:flex;justify-content:space-between;align-items:flex-end}
.cats-head h2{font-family:var(--serif);font-size:30px;font-weight:600;line-height:1.15;color:var(--ink)}
.cats-head a{font-size:15px;font-weight:600;color:var(--pink2);padding-bottom:3px;transition:.2s}
.cats-head a:hover{color:var(--pink3)}
.cats{margin-top:26px;display:grid;grid-template-columns:repeat(4,1fr);gap:23px}
.cat-card{background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-md);overflow:hidden;display:flex;flex-direction:column;transition:.2s}
.cat-card:hover{transform:translateY(-2px)}
.cat-card img{width:100%;height:274px;object-fit:cover;flex:none}
.cat-card h3{padding:16px 18px;font-size:16px;font-weight:700;color:var(--ink)}
/* AUTO-MOBILE-PATCH */
@media (max-width: 860px){
.sv-left{width:auto;min-width:0;max-width:100%}
.sv-lead{width:auto;min-width:0;max-width:100%}
.sv-right{width:auto;min-width:0;max-width:100%}
.sv-deco{width:100%;left:0;right:0;max-width:100%}
.sv-photo{width:auto;min-width:0;max-width:100%;margin-top:0}
.inc-left{width:auto;min-width:0;max-width:100%}
.inc-left p{width:auto;min-width:0;max-width:100%}
.zn-extra .inc-left{width:auto;min-width:0;max-width:100%}
.mv-main{width:auto;min-width:0;max-width:100%}
.fit-card{width:auto;min-width:0;max-width:100%}
.ba-card{width:auto;min-width:0;max-width:100%}
.gear-left{width:auto;min-width:0;max-width:100%}
.p9 .rev-card{width:auto;min-width:0;max-width:100%}
.ord-left{width:auto;min-width:0;max-width:100%}
.ord-form{width:auto;min-width:0;max-width:100%}
.inc-grid{grid-auto-flow:row;grid-template-rows:none;grid-template-columns:1fr}
.mt-card .dot-list{grid-template-columns:1fr}
/* ==== p09 mobile refinement (390px) ==== */
/* --- hero --- */
.p9 .sv-hero{padding:36px 0 44px}
.p9 .crumbs{height:auto;margin-bottom:14px;font-size:11.5px;flex-wrap:wrap;gap:4px 8px}
.p9 .sv-left{gap:12px}
.p9 .sv-left .hero-badge{order:0;align-self:flex-start}
.p9 .sv-left h1{font-size:29px;line-height:1.18}
.p9 .sv-lead{font-size:14px;line-height:1.55}
.p9 .sv-sub{font-size:13.5px;line-height:1.5}
.p9 .sv-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:12px}
.p9 .sv-stat{min-width:0;padding:10px 10px 11px;gap:4px;border-radius:12px}
.p9 .sv-stat span{font-size:10px;letter-spacing:.06em}
.p9 .sv-stat b{font-size:13px;line-height:1.25;white-space:normal;overflow-wrap:break-word}
.p9 .sv-cta{flex-direction:column;align-items:stretch;gap:10px;padding-top:12px}
.p9 .sv-cta .btn-pink{width:100%;padding:15px 20px;font-size:15px}
.p9 .inc-label{font-size:12.5px;text-align:center}
.p9 .sv-photo{height:220px!important;border-radius:22px}
.p9 .sv-deco{height:240px;top:0;border-radius:28px}
.p9 .inc-card{flex-direction:column;gap:14px;margin-top:20px;padding:20px 16px;border-radius:20px}
.p9 .inc-left{padding-top:0;gap:8px}
.p9 .inc-left h2{font-size:20px}
.p9 .inc-left p{font-size:13px;line-height:1.5}
.p9 .inc-it{font-size:12.5px;line-height:1.4;gap:10px}
.p9 .inc-it i{width:15px;height:15px;border-radius:8px;margin-top:1px}
.p9 .inc-note{margin:2px 0 0;padding:10px 0 0;font-size:12.5px;line-height:1.5}
/* --- method --- */
.p9 .sv-method{padding:40px 0 44px}
.p9 .mt-grid{margin-top:20px;gap:10px}
.p9 .mt-card{padding:16px 14px;border-radius:18px}
.p9 .mt-num{font-size:22px}
.p9 .mt-card h3{font-size:15px;padding-top:6px}
.p9 .mt-card>p{font-size:12.5px;line-height:1.45;padding-top:5px}
.p9 .dot-it{font-size:12.5px;line-height:1.4;gap:9px}
.p9 .dot-it i{width:14px;height:14px;border-radius:7px;margin-top:1px}
.p9 .mt-card .dot-list{padding-top:10px;gap:8px}
.p9 .mt-note{padding:10px 12px;font-size:12px;line-height:1.45}
.p9 .mt-card .mt-note{margin-top:12px}
/* --- zones --- */
.p9 .sv-zones{padding:40px 0 44px}
.p9 .zn-grid{margin-top:20px}
.p9 .zn-card{padding:14px 14px 16px;border-radius:18px}
.p9 .zn-card h3{font-size:17px;line-height:1.25}
.p9 .zn-card .dot-list{padding-top:10px;gap:8px}
.p9 .zn-extra{flex-direction:column;gap:12px;padding:16px 14px;border-radius:20px;margin-top:10px}
.p9 .zn-extra .inc-left{padding-top:0;gap:6px}
.p9 .zn-extra .inc-left h2{font-size:18px}
.p9 .zn-extra .inc-left p{font-size:12.5px;line-height:1.45}
.p9 .zn-extra .inc-grid{width:100%;flex:none;padding:0}
/* --- move --- */
.p9 .sv-move{padding:40px 0 44px}
.p9 .mv-grid{flex-direction:column}
.p9 .mv-main{padding:18px 16px;border-radius:20px}
.p9 .mv-main h3,.p9 .mv-pink h3{font-size:18px}
.p9 .mv-main>p{font-size:12.5px;line-height:1.5;padding-top:8px}
.p9 .mv-cols{gap:12px;padding-top:12px}
.p9 .mv-col h4{font-size:10.5px}
.p9 .mv-col .dot-list{padding-top:8px;gap:8px}
.p9 .mv-link{margin-top:12px;padding-top:0;font-size:13.5px}
.p9 .mv-side{gap:12px}
.p9 .mv-pink{padding:16px;border-radius:20px}
.p9 .mv-pink>p{font-size:12.5px;line-height:1.5;padding-top:8px}
.p9 .chips{gap:8px;padding-top:12px}
.p9 .chip{padding:6px 12px;font-size:12px}
.p9 .mv-pink .chips{padding-top:12px}
.p9 .mv-decide{padding:16px;border-radius:20px}
.p9 .mv-decide h3{font-size:16px}
.p9 .mv-decide>p{font-size:12.5px;line-height:1.5;padding-top:6px}
.p9 .mv-decide .chips{padding-top:10px}
/* --- result --- */
.p9 .sv-result{padding:40px 0 8px}
.p9 .rs-grid{margin-top:20px}
.p9 .rs-card{min-height:0;padding:14px 16px 16px;border-radius:16px}
.p9 .rs-card b{font-size:30px}
.p9 .rs-body{margin-top:10px;padding-top:10px;font-size:12.5px;line-height:1.45}
/* --- vazhno --- */
.p9 .sv-vazh{padding:40px 0 44px}
.p9 .vz-grid{grid-template-columns:1fr;gap:16px}
.p9 .vz-left h2{font-size:22px;line-height:1.25;padding-top:8px}
.p9 .vz-left p{font-size:13px;line-height:1.5;padding-top:8px}
.p9 .vz-link{padding-top:8px;font-size:13.5px}
.p9 .vz-items{padding-top:0}
/* --- fit --- */
.p9 .sv-fit{padding:36px 0 44px}
.p9 .fit-row{flex-direction:column;gap:12px;margin-top:20px}
.p9 .fit-card{padding:16px 14px 18px;border-radius:20px}
.p9 .fit-card h3{font-size:15.5px}
.p9 .fit-list{gap:8px;padding-top:10px}
.p9 .fit-it{font-size:12.5px;line-height:1.45;gap:10px}
.p9 .fit-it b{font-size:13px;line-height:1.45;flex:none}
.p9 .fit-note{font-size:12px;line-height:1.5;padding-top:10px}
.p9 .fit-link{margin-top:10px;padding:7px 14px;font-size:12px}
/* --- steps --- */
.p9 .sv-steps{padding:36px 0 40px}
.p9 .st-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
.p9 .st-card{padding:14px 12px 16px;border-radius:16px}
.p9 .st-card b{font-size:20px}
.p9 .st-card h3{font-size:13.5px;padding-top:6px}
.p9 .st-card p{font-size:12px;line-height:1.45;padding-top:4px}
/* --- before/after --- */
.p9 .sv-ba{padding:40px 0}
.p9 .ba-head{gap:8px}
.p9 .ba-head p{font-size:13.5px}
.p9 .ba-row{flex-direction:column;gap:12px;margin-top:16px}
.p9 .ba-card{border-radius:18px}
.p9 .ba-pics{height:180px}
.p9 .ba-pics img{height:180px}
.p9 .ba-cap{padding:10px 12px;font-size:13px}
/* --- gear --- */
.p9 .sv-gear{padding:0 0 40px}
.p9 .gear-card{flex-direction:column;gap:12px;padding:18px 16px;border-radius:20px}
.p9 .gear-left h2{font-size:20px;padding-top:6px}
.p9 .gear-left p{font-size:12.5px;line-height:1.5;padding-top:6px}
.p9 .gear-tags{gap:8px;padding-top:2px}
.p9 .gear-tag{padding:7px 12px;font-size:12px}
/* --- reviews --- */
.p9 .reviews{padding:40px 0 44px}
.p9 .reviews-deco{display:none}
.p9 .rev-track-wrap{margin-right:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
.p9 .rev-track-wrap::-webkit-scrollbar{display:none}
.p9 .rev-card{width:300px;flex:none;padding:16px 16px 14px;border-radius:20px;gap:10px}
.p9 .rev-text{font-size:13px;line-height:1.55}
.p9 .revs-bottom{padding-top:4px}
.p9 .reviews .btn-pink{padding:14px 26px;font-size:14px}
/* --- order --- */
.p9 .sv-order{padding:40px 0 36px}
.p9 .ord-card{flex-direction:column;gap:20px;padding:20px 16px;border-radius:24px}
.p9 .ord-left h2{font-size:22px;line-height:1.25}
.p9 .ord-left>p{font-size:13px;line-height:1.5;padding-top:8px}
.p9 .ord-checks{gap:8px;padding-top:10px}
.p9 .ord-checks p{font-size:12.5px;line-height:1.4;gap:10px}
.p9 .ord-checks i{width:22px;height:22px;border-radius:11px;font-size:13.5px}
.p9 .ord-phone{padding-top:10px;font-size:15px}
.p9 .ord-phone i{width:30px;height:30px;border-radius:15px;font-size:14px}
.p9 .ord-form{gap:10px}
.p9 .ord-row{gap:10px}
.p9 .ord-row .inp{padding:12px 14px;font-size:14px}
.p9 .ord-form .field .select{padding:12px 14px;font-size:14px}
.p9 .ord-photo{padding:9px 12px;gap:10px}
.p9 .ord-photo i{width:36px;height:36px;border-radius:10px;font-size:18px}
.p9 .ord-photo span{font-size:11.5px;line-height:1.4}
.p9 .ord-form .textarea{min-height:112px;padding:12px 14px;font-size:14px;line-height:1.45}
.p9 .ord-form .order-send{padding:14px;font-size:15px;margin-top:2px}
.p9 .ord-form .order-note{font-size:11px;line-height:1.45;padding-top:0}
/* --- faq --- */
.p9 .sv-faq{padding:40px 0 44px}
.p9 .sv-faq .faq-in{gap:20px}
/* --- cats --- */
.p9 .sv-cats{padding:0 0 44px}
.p9 .cats-head h2{font-size:22px}
.p9 .cats-head a{font-size:13px}
.p9 .cats{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.p9 .cat-card{border-radius:16px}
.p9 .cat-card img{height:140px}
.p9 .cat-card h3{padding:10px 12px;font-size:12.5px;line-height:1.35}
}
/* === SOURCE: css\pages\p10.css === */
.p-in{padding:0}
.sec-head{gap:0}
.sec-head .kicker{margin-bottom:20px}
.sec-sub{margin-top:9px}
.crumbs{padding-top:88px}
.crumbs-in{padding:0;display:flex;align-items:center;gap:10px;font-size:14px;color:var(--body)}
.crumbs-in a{transition:.2s}
.crumbs-in a:hover{color:var(--pink3)}
.crumbs-in span{color:var(--muted)}
.crumbs-in b{color:var(--ink);font-weight:600}
.ck2-list{list-style:none}
.ck2-list li{display:flex;align-items:flex-start;gap:12px;font-size:14.5px;line-height:20px;color:var(--body2)}
.ck2-list li+li{margin-top:15px}
.ck2-list i{width:24px;min-width:24px;height:24px;border-radius:50%;background:var(--pinkbg3);color:var(--pink2);font-size:11px;font-weight:700;font-style:normal;display:flex;align-items:center;justify-content:center;flex:none;margin-top:-2px}
.z10-hero{padding:26px 0 24px}
.z10-hero-in{display:flex;justify-content:space-between;align-items:flex-start;padding:0}
.z10-hero-left{width:548px;flex:none;display:flex;flex-direction:column}
.z10-badge{display:inline-flex;align-self:flex-start;background:var(--pinkbg3);border-radius:99px;padding:8px 16px;font-size:12.5px;font-weight:600;letter-spacing:.09em;color:var(--pink2)}
.z10-hero h1{font-family:var(--serif);font-weight:600;font-size:56px;line-height:64px;letter-spacing:-.01em;color:var(--ink);margin-top:16px}
.z10-lead{width:520px;max-width:100%;font-size:17px;line-height:29px;color:#6B5B62;margin-top:14px}
.z10-lead+.z10-lead{margin-top:14px}
.z10-stats{display:flex;gap:58px;margin-top:43px}
.z10-stat span{display:block;font-size:12px;font-weight:600;letter-spacing:0;text-transform:uppercase;color:var(--muted)}
.z10-stat b{display:block;font-size:22px;font-weight:700;color:var(--ink);margin-top:6px}
.z10-cta{display:flex;align-items:center;gap:24px;margin-top:54px}
.z10-cta .btn-pink{padding:17px 33px;font-size:15.5px}
.z10-link{display:inline-flex;align-items:center;gap:14px;font-size:15px;font-weight:600;color:var(--body2);transition:.2s}
.z10-link i{width:40px;height:40px;border-radius:50%;background:#fff;box-shadow:0 8px 20px rgba(160,90,115,.16);display:flex;align-items:center;justify-content:center;color:var(--pink2);font-style:normal;font-size:16px;flex:none;transition:.2s}
.z10-link:hover{color:var(--pink3)}
.z10-link:hover i{background:var(--pinkbg3)}
.z10-hero-right{width:563px;flex:none;position:relative;margin-right:-25px;margin-top:26px}
.z10-hero-deco{position:absolute;left:-22px;top:-26px;width:612px;height:532px;background:linear-gradient(149deg,#FCE3ED 0%,#FDF2F6 100%);border-radius:40px}
.z10-hero-photo{position:relative;height:480px;border-radius:28px;overflow:hidden;box-shadow:var(--shadow-lg)}
.z10-hero-photo img{width:100%;height:100%;object-fit:cover}
.z10-pack{margin-top:0}
.pk-card{background:#fff;border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow-md);padding:52px 34px 40px;display:grid;grid-template-columns:250px 1fr 1fr;gap:26px 40px}
.pk-info h3{font-size:17.5px;font-weight:700;color:var(--ink)}
.pk-info p{font-size:14px;line-height:25px;color:var(--body);margin-top:16px}
.pk-list li{font-size:14.5px;line-height:23px;padding:6px 0}
.pk-list li+li{margin-top:4px}
.pk-note{grid-column:1/-1;display:flex;align-items:center;gap:20px;margin-top:14px;font-size:14px;line-height:21px;color:var(--muted)}
.pk-note i{width:40px;min-width:40px;height:40px;border-radius:50%;background:var(--pinkbg3);color:var(--pink2);display:flex;align-items:center;justify-content:center;font-style:normal;flex:none}
.z10-band{background:linear-gradient(180deg,rgba(253,240,245,0) 0%,#FDF0F5 24px,#FDF0F5 calc(100% - 24px),rgba(253,240,245,0) 100%)}
.z10-method{margin-top:124px;padding:44px 0 36px}
.tz-grid{margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.tz-card{background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-md);padding:40px 32px 25px;display:flex;flex-direction:column;align-items:flex-start;min-height:668px}
.tz-card h3{font-size:22px;font-weight:700;color:var(--ink)}
.tz-card>p{font-size:15px;line-height:25px;color:var(--body);margin-top:14px}
.tz-card .ck2-list{margin-top:24px}
.tz-card .ck2-list li+li{margin-top:15px}
.tz-box{margin-top:auto;padding-top:24px}
.tz-box-in{background:var(--pinkbg);border-radius:16px;padding:24px 26px}
.tz-box h4{font-size:15px;font-weight:700;color:var(--ink)}
.tz-box p{font-size:14px;line-height:23px;color:var(--body);margin-top:8px}
.z10-zones{padding:160px 0 117px}
.zn-grid{margin-top:35px;display:grid;grid-template-columns:1fr 1fr;gap:18px 24px}
.zn-card{background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-md);padding:40px 30px 26px;display:flex;flex-direction:column}
.zn-card.wide{grid-column:1/-1}
.zn-head{display:flex;align-items:center;gap:16px;padding-left:22px}
.zn-ic{width:30px;min-width:30px;height:30px;border-radius:50%;background:var(--pinkbg3);color:var(--pink2);display:flex;align-items:center;justify-content:center;flex:none}
.zn-head h3{font-size:20px;line-height:28px;font-weight:700;color:var(--ink);max-width:420px}
.zn-cols{margin-top:26px;display:grid;grid-template-columns:1fr 1fr;gap:0 30px;padding-left:22px}
.zn-cols .ck2-list li+li{margin-top:15px}
.zn-note{margin-top:auto;padding-left:22px;font-size:13.5px;line-height:20px;color:var(--muted)}
.zn-card:nth-child(-n+2){min-height:391px}
.zn-card:nth-child(n+3):nth-child(-n+4){min-height:356px}
.zn-sub3{margin-top:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding-left:22px}
.zn-label{display:block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--pink3)}
.zn-sub3 .ck2-list{margin-top:14px}
.zn-sub3 .ck2-list li{font-size:14px;line-height:19px}
.zn-sub3 .ck2-list li+li{margin-top:15px}
.zn-dop{display:grid;grid-template-columns:300px 1fr 1fr;gap:26px 40px;align-items:start;padding-top:26px;padding-bottom:20px}
.zn-dop-left{padding-top:8px}
.zn-dop-left p{font-size:14px;line-height:21px;color:var(--body);margin-top:14px}
.zn-dop .ck2-list li{font-size:14px;line-height:19px}
.zn-dop .ck2-list li+li{margin-top:15px}
.z10-osob{padding:60px 0 36px}
.os-grid{margin-top:42px;display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.os-card{background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-md);padding:40px 32px 36px}
.os-card h3{font-size:19px;line-height:26px;font-weight:700;color:var(--ink)}
.os-card>p{font-size:14.5px;line-height:25px;color:var(--body);margin-top:12px}
.os-list{list-style:none;margin-top:24px;padding-left:14px}
.os-list li{font-size:14.5px;line-height:20px;color:var(--body2)}
.os-list li+li{margin-top:14px}
.z10-safety{margin-top:124px}
.sf-card{background:#fff;border:1px solid var(--border);border-radius:32px;box-shadow:var(--shadow-md);padding:44px 44px 44px}
.sf-top{display:grid;grid-template-columns:324px 1fr;gap:12px}
.sf-kicker{text-align:left;display:block}
.sf-left h2{font-family:var(--serif);font-weight:600;font-size:40px;line-height:48px;color:var(--ink);margin-top:16px}
.sf-lead{font-size:15px;line-height:26px;color:var(--body);margin-top:24px}
.sf-rows{padding-top:3px;padding-left:57px}
.sf-row{display:flex;align-items:flex-start;gap:14px}
.sf-row+.sf-row{margin-top:42px}
.sf-row i{width:34px;min-width:34px;height:34px;border-radius:50%;background:var(--pinkbg3);color:var(--pink2);font-size:14px;font-style:normal;display:flex;align-items:center;justify-content:center;flex:none}
.sf-row b{width:160px;flex:none;font-size:18px;line-height:26px;font-weight:700;color:var(--ink)}
.sf-row p{font-size:15px;line-height:26px;color:var(--body)}
.sf-bottom{display:grid;grid-template-columns:324px 1fr;gap:12px;margin-top:75px}
.sf-al h4{font-size:20px;font-weight:700;color:var(--ink);margin-top:20px}
.sf-al p{font-size:14.5px;line-height:25px;color:var(--body);margin-top:12px}
.sf-pills{display:flex;flex-wrap:wrap;gap:12px 17px;padding-left:20px}
.sf-pills span{background:var(--pinkbg);border-radius:99px;padding:8px 16px;font-size:13px;font-weight:600;color:#8A757E;white-space:normal;overflow-wrap:anywhere}
.sf-disclaimer{margin-top:19px;font-size:13.5px;line-height:20px;color:var(--muted)}
.z10-vazhno{margin-top:102px}
.vz-card{background:var(--pinkbg);border-radius:32px;padding:48px 44px 42px;display:grid;grid-template-columns:340px 1fr 1fr;gap:26px 88px}
.vz-left .kicker{display:block;text-align:left;margin-bottom:0}
.vz-left h2{font-family:var(--serif);font-weight:600;font-size:40px;line-height:46px;color:var(--ink);margin-top:16px;white-space:pre-line}
.vz-left>p{font-size:15px;line-height:26px;color:var(--body);margin-top:0}
.vz-btn{display:inline-flex;align-items:center;gap:10px;margin-top:20px;background:var(--pink3);color:#fff;border-radius:99px;padding:13px 26px;font-size:14px;font-weight:700;transition:.2s}
.vz-btn:hover{background:var(--pink2)}
.vz-btn em,.km-btn em{font-style:normal}
.vz-list{list-style:none;padding-top:3px}
.vz-list li{font-size:14.5px;line-height:26px;color:var(--body2)}
.vz-list li+li{margin-top:8px}
.z10-prep{margin-top:105px;padding:56px 0 46px}
.pp-grid{margin-top:65px;display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.pp-card{background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-md);padding:24px 28px;min-height:230px;display:flex;flex-direction:column;justify-content:space-between;gap:24px}
.pp-item{display:flex;align-items:flex-start;gap:24px}
.pp-num{font-family:var(--serif);font-weight:600;font-size:20px;line-height:22px;color:var(--pink-soft);flex:none}
.pp-item p{font-size:14.5px;line-height:22px;color:var(--body2)}
.z10-komu{padding:144px 0 140px}
.km-grid{margin-top:41px;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}
.km-card{background:#fff;border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow-md);padding:44px 44px 44px}
.km-card.km-pink{background:#FBE4EC;border-color:var(--border2)}
.km-head{display:flex;align-items:center;gap:16px}
.km-ic{width:42px;min-width:42px;height:42px;border-radius:50%;background:var(--pinkbg3);color:var(--pink2);display:flex;align-items:center;justify-content:center;flex:none}
.km-pink .km-ic{background:#fff}
.km-head h3{font-size:20px;line-height:27px;font-weight:700;color:var(--ink)}
.km-card .ck2-list{margin-top:26px}
.km-card .ck2-list li{font-size:15px;line-height:21px}
.km-card .ck2-list li+li{margin-top:18px}
.km-list{list-style:none;margin-top:24px}
.km-list li{font-size:14.5px;line-height:22px;color:var(--body2)}
.km-list li+li{margin-top:14px}
.km-note{font-size:14.5px;line-height:27px;color:var(--body2);margin-top:40px}
.km-btn{display:inline-flex;align-items:center;gap:10px;margin-top:26px;background:#fff;border-radius:99px;padding:15px 26px;font-size:14px;font-weight:700;color:var(--pink3);box-shadow:var(--shadow-sm);transition:.2s}
.km-btn:hover{background:var(--pinkbg3)}
.z10-steps{padding:44px 0 26px}
.st-grid{margin-top:36px;display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.st-card{background:#fff;border-radius:24px;padding:38px 28px 50px;box-shadow:0 10px 26px rgba(198,130,155,.08)}
.st-num{display:block;font-family:var(--serif);font-weight:600;font-size:30px;line-height:34px;color:var(--pink2)}
.st-card h3{font-size:16px;font-weight:700;color:var(--ink);margin-top:12px}
.st-card p{font-size:13.5px;line-height:23px;color:var(--body);margin-top:10px}
.z10-doposle{padding:137px 0 0}
.dp-track{margin-top:40px;display:flex;justify-content:center;gap:25px}
.dp-card{width:375px}
.dp-pics{height:276px}
.dp-pics img{height:276px}
.dp-card .ref-cap{padding:16px 14px;font-size:16.5px}
.z10-equip{padding:144px 0 89px}
.eq-grid{margin-top:41px;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}
.eq-card{background:#fff;border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow-md);padding:38px 34px 40px}
.eq-card h3{font-size:20px;font-weight:700;color:var(--ink)}
.eq-card .ck2-list{margin-top:24px}
.eq-card .ck2-list li{font-size:15px;line-height:21px}
.eq-card .ck2-list li+li{margin-top:17px}
.eq-pink{background:var(--pinkbg);border-color:var(--border2)}
.eq-pink .ck2-list li+li{margin-top:13px}
.eq-pink .ck2-list i{background:#fff}
.eq-intro{margin-top:16px;font-size:15px;line-height:26px;color:var(--body2)}
.eq-pink .ck2-list{margin-top:14px}
.z10-reviews{margin-top:0;padding:78px 0 44px;background:linear-gradient(180deg,rgba(253,240,245,0) 0%,#FDF0F5 24px,#FDF0F5 calc(100% - 24px),rgba(253,240,245,0) 100%)}
.z10-reviews .reviews-in{padding:0}
.z10-reviews .rev-track-wrap{overflow:hidden;padding:4px 0 8px;margin-top:67px;margin-right:calc(642px - 50vw)}
.z10-reviews .rev-track{display:flex;gap:28px}
.z10-reviews .rev-card{width:352px;padding:30px 28px 24px}
.z10-reviews .revs-bottom{margin-top:30px}
.z10-reviews .revs-bottom .btn-pink{padding:16px 30px;font-size:15.5px}
.z10-order{padding-top:84px}
.z10-order .order-card{margin:0 auto;padding:56px 52px 60px;gap:0}
.ord-grid{display:grid;grid-template-columns:470px 560px;justify-content:space-between;gap:40px}
.ord-info{padding-top:44px}
.ord-info h2{font-family:var(--serif);font-weight:600;font-size:36px;line-height:46px;color:var(--ink)}
.ord-lead{font-size:15.5px;line-height:27px;color:var(--body);margin-top:22px}
.ord-list{margin-top:28px;display:flex;flex-direction:column;gap:20px;list-style:none}
.ord-list li{position:relative;padding-left:26px;font-size:15px;line-height:22px;color:var(--ink)}
.ord-list li::before{content:"✓";position:absolute;left:0;top:3px;font-size:15px;font-weight:700;color:var(--pink2)}
.ord-phone{margin-top:29px;display:flex;align-items:center;gap:14px}
.ord-phone i{width:44px;height:44px;border-radius:50%;background:var(--pinkbg3);color:#fff;font-size:18px;font-style:normal;display:flex;align-items:center;justify-content:center;flex:none}
.ord-phone b{font-size:18px;font-weight:700;color:var(--ink)}
.ord-form{display:flex;flex-direction:column;gap:10px;padding-top:4px}
.ord-form .inputs-row{gap:16px}
.ord-form .inp{padding:19px 18px}
.ord-form .select{flex:1}
.ord-form .photo-row{margin-top:4px}
.ord-form .photo-add{width:76px;height:76px}
.ord-form .textarea{min-height:83px;margin-top:2px}
.ord-form .order-send{margin-top:8px;padding:21px}
.ord-form .order-note{margin-top:8px}
.z10-faq{padding-top:89px}
.z10-faq .faq-list{margin-top:40px;gap:17px;margin-left:auto;margin-right:auto}
.z10-faq .faq-item{padding:21px 26px;border-radius:20px}
.z10-faq .faq-a{padding-top:14px;width:690px}
.z10-strip{padding:102px 0 141px;position:relative;z-index:1}
.z10-strip-head{display:flex;justify-content:space-between;align-items:center}
.z10-strip-head h2{font-family:var(--serif);font-weight:600;font-size:32px;line-height:1.2;color:var(--ink)}
.z10-all-link{font-size:15px;font-weight:600;color:var(--pink2);transition:.2s}
.z10-all-link:hover{color:var(--pink3)}
.strip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:21px;margin-top:24px}
.strip-item{display:block}
.strip-item img{width:100%;border-radius:20px;display:block}
.strip-item span{display:block;text-align:center;margin-top:18px;font-size:15px;font-weight:600;color:var(--ink);transition:.2s}
.strip-item:hover span{color:var(--pink3)}
.z10-faq .faq-item{cursor:pointer}
@media (max-width:1330px){
.z10-hero-in{gap:40px}
.z10-hero-right{width:480px;margin-right:0}
.z10-hero-photo{height:440px}
.z10-hero-deco{width:524px;height:490px}
.z10-reviews .rev-track-wrap{margin-right:0}
.ord-grid{grid-template-columns:1fr 1fr;gap:36px}
}
@media (max-width:1180px){
.crumbs{padding-top:48px}
.z10-hero-in{flex-direction:column;align-items:flex-start}
.z10-hero-right{margin:32px auto 0;width:min(563px,100%)}
.z10-hero-left{width:100%}
.pk-card{grid-template-columns:1fr 1fr}
.pk-info{grid-column:1/-1}
.tz-grid,.os-grid,.pp-grid,.st-grid{grid-template-columns:1fr 1fr}
.zn-grid{grid-template-columns:1fr}
.zn-dop{grid-template-columns:1fr;gap:24px}
.sf-top,.sf-bottom{grid-template-columns:1fr;gap:40px}
.vz-card{grid-template-columns:1fr;gap:32px}
.km-grid,.eq-grid{grid-template-columns:1fr}
.dp-track{flex-wrap:wrap}
.strip-grid{grid-template-columns:1fr 1fr;gap:24px}
.z10-method,.z10-osob{margin-top:80px;padding-top:80px}
.z10-zones{padding:100px 0 80px}
.z10-komu{padding:100px 0 90px}
.z10-doposle{padding-top:110px}
.z10-equip{padding:100px 0 80px}
.z10-safety{margin-top:100px}
.z10-strip{padding:100px 0 90px}
.z10-reviews .rev-track-wrap{margin-top:50px}
}
@media (max-width:760px){
.tz-grid,.os-grid,.pp-grid,.st-grid,.pk-card{grid-template-columns:1fr}
.zn-cols,.zn-sub3{grid-template-columns:1fr;gap:24px}
.z10-hero h1{font-size:40px;line-height:50px}
.sec-title{font-size:30px}
.z10-stats{flex-wrap:wrap;gap:28px}
.z10-cta{flex-wrap:wrap}
.z10-lead{width:100%}
.z10-hero-deco{display:none}
.z10-hero-right{margin-right:0}
.ord-grid{grid-template-columns:1fr}
.ord-info{padding-top:0}
.inputs-row{flex-direction:column}
.strip-grid{grid-template-columns:1fr}
.dp-track{flex-direction:column;align-items:center}
.z10-hero-photo{height:min(480px,72vw)}
.sf-row{flex-wrap:wrap}
.vz-card,.sf-card{padding:28px 24px}
}
/* AUTO-MOBILE-PATCH */
@media (max-width: 860px){
.z10-hero-left{width:auto;min-width:0;max-width:100%}
.z10-lead{width:auto;min-width:0;max-width:100%}
.z10-hero-right{width:auto;min-width:0;max-width:100%}
.z10-hero-deco{width:100%;left:0;right:0;max-width:100%}
.dp-card{width:auto;min-width:0;max-width:100%}
.z10-reviews .rev-card{width:auto;min-width:0;max-width:100%}
.z10-faq .faq-a{width:auto;min-width:0;max-width:100%}
}
/* ===== P10 MOBILE 390 — подгонка под _figma/ref2/p10_mobile ===== */
@media (max-width:860px){
/* ---- hero: порядок как в макете (бейдж, h1, лид, фото, статы, CTA) ---- */
.z10-hero{padding:20px 0 6px}
.z10-hero-in{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0}
.z10-hero-left{display:contents}
.z10-badge{order:1;align-self:flex-start}
.z10-hero h1{order:2;margin-top:12px;font-size:36px;line-height:44px}
.z10-lead{order:3;width:100%;margin-top:12px;font-size:15px;line-height:24px}
.z10-hero-right{order:4;width:100%;min-width:0;margin:16px 0 0}
.z10-hero-photo{height:260px;border-radius:20px}
.z10-stats{order:5;flex-wrap:wrap;gap:8px;margin:16px 0 0}
.z10-stat{flex:1 1 0;min-width:0;background:#fff;border:1px solid var(--border);border-radius:14px;padding:9px 6px;text-align:center}
.z10-stat span{font-size:10px;letter-spacing:.06em;white-space:normal;min-width:0}
.z10-stat b{margin-top:4px;font-size:14.5px;line-height:1.25}
.z10-cta{order:6;flex-direction:column;align-items:center;gap:12px;margin-top:16px}
.z10-cta .btn-pink{width:100%;padding:15px 18px;font-size:15px}
.z10-link{font-size:14px}
.z10-link i{width:34px;height:34px;font-size:14px}
/* ---- общие чек-листы ---- */
.ck2-list li{gap:9px;font-size:13.5px;line-height:19px}
.ck2-list li+li{margin-top:9px}
.ck2-list i{width:20px;min-width:20px;height:20px;font-size:10px;margin-top:-1px}
/* ---- «В комплекс входит» ---- */
.z10-pack{padding-top:4px}
.pk-card{padding:26px 18px 22px;border-radius:22px;gap:18px}
.pk-info h3{font-size:18px}
.pk-info p{margin-top:10px;font-size:13.5px;line-height:21px}
.pk-list li{padding:2px 0;font-size:13.5px;line-height:19px}
.pk-list li+li{margin-top:8px}
.pk-note{margin-top:14px;align-items:flex-start;gap:12px;font-size:12.5px;line-height:18px}
.pk-note i{width:32px;min-width:32px;height:32px}
/* ---- зоны: одна колонка, компактные карточки (как в макете) ---- */
.z10-zones{padding:56px 0 44px}
main .zn-grid{grid-template-columns:1fr !important;gap:14px;margin-top:24px}
.zn-grid .zn-card{min-height:0;padding:22px 18px 18px;border-radius:20px}
.zn-head{padding-left:0;gap:10px}
.zn-ic{width:26px;min-width:26px;height:26px}
.zn-head h3{font-size:17px;line-height:23px;max-width:none}
.zn-cols{grid-template-columns:1fr;gap:10px;padding-left:0;margin-top:14px}
.zn-cols .ck2-list li+li{margin-top:9px}
.zn-note{padding-left:0;margin-top:14px;font-size:12.5px;line-height:17px}
.zn-sub3{grid-template-columns:1fr;gap:14px;padding-left:0;margin-top:16px}
.zn-sub3 .ck2-list li{font-size:13.5px;line-height:19px}
.zn-sub3 .ck2-list li+li{margin-top:8px}
.zn-label{font-size:10.5px}
.zn-dop{grid-template-columns:1fr;gap:14px;padding:18px 18px 16px}
.zn-dop-left p{margin-top:8px;font-size:13px;line-height:19px}
.zn-dop .ck2-list li{font-size:13.5px;line-height:19px}
.zn-dop .ck2-list li+li{margin-top:8px}
/* ---- важно знать ---- */
.z10-vazhno{margin-top:72px}
.vz-card{padding:26px 20px 24px;gap:22px;border-radius:24px}
.vz-left h2{margin-top:12px;font-size:30px;line-height:36px}
.vz-left>p{font-size:14px;line-height:22px}
.vz-btn{margin-top:16px;padding:11px 20px;font-size:13.5px}
.vz-list li{font-size:13.5px;line-height:21px}
.vz-list li+li{margin-top:6px}
/* ---- полоса «Подготовка» ---- */
.z10-prep{margin-top:72px;padding:40px 0 36px}
.pp-grid{margin-top:26px;gap:12px}
.pp-card{min-height:0;padding:16px;border-radius:18px;gap:14px}
.pp-item{gap:12px}
.pp-num{font-size:17px;line-height:20px}
.pp-item p{font-size:13.5px;line-height:19px}
/* ---- кому подходит ---- */
.z10-komu{padding:64px 0 56px}
.km-grid{margin-top:26px;gap:14px}
.km-card{padding:26px 20px;border-radius:22px}
.km-ic{width:34px;min-width:34px;height:34px}
.km-ic svg{width:15px;height:15px}
.km-head{gap:12px}
.km-head h3{font-size:17px;line-height:23px}
.km-card .ck2-list{margin-top:16px}
.km-card .ck2-list li{font-size:13.5px;line-height:19px}
.km-card .ck2-list li+li{margin-top:10px}
.km-list{margin-top:16px}
.km-list li{font-size:13.5px;line-height:20px}
.km-list li+li{margin-top:9px}
.km-note{margin-top:22px;font-size:13.5px;line-height:21px}
.km-btn{margin-top:18px;padding:13px 22px;font-size:13.5px}
/* ---- полоса «Как проходит заказ»: сетка 2 колонки как в макете ---- */
.z10-steps{padding:40px 0 32px}
.st-grid{margin-top:24px;grid-template-columns:1fr 1fr;gap:12px}
.st-card{padding:16px 14px 18px;border-radius:16px}
.st-num{font-size:24px;line-height:26px}
.st-card h3{margin-top:8px;font-size:15px}
.st-card p{margin-top:6px;font-size:12.5px;line-height:17px}
/* ---- до и после: сетка 2 колонки ---- */
.z10-doposle{padding:52px 0 0}
.dp-track{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;justify-content:stretch;gap:12px;margin-top:24px}
.dp-card{width:auto;min-width:0;max-width:100%;overflow:hidden}
.dp-pics{height:150px}
.dp-pics img{height:150px}
.dp-card .ref-cap{padding:9px 8px 11px;font-size:12.5px}
/* ---- оборудование ---- */
.z10-equip{padding:52px 0 44px}
.eq-grid{margin-top:26px;gap:14px}
.eq-card{padding:22px 18px;border-radius:20px}
.eq-card h3{font-size:17px}
.eq-card .ck2-list{margin-top:14px}
.eq-card .ck2-list li{font-size:13.5px;line-height:19px}
.eq-card .ck2-list li+li{margin-top:9px}
.eq-pink .ck2-list li+li{margin-top:8px}
.eq-intro{margin-top:10px;font-size:13.5px;line-height:20px}
/* ---- отзывы ---- */
.z10-reviews{padding:48px 0 34px}
.z10-reviews .rev-track-wrap{margin-top:26px;padding:4px 0 6px}
.z10-reviews .rev-card{width:100%;padding:20px 18px 18px;gap:10px}
.z10-reviews .rev-text{font-size:13.5px;line-height:1.55}
.rev-ava{width:40px;height:40px;font-size:17px}
.rev-name b{font-size:14.5px}
.rev-badge{padding:5px 11px;font-size:11px}
.z10-reviews .revs-bottom{margin-top:18px}
.z10-reviews .revs-bottom .btn-pink{padding:14px 26px;font-size:14.5px}
/* ---- форма заказа ---- */
.z10-order{padding-top:44px}
.z10-order .order-card{padding:24px 18px 26px}
.ord-info h2{font-size:27px;line-height:34px}
.ord-lead{margin-top:14px;font-size:14px;line-height:22px}
.ord-list{margin-top:16px;gap:12px}
.ord-list li{padding-left:22px;font-size:14px;line-height:20px}
.ord-phone{margin-top:18px;gap:12px}
.ord-phone i{width:38px;height:38px;font-size:16px}
.ord-phone b{font-size:16px}
.ord-form{gap:8px;padding-top:16px}
.ord-form .inputs-row{gap:10px}
.ord-form .inp{padding:14px;font-size:14.5px}
.ord-form .select{padding:14px;font-size:14.5px}
.ord-form .photo-row{margin-top:2px;gap:10px}
.ord-form .photo-add{width:56px;height:56px;border-radius:12px;font-size:20px}
.photo-hint{font-size:12.5px;line-height:1.45}
.ord-form .textarea{min-height:76px;margin-top:0;padding:14px;font-size:14.5px}
.ord-form .order-send{margin-top:4px;padding:16px}
.ord-form .order-note{margin-top:6px;font-size:11.5px;line-height:17px}
/* ---- частые вопросы ---- */
.z10-faq{padding-top:56px}
.z10-faq .faq-list{margin-top:26px;gap:10px}
.z10-faq .faq-item{padding:16px 18px;border-radius:16px}
.z10-faq .faq-q h3{font-size:15px}
.z10-faq .faq-a{padding-top:10px;font-size:13.5px;line-height:20px}
/* ---- другие услуги ---- */
.z10-strip{padding:44px 0 40px}
.z10-strip-head h2{font-size:24px}
.z10-all-link{font-size:13.5px}
.strip-grid{margin-top:18px;grid-template-columns:1fr 1fr;gap:12px}
.strip-item{background:#fff;border:1px solid var(--border);border-radius:18px;overflow:hidden;padding-bottom:13px}
.strip-item img{height:130px;object-fit:cover;border-radius:0}
.strip-item span{margin-top:11px;padding:0 12px;text-align:left;font-size:13.5px;line-height:1.3}
/* ---- футер ---- */
.footer{padding:28px 0 18px}
.footer-in{gap:18px}
.footer-cols{gap:16px 12px}
.footer-col{gap:10px}
.footer-col h4{margin:0;font-size:14px}
.footer-logo{width:56px;height:56px}
.footer-desc{font-size:12.5px;line-height:1.5}
.footer-links{gap:6px}
.footer-links a{font-size:13px}
.socials{gap:8px}
.soc{padding:6px 11px;font-size:11.5px}
.contact{gap:2px}
.contact span{font-size:11px}
.contact b{font-size:14px}
.hours{gap:6px}
.hours-row{width:100%;font-size:13px}
.wa-btn{padding:11px 16px 10px;font-size:12.5px}
.footer-bottom{padding-top:16px;gap:6px;font-size:12px}
.requisites{margin-top:10px;font-size:11px;line-height:1.6;color:var(--muted)}
}
/* ===== zooklining: плотнее вертикальный ритм (mobile) ===== */
@media (max-width: 860px){
.z10-band{margin-top:40px;padding-top:48px}
.z10-safety{margin-top:48px}
.z10-komu{padding:48px 0 44px}
}
/* === SOURCE: css\pages\p11.css === */
/* ============ p11 — Инклюзивная уборка ============ */
.kicker.left{align-self:flex-start;text-align:left}
/* ---- hero ---- */
.p11-hero{position:relative;padding:88px 0 96px;overflow:hidden}
.p11-hero-deco{
position:absolute;right:-90px;top:-40px;width:560px;height:560px;border-radius:50%;
background:radial-gradient(circle at 55% 40%,rgba(250,198,219,.55) 0%,rgba(253,224,236,.22) 55%,rgba(253,224,236,0) 75%);
pointer-events:none;
}
.p11-hero-in{position:relative}
.p11-crumb{font-size:13px;color:var(--muted);margin-bottom:26px}
.p11-crumb a{color:var(--muted);transition:.2s}
.p11-crumb a:hover{color:var(--pink3)}
.p11-crumb b{color:var(--body2);font-weight:600}
.p11-hero-cols{display:flex;justify-content:space-between;align-items:flex-start;gap:60px}
.p11-hero-left{width:578px;flex:none;display:flex;flex-direction:column;gap:20px}
.p11-hero-left .hero-badge{margin-bottom:2px}
.p11-hero-left h1{font-family:var(--serif);font-weight:600;font-size:44px;line-height:1.1;color:var(--ink);margin-top:8px}
.p11-hero-lead{font-size:16.5px;line-height:28px;color:#6B5B62}
.p11-hero-left .p11-hero-lead:nth-of-type(1){margin-top:4px}
.p11-stats{display:flex;gap:48px;padding-top:14px;margin-top:7px}
.p11-stat span{
display:block;font-size:11px;font-weight:600;letter-spacing:.1em;
text-transform:uppercase;color:var(--muted);
}
.p11-stat b{font-family:var(--serif);font-size:26px;font-weight:600;color:var(--ink);white-space:nowrap}
.p11-stat .ts2{color:var(--pink3)}
.p11-hero-right{flex:1;position:relative;min-width:0}
.p11-hero-photo{position:relative;margin-top:34px}
.p11-hero-photo img{
width:100%;height:480px;object-fit:cover;border-radius:28px;
box-shadow:var(--shadow-lg);
}
.p11-hero-pill{
position:absolute;top:28px;right:-14px;background:#fff;border-radius:99px;
padding:10px 18px;font-size:13px;font-weight:700;color:var(--ink);
box-shadow:0 12px 28px rgba(160,90,115,.22);white-space:nowrap;
}
.p11-hero-bottom{
display:grid;grid-template-columns:290px 1fr;align-items:center;
column-gap:28px;row-gap:45px;margin-top:-9px;
}
.p11-hero-btn{justify-self:start;padding:10px 24px;font-size:16px}
.p11-hero-sub{font-size:19px;font-weight:700;color:var(--body2)}
.p11-hero-card{
grid-column:1 / -1;background:#fff;border:1px solid var(--border);
border-radius:26px;box-shadow:var(--shadow-md);padding:38px 40px;
display:grid;grid-template-columns:250px 1fr;gap:24px 38px;
}
.p11-hero-note{font-size:15px;line-height:23px;color:var(--body)}
.p11-hero-note b{display:block;color:var(--ink);font-size:16px;margin-bottom:4px}
.p11-hero-list{
list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:8px 32px;
padding:0;
}
.p11-hero-card-foot{grid-column:1 / -1;display:flex;flex-direction:column;gap:0;border-top:1px solid var(--border);padding-top:24px}
.p11-hero-card-foot p{position:relative;padding-left:30px;font-size:16px;line-height:25px;color:var(--body)}
.p11-hero-card-foot p::before{
content:"✓";position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:10px;
background:var(--pinkbg2);color:var(--pink2);font-size:13px;font-weight:700;
display:flex;align-items:center;justify-content:center;
}
/* ---- section heads ---- */
.p11-sec-head{margin-bottom:48px;gap:19px}
.p11-faq .sec-head{gap:19px}
.reviews .rev-head .sec-head{gap:19px}
/* ---- check lists ---- */
ul.p11-checks{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px}
ul.p11-checks li{position:relative;padding-left:32px;font-size:15px;line-height:27px;color:var(--body)}
ul.p11-checks li::before{
content:"✓";position:absolute;left:0;top:2px;width:22px;height:22px;border-radius:11px;
background:var(--pinkbg2);color:var(--pink2);font-size:13px;font-weight:700;
display:flex;align-items:center;justify-content:center;flex:none;
}
ul.p11-checks.two{display:grid;grid-template-columns:1fr 1fr;gap:8px 32px}
ul.p11-checks.four{display:grid;grid-template-columns:repeat(4,1fr);gap:8px 30px}
ul.p11-checks.yes li,ul.p11-checks.no li{font-size:15px;line-height:27px;padding-left:36px}
ul.p11-checks.yes li::before,ul.p11-checks.no li::before{width:26px;height:26px;border-radius:13px;font-size:14px}
ul.p11-checks.no li::before{content:"✕"}
/* ---- format section ---- */
.p11-format{background:var(--pinkbg);padding:56px 0 96px}
.p11-format-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.p11-fcard{
background:#fff;border:1px solid var(--border);border-radius:26px;
box-shadow:var(--shadow-md);padding:36px 40px;
}
.p11-fcard.wide{grid-column:1 / -1}
.p11-fcard-head{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.p11-fnum{
width:40px;height:40px;border-radius:20px;background:var(--pinkbg2);flex:none;
display:flex;align-items:center;justify-content:center;
font-size:15px;font-weight:700;color:var(--pink2);
}
.p11-fcard-head h3{font-size:20px;font-weight:700;color:var(--ink)}
.p11-fcard-desc{font-size:15px;line-height:23px;color:var(--body);margin-bottom:20px}
.p11-fcard.wide{display:flex;align-items:center;gap:48px}
.p11-fcard.wide .p11-fcard-main{width:420px;flex:none}
.p11-fcard.wide .p11-fcard-desc{margin-bottom:0}
.p11-zones-row{display:flex;flex-wrap:wrap;gap:12px;flex:1}
.p11-zone-chip{
display:inline-flex;align-items:center;gap:9px;background:var(--pinkbg3);
border-radius:99px;padding:10px 18px;font-size:14px;font-weight:600;color:var(--ink);
}
.p11-zone-chip b{color:var(--pink2);font-size:13px}
/* ---- composition section ---- */
.p11-comp{padding:120px 0 96px;background:linear-gradient(180deg,var(--pinkbg) 0%,var(--pinkbg) 170px,rgba(253,240,245,0) 320px)}
.p11-comp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.p11-zcard{
background:#fff;border:1px solid var(--border);border-radius:26px;
box-shadow:var(--shadow-md);padding:34px 36px;display:flex;flex-direction:column;
}
.p11-zcard-head{display:flex;align-items:center;gap:14px;margin-bottom:22px}
.p11-zic{
width:46px;height:46px;border-radius:23px;background:var(--pinkbg2);flex:none;
display:flex;align-items:center;justify-content:center;font-size:17px;color:var(--pink);
}
.p11-zcard-head h3{font-size:20px;font-weight:700;color:var(--ink)}
.p11-zcard ul.p11-checks{flex:1}
.p11-znote{font-size:13px;line-height:19.5px;color:var(--muted);font-style:italic;padding-top:18px}
.p11-comp-grid .p11-fcard.wide{
grid-column:1 / -1;display:flex;align-items:flex-start;gap:48px;
margin-bottom:0;
}
.p11-dop-title{width:300px;flex:none;font-size:16px;line-height:24px;color:var(--body)}
.p11-dop-title b{color:var(--ink);font-size:17px}
.p11-comp-grid .p11-fcard.wide ul.p11-checks{flex:1}
/* ---- special cases ---- */
.p11-cases{background:var(--pinkbg);padding:56px 0 88px}
.p11-cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.p11-cases-grid .p11-zcard h3{font-size:21px;font-weight:700;line-height:27px;color:var(--ink);margin-bottom:10px}
.p11-cases-grid .p11-fcard-desc{margin-bottom:20px}
/* ---- smell wide card ---- */
.p11-smell{padding:107px 0 88px}
.p11-smell-card{
background:#fff;border:1px solid var(--border);border-radius:28px;
box-shadow:var(--shadow-md);padding:44px 48px;
}
.p11-smell-top{display:flex;justify-content:space-between;gap:48px;margin-bottom:30px}
.p11-smell-left{width:420px;flex:none;display:flex;flex-direction:column;gap:12px}
.p11-smell-left h3{font-family:var(--serif);font-size:30px;font-weight:600;line-height:1.2;color:var(--ink)}
.p11-smell-desc{flex:1;font-size:15px;line-height:24px;color:var(--body);max-width:480px}
.p11-smell-card ul.p11-checks.four{margin-bottom:30px}
.p11-smell-foot{
background:var(--pinkbg);border-radius:18px;padding:20px 26px;
display:flex;align-items:center;gap:32px;
}
.p11-smell-foot b{font-size:15px;color:var(--ink);white-space:nowrap}
.p11-smell-foot p{font-size:13.5px;line-height:20px;color:var(--body)}
/* ---- principles ---- */
.p11-principles{padding:0 0 88px}
.p11-princ-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.p11-princ{
background:#fff;border:1px solid var(--border);border-radius:24px;
box-shadow:var(--shadow-sm);padding:30px 30px 32px;
}
.p11-princ-num{
display:block;font-family:var(--serif);font-size:34px;font-weight:600;
color:var(--pink-soft);line-height:1;
}
.p11-princ h3{font-size:18px;font-weight:700;color:var(--ink);padding:16px 0 8px}
.p11-princ p{font-size:14px;line-height:22.4px;color:var(--body)}
/* ---- not included ---- */
.p11-notin{padding:0 0 88px}
.p11-notin-box{
background:var(--pinkbg);border-radius:32px;padding:48px 52px;
display:flex;gap:56px;align-items:flex-start;
}
.p11-notin-left{width:400px;flex:none;display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.p11-notin-left h3{font-family:var(--serif);font-size:32px;font-weight:600;line-height:1.2;color:var(--ink)}
.p11-notin-left p{font-size:15px;line-height:24px;color:var(--body)}
.p11-link{font-size:15px;font-weight:600;color:var(--pink2);transition:.2s}
.p11-link:hover{color:var(--pink3)}
.p11-notin-list{flex:1;padding-top:6px}
/* ---- who ---- */
.p11-who{padding:0 0 96px}
.p11-who-cols{display:grid;grid-template-columns:1fr 1fr;gap:64px}
.p11-who-title{
display:inline-block;background:var(--pinkbg2);border-radius:99px;
padding:11px 22px;font-size:16px;font-weight:700;color:var(--ink);margin-bottom:26px;
}
.p11-who-note{
margin-top:74px;padding-left:0;font-size:13.5px;line-height:20px;color:var(--muted);font-style:italic;
}
/* ---- steps ---- */
.p11-steps{background:var(--pinkbg);padding:56px 0 88px}
.p11-steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.p11-step{
background:#fff;border-radius:24px;box-shadow:var(--shadow-sm);
padding:30px 32px 32px;
}
.p11-step-num{
display:block;font-family:var(--serif);font-size:30px;font-weight:600;
color:var(--pink-soft);line-height:1;
}
.p11-step h3{font-size:18px;font-weight:700;color:var(--ink);padding:14px 0 8px}
.p11-step p{font-size:14px;line-height:22.4px;color:var(--body)}
.p11-regular{
grid-column:1 / -1;background:#fff;border-radius:26px;box-shadow:var(--shadow-sm);
padding:36px 40px;display:flex;align-items:center;gap:48px;
}
.p11-regular-left{width:420px;flex:none}
.p11-regular-left h3{font-size:20px;font-weight:700;color:var(--ink);margin-bottom:10px}
.p11-regular-left p{font-size:14.5px;line-height:23px;color:var(--body)}
.p11-regular-chips{display:flex;flex-wrap:wrap;gap:12px}
.p11-regular-chips span{
background:var(--pinkbg);border-radius:99px;padding:11px 20px;
font-size:14px;font-weight:600;color:var(--body2);
}
/* ---- gallery ---- */
.p11-gallery{padding:96px 0 62px}
.p11-gallery-head{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:86px}
.p11-gallery-head h3{font-family:var(--serif);font-size:24px;font-weight:600;color:var(--ink)}
.p11-gallery-head p{font-size:13px;color:var(--muted)}
.p11-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.p11-gallery-grid figure{margin:0}
.p11-gallery-grid img{
width:100%;height:274px;object-fit:cover;border-radius:20px;
box-shadow:var(--shadow-md);
}
.p11-gallery-grid figcaption{padding-top:20px;text-align:center;font-size:15px;font-weight:600;color:var(--ink)}
/* ---- equipment ---- */
.p11-equip{padding:56px 0 40px}
.p11-equip-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.p11-equip-intro{font-size:14.5px;line-height:22px;color:var(--muted);margin-bottom:20px}
.p11-equip-grid .p11-zcard ul.p11-checks li{font-size:14.5px;line-height:21px}
/* ---- reviews ---- */
.p11 .reviews,.reviews{padding:72px 0 88px}
.reviews .rev-head{margin-bottom:8px}
.reviews .rev-track-wrap{margin-right:-372px}
.reviews .rev-track{gap:26px}
.reviews .rev-card{width:354px}
/* ---- order ---- */
.p11-order{padding:48px 0 40px}
.p11-order-cols{display:flex;justify-content:space-between;gap:72px}
.p11-order-left{width:480px;flex:none;display:flex;flex-direction:column;gap:22px;align-items:flex-start}
.p11-order-left h2{font-family:var(--serif);font-size:40px;font-weight:600;line-height:1.15;color:var(--ink)}
.p11-order-desc{font-size:15px;line-height:24px;color:var(--body)}
.p11-order-phone{font-size:21px;font-weight:700;color:var(--ink);padding-top:4px}
.p11-order-phone:hover{color:var(--pink3)}
.p11-order-right{flex:1;display:flex;flex-direction:column;gap:18px;min-width:0}
.p11-order-inputs{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.p11-order-hint{font-size:12.5px;color:var(--muted)}
/* ---- faq ---- */
.p11-faq{padding:56px 0 80px}
.p11-faq .faq-list{width:880px}
/* ---- other services ---- */
.p11-other{padding:24px 0 88px}
.p11-other-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}
.p11-other-head .sec-title{text-align:left;font-size:36px}
.p11-other-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}
.p11-ocard{
background:#fff;border:1px solid var(--border);border-radius:22px;
box-shadow:var(--shadow-sm);overflow:hidden;transition:.2s;
}
.p11-ocard:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.p11-ocard img{width:100%;height:277px;object-fit:cover}
.p11-ocard h3{padding:18px 20px 20px;font-size:15.5px;font-weight:600;color:var(--ink)}
/* ---- responsive ---- */
@media (max-width:1100px){
.p11-hero-cols{flex-direction:column}
.p11-hero-left{width:100%}
.p11-hero-bottom{grid-template-columns:1fr}
.p11-hero-card{grid-template-columns:1fr}
.p11-format-grid,.p11-comp-grid,.p11-cases-grid,.p11-steps-grid{grid-template-columns:1fr 1fr}
.p11-princ-grid{grid-template-columns:1fr 1fr}
.p11-notin-box,.p11-fcard.wide,.p11-smell-top,.p11-regular,.p11-order-cols{flex-direction:column}
.p11-notin-box,.p11-smell-top,.p11-regular,.p11-order-cols{display:flex}
.p11-who-cols{grid-template-columns:1fr}
ul.p11-checks.four{grid-template-columns:1fr 1fr}
.p11-gallery-grid,.p11-other-grid{grid-template-columns:1fr 1fr}
.reviews .rev-track-wrap{margin-right:0}
}
@media (max-width:640px){
.p11-format-grid,.p11-comp-grid,.p11-cases-grid,.p11-steps-grid,
.p11-princ-grid,.p11-gallery-grid,.p11-other-grid,.p11-equip-grid{grid-template-columns:1fr}
.p11-hero-list,ul.p11-checks.two{grid-template-columns:1fr}
.p11-stats{flex-wrap:wrap;gap:24px}
.p11-smell-foot{flex-direction:column;align-items:flex-start;gap:10px}
}
/* AUTO-MOBILE-PATCH */
@media (max-width: 860px){
.p11-hero-deco{width:100%;left:0;right:0;max-width:100%}
.p11-hero-left{width:auto;min-width:0;max-width:100%}
.p11-fcard.wide .p11-fcard-main{width:auto;min-width:0;max-width:100%}
.p11-dop-title{width:auto;min-width:0;max-width:100%}
.p11-smell-left{width:auto;min-width:0;max-width:100%}
.p11-notin-left{width:auto;min-width:0;max-width:100%}
.p11-regular-left{width:auto;min-width:0;max-width:100%}
.reviews .rev-card{width:auto;min-width:0;max-width:100%}
.p11-order-left{width:auto;min-width:0;max-width:100%}
.p11-faq .faq-list{width:auto;min-width:0;max-width:100%}
}
/* ===================== p11 mobile @390 — match p11_mobile Figma ===================== */
@media (max-width:860px){
/* ---------- shared: check lists ---------- */
ul.p11-checks{gap:6px}
ul.p11-checks li{font-size:15px;line-height:24px;padding-left:30px}
ul.p11-checks li::before{width:20px;height:20px;border-radius:10px;top:3px;font-size:12.5px}
ul.p11-checks.two{gap:6px 18px}
ul.p11-checks.four{grid-template-columns:1fr;gap:6px}
ul.p11-checks.yes li,ul.p11-checks.no li{font-size:15px;line-height:23px;padding-left:32px}
ul.p11-checks.yes li::before,ul.p11-checks.no li::before{width:22px;height:22px;border-radius:11px;font-size:13.5px}
/* ---------- shared: section heads ---------- */
.p11-sec-head{margin-bottom:26px;gap:0}
/* kicker is an inline span -> force block so text-align:center actually centres it */
.p11-sec-head .kicker{display:block;text-align:center}
/* ---------- hero ---------- */
.p11-hero{padding:30px 0 44px}
.p11-crumb{font-size:12px;margin-bottom:18px}
/* css/mobile.css sets .hero-badge{order:1} which pushes it below the stats */
.p11-hero-left .hero-badge{order:-1;align-self:flex-start;text-align:left}
.p11-hero-cols{gap:24px}
.p11-hero-left{gap:14px}
.p11-hero-left h1{font-size:34px;margin-top:4px}
.p11-hero-lead{font-size:15px;line-height:23px}
.p11-stats{flex-wrap:nowrap;justify-content:space-between;gap:10px;padding-top:8px;margin-top:0}
.p11-stat span{font-size:10px;letter-spacing:.08em}
.p11-stat b{font-size:16px}
.p11-hero-photo{margin-top:0}
.p11-hero-photo img{height:250px;border-radius:20px}
.p11-hero-pill{top:14px;right:8px;padding:8px 14px;font-size:12px}
.p11-hero-bottom{row-gap:18px;margin-top:0}
.p11-hero-btn{padding:9px 20px;font-size:15px}
.p11-hero-sub{font-size:17px}
.p11-hero-card{padding:20px 18px;gap:16px;border-radius:20px}
.p11-hero-note{font-size:14px;line-height:21px}
.p11-hero-note b{font-size:15px;margin-bottom:2px}
.p11-hero-list{gap:6px 16px}
.p11-hero-list li{font-size:14px;line-height:21px}
.p11-hero-card-foot{padding-top:16px;gap:0}
.p11-hero-card-foot p{padding-left:26px;font-size:13.5px;line-height:20px}
/* ---------- format ---------- */
.p11-format{padding:48px 0 44px}
.p11-format-grid{gap:16px}
.p11-fcard{padding:22px 20px;border-radius:20px}
.p11-fcard-head{gap:10px;margin-bottom:10px}
.p11-fnum{width:32px;height:32px;border-radius:16px;font-size:14px}
.p11-fcard-head h3{font-size:17px}
.p11-fcard-desc{font-size:14px;line-height:21px;margin-bottom:12px}
.p11-fcard.wide{gap:18px;padding:20px}
.p11-fcard.wide .p11-fcard-desc{margin-bottom:0}
.p11-zones-row{gap:8px}
.p11-zone-chip{padding:8px 14px;font-size:13px;gap:7px}
/* ---------- composition ---------- */
.p11-comp{padding:44px 0 48px}
.p11-comp-grid{gap:16px}
.p11-zcard{padding:22px 20px;border-radius:20px}
.p11-zcard-head{gap:10px;margin-bottom:14px}
.p11-zic{width:36px;height:36px;border-radius:18px;font-size:15px}
.p11-zcard-head h3{font-size:17px}
.p11-znote{font-size:12.5px;line-height:18px;padding-top:12px}
.p11-comp-grid .p11-fcard.wide{gap:16px;padding:20px}
.p11-dop-title{font-size:14px;line-height:21px}
.p11-dop-title b{font-size:15px}
/* ---------- special cases ---------- */
.p11-cases{padding:44px 0 48px}
.p11-cases-grid{gap:16px}
.p11-cases-grid .p11-zcard h3{font-size:18px;line-height:24px;margin-bottom:8px}
.p11-cases-grid .p11-fcard-desc{margin-bottom:12px}
/* ---------- smell card ---------- */
.p11-smell{padding:44px 0 48px}
.p11-smell-card{padding:22px 20px;border-radius:20px}
.p11-smell-top{gap:16px;margin-bottom:18px}
.p11-smell-left{gap:8px}
.p11-smell-left h3{font-size:23px}
.p11-smell-desc{font-size:14px;line-height:21px;max-width:100%}
.p11-smell-card ul.p11-checks.four{margin-bottom:18px}
.p11-smell-foot{padding:14px 16px;border-radius:14px;gap:8px}
.p11-smell-foot b{font-size:14px}
.p11-smell-foot p{font-size:13px;line-height:19px}
/* ---------- principles ---------- */
.p11-principles{padding:0 0 44px}
.p11-principles .p11-sec-head{margin-bottom:24px}
.p11-princ-grid{gap:14px}
.p11-princ{padding:18px 18px 20px;border-radius:18px}
.p11-princ-num{font-size:26px}
.p11-princ h3{font-size:16px;padding:10px 0 6px}
.p11-princ p{font-size:13.5px;line-height:20px}
/* ---------- not included ---------- */
.p11-notin{padding:0 0 44px}
.p11-notin-box{padding:24px 20px;border-radius:24px;gap:22px}
.p11-notin-left{gap:12px}
.p11-notin-left h3{font-size:26px}
.p11-notin-left p{font-size:14px;line-height:21px}
.p11-notin-list{padding-top:0}
/* ---------- who ---------- */
.p11-who{padding:0 0 56px}
.p11-who-cols{gap:28px}
.p11-who-title{padding:9px 18px;font-size:15px;margin-bottom:18px}
.p11-who-note{margin-top:36px;font-size:13px;line-height:19px}
/* ---------- steps ---------- */
.p11-steps{padding:44px 0 44px}
.p11-steps-grid{grid-template-columns:1fr 1fr;gap:14px}
.p11-step{padding:18px 16px 20px;border-radius:18px}
.p11-step-num{font-size:24px}
.p11-step h3{font-size:16px;padding:10px 0 6px}
.p11-step p{font-size:13px;line-height:19px}
.p11-regular{gap:18px;padding:20px 18px;border-radius:20px}
.p11-regular-left h3{font-size:17px;margin-bottom:8px}
.p11-regular-left p{font-size:13.5px;line-height:20px}
.p11-regular-chips{gap:8px}
.p11-regular-chips span{padding:9px 14px;font-size:13px}
/* ---------- gallery ---------- */
.p11-gallery{padding:36px 0 40px}
.p11-gallery-head{gap:8px;margin-bottom:20px}
.p11-gallery-head h3{font-size:20px}
.p11-gallery-grid{grid-template-columns:1fr 1fr 1fr;gap:12px}
.p11-gallery-grid img{height:190px;border-radius:16px}
.p11-gallery-grid figcaption{padding-top:8px;font-size:13px}
/* ---------- equipment ---------- */
.p11-equip{padding:36px 0 44px}
.p11-equip-grid{gap:16px}
.p11-equip-intro{font-size:13.5px;line-height:20px;margin-bottom:12px}
.p11-equip-grid .p11-zcard ul.p11-checks li{font-size:14.5px;line-height:22px}
/* ---------- reviews (beats css/mobile.css via specificity) ---------- */
.page .reviews{padding:36px 16px 44px}
.reviews .rev-text{font-size:13.5px;line-height:1.55}
.reviews .rev-card{padding:18px 18px 16px}
/* ---------- order ---------- */
.p11-order{padding:36px 0 32px}
.p11-order-cols{gap:30px}
.p11-order-left{gap:16px}
.p11-order-left h2{font-size:30px}
.p11-order-desc{font-size:14px;line-height:21px}
/* design has every field stacked in ONE column (all inputs start at x=60) */
.p11-order-inputs{grid-template-columns:1fr;gap:12px}
.p11-order-hint{font-size:12px}
/* ---------- faq ---------- */
.p11-faq.faq{padding:40px 16px 52px}
.page .faq-item{padding:14px 16px}
/* ---------- other services ---------- */
.p11-other{padding:24px 0 44px}
.p11-other-head{margin-bottom:20px}
.p11-other-head .sec-title{font-size:28px}
.p11-other-grid{grid-template-columns:1fr 1fr;gap:14px}
.p11-ocard img{height:132px}
.p11-ocard h3{padding:12px 14px 14px;font-size:14px;line-height:1.3}
/* ---------- footer (beats css/mobile.css via specificity) ----------
Design is a single column: centred logo/desc/socials, then contacts,
hours and nav stacked at the left edge (x=20 in the mock). */
.page .footer{padding:22px 0 16px}
/* mobile.css keeps .footer-in at 16px side padding -> content starts at x=32,
the design puts every footer block at x=20 */
.page .footer-in{gap:16px;padding:0 4px}
.page .footer-cols{grid-template-columns:1fr;gap:18px}
.page .footer-col{gap:12px}
.page .footer-col:nth-child(1){order:1;align-items:center;text-align:center}
.page .footer-col:nth-child(3){order:2}
.page .footer-col:nth-child(4){order:3}
.page .footer-col:nth-child(2){order:4}
.page .footer-col:nth-child(1) .footer-desc{max-width:340px}
.page .footer-col:nth-child(1) .socials{justify-content:center}
.page .footer .hours-row{justify-content:flex-start;gap:12px}
.page .footer-bottom{padding-top:14px;gap:6px;flex-direction:column;align-items:center;text-align:center}
}
/* ===== format «Как мы подстраиваем уборку»: компакт как в эталоне (mobile) ===== */
@media (max-width: 860px){
.p11-format{padding:40px 0 34px}
.p11-sec-head{margin-bottom:18px}
.p11-format-grid{grid-template-columns:1fr;gap:12px}
.p11-fcard{padding:16px 16px 17px;border-radius:18px}
.p11-fcard-head{gap:10px;margin-bottom:8px}
.p11-fnum{width:30px;height:30px;border-radius:15px;font-size:13px}
.p11-fcard-head h3{font-size:16.5px;line-height:1.25}
.p11-fcard-desc{font-size:14px;line-height:20px;margin-bottom:9px}
.p11-fcard.wide{gap:12px;padding:16px}
ul.p11-checks{gap:7px}
ul.p11-checks.two{grid-template-columns:1fr;gap:7px}
ul.p11-checks li{font-size:14.5px;line-height:22px;padding-left:28px}
ul.p11-checks li::before{width:20px;height:20px;border-radius:10px;top:1px;font-size:12.5px}
.p11-zones-row{gap:7px}
.p11-zone-chip{padding:7px 12px;font-size:12.5px;gap:6px}
}
/* ===== чек-листы: выравнивание строк через subgrid ===== */
@supports (grid-template-rows: subgrid){
.komp-lists{grid-template-rows:repeat(6,auto);row-gap:0}
.komp-lists>ul.komp-list{display:grid;grid-row:1/-1;grid-template-rows:subgrid}
.z-cols{grid-template-rows:repeat(4,auto)}
.z-cols>ul.ck-list{display:grid;grid-row:1/-1;grid-template-rows:subgrid}
.c-cols{grid-template-rows:repeat(3,auto)}
.c-cols>ul.ck-list{display:grid;grid-row:1/-1;grid-template-rows:subgrid}
.e-cols{grid-template-rows:repeat(3,auto)}
.e-cols>ul.ck-list{display:grid;grid-row:1/-1;grid-template-rows:subgrid}
.zn-cols{grid-template-rows:repeat(4,auto)}
.zn-cols>ul.ck2-list{display:grid;grid-row:1/-1;grid-template-rows:subgrid}
.zn-sub3{grid-template-rows:repeat(5,auto);row-gap:0}
.zn-sub3>div{display:grid;grid-row:1/-1;grid-template-rows:subgrid}
.zn-sub3>div>ul.ck2-list{display:contents;margin-top:0}
.zn-sub3>div>span.zn-label{margin-bottom:14px}
.zn-dop{grid-template-rows:repeat(5,auto);row-gap:0}
.zn-dop>.zn-dop-left{grid-row:1/-1;grid-column:1}
.zn-dop>ul.ck2-list{display:grid;grid-row:1/-1;grid-template-rows:subgrid}
.zn-dop>ul.ck2-list:nth-of-type(1){grid-column:2}
.zn-dop>ul.ck2-list:nth-of-type(2){grid-column:3}
.pk-card{grid-template-rows:repeat(3,auto);row-gap:0}
.pk-card>.pk-info{grid-row:1/-1}
.pk-card>ul.pk-list{display:grid;grid-row:1/-1;grid-template-rows:subgrid}
.pk-card>ul.pk-list:nth-of-type(1){grid-column:2}
.pk-card>ul.pk-list:nth-of-type(2){grid-column:3}
.pk-card>.pk-note{grid-row:4;margin-top:40px}
}
/* сброс subgrid там, где сетки схлопываются */
@media (max-width:1180px){
.zn-dop{grid-template-rows:none;row-gap:24px}
.zn-dop>.zn-dop-left{grid-row:auto;grid-column:auto}
.zn-dop>ul.ck2-list{display:block;grid-row:auto;grid-column:auto;grid-template-rows:none}
.pk-card{grid-template-rows:none;row-gap:26px}
.pk-card>.pk-info{grid-row:auto}
.pk-card>ul.pk-list{display:block;grid-row:auto;grid-column:auto;grid-template-rows:none}
.pk-card>.pk-note{grid-row:auto;margin-top:14px}
}
@media (max-width:860px){
.komp-lists,.z-cols,.c-cols,.e-cols,.zn-cols,.zn-sub3{grid-template-rows:none}
.komp-lists>ul.komp-list,.z-cols>ul.ck-list,.c-cols>ul.ck-list,.e-cols>ul.ck-list,.zn-cols>ul.ck2-list{display:block;grid-row:auto;grid-template-rows:none}
.zn-sub3{row-gap:14px}
.zn-sub3>div{display:block;grid-row:auto;grid-template-rows:none}
.zn-sub3>div>ul.ck2-list{display:block;margin-top:14px}
.zn-sub3>div>span.zn-label{margin-bottom:0}
.zn-dop{row-gap:14px}
.pk-card{row-gap:18px}
}
/* до/после: натуральные высоты фото (без растяжения) */
.z10-doposle .ref-pics,.z10-doposle .ref-pics img{height:276px}
/* about: симметричные отступы 33px сверху и снизу */
@media (min-width:861px){.about-in{padding-top:0}}
/* чёткие галочки: центрируем ✓ в кружке на ВСЕХ ширинах.
Раньше flex-центрирование маркеров жило только внутри @media (max-width:860px),
поэтому на десктопе ::before рендерился block и ✓ сидел в левом верхнем углу. */
.ck-list li::before{
display:flex!important;align-items:center!important;justify-content:center!important;
text-align:center!important;line-height:1!important;
}