/* st-uslugi-sub v1 — листинг подуслуг (/uslugi/remont-kvartir/ и аналоги): вкладки-фильтр + карточки .block_uslugi. Только стили.
   ВАЖНО: display у .block_uslugi без !important — скрипт вкладок прячет/показывает карточки inline-стилем. */
#content{--su-slate:#2D3440;--su-or:#FD8900;--su-br:#E3E3E3;--su-mut:#4A5260;--su-grad:linear-gradient(90deg,#FE5248,#FD8507)}
#content>h1+p:empty{display:none}

/* вкладки */
#content .uslugi-tabs-holder{position:relative;display:flex;flex-direction:row;flex-wrap:wrap;gap:6px 30px;margin:0 0 28px!important;padding:0!important;border-bottom:1px solid var(--su-br);box-sizing:border-box}
#content .uslugi-tabs-holder>a{display:inline-block;padding:12px 2px 14px!important;margin:0!important;font-size:17px;font-weight:700;line-height:1.2;color:#6B7380!important;text-decoration:none!important;border:0!important;background:none!important;transition:color .2s}
#content .uslugi-tabs-holder>a:hover,#content .uslugi-tabs-holder>a.active{color:var(--su-slate)!important}
#content .uslugi-tabs-holder>a.active{color:var(--su-or)!important}
#content .uslugi-tabs-holder .line{position:absolute;bottom:-1px;height:3px!important;border-radius:3px;background:var(--su-grad)!important}

/* сетка */
#content #uslugi{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px;margin:0 0 36px!important;padding:0!important;float:none!important;width:auto!important}
#content #uslugi::before,#content #uslugi::after{display:none!important}
#content #uslugi>.block_uslugi{display:flex;flex-direction:column;float:none!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;box-sizing:border-box;background:#fff;border:1px solid var(--su-br)!important;border-radius:18px;overflow:hidden;box-shadow:0 5px 18px rgba(45,52,64,.07);transition:transform .25s,box-shadow .25s}
@media (hover:hover){#content #uslugi>.block_uslugi:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(45,52,64,.14)}}

#content #uslugi .block_uslugi_img{float:none!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;aspect-ratio:16/10;overflow:hidden;background:#f2f3f5}
#content #uslugi .block_uslugi_img a{display:block;width:100%;height:100%}
#content #uslugi .block_uslugi_img img{display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;transition:transform .5s}
@media (hover:hover){#content #uslugi>.block_uslugi:hover .block_uslugi_img img{transform:scale(1.05)}}

#content #uslugi .block_uslugi_title{float:none!important;width:auto!important;margin:0!important;padding:16px 18px 0!important;font-size:17px;font-weight:800;line-height:1.25;text-align:left!important}
#content #uslugi .block_uslugi_title a{color:var(--su-slate)!important;text-decoration:none!important;transition:color .2s}
#content #uslugi .block_uslugi_title a:hover{color:var(--su-or)!important}

#content #uslugi .block_uslugi_price{float:none!important;width:auto!important;margin:8px 0 0!important;padding:0 18px!important;font-size:16px;font-weight:800;line-height:1.3;color:var(--su-or);text-align:left!important}
#content #uslugi .block_uslugi_price hr{display:none!important}
#content #uslugi .block_uslugi_price:not(:has(hr)){display:none}

#content #uslugi .block_uslugi_more{float:none!important;width:auto!important;margin:auto 0 0!important;padding:14px 18px 18px!important;box-sizing:border-box}
#content #uslugi .block_uslugi_more .button{display:block!important;box-sizing:border-box;width:100%!important;padding:11px 16px!important;border:2px solid var(--su-or)!important;border-radius:12px!important;background:#fff!important;color:var(--su-or)!important;font-size:15px;font-weight:700;text-align:center;text-decoration:none!important;box-shadow:none!important;transition:background-color .2s,color .2s}
#content #uslugi .block_uslugi_more .button:hover,#content #uslugi>.block_uslugi:hover .block_uslugi_more .button{background:var(--su-grad)!important;border-color:transparent!important;color:#fff!important}

@media (max-width:600px){
#content .uslugi-tabs-holder{flex-wrap:nowrap;overflow-x:auto;gap:22px;margin-left:-16px!important;margin-right:-16px!important;padding:0 16px!important;scrollbar-width:none}
#content .uslugi-tabs-holder::-webkit-scrollbar{display:none}
#content .uslugi-tabs-holder>a{flex:0 0 auto;font-size:16px}
#content #uslugi{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#content #uslugi>.block_uslugi{border-radius:14px}
#content #uslugi .block_uslugi_title{padding:12px 12px 0!important;font-size:15px}
#content #uslugi .block_uslugi_price{padding:0 12px!important;font-size:14px}
#content #uslugi .block_uslugi_more{padding:12px!important}
#content #uslugi .block_uslugi_more .button{padding:9px 10px!important;font-size:14px}
}