/* MXHMMO V51 — public service catalog. Generic card system; product media comes from admin catalog data. */
.public-services-v51{background:#f7fbff;color:#10203c}
.public-services-v51 .site-main{background:#f7fbff}
.sv51{padding:42px 0 58px;background:radial-gradient(circle at 8% 10%,rgba(255,230,235,.8),transparent 24%),radial-gradient(circle at 90% 8%,rgba(223,239,255,.9),transparent 27%),linear-gradient(180deg,#fbfdff 0,#f5f9ff 100%)}
.sv51-container{width:min(1420px,calc(100% - 42px))}
.sv51-hero{text-align:center;margin:0 auto 24px}.sv51-eyebrow{display:inline-flex;align-items:center;justify-content:center;min-height:31px;padding:0 13px;border:1px solid #ffcfd5;border-radius:999px;background:#fff7f8;color:#e92031;font-size:12px;font-weight:900;letter-spacing:.02em}.sv51-hero h1{margin:10px 0 7px;font-size:39px;line-height:1.12;letter-spacing:-.04em;color:#0b1c3b}.sv51-hero>p{margin:0 auto;max-width:760px;font-size:15px;line-height:1.65;color:#6a7891}
.sv51-benefits{display:flex;justify-content:center;gap:44px;margin-top:24px}.sv51-benefits>div{display:flex;align-items:center;gap:11px;text-align:left}.sv51-benefits img{width:48px;height:48px;object-fit:contain}.sv51-benefits span{display:grid;gap:3px}.sv51-benefits strong{font-size:13px;color:#172640}.sv51-benefits small{font-size:11px;color:#7a879a}
.sv51-platforms{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;margin:0 0 14px}.sv51-platforms a{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;border:1px solid #dfe6ef;border-radius:999px;background:#fff;color:#26354d;font-size:12px;font-weight:850;box-shadow:0 6px 16px rgba(20,42,75,.035);text-decoration:none}.sv51-platforms a img{width:22px;height:22px;object-fit:contain}.sv51-platforms a.active,.sv51-platforms a:hover{border-color:#1476f2;background:linear-gradient(135deg,#2584ff,#1167e6);color:#fff;box-shadow:0 9px 20px rgba(25,112,231,.16)}
.sv51-filter{display:grid;grid-template-columns:minmax(260px,1fr) 210px 210px auto;gap:10px;align-items:center;padding:14px;margin-bottom:18px;border:1px solid #e1e8f2;border-radius:17px;background:rgba(255,255,255,.95);box-shadow:0 13px 30px rgba(22,42,76,.055)}.sv51-filter label{margin:0}.sv51-search{height:46px;display:flex;align-items:center;gap:8px;padding:0 13px;border:1px solid #dce5ef;border-radius:11px;background:#fff}.sv51-search>span{font-size:23px;line-height:1;color:#7790ae;transform:rotate(-18deg)}.sv51-search input{width:100%;height:42px;border:0;outline:0;background:transparent;color:#1f304b;font-size:13px}.sv51-filter select{width:100%;height:46px;border:1px solid #dce5ef;border-radius:11px;padding:0 12px;background:#fff;color:#30415d;font-size:12.5px;font-weight:750;outline:0}.sv51-filter .btn{height:46px;padding:0 20px;border-radius:11px;font-size:13px;font-weight:900}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.sv51-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:16px}.sv51-card{min-width:0;overflow:hidden;border:1px solid #e2e9f2;border-radius:20px;background:#fff;box-shadow:0 15px 34px rgba(20,42,76,.065);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.sv51-card:hover{transform:translateY(-2px);border-color:#d3deeb;box-shadow:0 20px 42px rgba(20,42,76,.1)}
.sv51-media{position:relative;display:block;height:190px;margin:11px 11px 0;overflow:hidden;border-radius:15px;background:linear-gradient(135deg,#eff5fc,#e8f1ff)}.sv51-media>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}.sv51-card:hover .sv51-media>img{transform:scale(1.018)}.sv51-platform-badge{position:absolute;left:12px;bottom:11px;display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 11px;border:1px solid rgba(255,255,255,.75);border-radius:999px;background:rgba(255,255,255,.94);color:#17243d;font-size:11.5px;font-weight:900;box-shadow:0 5px 14px rgba(22,43,76,.11);backdrop-filter:blur(6px)}.sv51-platform-badge img{width:22px;height:22px;object-fit:contain}
.sv51-card-body{padding:15px}.sv51-card h2{margin:0 0 6px;font-size:20px;line-height:1.25;letter-spacing:-.025em}.sv51-card h2 a{color:#0d1d3b;text-decoration:none}.sv51-card p{min-height:44px;margin:0 0 11px;color:#6b7890;font-size:12.5px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sv51-market-row{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:11px}.sv51-market-row span{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:0 9px;border-radius:9px;background:#f7f9fc;border:1px solid #e4eaf2;color:#42516a;font-size:10.5px;font-weight:800}.sv51-market-row img{width:18px;height:18px;object-fit:contain}
.sv51-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:11px}.sv51-metrics>div{min-width:0;min-height:64px;display:flex;align-items:center;gap:8px;padding:9px;border:1px solid #e6ecf4;border-radius:12px;background:#fbfdff}.sv51-metrics img{width:34px;height:34px;flex:0 0 34px;object-fit:contain}.sv51-metrics span{min-width:0;display:grid;gap:2px}.sv51-metrics small{font-size:9.5px;color:#8190a7}.sv51-metrics strong{font-size:11.5px;line-height:1.3;color:#172943;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sv51-metrics>div:first-child strong{color:#0871e8;font-size:14px}
.sv51-cta{height:43px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;background:linear-gradient(135deg,#2584ff,#1267e8);color:#fff!important;text-decoration:none;font-size:13px;font-weight:900;box-shadow:0 9px 19px rgba(25,112,232,.16)}.sv51-cta span{font-size:18px;line-height:1}
.sv51-empty{display:grid;justify-items:center;gap:8px;padding:34px;text-align:center;border-radius:20px}.sv51-empty img{width:72px;height:72px;object-fit:contain}.sv51-empty strong{font-size:18px}.sv51-empty span{font-size:13px;color:#748198}.sv51-empty .btn{margin-top:4px}
.sv51-seller-section{margin-top:34px}.sv51-section-head{margin-bottom:14px;text-align:left}.sv51-section-head h2{margin:8px 0 4px;font-size:27px;color:#0d1d3a}.sv51-section-head p{margin:0;color:#6f7c91;font-size:13px}.sv51-seller-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:15px}.sv51-seller-card{display:grid;grid-template-columns:110px minmax(0,1fr);gap:13px;padding:13px;border:1px solid #e2e9f2;border-radius:16px;background:#fff;box-shadow:0 10px 25px rgba(20,42,76,.05)}.sv51-seller-card>img{width:110px;height:110px;object-fit:cover;border-radius:12px;background:#f3f6fb}.sv51-seller-card>div{min-width:0}.sv51-seller-card small{font-size:10px;color:#71809a}.sv51-seller-card h3{margin:4px 0;font-size:15px;color:#13233f}.sv51-seller-card p{margin:0 0 6px;font-size:11px;line-height:1.45;color:#758198;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sv51-seller-card strong{display:block;font-size:12px;color:#e72232}.sv51-seller-card a{display:inline-flex;margin-top:7px;color:#176fe0;font-size:11px;font-weight:850;text-decoration:none}
@media(max-width:1120px){.sv51-grid,.sv51-seller-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sv51-filter{grid-template-columns:minmax(240px,1fr) 180px 180px auto}.sv51-benefits{gap:24px}}
@media(max-width:820px){.sv51{padding-top:30px}.sv51-container{width:calc(100% - 28px)}.sv51-hero h1{font-size:32px}.sv51-benefits{display:grid;grid-template-columns:1fr 1fr;max-width:620px;margin:20px auto 0}.sv51-filter{grid-template-columns:1fr 1fr}.sv51-search{grid-column:1/-1}.sv51-filter .btn{width:100%}.sv51-grid,.sv51-seller-grid{grid-template-columns:1fr 1fr}.sv51-media{height:170px}}
@media(max-width:600px){.sv51-container{width:calc(100% - 22px)}.sv51-hero h1{font-size:28px}.sv51-hero>p{font-size:14px}.sv51-benefits{grid-template-columns:1fr}.sv51-platforms{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.sv51-platforms a{flex:0 0 auto}.sv51-filter{grid-template-columns:1fr}.sv51-search{grid-column:auto}.sv51-grid,.sv51-seller-grid{grid-template-columns:1fr}.sv51-media{height:190px}.sv51-seller-card{grid-template-columns:90px minmax(0,1fr)}.sv51-seller-card>img{width:90px;height:90px}}
