
.service-link-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr)); gap:14px; margin:26px 0; }
.service-detail-link { display:block; padding:20px; border:1px solid #deded8; border-radius:8px; background:white; font-weight:750; }
.service-detail-link:hover,.service-detail-link:focus-visible { border-color:#cf2f2f; color:#9f2024; }
.text-link,.service-article p a { text-decoration:underline; text-underline-offset:3px; }
.service-header { background:#0b0b0c; color:white; padding:20px 0; }
.service-header .container { display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; }
.service-header img { width:160px; height:auto; }
.service-header nav { display:flex; gap:18px; flex-wrap:wrap; align-items:center; }
.service-hero { padding:65px 0 55px; background:#111114; color:white; }
.service-hero h1 { font-size:clamp(2rem,5vw,3.6rem); line-height:1.1; max-width:950px; margin:18px 0; }
.service-hero p { max-width:780px; font-size:1.15rem; }
.service-hero .hero-actions { flex-wrap:wrap; }
.breadcrumbs { font-size:.9rem; color:#d7dce1; }
.breadcrumbs a { text-decoration:underline; }
.service-article { max-width:850px; margin:0 auto; padding:45px 24px; }
.service-article section { padding:8px 0 20px; }
.service-article h2 { font-size:clamp(1.5rem,3vw,2rem); line-height:1.2; }
.shop-panel { background:#fff; border:1px solid #deded8; border-radius:8px; padding:26px; margin:25px 0; }
.service-footer { padding:35px 0 95px; background:#0b0b0c; color:white; }
.service-footer nav { display:flex; flex-wrap:wrap; gap:16px; margin:20px 0; }
.service-footer a { text-decoration:underline; }
.service-header .container, .service-hero .container, .service-footer .container { width:min(calc(100% - 40px),1180px); }
@media (max-width:700px) { .service-header img { width:105px; } .service-hero { padding:35px 0 40px; } .service-header nav { gap:12px; font-size:.92rem; } }
