:root{--accent:#d35400;--muted:#666;--bg:#fbfbfb;--card:#fff}
body{font-family:Inter,system-ui,-apple-system,'Segoe UI',Roboto,Arial;margin:0;background:var(--bg);color:#222}
.container{max-width:1100px;margin:28px auto;padding:18px}
header{display:flex;align-items:center;gap:16px}
.logo{width:72px;height:72px;border-radius:12px;background:linear-gradient(135deg,#fff,#f7f7f7);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--accent);box-shadow:0 4px 12px rgba(0,0,0,0.06)}
h1{margin:0;font-size:28px}
.subtitle{font-size:13px;color:var(--muted)}
.hero{display:grid;grid-template-columns:1fr 420px;gap:26px;margin-top:18px}
.card{background:var(--card);padding:18px;border-radius:12px;box-shadow:0 6px 22px rgba(8,8,8,0.06)}
.hero-img{width:100%;height:320px;border-radius:8px;object-fit:cover;background:#eee;display:block}
.badge{background:var(--accent);color:#fff;padding:6px 10px;border-radius:999px;font-weight:600;display:inline-block;margin-bottom:10px}
.price{font-size:22px;font-weight:700;color:var(--accent);margin-top:6px}
.features{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:12px}
.feature{display:flex;gap:10px;align-items:flex-start}
.feature b{display:block}
.note{font-size:13px;color:var(--muted)}
.description{color:var(--muted);margin-top:10px}
.btn{display:inline-block;background:var(--accent);color:#fff;padding:12px 16px;border-radius:10px;text-decoration:none;font-weight:700;border:none;cursor:pointer}
footer{margin-top:20px;padding:18px;text-align:center;color:var(--muted);font-size:14px}

/* form column layout */
.order-form{display:flex;flex-direction:column;gap:8px;max-width:420px;margin:0 auto}
.order-form label{font-weight:600;margin-top:6px}
.order-form input, .order-form select, .order-form textarea{width:100%;padding:8px;border:1px solid #e6e6e6;border-radius:8px;font-size:15px}
.order-form button{margin-top:10px;padding:10px;font-size:16px;background:var(--accent);color:#fff;border:none;border-radius:8px;cursor:pointer}
.order-form button:hover{opacity:0.95}

/* responsive */
@media(max-width:900px){.hero{grid-template-columns:1fr;padding:12px}.hero-img{height:220px}.container{margin:12px}}

.whatsapp-inline {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 4px;
  font-size: 13px;
}

.whatsapp-inline a {
  background: #25D366;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.whatsapp-inline img {
  width: 16px;
  height: 16px;
  display: block;
}
/* Header galerie */
.gallery-header {
  text-align: center;
  margin-bottom: 24px;
  display: flex;
  flex-direction: column; /* forțează h1 și link pe rânduri separate */
  align-items: center;
}

.gallery-header h1 {
  margin: 0 0 10px 0;
  font-size: 28px;
  font-weight: bold;
}

.back-link {
  color: #d35400;
  text-decoration: underline;
  font-size: 16px;
}

/* Galerie poze */
.gallery-grid {
  display: grid;
  grid-template-columns: 1fr; /* o poză pe rând */
  gap: 16px;
}

.gallery-grid img {
  width: 100%;
  max-width: 400px;  /* nu prea mari */
  margin: 0 auto;    /* centrate pe ecran */
  border-radius: 12px;
  height: auto;      /* păstrează proporțiile */
  object-fit: cover;
  cursor: pointer;
}