/* ==========================================================
   Jullius – static sketch
   Base = clone of the live jullius.com (Impreza theme) styles
   ========================================================== */
@font-face { font-family: "doar"; src: url("../fonts/doar.woff") format("woff"); font-weight: 100 900; font-display: swap; }

:root {
  --turq: #B2D9D6;
  --ink: #1A1A1A;
  --alt: #F5F5F5;
  --border: #999999;
  --content: 1100px;
  --pad-inline: 40px;
}

* { box-sizing: border-box; }
html { direction: rtl; scroll-behavior: smooth; }
body {
  margin: 0; background: #fff; color: #000;
  font-family: Heebo, sans-serif; font-size: 16px; line-height: 25px;
  -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
p { margin: 0 0 14.4px; }
p:last-child { margin-bottom: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; font-family: doar, sans-serif; font-weight: 300; color: var(--ink); }
button, input, select, textarea { font: inherit; }

.wrap { max-width: var(--content); margin: 0 auto; }
.l-section { padding: 32px var(--pad-inline); }
.l-section.alt { background: var(--alt); }

/* ---------- Header (fixed, torn turquoise paper) ---------- */
.l-header {
  position: fixed; inset: 0 0 auto 0; z-index: 100; height: 140px;
  background: url("../img/header-jullius-blue.png") 0 0 / 100% 100% no-repeat;
  padding: 0 var(--pad-inline);
  pointer-events: none;
}
.l-header .bar {
  height: 90px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center;
  max-width: var(--content); margin: 0 auto; pointer-events: auto;
}
.l-header .logo img { width: 274px; height: auto; }
.l-header .cell-start { justify-self: start; position: relative; }
.l-header .cell-end { justify-self: end; display: flex; align-items: center; gap: 22px; color: var(--ink); }
.l-header .lang { font-size: 16px; }
.l-header .cart { display: inline-flex; width: 28px; height: 28px; }
.burger { width: 33px; height: 20px; background: none; border: 0; padding: 0; cursor: pointer; position: relative; }
.burger span, .burger::before, .burger::after {
  content: ""; position: absolute; right: 4px; left: 4px; height: 2px; background: var(--ink); transition: transform .3s, opacity .3s;
}
.burger::before { top: 3px; } .burger span { top: 9px; } .burger::after { top: 15px; }
.nav-open .burger::before { transform: translateY(6px) rotate(45deg); }
.nav-open .burger span { opacity: 0; }
.nav-open .burger::after { transform: translateY(-6px) rotate(-45deg); }

.w-nav-list {
  position: absolute; top: 55px; right: -12px; width: 275px;
  list-style: none; margin: 0; padding: 0 50px 0 0;
  background: rgba(255,255,255,.95); border-radius: 15px; box-shadow: 0 3px 3px rgba(0,0,0,.1);
  font-family: doar, sans-serif; font-weight: 600; font-size: 14px; line-height: 22.4px; color: var(--ink);
  opacity: 0; visibility: hidden; transform: translateY(-6px); transition: .25s;
}
.nav-open .w-nav-list, .cell-start:hover .w-nav-list { opacity: 1; visibility: visible; transform: none; }
.w-nav-list a { display: block; padding: 11.2px 0; }
.w-nav-list a:hover, .w-nav-list a.current { text-decoration: underline; text-underline-offset: 4px; }
.w-nav-list .is-new a::after {
  content: "חדש"; font-family: Heebo, sans-serif; font-weight: 500; font-size: 10px; line-height: 1;
  background: var(--turq); padding: 3px 6px; margin-inline-start: 8px; vertical-align: 2px;
}
.w-nav-list .sub { list-style: none; margin: -6px 0 6px; padding: 0 14px 0 0; font-weight: 400; font-size: 13px; }
.w-nav-list .sub a { padding: 4px 0; }

/* ---------- Buttons ---------- */
.w-btn {
  display: inline-block; background: var(--turq); color: #000; border: 0; cursor: pointer;
  font-family: Heebo, sans-serif; font-size: 18px; font-weight: 600; line-height: 21.6px;
  padding: 16.2px 14.4px; transition: background .3s, color .3s;
}
.w-btn:hover { background: #000; color: #fff; }
.w-btn.small { font-size: 14px; font-weight: 500; padding: 12.6px 16px; line-height: 16.8px; }
.w-btn.dark { background: #000; color: #fff; }
.w-btn.dark:hover { background: var(--turq); color: #000; }

/* ---------- Home hero (clone) ---------- */
.hero-home {
  position: relative; padding: 172px var(--pad-inline) 32px;
  background: url("../img/new-bg2.jpg") center / cover fixed;
}
.hero-home .row1 { display: grid; grid-template-columns: 2fr 1fr 1fr; align-items: center; }
.hero-home .bunny { padding: 0 24px; }
.hero-home .bunny img { width: 454px; margin-inline-start: auto; }
.hero-home .quote { padding: 0 24px; text-align: start; }
.hero-home .quote p { font-family: doar, sans-serif; font-size: 23px; line-height: 29.9px; color: #fff; margin-bottom: 4.8px; }
.hero-home .quote .btn-wrap { text-align: center; margin: 4.8px 0; }
.hero-home .row2 { margin-top: 96px; }

.dark-box { background: rgba(0,0,0,.4); padding: 55px; color: #fff; letter-spacing: .5px; }
.dark-box h5 { font-size: 20.8px; line-height: 24.96px; color: #fff; margin-bottom: 30px; }
.dark-box h5 + p { margin-top: 0; }
.dark-box h5.mt { padding-top: 24px; margin-bottom: 24px; }
.dark-box ul { margin: 0 0 14.4px; padding-inline-start: 40px; }
.dark-box li { margin-bottom: 8px; }
.collapsible .inner { overflow: hidden; max-height: 200px; -webkit-mask-image: linear-gradient(#000 60%, transparent); mask-image: linear-gradient(#000 60%, transparent); }
.collapsible.open .inner { max-height: none; -webkit-mask-image: none; mask-image: none; }
.collapsible .toggle { padding-top: 8px; }
.collapsible .toggle button { background: none; border: 0; border-bottom: 1px dotted currentColor; padding: 0; cursor: pointer; color: #000; }

/* ---------- Product categories grid (clone) ---------- */
.section-title { font-family: doar, sans-serif; font-size: 25px; line-height: 25px; text-align: center; margin: 0 0 12.8px; color: #000; font-weight: 400; }
.cat-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 48px; }
.cat-grid a { display: block; text-align: center; }
.cat-grid img { width: 100%; aspect-ratio: 1; object-fit: contain; mix-blend-mode: multiply; }
.cat-grid h4 { font-size: 14.4px; line-height: 23.04px; letter-spacing: .144px; margin-top: 16px; }

/* ---------- Footer (clone) ---------- */
.l-footer { background: #fff; }
.l-footer .main { padding: 32px var(--pad-inline); }
.l-footer .cols { display: grid; grid-template-columns: 4fr 4fr 2fr 2fr; margin-top: 30px; align-items: start; }
.l-footer .info { font-size: 12px; line-height: 25px; padding: 0 24px; }
.l-footer .info p { margin: 0 0 14.4px; }
.l-footer .motto { padding: 45px 24px 0; }
.l-footer .motto div {
  font-family: "Playfair Display", serif; font-size: 18px; text-align: center; direction: ltr;
  border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); padding: 6.7px 0;
}
.l-footer .seal { padding: 15px 24px 0; }
.l-footer .seal img { width: 100px; height: 100px; }
.l-footer .bottom { background: var(--alt); padding: 0 var(--pad-inline); text-align: center; font-size: 13px; height: 50px; display: flex; align-items: center; justify-content: center; }
.l-footer .bottom .heart { color: #e0245e; }

/* ---------- Breadcrumbs (inner pages) ---------- */
.crumbs { font-family: doar, sans-serif; font-size: 12px; line-height: 17px; padding: 172px var(--pad-inline) 0; }
.crumbs a:hover { text-decoration: underline; }
.crumbs .sep { margin: 0 6px; }

/* ==========================================================
   NEW: Visitor center ("המרתף של יוליוס")
   ========================================================== */
.vc-hero {
  position: relative; min-height: 720px; overflow: hidden; color: #fff;
  display: flex; align-items: flex-end; padding: 172px var(--pad-inline) 64px;
  background: #111;
}
.vc-hero .loop { position: absolute; inset: 0; }
.vc-hero .loop img {
  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
  animation: kenBurns 24s ease-in-out infinite alternate; transform-origin: 60% 40%;
}
@keyframes kenBurns {
  from { transform: scale(1.02) translate(0, 0); }
  to { transform: scale(1.14) translate(-2%, 1.5%); }
}
.vc-hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,.72), rgba(0,0,0,.1) 55%, rgba(0,0,0,.25)); }
.vc-hero .wrap { position: relative; z-index: 1; width: 100%; }
.vc-hero .kicker { font-family: "Playfair Display", serif; font-style: italic; font-size: 18px; color: var(--turq); direction: ltr; text-align: right; }
.vc-hero h1 { font-size: 64px; line-height: 1.05; color: #fff; font-weight: 400; margin: 6px 0 18px; }
.vc-hero .lead { font-size: 18px; line-height: 29px; max-width: 640px; letter-spacing: .3px; margin-bottom: 26px; }
.vc-hero .video-tag {
  position: absolute; left: var(--pad-inline); bottom: 24px; z-index: 1;
  font-size: 12px; letter-spacing: 1px; color: rgba(255,255,255,.75); display: flex; align-items: center; gap: 8px;
}
.vc-hero .video-tag::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #E4594C; animation: blink 1.4s infinite; }
@keyframes blink { 50% { opacity: .2; } }
.vc-hero .ctas { display: flex; gap: 12px; flex-wrap: wrap; }
.w-btn.ghost { background: transparent; color: #fff; box-shadow: inset 0 0 0 1px rgba(255,255,255,.7); }
.w-btn.ghost:hover { background: #fff; color: #000; }

/* sub navigation of the visitor center */
.vc-subnav { position: sticky; top: 90px; z-index: 50; background: #fff; border-bottom: 1px solid #e8e8e8; }
.vc-subnav .wrap { display: flex; gap: 34px; justify-content: center; padding: 0 var(--pad-inline); overflow-x: auto; }
.vc-subnav a { font-family: doar, sans-serif; font-size: 15px; padding: 16px 0 14px; border-bottom: 2px solid transparent; white-space: nowrap; }
.vc-subnav a:hover, .vc-subnav a.current { border-color: #000; }

.vc-intro { display: grid; grid-template-columns: 1.1fr 1fr; gap: 64px; align-items: center; padding: 80px var(--pad-inline); }
.vc-intro h2 { font-size: 36px; line-height: 1.15; margin-bottom: 20px; font-weight: 400; }
.vc-intro p { letter-spacing: .3px; }
.vc-intro .mosaic { display: grid; grid-template-columns: 1.4fr 1fr; grid-template-rows: 1fr 1fr; gap: 10px; height: 460px; }
.vc-intro .mosaic img { width: 100%; height: 100%; object-fit: cover; }
.vc-intro .mosaic img:first-child { grid-row: span 2; }

.eyebrow { font-family: "Playfair Display", serif; font-style: italic; font-size: 16px; color: #8a8a8a; display: block; margin-bottom: 6px; }
.block-title { text-align: center; margin-bottom: 40px; }
.block-title h2 { font-size: 34px; line-height: 1.15; font-weight: 400; }
.block-title p { max-width: 620px; margin: 10px auto 0; color: #333; }

/* experience cards */
.exp-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.exp-card { background: #fff; display: flex; flex-direction: column; transition: transform .3s, box-shadow .3s; }
.exp-card:hover { transform: translateY(-4px); box-shadow: 0 12px 30px rgba(0,0,0,.08); }
.exp-card .ph { aspect-ratio: 4/5; overflow: hidden; background: #ddd; position: relative; }
.exp-card .ph img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s; }
.exp-card:hover .ph img { transform: scale(1.05); }
.exp-card .price-tag { position: absolute; top: 14px; right: 14px; background: var(--turq); font-weight: 600; font-size: 14px; padding: 4px 10px; }
.exp-card .body { padding: 20px 20px 22px; display: flex; flex-direction: column; flex: 1; }
.exp-card .name { font-size: 13px; color: #777; letter-spacing: .5px; }
.exp-card h3 { font-size: 22px; line-height: 1.2; margin: 4px 0 12px; font-weight: 400; }
.exp-card .facts { list-style: none; margin: 0 0 18px; padding: 0; font-size: 14px; line-height: 22px; color: #333; }
.exp-card .facts li { display: flex; gap: 8px; }
.exp-card .facts li::before { content: "·"; font-weight: 700; }
.exp-card .more { margin-top: auto; font-size: 14px; font-weight: 600; border-bottom: 1px dotted #000; align-self: flex-start; }

/* B2B band */
.b2b-band { position: relative; color: #fff; padding: 110px var(--pad-inline); background: url("../img/vc-bar.jpg") center 70% / cover; }
.b2b-band::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.55); }
.b2b-band .wrap { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.b2b-band h2 { color: #fff; font-size: 44px; line-height: 1.1; font-weight: 400; }
.b2b-band h2 small { display: block; font-size: 22px; color: var(--turq); margin-top: 6px; }

/* ---------- Experience page ---------- */
.exp-hero { display: grid; grid-template-columns: 1fr 1fr; gap: 0; min-height: 560px; margin-top: 24px; }
.exp-hero .media { position: relative; overflow: hidden; background: #111; }
.exp-hero .media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.exp-hero .text { background: var(--alt); padding: 64px 56px; display: flex; flex-direction: column; justify-content: center; }
.exp-hero .name { font-size: 14px; letter-spacing: 1px; color: #666; }
.exp-hero h1 { font-size: 46px; line-height: 1.08; margin: 8px 0 22px; font-weight: 400; }
.spec-row { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 28px 0; }
.spec-row > div { padding: 16px 12px; border-inline-start: 1px solid #ccc; }
.spec-row > div:first-child { border-inline-start: 0; padding-inline-start: 0; }
.spec-row .k { font-size: 12px; color: #777; display: block; }
.spec-row .v { font-family: doar, sans-serif; font-size: 17px; line-height: 1.3; display: block; margin-top: 2px; }
.exp-body { display: grid; grid-template-columns: 1.3fr 1fr; gap: 64px; padding: 72px var(--pad-inline); align-items: start; }
.exp-body .desc p { font-size: 17px; line-height: 29px; letter-spacing: .2px; }
.gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 30px; }
.gallery figure { margin: 0; aspect-ratio: 1; overflow: hidden; background: #ddd; position: relative; }
.gallery img { width: 100%; height: 100%; object-fit: cover; }
.gallery figcaption { position: absolute; inset: auto 0 0 0; font-size: 11px; line-height: 15px; color: #fff; background: linear-gradient(transparent, rgba(0,0,0,.7)); padding: 18px 8px 6px; }

/* booking form */
.book-card { background: #fff; border: 1px solid #e3e3e3; padding: 32px; position: sticky; top: 160px; }
.book-card h3 { font-size: 24px; margin-bottom: 6px; font-weight: 400; }
.book-card .note { font-size: 13px; color: #666; margin-bottom: 18px; line-height: 20px; }
.field { margin-bottom: 14px; }
.field label { display: block; font-weight: 700; font-size: 15px; margin-bottom: 6px; }
.field label .req { color: #E4594C; }
.field input, .field select, .field textarea {
  width: 100%; height: 45px; background: var(--alt); border: 0; padding: 0 12.8px; color: #333; font-size: 16px; border-radius: 0;
}
.field textarea { height: 120px; padding: 11.2px 12.8px; resize: vertical; }
.field input:focus, .field select:focus, .field textarea:focus { outline: 2px solid var(--turq); }
.qty { display: flex; align-items: stretch; height: 45px; }
.qty button { width: 45px; border: 0; background: #e8e8e8; cursor: pointer; font-size: 20px; }
.qty input { text-align: center; }
.date-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.date-grid label { margin: 0; font-weight: 400; cursor: pointer; }
.date-grid input { position: absolute; opacity: 0; width: 0; height: 0; }
.date-grid span { display: block; text-align: center; background: var(--alt); padding: 8px 4px; font-size: 13px; line-height: 17px; border: 1px solid transparent; }
.date-grid span b { display: block; font-family: doar, sans-serif; font-weight: 400; font-size: 16px; }
.date-grid input:checked + span { background: var(--turq); border-color: #000; }
.date-grid .full span { opacity: .4; text-decoration: line-through; cursor: not-allowed; }
.captcha { display: flex; align-items: center; gap: 12px; border: 1px solid #d3d3d3; background: #f9f9f9; padding: 12px 14px; font-size: 14px; margin: 6px 0 16px; }
.captcha input { width: 22px; height: 22px; }
.captcha small { margin-inline-start: auto; font-size: 10px; color: #888; text-align: center; line-height: 12px; }
.total { display: flex; justify-content: space-between; font-size: 15px; padding: 12px 0; border-top: 1px solid #e3e3e3; margin-bottom: 14px; }
.total b { font-family: doar, sans-serif; font-weight: 400; font-size: 20px; }
.form-ok { display: none; text-align: center; padding: 20px 0 6px; }
.form-ok .tick { width: 56px; height: 56px; border-radius: 50%; background: var(--turq); margin: 0 auto 14px; display: grid; place-items: center; font-size: 26px; }
.form-ok h4 { font-size: 22px; margin-bottom: 8px; }
.sent .form-fields { display: none; }
.sent .form-ok { display: block; }
.err { color: #E4594C; font-size: 13px; display: none; }
.show-err .err { display: block; }

/* FAQ */
.faq { max-width: 820px; margin: 0 auto; }
.faq details { border-bottom: 1px solid #ddd; }
.faq summary { list-style: none; cursor: pointer; padding: 20px 0; font-family: doar, sans-serif; font-size: 18px; display: flex; justify-content: space-between; gap: 20px; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: "+"; font-family: Heebo, sans-serif; font-size: 24px; line-height: 1; transition: transform .3s; }
.faq details[open] summary::after { transform: rotate(45deg); }
.faq details p { padding: 0 0 20px; color: #333; margin: 0; }
.faq-cat { font-family: doar, sans-serif; font-size: 22px; margin: 40px 0 6px; font-weight: 400; }

/* Stories */
.stories { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.story { background: #fff; padding: 30px 28px; position: relative; }
.story::before { content: "”"; font-family: "Playfair Display", serif; font-size: 72px; line-height: 1; color: var(--turq); position: absolute; top: 10px; left: 22px; }
.story p { font-size: 15px; line-height: 25px; margin-bottom: 18px; }
.story .who { font-family: doar, sans-serif; font-size: 15px; }
.story .when { font-size: 12px; color: #888; }

/* more experiences strip */
.more-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.more-grid a { position: relative; aspect-ratio: 16/10; overflow: hidden; display: block; color: #fff; background: #222; }
.more-grid img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s; opacity: .8; }
.more-grid a:hover img { transform: scale(1.05); }
.more-grid .t { position: absolute; inset: auto 0 0 0; padding: 18px 20px; background: linear-gradient(transparent, rgba(0,0,0,.75)); }
.more-grid .t b { display: block; font-family: doar, sans-serif; font-weight: 400; font-size: 20px; }
.more-grid .t span { font-size: 13px; }

/* ---------- Events (B2B) ---------- */
.ev-hero { position: relative; min-height: 640px; color: #fff; display: flex; align-items: center; padding: 172px var(--pad-inline) 80px; background: url("../img/vc-bar.jpg") center / cover; }
.ev-hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,.2), rgba(0,0,0,.75)); }
.ev-hero .wrap { position: relative; width: 100%; }
.ev-hero .box { max-width: 560px; }
.ev-hero h1 { color: #fff; font-size: 70px; line-height: 1; font-weight: 400; }
.ev-hero h1 small { display: block; font-size: 30px; color: var(--turq); margin-top: 10px; }
.ev-hero p { font-size: 17px; line-height: 28px; margin: 22px 0 28px; letter-spacing: .3px; }
.badges { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: #ddd; border: 1px solid #ddd; }
.badges > div { background: #fff; padding: 30px 26px; display: flex; gap: 16px; align-items: flex-start; }
.badges .ic { flex: 0 0 50px; width: 50px; height: 50px; border-radius: 50%; background: #000; color: #fff; display: grid; place-items: center; }
.badges .ic svg { width: 22px; height: 22px; }
.badges b { font-family: doar, sans-serif; font-weight: 400; font-size: 18px; display: block; line-height: 1.3; margin-top: 4px; }
.place { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }
.place .pics { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.place .pics img { width: 100%; aspect-ratio: 1; object-fit: cover; }
.place .pics img:first-child { grid-column: span 2; aspect-ratio: 16/9; }
.place h2 { font-size: 34px; font-weight: 400; margin-bottom: 16px; }
.chips { display: flex; gap: 10px; flex-wrap: wrap; margin: 20px 0 28px; }
.chips a { border: 1px solid #000; padding: 8px 16px; font-size: 14px; transition: .3s; }
.chips a:hover { background: var(--turq); border-color: var(--turq); }
.ev-form { display: grid; grid-template-columns: 1fr 1.2fr; gap: 64px; align-items: start; }
.ev-form .grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; }

/* ---------- Contact ---------- */
.contact-cols { display: grid; grid-template-columns: 1fr 1.4fr; gap: 64px; align-items: start; }
.contact-list { list-style: none; padding: 0; margin: 0; }
.contact-list li { display: flex; align-items: center; gap: 16px; margin-bottom: 22px; font-size: 15px; }
.contact-list .ic { flex: 0 0 50px; width: 50px; height: 50px; border-radius: 50%; background: #000; color: #fff; display: grid; place-items: center; }
.contact-list .ic svg { width: 20px; height: 20px; }
.contact-person { background: var(--alt); padding: 28px; display: flex; gap: 20px; align-items: center; margin-bottom: 30px; }
.contact-person img { width: 92px; height: 92px; border-radius: 50%; object-fit: cover; }
.contact-person b { font-family: doar, sans-serif; font-weight: 400; font-size: 22px; display: block; }
.contact-person span { font-size: 14px; color: #555; }

/* home teaser for the new area */
.vc-teaser { display: grid; grid-template-columns: 1fr 1fr; min-height: 420px; background: #111; color: #fff; }
.vc-teaser .ph { background: url("../img/vc-bar.jpg") center / cover; }
.vc-teaser .tx { padding: 60px 64px; display: flex; flex-direction: column; justify-content: center; }
.vc-teaser h2 { color: #fff; font-size: 40px; font-weight: 400; line-height: 1.1; margin: 4px 0 16px; }
.vc-teaser .eyebrow { color: var(--turq); }
.vc-teaser p { color: #ddd; max-width: 460px; margin-bottom: 26px; }
.vc-teaser .w-btn { align-self: flex-start; }

.sketch-note { position: fixed; bottom: 14px; left: 14px; z-index: 200; background: #000; color: #fff; font-size: 12px; padding: 6px 12px; opacity: .75; }

/* ---------- Responsive ---------- */
@media (max-width: 1024px) {
  .exp-grid { grid-template-columns: repeat(2, 1fr); }
  .stories, .more-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 767px) {
  :root { --pad-inline: 16px; }
  .l-header { height: 105px; }
  .l-header .bar { height: 70px; }
  .l-header .logo img { width: 170px; }
  .l-header .lang { display: none; }
  .w-nav-list { right: -6px; }
  .hero-home { padding-top: 120px; background-attachment: scroll; }
  .hero-home .row1 { grid-template-columns: 1fr; }
  .hero-home .bunny img { width: 70%; margin: 0 auto; }
  .hero-home .quote { order: -1; text-align: center; }
  .hero-home .row2 { margin-top: 32px; padding: 0; }
  .dark-box { padding: 28px 22px; }
  .cat-grid { grid-template-columns: repeat(2, 1fr); gap: 24px; }
  .l-footer .cols { grid-template-columns: 1fr; text-align: center; }
  .l-footer .info { text-align: center; }
  .l-footer .seal img { margin: 0 auto; }
  .crumbs { padding-top: 120px; }
  .vc-hero { min-height: 600px; padding-top: 130px; }
  .vc-hero h1 { font-size: 42px; }
  .vc-hero .video-tag { display: none; }
  .vc-subnav { top: 70px; }
  .vc-subnav .wrap { justify-content: flex-start; gap: 22px; }
  .vc-intro, .exp-body, .place, .ev-form, .contact-cols, .b2b-band .wrap, .vc-teaser { grid-template-columns: 1fr; gap: 32px; }
  .vc-intro { padding: 48px var(--pad-inline); }
  .vc-intro h2, .block-title h2, .place h2 { font-size: 28px; }
  .vc-intro .mosaic { height: 300px; }
  .exp-grid, .stories, .more-grid { grid-template-columns: 1fr; }
  .exp-hero { grid-template-columns: 1fr; }
  .exp-hero .media { min-height: 300px; }
  .exp-hero .text { padding: 36px 20px; }
  .exp-hero h1 { font-size: 34px; }
  .spec-row { grid-template-columns: 1fr 1fr; }
  .spec-row > div:nth-child(3) { border-inline-start: 0; padding-inline-start: 0; border-top: 1px solid #ccc; }
  .spec-row > div:nth-child(4) { border-top: 1px solid #ccc; }
  .exp-body { padding: 40px var(--pad-inline); }
  .book-card { position: static; padding: 22px 18px; }
  .gallery { grid-template-columns: 1fr 1fr; }
  .b2b-band { padding: 60px var(--pad-inline); }
  .b2b-band h2, .ev-hero h1 { font-size: 42px; }
  .ev-hero { min-height: 560px; padding-top: 130px; }
  .badges { grid-template-columns: 1fr; }
  .ev-form .grid2 { grid-template-columns: 1fr; }
  .vc-teaser .ph { min-height: 260px; }
  .vc-teaser .tx { padding: 36px 20px; }
}