*,*::before,*::after{box-sizing:border-box}
    html,body{height:100%}
    body{
      margin:0;
      font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;
      color:#111;
      background:#000;
      line-height:1.4;
    }
    a{color:inherit;text-decoration:none}
    :root{
      --gap: clamp(16px, 2vw, 32px);
      --card-w: clamp(260px, 32vw, 460px);
      --radius: 22px;
      --shadow: 0 10px 30px rgba(0,0,0,.25);
    }

    /* === Background video === */
    .bg-wrap{ position:fixed; inset:0; overflow:hidden; z-index:-2; background:#000; }
    .bg-video{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; }
    .bg-overlay{
      position:absolute; inset:0;
      background: radial-gradient(120% 120% at 50% 40%, rgba(0,0,0,.35) 0%, rgba(0,0,0,.7) 60%, rgba(0,0,0,.88) 100%);
      z-index:1;
    }

    /* === Layout === */
    .hero{ min-height:100svh; display:grid; place-items:center; padding:var(--gap); position:relative; }
    .center{ display:flex; flex-direction:column; align-items:center; text-align:center; gap: clamp(12px,1.6vw,18px); }

    /* >>> cerinta ta: fundal alb semitransparent + border alb opac */
    .logo-card{
      background: rgba(255,255,255,0.68);   /* semi-transparent */
      border: 2px solid #ffffff;            /* alb 100% opac */
      border-radius: var(--radius);
      box-shadow: var(--shadow);
      padding: clamp(18px,2vw,30px);
      width: min(100%, var(--card-w));
      backdrop-filter: blur(6px);
    }

    .logo{ max-width:100%; max-height:clamp(80px,18vh,180px); height:auto; display:block; margin:auto; }
    .tagline{ margin-top:10px; font-size:clamp(13px,1.4vw,15px); letter-spacing:.12em; text-transform:uppercase; color:#555; }
    .hours{ margin-top:12px; font-size:clamp(18px,2.6vw,28px); font-weight:800; color:#111; }
    .links{ margin-top:clamp(18px,2.4vw,30px); display:flex; flex-wrap:wrap; justify-content:center; gap:clamp(14px,2vw,24px); }
    .pill{
      display:inline-flex; align-items:center; justify-content:center;
      padding:.9em 1.8em; border-radius:999px;
      background:rgba(255,255,255,.95); font-weight:700; box-shadow:var(--shadow);
      transition:transform .18s ease, background .18s ease, box-shadow .18s ease;
    }
    .pill:hover{ transform:translateY(-2px); background:#fff; box-shadow:0 14px 28px rgba(0,0,0,.3); }

    /* === Footer === */
    .footer{
      position:fixed; bottom:0; left:0; right:0;
      padding:16px 20px; background:rgba(0,0,0,0.65);
      color:#eee; font-size:14px; text-align:center; backdrop-filter:blur(6px); line-height:1.6;
    }

/* rând unic pe desktop */
.footer-row{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;    /* forțăm pe un singur rând */
}

.item{
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.sep{ opacity: .6; }

.icon{ width: 18px; height: 18px; stroke: #fff; opacity: .85; }
.pin{ stroke: #e63946; opacity: 1; } /* pin roșu */
.footer a[href*="maps"]{
  text-decoration: underline;
  text-underline-offset: 3px;
  color: #fff;
  transition: color .2s ease, opacity .2s ease;
}
.footer a[href*="maps"]:hover{ color:#e63946; opacity:.9; }

/* pe mobil: 2 rânduri pentru locații + 1 rând pentru telefon, fără separatori */
@media (max-width: 600px){
  .footer-row{
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 6px;
    justify-items: center;  /* centrează fiecare item pe orizontală */
    text-align: center;     /* aliniază textul */
  }
  .item{
    justify-content: center; /* centrează icon + text în interiorul fiecărui item */
  }
  .sep{ display: none; }     /* fără separator pe mobil */
}

    /* === PDF Overlay (PDF.js local) === */
    .pdf-overlay{ position:fixed; inset:0; background:#000; display:none; flex-direction:column; z-index:9999; }
    .pdf-overlay.open{ display:flex; }

    /* bara superioara: fundal alb semi-transp + border alb opac + logo alb */
    .pdf-bar{
      display:flex; align-items:center; justify-content:space-between;
      gap:10px; padding:8px 14px;
      background: rgba(0,0,0,0.85);        /* semi-transp negru */
      border-bottom: 2px solid #000000;    /* negru complet */
      color:#fff;                          /* text alb */
    }

    .pdf-left{ display:flex; align-items:center; gap:12px; }
    .pdf-left img{ height:38px; width:auto; }
    .pdf-title{ font-weight:700; font-size:16px; letter-spacing:.02em; white-space:nowrap; }
    .btn{ appearance:none; border:0; cursor:pointer; padding:.5em 1em; border-radius:8px; font-weight:700; background:#1f2937; color:#fff; }
    .btn:hover{ background:#374151; }
    .pdf-frame{ flex:1; width:100%; border:0; background:#111; }

    @media print{ body{ display:none !important; } }