/* Care page 2.14.0: icons, 4 columns, service picker */
.hero h1{font-size:clamp(44px,4.8vw,68px)!important;line-height:1!important}
#uslugi .grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
#uslugi .card{position:relative;display:flex;flex-direction:column;padding:24px!important;transition:border-color .2s,box-shadow .2s,transform .2s;cursor:pointer}
#uslugi .card:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(15,20,27,.08)}
#uslugi .card .num{display:none}
.cs-ico{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#eaf1fb,#dfe9f7);color:#2c4f80;margin-bottom:18px}
.cs-ico svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#uslugi .card h3{margin-top:0!important}
#uslugi .card p{flex:1}
#uslugi .tag{color:#3d5f8a!important;background:#eef3f9;border-color:#dbe5f1!important;align-self:flex-start}
.cs-add{position:absolute;top:22px;right:22px;width:28px;height:28px;border-radius:50%;border:1.5px solid #c9d3df;display:grid;place-items:center;color:#8794a6;font-size:16px;font-weight:700;background:#fff;transition:all .2s}
#uslugi .card.on{border-color:#2c4f80!important;box-shadow:0 0 0 3px rgba(44,79,128,.12)}
#uslugi .card.on .cs-add{background:#0f141b;border-color:#0f141b;color:#fff}
.cs-hint{margin:-6px 0 22px;font-size:14px;color:#5e6875}.cs-hint b{color:#0f141b}
.cs-bar{position:fixed;left:50%;bottom:22px;transform:translate(-50%,140%);z-index:70;display:flex;align-items:center;gap:16px;width:min(760px,calc(100% - 28px));padding:12px 12px 12px 22px;border-radius:999px;background:rgba(14,18,25,.94);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.14);box-shadow:0 20px 60px rgba(0,0,0,.4);color:#fff;transition:transform .3s}
.cs-bar.show{transform:translate(-50%,0)}
.cs-bar .l{flex:1;min-width:0;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cs-bar .l b{color:#9fe9ff}
.cs-bar a{padding:12px 20px;border-radius:999px;background:#edf3fa;color:#0b1018;font-weight:800;font-size:14px;text-decoration:none;white-space:nowrap}
@media(max-width:1000px){#uslugi .grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:600px){#uslugi .grid{grid-template-columns:1fr!important}.cs-bar{border-radius:20px;flex-direction:column;align-items:stretch;padding:14px}.cs-bar .l{white-space:normal}.cs-bar a{text-align:center}}

.cs-add{pointer-events:none}
#uslugi .card:focus-visible{outline:3px solid #2c4f80;outline-offset:2px}
@media(max-width:760px){.cs-bar{bottom:calc(86px + env(safe-area-inset-bottom))}}