/* Cocon serrurier Boulogne-Billancourt */
.skip-link{position:absolute;left:-9999px;top:8px;z-index:2000;padding:10px 14px;border-radius:8px;background:#fff;color:#0f172a}.skip-link:focus{left:12px}
.boulogne-header .header-inner{min-height:88px}.boulogne-nav{display:flex;align-items:center;gap:20px}.boulogne-nav a{color:var(--text);text-decoration:none;font-size:14px;font-weight:750}.boulogne-nav a:hover,.boulogne-nav a:focus{color:var(--blue-accent)}
.breadcrumbs{display:flex;align-items:center;gap:9px;padding-top:18px;padding-bottom:18px;color:var(--muted);font-size:14px}.breadcrumbs a{color:var(--blue-accent);text-decoration:none}
.boulogne-hero{border-bottom:1px solid var(--line);background:linear-gradient(132deg,#fff 0%,#f8fafc 62%,#eaf1ff 100%)}.hero-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);gap:44px;align-items:center;padding-top:48px;padding-bottom:56px}.boulogne-hero h1{max-width:780px;margin-top:11px;font-size:clamp(35px,4.6vw,57px);line-height:1.06;letter-spacing:-1.2px}.hero-lead{max-width:720px;margin-top:17px;color:#475569;font-size:17px;line-height:1.72}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:21px}.platform-note{max-width:700px;margin-top:16px;color:var(--muted);font-size:13.5px;line-height:1.55}.overline{color:var(--blue-accent);font-size:13px;font-weight:850;letter-spacing:.075em;text-transform:uppercase}
.seo-photo{margin:0;overflow:hidden;border:1px solid var(--line);border-radius:19px;background:#fff;box-shadow:0 18px 48px rgba(15,23,42,.09)}.seo-photo img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}.boulogne-hero .seo-photo img{min-height:390px;aspect-ratio:1.38/1}.seo-photo figcaption{padding:12px 15px;color:var(--muted);font-size:13px;line-height:1.45}
.cluster-nav{position:sticky;top:109px;z-index:40;border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);backdrop-filter:blur(10px)}.cluster-links{display:flex;gap:8px;overflow-x:auto;padding-top:10px;padding-bottom:10px;scrollbar-width:thin}.cluster-links a{white-space:nowrap;padding:8px 12px;border-radius:999px;color:var(--text);text-decoration:none;font-size:13px;font-weight:750}.cluster-links a:hover{background:#eef2ff;color:var(--blue-accent)}.cluster-links a.active{background:var(--blue-accent);color:#fff}
.content-grid,.media-grid{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(320px,.86fr);gap:46px;align-items:start}.media-grid{align-items:center}.prose h2,.section-title h2{margin-top:7px;font-size:clamp(28px,3.2vw,40px);line-height:1.15;letter-spacing:-.55px}.prose h3{margin-top:25px;font-size:20px}.prose p{margin-top:16px;color:#334155;font-size:16px;line-height:1.77}.prose.narrow{max-width:850px}.section-title{max-width:850px}.section-title>p:not(.overline){margin-top:13px;color:var(--muted);line-height:1.7}.section-title.light h2,.section-title.light>p{color:#fff}
.action-card,.diagnostic-table{padding:26px;border:1px solid #c7d2fe;border-radius:18px;background:#eef2ff}.action-card.warning{border-color:#fed7aa;background:#fff7ed}.action-card h2,.diagnostic-table h2{font-size:23px}.action-card ul,.action-card ol{margin:17px 0 0 21px}.action-card li{margin-top:10px;line-height:1.55}.text-link{display:inline-block;margin-top:20px;color:var(--blue-accent);font-weight:800;text-decoration:none}
.topic-grid,.symptom-grid,.district-grid,.damage-grid,.price-factors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:29px}.topic-grid a,.symptom-grid article,.district-grid article,.damage-grid article,.price-factors article{padding:23px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--text);text-decoration:none}.topic-grid a:hover{border-color:#93c5fd;box-shadow:0 10px 26px rgba(15,23,42,.06)}.topic-grid h3,.symptom-grid h3,.district-grid h3,.damage-grid h3,.price-factors h3{font-size:18px;line-height:1.3}.topic-grid p,.symptom-grid p,.district-grid p,.damage-grid p,.price-factors p{margin-top:10px;color:var(--muted);line-height:1.65}.price-factors span{display:block;margin-bottom:12px;color:var(--blue-accent);font-weight:900}
.local-section{background:#0b1220;color:#fff}.light-copy h2,.light-copy p:not(.overline){color:#fff}.light-copy p:not(.overline){color:#cbd5e1}.local-section .district-grid article{border-color:#334155;background:#111c2e}.local-section .district-grid h3{color:#fff}.local-section .district-grid p{color:#cbd5e1}
.diagnostic-table dl{margin-top:15px}.diagnostic-table dl div{padding:13px 0;border-bottom:1px solid #c7d2fe}.diagnostic-table dl div:last-child{border-bottom:0}.diagnostic-table dt{font-weight:850}.diagnostic-table dd{margin-top:5px;color:#475569;line-height:1.55}
.comparison-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:29px}.comparison-grid article{padding:25px;border:1px solid var(--line);border-radius:17px;background:#fff}.comparison-grid h3{font-size:20px}.comparison-grid p{margin-top:11px;color:var(--muted);line-height:1.7}.source-note{margin-top:20px;padding:15px 18px;border-left:4px solid var(--blue-accent);background:#f8fafc;color:#475569;line-height:1.65}
.faq-wrap{max-width:920px}.faq-list{margin-top:28px;border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);background:#fff}.faq-list summary{cursor:pointer;padding:20px 48px 20px 4px;font-size:17px;font-weight:800;line-height:1.45}.faq-list details p{padding:0 28px 20px 4px;color:var(--muted);line-height:1.72}.faq-list details[open] summary{color:var(--blue-accent)}
.cluster-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:25px}.cluster-cards a{display:flex;flex-direction:column;gap:9px;padding:19px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--text);text-decoration:none;font-weight:800}.cluster-cards a:hover{border-color:#93c5fd}.cluster-cards span{color:var(--blue-accent);font-size:13px}.cta-section{padding-top:28px}.cta-band h2{font-size:27px}.cta-band p{max-width:720px}.boulogne-footer .footer-grid nav{display:flex;flex-wrap:wrap;gap:16px}.boulogne-footer a{color:#475569;text-decoration:none}
@media (max-width:1050px){.boulogne-nav{display:none}.hero-layout,.content-grid,.media-grid{grid-template-columns:1fr}.boulogne-hero .seo-photo{max-width:760px}.topic-grid,.symptom-grid,.district-grid,.damage-grid,.price-factors,.comparison-grid,.cluster-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.cluster-nav{top:91px}}
@media (max-width:700px){.wrap{padding-left:18px;padding-right:18px}.boulogne-header .header-inner{padding-left:18px;padding-right:18px}.boulogne-header .brand img{width:auto;height:56px}.boulogne-header .btn-phone{padding:10px 12px;font-size:13px}.breadcrumbs{font-size:12px}.hero-layout{padding-top:32px;padding-bottom:40px;gap:28px}.boulogne-hero .seo-photo img{min-height:260px}.section{padding:44px 0}.topic-grid,.symptom-grid,.district-grid,.damage-grid,.price-factors,.comparison-grid,.cluster-cards{grid-template-columns:1fr}.cluster-nav{top:84px}.seo-photo{border-radius:14px}.content-grid,.media-grid{gap:28px}.footer-grid{align-items:flex-start;flex-direction:column}}