:root{--sl-red:#e30619;--sl-ink:#151719;--sl-muted:#62676d;--sl-soft:#f3f4f5;--sl-line:#dedfe1}
.sany-city-page{margin:0;color:var(--sl-ink);background:#fff;font-family:Inter,Arial,sans-serif}
.sany-city-page main{overflow:hidden;padding-top:60px}
.sany-city-page main nav,.sany-city-page .sl-footer nav{position:static;top:auto;height:auto;background:transparent;z-index:auto;transition:none}
.sl-breadcrumb{display:flex;width:min(1160px,calc(100% - 40px));margin:0 auto;padding:22px 0;gap:8px;align-items:center;color:#73777c;font-size:.72rem}
.sl-breadcrumb a{color:#4d5257;text-decoration:none}.sl-breadcrumb span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sl-hero{display:grid;width:min(1200px,calc(100% - 40px));min-height:590px;margin:0 auto 28px;grid-template-columns:1.05fr .95fr;overflow:hidden;border-radius:30px;color:#fff;background:radial-gradient(circle at 10% 15%,rgba(227,6,25,.28),transparent 32%),linear-gradient(145deg,#17191c,#070808);box-shadow:0 28px 80px rgba(0,0,0,.22)}
.sl-hero-copy{display:flex;padding:72px 58px;justify-content:center;flex-direction:column}.sl-hero-copy>span,.sl-answer span,.sl-products header>span,.sl-choose div>span,.sl-pelles div>span,.sl-service header>span,.sl-news header>span,.sl-faq>span,.sl-cta span,.sl-agent span{color:#ff4050;font-size:.68rem;font-weight:900;letter-spacing:.17em}
.sl-hero h1{max-width:720px;margin:15px 0 22px;font-size:clamp(2.6rem,5.4vw,5.5rem);line-height:.94;letter-spacing:-.055em}.sl-hero p{max-width:680px;margin:0;color:#c5c9cd;font-size:1.04rem;line-height:1.75}
.sl-actions{display:flex;margin-top:34px;gap:10px;flex-wrap:wrap}.sl-actions a,.sl-cta a{display:inline-flex;min-height:50px;padding:0 20px;align-items:center;justify-content:center;border:1px solid #f13a49;border-radius:12px;color:#fff;background:var(--sl-red);font-size:.76rem;font-weight:900;text-decoration:none}.sl-actions a+ a{background:transparent}
.sl-hero figure{position:relative;display:flex;margin:0;align-items:center;justify-content:center;background:radial-gradient(circle,#353a3f,#111315 68%)}.sl-hero figure img{display:block;width:100%;height:auto;max-height:520px;object-fit:contain;filter:drop-shadow(0 28px 24px rgba(0,0,0,.48))}.sl-hero figcaption{position:absolute;right:22px;bottom:22px;left:22px;display:flex;padding:16px 18px;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(8,9,10,.72);backdrop-filter:blur(10px)}.sl-hero figcaption strong,.sl-hero figcaption span{font-size:.72rem}.sl-hero figcaption span{color:#bfc3c7}
.sl-answer,.sl-agent,.sl-pelles,.sl-choose,.sl-cta{display:grid;width:min(1120px,calc(100% - 40px));margin:26px auto;padding:42px;grid-template-columns:1.4fr .6fr;gap:50px;border-radius:24px;background:var(--sl-soft)}
.sl-answer h2,.sl-agent h2,.sl-products h2,.sl-choose h2,.sl-pelles h2,.sl-service h2,.sl-news h2,.sl-faq h2,.sl-cta h2{margin:10px 0 16px;font-size:clamp(1.8rem,3.8vw,3.5rem);line-height:1;letter-spacing:-.045em}.sl-answer p,.sl-agent p,.sl-products header p,.sl-choose p,.sl-pelles p,.sl-service header p,.sl-news header p,.sl-cta p{margin:0;color:var(--sl-muted);line-height:1.72}
.sl-answer aside{padding:22px;border-left:4px solid var(--sl-red);background:#fff}.sl-answer aside strong,.sl-answer aside p,.sl-answer aside a{display:block}.sl-answer aside p{margin:8px 0 16px;font-size:.82rem}.sl-answer aside a,.sl-choose a,.sl-service>a,.sl-news>a{color:#bd0010;font-size:.78rem;font-weight:850;text-decoration:none}
.sl-agent{color:#fff;background:linear-gradient(145deg,#221214,#0d0e10)}.sl-agent p{color:#c8c9cc}.sl-agent ul{display:grid;margin:24px 0 0;padding:0;grid-template-columns:1fr 1fr;gap:8px;list-style:none}.sl-agent li{padding:11px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:rgba(255,255,255,.05);font-size:.76rem}.sl-agent nav{display:flex;align-items:stretch;justify-content:center;flex-direction:column;gap:9px}.sl-agent nav a{display:flex;min-height:48px;padding:0 16px;align-items:center;justify-content:center;border:1px solid #f04452;border-radius:10px;color:#fff;font-weight:850;text-decoration:none}.sl-agent nav a:first-child{background:var(--sl-red)}
.sl-products,.sl-service,.sl-news,.sl-faq{width:min(1120px,calc(100% - 40px));margin:88px auto}.sl-products header,.sl-service header,.sl-news header{max-width:780px}.sl-product-grid{display:grid;margin-top:34px;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.sl-product-grid article{overflow:hidden;border:1px solid var(--sl-line);border-radius:18px;background:#fff;transition:transform .2s,box-shadow .2s}.sl-product-grid article:hover{transform:translateY(-3px);box-shadow:0 18px 45px rgba(0,0,0,.1)}.sl-product-grid a{display:block;height:100%;padding:16px;color:inherit;text-decoration:none}.sl-product-grid img{display:block;width:100%;height:190px;object-fit:contain}.sl-product-grid span{color:var(--sl-red);font-size:.62rem;font-weight:900;letter-spacing:.12em}.sl-product-grid h3{margin:7px 0;font-size:1.45rem}.sl-product-grid p{min-height:44px;margin:0;color:#686d72;font-size:.78rem;line-height:1.5}.sl-product-grid b{display:block;margin-top:15px;font-size:.72rem}.sl-all-models{display:inline-flex;margin-top:22px;min-height:46px;padding:0 18px;align-items:center;border-radius:10px;color:#fff;background:var(--sl-ink);font-size:.76rem;font-weight:850;text-decoration:none}
.sl-choose{align-items:center;background:#151719;color:#fff}.sl-choose p{color:#bec2c6}.sl-choose a{display:inline-block;margin-top:20px;color:#ff5361}.sl-choose ul{display:grid;margin:0;padding:0;grid-template-columns:1fr 1fr;gap:8px;list-style:none}.sl-choose li{padding:14px;border:1px solid #363a3e;border-radius:10px;background:#202327;font-size:.76rem;font-weight:800;text-transform:capitalize}
.sl-pelles{align-items:center;background:#fff;border:1px solid var(--sl-line)}.sl-pelles nav{display:grid;gap:9px}.sl-pelles a{display:flex;min-height:52px;padding:0 16px;align-items:center;border-radius:10px;color:#fff;background:var(--sl-ink);font-size:.78rem;font-weight:850;text-decoration:none}.sl-pelles a+ a{background:var(--sl-red)}
.sl-service>div{display:grid;margin:30px 0 22px;grid-template-columns:repeat(4,1fr);gap:10px}.sl-service article{padding:22px;border:1px solid var(--sl-line);border-radius:15px}.sl-service article b{color:var(--sl-red);font-size:.7rem}.sl-service h3{margin:14px 0 8px;font-size:1.02rem}.sl-service article p{margin:0;color:#6b7075;font-size:.78rem;line-height:1.55}
.sl-news>div{display:grid;margin:30px 0 20px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sl-news .news-compact-card{display:grid;grid-template-columns:155px 1fr;overflow:hidden;border:1px solid var(--sl-line);border-radius:16px}.sl-news .news-compact-media img{display:block;width:100%;height:100%;min-height:155px;object-fit:cover}.sl-news .news-compact-card>div{padding:18px}.sl-news time,.sl-news .news-compact-card span{display:block;color:#777;font-size:.65rem}.sl-news .news-compact-card h3{margin:8px 0 13px;font-size:1rem}.sl-news .news-compact-card a{color:inherit;text-decoration:none}.sl-news .news-compact-card>div>a{color:#bd0010;font-size:.7rem;font-weight:850}
.sl-faq details{border-bottom:1px solid var(--sl-line)}.sl-faq summary{padding:19px 0;cursor:pointer;font-weight:800}.sl-faq details p{max-width:850px;margin:0 0 20px;color:var(--sl-muted);line-height:1.65}
.sl-links{width:min(1120px,calc(100% - 40px));margin:50px auto;padding:28px;border-radius:18px;background:#f0f1f2}.sl-links h2{margin:0 0 16px;font-size:1.15rem}.sl-links nav{display:flex;gap:8px;flex-wrap:wrap}.sl-links a{padding:10px 13px;border-radius:8px;color:#202327;background:#fff;font-size:.72rem;font-weight:800;text-decoration:none}
.sl-cta{margin-top:70px;color:#fff;background:linear-gradient(135deg,#d90016,#8d0010)}.sl-cta span{color:#fff}.sl-cta p{color:#fff;opacity:.84}.sl-cta nav{display:grid;align-content:center;gap:9px}.sl-cta a+ a{border-color:#fff;background:transparent}
.sl-footer{display:grid;margin-top:80px;padding:38px max(24px,calc((100% - 1120px)/2));grid-template-columns:160px 1fr auto;gap:30px;align-items:center;color:#c6c8ca;background:#0e1012}.sl-footer img{width:120px;height:auto;filter:brightness(0) invert(1)}.sl-footer p{max-width:650px;margin:0;font-size:.75rem;line-height:1.6}.sl-footer nav{display:flex;gap:12px;flex-wrap:wrap}.sl-footer a{color:#fff;font-size:.7rem}
@media(max-width:900px){.sl-hero{grid-template-columns:1fr}.sl-hero-copy{padding:54px 36px}.sl-hero figure{min-height:330px}.sl-answer,.sl-agent,.sl-pelles,.sl-choose,.sl-cta{grid-template-columns:1fr;gap:26px}.sl-product-grid{grid-template-columns:repeat(2,1fr)}.sl-service>div{grid-template-columns:repeat(2,1fr)}.sl-footer{grid-template-columns:1fr}.sl-footer nav{justify-content:flex-start}}
@media(max-width:600px){.sany-city-page main{padding-top:60px}.sl-breadcrumb{width:calc(100% - 28px);padding:16px 0}.sl-hero{width:calc(100% - 20px);min-height:0;border-radius:20px}.sl-hero-copy{padding:42px 22px}.sl-hero h1{font-size:clamp(2.45rem,12vw,3.7rem)}.sl-hero p{font-size:.9rem}.sl-actions{display:grid}.sl-actions a{width:100%;box-sizing:border-box}.sl-hero figure{min-height:260px}.sl-hero figcaption{right:12px;bottom:12px;left:12px;align-items:flex-start;flex-direction:column;gap:4px}.sl-answer,.sl-agent,.sl-pelles,.sl-choose,.sl-cta{width:calc(100% - 28px);padding:26px 21px;border-radius:17px}.sl-answer aside{padding:17px}.sl-agent ul,.sl-choose ul{grid-template-columns:1fr}.sl-products,.sl-service,.sl-news,.sl-faq{width:calc(100% - 28px);margin:66px auto}.sl-product-grid{display:flex;margin-right:-14px;overflow-x:auto;padding:2px 14px 18px 1px;scroll-snap-type:x mandatory}.sl-product-grid article{flex:0 0 78vw;scroll-snap-align:start}.sl-service>div{grid-template-columns:1fr}.sl-news>div{display:flex;margin-right:-14px;overflow-x:auto;padding:2px 14px 18px 1px;scroll-snap-type:x mandatory}.sl-news .news-compact-card{flex:0 0 82vw;grid-template-columns:1fr;scroll-snap-align:start}.sl-news .news-compact-media img{height:180px}.sl-links{width:calc(100% - 28px);padding:22px}.sl-links nav{display:grid}.sl-footer{padding:32px 22px}.sl-footer nav{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.sl-product-grid article{transition:none}}