/* Pages serrurier Paris par arrondissement */
.skip-link{position:absolute;left:-9999px;top:8px;z-index:2000;background:#fff;color:#0f172a;padding:10px 14px;border-radius:8px}
.skip-link:focus{left:12px}
.arr-header .header-inner{min-height:88px}
.arr-nav{display:flex;align-items:center;gap:20px}
.arr-nav a{color:var(--text);text-decoration:none;font-weight:700;font-size:14px}
.arr-nav a:hover,.arr-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}
.arr-hero{background:linear-gradient(135deg,#fff 0%,#f8fafc 70%,#eef2ff 100%);border-bottom:1px solid var(--line)}
.arr-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);align-items:center;gap:42px;padding-top:48px;padding-bottom:56px}
.arr-hero h1{max-width:760px;margin-top:12px;font-size:clamp(34px,4.8vw,58px);line-height:1.05;letter-spacing:-1.3px}
.eyebrow{color:var(--blue-accent);font-size:13px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.service-disclaimer{max-width:680px;margin-top:15px;color:var(--muted);font-size:13.5px;line-height:1.55}
.hero-checks{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:18px;padding:0;list-style:none;color:#334155;font-size:14px;font-weight:700}
.hero-checks li::before{content:'✓';margin-right:7px;color:#15803d}
.seo-figure{margin:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 18px 50px rgba(15,23,42,.08)}
.seo-figure img{display:block;width:100%;height:auto;aspect-ratio:var(--image-ratio,16/10);object-fit:cover}
.arr-hero .seo-figure img{min-height:390px;aspect-ratio:1.35/1}
.seo-figure figcaption{padding:12px 15px;color:var(--muted);font-size:13px;line-height:1.45}
.quick-nav{position:sticky;top:109px;z-index:40;background:rgba(255,255,255,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}
.quick-nav-inner{display:flex;gap:8px;overflow:auto;padding-top:10px;padding-bottom:10px;scrollbar-width:thin}
.quick-nav a{white-space:nowrap;color:var(--text);text-decoration:none;font-size:14px;font-weight:750;padding:8px 12px;border-radius:999px}
.quick-nav a:hover{background:#eef2ff;color:var(--blue-accent)}
.content-grid,.media-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:start;gap:46px}
.media-grid{align-items:center}.media-grid.reverse{grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr)}
.prose h2,.section-head h2{margin-top:7px;font-size:clamp(27px,3.2vw,39px);line-height:1.14;letter-spacing:-.55px}
.prose h3{margin-top:25px;font-size:20px}
.prose p{margin-top:16px;color:#334155;font-size:16px;line-height:1.76}
.section-head{max-width:820px}.section-head>p:not(.eyebrow){margin-top:13px;color:var(--muted);line-height:1.7}
.local-card{padding:26px;border:1px solid #c7d2fe;border-radius:18px;background:#eef2ff}
.local-card h2{font-size:23px}.local-card ul,.price-checklist ul{margin:17px 0 0 20px}.local-card li,.price-checklist 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}
.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:30px}
.service-card{padding:24px;border:1px solid var(--line);border-radius:16px;background:#fff}
.service-card h3{font-size:19px;line-height:1.25}.service-card p{margin-top:11px;color:var(--muted);line-height:1.68}
.section-dark{background:#0b1220;color:#fff}.section-head.light>p:not(.eyebrow){color:#cbd5e1}
.steps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:30px}
.steps-grid article{padding:22px;border:1px solid #334155;border-radius:16px;background:#111c2e}
.steps-grid span{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;background:var(--blue-accent);font-weight:850}
.steps-grid h3{margin-top:16px}.steps-grid p{margin-top:9px;color:#cbd5e1;line-height:1.6;font-size:14px}
.emergency-note{margin-top:22px;padding:15px 18px;border-left:4px solid #f59e0b;background:#172033;color:#f8fafc;line-height:1.6}
.price-checklist{margin-top:24px;padding:22px;border-left:4px solid var(--blue-accent);background:#fff;border-radius:0 14px 14px 0}
.price-checklist h3{margin:0}.faq-wrap{max-width:900px}.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.7}.faq-list details[open] summary{color:var(--blue-accent)}
.nearby-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:26px}
.nearby-grid a{display:flex;flex-direction:column;gap:7px;padding:20px;border:1px solid var(--line);border-radius:15px;background:#fff;color:var(--text);text-decoration:none}
.nearby-grid a:hover{border-color:#93c5fd;box-shadow:0 10px 25px rgba(15,23,42,.06)}.nearby-grid span{color:var(--muted);font-size:13px}
.district-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.district-links a{padding:9px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--text);text-decoration:none;font-size:13px;font-weight:750}
.district-links a.active{background:var(--blue-accent);border-color:var(--blue-accent);color:#fff}
.cta-section{padding-top:30px}.cta-band h2{font-size:27px}.cta-band p{max-width:720px}.arr-footer .footer-grid nav{display:flex;flex-wrap:wrap;gap:16px}.arr-footer a{color:#475569;text-decoration:none}
@media (max-width:1050px){.arr-nav{display:none}.arr-hero-grid,.content-grid,.media-grid,.media-grid.reverse{grid-template-columns:1fr}.arr-hero .seo-figure{max-width:760px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-nav{top:91px}}
@media (max-width:700px){.wrap{padding-left:18px;padding-right:18px}.arr-header .header-inner{padding-left:18px;padding-right:18px}.arr-header .brand img{height:56px;width:auto}.arr-header .btn-phone{padding:10px 12px;font-size:13px}.breadcrumbs{font-size:12px}.arr-hero-grid{padding-top:32px;padding-bottom:40px;gap:28px}.arr-hero .seo-figure img{min-height:260px}.hero-checks{display:grid}.section{padding:44px 0}.service-grid,.steps-grid,.nearby-grid{grid-template-columns:1fr}.quick-nav{top:84px}.seo-figure{border-radius:14px}.content-grid,.media-grid{gap:28px}.footer-grid{align-items:flex-start;flex-direction:column}}
