:root {
      --bg: #08291d;
      --bg-2: #0d3b2a;
      --panel: rgba(255,255,255,.075);
      --panel-strong: rgba(255,255,255,.115);
      --card: #f4f1e7;
      --text: #f7f8f2;
      --muted: #cad8cf;
      --ink: #153126;
      --accent: #d8b95d;
      --accent-2: #f0d987;
      --line: rgba(255,255,255,.14);
      --shadow: 0 24px 60px rgba(0,0,0,.26);
      --radius: 24px;
      --max: 100%;
    }

    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; scroll-padding-top: 110px; }
    body {
      margin: 0;
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      color: var(--text);
      background:
        radial-gradient(circle at 15% 10%, rgba(95,160,111,.22), transparent 26%),
        radial-gradient(circle at 86% 30%, rgba(216,185,93,.11), transparent 24%),
        linear-gradient(180deg, #0a2e21 0%, #0b3425 44%, #08291d 100%);
      line-height: 1.6;
      overflow-x: hidden;
    }

    a { color: inherit; text-decoration: none; }
    img { max-width: 100%; display: block; }
    button, input { font: inherit; }
    button { cursor: pointer; }

    .container { width: calc(100% - 80px); max-width: none; margin: 0 auto; }

    .topbar {
      border-bottom: 1px solid var(--line);
      background: rgba(6, 31, 22, .88);
      backdrop-filter: blur(16px);
      font-size: 13px;
    }
    .topbar-inner {
      min-height: 36px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
      color: #dbe7df;
    }
    .quick-info { display: flex; gap: 20px; flex-wrap: wrap; }
    .quick-info span { display: inline-flex; align-items: center; gap: 7px; }
    .quick-info svg { width: 15px; height: 15px; opacity: .9; }

    header {
      position: sticky;
      top: 0;
      z-index: 50;
      background: rgba(8, 41, 29, .86);
      backdrop-filter: blur(18px);
      border-bottom: 1px solid rgba(255,255,255,.10);
    }
    .nav {
      min-height: 76px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
    }
    .brand { display: flex; align-items: center; min-width: 150px; flex-shrink: 0; }
    .brand-logo {
      width: 142px;
      height: 72px;
      object-fit: contain;
      border-radius: 10px;
      display: block;
    }

    .menu { display: flex; align-items: center; gap: 22px; }
    .menu a { color: #e6eee8; font-weight: 650; font-size: 14px; position: relative; }
    .menu a::after { content:""; position:absolute; left:0; right:100%; bottom:-9px; height:2px; background:var(--accent); transition:.22s; }
    .menu a:hover::after { right:0; }

    .nav-actions { display: flex; align-items: center; gap: 10px; }
    .lang-switch { display: flex; gap: 4px; padding: 4px; background: rgba(255,255,255,.07); border: 1px solid var(--line); border-radius: 999px; }
    .lang-switch button { border: 0; background: transparent; color: #d8e4dc; width: 38px; height: 32px; border-radius: 999px; font-weight: 800; font-size: 12px; }
    .lang-switch button.active { background: var(--accent); color: #163126; }

    .btn {
      display: inline-flex; align-items: center; justify-content: center; gap: 9px;
      padding: 12px 17px; border-radius: 999px; border: 1px solid transparent;
      font-weight: 800; transition: transform .2s, background .2s, border-color .2s;
    }
    .btn:hover { transform: translateY(-2px); }
    .btn-primary { background: var(--accent); color: #183427; box-shadow: 0 10px 30px rgba(216,185,93,.18); }
    .btn-primary:hover { background: #e4ca76; }
    .btn-ghost { border-color: rgba(255,255,255,.30); color: #fff; background: rgba(255,255,255,.05); }
    .btn-dark { background: #153126; color: #fff; }

    .hamburger { display: none; width: 44px; height: 44px; border: 1px solid var(--line); background: rgba(255,255,255,.06); color: #fff; border-radius: 14px; }

    .hero { position: relative; min-height: 760px; display: grid; align-items: center; isolation: isolate; overflow: hidden; }
    .hero::before {
      content: "";
      position: absolute; inset: 0; z-index: -2;
      background:
        linear-gradient(90deg, rgba(6,31,22,.96) 0%, rgba(7,41,28,.80) 42%, rgba(7,41,28,.22) 76%, rgba(7,41,28,.50) 100%),
        url('https://plaiulcucului.ro/wp-content/uploads/2024/10/460989670_508632948574056_8395840108963654082_n.jpg') center/cover no-repeat;
    }
    .hero::after {
      content:""; position:absolute; inset:auto 0 0; height:180px; z-index:-1;
      background: linear-gradient(180deg, transparent, #0b3425 85%);
    }
    .hero-grid { display: grid; grid-template-columns: 1.05fr .65fr; gap: 50px; align-items: center; padding: 90px 0 110px; }
    .eyebrow { display: inline-flex; gap: 9px; align-items: center; color: #f7e9b7; font-size: 13px; font-weight: 850; text-transform: uppercase; letter-spacing: .15em; }
    .eyebrow::before { content:""; width: 34px; height: 2px; background: var(--accent); }
    .hero h1 { margin: 18px 0 22px; font-family: Georgia, "Times New Roman", serif; font-size: clamp(48px, 7vw, 92px); line-height: .98; letter-spacing: -.04em; max-width: 850px; }
    .hero h1 span { color: var(--accent-2); }
    .hero-lead { font-size: clamp(18px, 2vw, 23px); max-width: 690px; color: #dbe8df; }
    .hero-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:30px; }
    .hero-badges { display:flex; flex-wrap:wrap; gap:10px; margin-top:28px; }
    .hero-badge { padding:9px 13px; border-radius:999px; background:rgba(255,255,255,.09); border:1px solid rgba(255,255,255,.13); color:#dce9e1; font-size:13px; }

    .visit-card {
      background: rgba(244,241,231,.94);
      color: var(--ink);
      border-radius: 28px;
      padding: 26px;
      box-shadow: var(--shadow);
      border: 1px solid rgba(255,255,255,.45);
      backdrop-filter: blur(12px);
    }
    .visit-card .label { color: #5b6f63; font-size: 12px; text-transform: uppercase; letter-spacing: .12em; font-weight: 900; }
    .visit-card h3 { margin: 8px 0 16px; font-size: 28px; font-family: Georgia, serif; }
    .visit-line { display:flex; justify-content:space-between; gap:20px; padding:12px 0; border-top:1px solid #d5ded8; }
    .visit-line strong { color:#103729; }
    .mini-note { color:#65786c; font-size:12px; margin-top:14px; }

    section { padding: 90px 0; }
    .section-head { display:flex; justify-content:space-between; gap:40px; align-items:end; margin-bottom:38px; }
    .section-head h2 { margin:0; font-family:Georgia, serif; font-size:clamp(34px, 5vw, 58px); line-height:1.05; }
    .section-head p { max-width:550px; color:var(--muted); margin:0; }

    .intro-strip { padding:0 0 34px; }
    .strip-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
    .strip-item { background:var(--panel); border:1px solid var(--line); border-radius:20px; padding:22px; min-height:142px; }
    .strip-item .icon { width:38px; height:38px; display:grid; place-items:center; border-radius:12px; background:rgba(216,185,93,.15); color:var(--accent-2); margin-bottom:14px; }
    .strip-item h3 { margin:0 0 5px; font-size:18px; }
    .strip-item p { margin:0; color:var(--muted); font-size:14px; }

    .experience-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
    .image-card { min-height:520px; border-radius:var(--radius); overflow:hidden; position:relative; box-shadow:var(--shadow); background:#154833; }
    .image-card img { width:100%; height:100%; object-fit:cover; position:absolute; inset:0; }
    .image-card::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 48%,rgba(2,20,13,.78)); }
    .image-copy { position:absolute; z-index:2; left:28px; right:28px; bottom:26px; }
    .image-copy h3 { font-size:30px; margin:0 0 8px; font-family:Georgia, serif; }
    .image-copy p { margin:0; color:#dce7df; max-width:520px; }

    .facts { display:grid; gap:16px; }
    .fact { padding:25px; border-radius:22px; background:var(--panel); border:1px solid var(--line); }
    .fact strong { display:block; font-size:23px; color:#f5df98; margin-bottom:7px; }
    .fact p { margin:0; color:var(--muted); }

    .animals { background:linear-gradient(180deg, rgba(255,255,255,.035), transparent); }
    .animals-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:15px; }
    .animal-card { background:var(--card); color:var(--ink); border-radius:20px; padding:22px; min-height:175px; position:relative; overflow:hidden; }
    .animal-card::after { content:""; position:absolute; width:90px; height:90px; border-radius:50%; background:#dbe6dc; right:-25px; bottom:-30px; }
    .animal-card .emoji { font-size:36px; margin-bottom:12px; display:block; }
    .animal-card h3 { margin:0 0 4px; font-size:18px; }
    .animal-card p { margin:0; color:#5b6c63; font-size:14px; }

    .story-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:45px; align-items:center; }
    .story-photo { border-radius:var(--radius); overflow:hidden; min-height:540px; background:#174732; box-shadow:var(--shadow); }
    .story-photo img { width:100%; height:540px; object-fit:cover; }
    .story-copy h2 { font-family:Georgia, serif; font-size:clamp(38px, 5vw, 60px); line-height:1.04; margin:0 0 22px; }
    .story-copy p { color:var(--muted); font-size:17px; }
    .quote { margin-top:25px; padding:20px 22px; border-left:3px solid var(--accent); background:rgba(255,255,255,.06); border-radius:0 18px 18px 0; color:#eef4ef; }

    .family-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
    .family-card { padding:26px; min-height:250px; border-radius:22px; background:rgba(255,255,255,.07); border:1px solid var(--line); }
    .family-card .num { color:var(--accent); font-weight:900; font-size:12px; letter-spacing:.12em; }
    .family-card h3 { margin:14px 0 8px; font-size:22px; }
    .family-card p { margin:0; color:var(--muted); }

    .gallery-grid { display:grid; grid-template-columns:1.15fr .85fr .85fr; grid-auto-rows:230px; gap:14px; }
    .gallery-item { position:relative; overflow:hidden; border-radius:20px; background:#184833; border:1px solid var(--line); }
    .gallery-item:first-child { grid-row:span 2; }
    .gallery-item img { width:100%; height:100%; object-fit:cover; transition:transform .4s; }
    .gallery-item:hover img { transform:scale(1.035); }
    .gallery-caption { position:absolute; inset:auto 10px 10px; padding:8px 10px; background:rgba(7,35,24,.74); backdrop-filter:blur(8px); border-radius:10px; font-size:12px; }

    .visit-section { background:linear-gradient(180deg, rgba(216,185,93,.07), rgba(255,255,255,.025)); }
    .visit-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
    .info-panel { background:var(--card); color:var(--ink); border-radius:26px; padding:30px; }
    .info-panel h3 { margin-top:0; font-family:Georgia,serif; font-size:30px; }
    .hours-row, .price-row { display:flex; justify-content:space-between; gap:16px; padding:14px 0; border-bottom:1px solid #d8dfda; }
    .info-panel .btn { margin-top:18px; }
    .contact-list { display:grid; gap:12px; }
    .contact-item { display:flex; align-items:flex-start; gap:12px; padding:14px 0; border-bottom:1px solid #d8dfda; }
    .contact-item strong { display:block; }
    .contact-item span { color:#607066; font-size:14px; }

    .social-bar { display:flex; gap:10px; flex-wrap:wrap; margin-top:18px; }
    .social-link { width:46px; height:46px; border-radius:50%; display:grid; place-items:center; border:1px solid #ced9d2; background:#fff; color:#153126; transition:.2s; }
    .social-link:hover { transform:translateY(-3px); background:#e7ecd8; }
    .social-link svg { width:21px; height:21px; }

    .faq { display:grid; gap:10px; max-width:900px; margin:0 auto; }
    details { background:var(--panel); border:1px solid var(--line); border-radius:17px; padding:0 18px; }
    summary { cursor:pointer; padding:18px 0; font-weight:800; }
    details p { color:var(--muted); margin:0 0 18px; }

    .cta { margin:20px auto 0; border-radius:30px; padding:50px; background:linear-gradient(135deg, #e4c66b, #b99a39); color:#173126; display:flex; align-items:center; justify-content:space-between; gap:35px; box-shadow:var(--shadow); }
    .cta h2 { margin:0; font-family:Georgia,serif; font-size:clamp(32px,4vw,48px); line-height:1.05; max-width:720px; }

    footer { margin-top:90px; border-top:1px solid var(--line); background:#061f16; }
    .footer-grid { display:grid; grid-template-columns:1.3fr .8fr .8fr 1fr; gap:35px; padding:55px 0 40px; }
    .footer-title { color:#fff; font-weight:900; margin-bottom:14px; }
    footer p, footer a, footer button { color:#b9c9bf; font-size:14px; }
    .footer-links { display:grid; gap:9px; }
    .footer-links button { border:0; background:none; padding:0; text-align:left; cursor:pointer; }
    .copyright { display:flex; justify-content:space-between; gap:20px; padding:20px 0 26px; border-top:1px solid var(--line); color:#91a99a; font-size:12px; }

    .cookie-banner {
      position:fixed; left:18px; right:18px; bottom:18px; z-index:100;
      background:#f4f1e7; color:#173126; border-radius:20px; box-shadow:0 30px 80px rgba(0,0,0,.38);
      padding:20px; display:none; align-items:center; justify-content:space-between; gap:24px; max-width:1050px; margin:auto;
    }
    .cookie-banner.show { display:flex; }
    .cookie-banner p { margin:0; font-size:14px; color:#4d6055; }
    .cookie-actions { display:flex; gap:8px; flex-wrap:wrap; flex-shrink:0; }
    .cookie-actions button { border:1px solid #bfcac3; border-radius:999px; padding:9px 14px; background:#fff; color:#173126; font-weight:800; }
    .cookie-actions .accept { background:#173126; color:#fff; border-color:#173126; }

    .modal-backdrop { position:fixed; inset:0; background:rgba(0,0,0,.62); backdrop-filter:blur(7px); z-index:110; display:none; padding:20px; }
    .modal-backdrop.show { display:grid; place-items:center; }
    .modal { width:min(760px,100%); max-height:86vh; overflow:auto; background:#f4f1e7; color:#173126; border-radius:24px; padding:26px; box-shadow:var(--shadow); }
    .modal-head { display:flex; justify-content:space-between; gap:20px; align-items:start; border-bottom:1px solid #d3ddd7; padding-bottom:16px; }
    .modal h3 { margin:0; font-family:Georgia,serif; font-size:30px; }
    .close-modal { border:0; background:#e0e8e2; width:40px; height:40px; border-radius:50%; font-size:22px; color:#173126; }
    .modal-body { color:#4d6055; font-size:14px; }
    .modal-body h4 { color:#173126; margin-bottom:4px; }

    .reveal { opacity:0; transform:translateY(18px); transition:opacity .6s ease, transform .6s ease; }
    .reveal.visible { opacity:1; transform:none; }

    @media (max-width: 1050px) {
      .menu { position:fixed; top:113px; left:18px; right:18px; padding:18px; border-radius:20px; background:#0b3626; border:1px solid var(--line); flex-direction:column; align-items:stretch; box-shadow:var(--shadow); display:none; }
      .menu.open { display:flex; }
      .menu a { padding:8px 4px; }
      .hamburger { display:grid; place-items:center; }
      .nav-actions .btn-primary { display:none; }
      .hero-grid { grid-template-columns:1fr; }
      .visit-card { max-width:620px; }
      .strip-grid { grid-template-columns:repeat(2,1fr); }
      .animals-grid { grid-template-columns:repeat(2,1fr); }
      .footer-grid { grid-template-columns:1fr 1fr; }
    }

    @media (max-width: 760px) {
      .topbar-inner { min-height:42px; }
      .quick-info span:nth-child(2) { display:none; }
      .brand { min-width:0; }
      .brand-text small { display:none; }
      .brand-logo { width:104px; height:56px; }
      .nav { min-height:68px; }
      .lang-switch button { width:34px; height:30px; }
      .hero { min-height:auto; }
      .hero::before { background:linear-gradient(180deg,rgba(6,31,22,.85),rgba(7,41,28,.95)), url('https://plaiulcucului.ro/wp-content/uploads/2024/10/460989670_508632948574056_8395840108963654082_n.jpg') center/cover no-repeat; }
      .hero-grid { padding:72px 0 85px; gap:30px; }
      .hero h1 { font-size:clamp(48px,15vw,74px); }
      section { padding:70px 0; }
      .section-head { display:block; }
      .section-head p { margin-top:14px; }
      .strip-grid, .experience-grid, .story-grid, .family-grid, .visit-grid { grid-template-columns:1fr; }
      .animals-grid { grid-template-columns:1fr 1fr; }
      .gallery-grid { grid-template-columns:1fr 1fr; grid-auto-rows:190px; }
      .gallery-item:first-child { grid-row:span 2; grid-column:span 2; min-height:320px; }
      .cta { padding:30px; display:block; }
      .cta .btn { margin-top:22px; }
      .footer-grid { grid-template-columns:1fr; }
      .copyright { display:block; }
      .cookie-banner { align-items:stretch; flex-direction:column; }
      .cookie-actions { width:100%; }
      .cookie-actions button { flex:1; }
    }

    @media (max-width: 520px) {
      .container { width:min(var(--max), calc(100% - 24px)); }
      .topbar .container { width:calc(100% - 24px); }
      .quick-info { gap:10px; font-size:11px; }
      .brand-text strong { font-size:14px; }
      .animals-grid { grid-template-columns:1fr; }
      .gallery-grid { grid-template-columns:1fr; }
      .gallery-item:first-child { grid-column:auto; grid-row:auto; min-height:260px; }
      .gallery-item { min-height:220px; }
      .hero-actions .btn { width:100%; }
      .visit-card { padding:20px; }
    }