/* Ovelia - stiluri pentru mobil/tablet. Se încarcă DUPĂ stilurile existente din index.html */
:root{--pad:max(24px,calc((100vw - 1260px)/2))}
body{width:100%;overflow-x:hidden}
nav{padding-left:var(--pad);padding-right:var(--pad)}
nav ul{gap:clamp(18px,3vw,42px)}
.hero{padding-left:var(--pad);padding-right:var(--pad);grid-template-columns:minmax(0,1fr) 600px}
.hero h1{font-size:clamp(42px,5.2vw,74px)}
section{padding-left:var(--pad);padding-right:var(--pad)}
footer{padding-left:var(--pad);padding-right:var(--pad)}
/* ===== MOBIL / TABLETĂ ===== */
img{max-width:100%}
@media (max-width:1000px){
  nav{height:auto;padding-top:12px;padding-bottom:12px}
  nav .logo{height:76px}
  nav ul{display:none}
  nav .btn{padding:13px 22px;font-size:14px}
  .hero{grid-template-columns:1fr;gap:50px;padding-top:34px;padding-bottom:70px}
  .hero p.lead{font-size:19px;margin:24px 0 30px}
  .hero .badges{margin-top:38px;gap:26px;flex-wrap:wrap}
  .collage{height:520px;max-width:560px;width:100%;margin:0 auto}
  .strip{flex-wrap:wrap;gap:10px 22px;padding:20px var(--pad);font-size:12px;letter-spacing:.14em}
  .strip i{display:none}
  section{padding-top:72px;padding-bottom:72px}
  .sh{margin-bottom:44px}
  .sh h2{font-size:38px}
  .about{grid-template-columns:1fr;gap:44px}
  .about .ph{max-width:520px;width:100%;margin:0 auto}
  .about .ph img{width:100%;height:520px}
  .about .ph .tag{right:12px;bottom:26px}
  .about h2,.moments h2,.cta-sec h2{font-size:38px}
  .about p,.moments p,.cta-sec p{font-size:18px}
  .steps{grid-template-columns:1fr 1fr}
  .gal{grid-template-columns:1fr 1fr}
  .gal figure img{height:320px}
  .gal figure:nth-child(even){margin-top:28px}
  .moments{grid-template-columns:1fr;gap:40px}
  .moments .big img{height:480px}
  .cta-sec{grid-template-columns:1fr;gap:40px}
  .cta-sec p{max-width:none}
}
@media (max-width:560px){
  nav .logo{height:62px}
  nav .btn{padding:11px 16px;font-size:13px}
  .hero h1{font-size:40px}
  .hero .cta .btn{width:100%;text-align:center;padding:17px 20px}
  .eyebrow{font-size:11.5px;letter-spacing:.2em}
  .badges b{font-size:28px !important}
  .hero .badges{gap:20px}
  .collage{height:430px}
  .c1{width:210px;height:270px}
  .c2{width:190px;height:240px;top:90px}
  .c3{width:160px;height:200px;left:70px}
  .stamp{width:92px;height:92px;font-size:11px;right:0}
  .stamp b{font-size:22px}
  .sh h2,.about h2,.moments h2,.cta-sec h2{font-size:32px}
  .sh p{font-size:17px}
  .about .ph img{height:400px;border-radius:200px 200px 14px 14px}
  .about .ph .tag{font-size:15px;padding:12px 16px}
  .about ul{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
  .step{padding:30px 24px}
  .gal{gap:14px}
  .gal figure img{height:230px}
  .gal figcaption{font-size:14px}
  .moments .big img{height:380px}
  .quote{font-size:19px}
  .form{padding:24px 20px}
  .form .row{grid-template-columns:1fr;gap:0}
  .cta-sec h2{margin-bottom:16px}
  footer .links{flex-direction:column;gap:12px;align-items:center}
  footer .copy{font-size:12.5px;line-height:1.7}
}