/* ===== Pagina Servicii și Facilități (prefix .svc-, peste casa.css + casa-pages.css) ===== */

/* --- grila de servicii (carduri albe pe .sec.light) --- */
.svc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.4rem}
.svc-card{background:#fff;border:1px solid rgba(176,141,87,.2);border-radius:16px;padding:2rem 1.9rem;box-shadow:0 14px 34px -26px rgba(59,47,38,.45);transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s,border-color .45s}
.svc-card:hover{transform:translateY(-5px);box-shadow:0 30px 56px -32px rgba(59,47,38,.55);border-color:rgba(176,141,87,.42)}
.svc-card i{display:inline-flex;align-items:center;justify-content:center;width:3.1rem;height:3.1rem;border-radius:12px;background:rgba(176,141,87,.12);color:var(--gold);font-size:1.7rem}
.svc-card h3{font:500 1.35rem/1.2 var(--serif);color:var(--forest);margin:1.05rem 0 .55rem}
.svc-card p{font:400 .96rem/1.7 var(--sans);color:var(--muted)}

/* --- rânduri highlight (media + text, pe .sec.dark) --- */
.svc-rows{display:flex;flex-direction:column;gap:clamp(3.4rem,7vw,6rem)}
.svc-row{display:grid;grid-template-columns:1fr;gap:clamp(1.8rem,4vw,4rem);align-items:center}
.svc-media img{width:100%;display:block;object-fit:cover;border-radius:16px;box-shadow:0 34px 70px -42px rgba(0,0,0,.7)}
.svc-media .svc-solo,.svc-media > img{aspect-ratio:5/4}
.svc-duo{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}
.svc-duo img{aspect-ratio:3/4}
.svc-duo img:nth-child(2){margin-top:2.2rem}
.svc-body h3{font:500 clamp(1.65rem,3.2vw,2.35rem)/1.15 var(--serif);color:#f6efe0;margin-bottom:1rem;max-width:20ch}
.svc-body p{font:400 clamp(.98rem,1.1vw,1.08rem)/1.75 var(--sans);color:#c3b79c;max-width:56ch}

/* --- FAQ (accordion partajat din casa.css, doar spațiere aici) --- */
.svc-faq{border-top:1px solid rgba(176,141,87,.28)}

@media(min-width:1000px){
  .svc-row{grid-template-columns:1.05fr 1fr}
  .svc-row.rev .svc-media{order:2}
  .svc-row.rev .svc-body{order:1}
}

@media(max-width:899px){
  .svc-media .svc-solo,.svc-media > img{aspect-ratio:16/10}
}

@media(max-width:640px){
  .svc-grid{grid-template-columns:1fr}
  .svc-card{padding:1.6rem 1.4rem}
  .svc-media .svc-solo,.svc-media > img{aspect-ratio:4/3}
  .svc-duo{gap:.8rem}
  .svc-duo img:nth-child(2){margin-top:1.4rem}
}

@media(max-width:380px){
  .svc-duo{grid-template-columns:1fr}
  .svc-duo img{aspect-ratio:4/3}
  .svc-duo img:nth-child(2){margin-top:0}
}