.service-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.service-actions .service-read-more{display:inline-flex;align-items:center;justify-content:center;padding:9px 13px;border-radius:10px;background:#eef6ff;color:#075fb9}
.catalog-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.catalog-actions .btn-secondary{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff}
.catalog-copy .catalog-read-more{display:inline-flex}
.package-read-more{display:inline-flex;margin-top:14px;color:inherit;text-decoration:underline;text-underline-offset:4px;font-weight:800}

.service-detail-page{background:#f4f7fc;color:#10213f}
.service-detail-top{min-height:78px;padding:12px clamp(18px,4vw,52px);display:flex;align-items:center;justify-content:space-between;gap:24px;background:#071226;color:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(255,255,255,.08)}
.service-detail-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}
.service-detail-brand img{width:50px;height:44px;object-fit:contain}
.service-detail-brand span{display:grid;line-height:1}.service-detail-brand small{font-size:.64rem;letter-spacing:.16em;color:#87a0c3}
.service-detail-top nav{display:flex;align-items:center;gap:18px}.service-detail-top nav>a:not(.btn){color:#d6e1f1;text-decoration:none;font-weight:800;font-size:.88rem}
.service-detail-hero{max-width:1240px;margin:auto;padding:72px 24px 58px;display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}
.service-detail-copy h1{font-size:clamp(3rem,7vw,6.3rem);letter-spacing:-.065em;line-height:.94;margin:.3rem 0 1rem}
.service-detail-lead{font-size:1.12rem;line-height:1.72;color:#607087;max-width:720px}
.service-detail-price{display:grid;gap:4px;margin:25px 0}.service-detail-price strong{font-size:clamp(2rem,5vw,3.5rem);color:#0b2f68}.service-detail-price small{color:#6f8098}
.service-detail-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.service-detail-back{font-weight:900;color:#126fc9;text-decoration:none;margin-left:4px}
.service-detail-visual{min-height:480px;border-radius:30px;display:grid;place-items:center;padding:26px;background:#fff;border:1px solid #dfe7f2;box-shadow:0 24px 70px rgba(8,31,72,.12)}
.service-detail-visual img{max-width:100%;max-height:620px;object-fit:contain;border-radius:20px}
.service-detail-placeholder{display:grid;place-items:center;width:100%;height:420px;background:#eef3fa;border-radius:20px;color:#7190b3;font-weight:1000;letter-spacing:.14em}
.service-detail-body{max-width:1240px;margin:auto;padding:15px 24px 90px;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:36px;align-items:start}
.service-detail-content{background:#fff;border:1px solid #dfe7f2;border-radius:28px;padding:clamp(25px,5vw,52px);box-shadow:0 16px 50px rgba(8,31,72,.07)}
.service-detail-content h2{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.045em;margin:.25rem 0 1.4rem}
.service-rich-content{font-size:1.04rem;line-height:1.75;color:#43546c}.service-rich-content h2,.service-rich-content h3,.service-rich-content h4{color:#102b52;letter-spacing:-.025em;margin-top:1.6em}.service-rich-content ul,.service-rich-content ol{padding-left:25px}.service-rich-content a{color:#087cf0;font-weight:800}
.service-detail-aside{position:sticky;top:104px;background:#081a38;color:#fff;border-radius:24px;padding:28px;display:grid;gap:14px;box-shadow:0 20px 55px rgba(4,18,44,.2)}
.service-detail-aside>strong{font-size:1.35rem}.service-detail-aside p{color:#b5c6dc;line-height:1.65}.service-detail-aside .btn-secondary{color:#fff;border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.08)}
.service-detail-footer{padding:24px clamp(18px,4vw,52px);display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;background:#040b17;color:#a9b8cc}.service-detail-footer a{color:#7bdfff}
.service-detail-missing{max-width:760px;margin:12vh auto;padding:30px}.service-detail-missing h1{font-size:clamp(2.5rem,7vw,5rem);letter-spacing:-.05em}

@media(max-width:900px){
 .service-detail-top nav>a:not(.btn){display:none}
 .service-detail-hero{grid-template-columns:1fr;padding-top:46px;gap:30px}
 .service-detail-visual{min-height:320px}
 .service-detail-body{grid-template-columns:1fr}
 .service-detail-aside{position:static}
}
@media(max-width:560px){
 .service-detail-top{min-height:68px}
 .service-detail-brand span{display:none}
 .service-detail-copy h1{font-size:3rem}
 .service-detail-hero{padding-left:16px;padding-right:16px}
 .service-detail-body{padding-left:16px;padding-right:16px}
 .service-detail-actions .btn{width:100%}
}