:root{ --gold:#d4af37; --bg:#0f1115; --card:#1b1f2a; --text:#d1d5db; --muted:#9ca3af;}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:
radial-gradient(1200px 600px at 50% -10%, rgba(212,175,55,0.12), transparent 60%), var(--bg);
color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
a{color:var(--gold);text-decoration:none}
.container{max-width:1100px;margin:0 auto;padding:0 16px}
.header{position:sticky;top:0;background:rgba(0,0,0,.4);backdrop-filter:blur(4px);border-bottom:1px solid rgba(255,255,255,.1);z-index:40}
.header .row{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.brand{display:flex;align-items:center;gap:12px}
.brand img{height:40px;width:40px;object-fit:contain;border-radius:6px}
.brand .name{font-weight:600;letter-spacing:.02em;color:var(--gold)}
.nav{display:none;gap:20px;font-size:14px}
.cta{background:var(--gold);color:#111;padding:8px 14px;border-radius:16px;font-weight:600}
@media(min-width:768px){.nav{display:flex}}
.hero{padding:64px 0 84px}
h1{font-size:42px;line-height:1.1;margin:0}
.hero p{font-size:18px;color:#d1d5db;margin:16px 0 0}
.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.btn{padding:12px 18px;border-radius:18px;font-weight:700;display:inline-block}
.btn.secondary{border:1px solid rgba(255,255,255,.25);color:var(--text)}
.small{opacity:.8;font-size:13px;margin-top:12px}
.grid-2{display:grid;gap:24px}
@media(min-width:900px){.grid-2{grid-template-columns:1fr 1fr}}
.card{background:var(--card);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px;box-shadow:0 10px 24px rgba(0,0,0,.3)}
.section{padding:56px 0;border-top:1px solid rgba(255,255,255,.1)}
h2{font-size:30px;margin:0 0 18px}
.services{display:grid;gap:18px}
@media(min-width:900px){.services{grid-template-columns:repeat(3,1fr)}}
.service-title{color:var(--gold);font-weight:700;margin-bottom:8px}
.gallery{display:grid;gap:14px}
@media(min-width:600px){.gallery{grid-template-columns:repeat(2,1fr)}}
@media(min-width:900px){.gallery{grid-template-columns:repeat(3,1fr)}}
.figure{overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:var(--card)}
.figure img{width:100%;height:220px;object-fit:cover;display:block}
.figure figcaption{padding:10px;font-size:12px;color:#cbd5e1}
.list{list-style:disc;padding-left:20px;color:#cbd5e1}
.contact ul{list-style:none;padding:0;margin:0}
.contact li{margin:8px 0;color:#cbd5e1}
.footer{border-top:1px solid rgba(255,255,255,.1);padding:18px 0;color:#cbd5e1;opacity:.85}
.badge{font-size:11px;color:#9ca3af}
.center{display:grid;place-items:center;text-align:center}
.logo-glow{box-shadow:0 0 30px rgba(212,175,55,.35);border-radius:12px}
/* --- Carousel Avis --- */
.reviews-wrap{
  position:relative; display:grid; grid-template-columns:40px 1fr 40px; gap:10px; align-items:center;
}
.reviews-track{
  overflow:hidden; position:relative; height:160px;
}
.review{
  position:absolute; inset:0; opacity:0; transform:translateX(20px); transition:opacity .45s ease, transform .45s ease;
  display:flex; flex-direction:column; justify-content:space-between;
}
.review.active{ opacity:1; transform:translateX(0) }
.rev-btn{
  height:40px; width:40px; border-radius:50%; border:1px solid rgba(255,255,255,.2);
  background:transparent; color:#cbd5e1; font-size:22px; cursor:pointer;
}
.rev-btn:hover{ border-color:rgba(255,255,255,.5); color:#fff }
.rev-dots{ display:flex; gap:8px; justify-content:center; margin-top:12px }
.rev-dots button{
  height:8px; width:8px; border-radius:50%; border:none; background:rgba(255,255,255,.25); cursor:pointer;
}
.rev-dots button.active{ background:var(--gold) }
@media(min-width:900px){ .reviews-track{ height:140px } }
/* Logo – desktop & mobile */
.site-logo { display:block; height:60px; width:auto; }
.brand-text { color:#d4af37; font-weight:700; font-size:22px; }

/* Forțează vizibil pe mobil – dacă alt CSS îl ascunde */
@media (max-width: 768px) {
  .site-logo { max-height:40px; }
  .brand-text { font-size:18px; }
  .logo-brand img { display:inline-block !important; visibility:visible !important; opacity:1 !important; }
}
@media (max-width: 480px) {
  .site-logo { max-height:34px; }
  /* dacă e prea înghesuit pe telefoane mici, poți ascunde textul */
  /* .brand-text { display:none; } */
}
#contact-form{max-width:560px}
#contact-form label{display:block;margin:12px 0 6px;font-weight:600}
#contact-form input,#contact-form textarea{
  width:100%;padding:10px;border:1px solid #ddd;border-radius:8px;
}
#contact-form button{
  margin-top:14px;padding:12px 18px;border:0;border-radius:10px;cursor:pointer;
}