.service-catalog .catalog-hero { padding:18px 0 20px; border-bottom:1px solid #e0eaf4; }
.catalog-breadcrumb { display:flex; align-items:center; gap:8px; margin-bottom:8px; font-size:12px; color:#687c96; }
.catalog-title-row { display:flex; align-items:center; justify-content:space-between; gap:24px; }
.service-catalog .catalog-title-row h1 { font-size:clamp(24px,2.5vw,30px); margin:0 0 6px; }
.service-catalog .catalog-title-row p { font-size:15px; margin:0; }
.catalog-one-time { display:inline-flex; align-items:center; gap:7px; white-space:nowrap; padding:8px 12px; color:#26752a; border:1px solid #d4e7ce; background:#f7fcf5; border-radius:24px; font-size:13px; font-weight:600; }
.catalog-content { padding-top:24px; }
.catalog-toolbar { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:20px; }
.service-catalog .catalog-toolbar h2 { margin:0 0 4px; font-size:22px; }
.service-catalog .catalog-toolbar p { margin:0; font-size:13px; }
.catalog-search { width:360px; max-width:100%; }
.catalog-search label { display:block; font-size:13px; font-weight:600; margin:0 0 5px; }
.catalog-search > div { display:flex; align-items:center; gap:10px; background:white; border:1px solid #c7d8eb; border-radius:9px; padding:0 12px; }
.catalog-search > div:focus-within { border-color:#0759c5; box-shadow:0 0 0 3px #0759c514; }
.catalog-search i { color:#6282a9; }
.service-catalog .catalog-search input { background:transparent; border:0; outline:none; width:100%; min-width:0; padding:11px 0; color:#11294f; font:400 14px/1.5 "Segoe UI",Arial,sans-serif; }
.service-catalog button.catalog-clear { padding:4px!important; min-width:28px; min-height:32px; background:transparent!important; color:#60718a!important; border:0!important; }
.catalog-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.service-catalog .catalog-card { display:flex; flex-direction:column; min-width:0; overflow-wrap:anywhere; border:1px solid #dfe8f0; border-radius:14px; padding:20px; background:white; color:#11294f; box-shadow:0 3px 12px #11294f03; transition:border-color .18s,box-shadow .18s,transform .18s; }
.catalog-card-top { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.catalog-icon { display:grid; place-items:center; height:44px; width:44px; background:#edf5ff; color:#0759c5; border-radius:12px; font-size:22px; }
.catalog-card:nth-child(2n) .catalog-icon { background:#eef7e9; color:#26752a; }
.catalog-card:nth-child(3n) .catalog-icon { background:#edf7f7; color:#177577; }
.catalog-card-arrow { display:grid; place-items:center; width:28px; height:28px; border-radius:50%; background:#f7f9fc; color:#8da1ba; font-size:11px; }
.service-catalog .catalog-card h3 { font-size:17px; line-height:1.4; margin:14px 0 6px; }
.service-catalog .catalog-card p { font-size:13px; line-height:1.6; margin:0 0 16px; }
.catalog-card-action { font-size:13px; font-weight:600; margin-top:auto; color:#0759c5; }
.service-catalog .catalog-card:hover { border-color:#97bce9; box-shadow:0 6px 20px #11294f0c; transform:translateY(-2px); }
.catalog-card:hover .catalog-card-arrow { background:#0759c5; color:white; }
.service-catalog [hidden] { display:none!important; }
.catalog-empty { text-align:center; padding:32px 20px; background:white; border:1px dashed #c7d8eb; border-radius:12px; }
.catalog-empty > i { font-size:28px; color:#85a3c8; }
.service-catalog .catalog-empty h3 { margin:12px 0 6px; }
.service-catalog .catalog-empty p { font-size:14px; }
.catalog-process { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-top:24px; border-top:1px solid #dfe8f0; padding:20px 0 0; }
.catalog-process > div { display:flex; align-items:flex-start; gap:10px; }
.catalog-process > div > span { display:grid; place-items:center; flex-shrink:0; width:28px; height:28px; border:1px solid #d4e7ce; border-radius:50%; color:#26752a; background:#eef7e9; font-size:12px; font-weight:600; }
.service-catalog .catalog-process p { margin:0; font-size:12px; }
.catalog-process strong { display:block; font-size:14px; color:#11294f; }
@media(max-width:1000px) { .catalog-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } .catalog-one-time { display:none; } }
@media(max-width:750px) { .catalog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .catalog-toolbar { align-items:flex-start; flex-direction:column; gap:14px; } .catalog-search { width:100%; } }
@media(max-width:575px) { .service-catalog .catalog-hero { padding:14px 0 16px; } .catalog-content { padding-top:18px; } .catalog-grid { gap:10px; } .service-catalog .catalog-card { padding:14px; border-radius:11px; } .service-catalog .catalog-card h3 { font-size:15px; } .catalog-icon { width:38px; height:38px; font-size:19px; } .catalog-process { grid-template-columns:1fr; gap:14px; } }
@media(prefers-reduced-motion:reduce) { .service-catalog .catalog-card { transition:none; transform:none; } }