/* Авто Ремонт 24 — стиль-лок h3 (16.10.2026): тёмная база, зелёный как у эвакуаторов */
:root{
  --bg:#161816; --bg2:#1b1d1b; --surface:#202320; --line:#2e322e;
  --text:#f2f3ef; --muted:#a9afa7; --accent:#1fc27a; --accent-ink:#06150c;
  --r:12px; --wrap:1280px; --gut:clamp(16px,4vw,40px);
  --f-head:'Fira Sans Condensed','Arial Narrow',sans-serif;
  --f-body:'Golos Text',system-ui,sans-serif;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:400 17px/1.55 var(--f-body);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
ul,ol{list-style:none;margin:0;padding:0}
h1,h2,h3{font-family:var(--f-head);font-weight:800;line-height:1.05;margin:0;letter-spacing:-.005em}
em{font-style:normal;color:var(--accent)}
p{margin:0}
blockquote{margin:0}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}
.center{text-align:center;margin-top:32px}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}

/* кнопки */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;border-radius:8px;font:600 17px/1.2 var(--f-head);letter-spacing:.01em;text-decoration:none;border:1.5px solid transparent;transition:background .15s,border-color .15s,color .15s;text-align:center}
.btn--main{background:var(--accent);color:var(--accent-ink);font-weight:700}
.btn--main:hover{background:#27d488}
.btn--ghost{border-color:var(--text);color:var(--text)}
.btn--ghost:hover{border-color:var(--accent);color:var(--accent)}
.btn--sm{min-height:44px;padding:0 18px;font-size:16px}
.btn--wide{width:100%}
.btns{display:flex;flex-wrap:wrap;gap:14px}
.btns--center{justify-content:center}

/* шапка */
.nav{position:sticky;top:0;z-index:30;background:rgba(22,24,22,.94);backdrop-filter:saturate(1.2) blur(8px);border-bottom:1px solid var(--line)}
.nav__in{display:flex;align-items:center;gap:28px;min-height:68px}
.logo{font:800 28px/1 var(--f-head);text-decoration:none;white-space:nowrap}
.nav__links{display:flex;gap:26px;margin-right:auto}
.nav__links a{text-decoration:none;color:#d9ddd6;font-size:15px}
.nav__links a:hover{color:var(--accent)}
.nav__right{display:flex;align-items:center;gap:22px}
.live{display:inline-flex;align-items:center;gap:8px;font-size:15px;color:#d9ddd6;white-space:nowrap}
.dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px rgba(31,194,122,.18)}
.nav__phone{font:700 22px/1 var(--f-head);text-decoration:none;white-space:nowrap}
.nav__call{display:none;width:44px;height:44px;border:1.5px solid var(--line);border-radius:10px;align-items:center;justify-content:center}
.nav__call svg{width:20px;height:20px;fill:var(--text)}

/* 01 первый экран */
.hero{position:relative;padding-bottom:8px}
.hero__photo{height:min(600px,66vh);overflow:hidden;position:relative}
.hero__photo img{width:100%;height:100%;object-fit:cover;object-position:50% 43%;filter:brightness(.85) contrast(1.05)}
.hero__photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(22,24,22,0) 55%,var(--bg) 100%)}
.hero__grid{position:relative;margin-top:-270px;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:28px;align-items:end}
.hero__panel{background:rgba(27,29,27,.94);border:1px solid var(--line);border-radius:var(--r);padding:34px 38px 28px}
.hero h1{font-size:clamp(38px,4.4vw,62px);margin-bottom:18px}
.hero__sub{font-size:18px;color:#d9ddd6;max-width:640px;margin-bottom:24px}
.rating{margin-top:18px;color:var(--muted);font-size:16px}
.rating b{color:var(--text);font-weight:600}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r)}
.price-card{padding:28px 28px 20px}
.price-card__h{font-size:32px;margin-bottom:12px}
.rows>div{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid var(--line)}
.rows>div:first-child{border-top:0}
.rows dt{color:#d9ddd6}
.rows dd{margin:0;font-weight:600;white-space:nowrap}
.rows dd small{color:var(--muted);font-weight:400;font-size:inherit}
.symptoms{margin-top:44px}
.h3{font-size:30px}
.symptoms .h3{margin-bottom:16px}
.symptoms__list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.symptoms__list a{display:flex;align-items:center;justify-content:center;text-align:center;min-height:62px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg2);text-decoration:none;font-weight:500;font-size:16px;transition:border-color .15s}
.symptoms__list a:hover{border-color:var(--accent)}
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:28px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg2)}
.facts li{display:flex;align-items:center;justify-content:center;gap:16px;padding:22px 16px;font-size:18px;font-weight:500}
.facts li+li{border-left:1px solid var(--line)}
.facts svg{width:46px;height:46px;flex:none;fill:none;stroke:var(--accent);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}

