/* Lista de servicii cu scroll orizontal — pe cele 3 wireframes, sub pillars */
.svc-scroll{padding:72px 0;background:transparent}
.svc-scroll .container{position:relative}
.svc-scroll-head{margin-bottom:32px;max-width:720px}
.svc-track-wrap{position:relative}
.svc-track-wrap::before,.svc-track-wrap::after{content:"";position:absolute;top:0;bottom:18px;width:42px;pointer-events:none;z-index:2;transition:opacity .25s}
.svc-track-wrap::before{left:0;background:linear-gradient(90deg,rgba(255,255,255,.92),transparent)}
.svc-track-wrap::after{right:0;background:linear-gradient(-90deg,rgba(255,255,255,.92),transparent)}
.svc-track-wrap.at-start::before{opacity:0}
.svc-track-wrap.at-end::after{opacity:0}
.svc-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 4px 18px;scrollbar-width:thin;scrollbar-color:rgba(225,6,0,.3) transparent;-webkit-overflow-scrolling:touch}
.svc-track::-webkit-scrollbar{height:6px}
.svc-track::-webkit-scrollbar-thumb{background:rgba(225,6,0,.3);border-radius:3px}
.svc-track::-webkit-scrollbar-track{background:transparent}
.svc-card{flex:0 0 300px;scroll-snap-align:start;background:#fff;border-radius:18px;padding:26px 24px 24px;box-shadow:0 4px 18px rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.04);display:flex;flex-direction:column;min-height:220px;transition:transform .25s,box-shadow .25s}
.svc-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(0,0,0,.09)}
.svc-card h3{font-family:'Fraunces',serif;font-weight:500;font-size:22px;line-height:1.2;letter-spacing:-.01em;color:#1a1a1a;margin-bottom:12px}
.svc-card-meta{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.svc-chip{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#666;padding:5px 11px;border-radius:999px;background:#faf7f3;border:1px solid rgba(0,0,0,.06)}
.svc-chip--accent{background:rgba(225,6,0,.08);border-color:rgba(225,6,0,.18);color:#7a0000}
.svc-desc{font-size:13.5px;line-height:1.55;color:#666;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.svc-nav{display:flex;gap:8px;margin-top:18px;justify-content:flex-end}
.svc-nav button{background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:50%;width:38px;height:38px;font-size:18px;cursor:pointer;color:#333;display:grid;place-items:center;transition:background .2s,border-color .2s,color .2s}
.svc-nav button:hover{background:#e10600;border-color:#e10600;color:#fff}
.svc-nav button:disabled{opacity:.35;cursor:not-allowed}
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.svc-grid .svc-card{flex:none}
@media(max-width:980px){
  .svc-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .svc-card{flex:0 0 86%}
  .svc-track-wrap::before,.svc-track-wrap::after{display:none}
  .svc-grid{grid-template-columns:1fr}
}
