/* PAGE HERO */
.page-hero{position:relative;min-height:500px;display:flex;align-items:flex-end;overflow:hidden}
.page-hero::before{content:"";position:absolute;inset:0;z-index:0;background:url(/images/uslugi-hero.jpg) center center/cover no-repeat;filter:brightness(.45)}
.page-hero::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(8,10,11,1) 0%,rgba(8,10,11,.5) 50%,rgba(8,10,11,.1) 100%)}
.page-hero-inner{position:relative;z-index:2;width:100%;padding:64px 0 56px}
.page-hero .eyebrow{margin-bottom:20px}
.page-hero h1{font-size:clamp(26px,3.2vw,48px);line-height:1.02;max-width:680px}
.page-hero p{color:var(--muted);font-size:16px;max-width:500px;margin-top:16px;line-height:1.65}
.page-hero-stats{display:flex;gap:48px;margin-top:36px;padding-top:32px;border-top:1px solid rgba(255,255,255,.1);flex-wrap:wrap}
.phs-num{font-family:var(--display);font-size:30px;font-weight:800;color:var(--gold);line-height:1}
.phs-label{font-size:11px;color:var(--muted);margin-top:4px;letter-spacing:.5px}

/* FILTER */
.filter-bar{display:flex;gap:8px;flex-wrap:wrap;padding:28px 0;border-bottom:1px solid var(--line)}
.filter-btn{background:none;border:1px solid var(--line);color:var(--muted);font-family:var(--display);font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;padding:9px 18px;cursor:pointer;transition:all .25s}
.filter-btn:hover,.filter-btn.active{background:var(--gold);border-color:var(--gold);color:#0A0E0F}

/* GRID */
.uslugi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:0}
.uslugi-card{position:relative;overflow:hidden;display:block;text-decoration:none;background:var(--bg2)}
.uc-img{overflow:hidden;aspect-ratio:16/10}
.uc-img img{width:100%;height:100%;object-fit:cover;transition:none;filter:brightness(.95);display:block}
.uslugi-card:hover .uc-img img{transform:scale(1.05);filter:brightness(.8)}
.uc-body{padding:26px 28px 30px;position:relative}
.uc-body::before{content:"";position:absolute;top:0;left:28px;right:28px;height:1px;background:var(--line);transition:background .3s}
.uslugi-card:hover .uc-body::before{background:var(--gold);opacity:.5}
.uc-cat{font-family:var(--display);font-size:10px;font-weight:700;letter-spacing:2.5px;color:var(--gold);opacity:.7;text-transform:uppercase;margin-bottom:10px}
.uc-title{font-family:var(--display);font-size:17px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.3px;line-height:1.2;margin-bottom:10px;transition:color .3s}
.uslugi-card:hover .uc-title{color:var(--gold-1)}
.uc-desc{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:20px}
.uc-foot{display:flex;align-items:center;justify-content:space-between}
.uc-meta{display:flex;flex-direction:column;gap:4px}
.uc-price{font-family:var(--display);font-weight:700;font-size:15px;color:var(--gold)}
.uc-price small{display:block;font-size:9px;color:var(--muted-2);font-weight:500;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:2px}
.uc-dur{font-size:11px;color:var(--muted-2);letter-spacing:.5px}
.uc-arrow{width:36px;height:36px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;transition:all .3s;flex-shrink:0}
.uslugi-card:hover .uc-arrow{background:var(--gold);border-color:var(--gold)}
.uslugi-card:hover .uc-arrow svg{stroke:#0A0E0F}

/* CTA */
.uslugi-cta{background:var(--surface);margin-top:1px}
.uslugi-cta-inner{display:grid;grid-template-columns:1fr 1fr;gap:0}
.ucta-left{padding:56px 48px;border-right:1px solid var(--line)}
.ucta-left h2{font-size:clamp(24px,3vw,40px);margin-top:14px}
.ucta-left p{color:var(--muted);font-size:15px;line-height:1.7;margin-top:14px;max-width:420px}
.ucta-right{padding:56px 48px;display:flex;flex-direction:column;gap:20px;justify-content:center}
.ucta-fact{display:flex;align-items:flex-start;gap:16px}
.ucta-fact-icon{width:40px;height:40px;flex-shrink:0;color:var(--gold);border:1px solid rgba(210,167,101,.2);display:flex;align-items:center;justify-content:center}
.ucta-fact-icon svg{width:20px;height:20px}
.ucta-fact-text h4{font-size:13px;letter-spacing:.5px;color:#fff;margin-bottom:4px}
.ucta-fact-text p{font-size:13px;color:var(--muted);line-height:1.5}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}
@media(max-width:960px){.uslugi-grid{grid-template-columns:repeat(2,1fr)}.uslugi-cta-inner{grid-template-columns:1fr}.ucta-left{border-right:none;border-bottom:1px solid var(--line)}}
@media(max-width:560px){.uslugi-grid{grid-template-columns:1fr}.page-hero-stats{gap:28px}}