/* MARK103_WEB_UI_V5_34_INDIVIDUAL_SERVICE_PAGES */
.service-detail-hero{padding-bottom:18px}
.service-detail-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:28px;align-items:end}
.service-detail-hero-grid h1{margin-bottom:13px}
.service-detail-badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.service-price-panel{padding:22px;text-align:right}
.service-price-panel span,.service-price-panel small{display:block;color:var(--muted);font-size:12px}
.service-price-panel strong{display:block;font-size:34px;letter-spacing:-.045em;margin:3px 0}
.service-price-panel small{color:#9cecc9}.service-price-panel small.is-unavailable{color:#f4c764}
.service-action-section{padding-top:22px;padding-bottom:30px}
.service-action-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}
.service-locked-checker{max-width:none;width:100%;margin:0}
.service-single-field{grid-template-columns:1fr}
.service-lock-field{display:none!important}
.service-facts{padding:22px}.service-facts h2{margin:0 0 16px;font-size:21px}
.service-fact{padding:12px 0;border-top:1px solid var(--line)}.service-fact:first-of-type{border-top:0}
.service-fact span{display:block;color:var(--muted);font-size:11px}.service-fact strong{display:block;font-size:14px;margin-top:2px}
.service-facts p{color:var(--muted);font-size:13px;margin:16px 0 0;padding-top:16px;border-top:1px solid var(--line)}
.service-noscript{margin-top:14px}
.service-article{max-width:900px}.service-article ol{padding-left:22px}.service-article li{padding:4px 0}
.service-related-section{padding-top:22px}.service-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.service-related-card{display:block;padding:20px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(180deg,var(--card),var(--card2));transition:.2s ease}
.service-related-card:hover{transform:translateY(-2px);border-color:rgba(90,167,255,.28)}
.service-related-card strong{display:block;font-size:15px}.service-related-card span{display:block;color:var(--muted);font-size:12px;margin-top:6px}
.service-card-actions{margin-top:18px}.service-card-actions .btn{width:100%}
@media(max-width:860px){.service-detail-hero-grid,.service-action-grid{grid-template-columns:1fr}.service-price-panel{text-align:left}.service-related-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.service-related-grid{grid-template-columns:1fr}.service-price-panel strong{font-size:30px}.service-action-section{padding-top:10px}.service-locked-checker{padding:18px}.service-detail-badges{margin-top:4px}}