/* секции */
.sec{padding:clamp(64px,9vw,112px) 0 0}
.sec--tight{padding-top:56px}
.h2{font-size:clamp(32px,3.8vw,52px);margin-bottom:36px;max-width:1100px}
.h2--s{font-size:clamp(28px,3vw,40px);margin-bottom:14px}
.lead{font-size:19px;color:#d9ddd6;margin-bottom:22px}
.pending{color:var(--muted);font-size:15px;margin-top:6px}
.pending::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;border:1px solid var(--muted);margin-right:8px;vertical-align:1px}
.price{color:var(--accent);font:700 22px/1.2 var(--f-head);margin-top:auto;padding-top:14px}

/* 02 направления */
.cards6{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.svc{display:flex;flex-direction:column;overflow:hidden}
.svc img{width:100%;aspect-ratio:4/3;height:auto;object-fit:cover}
.svc__b{display:flex;flex-direction:column;flex:1;padding:20px 22px 22px}
.svc h3{font-size:28px;margin-bottom:8px}
.svc p{color:#d9ddd6;font-size:16px}
.svc .price{color:var(--accent)}

/* 03 шаги */
.steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px;margin-bottom:40px;counter-reset:s}
.steps li{position:relative}
.steps span{display:block;font:800 76px/1 var(--f-head);color:var(--accent);margin-bottom:14px}
.steps li:not(:last-child)::after{content:"";position:absolute;top:38px;left:68px;right:-14px;height:1px;background:var(--line)}
.steps p{font-size:17px;color:#e3e6df}
.quote-wide{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.2fr) minmax(0,1fr);gap:32px;align-items:center;padding:22px}
.quote-wide img{border-radius:10px;width:100%;aspect-ratio:16/9;object-fit:cover}
.quote-wide blockquote p{font:700 26px/1.25 var(--f-head);margin-bottom:16px}
.quote-wide footer{font-size:17px}
.quote-wide footer span{display:block;color:var(--muted);font-size:15px;margin-top:4px}
.quote-wide__btns{display:grid;gap:14px;padding-left:28px;border-left:1px solid var(--line)}

/* 04 истории */
.stories{position:relative;overflow:hidden}
.stories__bg{position:absolute;inset:0 0 auto;height:520px;z-index:0}
.stories__bg img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;opacity:.38}
.stories__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 25%,rgba(22,24,22,.4) 70%,rgba(22,24,22,.75)),linear-gradient(180deg,rgba(22,24,22,0) 50%,var(--bg))}
.stories .wrap{position:relative;z-index:1;padding-top:80px}
.stories .h2{max-width:720px}
.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.story{display:flex;flex-direction:column;padding:26px 24px;background:rgba(32,35,32,.94)}
.story__route{color:var(--accent);font:500 16px/1.3 var(--f-head);margin-bottom:18px}
.story h3{font-size:30px;margin-bottom:14px}
.story__q{font-size:17px;color:#e3e6df;margin-bottom:24px}
.who{display:flex;align-items:center;gap:14px;margin-top:auto;font-size:15px}
.who i{flex:none;width:46px;height:46px;border-radius:50%;background:#2a2e2a;display:grid;place-items:center;font:600 16px/1 var(--f-body);font-style:normal}
.who span{display:flex;flex-direction:column}
.who small{color:var(--muted);font-size:14px}
.geo-line{margin-top:36px;padding-top:22px;border-top:1px solid var(--line);color:#c9cec6;font-size:15px}

/* 05, 09 две колонки */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.split__photo img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r)}
.split .h2{margin-bottom:22px}
.quote{padding:26px 28px;margin-top:26px}
.quote p{font:500 22px/1.35 var(--f-body);margin-bottom:20px}
.quote--big p{font:700 32px/1.2 var(--f-head)}
.names{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.names li{padding:14px 22px;border:1px solid var(--line);border-radius:10px;background:var(--bg2);font-weight:500}

/* 06 цены */
.updated{margin:-24px 0 26px;color:var(--muted)}
.updated .pending::before{display:none}
.tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px}
.tabs button{min-height:56px;border:1px solid var(--line);border-radius:10px;background:var(--bg2);color:var(--text);font:600 18px/1 var(--f-head);cursor:pointer}
.tabs button[aria-selected=true]{border:1.5px solid var(--accent);color:var(--accent)}
.prices{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:22px;margin-bottom:24px;align-items:start}
.prices__table{padding:10px 36px}
.prices__table .rows>div{padding:22px 0;font-size:19px}
.prices__table dd{font-size:20px}
.pay{padding:28px}
.pay .h3{margin-bottom:12px;font-size:34px}
.pay>p{color:#e3e6df;padding-bottom:20px;border-bottom:1px solid var(--line)}
.pay__rule{font:700 21px/1.35 var(--f-head);padding:20px 0;color:var(--text)!important}
.pay blockquote{padding-top:20px}
.pay blockquote small{color:var(--muted);font-size:14px}
.pay blockquote p{font:700 22px/1.3 var(--f-head);margin:6px 0 10px}
.pay blockquote footer{color:var(--muted);font-size:15px}

/* 07 эвакуатор */
.tow{padding:36px}
.tow__head{display:flex;justify-content:space-between;gap:32px;margin-bottom:26px}
.tow .h2{margin-bottom:12px}
.tow .lead{max-width:760px;margin-bottom:0}
.chips-price{display:flex;gap:12px;align-self:flex-start}
.chips-price li{min-width:150px;padding:16px 20px;border:1px solid var(--line);border-radius:10px;background:var(--bg2);font:700 30px/1.1 var(--f-head)}
.chips-price small{display:block;font:400 14px/1.4 var(--f-body);color:var(--muted);margin-bottom:6px}
.mosaic5{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:240px 240px;gap:14px}
.mosaic5 img{width:100%;height:100%;object-fit:cover;border-radius:10px}
.mosaic5 img:first-child{grid-row:span 2}
.mosaic5--shop{grid-template-rows:280px 280px}
.tow__foot{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:18px;margin-top:18px;align-items:stretch}
.quote--row{margin:0;display:flex;flex-direction:column;justify-content:center;padding:20px 26px}
.quote--row p{font:700 22px/1.3 var(--f-head);margin-bottom:12px}
.tow__foot .btn{height:100%;font-size:20px}

/* 08 гарантия */
.warranty{display:grid;grid-template-columns:auto minmax(0,1.4fr) minmax(0,1fr);gap:32px;align-items:center;padding:34px 38px}
.warranty>svg{width:72px;height:72px;fill:none;stroke:var(--accent);stroke-width:2.6;stroke-linejoin:round;stroke-linecap:round}
.warranty p{color:#d9ddd6}
.warranty blockquote{padding-left:32px;border-left:1px solid var(--line)}
.warranty blockquote p{font:700 26px/1.25 var(--f-head);color:var(--text);margin-bottom:12px}
.warranty blockquote footer{color:var(--muted);font-size:15px}

/* 10 цех */
.quote-line{margin-top:24px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted)}
.quote-line b{color:var(--text);font:700 21px/1.3 var(--f-head)}

/* 11 отзывы */
#reviews .h2{margin-bottom:14px}
.stars{display:flex;align-items:center;gap:22px;margin-bottom:30px}
.stars span{color:var(--accent);font-size:30px;letter-spacing:4px}
.stars a{color:var(--accent);text-decoration:none;padding-left:22px;border-left:1px solid var(--line);font-size:18px}
.stars a:hover{text-decoration:underline}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.review{padding:24px 26px}
.review .who{margin:0 0 18px}
.review .who span{font:600 18px/1.25 var(--f-head)}
.review .who span small{font:400 14px/1.4 var(--f-body)}
.review .who em{margin-left:auto;color:var(--muted);font-size:14px;align-self:flex-start}
.review>p:last-child{font-size:17px;color:#e3e6df}

/* 12 как найти */
.find{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:18px}
.find__text{padding:40px}
.find__text .h2{margin-bottom:18px}
.zones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}
.zones li{padding:14px 18px;border:1px solid var(--line);border-radius:10px;background:var(--bg2);font-weight:500}
.live--big{font-size:18px;color:var(--text);margin-bottom:24px}
.find__media{display:grid;grid-template-rows:minmax(0,1.3fr) minmax(0,1fr);gap:18px}
.find__media img{width:100%;height:100%;object-fit:cover;border-radius:var(--r);min-height:280px}
.map{position:relative;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:#1d201d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M0 20h40M20 0v40' stroke='%232e322e'/%3E%3C/svg%3E");min-height:240px;display:grid;place-items:center}
.map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:invert(.9) hue-rotate(180deg) saturate(.6) brightness(.95)}

/* 13 финал */
.final{text-align:center;padding:clamp(80px,11vw,140px) 0 80px}
.final .h2{margin:0 auto 18px;max-width:none}
.final__phone{display:inline-block;font:800 clamp(52px,8vw,112px)/1 var(--f-head);text-decoration:none;margin-bottom:30px;letter-spacing:-.01em}
.final__note{color:var(--muted);margin-top:24px}

/* подвал */
.foot{border-top:1px solid var(--line);padding:40px 0 calc(28px + env(safe-area-inset-bottom))}
.foot__grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.4fr;gap:28px}
.foot__grid>div+div{padding-left:28px;border-left:1px solid var(--line)}
.foot p{color:#c9cec6;font-size:15px}
.foot .logo{display:block;font-size:30px;color:var(--text);margin-bottom:8px}
.foot a{text-decoration:none;font:600 19px/1.6 var(--f-head);color:var(--text)}
.foot__low{display:flex;justify-content:space-between;gap:20px;margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}
.foot__low p{color:var(--muted);font-size:14px}

/* нижняя панель на телефоне */
.dock{display:none}

/* планшет */
@media (max-width:1100px){
  .nav__links{display:none}
  .hero__grid{grid-template-columns:minmax(0,1fr);margin-top:-200px}
  .symptoms__list{grid-template-columns:repeat(3,minmax(0,1fr))}
  .facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .facts li:nth-child(3){border-left:0}
  .facts li:nth-child(n+3){border-top:1px solid var(--line)}
  .cards6{grid-template-columns:repeat(2,minmax(0,1fr))}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .steps li::after{display:none}
  .quote-wide{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .quote-wide__btns{grid-column:1/-1;padding-left:0;border-left:0;grid-template-columns:1fr 1fr}
  .grid4,.grid3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .prices{grid-template-columns:minmax(0,1fr)}
  .tow__head{flex-direction:column}
  .warranty{grid-template-columns:auto minmax(0,1fr)}
  .warranty blockquote{grid-column:1/-1;padding:20px 0 0;border-left:0;border-top:1px solid var(--line)}
  .find{grid-template-columns:minmax(0,1fr)}
  .foot__grid{grid-template-columns:1fr 1fr}
  .foot__grid>div:nth-child(3){padding-left:0;border-left:0}
}

/* телефон */
@media (max-width:720px){
  body{font-size:16px;padding-bottom:calc(76px + env(safe-area-inset-bottom))}
  .nav__in{min-height:60px;gap:12px}
  .logo{font-size:24px}
  .nav__right .live,.nav__phone,.nav__right .btn{display:none}
  .nav__right{margin-left:auto}
  .nav__call{display:inline-flex}
  .hero__photo{height:300px}
  .hero__photo img{object-position:50% 45%}
  .hero__grid{margin-top:-60px;gap:16px}
  .hero__panel{padding:24px 20px 22px;background:var(--bg2)}
  .hero h1{font-size:36px}
  .hero__sub{font-size:16px;margin-bottom:22px}
  .btns{flex-direction:column}
  .btns .btn{width:100%}
  .price-card{padding:20px}
  .price-card__h{font-size:26px}
  .rows>div{padding:12px 0;font-size:15px}
  .symptoms{margin-top:30px}
  .h3{font-size:26px}
  .symptoms__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .symptoms__list a{min-height:56px;font-size:15px}
  .facts li{flex-direction:column;gap:8px;text-align:center;padding:18px 10px;font-size:15px}
  .facts svg{width:38px;height:38px}
  .h2{font-size:32px;margin-bottom:24px}
  .lead{font-size:16px}
  .cards6,.grid4,.grid3{grid-template-columns:minmax(0,1fr);gap:14px}
  .svc img{aspect-ratio:16/10}
  .svc h3{font-size:26px}
  .steps{grid-template-columns:minmax(0,1fr);gap:18px}
  .steps li{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:start}
  .steps span{font-size:52px;margin:0}
  .quote-wide{grid-template-columns:minmax(0,1fr);gap:18px;padding:16px}
  .quote-wide blockquote p{font-size:22px}
  .quote-wide__btns{grid-template-columns:minmax(0,1fr)}
  .stories .wrap{padding-top:40px}
  .story h3{font-size:26px}
  .split{grid-template-columns:minmax(0,1fr);gap:24px}
  .split__photo img{aspect-ratio:4/3}
  .quote{padding:20px}
  .quote p{font-size:18px}
  .quote--big p{font-size:24px}
  .updated{margin-top:-12px}
  .tabs{display:flex;overflow-x:auto;scrollbar-width:none;margin:0 calc(-1*var(--gut)) 14px;padding:0 var(--gut)}
  .tabs::-webkit-scrollbar{display:none}
  .tabs button{flex:none;padding:0 20px;min-height:48px;font-size:17px}
  .prices__table{padding:4px 18px}
  .prices__table .rows>div{padding:16px 0;font-size:16px}
  .prices__table dd{font-size:17px}
  .pay{padding:20px}
  .pay .h3{font-size:28px}
  .tow{padding:20px 16px}
  .chips-price{width:100%}
  .chips-price li{min-width:0;flex:1;padding:12px;font-size:22px}
  .chips-price small{font-size:12px}
  .mosaic5,.mosaic5--shop{grid-template-columns:1fr 1fr;grid-template-rows:220px 130px 130px;gap:10px}
  .mosaic5 img:first-child{grid-column:1/-1;grid-row:auto}
  .tow__foot{grid-template-columns:minmax(0,1fr)}
  .tow__foot .btn{min-height:56px}
  .quote--row{padding:18px}
  .warranty{grid-template-columns:minmax(0,1fr);padding:24px 20px;gap:16px}
  .warranty>svg{width:52px;height:52px}
  .warranty blockquote p{font-size:22px}
  .stars{flex-wrap:wrap;gap:10px}
  .stars a{border-left:0;padding-left:0}
  .find__text{padding:24px 20px}
  .zones{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
  .zones li{padding:12px;font-size:15px}
  .find__media{grid-template-rows:auto auto}
  .find__media img{min-height:0;aspect-ratio:4/3;height:auto}
  .final{padding:72px 0 56px}
  .final__phone{font-size:46px}
  .foot__grid{grid-template-columns:minmax(0,1fr);gap:16px}
  .foot__grid>div+div{padding-left:0;border-left:0;padding-top:16px;border-top:1px solid var(--line)}
  .foot__low{flex-direction:column;gap:6px}
  .dock{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:40;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(22,24,22,.97);border-top:1px solid var(--line)}
  .dock a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;border:1.5px solid var(--line);border-radius:10px;text-decoration:none;font:600 16px/1 var(--f-head)}
  .dock svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
  .dock .dock__call{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-size:18px}
  .dock .dock__call svg{fill:currentColor;stroke:none}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* правки после проверки 16.10 */
.svc .price{font:700 22px/1.2 var(--f-head);color:var(--accent)}
.facts li{font-size:17px;white-space:nowrap;gap:14px;padding:22px 12px}
.stories__bg::before{content:"";position:absolute;inset:0 0 auto;height:140px;z-index:1;background:linear-gradient(180deg,var(--bg),rgba(22,24,22,0))}
.find{align-items:start}
.find__media{grid-template-rows:auto auto}
.find__media img{aspect-ratio:16/10;height:auto;min-height:0}
.map{min-height:300px}
@media (max-width:720px){.facts li{white-space:normal}.map{min-height:240px}}
.logo{display:inline-flex;align-items:center;min-height:44px}
.stars a{display:inline-flex;align-items:center;min-height:44px}
@media (max-width:720px){
  .svc{flex-direction:row;align-items:stretch}
  .svc img{width:38%;aspect-ratio:auto;min-height:150px;flex:none}
  .svc__b{padding:14px 14px 14px 16px}
  .svc h3{font-size:22px;margin-bottom:6px}
  .svc p{font-size:14px;line-height:1.4}
  .svc .price{font-size:18px;padding-top:8px}
  .svc .pending{font-size:13px}
  .grid3 .review:nth-child(n+5){display:none}
}
.nw{white-space:nowrap}