:root{
  --gold:#b89b5e;
  --dark:#0b0b0d;
  --muted:#6c757d;
  --card:#141418;
}

html{scroll-behavior:smooth}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial,sans-serif;}

/* Serif headings like screenshots */
.h-serif, h1, h2, h3, .display-1, .display-2, .display-3{font-family: ui-serif, Georgia, 'Times New Roman', serif;}

/* Navbar */
.navbar{background:#fff;border-bottom:1px solid rgba(0,0,0,.06)}
.navbar .nav-link{font-weight:600;color:#1f1f23}
.navbar .nav-link.active{color:var(--gold)}
.navbar-brand img{height:44px}

.btn-gold{background:var(--gold);border-color:var(--gold);color:#111}
.btn-gold:hover{filter:brightness(.95);color:#111}
.btn-outline-gold{border:2px solid var(--gold);color:var(--gold);background:transparent}
.btn-outline-gold:hover{background:rgba(184,155,94,.12);color:var(--gold);border-color:var(--gold)}

.btn-pill{border-radius:999px;padding:.9rem 1.3rem;font-weight:700}

/* HERO */
.hero{
  position:relative;
  min-height:72vh;
  display:flex;
  align-items:center;
  padding:5rem 0 3rem;
}
.hero::before{
  content:"";
  position:absolute;inset:0;
  background: radial-gradient(80% 120% at 70% 50%, rgba(0,0,0,.25), rgba(0,0,0,.78) 55%, rgba(0,0,0,.92));
}
.hero .container{position:relative;z-index:2}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.hero::before{z-index:1}
.hero-kicker{letter-spacing:.22em;text-transform:uppercase;color:rgba(184,155,94,.95);font-weight:700;font-size:.9rem}
.hero h1{color:#fff;line-height:1.02}
.hero h1 .gold{color:var(--gold)}
.hero p{color:rgba(255,255,255,.78);max-width:48ch}

.hero-breadcrumb .breadcrumb{--bs-breadcrumb-divider: '›';}
.hero-breadcrumb .breadcrumb-item, .hero-breadcrumb a{color:rgba(255,255,255,.65);font-size:.9rem}
.hero-breadcrumb a{text-decoration:none}
.hero-breadcrumb a:hover{color:rgba(255,255,255,.85);text-decoration:underline}
.hero-breadcrumb .breadcrumb-item.active{color:rgba(255,255,255,.9)}
.hero-breadcrumb .breadcrumb-item + .breadcrumb-item::before{color:rgba(184,155,94,.75)}

.hero-badges{margin-top:1.8rem}
.hero-badge{
  background:rgba(20,20,24,.65);
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  padding:1rem 1.2rem;
  backdrop-filter: blur(10px);
  min-height:84px;
}
.hero-badge .icon{
  width:44px;height:44px;border-radius:14px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(0,0,0,.45);
  border:1px solid rgba(184,155,94,.22);
  color:var(--gold);
}

/* HERO status (bullet animat) */
.hero-status{display:flex;align-items:center;gap:.6rem}
.hero-status-text{letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.78);font-weight:800;font-size:.85rem}
.pulse-dot{width:10px;height:10px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 rgba(184,155,94,.55);animation:pulseDot 1.4s ease-in-out infinite}
@keyframes pulseDot{0%{opacity:.35;transform:scale(.85);box-shadow:0 0 0 0 rgba(184,155,94,.55)}50%{opacity:1;transform:scale(1);box-shadow:0 0 0 10px rgba(184,155,94,0)}100%{opacity:.35;transform:scale(.85);box-shadow:0 0 0 0 rgba(184,155,94,0)}}

/* HERO package cards (ca in mock) */
.hero-packages{margin-top:1.2rem}
.hero-package{
  background:rgba(255,255,255,.92);
  border:1px solid rgba(255,255,255,.55);
  border-radius:22px;
  overflow:hidden;
  box-shadow:0 22px 55px rgba(0,0,0,.28);
}
.hero-package-body{padding:1.35rem 1.35rem .8rem}
.hero-package-title{font-weight:900;font-size:1.45rem;color:#17171b;margin-bottom:.25rem}
.hero-package-price{font-weight:900;font-size:2.05rem;color:#17171b;margin:.25rem 0 .25rem}
.hero-package-desc{color:rgba(23,23,27,.72);font-size:.95rem;line-height:1.45;max-width:44ch}
.hero-package-link{display:inline-flex;align-items:center;gap:.45rem;color:rgba(23,23,27,.75);font-weight:800;text-decoration:none;margin-top:.7rem}
.hero-package-link:hover{color:#111;text-decoration:underline}
.hero-package-cta-wrap{padding:0 1.35rem 1.25rem}

.hero-package-featured{border:2px solid rgba(184,155,94,.8)}
.hero-package-top{
  text-align:center;
  font-weight:900;
  letter-spacing:.22em;
  text-transform:uppercase;
  padding:.65rem 1rem;
  background:linear-gradient(180deg, rgba(184,155,94,.95), rgba(184,155,94,.78));
  color:#111;
}

@media (max-width: 991.98px){
  .hero{padding:4.5rem 0 2.5rem}
  .hero-package-body{text-align:center}
  .hero-package-desc{margin-left:auto;margin-right:auto}
}

/* Section titles */
.section-kicker{letter-spacing:.22em;text-transform:uppercase;color:rgba(184,155,94,.95);font-weight:700;font-size:.85rem}
.section-title{font-size:clamp(1.8rem,3.2vw,3rem)}

/* Service cards */
.service-card{border-radius:22px;border:1px solid rgba(0,0,0,.06);box-shadow:0 10px 30px rgba(0,0,0,.04)}
.service-card .service-ico{
  width:54px;height:54px;border-radius:16px;
  background:#0f0f12;
  display:flex;align-items:center;justify-content:center;
  color:var(--gold);
}
.service-card a{color:var(--gold);text-decoration:none;font-weight:700}
.service-card a:hover{text-decoration:underline}

/* Dark sections */
.section-dark{background:var(--dark);color:#fff}
.section-dark .muted{color:rgba(255,255,255,.72)}
.card-dark{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;
}

/* CTA panel */
.cta-panel{
  background: radial-gradient(120% 120% at 30% 30%, rgba(255,255,255,.10), rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.10);
  border-radius:28px;
  padding:3rem;
}

/* Footer */
footer{background:var(--dark);color:#fff}
footer a{color:rgba(255,255,255,.75);text-decoration:none}
footer a:hover{color:#fff}
.footer-title{color:var(--gold);font-weight:800}

/* Sticky CTA mobile */
.sticky-cta{
  position:fixed;
  left:0;right:0;bottom:0;
  padding:.75rem .75rem;
  background:rgba(10,10,12,.9);
  border-top:1px solid rgba(255,255,255,.08);
  backdrop-filter: blur(10px);
  z-index:1050;
  transform:translateY(110%);
  transition:transform .25s ease;
}
.sticky-cta.show{transform:translateY(0)}
@media (min-width: 992px){.sticky-cta{display:none}}

/* Small helpers */
.round-2xl{border-radius:22px}
.shadow-soft{box-shadow:0 12px 34px rgba(0,0,0,.08)}
/* Pachete sub HERO (pe toate paginile) */
.packages-strip{
  position:relative;
  margin-top:-2.25rem;
  padding:0 0 2.25rem;
}
.packages-strip .container{position:relative;z-index:3}
@media (max-width: 991.98px){
  .packages-strip{margin-top:-1.25rem;padding-bottom:1.75rem}
  
  .btn-outline-gold {
    border: 2px solid var(--gold);
    color: #212529;
    background: #b89b5e;
}
}