/* 05.11.2026 (Claude): блок «Позвоните нам» и окно со списком автосервисов. Описание: /root/ИЗМЕНЕНИЯ-2026-11-05.txt */
:root{--cn-red:#D7191F;--cn-red-deep:#A80F16;--cn-ink:#23262A;--cn-muted:#676D74;--cn-line:#ECE7E3;--cn-soft:#F7F4F2}
.cn,.cn *{box-sizing:border-box}
.cn{font-family:PTSansRegular,'PT Sans',Arial,sans-serif;color:var(--cn-ink);font-size:15px;line-height:1.35;text-align:left}
.cn-card{width:340px;max-width:100%;background:#fff;border-radius:14px;box-shadow:0 18px 40px -18px rgba(120,10,15,.45),0 0 0 1px rgba(168,15,22,.08);overflow:hidden}
.cn-head{background:var(--cn-red);color:#fff;padding:20px 22px 18px;position:relative}
.cn .cn-h{margin:0;font:700 26px/1.1 PTSansBold,'PT Sans',Arial,sans-serif;color:#fff;letter-spacing:-.01em;text-transform:none}
.cn-head p{margin:8px 0 0;font-size:14px;line-height:1.4;color:rgba(255,255,255,.92)}
.cn-hours{display:inline-flex;align-items:center;gap:7px;margin-top:12px;font-size:13px;color:#fff;background:rgba(0,0,0,.16);padding:4px 10px 4px 8px;border-radius:99px}
.cn-hours i{width:7px;height:7px;border-radius:50%;background:#7CF0A0;box-shadow:0 0 0 3px rgba(124,240,160,.25)}
.cn-tabs{display:flex;gap:6px;padding:14px 18px 6px}
.cn .cn-tab{flex:1;border:1px solid var(--cn-line);background:#fff;border-radius:9px;padding:8px 6px;font:inherit;font-size:14px;color:var(--cn-ink);cursor:pointer;line-height:1.2;margin:0;box-shadow:none;text-transform:none}
.cn .cn-tab[aria-pressed=true]{background:var(--cn-ink);border-color:var(--cn-ink);color:#fff}
.cn-tab span{color:var(--cn-muted);margin-left:4px}.cn-tab[aria-pressed=true] span{color:rgba(255,255,255,.65)}
.cn .cn-line{list-style:none;margin:0;padding:6px 10px 12px 18px}
.cn .cn-line[hidden]{display:none}
.cn .cn-line li{list-style:none;margin:0;padding:0;background:none}
.cn .cn-line li::before{display:none}
.cn a.cn-row{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;padding:5px 8px 5px 0;border-radius:10px;text-decoration:none;color:inherit;border:0}
.cn a.cn-row:hover{background:var(--cn-soft)}
.cn a.cn-row:focus-visible{outline:2px solid var(--cn-red);outline-offset:1px}
.cn-dot{width:13px;height:13px;border-radius:50%;background:#fff;border:3px solid var(--cn-red)}
.cn-txt{min-width:0}
.cn-name{color:var(--cn-ink);display:block;font:700 15px/1.15 PTSansBold,'PT Sans',Arial,sans-serif}
.cn-addr{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;font-size:12.5px;color:var(--cn-muted);margin-top:1px}
.cn-tel{font:700 15px/1 PTSansBold,'PT Sans',Arial,sans-serif;font-variant-numeric:tabular-nums;color:var(--cn-red-deep);white-space:nowrap;display:flex;align-items:center;gap:6px}
.cn-tel svg{width:15px;height:15px;flex:none}
.cn-phone-small{display:none}
.cn-over{position:fixed;inset:0;background:rgba(25,18,18,.55);z-index:100000;display:flex;align-items:center;justify-content:center;padding:24px}
.cn-over[hidden]{display:none}
.cn-modal{width:760px;max-width:100%;max-height:calc(100vh - 48px);overflow:auto;background:#fff;border-radius:18px;box-shadow:0 30px 80px -20px rgba(0,0,0,.5)}
.cn-modal .cn-head{padding:26px 64px 22px 30px}
.cn-modal .cn-h{font-size:30px}
.cn .cn-x{position:absolute;right:16px;top:16px;width:38px;height:38px;border-radius:50%;border:0;background:rgba(0,0,0,.18);color:#fff;font-size:22px;line-height:38px;cursor:pointer;padding:0;text-align:center}
.cn-cols{display:grid;grid-template-columns:1fr 1fr;gap:4px 26px;padding:18px 24px 8px 26px}
.cn-sub{margin:4px 0 4px 30px;font:700 13px/1 PTSansBold,'PT Sans',Arial,sans-serif;color:var(--cn-muted)}
.cn-cols .cn-line{padding:4px 0 10px 0}
html.cn-lock{overflow:hidden}
.cn-card.cn-wide{width:auto;max-width:860px;margin:30px auto}
.cn-wide .cn-head{padding:24px 30px 20px}
@media (max-width:600px){
 .cn-card{width:100%;border-radius:16px}
 .cn .cn-h{font-size:24px}
 .cn a.cn-row{grid-template-columns:22px minmax(0,1fr) 44px;padding:9px 0}
 .cn-tel .cn-num{display:none}
 .cn-tel{width:44px;height:44px;border-radius:50%;background:var(--cn-red);color:#fff;justify-content:center}
 .cn-tel svg{width:19px;height:19px}
 .cn-phone-small{display:block;font-size:13px;color:var(--cn-ink);margin-top:2px;font-variant-numeric:tabular-nums}
 .cn-over{align-items:flex-end;padding:0}
 .cn-modal{border-radius:20px 20px 0 0;max-height:92vh}
 .cn-modal .cn-head{padding:22px 60px 18px 20px}
 .cn-modal .cn-h{font-size:25px}
 .cn-cols{grid-template-columns:1fr;padding:12px 16px 20px 18px}
 .cn-card.cn-wide{margin:20px 0}
 .cn-wide .cn-head{padding:20px 20px 18px}
}
/* кнопка в блоке карты стала ссылкой tel: */
#sto-branches a#sb-map-book{display:block;text-align:center;text-decoration:none;box-sizing:border-box}
#sto-branches a#sb-map-book[hidden]{display:none}
.cn a.cn-row.cn-hl{background:#FDECEC;box-shadow:inset 3px 0 0 var(--cn-red)}

/* 05.11.2026 (Claude): блоки «Услуги» и «Выберите модель» в стиле «Позвоните нам» */
.services_center{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 18px;max-width:1000px;margin:0 auto 10px!important;padding:0!important}
.services_center .services_element_line{display:contents!important}
.services_center .services_element{width:auto!important;height:auto!important;margin:0!important;padding:0!important;float:none!important;border:0!important;background:none!important;min-height:0!important}
.services_center .services_element>div{position:relative;display:block;height:auto!important;padding:0!important;margin:0!important;background:none!important;border:0!important}
.services_center .services_element>div>a:first-child:not(:only-child){display:none!important}
.services_center .services_element p{margin:0!important;padding:0!important;height:auto!important;position:static!important;background:none!important;border:0!important;text-align:left!important}
.services_center .services_element p a{display:grid!important;grid-template-columns:22px minmax(0,1fr) 16px;align-items:center;gap:10px;padding:14px 14px 14px 14px!important;border:1px solid #ECE7E3;border-radius:12px;background:#fff;color:#23262A!important;text-decoration:none!important;font:700 16px/1.25 PTSansBold,'PT Sans',Arial,sans-serif!important;text-align:left!important;transition:border-color .15s,background .15s}
.services_center .services_element p a::before{content:"";width:13px;height:13px;border-radius:50%;border:3px solid #D7191F;box-sizing:border-box;justify-self:center}
.services_center .services_element p a::after{content:"";width:8px;height:8px;border-right:2px solid #A80F16;border-top:2px solid #A80F16;transform:rotate(45deg);justify-self:center}
.services_center .services_element p a:hover{border-color:#D7191F;background:#FDF5F5}
.services_center .services_element p a:focus-visible{outline:2px solid #D7191F;outline-offset:2px}
/* цена внутри карточки, под названием */
.services_center .services_element .services_element_text{position:absolute!important;left:46px;bottom:12px;margin:0!important;padding:0!important;font:13px/1.2 PTSansRegular,'PT Sans',Arial,sans-serif!important;color:#676D74!important;pointer-events:none;text-align:left!important;background:none!important;width:auto!important}
.services_center .services_element>div:has(.services_element_text) p a{padding-bottom:30px!important;padding-top:12px!important;align-items:start;row-gap:0}
.services_center .services_element>div:has(.services_element_text) p a::before,.services_center .services_element>div:has(.services_element_text) p a::after{margin-top:4px}
/* модели */
.services_section_block_custom .services_section_item{display:flex!important;font-size:0!important;line-height:0!important}
.services_section_block_custom .services_section_item::before,.services_section_block_custom .services_section_item::after,.services_section_block_custom .services_section_item .description::before,.services_section_block_custom .services_section_item .description::after{display:none!important}
.services_section_block_custom .services_section_item .description,.services_section_block_custom .services_section_item .h2{display:flex!important;font-size:0!important}
.services_section_block_custom .services_section_item:not(:has(a[href])){display:none!important}
.services_section_block_custom{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:flex-start!important;align-content:flex-start!important;height:auto!important;font-size:0!important;line-height:0!important;min-height:0!important;gap:0!important;max-width:1010px;margin:0 auto!important;padding:0 0 10px!important;border:0!important;background:none!important}
.services_section_block_custom .four_block{display:contents!important}
.services_section_block_custom .four_block::before,.services_section_block_custom .four_block::after,.services_section_block_custom::before,.services_section_block_custom::after{display:none!important}
.services_section_block_custom .services_section_item{width:auto!important;height:auto!important;margin:0!important;padding:0!important;float:none!important;border:0!important;background:none!important;min-height:0!important;flex:none!important}
.services_section_block_custom .services_section_item .description{margin:0!important;padding:0!important;height:auto!important;position:static!important;background:none!important}
.services_section_block_custom .services_section_item .h2{display:block;margin:0!important;padding:0!important;font-size:inherit!important;line-height:1!important}
.services_section_block_custom .services_section_item a{display:inline-flex!important;align-items:center;padding:10px 18px!important;border:1px solid #ECE7E3;border-radius:999px;background:#fff;color:#23262A!important;text-decoration:none!important;font:700 15px/1.2 PTSansBold,'PT Sans',Arial,sans-serif!important;white-space:nowrap;transition:border-color .15s,background .15s,color .15s}
.services_section_block_custom .services_section_item a:hover{border-color:#D7191F;color:#A80F16!important;background:#FDF5F5}
.services_section_block_custom .services_section_item a:focus-visible{outline:2px solid #D7191F;outline-offset:2px}
@media (max-width:900px){.services_center{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){
 .services_center{grid-template-columns:1fr;gap:8px;padding:0 4px!important}
 .services_center .services_element p a{padding:13px 12px!important;font-size:15.5px!important}
 .services_section_block_custom{gap:0!important;justify-content:flex-start!important;padding:0 4px 10px!important}
 .services_section_block_custom .services_section_item a{padding:9px 14px!important;font-size:14.5px!important}
}
/* отступы капсул полями, а не gap: в разметке между моделями бывают  , которые становятся пустыми flex-элементами */
.services_section_block_custom .four_block .services_section_item{margin:5px!important}
@media (max-width:600px){.services_section_block_custom .four_block .services_section_item{margin:4px!important}}