/*!
Theme Name: oribsn
Author: Ori Ben-Simon
Author URI: oribsn.dev
Description: Custom theme for Katzrin Village
Version: 1.0.0
Text Domain: oribsn
*/

/* ==========================================================================
   FONTS
   ========================================================================== */
@font-face {
    font-family: 'abraham';
    src: url('assets/fonts/AbrahamRegular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'abraham';
    src: url('assets/fonts/AbrahamBold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'gipsy';
    src: url('assets/fonts/fbgipsy-boldwebfont.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* ==========================================================================
   RESET & VARIABLES
   ========================================================================== */
*, *::before, *::after { box-sizing: border-box; outline: none; }
body, h1, h2, h3, h4, p, ul, ol, figure, blockquote, dl, dd { margin: 0; padding: 0; }
ul, ol { list-style: none; }
a { color: inherit; text-decoration: none; }
img, svg, picture, video { max-width: 100%; height: auto; display: block; }
button, input, select, textarea { font: inherit; background: transparent; border: 0; padding: 0; color: inherit; }
button { cursor: pointer; }

/* מניעת גלילה אופקית (Horizontal Scroll) ברמת הדפדפן */
html, body {
    width: 100%;
    max-width: 100vw;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
}

/* חיתוך אלמנטים שחורגים לצדדים (כמו הכתמים) מבלי לשבור Sticky ומבלי לחתוך למעלה/למטה */
.site-wrapper {
    width: 100%;
    position: relative;
    overflow-x: clip; /* clip חותך רק בציר האופקי ולא שובר Sticky */
}

:root {
    /* Colors */
    --c-white: #FFFFFF;
    --c-black: #000000;
    --c-blue-dark: #19385E;
    --c-blue-light: #ABCBED;
    --c-green-dark: #203F33;
    --c-green-light: #5FD59A;
    --c-lava-dark: #383432;
    --c-lava-light: #CAC2AF;
    --c-orange: #EA5818;
    --c-purple-dark: #422B82;
    --c-purple-light: #C2A4FF;
    --c-yellow: #FEC516;
    --c-stone: #675F5B;
    --c-cream: #E8E5DE;
    
    /* Typography */
    --ff-body: 'abraham', sans-serif;
    --ff-headings: 'gipsy', sans-serif;

    /* Layout (1440px logic) */
    --max-w: 1440px;
    --gutter: 1.388vw;      /* 20px @ 1440px */
    --gutter-wide: 3.888vw; /* 56px @ 1440px */
    --header-h: 5vw;        /* ~72px @ 1440px */

    /* Z-index */
    --z-header: 100;
    --z-dropdown: 110;
    --z-overlay: 200;

    /* Transitions */
    --t-fast: 0.2s ease-in-out;
    --t-base: 0.3s ease-in-out;
}

/* ==========================================================================
   RESPONSIVE TYPOGRAPHY LOCKS
   Base: 1rem = 18px @ 1440px
   ========================================================================== */
html { font-size: clamp(15px, 1.25vw, 18px); }
@media (min-width: 1700px) { html { font-size: clamp(18px, 1.117vw, 19px); } }
@media (min-width: 1920px) { html { font-size: clamp(19px, 1vw, 20px); } }
@media (min-width: 2560px) { html { font-size: clamp(20px, 0.82vw, 22px); } }
@media (min-width: 5120px) { html { font-size: clamp(22px, 0.45vw, 24px); } }
@media (max-width: 768px)  { html { font-size: 16px; } }


/* ==========================================================================
   SVG MASKS MECHANISM
   ========================================================================== */
[data-mask] {
    -webkit-mask-size: contain; mask-size: contain;
    -webkit-mask-position: center; mask-position: center;
    -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
    overflow: hidden; 
}

/* Mappings */
[data-mask="blob-1"] { -webkit-mask-image: url('assets/img/blob-1.svg'); mask-image: url('assets/img/blob-1.svg'); }
[data-mask="mask-1"] { -webkit-mask-image: url('assets/img/mask-1.svg'); mask-image: url('assets/img/mask-1.svg'); }
[data-mask="mask-2"] { -webkit-mask-image: url('assets/img/mask-2.svg'); mask-image: url('assets/img/mask-2.svg'); }
[data-mask="mask-3"] { -webkit-mask-image: url('assets/img/mask-3.svg'); mask-image: url('assets/img/mask-3.svg'); }
[data-mask="mask-4"] { -webkit-mask-image: url('assets/img/mask-4.svg'); mask-image: url('assets/img/mask-4.svg'); }
[data-mask="mask-5"] { -webkit-mask-image: url('assets/img/mask-5.svg'); mask-image: url('assets/img/mask-5.svg'); }
[data-mask="mask-6"] { -webkit-mask-image: url('assets/img/mask-6.svg'); mask-image: url('assets/img/mask-6.svg'); }
[data-mask="mask-7"] { -webkit-mask-image: url('assets/img/mask-7.svg'); mask-image: url('assets/img/mask-7.svg'); }
[data-mask="mask-8"] { -webkit-mask-image: url('assets/img/mask-8.svg'); mask-image: url('assets/img/mask-8.svg'); }
[data-mask="mask-9"] { -webkit-mask-image: url('assets/img/mask-9.svg'); mask-image: url('assets/img/mask-9.svg'); }
[data-mask="mask-10"] { -webkit-mask-image: url('assets/img/mask-10.svg'); mask-image: url('assets/img/mask-10.svg'); }
[data-mask="mask-11"] { -webkit-mask-image: url('assets/img/mask-11.svg'); mask-image: url('assets/img/mask-11.svg'); }
[data-mask="mask-12"] { -webkit-mask-image: url('assets/img/mask-12.svg'); mask-image: url('assets/img/mask-12.svg'); }
[data-mask="mask-13"] { -webkit-mask-image: url('assets/img/mask-13.svg'); mask-image: url('assets/img/mask-13.svg'); }
[data-mask="mask-14"] { -webkit-mask-image: url('assets/img/mask-14.svg'); mask-image: url('assets/img/mask-14.svg'); }
[data-mask="mask-15"] { -webkit-mask-image: url('assets/img/mask-15.svg'); mask-image: url('assets/img/mask-15.svg'); }


body {
    font-family: var(--ff-body);
    font-size: 1rem;
    line-height: 1.5;
    color: var(--c-lava-dark);
    background-color: var(--c-cream); /* Background defaults to cream/light */
    direction: rtl;
    text-align: right;
    -webkit-font-smoothing: antialiased;
    overflow-x: clip;
    width: 100%;
}

/* Core Layout Classes */
.wrap--wide {
    width: 100%;
    padding: 0 var(--gutter-wide);
}
.sr-only {
    position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
    overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}

/* ==========================================================================
   BUTTONS
   ========================================================================== */
.btn {
   white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.444rem;
    padding: 0.666rem 1.666rem;
    border-radius: 999px;
    font-family: var(--ff-body);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    transition: var(--t-base);
    text-align: center;
}
.btn--yellow {
    background-color: var(--c-yellow);
    color: var(--c-lava-dark);
}
.btn--yellow:hover {
    background-color: #ffffff;
}
.btn--purchase::after {
    content: '';
    width: 0.666rem;
    height: 0.666rem;
    background-image: url('assets/img/arrow-down.svg'); /* Need this SVG */
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: transform var(--t-fast);
}
.btn--purchase[aria-expanded="true"]::after {
    transform: rotate(180deg);
}

/* ==========================================================================
   HEADER
   ========================================================================== */
.header {
    position: fixed;
    top: 0; right: 0; left: 0;
    z-index: var(--z-header);
    height: var(--header-h);
    color: var(--c-lava-light);
    border-bottom: 1px solid var(--lava-light, #CAC2AF);
     background: rgba(56, 52, 50, 0.80);
     backdrop-filter: blur(6.400000095367432px);
}
.header__wrap {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header__right {
    display: flex;
    align-items: center;
    gap: 1.666vw;
}

/* Hamburger */
.bt_menu {
    position: relative;
    width: 1.666rem;
    height: 1.666rem;
    display: flex;
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 0.333rem;
}
.bt_menu span {
    display: block;
    width: 100%;
    height: 2px;
    background-color: var(--c-lava-light);
    border-radius: 1px;
    transition: var(--t-base);
}
body.mopen .bt_menu span:nth-child(1) { transform: translateY(0.45rem) rotate(45deg); }
body.mopen .bt_menu span:nth-child(2) { opacity: 0; }
body.mopen .bt_menu span:nth-child(3) { transform: translateY(-0.45rem) rotate(-45deg); }

/* Navigation */
.header__nav { display: block; }
.header__menu {
    display: flex;
    align-items: center;
    gap: 1.666vw;
}
.header__menu a {
    font-size: 0.888rem;
    font-weight: 400;
    transition: color var(--t-fast);
}
.header__menu a:hover,
.header__menu .current-menu-item > a {
    color: var(--c-yellow);
}

/* Language Switcher */
.lang-switcher {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.888rem;
    transition: color var(--t-fast);
}

.lang-switcher::after {
    content: '';
    position: relative;
    top: -0.07rem;
    width: 0.9rem;
    height: 0.9rem;
    
    /* הטריק: שימוש במסיכה (Mask) במקום בתמונת רקע */
    -webkit-mask-image: url('assets/img/icon-globe.svg');
    mask-image: url('assets/img/icon-globe.svg');
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    
    /* צבע הרקע נשאב מצבע הטקסט של האלמנט בכל רגע נתון */
    background-color: currentColor; 
}

.lang-switcher:hover { 
    color: var(--c-yellow); 
}

/* ==========================================================================
   HEADER PURCHASE DROPDOWN (STAGGERED & VARIABLE WIDTH)
   ========================================================================== */
.purchase-dd { position: relative; }

/* הפיכת הכפתור הראשי לחום כשהתפריט פתוח דרך JS */
.purchase-dd.is-hovered .btn--purchase {
    background-color: rgba(246, 246, 246, 0.2);
}

/* התפריט הנסתר - משמש רק כמעטפת גמישה */
.purchase-dd__menu {
    position: absolute;
    /* במקום top אנחנו משתמשים ב-padding כדי לייצר "גשר" שקוף לעכבר */
    top: 100%;
    padding-top: 0.4rem;
    right: 0;
    min-width: 0;
    background-color: transparent; 
    box-shadow: none; 
    display: flex;
    flex-direction: column;
    /* מיישר את הכפתורים לקצה הימני. מכיוון שהם max-content הם ייפתחו שמאלה לפי אורך הטקסט! */
    align-items: flex-start; 
    gap: 0.6rem;
    z-index: var(--z-dropdown);
    pointer-events: none; /* מונע לחיצות בטעות כשהוא סגור */
}

/* הפעלת אינטראקציה שהקלאס נוסף ע"י JS */
.purchase-dd.is-hovered .purchase-dd__menu {
    pointer-events: auto;
}

/* ==========================================================================
   האנימציה ההדרגתית (STAGGERED SLIDE DOWN)
   ========================================================================== */
/* מצב סגור לכל שורה */
.purchase-dd__menu li {
    opacity: 0;
    /* מתחילים קצת יותר גבוה ונסתרים */
    transform: translateY(-15px);
    transition: opacity 0.3s cubic-bezier(0.25, 1, 0.5, 1), transform 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}

/* מצב פתוח (כולם עולים לשקיפות מלאה ומיקום טבעי) */
.purchase-dd.is-hovered .purchase-dd__menu li {
    opacity: 1;
    transform: translateY(0);
}

/* השהייה עולה לכל כפתור ברשימה כדי ש"ייפלו" אחד אחרי השני בשרשרת */
.purchase-dd.is-hovered .purchase-dd__menu li:nth-child(1) { transition-delay: 0.05s; }
.purchase-dd.is-hovered .purchase-dd__menu li:nth-child(2) { transition-delay: 0.12s; }
.purchase-dd.is-hovered .purchase-dd__menu li:nth-child(3) { transition-delay: 0.19s; }
.purchase-dd.is-hovered .purchase-dd__menu li:nth-child(4) { transition-delay: 0.26s; }
.purchase-dd.is-hovered .purchase-dd__menu li:nth-child(5) { transition-delay: 0.33s; }

/* איפוס ההשהייה בסגירה, כדי שכולם ייעלמו מיד ביחד בלי להיתקע על המסך */
.purchase-dd__menu li { transition-delay: 0s; }

/* ==========================================================================
   עיצוב הכפתורים עצמם
   ========================================================================== */
.purchase-dd__menu a {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.2rem; /* מרווח יפה בין הטקסט לחץ */
    padding: 0.4rem 1rem;
    background-color: var(--c-yellow);
    color: var(--c-lava-dark);
    font-family: var(--ff-body);
    font-weight: 700;
    font-size: 1rem;
    border-radius: 999px;
    white-space: nowrap; 
    transition: background-color var(--t-fast), color var(--t-fast), transform var(--t-fast);
    box-shadow: 0 4px 15px rgba(0,0,0,0.15);
}

/* ריחוף על כל הכפתורים הפנימיים */
.purchase-dd__menu a:hover { 
    background-color: var(--c-lava-light); 
}

/* הוספת החץ באמצעות מסכה (נצבע אוטומטית לפי צבע הטקסט של הכפתור) */
.purchase-dd__menu a::after {
    content: '';
    display: block;
    width: 0.6rem;
    height: 0.6rem;
    -webkit-mask-image: url('assets/img/arrow-down.svg');
    mask-image: url('assets/img/arrow-down.svg');
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: currentColor;
    transform: rotate(90deg); /* פונה שמאלה ב-RTL */
}





/* Logo */
.header__logo {
    display: block;
    height: 2.777vw; /* ~40px @ 1440 */
}
.header__logo img {
    height: 100%;
    width: auto;
}


/* ==========================================================================
   FOOTER
   ========================================================================== */
.footer {
    position: relative;
    background-color: var(--c-lava-dark);
    color: var(--c-lava-light);
    
    /* מרווח עצום מלמעלה שיוצר את השטח הפנוי לאכלס את חצי הניוזלטר החופף */
    padding: 22vw 0 4vw; 
    font-size: 0.888rem;
    margin-top: 16vw;
    
    /* הוסר overflow: hidden כדי שהניוזלטר יוכל לפרוץ החוצה! */
}
.page-template-home .footer {
   margin-top: 0;
}

/* מעטפת נסתרת לחיתוך טקסט הרקע בלבד */
.footer__bg-container {
    position: absolute;
    inset: 0;
    overflow: hidden; /* חותך רק את הטקסט הענק ולא את הניוזלטר */
    pointer-events: none;
    z-index: 0;
}

.footer__bg-text {
    position: absolute;
    bottom: -5vw; 
    left: -5vw; 
    width: 35vw; 
    height: 100%; 
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: contain; 
}

.footer__wrap {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: flex-start; /* מצמיד הכל לימין (RTL) */
    align-items: flex-start;
    gap: 6vw; 
    margin-bottom: 6vw;
}
/* Menus & Lists */
.footer__menu {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}
.footer__col--medium .footer__menu {
   gap: 0.2rem;
}

.footer__menu a {
    transition: color var(--t-fast);
    text-decoration: none;
}

.footer__menu a:hover { color: var(--c-yellow); }

/* Large Menu (Right) */
.footer__col--large .footer__menu a {
    color: var(--c-lava-light, #CAC2AF);
    text-align: right;
    font-family: var(--ff-body); 
    font-size: 1.44444444rem; 
    font-weight: 400;
    font-style: normal;
    line-height: 156%; 
    display: flex;
    align-items: center;
    gap: 0.5rem; /* רווח בין האייקון לטקסט */
}

.footer__col--large .menu-icon {
    width: 2.16666667rem; /* גודל האייקונים, התאם במידת הצורך */
    height: auto;
    object-fit: contain;
}

/* המרווח הגדול מעל "רכישת כרטיסים" */
.footer__menu .has-top-gap {
    margin-top: 1.5rem; 
}

/* Medium Menu (Middle-Right) */
.footer__col--medium .footer__menu a {
    color: var(--c-lava-light, #CAC2AF);
    text-align: right;
    font-family: var(--ff-body);
    font-size: 18px; 
    font-weight: 400;
    font-style: normal; /* ביטול איטליק */
    line-height: 166%; 
}

/* תיקון צבע צהוב בריחוף (התגברות על ספציפיות ה-CSS) */
.footer__col--large .footer__menu a:hover,
.footer__col--medium .footer__menu a:hover,
.footer__menu a:hover {
    color: var(--c-yellow);
}

/* Contact & Hours Info Blocks */
.footer__info-block {
    display: flex;
    flex-direction: column;
}

.footer__info-block p {
    color: var(--c-lava-light, #CAC2AF);
    text-align: right;
    font-family: var(--ff-body);
    font-size: 18px; 
    font-weight: 400;
    font-style: normal; /* ביטול איטליק לחלוטין מכל הטקסטים */
    line-height: 136%; 
    margin: 0;
}

.footer__info-block p strong {
    font-weight: 700; /* הדגשה רק למילה "שעות פעילות" */
}

/* Social Icons (Pushed to the Left) */
.footer__social-wrapper {
    margin-right: auto; /* זה מה שדוחף אותם עד לקצה השמאלי של הפוטר */
}

.footer__social {
    display: flex;
    align-items: center;
    gap: 0.888rem;
}

.footer__social a {
    width: 3.5rem; /* גודל כפתור מלא כולל הרקע */
    height: 3.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url('assets/img/soc-bg.svg'); 
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: transform var(--t-fast), filter var(--t-fast);
}

.footer__social a img {
    width: 45%; /* גודל האייקון הספציפי בתוך הרקע החום */
    height: 45%;
    object-fit: contain;
    object-position: center center;
}

.footer__social a:hover { 
    transform: scale(1.05);
    filter: brightness(1.2); 
}

/* Bottom Bar (Credits Right, Logo Left) */
.footer__bottom {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-end; /* מיישר את הלוגו והטקסט לקו תחתון אחיד */
    justify-content: space-between; 
    padding-top: 0;
    border-top: none;
}

.footer__credits-wrap .credits {
    color: var(--c-lava-light);
    font-size: 0.888rem;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
}
.footer__contact a {
  transition: color var(--t-fast);
}
.footer__contact a:hover {
  color: var(--c-yellow);
}

.credits strong {
    font-weight: 700; /* הזכויות מודגשות */
}

.credits .sep {
    opacity: 0.8;
}

.credits span[dir="ltr"] {
    font-weight: 400; /* הטקסט באנגלית לא מודגש */
}

.credits a {
    color: var(--c-lava-light);
    font-weight: 400; /* הלינקים לא מודגשים */
    text-decoration: underline; /* קו תחתון */
    text-underline-offset: 4px; /* מרחיק קצת את הקו מהטקסט שייראה אלגנטי */
    text-decoration-thickness: 1px;
    transition: color var(--t-fast), text-decoration-color var(--t-fast);
}

.credits a:hover {
    color: var(--c-yellow);
    text-decoration-color: transparent; /* מעלים את הקו התחתון במעבר עכבר */
}

.footer__logo-wrap {
    display: block;
}

.footer__logo img {
    width: 14vw; 
    max-width: 220px; 
    height: auto;
    display: block;
}

/* ==========================================================================
   FOOTER NEWSLETTER (ABSOLUTE)
   ========================================================================== */
.site-newsletter {
    position: absolute;
    top: 0;
    left: 50%;
    /* הטריק למיקום: translate ממורכז, ו- Y קופץ בדיוק 50% מהגובה שלו למעלה */
    transform: translate(-50%, -50%); 
    width: 100%;
    z-index: 30;
    margin: 0; 
}

.newsletter-inner {
    position: relative;
    width: 100%;
    height: 22.38888889rem;
    padding: 5vw 4vw;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    
    /* מסיכת ה-SVG */
    -webkit-mask-image: url('assets/img/newsletter-mask.svg');
    mask-image: url('assets/img/newsletter-mask.svg');
    -webkit-mask-size: 100% 100%; 
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.newsletter__bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.newsletter__overlay {
    position: absolute;
    inset: 0;
    background-color: rgba(56, 52, 50, 0.7); 
    z-index: 1;
}

.newsletter__content {
    position: relative;
    z-index: 2;
    color: var(--c-lava-light);
    width: 100%;
    max-width: 880px;
}

.newsletter__title {
    font-family: var(--ff-headings);
    font-size: 3rem;
    margin-bottom: 0.5rem;
    color: var(--c-lava-light);
}

.newsletter__lead {
    font-size: 1.111rem;
    margin-bottom: 2rem;
}

/* Form Styles - תיקון גבהים לשדות מושלמים */
.newsletter__form-wrap {
    width: 100%;
}

.nl-form-row {
  position: relative;
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
    height: 2.77777778rem; /* גובה אחיד ומדויק לכפתור ולשדה הטקסט */
}

/* מוודא שהמעטפות של CF7 תופסות את כל הגובה ומתחלקות שווה */
.nl-form-row > .wpcf7-form-control-wrap {
    flex: 1;
    height: 100%;
    /* איפוס display פנימי למקרה ש-CF7 מוסיף SPAN נוסף */
    display: block; 
}
.nl-form-row .wpcf7-form-control-wrap .wpcf7-form-control-wrap {
     height: 100%;
     display: block;
     text-align: right;
}

.wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] {
  direction: rtl;
}

/* גובה מלא לכל סוגי השדות */
.nl-form-row input[type="text"],
.nl-form-row input[type="email"],
.nl-form-row input[type="submit"], 
.nl-form-row button {
    height: 100%;
    margin: 0;
    box-sizing: border-box; /* קריטי לשמירה על גובה אחיד עם גבולות */
}

/* עיצוב אחיד לשדות ההזנה (טקסט ואימייל) */
.nl-form-row input[type="text"],
.nl-form-row input[type="email"] {
    width: 100%;
    background-color: rgba(56, 52, 50, 0.7);
    border: 1px solid rgba(232, 229, 222, 0.4);
    border-radius: 0.55555556rem;
    padding: 0 1.5rem;
    color: var(--c-lava-light);
    font-family: var(--ff-body);
    transition: border-color var(--t-fast);
    font-size: 1.11111111rem;
}

/* עיצוב פלייסחולדר */
.nl-form-row input[type="text"]::placeholder,
.nl-form-row input[type="email"]::placeholder {
    color: rgba(232, 229, 222, 0.7);
}

/* פוקוס */
.nl-form-row input[type="text"]:focus,
.nl-form-row input[type="email"]:focus {
    border-color: var(--c-cream);
}

/* עיצוב כפתור השליחה */
.nl-form-row input[type="submit"],
.nl-form-row button {
   cursor: pointer;
    background-color: var(--c-lava-light);
    color: var(--c-lava-dark);
    padding: 0 3.5rem;
    border-radius: 999px;
    font-weight: 700;
    font-size: 1rem;
    font-family: var(--ff-headings);
    transition: var(--t-fast);
    width: 15%;
    border: none; /* למקרה שיש border דיפולטיבי */
}

.nl-form-row input[type="submit"]:hover,
.nl-form-row button:hover {
    background-color: var(--c-yellow);
}

.nl-form-consent {
    text-align: right;
    font-size: 1.11111111rem;
}

.nl-form-consent label {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
}

.nl-form-consent input[type="checkbox"] {
    width: 1rem;
    height: 1rem;
    accent-color: var(--c-yellow);
}
.newsletter__form-wrap .wpcf7-not-valid-tip {
  position: absolute;
  color: var(--c-lava-light);
  font-size: 0.8rem;
  padding-right: 0.4rem;
}

.wpcf7-list-item {
  margin: 0;
}

.newsletter__form-wrap .wpcf7-spinner {
    right: unset;
    left: 7.5%;
    transform: translate(-50%, -50%);
}


/* ==========================================================================
   NEWSLETTER CHECKBOX (HTML PREPARATION)
   ========================================================================== */

/* עטיפת הלייבל שמחזיקה את הצ'קבוקס והטקסט ביחד */
.newsletter-form__checkbox {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem; /* מרווח בין הריבוע לטקסט */
    color: var(--c-lava-light);
    font-size: 1.111rem;
    cursor: pointer;
    user-select: none;
}

/* מחיקת העיצוב של הדפדפן ועיצוב הצ'קבוקס עצמו מאפס */
.newsletter-form__checkbox input[type="checkbox"] {
    -webkit-appearance: none;
     appearance: none;
     width: 1.1rem;
     height: 1.1rem;
     margin: 0;
     background-color: rgba(56, 52, 50, 0.7);
     border: 1px solid var(--c-lava-light);
     border-radius: 0.27777778rem;
     outline: none;
     cursor: pointer;
     position: relative;
     flex-shrink: 0;
}
/* מצב לחוץ (מסומן) */
.newsletter-form__checkbox input[type="checkbox"]:checked {
    background-color: var(--c-lava-dark);
}

/* ציור ה"וי" ישירות בתוך האינפוט כשהוא מסומן */
.newsletter-form__checkbox input[type="checkbox"]:checked::after {
    content: "";
     position: absolute;
     left: 0.35rem;
     top: 0.1rem;
     width: 0.3rem;
     height: 0.6rem;
     border: solid var(--c-lava-light);
     border-width: 0 2px 2px 0;
     transform: rotate(45deg);
}

/* ==========================================================================
   PAGE WRAPPER
   ========================================================================== */
.site-wrapper {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
.site-main { flex-grow: 1; }



/* ==========================================================================
   BUTTON EXTENSIONS
   ========================================================================== */
.btn--lava {
    background-color: var(--c-lava-dark);
    color: var(--c-lava-light);
}
.btn--lava:hover {
    background-color: var(--c-yellow);
    color: var(--c-lava-dark);
}
.btn--outline {
    background-color: transparent;
    color: var(--c-lava-dark);
    border: 1px solid var(--c-lava-dark);
}
.btn--outline:hover {
    background-color: var(--c-lava-dark);
    color: var(--c-lava-light);
}



/* ==========================================================================
   HOME PAGE: HERO
   ========================================================================== */
.home-hero {
    /* Using specific background color from design, looks like a dark brown/red tint */
    background-color: #383432; /* Update this hex if different in your Figma */
    color: var(--c-lava-light);
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.home-hero__wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.home-hero__wrap {
   padding-left: 0;
}

.home-hero__content {
    width: 35%;
    will-change: transform, opacity;
}

.home-hero__title {
   font-family: 'gipsy';
   font-size: 5.33333333rem;
    line-height: 0.84;
    margin-bottom: 2.222rem;
    color: var(--c-lava-light);
}

.home-hero__lead {
    font-size: 1.44444444rem;
    max-width: 88%;
}

.home-hero__visual {
    width: 60%;
    display: flex;
    justify-content: flex-end;
    will-change: transform, opacity;
}

.home-hero__temp-img {
    max-width: 100%;
    height: auto;
}

/* ==========================================================================
   HOME PAGE: QUICK LINKS
   ========================================================================== */
.home-quick-links {
    background-color: #383432;
    padding-top: 4.166vw;
    padding-bottom: 6vw;
    position: relative;
    z-index: 10;
    will-change: transform;
}

.quick-links__header {
    border-bottom: 2px solid var(--c-lava-light);
    padding-bottom: 1.111vw;
    margin-bottom: 4.166vw;
    display: flex;
}

.quick-links__title {
    color: var(--c-lava-light);
    margin: 0;
}

.quick-links__grid {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 5vw;
}

.ql-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--c-lava-light);
    transition: color var(--t-fast);
    cursor: pointer;
}

.ql-item:hover {
    font-weight: 900;
}

/* הקונטיינר הראשי של כל פריט ויזואלי */
.ql-item__visual {
    width: 11.27777778rem; /* הגדלתי מעט כדי לתת מקום לאייקון הגדול בהתחלה */
    height: 13.27777778rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* האייקון - מתחיל גדול יותר */
.ql-item__icon {
    position: relative;
    z-index: 5;
    width: 6.5rem; /* גדול בהתחלה */
    height: 6.5rem;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    /* אנימציה אלגנטית להתכווצות */
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    transform-origin: center;
}

/* קונטיינר התמונות (עם המסיכה) */
.ql-item__seq {
    position: absolute;
    inset: 0;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    /* מתחיל נמוך יותר כדי שיוכל "לצוף" למעלה */
    transform: translateY(2.5rem);
    transition: opacity 0.6s ease, transform 0.6s cubic-bezier(0.25, 1, 0.5, 1), visibility 0.6s;
}

.ql-item__seq img {
    position: absolute;
    inset: 0;
    width: 100%; 
    height: 100%;
    object-fit: cover;
    opacity: 0;
    /* מעבר פייד רך אבל מהיר מספיק כדי להתאים לזמן ב-JS (ירד מ-0.8s ל-0.5s) */
    transition: opacity 0.5s ease-in-out; 
}

.ql-item__seq img.is-active {
    opacity: 1;
}

/* הטקסט התחתון */
.ql-item__label {
    text-align: center;
    /* מוכן לדחיפה למטה */
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    font-size: 1.44444444rem;
    margin-top: -1rem;
}

/* --- מצב הריחוף (Hover) הכולל --- */

.ql-item:hover .ql-item__seq {
    opacity: 1;
    visibility: visible;
    /* התמונה צפה למקומה הטבעי (Fade In Up) */
    transform: translateY(0);
}

.ql-item:hover .ql-item__icon {
    /* האייקון מתכווץ פנימה ומתמרכז על התמונה */
    transform: scale(0.7);
}

.ql-item:hover .ql-item__label {
    /* הטקסט נדחף למטה בעדינות */
    transform: translateY(1.5rem);
}


/* ==========================================================================
   HOME PAGE: VIDEO BANNER (YOUTUBE)
   ========================================================================== */
.home-video-banner {
    position: relative;
    width: 100%;
    height: 45vw; /* גובה הסקשן */
    min-height: 400px;
    overflow: hidden;
}

.video-bg-iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    
    /* טריק לשמירה על יחס 16:9 שתמיד מכסה את המסך (Cover) */
    width: 100vw;
    height: 56.25vw; /* 100 * (9 / 16) */
    
    /* מניעת שוליים שחורים במובייל כשהגובה המינימלי קבוע ל-400px */
    min-height: 400px;
    min-width: 711.11px; /* 400 * (16 / 9) */
    
    pointer-events: none; /* מונע כל אינטראקציה עם הוידאו (לחיצה/עצירה) */
}

/* שכבת מגן מעל הוידאו */
.home-video-banner__overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
    /* אפשר להוסיף כאן background שקוף למחצה אם רוצים להכהות את הוידאו */
    /* background: rgba(56, 52, 50, 0.1); */
}


/* ==========================================================================
   BUTTON EXTENSIONS (Gipsy variants based on Figma)
   ========================================================================== */
.btn--gipsy-outline,
.btn--gipsy-solid {
    display: inline-flex;
    padding: 0.833rem 1.277rem; /* 15px 23px */
    justify-content: center;
    align-items: center;
    gap: 0.555rem; /* 10px */
    font-family: var(--ff-headings); /* Fb Gipsy */
    font-size: 1rem; /* 18px */
    font-weight: 400;
    line-height: 1.13;
    border-radius: 999px; 
    transition: var(--t-base);
}

.btn--gipsy-outline {
    color: var(--c-lava-dark);
    border: 1px solid var(--c-lava-dark);
    background: transparent;
}

.btn--gipsy-outline:hover {
    background: var(--c-lava-dark);
    color: var(--c-lava-light);
}

.btn--gipsy-solid {
    background: var(--c-lava-dark);
    color: var(--c-lava-light);
    border: 1px solid var(--c-lava-dark);
}

.btn--gipsy-solid:hover {
    background: var(--c-yellow);
    color: var(--c-lava-dark);
    border-color: var(--c-yellow);
}

/* ==========================================================================
   HOME PAGE: VISIT SECTION
   ========================================================================== */
.home-visit {
    padding: 6.944vw 0 4.166vw;
    position: relative;
    z-index: 10;
}

.home-visit__wrap {
    display: grid;
    /* ב-RTL: העמודה הראשונה (1) היא הימנית. נותנים לה 40% מהרוחב, והשאר 60% לעמודה השמאלית */
    grid-template-columns: 40% 60%; 
    align-items: start;
    position: relative;
}

/* התמונה מתפרסת על כל הגריד (2 העמודות) וקובעת את גובה הסקשן */
.home-visit__visual {
    grid-column: 1 / -1; 
    grid-row: 1;
    z-index: 1;
    width: 100%;
}

.home-visit__visual img {
    width: 100%;
    height: auto;
    display: block;
}

/* הטקסט מוגבל רק לעמודה הימנית ויושב על אותה השורה של התמונה */
.home-visit__content {
    grid-column: 1; /* עמודה ימנית */
    grid-row: 1; /* אותה שורה של התמונה -> יצירת חפיפה */
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 4vw; /* ריווח מלמעלה כדי שלא יידבק לקצה */
    padding-left: 2vw; /* ריווח קל מהתמונות שמשמאלו */
}

/* טיפוגרפיה */
.home-visit__subtitle {
    color: var(--c-lava-dark);
    font-family: var(--ff-body);
    font-size: 1rem; /* 18px */
    font-weight: 400;
    line-height: 1.17;
    margin-bottom: 0.555rem;
}

.home-visit__title {
    color: var(--c-lava-dark);
    font-family: var(--ff-headings);
    font-size: 2.666rem; /* 48px */
    font-weight: 400;
    line-height: 1.13;
    margin-bottom: 1.666rem;
}

.home-visit__text {
    color: var(--c-lava-dark);
    font-family: var(--ff-body);
    font-size: 1.222rem; /* 22px */
    font-weight: 400;
    line-height: 1.25;
    margin-bottom: 2.777rem; /* ~50px */
}

.home-visit__actions {
    display: flex;
    gap: 1.111rem; /* ~20px */
    flex-wrap: wrap;
}

/* פאגינציה (הכנה לסליידר) */
.home-visit__pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    margin-top: 2vw; /* מרווח מתחת לתמונה */
    
    /* עיצוב ה"כדור" הלבן המעוגל */
    background-color: var(--c-white);
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    padding: 0.5rem 1.5rem;
    border-radius: 999px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}

.visit-nav-btn {
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform var(--t-fast);
}

.visit-nav-btn:hover {
    transform: scale(1.1);
}

.visit-nav-btn img {
    width: 0.5rem; /* גודל החץ */
    height: auto;
}

/* ==========================================================================
   HOME PAGE: DREAMS SECTION
   ========================================================================== */
.home-dreams {
    background-color: var(--c-lava-dark);
    padding: 0; /* פאדינג תחתון לפנות מקום ללוח שנה */
    position: relative;
    z-index: 20; 
}

.home-dreams__wrap {
    position: relative;
}

.home-dreams__grid {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* --- צד ימין (טקסט) --- */
.home-dreams__content {
    width: 38%; /* שומר על פרופורציה יפה לטקסט */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    z-index: 2;
    padding-bottom: 10vw;
}

.home-dreams__subtitle { color: var(--c-lava-light); margin-bottom: 0.5rem; }
.home-dreams__title {
    color: var(--c-lava-light); font-family: var(--ff-headings);
    font-size: 2.666rem; line-height: 1.13; margin-bottom: 1.5rem; margin-top: 0;
}
.home-dreams__text {
    color: var(--c-lava-light); font-size: 1.222rem; line-height: 1.25; margin-bottom: 1.5rem;
}
.home-dreams__link {
    color: var(--c-lava-light); text-decoration: underline; font-weight: 700; margin-bottom: 3vw;
}
/* --- צד ימין (תמונה + כתם) --- */
.home-dreams__visual {
    position: relative;
    width: 80%;
    max-width: 60rem; 
    margin-right: calc(-1 * var(--gutter-wide)); 
    z-index: 1;
}

.home-dreams__stain {
    position: absolute;
    bottom: -6.96vw;
     left: 7.7vw;
    width: 100%;
    z-index: 0;
    pointer-events: none;
}

.home-dreams__slider {
    position: relative;
    z-index: 1;
    width: 100%;
    aspect-ratio: 108 / 85; 
    
    -webkit-mask-image: url('assets/img/mask-dreams.svg');
    mask-image: url('assets/img/mask-dreams.svg');
    -webkit-mask-size: contain;
    mask-size: contain;
    /* יישור המסיכה לקצה הימני של הקונטיינר */
    -webkit-mask-position: center right;
    mask-position: center right;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

/* --- צד שמאל (טקסט) --- */
.home-dreams__content {
    width: 38%; 
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    z-index: 2;
}

.temp-slider-fade { width: 100%; height: 100%; position: relative; }
.temp-slider-fade img {
    position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center;
    opacity: 0; transition: opacity 1.5s ease;
}
.temp-slider-fade img.is-active { opacity: 1; }

/* --- Calendar Widget --- */
.calendar-widget {
    position: absolute;
    bottom: 5vw; /* דוחף למטה כך שחצי חופף תכלת וחצי חום */
    left: 50%;
    transform: translateX(-50%); /* ממורכז בול! */
    width: 80vw;
    max-width: 1000px;
    background-color: var(--c-cream);
    border-radius: 1rem;
    display: flex;
    align-items: center;
    padding: 0.5rem 3rem;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
    z-index: 50;
}

.calendar-widget__field {
    flex: 1;
    border-left: 1px solid rgba(56,52,50,0.2);
    padding: 0.5rem 1rem;
    display: flex;
    flex-direction: column;
}
.calendar-widget__field:last-of-type { border-left: none; }
.cw-label { font-size: 0.777rem; font-weight: 700; margin-bottom: 0.2rem; }
.cw-input { display: flex; align-items: center; gap: 0.5rem; }
.cw-val-big { font-size: 1.5rem; font-weight: 700; font-family: var(--ff-headings); }
.cw-val-small { font-size: 0.7rem; line-height: 1.1; }
.cw-submit { margin-right: 1rem; padding: 0.8rem 1.5rem; white-space: nowrap; }

/* ==========================================================================
   HOME PAGE: EVENTS SECTION
   ========================================================================== */
   
   /* ==========================================================================
      HOME PAGE: EVENTS SECTION - TYPOGRAPHY & HEADER
      ========================================================================== */
   .home-events__header {
       display: flex;
       justify-content: space-between;
       align-items: flex-end;
       margin-bottom: 3vw;
   }
   
   .home-events__titles {
       display: flex;
       flex-direction: column;
   }
   
   .home-events__subtitle {
       color: var(--c-blue-dark);
       font-family: var(--ff-body);
       font-size: 1.125rem;
       margin-bottom: 0.5rem;
   }
   
   .home-events__title {
       color: var(--c-blue-dark);
       font-family: var(--ff-headings);
       font-size: 2.666rem; /* 48px */
       font-weight: 400;
       line-height: 1.13;
       margin: 0;
   }
   
   /* הפילטרים משמאל לכותרת */
   .events-filters {
       display: flex;
       gap: 0.5rem;
   }
   
   .filter-btn {
       border: 1px solid var(--c-blue-dark);
       color: var(--c-blue-dark);
       background: transparent;
       border-radius: 0.27777778rem;
       padding: 0 0.7rem;
       font-family: var(--ff-body);
       font-size: 1rem;
       cursor: pointer;
       transition: var(--t-fast);
   }
   
   .filter-btn:hover, 
   .filter-btn.is-active {
       background-color: var(--c-blue-dark);
       color: var(--c-blue-light);
   }
.home-events {
    /* כפייה של הצבע התכלת למקרה שהמשתנה לא נטען משום מה */
    background-color: #ABCBED; 
    padding: 12vw 0 6vw; /* פאדינג עליון גדול יותר בגלל הלוח שנה שחופף מעליו */
    position: relative;
    z-index: 10;
    overflow: hidden;
}

/* שאר ה-CSS של הסקשן (טקסטים, פילטרים) נשאר, מחליפים רק את הכרטיסיות: */
.events-grid-page {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5vw;
}

/* מסתירים דפים לא פעילים */
.events-grid-page:not(.is-active) { display: none; }

.event-card {
    display: flex;
    flex-direction: column;
    color: var(--c-blue-dark);
}

/* המבנה הקריטי לתמונה יציבה שלא קורסת! */
.event-card__img {
    position: relative;
    width: 100%;
    padding-top: 100%; /* יחס 1:1 מדויק שמונע קריסה */
    border-radius: 1.5rem;
    overflow: hidden;
    margin-bottom: 1.2rem;
    background-color: rgba(25, 56, 94, 0.1); /* צבע רקע במקרה שאין תמונה */
}

.event-card__img img {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    object-fit: cover;
    /* אנימציית זום אין איטית ואלגנטית */
    transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
}

.event-card:hover .event-card__img img {
    transform: scale(1.08); /* תנועה עדינה יותר */
}

.event-card__badge {
    position: absolute;
    top: 1rem; right: 1rem;
    background-color: var(--c-blue-dark);
    color: var(--c-blue-light);
    padding: 0.2rem 0.8rem;
    border-radius: 999px;
    font-size: 0.777rem;
    z-index: 2;
}
.event-card__badge--light { background-color: var(--c-lava-light); color: var(--c-lava-dark); }
.event-card__badge--yellow { background-color: var(--c-yellow); color: var(--c-lava-dark); }

.event-card__title { margin-bottom: 0.3rem; }

/* Parallax Background Text */
.home-events__bg-text {
    position: absolute;
    /* מתחילים אותו טיפה מעל הסקשן כדי שיהיה לו מקום לגלול למטה */
    top: -5%; 
    left: 1rem; /* נצמד לשמאל המסך */
    height: 120%; /* גבוה יותר מהסקשן כדי לכסות את כל התנועה */
    z-index: 0;
    pointer-events: none;
    will-change: transform;
}

.home-events__bg-text img {
    height: 100%;
    width: auto;
    max-width: none; /* קריטי, אחרת הדפדפן מכווץ אותו לרוחב המסך */
    display: block;
}

/* --- כפתור בתחתית סקשן אירועים --- */
.home-events__action {
    text-align: center;
    margin-top: 4vw;
    position: relative;
    z-index: 5; /* מבטיח שהכפתור לחיץ ומופיע מעל הכל */
}

.btn--outline-blue {
    border: 1px solid var(--c-blue-dark);
    color: var(--c-blue-dark);
    background-color: transparent;
    padding: 0.833rem 2rem;
    font-family: var(--ff-body);
    border-radius: 999px;
    font-weight: 700;
}

.btn--outline-blue:hover {
    background-color: var(--c-blue-dark);
    color: var(--c-blue-light);
}

/* ==========================================================================
   HOME PAGE: PARTY SECTION
   ========================================================================== */
.home-party {
    background-color: #ffffff;
    padding: 0;
    position: relative;
    z-index: 15;
}

.home-party__wrap {
    position: relative;
}

.home-party__grid {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* --- צד ימין (טקסט) --- */
.home-party__content {
    width: 38%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    z-index: 2;
}

.home-party__subtitle { 
    color: var(--c-stone); 
    margin-bottom: 0.5rem; 
    font-weight: 700; 
}

.home-party__title {
    color: var(--c-lava-dark); 
    font-family: var(--ff-headings);
    font-size: 2.666rem; 
    line-height: 1.13; 
    margin-bottom: 1.5rem; 
    margin-top: 0;
}

.home-party__tags {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
}

.party-tag {
    border: 1px solid var(--c-lava-dark);
    background: transparent;
    border-radius: 0.277rem; /* עיגול עדין כמו בפילטרים */
    padding: 0 0.7rem;
    font-family: var(--ff-body);
    font-size: 1rem;
    color: var(--c-lava-dark);
    cursor: pointer;
    transition: var(--t-fast);
}

.party-tag.is-active,
.party-tag:hover {
    background-color: var(--c-lava-dark);
    color: var(--c-white);
}

.home-party__text {
    color: var(--c-lava-dark); 
    font-size: 1.222rem; 
    line-height: 1.25; 
    margin-bottom: 2.5rem;
}

/* --- צד שמאל (תמונה + כתם) --- */
.home-party__visual {
    position: relative;
    width: 80%;
    max-width: 60rem; 
    /* שואב את התמונה החוצה לקצה השמאלי של המסך */
    margin-left: calc(-1 * var(--gutter-wide)); 
    z-index: 1;
}

.home-party__stain {
    position: absolute;
    bottom: -5.6vw;
     right: 12vw;
    width: 90%;
    z-index: 0;
    pointer-events: none;
}

.home-party__slider {
    position: relative;
    z-index: 1;
    width: 100%;
    aspect-ratio: 108 / 85; 
    
    /* מסיכה חדשה */
    -webkit-mask-image: url('assets/img/party-mask.svg');
    mask-image: url('assets/img/party-mask.svg');
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center left;
    mask-position: center left;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

/* ==========================================================================
   HOME PAGE: FAQ & TESTIMONIALS WRAPPER
   ========================================================================== */
.home-faq-testim {
    /* רקע משולב: תבנית חוזרת (Tile) מעל מעבר צבע (Gradient) */
    background: url('assets/img/tile.png') 0% 0% / 50px 50px repeat, linear-gradient(180deg, #EEEBE3 0%, #DCD7C7 100%);
    padding: 6vw 0 16vw;
}
/* ==========================================================================
   HOME PAGE: FAQ SECTION
   ========================================================================== */
.home-faq__grid {
    display: grid;
    /* צד ימין 25% לכותרת/תמונה, צד שמאל 65% לשאלות */
    grid-template-columns: 25% 65%; 
    justify-content: space-between;
    align-items: start;
    margin-bottom: 8vw;
}

/* Sidebar & Sticky */
.home-faq__sidebar {
    position: relative;
    height: 100%;
}

.home-faq__sticky {
    position: sticky;
    top: calc(var(--header-h) + 2vw); /* נדבק מיד מתחת להדר */
}

.home-faq__title {
    color: var(--c-lava-dark);
    font-family: var(--ff-headings);
    font-size: 3.5rem; /* כותרת גדולה ובולטת */
    line-height: 1;
    margin-bottom: 2rem;
}

.faq-gif {
    width: 14rem;
    border-radius: 1rem;
    object-fit: cover;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

/* ==========================================================================
   FAQ ACCORDION: BORDERS & ANIMATION
   ========================================================================== */
.home-faq__content {
    padding-top: 1rem;
}

/* סידור הקווים המפרידים */
.home-faq__content .faq__item { 
    border-bottom: 1px solid rgba(56, 52, 50, 0.2); 
}
.home-faq__content .faq__item:first-child { 
    border-top: none; /* ללא קו עליון בראשון */
}
.home-faq__content .faq__item:last-child { 
    border-bottom: none; /* ללא קו תחתון באחרון */
}

.home-faq__content .faq__btn {
    padding: 1.5rem 0;
    font-size: 1.222rem;
    font-weight: 700;
    color: var(--c-lava-dark);
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.home-faq__content .faq__text {
    text-align: right;
}

/* מנגנון פתיחה וסגירה לאקורדיון 
   שימוש ב-Grid לחילוץ גובה אוטומטי ואנימציה חלקה
*/
.home-faq__content .faq__panel {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows var(--t-base) ease-in-out;
}

.home-faq__content .faq__item[aria-expanded="true"] .faq__panel {
    grid-template-rows: 1fr;
}

.home-faq__content .faq__panel-inner {
    overflow: hidden; /* קריטי! מונע מהטקסט לגלוש החוצה כשהמגירה סגורה */
    padding-bottom: 0;
    opacity: 0;
    transition: opacity var(--t-base), padding var(--t-base);
}

.home-faq__content .faq__item[aria-expanded="true"] .faq__panel-inner {
    padding-bottom: 1.5rem;
    opacity: 1; /* מוסיף פייד-אין רך לטקסט */
}

.home-faq__content .faq__panel-inner p {
    color: var(--c-lava-dark);
    opacity: 0.8;
}

/* ==========================================================================
   HOME PAGE: TESTIMONIALS SECTION (SPLIDE)
   ========================================================================== */

/* מיפוי מסיכות הכרטיסיות */
[data-mask="testim-1"] { 
    -webkit-mask-image: url('assets/img/testim-bg-1.svg'); 
    mask-image: url('assets/img/testim-bg-1.svg'); 
}
[data-mask="testim-2"] { 
    -webkit-mask-image: url('assets/img/testim-bg-2.svg'); 
    mask-image: url('assets/img/testim-bg-2.svg'); 
}

.home-testim {
    position: relative;
    padding-bottom: 6vw;
}

.testim__header {
    margin-bottom: 4vw;
}

/* דריסת צבעים לכותרת "מבקרים משתפים" (במקור היתה על רקע כהה) */
.testim__header .quick-links__header {
    border-bottom: 2px solid var(--c-lava-dark);
}

.testim__header .quick-links__title {
    color: var(--c-lava-dark);
}

/* ==========================================================================
   TESTIMONIALS SLIDER - OVERLAP FIX (PAIRS)
   ========================================================================== */
/* קודם כל מוודאים שאין מרווח שלילי לכל האבנים כברירת מחדל */
.home-testim .splide__slide {
    margin-left: 0 !important; 
    transition: transform var(--t-base);
}

/* משיכת האבן הבאה רק עבור כל אבן אי-זוגית (1, 3, 5...) כדי ליצור זוגות */
.home-testim .splide__slide:nth-child(odd) {
    margin-left: -1.5vw !important; 
}

.home-testim .splide__slide:hover {
    z-index: 10;
}

/* אפקט הפייד בצדדים - מוחל על ה-track של Splide */
.home-testim .splide__track {
    padding: 2vw 0;
}

/* עיצוב הכרטיסיות עצמן */
.testim-card {
    width: 26vw; 
    min-width: 320px;
    aspect-ratio: 4 / 5; 
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4vw;
    text-align: center;
    
    /* הוספת תמונת ה-Tile מעל צבע הרקע */
    background-image: url('assets/img/tile.png');
    background-position: 0% 0%;
    background-size: 50px 50px;
    background-repeat: repeat;
    
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

/* צבעים - ישמשו כצבע הבסיס מתחת לתמונת ה-Tile */
.testim-card--blue   { background-color: var(--c-blue-dark); color: #69AEF3; }
.testim-card--green  { background-color: var(--c-green-dark); color: var(--c-green-light, #5FD59A); }
.testim-card--purple { background-color: var(--c-purple-dark); color: #C5A8FF; }
.testim-card--gray   { background-color: var(--c-lava-dark); color: var(--c-lava-light, #CAC2AF); }

.testim-card__text {
    font-size: 1.111rem;
    line-height: 1.4;
    margin-bottom: 2rem;
    font-weight: 400;
    text-align: right;
}

.testim-card__author {
    font-weight: 700;
    font-size: 1.111rem;
    width: 100%;
    text-align: left; /* יישור הטקסט לשמאל */
}


/* ==========================================================================
   LOBBY VISIT - INTRO SECTION
   ========================================================================== */

.visit-intro__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* הסרנו את ה-gap כדי שנוכל לשלוט בדיוק ברוחב ובשוליים */
}

/* הפיכת כיוון בשורה השנייה - ב-RTL זה אומר שהטקסט יעבור לשמאל והתמונה לימין */
.visit-intro__row--reverse {
    flex-direction: row-reverse;
    align-items: flex-start; /* השינוי הקריטי: יישור האלמנטים כלפי מעלה במקום לאמצע */
}

.visit-intro__content {
    width: 40%;
    z-index: 2;
}

.visit-intro__visual {
    width: 55%; /* התמונה מקבלת הרבה יותר מקום */
    z-index: 1;
}

/* משיכת התמונה העליונה לקצה השמאלי של המסך */
.visit-intro__visual--left {
    margin-left: calc(-1 * var(--gutter-wide));
}

/* משיכת התמונה התחתונה לקצה הימני של המסך ולמעלה */
.visit-intro__visual--right {
    margin-right: calc(-1 * var(--gutter-wide));
    margin-top: -6vw; /* משיכת התמונה עצמה עוד יותר למעלה כדי שתתקרב לשורה הראשונה */
}

/* לחם חוק */
.breadcrumbs {
    font-size: 0.888rem;
    color: var(--c-stone);
    margin-bottom: 1.5rem;
}
.breadcrumbs a { transition: color var(--t-fast); font-weight: 700; }
.breadcrumbs a:hover { color: var(--c-lava-dark); }

/* כותרות וטקסטים */
.visit-intro__title {
    font-family: var(--ff-headings);
    font-size: 3.55555556rem; /* הוגדל קצת להדגשה */
    line-height: 1;
    color: var(--c-lava-dark);
    margin-bottom: 1.5rem;
}

.visit-intro__subtitle {
    display: block;
    font-weight: 700;
    color: var(--c-lava-dark);
    margin-bottom: 0.5rem;
}

.visit-intro__title-secondary {
    font-family: var(--ff-headings);
    font-size: 3.5rem;
    line-height: 1.1;
    color: var(--c-lava-dark);
    margin-bottom: 1.5rem;
}

.visit-intro__desc {
    font-size: 1.222rem;
    line-height: 1.5;
    margin-bottom: 2.5rem;
    font-style: normal;
}

.visit-intro__actions {
    display: flex;
    gap: 1rem;
}

/* פיצ'רים (אייקונים) + קווים מפרידים */
.visit-features {
    display: flex;
    flex-direction: column;
}

.visit-features li {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding: 1.5rem 0;
    border-bottom: 1px solid rgba(56, 52, 50, 0.15); /* קו מפריד */
}

.visit-features li:first-child {
    padding-top: 0;
}

.visit-features li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.v-feat-icon {
    width: 2.5rem;
    height: auto;
    flex-shrink: 0;
}

.v-feat-text {
    display: flex;
    flex-direction: column;
}

.v-feat-text strong {
    font-size: 1.111rem;
    color: var(--c-lava-dark);
    margin-bottom: 0.2rem;
}

/* מסיכות החלק העליון */
.visit-mask {
    width: 100%;
    position: relative;
    aspect-ratio: 9/10; /* יחס שמאפשר למסיכה לשבת טוב */
}

.visit-mask--top-1 {
    -webkit-mask-image: url('assets/img/visit-top-1.svg');
    mask-image: url('assets/img/visit-top-1.svg');
    /* השינוי כאן: מתיחה מלאה במקום contain */
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: top left;
    mask-position: top left;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.visit-mask--top-2 {
    -webkit-mask-image: url('assets/img/visit-top-2.svg');
    mask-image: url('assets/img/visit-top-2.svg');
    /* השינוי כאן: מתיחה מלאה במקום contain */
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: top right;
    mask-position: top right;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

/* ==========================================================================
   LOBBY VISIT - GALLERY SLIDER
   ========================================================================== */
.visit-gallery-sec {
    position: relative;
    padding-bottom: 4vw;
}

.splide--gallery .splide__track {
    padding: 2vw 0;
}

/* הסתרת מרווחי ברירת מחדל כדי שהאבנים ישתלבו */
.splide--gallery .splide__slide {
    margin: 0 !important;
}

.gallery-item {
    display: block;
    width: 22vw;
    min-width: 280px;
    aspect-ratio: 4/5;
    position: relative;
    overflow: hidden;
    
    /* מסיכה כללית */
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    
    transition: transform var(--t-base), filter var(--t-base);
}

.gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.gallery-item:hover {
    transform: scale(1.02);
    z-index: 10;
}

.gallery-item:hover img {
    transform: scale(1.08);
}

/* מסיכה 1 (אי זוגי) */
.splide--gallery .splide__slide:nth-child(odd) .gallery-item {
    -webkit-mask-image: url('assets/img/visit-bg-1.svg');
    mask-image: url('assets/img/visit-bg-1.svg');
    /* שוליים שליליים לשילוב עם האבן הבאה */
    margin-left: -1.2vw !important; 
}

/* מסיכה 2 (זוגי) */
.splide--gallery .splide__slide:nth-child(even) .gallery-item {
    -webkit-mask-image: url('assets/img/visit-bg-2.svg');
    mask-image: url('assets/img/visit-bg-2.svg');
}

/* כפתור "עוד תמונות" */
.gallery-action {
    text-align: center;
    margin-top: 0;
}

.btn--outline-dark {
    border: 1px solid var(--c-lava-dark);
    color: var(--c-lava-dark);
    background: transparent;
    padding: 0.8rem 2rem;
    border-radius: 999px;
    font-weight: 700;
    font-family: var(--ff-headings);
}

.btn--outline-dark:hover {
    background: var(--c-lava-dark);
    color: var(--c-white);
}

/* ==========================================================================
   CROSSFADE SLIDER (For Masks)
   ========================================================================== */
.fade-slider {
    position: relative;
    width: 100%;
    height: 100%;
}

.fade-slider img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 1.5s ease-in-out; /* מעבר רך ואלגנטי של שנייה וחצי */
    z-index: 1;
}

.fade-slider img.is-active {
    opacity: 1;
    z-index: 2;
}



/* ==========================================================================
   LOBBY VISIT - MAP & POI (Points of Interest)
   ========================================================================== */
.visit-map-sec {
    position: relative;
    background-color: var(--c-lava-dark);
    padding: 6vw 0;
    overflow: hidden;
}

/* טקסט רקע - צד ימין */
.visit-map__bg-container {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
}

.visit-map__bg-text {
    position: absolute;
    top: 5vw;
    right: 2vw; /* צמוד לימין במקום לשמאל */
    width: 35vw;
    height: 100%;
    background-position: right top;
    background-repeat: no-repeat;
    background-size: contain;
}

.visit-map__visual {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    margin-bottom: 4vw;
}

.visit-map__visual img {
    max-width: 90%;
    height: auto;
}

/* קו מפריד + כותרת "מה יש בכפר?" */
.visit-map__divider {
    position: relative;
    z-index: 1;
    border-bottom: 2px solid var(--c-lava-light); /* הקו התחתון כמו בעמוד הבית */
    margin-bottom: 4.166vw;
    display: flex;
}

.visit-map__divider-title {
    color: var(--c-lava-light);
    font-family: var(--ff-body);
    font-size: 1.444rem;
    font-weight: 700;
    margin: 0;
}

/* סליידר נקודות עניין */
.splide--poi .splide__track {
    padding: 2vw 0;
}

/* ==========================================================================
   POI CARDS (RIGID SLIDE UP ANIMATION)
   ========================================================================== */
.poi-card {
    position: relative;
    width: 100%;
    aspect-ratio: 4/3;
    overflow: hidden;
    cursor: default; /* ללא סמן קישור */
    
    /* מסיכה */
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

/* מסיכות מותאמות */
.mask-var-1 { -webkit-mask-image: url('assets/img/visit-kfar-mask-1.svg'); mask-image: url('assets/img/visit-kfar-mask-1.svg'); }
.mask-var-2 { -webkit-mask-image: url('assets/img/visit-kfar-mask-2.svg'); mask-image: url('assets/img/visit-kfar-mask-2.svg'); }
.mask-var-3 { -webkit-mask-image: url('assets/img/visit-kfar-mask-3.svg'); mask-image: url('assets/img/visit-kfar-mask-3.svg'); }
.mask-var-4 { -webkit-mask-image: url('assets/img/visit-kfar-mask-4.svg'); mask-image: url('assets/img/visit-kfar-mask-4.svg'); }

.poi-card__img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

/* השכבה הקבועה למטה (החול) */
.poi-card__default {
    position: absolute;
    bottom: 0; left: 0; right: 0;
    background-color: var(--c-lava-light);
    color: var(--c-lava-dark);
    height: 35%;
    padding: 0.75rem 2rem 0;
    display: flex;
    justify-content: center;
    z-index: 2;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* פאנל ההאבר המלא (מתחיל מוסתר שלם מתחת לכרטיס) */
.poi-card__hover {
    position: absolute;
    inset: 0;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2vw;
    text-align: center;
    transform: translateY(100%); /* פה הקסם - הפאנל מחכה למטה */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

.poi-card__title {
    font-family: var(--ff-headings);
    font-size: 1.444rem;
    font-weight: 700;
    margin: 0;
    padding: 0 2vw;
    line-height: 1.3;
}

.poi-card__desc {
    font-size: 1rem;
    line-height: 1.4;
    margin: 0.5rem 0 0 0;
    padding: 0 2vw;
}

/* תיקון ריצוד */
.splide--poi .splide__track,
.poi-card {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
}

/* ==========================================================================
   HOVER EFFECTS & COLORS (RIGID SLIDE)
   ========================================================================== */
/* החול מחליק למטה ויוצא, והפאנל הצבעוני עולה כמקשה אחת קשיחה למקומו! */
.poi-card:hover .poi-card__default { transform: translateY(100%); }
.poi-card:hover .poi-card__hover { transform: translateY(0); }

/* צבעים בהתאם ל-data-color */

.poi-card[data-color="lava-dark"] .poi-card__hover { background-color: var(--c-lava-dark); color: var(--c-lava-light); }

.poi-card[data-color="blue-light"] .poi-card__hover { background-color: var(--c-blue-light); color: var(--c-blue-dark); }
.poi-card[data-color="blue-dark"] .poi-card__hover { background-color: var(--c-blue-dark); color: var(--c-blue-light); }

.poi-card[data-color="green-light"] .poi-card__hover { background-color: var(--c-green-light); color: var(--c-green-dark); }
.poi-card[data-color="green-dark"] .poi-card__hover { background-color: var(--c-green-dark); color: var(--c-green-light); }

.poi-card[data-color="purple-light"] .poi-card__hover { background-color: var(--c-purple-light); color: var(--c-purple-dark); }
.poi-card[data-color="purple-dark"] .poi-card__hover { background-color: var(--c-purple-dark); color: var(--c-purple-light); }

.poi-card[data-color="yellow"] .poi-card__hover { background-color: var(--c-yellow); color: var(--c-lava-dark); }
.poi-card[data-color="orange"] .poi-card__hover { background-color: var(--c-orange); color: var(--c-yellow); }



/* ==========================================================================
   LOBBY VISIT - OPTIONS (אפשרויות ביקור)
   ========================================================================== */
.visit-options {
    display: flex;
    gap: 6vw;
    padding-top: 8vw;
    padding-bottom: 8vw;
}

.v-options__content {
    width: 35%;
    padding-top: 2vw;
}

.v-options__subtitle {
    display: block;
    font-weight: 400;
    color: var(--c-lava-dark);
    margin-bottom: 0.5rem;
}

.v-options__title {
    font-family: var(--ff-headings);
    font-size: 3.5rem;
    line-height: 1.1;
    color: var(--c-lava-dark);
    margin-bottom: 1.5rem;
}

.v-options__desc {
    font-size: 1.111rem;
    line-height: 1.5;
    color: var(--c-lava-dark);
}

.v-options__cards {
    width: 65%;
    display: flex;
    flex-direction: column;
    gap: 2vw;
}

.v-card {
    border-radius: 2rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.v-card__img-wrap {
    position: relative;
    width: 100%;
}

.v-card--full .v-card__img-wrap {
    height: 18vw;
    min-height: 220px;
}

.v-card--half .v-card__img-wrap {
    height: 14vw;
    min-height: 180px;
}

.v-card__img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.v-card__badge {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem; /* בצד ימין למעלה */
    background-color: var(--c-yellow);
    color: var(--c-lava-dark);
    padding: 0.4rem 1rem;
    border-radius: 999px;
    font-weight: 700;
    font-size: 0.888rem;
    z-index: 2;
}

.v-card__body {
    padding: 1.5rem 2.5rem;
    display: flex;
    /* הוסר הצבע הלבן הגורף כדי לתת לכל כרטיסייה את הצבע שלה */
}
.v-card__body .btn {
  font-family: var(--ff-headings);
}

/* התנהגות כרטיס רחב */
.v-card--full .v-card__body {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

/* התנהגות כרטיס חצוי */
.v-card--half .v-card__body {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 1.5rem;
    flex-grow: 1; /* מוודא ששני הכרטיסים באותו גובה גם אם הטקסט שונה */
}

/* טיפוגרפיה מעודכנת ומדויקת לפי העיצוב (26px = 1.444rem) */
.v-card__title {
    font-family: var(--ff-headings);
    font-size: 1.444rem;
    font-weight: 400;
    line-height: 0.95;
    margin: 0;
}

.v-card-row {
    display: flex;
    gap: 2vw;
    align-items: stretch;
}

.v-card-row .v-card {
    flex: 1;
}

/* צבעי הרקע והטקסט לכל כרטיסייה במדויק */
.v-card--purple .v-card__body { 
    background-color: var(--c-purple-dark); 
    color: var(--c-purple-light); 
}

.v-card--green .v-card__body { 
    background-color: var(--c-green-dark); 
    color: var(--c-green-light); 
}

.v-card--orange .v-card__body { 
    background-color: var(--c-orange); 
    color: var(--c-yellow); 
}

/* כפתורים מיוחדים לכרטיסיות */
.btn--light-purple {
    background-color: var(--c-purple-light);
    color: var(--c-purple-dark);
}
.btn--light-purple:hover {
    background-color: var(--c-white);
}

.btn--light-green {
    background-color: var(--c-green-light);
    color: var(--c-green-dark);
}
.btn--light-green:hover {
    background-color: var(--c-white);
}


/* ==========================================================================
   LOBBY VISIT - FAQ (שאלות נפוצות)
   ========================================================================== */
.visit-faq-sec {
    padding-bottom: 8vw;
}

.visit-faq__header {
    border-bottom: 2px solid var(--c-lava-dark);
    padding-bottom: 1rem;
    margin-bottom: 3rem;
}

.visit-faq__header-title {
    font-family: var(--ff-headings);
    font-size: 1.666rem; /* כותרת קטנה ואלגנטית */
    color: var(--c-lava-dark);
    margin: 0;
}

.visit-faq__inner {
    max-width: 800px;
    margin: 0 auto; /* ממרכז את האקורדיון */
}

/* דריסות קלות לאקורדיון כדי שייראה מושלם כאן */
.visit-faq__inner .faq__btn {
    padding: 1.5rem 0;
    font-size: 1.222rem;
    font-weight: 700;
    color: var(--c-lava-dark);
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.visit-faq__inner .faq__text {
    text-align: right;
}

.visit-faq__inner .faq__item { 
    border-bottom: 1px solid rgba(56, 52, 50, 0.2); 
}


/* ==========================================================================
   LOBBY VISIT - FAQ (שאלות נפוצות)
   ========================================================================== */
.visit-faq-sec {
    padding-bottom: 8vw;
}

.visit-faq__header {
    border-bottom: 2px solid var(--c-lava-dark);
    padding-bottom: 1rem;
    margin-bottom: 3rem;
}

.visit-faq__header-title {
    font-family: var(--ff-headings);
    font-size: 1.666rem; /* כותרת קטנה ואלגנטית */
    color: var(--c-lava-dark);
    margin: 0;
}

.visit-faq__inner {
    max-width: 800px;
    margin: 0 auto; /* ממרכז את האקורדיון */
}

/* ==========================================================================
   VISIT FAQ - ACCORDION STYLES & BORDERS
   ========================================================================== */
.visit-faq__inner .faq__btn {
    padding: 1.5rem 0;
    font-size: 1.222rem;
    font-weight: 700;
    color: var(--c-lava-dark);
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.visit-faq__inner .faq__text {
    text-align: right;
}

/* סידור הקווים המפרידים והצבע */
.visit-faq__inner .faq__item { 
    border-bottom: 1px solid var(--c-lava-dark); /* שימוש במשתנה הקיים שלך לצבע */
}

.visit-faq__inner .faq__item:first-child {
    border-top: none; /* מוודא שאין קו מעל הראשון */
}

.visit-faq__inner .faq__item:last-child {
    border-bottom: none; /* מוודא שאין קו מתחת לאחרון */
}

/* ==========================================================================
   VISIT FAQ - OPEN/CLOSE ANIMATION (GRID)
   ========================================================================== */
/* יישום מנגנון הפתיחה גם על העמוד הזה */
.visit-faq__inner .faq__panel {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows var(--t-base) ease-in-out;
}

.visit-faq__inner .faq__item[aria-expanded="true"] .faq__panel {
    grid-template-rows: 1fr;
}

.visit-faq__inner .faq__panel-inner {
    overflow: hidden;
    padding-bottom: 0;
    opacity: 0;
    transition: opacity var(--t-base), padding var(--t-base);
}

.visit-faq__inner .faq__item[aria-expanded="true"] .faq__panel-inner {
    padding-bottom: 1.5rem;
    opacity: 1;
}

.visit-faq__inner .faq__panel-inner p {
    color: var(--c-lava-dark);
    opacity: 0.8;
}



/* ==========================================================================
   LOBBY VISIT - EVENTS SLIDER
   ========================================================================== */
.visit-events-sec {
    position: relative;
    background-color: var(--c-blue-light);
    padding: 8vw 0 10vw;
    overflow: hidden;
    
    /* מסיכת הרקע */
    -webkit-mask-image: url('assets/img/visit-events.svg');
    mask-image: url('assets/img/visit-events.svg');
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

/* טקסט הרקע הענק (משתמש בקלאס הקיים js-parallax-bg) */
.visit-events__bg-text {
    position: absolute;
    top: -5%;
    left: 2vw; /* דוחף שמאלה כדי שייחתך יפה כמו בעיצוב */
    height: 120%;
    z-index: 0;
    pointer-events: none;
}

.visit-events__bg-text img {
    height: 100%;
    width: auto;
    max-width: none;
}

/* כותרות */
.visit-events__header {
    position: relative;
    z-index: 2;
    margin-bottom: 4vw;
}

.v-events__subtitle {
    display: block;
    font-size: 1.111rem;
    font-weight: 700;
    color: var(--c-blue-dark);
    margin-bottom: 0.5rem;
}

.v-events__title {
    font-family: var(--ff-headings);
    font-size: 3.38888889rem;
    line-height: 1;
    color: var(--c-blue-dark);
    margin: 0;
}

/* ==========================================================================
   VISIT EVENTS - SPLIDE CARDS
   ========================================================================== */
.splide--visit-events {
    position: relative;
    z-index: 2;
    margin-bottom: 4vw;
}

.v-event-card {
    display: block;
    position: relative;
    width: 100%;
    aspect-ratio: 21 / 9; /* יחס פנורמי רחב כמו בפיגמה */
    border-radius: 2rem;
    overflow: hidden;
}

.v-event-card img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* הגדרת מעבר חלק ואלגנטי */
    transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
}

/* אפקט הזום פנימה בריחוף על הכרטיסייה */
.v-event-card:hover img {
    transform: scale(1.08);
}

/* גרדיאנט עדין בתחתית הכרטיס כדי שהטקסט יהיה קריא */
.v-event-card__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, transparent 60%);
}

.v-event-card__content {
    position: absolute;
    bottom: 2.5vw;
    right: 2.5vw;
    color: var(--c-lava-light); /* צבע החול מהפלטה */
}

.v-event-card__title {
    font-family: var(--ff-headings);
    font-size: 1.33333333rem;
    line-height: 1.1;
    margin-bottom: 0.5rem;
}

.v-event-card__meta {
    font-family: var(--ff-body);
    font-size: 1.111rem;
    margin: 0;
    opacity: 0.9;
}

/* כפתור למטה */
.visit-events__action {
    position: relative;
    z-index: 2;
    text-align: center;
}

/* שימוש בכפתור הקיים שלך שמוגדר ב-CSS */
.visit-events__action .btn--outline-blue {
    border-color: var(--c-blue-dark);
    color: var(--c-blue-dark);
}

.visit-events__action .btn--outline-blue:hover {
    background-color: var(--c-blue-dark);
    color: var(--c-blue-light);
}
/* ==========================================================================
   STICKY BAR
   ========================================================================== */
.events-sticky-wrapper {
    position: sticky;
    bottom: 2vw; 
    margin-bottom: 5vw; 
    z-index: 99;
    display: flex;
    justify-content: center;
    pointer-events: none;
}

.events-sticky-bar {
    padding: 0.5rem 2rem 0.5rem 0.5rem;
    border-radius: 2.77777778rem;
    display: inline-flex;
    align-items: center;
    gap: 1.5vw;
    pointer-events: auto;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
    background: rgba(66, 43, 130, 0.90);
    backdrop-filter: blur(6.400000095367432px);
}

.events-sticky-bar__text {
    color: var(--c-purple-light);
    font-family: var(--ff-headings);
    font-size: 1.333rem;
    font-weight: 700;
}

.events-sticky-bar__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--c-purple-light);
    border-radius: 2.77777778rem;
    color: var(--c-purple-light);
    font-family: var(--ff-headings);
    font-size: 1.111rem;
    font-weight: 700;
    text-decoration: none;
    padding: 0.75rem 2rem;
    transition: all 0.3s ease;
}

.events-sticky-bar__btn:hover {
    background-color: var(--c-lava-light);
    color: var(--c-purple-dark);
    border-color: var(--c-lava-light);
}

/* ==========================================================================
   EVENTS ACTIVITIES (NESTED ABSOLUTE LAYOUT)
   ========================================================================== */
.events-activities-sec {
    position: relative;
    background-color: var(--c-lava-dark);
    padding-top: 6vw;
    padding-bottom: 23vw;
    overflow: hidden;
}

.events-activities__container {
    position: relative;
    z-index: 2;
}

.events-list__title {
    color: var(--c-lava-light);
    font-family: var(--ff-body);
    font-size: 1.222rem;
    font-weight: 400;
    margin-bottom: 2rem;
    font-family: var(--ff-headings);
}

.events-list {
    list-style: none;
    padding: 0; margin: 0;
    display: flex;
    flex-direction: column;
}

.events-list__item > a {
    position: relative; 
    display: flex;
    align-items: center;
    padding: 1.5rem 2.5rem;
    border-bottom: 2px solid var(--c-lava-light);
    cursor: none;
    min-height: 120px; 
}

.events-list__item:first-child > a {
   border-top: 2px solid var(--c-lava-light);
}

.events-list__item-title {
    flex: 0 0 30%; 
    color: var(--c-lava-light); 
    font-family: var(--ff-headings);
    font-size: 3.5rem; 
    line-height: 1.1;
    font-weight: 700;
    transition: color 0.3s ease;
    position: relative;
    z-index: 2;
}

.event-display-item {
    position: absolute;
     width: 100%;
     height: 100%;
     right: 0;
     top: 50%;
     transform: translateY(-50%);
     display: flex;
     align-items: center;
     justify-content: flex-end;
     opacity: 0;
     visibility: hidden;
     pointer-events: none;
     transition: all 0.3s ease;
     z-index: 1;
}

.events-list__item:hover .event-display-item,
.events-list__item.active .event-display-item {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.event-display-item__info {
   display: flex;
   align-items: center;
    background-color: rgba(202, 194, 175, 0.1);
     padding: 1rem 30% 1rem 2rem;
     border-radius: 12px;
     min-width: 100%;
     height: 100%;
     position: relative;
}

.event-params {
    list-style: none;
    padding: 0; margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.event-params li {
    color: var(--c-lava-light);
    font-size: 1.111rem;
    font-weight: 700;
    position: relative;
    padding-right: 1.5rem;
}

.event-params li::before {
    content: '';
    position: absolute;
    right: 0; 
    top: 0.35rem; 
    width: 12px;
    height: 12px;
    background-image: url('assets/img/icon-plus.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.event-display-item__image {
    position: absolute;
    left: 0; 
    top: 50%;
    transform: translateY(-50%);
    width: 16.44444444rem;
    height: 15.5rem;
    z-index: 2;
    -webkit-mask-image: url('assets/img/event-mask.svg');
    mask-image: url('assets/img/event-mask.svg');
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
}

.event-display-item__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ==========================================================================
   CUSTOM CURSOR (סמן מותאם)
   ========================================================================== */
.custom-cursor {
    position: fixed;
    top: 0; left: 0;
    width: 60px; height: 60px;
    pointer-events: none;
    z-index: 9999;
    opacity: 0;
    transform: translate(-50%, -50%);
    transition: opacity 0.2s ease;
    
    /* הטריק: המסכה חותכת את התוכן בדיוק בצורה של הכתם האדום! */
    overflow: hidden;
    -webkit-mask-image: url('assets/img/red-stain.svg');
    mask-image: url('assets/img/red-stain.svg');
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
}

.custom-cursor.is-visible { opacity: 1; }

.custom-cursor__bg { 
    position: absolute; 
    inset: 0; 
    width: 100%; 
    height: 100%; 
}

.custom-cursor__arrow {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    /* אנימציה חדשה ומהירה יותר, נמשכת 2.5 שניות למחזור */
    animation: fastFlyLoop 3s infinite;
}

/* אנימציה מהירה: עף החוצה ומיד קופץ לצד השני כדי לחזור, ללא פייד */
@keyframes fastFlyLoop {
    0% { transform: translate(-50%, -50%); }
    6% { transform: translate(-200%, -200%); } /* עף מהר מאוד שמאלה ולמעלה (150ms) */
    6.1% { transform: translate(100%, 100%); } /* קופץ מתחת למסכה לצד הנגדי כדי להכין חזרה */
    12% { transform: translate(-50%, -50%); } /* חוזר מהר למרכז (150ms) */
    100% { transform: translate(-50%, -50%); } /* מחכה במקום עד הסייקל הבא */
}

/* ==========================================================================
   EVENTS FORM (ABSOLUTE OVERLAP & EXACT HEIGHTS)
   ========================================================================== */

/* הסקשן הזה הוא עכשיו הסקשן התחתון (הקרם). הוא מקבל פאדינג תחתון שיוצר
   את החלל הפיזי כדי שהטופס האבסולוטי יוכל לשבת בתוכו בלי להסתיר אלמנטים */
.events-form-sec {
    position: relative;
    background-color: var(--c-cream, #EBE6D9); /* רקע קרם */
    padding-bottom: 576px; /* יוצר את המקום לטופס שיושב אבסולוטי מעליו */
    z-index: 10;
    margin-top: 0;
}

.events-form-bg-pattern {
    position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     top: 0;
     background-image: url(assets/img/logo-pattern.svg);
     background-repeat: repeat-x;
     background-position: right -8vw top 3vw;
     background-size: auto;
     z-index: 0;
     pointer-events: none;
}

/* הטופס עולה על החלק הכהה ויושב ברובו על הקרם */
.events-form-wrapper {
    position: absolute;
    top: -16vw; /* מושך את הטופס למעלה אל תוך הסקשן הכהה */
    left: 50%;
    transform: translateX(-50%);
    z-index: 2; 
    background-color: var(--c-lava-light, #CAC2AF); /* רקע קרם לטופס */
    padding: 3rem 7.3rem;
    width: 100%;
    max-width: 810px; 
    height: 687px;
    /* הורדתי גובה קשיח - הגובה ייקבע לפי השדות */
    margin: 0 auto;
    text-align: center;
    border-radius: 2rem; 
    -webkit-mask-image: url('assets/img/form-mask.svg');
    mask-image: url('assets/img/form-mask.svg');
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
}

.events-form__title {
    color: var(--c-lava-dark);
    font-family: var(--ff-headings);
    font-size: 2.5rem;
    font-weight: 700;
    margin: 0 0 0.5rem 0;
}

.events-form__subtitle {
    color: var(--c-lava-dark);
    font-size: 1.33333333rem;
    margin-bottom: 1.5rem;
}

.form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.4rem;
    margin-bottom: 0.3rem;
}

.form-group.full-width { grid-column: 1 / -1; }

/* הגדרות כלליות לשדות - יישור לימין! */
.custom-events-form input[type="text"],
.custom-events-form input[type="email"],
.custom-events-form input[type="tel"],
.custom-events-form input[type="date"],
.custom-events-form select,
.custom-events-form textarea {
    width: 100%;
    background: transparent;
    border: 1px solid rgba(56, 52, 50, 0.4);
    border-radius: 8px; 
    color: var(--c-lava-dark);
    font-family: var(--ff-body);
    font-size: 0.95rem;
    outline: none;
    transition: border-color 0.3s ease;
    text-align: right; /* יישור לימין לכל השדות! */
}

/* גובה מדויק של 37 פיקסלים לשדות רגילים */
.custom-events-form input[type="text"],
.custom-events-form input[type="email"],
.custom-events-form input[type="tel"],
.custom-events-form input[type="date"],
.custom-events-form select {
    height: 37px;
    padding: 0 1rem;
}

/* גובה מדויק של 64 פיקסלים להערות (textarea) */
.custom-events-form textarea {
    height: 64px;
    padding: 0.6rem 1rem;
    resize: none;
}

.custom-events-form input:focus,
.custom-events-form select:focus,
.custom-events-form textarea:focus {
    border-color: var(--c-lava-dark);
}

.custom-events-form input::placeholder,
.custom-events-form textarea::placeholder { 
    color: rgba(56, 52, 50, 0.6); 
    text-align: right; /* פלייסהולדרים מיושרים לימין */
}

/* חצים לאופציות */
.custom-events-form .select-group select {
    -webkit-appearance: none;
    appearance: none;
    background-image: url('assets/img/arrow-down-lightgrey.svg');
    background-repeat: no-repeat;
    background-position: left 1rem center; /* חץ נשאר בצד שמאל */
    background-size: 12px;
    cursor: pointer;
}

/* אייקון לוח השנה עבור שדה התאריך (שהוא עכשיו טקסט) */
.custom-events-form .date-group input[type="text"] {
    background-image: url('assets/img/icon-calendar.svg');
    background-repeat: no-repeat;
    background-position: left 0.7rem center;
    background-size: 20px;
}

.custom-events-form .form-acceptance input[type="checkbox"] {
   width: 0.9rem !important;
    height: 0.9rem !important;
}

/* צ'קבוקס (נשאר מרוכז ולא מושפע מיישור לימין של שאר הטופס) */
.form-acceptance { display: flex; justify-content: center; margin-bottom: 2rem; }
.form-acceptance .wpcf7-list-item { margin: 0; }

.form-acceptance input[type="checkbox"] {
   padding: 0;
    -webkit-appearance: none !important; appearance: none !important;
    width: 1.2rem !important; height: 1.2rem !important;
    background-color: transparent !important;
    border: 1px solid var(--c-lava-dark) !important; border-radius: 4px !important;
    outline: none !important; cursor: pointer !important; position: relative !important;
    display: inline-block !important; vertical-align: middle !important; margin: 0 0 0 0.2rem !important;
}

.form-acceptance input[type="checkbox"]:checked { background-color: var(--c-lava-dark) !important; }
.form-acceptance input[type="checkbox"]:checked::after {
    content: "" !important; position: absolute !important;
    left: 5px !important; top: 1px !important;
    width: 5px !important; height: 10px !important;
    border: solid var(--c-lava-light) !important; border-width: 0 2px 2px 0 !important;
    transform: rotate(45deg) !important;
}

.form-acceptance .wpcf7-list-item-label {
    color: var(--c-lava-dark) !important; font-size: 0.888rem !important;
    vertical-align: middle !important; cursor: pointer !important;
}

/* כפתור שליחה */
.form-submit .btn-solid-dark {
    background-color: var(--c-lava-dark); color: var(--c-lava-light);
    border: none; padding: 0.3rem 1.1rem; border-radius: 50px;
    font-family: var(--ff-headings); font-size: 1rem; font-weight: 400;
    cursor: pointer; transition: background-color 0.3s ease;
}

.form-submit .btn-solid-dark:hover { background-color: var(--c-yellow); color: var(--c-lava-dark);}




/* ==========================================================================
   GLAMPING - GREEN ANNOUNCEMENT BAR
   ========================================================================== */
.announcement-bar {
    position: fixed;
    top: var(--header-h); /* ממוקם בול מתחת להדר */
    left: 0; right: 0;
    background-color: var(--c-green-light, #5FD59A);
    color: var(--c-lava-dark);
    z-index: 98; /* מתחת להדר אבל מעל שאר האתר */
    font-family: var(--ff-body);
    font-weight: 700;
    transition: transform 0.3s ease;
}

.announcement-bar.is-hidden {
    transform: translateY(calc(-100% - var(--header-h)));
}

.announcement-bar__inner {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.6rem 2rem;
    position: relative;
}

.announcement-bar__items {
    display: flex;
    align-items: center;
    /* הסרנו את ה-gap כדי שהריווח ינוהל על ידי הפאדינג של הפריטים עצמם */
}

.a-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1.111rem;
    padding: 0 1.5rem; /* ריווח פנימי שיוצר את המרחק מהקו המפריד */
    border-left: 1px solid var(--c-lava-dark); /* הקו המפריד בצד שמאל */
    line-height: 1; /* שומר שהקו לא יהיה גבוה מדי */
}

/* מורידים את הקו המפריד מהפריט האחרון בצד שמאל (התשלום בהגעה) */
.a-item:last-child {
    border-left: none;
    padding-left: 0;
}

/* מסירים את הפאדינג הימני מהפריט הראשון (הנחה למזמינים) כדי שיישאר ממורכז טוב */
.a-item:first-child {
    padding-right: 0;
}

.a-item img {
    width: 1.2rem;
    height: auto;
}

.announcement-bar__close {
    position: absolute;
    right: 2vw;
    background: transparent;
    border: none;
    padding: 0.5rem; /* אזור לחיצה נוח */
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform var(--t-fast);
}

.announcement-bar__close img {
    width: 0.8rem; /* גודל האיקס - אפשר להגדיל/להקטין לפי הצורך */
    height: auto;
    display: block;
}

.announcement-bar__close:hover {
    transform: scale(1.1);
}

/* מרווח עליון ל-main שיפצה על גובה ההדר + הבר הירוק */
.glamping-page {
    padding-top: 0 !important; 
}

/* ==========================================================================
   GLAMPING - HERO (UPDATED FULL WIDTH MASK)
   ========================================================================== */
.glamping-hero {
    position: relative;
    width: 100%;
    /* הגדלנו את הגובה כדי שיהיה יותר אוויר והתמונה תשב טוב כמו בעיצוב */
    height: 65vw; 
    min-height: 700px;
    display: flex;
    align-items: flex-end;
    /* יישור הקונטיינר של הטקסט לימין */
    padding-bottom: 22vw; /* מפנה מקום פיזי לווידג'ט בתחתית */
    padding-right: 5vw; /* מרווח ימני כללי מהקצה */
}

/* התמונה והמסיכה - על כל הרוחב! */
.glamping-hero__bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    /* המסכה נפרסת על כל הרוחב כדי שלא יהיו רווחים בצדדים */
    -webkit-mask-image: url('assets/img/glamping-hero-mask.svg');
    mask-image: url('assets/img/glamping-hero-mask.svg');
    -webkit-mask-size: cover; 
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    /* מצמידים אותה לתחתית שחותכת את העקומה */
    -webkit-mask-position: center bottom;
    mask-position: center bottom;
}

.glamping-hero__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* הגרדיאנט שהוגדר מעל התמונה */
.glamping-hero__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(111deg, rgba(56, 52, 50, 0.00) 40.64%, #383432 86.12%);
    z-index: 1;
}

/* קונטיינר הטקסט */
.glamping-hero__content {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 650px; /* תוחם את אורך השורות בימין */
    text-align: right; /* מוודא יישור ימינה של כל הטקסטים */
}

.glamping-hero__subtitle {
    display: block;
    color: var(--c-lava-light);
    font-family: var(--ff-body);
    font-size: 1.222rem;
    margin-bottom: 0.5rem;
}

.glamping-hero__title {
    color: var(--c-lava-light);
    font-family: var(--ff-headings);
    font-size: 3.55555556rem;
    line-height: 1;
    margin-bottom: 1.5rem;
}

.glamping-hero__desc {
    color: var(--c-lava-light);
    font-family: var(--ff-body);
    font-size: 1.222rem;
    line-height: 1.4;
    max-width: 600px;
    margin-left: auto; /* דוחף שמאלה אם צריך בגלל RTL, שומר את הטקסט בימין */
}

/* ==========================================================================
   GLAMPING - BOOKING WIDGET (INLINE -> FIXED BOTTOM)
   ========================================================================== */
.glamping-booking-wrap {
    position: absolute;
    bottom: 10vw; /* יורד מתחת למסכה */
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    max-width: 1200px;
    z-index: 10;
    height: 7.4rem; /* שומר על הגובה של האזור הפיזי כדי שהעמוד לא יקפוץ כשזה עף למטה */
}

.glamping-booking-widget {
    width: 100%;
    background-color: var(--c-cream);
    border-radius: 2rem;
    padding: 1.5rem 2rem;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

/* המחלקה המיוחדת שתתווסף ב-JS כשגוללים מעבר להירו */
.glamping-booking-widget.is-sticky-bottom {
    position: fixed;
    bottom: 2vw;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
    box-shadow: 0 -10px 40px rgba(0,0,0,0.2);
    animation: slideUpWidget 0.4s ease forwards;
}

@keyframes slideUpWidget {
    from { transform: translate(-50%, 150%); }
    to { transform: translate(-50%, 0); }
}

/* פלייסחולדר - עיצוב זמני עד להטמעת הקוד */
.booking-placeholder {
    display: flex;
    align-items: center;
    justify-content: space-between;
    direction: ltr; /* נסדר כיוון הפוך כדי שהכפתור יהיה בשמאל */
}

.bp-fields-wrap {
    display: flex;
    align-items: center;
}

.bp-action { margin-right: 2rem; }
.bp-action .btn-solid-dark {
    background-color: var(--c-lava-dark); color: var(--c-lava-light);
    border: none; padding: 1.2rem 3rem; border-radius: 50px;
    font-family: var(--ff-headings); font-size: 1.3rem; font-weight: 700;
    cursor: pointer; transition: background-color 0.3s;
}
.bp-action .btn-solid-dark:hover { background-color: var(--c-yellow); color: var(--c-lava-dark); }

.bp-field {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: right;
    padding: 0 2rem;
    border-right: 1px solid rgba(56,52,50,0.2);
    direction: rtl;
}
.bp-field:last-child { border-right: none; }

.bp-label { font-size: 0.9rem; font-weight: 700; margin-bottom: 0.5rem; color: var(--c-lava-dark); }
.bp-val { display: flex; align-items: center; gap: 1rem; color: var(--c-lava-dark); cursor: pointer;}
.bp-val strong { font-family: var(--ff-headings); font-size: 2.5rem; line-height: 1; }
.bp-val div { font-size: 0.85rem; line-height: 1.2; font-weight: 700; }
.bp-val img { width: 1.2rem; opacity: 0.6; }


/* ==========================================================================
   GLAMPING - PROMO BANNER
   ========================================================================== */
.promo-banner-sec {
    position: relative;
    padding: 8vw 0; /* מרווח מלמעלה ולמטה */
    display: flex;
    justify-content: center;
    align-items: center;
    /* הגדרות קריטיות לאנימציית הסגירה החלקה */
    transition: opacity 0.4s ease, padding 0.5s ease, height 0.5s ease, margin 0.5s ease;
    overflow: hidden; /* מונע מהתמונה לבלוט כשהסקשן מתכווץ */
}

/* המחלקה שמוספת ב-JS בלחיצה על האיקס */
.promo-banner-sec.is-hidden {
    opacity: 0;
    padding-top: 0;
    padding-bottom: 0;
    height: 0;
    margin: 0;
    pointer-events: none;
}

.promo-banner-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.promo-banner-wrapper {
    position: relative;
    width: 100%;
    max-width: 989px; /* הרוחב שביקשת */
    transform: rotate(5.581deg); /* הזווית המדויקת */
    display: inline-block;
    transition: transform 0.3s ease;
}

.promo-banner__img {
    width: 100%;
    height: auto;
    display: block;
    aspect-ratio: 989 / 422; /* שומר על יחס הגובה-רוחב המקורי */
    object-fit: contain;
}

/* כפתור הסגירה (האיקס) */
.promo-banner__close {
    position: absolute;
    top: -55px; /* מושך את הכפתור קצת החוצה מהפינה */
    right: 55px; 
    background-color: var(--c-lava-dark); /* רקע כהה כמו בעיצוב */
    border: none;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
    transition: transform var(--t-fast), background-color var(--t-fast);
}

.promo-banner__close:hover {
    transform: scale(1.1);
    background-color: var(--c-yellow); /* פידבק ויזואלי למשתמש */
}

/* ==========================================================================
   GLAMPING - TABS SECTION
   ========================================================================== */
.glamping-tabs-sec {
    position: relative;
    padding-bottom: 8vw;
    background-color: var(--c-cream);
}

/* התפריט העליון - הדביק */
.glamping-tabs-nav-wrap {
    position: sticky;
    /* המרחק הראשוני - גובה ההדר (נניח 5vw) + גובה הבר הירוק (בערך 40px) */
    top: calc(var(--header-h) + 2.4rem); 
    z-index: 90;
    background-color: var(--c-cream);
    /* מעבר חלק במקרה שהבר הירוק נסגר וה-top משתנה */
    transition: top 0.3s ease; 
    /* פאדינג שווה למעלה ולמטה כדי שייראה ממורכז אנכית תמיד */
    padding: 0.7rem 0 0; 
    margin-bottom: 10vw;
}
.g-pane__visual-col {
   padding-left: 5vw;
}
.glamping-tabs-nav {
    display: flex;
    justify-content: center; /* מרכוז התפריט כפי שביקשת */
    align-items: center;
    gap: 1rem; /* מרווח קטן בין הטאבים בגלל הפאדינג הפנימי שלהם */
    position: relative;
    /* הסרנו את הבורדר הכללי! */
    border-bottom: none; 
    padding: 0;
}

.glamping-tab {
    display: flex;
    height: 40px;
    padding: 18px 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    
    font-family: var(--ff-headings);
    font-size: 1.333rem;
    color: var(--c-lava-dark);
    
    /* הבורדר האישי לפי העיצוב שלך */
    border-bottom: 1px solid var(--c-lava-dark);
    
    cursor: pointer;
    transition: color var(--t-fast);
    position: relative;
    user-select: none;
}

.glamping-tab:hover {
    color: var(--c-orange, #EA5818);
}

.glamping-tab.active {
    color: var(--c-lava-dark);
}

/* הקו הכתום שמחליק בין הטאבים */
.glamping-tabs-line {
    position: absolute;
    /* מתיישב בדיוק על הבורדר התחתון של הטאבים */
    bottom: 0; 
    height: 3px;
    background-color: var(--c-orange, #EA5818);
    transition: right 0.4s cubic-bezier(0.25, 1, 0.5, 1), width 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    /* במקום radius שמנו צורה חלקה לפי עיצובים נפוצים, אם תרצה אפשר להחזיר border-radius */
}
/* ==========================================================================
   GLAMPING - ABOUT SECTION (היה קודם תוכן הטאב הראשון)
   ========================================================================== */
.glamping-about-sec {
    padding: 3vw 0 6vw;
    background-color: var(--c-cream);
}
/* שאר ההגדרות של .g-pane__inner, .g-pane__title וכו' נשארות כי הן מסדרות את הגריד יפה! */
.g-pane__inner { display: grid; grid-template-columns: 45% 50%; gap: 5%; }
.g-pane__text-col { text-align: right; padding-right: 5vw; padding-top: 2.3vw; }
.g-pane__title { font-family: var(--ff-headings); font-size: 2.66666667rem; line-height: 1.1; color: var(--c-lava-dark); margin-bottom: 1.5rem; }
.g-pane__desc { font-size: 1.222rem; line-height: 1.5; color: var(--c-lava-dark); margin-bottom: 3rem; max-width: 90%; }
.g-pane__icons { display: flex; align-items: flex-end; }
.g-icon-item { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 0.8rem; padding: 0 1.5rem; border-left: 1px dashed rgba(56, 52, 50, 0.3); }
.g-icon-item:last-child { border-left: none; padding-left: 0; }
.g-icon-item:first-child { padding-right: 0; }
.g-icon-val { font-family: var(--ff-headings); font-size: 2.2rem; line-height: 1; color: var(--c-lava-dark); }
.g-icon-item img { height: 2.2rem; width: auto; }
.g-icon-label { font-size: 0.888rem; font-weight: 700; color: var(--c-lava-dark); text-align: center; }
.g-pane__visual-col img { width: 100%; height: auto; display: block; }

/* ==========================================================================
   GLAMPING - ACCOMMODATIONS (אפשרויות לינה מגוונות)
   ========================================================================== */
.accommodations-sec {
    position: relative;
    padding: 6vw 0;
    background-color: var(--c-cream);
}

/* הקונטיינר החדש שמגביל רוחב וממרכז */
.accom-container {
    width: 100%;
    margin: 0 auto; /* מרכוז */
    padding: 0 5vw; /* פאדינג מהצדדים למובייל/טאבלט */
}

.accom-header {
    border-bottom: 2px solid var(--c-lava-dark);
    margin-bottom: 3vw;
    padding-bottom: 1rem;
}

.accom-title {
    font-family: var(--ff-headings);
    font-size: 2.2rem;
    color: var(--c-lava-dark);
    margin: 0;
}

.accom-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2vw;
}

.accom-card {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    background-color: var(--c-lava-light, #CAC2AF);
    border-radius: 1.66666667rem;
    cursor: none; 
    overflow: hidden; 
}

.accom-card__img-wrap {
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    border-radius: 30px 30px 0 0;
    /* חובה כדי שהזום לא יפרוץ את הפינות המעוגלות */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.accom-card__img-wrap img {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* הטרנזישן לזום */
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important;
    will-change: transform;
}

.accom-card__content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: 2rem;
    border-radius: 30px; 
}

/* סידור מחדש - כותרת ואז אייקונים מתחתיה */
.accom-card__head {
    display: flex;
    flex-direction: column; 
    align-items: flex-start; 
    margin-bottom: 1.2rem;
    gap: 0.6rem; 
}

.accom-card__name {
    font-family: var(--ff-headings);
    font-size: 2rem;
    color: var(--c-lava-dark);
    margin: 0;
}

.accom-card__meta {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-family: var(--ff-body);
    font-size: 1.111rem;
    font-weight: 400;
    color: var(--c-lava-dark);
}

.accom-card__meta img {
    width: 28px;
    height: auto;
}

/* ==========================================================================
   ACCOMMODATIONS - MISSING CSS (טקסט וכפתור)
   ========================================================================== */

.accom-card__desc {
    font-family: var(--ff-body);
    font-size: 1.111rem;
    line-height: 1.4;
    color: var(--c-lava-dark);
    margin-bottom: 2.5rem;
    flex-grow: 1; /* דוחף את הכפתור תמיד למטה למראה אחיד של כל הכרטיסיות */
}

.accom-card__action {
    text-align: center;
    margin-top: auto;
}

/* הכפתור בתוך הכרטיסייה */
.accom-btn {
    display: inline-block;
    padding: 0.6rem 1.8rem;
    border: 1px solid var(--c-lava-dark);
    border-radius: 50px;
    font-family: var(--ff-headings);
    font-size: 1.111rem;
    color: var(--c-lava-dark);
    background-color: transparent;
    transition: all 0.3s ease;
}

/* ==========================================================================
   ACCOMMODATIONS - HOVER EFFECTS
   ========================================================================== */

/* ריחוף על כל הכרטיסייה צובע את הכפתור לחום */
.accom-card:hover .accom-btn {
    background-color: var(--c-lava-dark);
    color: var(--c-lava-light);
}

/* ריחוף על הכרטיסייה עושה זום אין פנימי לתמונה */
.accom-card:hover .accom-card__img-wrap img {
    transform: scale(1.08) !important;
}


/* ==========================================================================
   GLAMPING - REASONS (למה לישון בגלמפינג)
   ========================================================================== */
.glamping-reasons-sec {
    background-color: var(--c-lava-dark, #383432);
    padding: 8vw 0;
    text-align: center;
}

.g-reasons-header {
    margin-bottom: 4vw;
}

.g-reasons-subtitle {
    display: block;
    color: var(--c-lava-light);
    font-family: var(--ff-body);
    font-size: 1.111rem;
    margin-bottom: 0.5rem;
}

.g-reasons-title {
    color: var(--c-lava-light);
    font-family: var(--ff-headings);
    font-size: 2.66666667rem;
    line-height: 1.1;
    margin: 0;
}

/* סידור הכרטיסיות בשורה */
.g-reasons-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 עמודות שוות */
    gap: 1.5vw;
    margin-bottom: 4vw;
}

/* התאמת הצבע של פאנל הריחוף במיוחד לגלמפינג (צבע חול, טקסט כהה) */
.poi-card[data-color="glamping"] .poi-card__hover {
    background-color: var(--c-lava-light, #CAC2AF);
    color: var(--c-lava-dark, #383432);
}

/* כפתור תחתון (Outline בהיר) */
.g-reasons-action {
    text-align: center;
    margin-top: 3vw;
}

.btn-outline-light {
    display: inline-block;
    padding: 0.8rem 2.5rem;
    border: 1px solid var(--c-lava-light);
    border-radius: 2.77777778rem;
    font-family: var(--ff-headings);
    font-size: 1.222rem;
    color: var(--c-lava-light);
    background-color: transparent;
    transition: all 0.3s ease;
    text-decoration: none;
}

.btn-outline-light:hover {
    background-color: var(--c-lava-light);
    color: var(--c-lava-dark);
}


/* ==========================================================================
   GLAMPING - AREA ACTIVITIES (מה יש לעשות באזור)
   ========================================================================== */
.glamping-area {
    background-color: var(--c-cream);
    padding: 8vw 0;
    position: relative;
    z-index: 10;
    overflow: hidden;
}

/* טקסט הרקע הפנורמי (משתמש במנגנון הפרלקס הקיים שלך) */
.glamping-area__bg-text {
    position: absolute;
    top: -5%; 
    left: 1rem; /* מוצמד לשמאל המסך */
    height: 63.77777778rem;
    z-index: 0;
    pointer-events: none;
    will-change: transform;
}

.glamping-area__bg-text img {
    height: 100%;
    width: auto;
    max-width: none;
    display: block;
    /* אין שקיפות ב-CSS כי היא מגיעה מובנית בתמונה כפי שביקשת */
}

.glamping-area__wrap {
    position: relative;
    z-index: 2;
}

.glamping-area__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end; /* מיישר את הפילטרים לחלק התחתון של הכותרת */
    margin-bottom: 4vw;
}

.glamping-area__titles {
    display: flex;
    flex-direction: column;
    max-width: 600px;
}

.glamping-area__subtitle {
    color: var(--c-lava-dark);
    font-weight: 400;
    margin-bottom: 0.5rem;
}

.glamping-area__title {
    color: var(--c-lava-dark);
    font-family: var(--ff-headings);
    font-size: 3.5rem;
    line-height: 1.1;
    margin: 0 0 1rem 0;
}

.glamping-area__desc {
    color: var(--c-lava-dark);
    font-size: 1.111rem;
    line-height: 1.4;
    margin: 0;
}

/* הפילטרים משמאל */
.area-filters {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.area-filter-btn {
    border: 1px solid var(--c-lava-dark);
    color: var(--c-lava-dark);
    background: transparent;
    border-radius: 6px;
    padding: 0.3rem 1rem;
    font-family: var(--ff-body);
    font-size: 1rem;
    cursor: pointer;
    transition: var(--t-fast);
}

.area-filter-btn:hover, 
.area-filter-btn.is-active {
    background-color: var(--c-lava-dark);
    color: var(--c-cream);
}

/* כרטיסיות האזור (מבוססות על גריד האירועים אבל ממורכזות) */
.area-card {
    display: flex;
    flex-direction: column;
    color: var(--c-lava-dark);
    text-decoration: none;
}

.area-card__img {
    position: relative;
    width: 100%;
    padding-top: 100%; /* יוצר ריבוע 1:1 */
    border-radius: 1.66666667rem;
    overflow: hidden;
    margin-bottom: 1.2rem;
}

.area-card__img img {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    object-fit: cover;
    transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
}

.area-card:hover .area-card__img img {
    transform: scale(1.08);
}

.area-card__badge {
    position: absolute;
    top: 1rem; right: 1rem;
    background-color: var(--c-lava-dark);
    color: var(--c-lava-light);
    padding: 0.2rem 1rem;
    border-radius: 999px;
    font-size: 0.888rem;
    font-weight: 700;
    z-index: 2;
}

/* וריאציות צבעים לתגיות (Badges) */
.area-card__badge--orange { background-color: var(--c-orange, #EA5818); color: var(--c-yellow); }
.area-card__badge--green { background-color: var(--c-green-light, #5FD59A); color: var(--c-lava-dark); }

.area-card__title {
    margin-bottom: 0.5rem;
    line-height: 1.1;
    color: var(--c-lava-dark);
}

.area-card__meta {
    margin: 0;
    opacity: 0.8;
}

.glamping-area__action {
    text-align: center;
    margin-top: 4vw;
}

/* ==========================================================================
   GLAMPING - TESTIMONIALS SLIDER
   ========================================================================== */
.glamping-testimonials-sec {
    background-color: var(--c-purple-dark, #422B82);
    padding: 8vw 0;
    position: relative;
    overflow: hidden;
}

.glamping-testimonials-sec .splide__track {
   overflow: unset !important;
}

.g-testim-slide {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5vw;
    padding: 0 8vw;
}

/* התוכן עצמו */
.g-testim-slide__text {
    width: 50%;
    color: var(--c-purple-light, #C2A4FF);
    font-family: var(--ff-headings);
    font-size: 1.77777778rem;
    line-height: 1.1;
}

.g-testim-slide__visual {
    width: 45%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.g-testim-slide__img-box {
    position: relative;
    display: inline-block;
    margin-bottom: 1.5rem;
}

.g-testim-slide__img-box img {
    width: 100%;
    max-width: 420px;
    height: auto;
    display: block;
    box-shadow: 0 10px 40px rgba(0,0,0,0.4);
}

/* זווית וגודל שונים לכל תמונה */
.img-var-1 { transform: rotate(-3deg) scale(0.95); }
.img-var-2 { transform: rotate(2deg) scale(1.02); }
.img-var-3 { transform: rotate(-1deg) scale(1); }

/* הצלוטייפים */
.g-testim-tape {
    width: 72px;
    height: 9px;
    transform: rotate(-30deg);
    opacity: 0.3;
    background: var(--c-purple-light, #C2A4FF);
    position: absolute;
    z-index: 10;
}

.g-testim-tape--tl { top: -4px; left: -15px; }
.g-testim-tape--br { bottom: -4px; right: -15px; }

.g-testim-slide__caption {
    color: var(--c-purple-light, #C2A4FF);
    font-family: var(--ff-body);
    font-size: 1.111rem;
}
/* ==========================================================================
   SPLIDE - RTL FADE BULLETPROOF FIX
   ========================================================================== */
/* מבטלים את פריסת השורות של ספלייד */
.splide--glamping-testim .splide__list {
    display: block !important;
}

/* כל השקפים יושבים בדיוק באותה נקודה (חופפים) ומוסתרים */
.splide--glamping-testim .splide__slide {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    width: 100% !important;
    /* הנה שורת המחץ: מנטרלים לחלוטין את הטרנסלייט השבור שרואים בוידאו! */
    transform: none !important; 
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity 0.8s ease, visibility 0.8s ease !important;
}

/* רק השקף הפעיל נראה ונותן את הגובה לקונטיינר */
.splide--glamping-testim .splide__slide.is-active {
    position: relative !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 2 !important;
}

/* ==========================================================================
   ANIMATIONS (SMOOTH SLIDE UP)
   ========================================================================== */
.g-testim-slide__text,
.g-testim-slide__visual {
    transform: translateY(30px);
    transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
}

.splide__slide.is-active .g-testim-slide__text {
    transform: translateY(0);
    transition-delay: 0.1s;
}

.splide__slide.is-active .g-testim-slide__visual {
    transform: translateY(0);
    transition-delay: 0.3s;
}

/* ==========================================================================
   SPLIDE - PROGRESS BAR & ARROWS
   ========================================================================== */
.splide--glamping-testim .splide__progress {
    background: rgba(194, 164, 255, 0.2); 
    height: 2px;
    max-width: 350px;
    margin: 5vw auto 0;
}

.splide--glamping-testim .splide__progress__bar {
    background: var(--c-purple-light, #C2A4FF);
    height: 100%;
    width: 0;
    transition: none !important; 
}

.splide--glamping-testim .splide__arrows {
    display: block; 
}

.splide--glamping-testim .splide__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%); 
    background: transparent;
    border: none;
    width: 40px; 
    height: 40px;
    z-index: 10;
    cursor: pointer;
}

.splide--glamping-testim .splide__arrow--prev { right: 2vw; }
.splide--glamping-testim .splide__arrow--next { left: 2vw; }

.splide--glamping-testim .splide__arrow img {
    width: 14px; 
    height: auto;
    transition: transform 0.3s ease; 
}

.splide--glamping-testim .splide__arrow:hover img {
    transform: scale(1.5);
}

/* ==========================================================================
   GLAMPING - FAQ (מידע שחשוב לדעת)
   ========================================================================== */
.glamping-faq-sec {
    background-color: var(--c-cream);
    padding-top: 6vw;
    padding-bottom: 6vw;
}

.glamping-faq__header {
    border-bottom: 2px solid var(--c-lava-dark);
    margin-bottom: 3rem;
    display: flex;
}

.glamping-faq__title {
    color: var(--c-lava-dark);
    font-family: var(--ff-headings);
    font-size: 2rem; /* קטן יותר וסולידי */
    margin: 0;
}


/* ==========================================================================
   GROUPS PAGE - HERO SECTION
   ========================================================================== */
.groups-hero {
    position: relative;
    background-color: var(--c-lava-dark, #383432);
    /* פאדינג עליון שלוקח בחשבון את ההדר הדביק */
    padding: calc(var(--header-h) + 3vw) 0 4vw 0; 
    overflow: hidden;
}

.groups-hero__container {
    display: grid;
    /* חלוקה לגריד: הטקסט מימין תופס פחות מקום, התמונה משמאל גדולה יותר */
    grid-template-columns: 30% 70%; 
    gap: 0;
}

.groups-breadcrumbs {
    font-family: var(--ff-body);
    font-size: 0.9rem;
    color: var(--c-lava-light, #CAC2AF);
    opacity: 0.7;
    margin-bottom: 4rem;
}

.groups-breadcrumbs a {
    color: inherit;
    text-decoration: none;
    transition: opacity var(--t-fast);
}

.groups-breadcrumbs a:hover {
    opacity: 1;
}

.groups-hero__title {
    font-family: var(--ff-headings);
    font-size: 3.55555556rem; /* כותרת ענקית לפי העיצוב */
    line-height: 0.95;
    color: var(--c-lava-light, #CAC2AF);
    margin-bottom: 2rem;
}

.groups-hero__desc {
    font-family: var(--ff-body);
    font-size: 1.111rem;
    line-height: 1.5;
    color: var(--c-lava-light, #CAC2AF);
    max-width: 90%;
}

/* --- צד שמאל (סליידר ומסכה) --- */
.groups-hero__visual {
    position: relative;
    width: 100%;
    top: -10vw;
     left: -5vw;
}

.groups-hero__mask {
    /* החלת המסכה הייחודית */
    -webkit-mask-image: url('assets/img/groups-mask.svg');
    mask-image: url('assets/img/groups-mask.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: contain; mask-size: contain;
    
    /* מניעת באגים של מסכות יחד עם זום בספארי/כרום */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    
    width: 100%;
    aspect-ratio: 1.25 / 1; /* יחס פנימי למסכה - התאם במידת הצורך לפי העיצוב */
}

/* ==========================================================================
   SPLIDE - GROUPS HERO RTL FADE FIX
   ========================================================================== */
/* מבטלים את פריסת השורות של ספלייד */
.splide--groups-hero .splide__list {
    display: block !important;
}

/* כל השקפים יושבים בדיוק באותה נקודה מוסתרים */
.splide--groups-hero .splide__slide {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    transform: none !important; /* מונע מספלייד להעיף אותם שמאלה */
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity 1.5s ease, visibility 1.5s ease !important; 
}

/* השקף הפעיל נראה ונותן את הגובה */
.splide--groups-hero .splide__slide.is-active {
    position: relative !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 2 !important;
}

/* ==========================================================================
   KEN BURNS EFFECT (זום איטי)
   ========================================================================== */
.splide--groups-hero .splide__slide {
    overflow: hidden; 
}

.splide--groups-hero .splide__slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    /* מעבר איטי מאוד שיוצר את אשליית הזום */
    transition: transform 6s ease-out; 
    will-change: transform;
}

/* התמונה מתחילה לגדול רק כשהשקף הופך לפעיל */
.splide--groups-hero .splide__slide.is-active img {
    transform: scale(1.08); 
}

/* אנימציית Ken Burns (הזום האיטי) */
.splide--groups-hero .splide__slide {
    overflow: hidden; /* מבטיח שהזום לא יפרוץ מחוץ לשקף */
}

.splide--groups-hero .splide__slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    /* מעבר איטי ורך מאוד של 6 שניות שיוצר את אשליית הזום */
    transition: transform 6s ease-out; 
    will-change: transform;
}

/* כשהשקף פעיל, התמונה גדלה בהדרגה */
.splide--groups-hero .splide__slide.is-active img {
    transform: scale(1.08); /* גדלה ב-8% פנימה */
}

/* --- פילטרים --- */
.groups-hero__filters-wrap {
    display: flex;
    justify-content: center;
    margin-top: -7vw;
}

.groups-filters {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    justify-content: center;
}

.g-filter-btn {
    background-color: transparent;
    border: 1px solid rgba(202, 194, 175, 0.5); /* צבע חול חצי שקוף למסגרת */
    color: var(--c-lava-light, #CAC2AF);
    padding: 0.6rem 1.8rem;
    border-radius: 0.55555556rem;
    font-family: var(--ff-headings);
    font-size: 1.111rem;
    cursor: pointer;
    transition: all 0.3s ease;
}

.g-filter-btn:hover,
.g-filter-btn.is-active {
    background-color: var(--c-lava-light, #CAC2AF);
    color: var(--c-lava-dark, #383432);
    border-color: var(--c-lava-light, #CAC2AF);
}

/* ==========================================================================
   GROUPS - ACTIVITIES
   ========================================================================== */
.groups-activities-sec {
       position: relative;
       padding: 6vw 0;
       background-color: var(--c-cream);
       /* cursor: none; <-- למחוק את השורה הזו כדי שהעכבר לא ייעלם בין הכרטיסיות! */
   }

.activities-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2vw;
}

/* על הכרטיסייה עצמה ה-cursor: none נשאר, כדי ששם העין שלנו תחליף אותו */
.activity-card {
    width: calc(33.333% - 1.34vw);
    aspect-ratio: 1 / 1.1; 
    text-decoration: none;
    cursor: none; /* כאן זה נכון להשאיר */
}

.activity-card__inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: var(--c-lava-light, #CAC2AF);
    transition: background-color 0.4s ease;
    
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

/* חלוקת המסכות בצורה מחזורית */
.activity-card:nth-child(6n+1) .activity-card__inner { mask-image: url('assets/img/activity-mask-1.svg'); }
.activity-card:nth-child(6n+2) .activity-card__inner { mask-image: url('assets/img/activity-mask-2.svg'); }
.activity-card:nth-child(6n+3) .activity-card__inner { mask-image: url('assets/img/activity-mask-3.svg'); }
.activity-card:nth-child(6n+4) .activity-card__inner { mask-image: url('assets/img/activity-mask-4.svg'); }
.activity-card:nth-child(6n+5) .activity-card__inner { mask-image: url('assets/img/activity-mask-5.svg'); }
.activity-card:nth-child(6n+6) .activity-card__inner { mask-image: url('assets/img/activity-mask-6.svg'); }

/* ==========================================================================
   CUSTOM CURSOR (העין הצהובה - עמוד קבוצות)
   ========================================================================== */
.custom-cursor-eye {
    position: fixed;
    top: 0;
    left: 0;
    width: 80px; 
    height: 80px;
    pointer-events: none; 
    z-index: 9999;
    
    /* ממרכז את הסמן בדיוק לקצה החץ של העכבר הרגיל */
    transform: translate(-50%, -50%); 
    opacity: 0;
    visibility: hidden;
    
    /* ללא transition בכלל! מופיע ונעלם באופן מיידי כמו מתג */
    
    display: flex;
    justify-content: center;
    align-items: center;
}

/* הופעה מיידית */
.custom-cursor-eye.is-visible {
    opacity: 1;
    visibility: visible;
}

/* הרקע הצהוב/כתום */
.custom-cursor-eye__bg {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain;
    z-index: 1;
}

/* האייקון של העין / לוטי */
.custom-cursor-eye__icon {
    position: relative;
    z-index: 2;
    width: 45%; 
    height: auto;
}

/* ==========================================================================
   DYNAMIC HEIGHTS (THE RIGID EXPAND EFFECT)
   ========================================================================== */
.activity-card__img {
    width: 100%;
    /* מצב רגיל - התמונה תופסת יותר מקום */
    height: 65%; 
    overflow: hidden;
    /* הטרנזישן שאחראי על העלייה הקשיחה והחלקה של הגבול */
    transition: height 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

.activity-card__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.activity-card:hover .activity-card__img {
    /* בהובר התמונה מתכווצת ונותנת מקום לחלק התחתון לעלות */
    height: 45%; 
}

.activity-card:hover .activity-card__img img {
    transform: scale(1.08); 
}

.activity-card__content {
    position: relative;
    /* מצב רגיל - החלק התחתון קטן יותר */
    height: 45%; 
    overflow: hidden; 
    /* טרנזישן תואם לתמונה כדי שהכל יזוז יחד */
    transition: height 0.5s cubic-bezier(0.25, 1, 0.5, 1);
    padding: 0 2rem;
}

.activity-card:hover .activity-card__content {
    /* בהובר החלק הצבעוני גדל ועולה קשיח למעלה! */
    height: 55%; 
}

/* ==========================================================================
   TEXT POSITIONING & ANIMATION (לפי ה-CSS שלך)
   ========================================================================== */
.activity-card__text-anim {
    position: absolute;
    /* ה-CSS המדויק שביקשת */
    top: 1rem; 
    left: 1.5rem;
    right: 1.5rem;
    transform: none; 
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.activity-card__title {
    font-family: var(--ff-headings);
    font-size: 1.33333333rem;
    line-height: 1.1;
    color: var(--c-lava-dark);
    margin: 0;
    transition: color 0.4s ease;
}

/* טריק הגריד לפתיחה חלקה של הטקסט */
.activity-card__desc-wrap {
    display: grid;
    grid-template-rows: 0fr;
    width: 100%;
    transition: grid-template-rows 0.5s cubic-bezier(0.25, 1, 0.5, 1);
    padding: 0 2rem;
}

.activity-card:hover .activity-card__desc-wrap {
    grid-template-rows: 1fr; 
}

.activity-card__desc-inner {
    overflow: hidden;
}

.activity-card__desc {
    font-family: var(--ff-body);
    font-size: 1rem;
    line-height: 1.3;
    color: var(--c-lava-dark);
    margin: 0;
    padding-top: 0.5rem; /* רווח קטן וקשיח בין הכותרת לטקסט */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    
    /* מוסתר למטה במצב רגיל - רק החלקה בלי פייד */
    transform: translateY(100%);
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), color 0.4s ease;
}

.activity-card:hover .activity-card__desc {
    /* מחליק פנימה כשמרחפים */
    transform: translateY(0);
}

/* ==========================================================================
   COLOR VARIATIONS ON HOVER
   ========================================================================== */
.activity-card[data-color="lava-dark"]:hover .activity-card__inner { background-color: var(--c-lava-dark); }
.activity-card[data-color="blue-light"]:hover .activity-card__inner { background-color: var(--c-blue-light, #A4C5D7); }
.activity-card[data-color="yellow"]:hover .activity-card__inner { background-color: var(--c-yellow, #F4B842); }
.activity-card[data-color="green-dark"]:hover .activity-card__inner { background-color: var(--c-green-dark, #3B5F4A); }
.activity-card[data-color="orange"]:hover .activity-card__inner { background-color: var(--c-orange, #EA5818); }

.activity-card[data-color="lava-dark"]:hover .activity-card__title,
.activity-card[data-color="lava-dark"]:hover .activity-card__desc,
.activity-card[data-color="green-dark"]:hover .activity-card__title,
.activity-card[data-color="green-dark"]:hover .activity-card__desc {
    color: var(--c-cream);
}
.activity-card[data-color="orange"]:hover .activity-card__title,
.activity-card[data-color="orange"]:hover .activity-card__desc {
    color: var(--c-yellow);
}




/* ==========================================================================
   SINGLE ACTIVITY - HERO SECTION (SIMPLE & SPECIAL)
   ========================================================================== */
.activity-hero {
    position: relative;
    width: 100%;
    /* גובה ההירו - נותן מספיק מקום לתמונה ולחיתוך */
    height: 62vw; 
    min-height: 600px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end; 
    
    /* מרווחים פנימיים */
    padding-top: calc(var(--header-h) + 2vw);
    /* הגדלנו מ-8vw ל-12vw כדי להרים את הטקסט למעלה */
    padding-bottom: 15vw; 
    
    /* יישום מסיכת ה-SVG לחיתוך התחתון */
    -webkit-mask-image: url('assets/img/activity-simple-mask.svg');
    mask-image: url('assets/img/activity-simple-mask.svg');
    -webkit-mask-size: cover; 
    mask-size: cover;
    -webkit-mask-position: bottom center; 
    mask-position: bottom center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

/* קונטיינר הרקע */
.activity-hero__bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    background-color: lightgray; /* צבע גיבוי כפי שביקשת */
}

.activity-hero__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}

/* האוברליי השחרחר - גרדיאנט שמתעבה כלפי מטה כדי שהטקסט יהיה סופר קריא */
.activity-hero__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(56, 52, 50, 0.9) 0%, rgba(56, 52, 50, 0.3) 50%, rgba(56, 52, 50, 0.6) 100%);
    z-index: 1;
}

/* פירורי הלחם */
.activity-hero__breadcrumbs {
    position: relative;
    z-index: 2;
    font-family: var(--ff-body);
    font-size: 0.9rem;
    color: var(--c-lava-light, #CAC2AF);
    opacity: 0.8;
}

.activity-hero__breadcrumbs a {
    color: inherit;
    text-decoration: none;
    transition: opacity var(--t-fast);
}

.activity-hero__breadcrumbs a:hover {
    opacity: 1;
}

/* אזור הטקסט למטה */
.activity-hero__content {
    position: relative;
    z-index: 2;
    max-width: 800px;
    margin-left: auto; /* שומר על היישור לימין */
}

.activity-hero__title {
    font-family: var(--ff-headings);
    font-size: 3.55555556rem; /* גודל כותרת מרשים כמו בעיצוב */
    line-height: 1;
    color: var(--c-lava-light, #CAC2AF);
    margin-bottom: 1.5rem;
}

.activity-hero__desc {
    font-family: var(--ff-body);
    font-size: 1.222rem;
    line-height: 1.4;
    color: var(--c-lava-light, #CAC2AF);
    max-width: 630px;
}


/* ==========================================================================
   SINGLE ACTIVITY: INFO GRID & LAYOUT
   ========================================================================== */
.activity-info-sec {
    padding: 6vw 0;
    background-color: var(--c-cream);
}

.activity-info__grid {
    display: grid;
    /* ב-RTL העמודה הראשונה היא הימנית (התוכן), והשנייה שמאלית (הטופס) */
    grid-template-columns: 3fr 2fr; 
    gap: 6vw;
    align-items: start;
}

/* ==========================================================================
   ICONS ROW (AUDIENCE & SPECS)
   ========================================================================== */
.activity-audience {
    display: flex;
    align-items: stretch;
    margin-bottom: 3rem;
    border-bottom: 1px solid rgba(56, 52, 50, 0.15);
    padding-bottom: 1.5rem;
}

.activity-audience__item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 0.5rem;
    color: var(--c-lava-dark);
    /* קו מפריד שמאלי - ב-RTL זה הקו בין האלמנטים */
    border-left: 1px solid rgba(56, 52, 50, 0.15);
    font-weight: 700;
    font-size: 0.888rem;
    padding: 0 0.5rem;
}

/* האחרון משמאל לא צריך קו */
.activity-audience__item:last-child {
    border-left: none;
}

.activity-audience__icon {
    height: 2.2rem;
    width: auto;
    object-fit: contain;
}

/* טקסט מיוחד למספרים גדולים כמו "3+" */
.activity-audience__text-big {
    font-family: var(--ff-headings);
    font-size: 2.2rem;
    line-height: 1;
    color: var(--c-lava-dark);
}

/* ==========================================================================
   DESCRIPTION TEXT
   ========================================================================== */
.activity-desc {
    margin-bottom: 4vw;
}

.activity-desc p {
    font-family: var(--ff-body);
    font-size: 1.111rem;
    line-height: 1.5;
    color: var(--c-lava-dark);
    margin: 0;
}

/* ==========================================================================
   SMART GALLERY (FANCYBOX)
   ========================================================================== */
.activity-gallery {
    display: grid;
    /* עמודה ימנית (ראשית) ועמודה שמאלית שוות פחות או יותר ברוחבן */
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.activity-gallery .img-wrap {
    display: block;
    position: relative;
    border-radius: 1.2rem; /* עיגול הפינות */
    overflow: hidden;
    /* אפקט לחיצה/ריחוף לעכבר */
    cursor: pointer;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.activity-gallery .img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.activity-gallery .img-wrap:hover img {
    transform: scale(1.05); /* זום עדין פנימה בהובר */
}

.activity-gallery__col-main {
    height: 100%;
}

.activity-gallery__col-main .img-wrap {
    height: 100%;
    min-height: 350px; /* גובה מינימלי למובייל/טאבלט */
}

.activity-gallery__col-sub {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* התמונות העליונה והתחתונה בעמודה השמאלית תופסות שליש גובה כל אחת */
.activity-gallery__col-sub > .img-wrap {
    flex: 1;
}

/* השורה האמצעית בעמודה השמאלית מתחלקת לשתי תמונות */
.activity-gallery__row-sub {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    flex: 1; /* תופס גם הוא שליש מהגובה */
}

.activity-gallery__row-sub .img-wrap {
    height: 100%;
}

/* אוברליי לתמונה האחרונה ("לגלריה המלאה") */
.more-overlay {
    position: absolute;
    inset: 0;
    background: rgba(56, 52, 50, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    transition: background 0.3s ease;
}

.img-wrap--more:hover .more-overlay {
    background: rgba(56, 52, 50, 0.6);
}

.more-overlay__icon {
    width: auto !important;
    height: 4.5rem !important; /* גודל האייקון + טקסט ב-SVG שלך */
    object-fit: contain !important;
    position: relative;
     top: 0.65rem;
}

/* ==========================================================================
   FORM SIDEBAR (BROWN SHAPE ONLY)
   ========================================================================== */
.activity-info__sidebar {
    position: relative;
    /* נדבק למעלה כשגוללים (אופציונלי אבל מומלץ) */
    position: sticky;
    top: calc(var(--header-h) + 2vw);
}

.activity-form-box {
    width: 100%;
    background-color: var(--c-lava-light, #CAC2AF);
    /* יחס רוחב-גובה שמשקף את המסכה (בערך 4:5 מרובע-גבוה) */
    aspect-ratio: 4 / 4.5; 
    
    /* מסכת הצורה המיוחדת */
    -webkit-mask-image: url('assets/img/activity-form-mask.svg');
    mask-image: url('assets/img/activity-form-mask.svg');
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    
    /* מוכן להכיל את הטופס בהמשך הפיתוח */
    padding: 3vw;
}



/* ==========================================================================
   SINGLE ACTIVITY: CONTENT SECTION (WHAT WE DO & FAQ)
   ========================================================================== */
.activity-content-sec {
    position: relative;
    padding: 6vw 0 10vw;
    background-color: var(--c-cream);
    overflow: hidden; /* מונע מטקסט הרקע לייצר גלילה אופקית במידה והוא חורג */
}

/* טקסט רקע פנורמי ענק (צד שמאל) */
.activity-content__bg-text {
    position: absolute;
    top: 6vw; /* דחפנו אותו משמעותית כלפי מטה כדי שלא ייחתך */
    left: 4vw;
    width: 28.75vw; 
    height: 100%; /* חזרנו ל-100% כי התמונה שומרת על גובה אוטומטי */
    z-index: 0;
    pointer-events: none;
    will-change: transform;
}

.activity-content__bg-text img {
    width: 100%; 
    height: auto; 
    display: block;
}

.activity-content__grid {
    display: grid;
    /* ב-RTL: העמודה הראשונה מימין תופסת 55% מהרוחב, השמאלית 45% נשארת ריקה לטובת הרקע */
    grid-template-columns: 55% 45%; 
    gap: 4vw;
    position: relative;
    z-index: 2;
}

.activity-section-title {
    font-family: var(--ff-headings);
    font-size: 2.222rem;
    color: var(--c-lava-dark);
    margin-bottom: 2rem;
}

/* ==========================================================================
   WHAT WE DO (מה עושים?)
   ========================================================================== */
.activity-wwd {
    margin-bottom: 6vw;
}

.activity-wwd__intro {
    margin-bottom: 2.5rem;
}

.activity-wwd__intro p {
    font-family: var(--ff-body);
    font-size: 1.111rem;
    line-height: 1.4;
    color: var(--c-lava-dark);
    margin: 0;
}

.activity-wwd__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}

.activity-wwd__list li {
    position: relative;
    padding-right: 2rem; /* מפנה מקום לבולט המותאם */
    font-size: 1.111rem;
    line-height: 1.4;
    color: var(--c-lava-dark);
}

.activity-wwd__list li strong {
    font-weight: 700;
}

/* הבולט המותאם (icon-bullet.svg) */
.activity-wwd__list li::before {
    content: '';
    position: absolute;
    top: 0.25rem; /* מתיישר אנכית לשורה הראשונה */
    right: 0;
    width: 1rem;
    height: 1rem;
    background-image: url('assets/img/icon-bullet.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* ==========================================================================
   FAQ (שאלות נפוצות) - ACCORDION STYLES
   ========================================================================== */
.activity-faq__accordion .faq__item { 
    border-bottom: 1px solid rgba(56, 52, 50, 0.2); 
}

.activity-faq__accordion .faq__item:first-child { 
    border-top: none; 
}

.activity-faq__accordion .faq__btn {
    padding: 1.5rem 0;
    font-size: 1.222rem;
    font-weight: 700;
    color: var(--c-lava-dark);
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.activity-faq__accordion .faq__btn-text {
    text-align: right;
    padding-left: 1rem;
}

/* שימוש ב-Grid עבור אנימציית פתיחה חלקה לאקורדיון */
.activity-faq__accordion .faq__panel {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows var(--t-base) ease-in-out;
}

.activity-faq__accordion .faq__item[aria-expanded="true"] .faq__panel {
    grid-template-rows: 1fr;
}

.activity-faq__accordion .faq__panel-inner {
    overflow: hidden;
    padding-bottom: 0;
    opacity: 0;
    transition: opacity var(--t-base), padding var(--t-base);
}

.activity-faq__accordion .faq__item[aria-expanded="true"] .faq__panel-inner {
    padding-bottom: 1.5rem;
    opacity: 1;
}

.activity-faq__accordion .faq__panel-inner p {
    color: var(--c-lava-dark);
    font-size: 1.111rem;
    line-height: 1.4;
    margin: 0;
    opacity: 0.8;
}

/* ==========================================================================
   FAQ ICON (ARROW)
   ========================================================================== */
.faq__icon {
    width: 1.2rem;
    height: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.faq__icon img {
    width: 100%;
    height: auto;
    transition: transform var(--t-base);
}

/* חץ מסתובב למעלה כשהמגירה פתוחה */
.faq__item[aria-expanded="true"] .faq__icon img {
    transform: rotate(180deg);
}

/* ==========================================================================
   SINGLE ACTIVITY: MORE OPTIONS
   ========================================================================== */
.activity-more-sec {
    position: relative;
    padding: 6vw 0;
    background-color: var(--c-cream);
}

.activity-more__header {
    border-bottom: 2px solid var(--c-lava-dark);
    margin-bottom: 4vw;
    padding-bottom: 1rem;
}

.activity-more__title {
    font-family: var(--ff-headings);
    font-size: 1.8rem;
    color: var(--c-lava-dark);
    margin: 0;
    font-weight: 700;
}

.activity-more__action {
    text-align: center;
    margin-top: 1vw;
}

/* התאמה קלה לכפתור האאוטליין שיראה בדיוק כמו בפיגמה (Pill shape) */
.activity-more__action .btn--outline {
    border-radius: 999px;
    padding: 0.8rem 2.5rem;
    font-size: 1.111rem;
    font-family: var(--ff-headings);
}


/* ==========================================================================
   HOMEPAGE POPUP & THEMES
   ========================================================================== */
   
/* חסימה הרמטית של גלילה כשהפופאפ פתוח */
html.no-scroll,
body.no-scroll {
    overflow: hidden !important;
    /* מונע משיכה וקפיצות באייפון (Safari iOS) */
    overscroll-behavior: none !important; 
}

.site-popup-overlay {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    
    /* הרקע והטישטוש שביקשת */
    background-color: rgba(41, 39, 38, 0.80);
    backdrop-filter: blur(14.8px);
    -webkit-backdrop-filter: blur(14.8px);
    
    /* טקסט הלוגו הענק ברקע */
    background-image: url('assets/img/popup-bg-text.svg');
    background-position: left 2vw center;
    background-size: contain;
    background-repeat: no-repeat;
    
    /* הכנה לאנימציה */
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
    padding: 2vw; /* מרווח ביטחון במסכים קטנים */
}

/* מצב פתוח (מופעל ע"י JS) */
.site-popup-overlay.is-active {
    opacity: 1;
    visibility: visible;
}

/* הגדרת משתני צבעים לפי ה-Theme הנבחר */
.site-popup[data-theme="lava"]   { --p-bg: var(--c-lava-light);   --p-color: var(--c-lava-dark); }
.site-popup[data-theme="purple"] { --p-bg: var(--c-purple-light); --p-color: var(--c-purple-dark); }
.site-popup[data-theme="green"]  { --p-bg: var(--c-green-light);  --p-color: var(--c-green-dark); }
.site-popup[data-theme="blue"]   { --p-bg: var(--c-blue-light);   --p-color: var(--c-blue-dark); }
.site-popup[data-theme="yellow"] { --p-bg: var(--c-yellow);       --p-color: var(--c-orange); }

/* המעטפת הכללית של הפופאפ */
.site-popup {
    position: relative;
    /* הופך את הרוחב לדינמי בהתאם לתמונה/תוכן */
    width: fit-content; 
    /* מונע מהפופאפ לחרוג מרוחב המסך במובייל */
    max-width: 90vw; 
    border-radius: 1.5rem;
    box-shadow: 0 20px 50px rgba(0,0,0,0.3);
    
    /* אנימציית זום-אין */
    transform: scale(0.8);
    opacity: 0;
    transition: 0.3s;
    
    display: flex;
    flex-direction: column;
}

.site-popup-overlay.is-active .site-popup {
    transform: scale(1);
    opacity: 1;
}

/* אזור התמונה */
.site-popup__img-wrap {
    border-radius: 1.5rem 1.5rem 0 0;
    overflow: hidden;
    display: flex;
    justify-content: center;
    background-color: var(--p-bg); /* למקרה שהכפתורים רחבים יותר מהתמונה */
}

.site-popup__img-wrap img {
    /* הגובה המקסימלי שביקשת */
    max-height: 67vh;
    /* הרוחב מחושב אוטומטית לפי פרופורציית התמונה המקורית */
    width: 100%;
    /* הגנה למובייל - אם התמונה רחבה מדי היא תתכווץ לרוחב המסך */
    display: block;
    object-fit: cover;
}

/* כפתור הסגירה עצמו (העיגול המאחד) */
.site-popup__close {
    position: absolute;
    top: 0;
    right: -2.7rem; /* מוציא את הכפתור מחוץ למודאל */
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 50%;
    background: none; 
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform var(--t-fast);
    z-index: 10;
}

.site-popup__close:hover {
    transform: scale(1.1);
}

/* האייקון החיצוני (icon-popup-close.svg) - נצבע אוטומטית! */
.site-popup__close-icon {
    width: 100%; 
    height: 100%;
    background-color: var(--p-bg); /* צבע ה-X יהיה הצבע הבהיר של התימה */
    
    /* מסיכה */
    -webkit-mask-image: url('assets/img/icon-popup-close.svg');
    mask-image: url('assets/img/icon-popup-close.svg');
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}

/* האזור התחתון - נצבע אוטומטית לפי ה-Theme */
.site-popup__content {
    background-color: var(--p-bg);
    padding: 1rem 1.5rem;
    border-radius: 0 0 1.5rem 1.5rem;
    display: flex;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.site-popup__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.6rem 0.8rem;
    border-radius: 999px;
    font-family: var(--ff-headings);
    font-size: 0.9rem;
    text-decoration: none;
    transition: background-color var(--t-fast), color var(--t-fast);
    
    /* צבעים הנשאבים מהתימה */
    border: 1px solid var(--p-color);
    color: var(--p-color);
    background-color: transparent;
}

.site-popup__btn:hover {
    background-color: var(--p-color);
    color: var(--p-bg); /* במקום לבן קבוע, זה מקבל את צבע הרקע הבהיר */
}

/* ==========================================================================
   COOKIE POPUP
   ========================================================================== */
.cookie-popup {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    max-width: 800px; /* תוחם את הרוחב למראה אלגנטי כמו בעיצוב */
    width: calc(100% - 4rem);
    background-color: #D7C4FF;
    color: var(--c-purple-dark, #422B82);
    border-radius: 1.5rem;
    padding: 1.5rem 2.5rem;
    z-index: 9999;
    box-shadow: 0 10px 40px rgba(0,0,0,0.15);
    
    /* מוסתר על ידי ירידה מוחלטת אל מחוץ למסך התחתון */
    transform: translateY(150%); /* נשלח 150% למטה, הרחק מהעין */
    /* מעבר קשיח ואלגנטי, בדיוק כמו בכרטיסיות שלנו */
    transition: transform 0.3s ease-in-out;
}

.cookie-popup.is-visible {
    transform: translateY(0); /* קופץ בדיוק למקום שלו */
}

.cookie-popup__content {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.cookie-popup__text {
    flex: 1;
    text-align: right;
}

.cookie-popup__title {
    font-family: var(--ff-headings);
    font-size: 1.22222222rem;
    margin: 0 0 0.5rem 0;
    font-weight: 700;
}

.cookie-popup__text p {
    font-family: var(--ff-body);
    font-size: 0.88888889rem;
    line-height: 1.3;
    margin: 0;
}

.cookie-popup__text a {
    text-decoration: underline;
    transition: color var(--t-fast);
}

.cookie-popup__text a:hover {
    color: var(--c-lava-dark);
}

.btn-cookie-accept {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.6rem 1.6rem;
    background-color: transparent;
    color: var(--c-purple-dark, #422B82);
    border: 1px solid var(--c-purple-dark, #422B82);
    border-radius: 999px;
    font-family: var(--ff-body);
    font-size: 0.88888889rem;
    font-weight: 700;
    transition: all var(--t-fast);
    white-space: nowrap; /* מונע שבירת שורות בכפתור */
    cursor: pointer;
}

.btn-cookie-accept:hover {
    background-color: var(--c-purple-dark, #422B82);
    color: #D7C4FF;
}

#sb-container .sb-custom-bg-color {
   border-radius: 1.11111111rem;
   background: rgba(255, 255, 255, 0.80) !important;
   box-shadow: -20px 14px 26.5px 0 rgba(44, 41, 39, 0.50);
   backdrop-filter: blur(11.75px);
}

.sb-outer-container {
    position: absolute;
    right: 5vw;
    width: 90vw;
    bottom: 4vw;
    z-index: 91;
}
.sb {
    padding: 1rem 2rem !important;
}

.glamping-hero .sb-outer-container {
   bottom: 8.5vw;
}

body #sb-container .sb {
   font-family: inherit !important;
}
body #sb-container .sb input {
   font-family: 'gipsy' !important;
}
.sb-screen-xs .sb__footer-link {
   display: flex;
}
.sb-direction-rtl .sb__footer-link--edit .icon, .sb-direction-rtl .sb__footer-link--promo .icon {
   position: relative;
   top: 0.1rem;
   margin-left: .2rem;
}

/* ==========================================================================
   GLAMPING WIDGET (SIMPLEBOOKING) - STICKY BOTTOM (ONLY ON GLAMPING PAGE)
   ========================================================================== */
.glamping-page #sb-container.is-sticky-bottom {
    position: fixed !important;
    bottom: 0 !important; /* הוצמד לחלוטין לתחתית המסך */
    left: 0 !important;
    right: 0 !important;
    margin: 0 !important;
    width: 100% !important; /* מתיחה לכל הרוחב */
    max-width: none !important;
    z-index: 100 !important; 
    animation: slideUpWidgetRigid 0.5s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

/* קלאס הירידה חזרה */
.glamping-page #sb-container.is-hiding {
    animation: slideDownWidgetRigid 0.5s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

/* ביטול הפינות המעוגלות במצב סטיקי כדי שיתחבר חלק לקצוות המסך */
.glamping-page #sb-container.is-sticky-bottom .sb-custom-bg-color {
    border-radius: 0 !important;
}

/* מרכוז השדות בפנים כדי שלא יימרחו עד קצוות המסך במסכים גדולים */
.glamping-page #sb-container.is-sticky-bottom .sb {
    margin: 0 auto !important;
    display: flex;
    justify-content: center;
}

@keyframes slideUpWidgetRigid {
    from { transform: translateY(150%); }
    to { transform: translateY(0); }
}

@keyframes slideDownWidgetRigid {
    from { transform: translateY(0); }
    to { transform: translateY(150%); }
}

#hotelplus_credit_wrapper {
   display: none !important;
}

#hotelPlusIframe{
height: auto !important;
 min-height: 480px !important;
 }


/* ==========================================================================
   TICKET POPUP (IFRAME CONTAINER)
   ========================================================================== */
.site-popup__iframe-container {
    background-color: #ffffff;
    border-radius: 1rem;
    padding: 0.2rem;
    width: 100%;
    min-width: unset;
    min-height: 450px;
    max-height: 85vh;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}




/* ==========================================================================
   CONTACT PAGE
   ========================================================================== */
.contact-page {
    position: relative;
    background-color: var(--c-lava-dark);
}

.contact-hero {
    position: relative;
    padding: calc(var(--header-h) + 6vw) 0 22vw;
}

.contact-hero__bg {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.contact-hero__wrap {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 45% 55%;
    align-items: center;
    gap: 4vw;
}

/* Right Side - Info */
.contact-hero__info {
    color: var(--c-lava-light, #CAC2AF);
    padding-left: 10vw;
}

.contact__title {
    font-family: var(--ff-headings);
    font-size: 2.66666667rem;
    line-height: 1;
    margin-bottom: 1rem;
    color: inherit;
}

.contact__subtitle {
    border-bottom: 1px solid rgb(202 194 175 / 50%);
    font-size: 1.222rem;
    line-height: 1.4;
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
}

.contact__details {
   border-bottom: 1px solid rgb(202 194 175 / 50%);
    display: flex;
    gap: 4rem;
    margin-bottom: 2rem;
     padding-bottom: 1.5rem;
}

.c-detail-block {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.c-detail-title {
    font-weight: 700;
    font-size: 1.111rem;
    margin-bottom: 0.5rem;
}

.c-detail-block span {
    font-size: 1rem;
    opacity: 0.9;
}

/* Left Side - Form Box */
.contact-form-box {
    background-color: var(--c-lava-light, #CAC2AF);
    padding: 4vw;
    
    /* מסיכת הטופס */
    -webkit-mask-image: url('assets/img/contact-form-mask.svg');
    mask-image: url('assets/img/contact-form-mask.svg');
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.form-box__title {
    font-family: var(--ff-headings);
    font-size: 1.77777778rem;
    color: var(--c-lava-dark);
    margin-bottom: 0.5rem;
    text-align: center;
}

.form-box__subtitle {
    font-size: 1.111rem;
    color: var(--c-lava-dark);
    margin-bottom: 2rem;
    line-height: 1.3;
    text-align: center;
}

/* CF7 Form Styles */
.custom-cf7-wrapper .form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 1.4rem;
}

.custom-cf7-wrapper input[type="text"],
.custom-cf7-wrapper input[type="email"],
.custom-cf7-wrapper input[type="tel"],
.custom-cf7-wrapper textarea {
    width: 100%; /* מתאים את עצמו לעמודות הגריד (כ-225px במסך רגיל) */
    padding: 9px 15px;
    border-radius: 10px;
    border: 1px solid var(--c-lava-dark, #383432);
    opacity: 0.7;
    background-color: #E8E5DE; /* צבע הרקע האחיד לכל השדות */
    color: var(--c-lava-dark);
    font-family: var(--ff-body);
    font-size: 1rem;
    text-align: right;
    transition: opacity 0.3s ease, border-color 0.3s ease;
    outline: none;
}

.custom-cf7-wrapper input:focus,
.custom-cf7-wrapper textarea:focus {
    opacity: 1;
}

.custom-cf7-wrapper textarea {
    height: 120px;
    resize: none;
    grid-column: 1 / -1; /* זה מה שפורס את הטקסט-אריאה לרוחב מלא! */
}

.custom-cf7-wrapper input::placeholder,
.custom-cf7-wrapper textarea::placeholder {
    color: rgba(56, 52, 50, 0.6);
}

.custom-cf7-wrapper .form-acceptance {
    margin: 1.5rem 0 2rem;
    text-align: right;
}

.custom-cf7-wrapper .form-acceptance label {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
    color: var(--c-lava-dark);
    cursor: pointer;
}

/* Map Section */
.contact-map-sec {
    position: relative;
    z-index: 2;
    margin-top: -16vw; /* חופף קצת על ההירו */
}

.map-container {
    width: 100%;
    height: 25vw;
    min-height: 509px;
    border-radius: 2rem;
    overflow: hidden;
}
.map-container iframe {
   width: 100%;
   height: 100%;
}

.custom-cf7-wrapper {
   max-width: 475px;
    margin: 0 auto;
}

.custom-cf7-wrapper .form-row-full {
   grid-template-columns: 1fr;
}

.page-template-contact .site-wrapper {
   background-color: var(--c-lava-dark);
}

.page-template-contact .footer {
   margin-top: 0;
   padding-top: 10vw;
}

.page-template-contact .footer__bg-text {
   left: 2vw;
    height: 60vw;
}

/* ==========================================================================
   CONTACT FORM FIELDS
   ========================================================================== */

/* עיצוב אחיד לכל השדות (שורות טקסט, אימייל, טלפון ואזור טקסט) */
.contact-form-box input,
.contact-form-box textarea,
.contact-form-box select {
    width: 100%;
    border-radius: 10px;
    border: 1px solid var(--c-lava-dark, #383432); /* השתמשתי במשתנה הקיים שלך */
    background: #E8E5DE;
    opacity: 0.7;
    padding: 0.8rem 1.2rem;
    color: var(--c-lava-dark, #383432);
    font-family: var(--ff-body);
    font-size: 1rem;
    transition: opacity var(--t-fast), border-color var(--t-fast);
    outline: none;
}

/* פריסת אזור הטקסט (Textarea) לרוחב מלא */
.contact-form-box textarea {
    grid-column: 1 / -1; /* קריטי אם הטופס שלך בנוי ב-Grid */
    min-height: 120px; /* גובה מינימלי סביר להודעה */
    resize: none; /* מונע מהמשתמש למתוח את השדה ולשבור את העיצוב */
}

/* מצב פוקוס: החזרת האטימות ל-100% כשמקלידים (UX) */
.contact-form-box input:focus,
.contact-form-box textarea:focus,
.contact-form-box select:focus {
    opacity: 1;
}

/* (אופציונלי) התאמת צבע הפלייסחולדר כדי שייראה טוב על הרקע */
.contact-form-box input::placeholder,
.contact-form-box textarea::placeholder {
    color: rgba(56, 52, 50, 0.6); 
}

/* ==========================================================================
   TEXT PAGE (TERMS, PRIVACY)
   ========================================================================== */
.text-page {
    position: relative;
    background-color: var(--c-cream);
    padding: calc(var(--header-h) + 4vw) 0 10vw;
}

.text-page__bg-text {
    position: absolute;
    top: 10vw;
    left: 2vw;
    height: 67.5rem;
    z-index: 0;
    pointer-events: none;
}

.text-page__bg-text img {
    height: 100%;
    width: auto;
}

.text-page__wrap {
    position: relative;
    z-index: 2;
    display: flex;
    /* תוקן: ב-RTL, flex-start מצמיד את התוכן ימינה (ולא שמאלה כמו מקודם) */
    justify-content: flex-start; 
}

.text-page__inner {
    width: 100%;
    max-width: 451px; /* תוחם את אורך השורות לקריאה נוחה */
    margin-left: auto; /* דוחף שמאלה את השארית */
}

/* ==========================================================================
   STICKY MENU - SEAMLESS SCROLL
   ========================================================================== */
.text-page__sticky-nav {
    position: sticky;
    /* נדבק בול לקו התחתון של ההדר - סוגר את החור השקוף */
    top: var(--header-h); 
    z-index: 10;
    /* צבע הרקע אוטם את השטח שמתחת להדר */
    background-color: var(--c-cream);
    /* הפאדינג מחליף את המרווח הפיזי ונותן לטאבים אוויר מההדר העליון */
    padding: 2.4rem 0 0; 
    margin-bottom: 4vw;
}

.text-tabs {
    display: flex;
    justify-content: flex-start; /* מיושר לימין */
    align-items: center;
    gap: 1rem;
    border-bottom: none;
    margin: 0;
    padding: 0;
}

.text-tabs li {
    list-style: none;
}

/* עיצוב הלינק בדיוק כמו .glamping-tab */
.text-tabs li a {
    display: flex;
    height: 40px;
    padding: 18px 11px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-family: var(--ff-headings);
    font-size: 1rem;
    color: var(--c-lava-dark);
    border-bottom: 1px solid var(--c-lava-dark); /* קו תחתון קבוע */
    cursor: pointer;
    transition: color var(--t-fast);
    position: relative;
    text-decoration: none;
}

.text-tabs li a:hover {
    color: var(--c-orange, #EA5818);
}

.text-tabs li a.active {
    color: var(--c-lava-dark); /* טקסט נשאר כהה כמו בגלמפינג */
}

/* הפס הכתום התחתון במצב פעיל */
.text-tabs li a.active::after {
    content: '';
    position: absolute;
    bottom: -1px; /* עולה במדויק על הבורדר השחור */
    left: 0;
    right: 0;
    height: 3px;
    background-color: var(--c-orange, #EA5818);
}

/* ==========================================================================
   TEXT CONTENT FORMATTING (RTL FIXED)
   ========================================================================== */
.text-page__content {
    padding-top: 2vw;
    text-align: right; /* כופה יישור ימינה על הכל */
}

.t-page-title {
    font-family: var(--ff-headings);
    font-size: 2.33333333rem;
    color: var(--c-lava-dark);
    margin-bottom: 1.5rem;
    text-align: right;
}

.text-page__content h2, .text-page__content h3, .text-page__content h4, .text-page__content h5, .text-page__content h6 {
    font-family: var(--ff-headings);
    font-size: 1.22222222rem;
    color: var(--c-lava-dark);
    margin: 3rem 0 1rem;
    text-align: right;
}

.text-page__content p {
    font-family: var(--ff-body);
    font-size: 1rem;
    line-height: 1.6;
    color: var(--c-lava-dark);
    margin-bottom: 1.5rem;
    text-align: right;
}

.contact-info-block {
    margin-top: 4rem;
    padding-top: 2rem;
    border-top: 1px dashed rgba(56, 52, 50, 0.3);
}

.contact-info-block ul {
    list-style: none;
    padding: 0;
}

.contact-info-block li {
    font-size: 1.111rem;
    color: var(--c-lava-dark);
    margin-bottom: 0.5rem;
}

.contact-info-block a {
    text-decoration: underline;
    font-weight: 700;
}


/* 4. צ'קבוקס מותאם אישית (כמו בניוזלטר - עם צבעי צור קשר) */
.contact-form-box input[type="checkbox"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 1.1rem !important;
    height: 1.1rem !important;
    margin: 0 !important;
    /* רקע שקוף עם מסגרת כהה */
    background-color: transparent !important;
    border: 1px solid var(--c-lava-dark) !important;
    border-radius: 0.277rem !important;
    outline: none !important;
    cursor: pointer !important;
    position: relative !important;
    flex-shrink: 0 !important;
}

/* מצב מסומן (Checked) - הקופסה נצבעת בחום כהה */
.contact-form-box input[type="checkbox"]:checked {
    background-color: var(--c-lava-dark) !important;
}

/* ציור ה"וי" עצמו בתוך הקופסה */
.contact-form-box input[type="checkbox"]:checked::after {
    content: "" !important;
    position: absolute !important;
    /* מיקום מדויק של הוי בתוך הריבוע */
    left: 0.35rem !important;
    top: 0.1rem !important;
    width: 0.3rem !important;
    height: 0.6rem !important;
    /* צבע הוי - בהיר */
    border: solid var(--c-lava-light) !important;
    border-width: 0 2px 2px 0 !important;
    transform: rotate(45deg) !important;
}

/* יישור מושלם בין הצ'קבוקס לטקסט */
.contact-form-box .wpcf7-acceptance,
.contact-form-box .acceptance-wrap,
.contact-form-box .wpcf7-list-item-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem; /* המרווח המדויק כמו בניוזלטר */
    color: var(--c-lava-dark);
    font-size: 1.111rem;
    cursor: pointer;
    user-select: none;
}
.contact-form-box .wpcf7-list-item-label {
  gap: 0.4rem;
}
.wpcf7-list-item a {
  text-decoration: underline;
}
.wpcf7-list-item a:hover {
  text-decoration: none;
}
.wpcf7-list-item-label::before, .wpcf7-list-item-label::after {
  display: none;
}
.wpcf7-response-output {display: none !important;}

/* איפוס שוליים מיותרים של תוסף הטפסים */
.contact-form-box .wpcf7-list-item {
    margin: 0;
}

.activity-form-box__title, .activity-form-box__text {
  text-align: center;
}

.form-submit {
  position: relative;
  text-align: center;
}
.wpcf7-spinner {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    margin: 0;
}
.wpcf7-not-valid-tip {
  position: absolute;
  color: #d84747;
  font-size: 0.8rem;
  text-align: right;
  width: 100%;
  right: 0;
}

/* ==========================================================================
   GROUPS FILTER ANIMATION (Vanilla JS Alternative to Isotope)
   ========================================================================== */

.activity-card {
    /* מוסיפים לטרנזישן הקיים גם את מאפייני המיקום והגודל */
    transition: background-color 0.4s ease, width 0.5s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.4s ease, transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), margin 0.5s ease !important;
    transform-origin: center;
    opacity: 1;
    transform: scale(1);
}

/* מצב מוסתר - מכווץ לחלוטין ונעלם כדי שהכרטיסיות האחרות יחליקו למקומן */
.activity-card.is-filtered {
    width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    opacity: 0 !important;
    transform: scale(0.5) !important; /* אפקט כיווץ יפה */
    pointer-events: none; /* מונע לחיצות על אלמנט נעלם */
}

.page-template-thank .visit-intro {
  padding-top: 12vw;
  padding-bottom: 7vw;
  text-align: center;
}

.page-template-thank .visit-intro__content {
  width: 100%;
}

.page-template-thank .visit-intro__actions {
  justify-content: center;
}

/* ==========================================================================
   GLAMPING AREA FILTER ANIMATION (Vanilla JS Alternative to Isotope)
   ========================================================================== */

/* המרת הגריד ל-Flexbox כדי שהכרטיסיות יחליקו בצורה נוזלית ולא ישאירו "חורים" */
.glamping-area .events-grid-page {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5vw;
}

/* התאמת הרוחב של כל כרטיסייה כך שתדמה את הגריד המקורי (4 עמודות) */
.glamping-area .area-card {
    width: calc(25% - 1.125vw); 
    transition: background-color 0.4s ease, width 0.5s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.4s ease, transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), margin 0.5s ease !important;
    transform-origin: center;
    opacity: 1;
    transform: scale(1);
}

/* מצב מוסתר - מכווץ לחלוטין ונעלם כדי שהכרטיסיות האחרות יחליקו למקומן */
.glamping-area .area-card.is-filtered {
    width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    opacity: 0 !important;
    transform: scale(0.5) !important; /* אפקט כיווץ יפה */
    pointer-events: none; /* מונע לחיצות על אלמנט נעלם */
}


.no_m {display: block !important;}
.m_only {display: none !important;}


/* מפעיל את הסטיקי המותאם אישית שלנו רק במסכים גדולים! */
@media (min-width: 769px) {
    .glamping-page #sb-container.is-sticky-bottom {
        position: fixed !important;
    }
}

@media (max-width: 768px) {
  :root {
      /* Layout (1440px logic) */
      --gutter: 5vw;      /* 20px @ 1440px */
      --gutter-wide: 14.35897436vw; /* 56px @ 1440px */
      --header-h: 70px;        /* ~72px @ 1440px */
  }
  
   .no_m {display: none !important;}
   .m_only {display: block !important;}
   
   /* ==========================================================================
       MOBILE HEADER & MENU
       ========================================================================== */
    
    /* הגדרת גובה ההדר למובייל (קבוע ונוח) */
    .header {
        height: 70px;
        /* רקע ההדר במובייל נשאר כמו שהוא אלא אם פתחנו תפריט */
    }
   
    /* הסתרת אלמנטים מיותרים במובייל */
    .header__nav, 
    .lang-switcher {
        display: none !important; 
    }
   
    /* סידור מחדש של האזור הימני בהדר (המבורגר + כפתור רכישה) */
    .header__right {
        display: flex;
        align-items: center;
        gap: 15px; /* מרווח קטן בין הכפתור להמבורגר */
    }
   
    /* התאמת גודל הלוגו */
    .header__logo {
        height: 36px; /* לוגו מוקטן במובייל */
    }
   
    /* התאמת כפתור הרכישה למובייל */
    .btn--purchase {
        padding: 0.74rem 1.45rem;
        font-size: 1.125rem;
    }
    .btn--purchase::after {
       width: 0.9375rem;
        height: 0.4375rem;
    }
   
    /* ==========================================================================
       HAMBURGER ICON (Based on your provided logic, adapted to Katzrin)
       ========================================================================== */
    .bt_menu {
        display: block;
        position: relative; /* יושב בתוך הגריד של ה-header__right, לא אבסולוטי! */
        width: 32px; 
        height: 24px;
        z-index: 10001;
        cursor: pointer;
    }
   
    .bt_menu span {
        position: absolute;
        display: block;
        background-color: var(--c-lava-light); /* צבע החול המקורי */
        width: 100%;
        height: 2px;
        border-radius: 2px;
        left: 0;
        /* אנימציה חלקה לכל השלבים */
        transition: background-color 0.5s linear, top .2s .25s, left .2s .25s, opacity .2s .25s, transform .2s 0s;
    }
   
    /* מיקומים התחלתיים של פסי ההמבורגר */
    .bt_menu span:nth-child(1) { top: 0; }
    .bt_menu span:nth-child(2) { top: 11px; }
    .bt_menu span:nth-child(3) { top: 22px; }
    
    body.mopen .bt_menu span:nth-child(1) { transform: translateY(0.675rem) rotate(45deg); }
    body.mopen .bt_menu span:nth-child(3) { transform: translateY(-0.675rem) rotate(-45deg); }
    .bt_menu span:nth-child(2) {transition: none !important;}
       
   
    /* ==========================================================================
        MOBILE MENU OVERLAY (USING YOUR EXISTING HTML)
        ========================================================================== */
     
     /* הפיכת עטיפת הניווט הקיימת למסך מלא שחור */
     .header__nav {
         display: flex !important; /* חובה כדי לדרוס את ההסתרה מהשלב הקודם */
         position: fixed;
         top: 0;
         left: 0;
         width: 100vw;
         height: 100vh;
         background-color: var(--c-lava-dark); /* רקע כהה כבקשתך */
         z-index: 10000; /* מתחת להמבורגר אבל מעל הכל */
         flex-direction: column;
         justify-content: center;
         align-items: center;
         
         /* מוסתר כברירת מחדל עד שמוסיפים את ה-mopen */
         visibility: hidden;
         opacity: 0;
         transition: all 0.4s ease-in-out;
     }
    
     /* כשההמבורגר נלחץ - התפריט מופיע */
     body.mopen .header__nav {
         visibility: visible;
         opacity: 1;
     }
    
     /* סידור הלינקים אחד מתחת לשני לאמצע */
     .header__nav .header__menu {
         display: flex;
         flex-direction: column;
         align-items: center;
         gap: 2rem;
     }
    
     /* עיצוב הלינקים עצמם לפי העיצוב המבוקש */
     .header__nav .header__menu a {
         font-family: var(--ff-headings);
         font-size: 2rem;
         color: var(--c-lava-light);
         text-decoration: none;
     }
    
     /* תיקון קטן להדר: כדי שההמבורגר יהיה מעל המסך המלא */
     body.mopen .header {
         background: transparent !important;
         border-bottom: none !important;
         backdrop-filter: none !important;
     }
    
    
    /* ==========================================================================
    MOBILE STYLES - HOME PAGE (Max Width: 768px)
    ========================================================================== */ 
    
    /* --- כללי --- */
    .wrap--wide {
        padding: 0 5vw;
    }

    /* --- HOME HERO --- */
    .home-hero {
        min-height: auto;
        padding: 0;
    }
    .home-hero__wrap, .visit-intro__row {
        flex-direction: column-reverse;
        align-items: stretch;
    }
    .home-hero__content, .visit-intro__content {
        width: 100%;
        text-align: right;
        padding: 0;
        margin-bottom: 40px;
    }
    .home-hero__title, .visit-intro__title {
        font-size: 4.375rem;
        margin-bottom: 1rem;
        line-height: 0.95;
    }
    .visit-intro__title {
      font-size: 3.125rem;
    }
    .home-hero__lead {
        max-width: 100%;
        font-size: 1.25rem;
    }
    .home-hero__visual, .visit-intro__visual {
        width: 100vw;
          justify-content: center;
          padding: 0;
          margin: 0;
          position: relative;
          right: -5vw;
    }
    .breadcrumbs {
      display: none;
    }
    
    h2 {
       font-size: 1.5rem;
    }

    /* --- QUICK LINKS --- */
    .home-quick-links {
        padding-top: 10vw;
        padding-bottom: 14vw;
        margin-top: -1px;
    }
    .quick-links__header {
        padding-bottom: 2vw;
        margin-bottom: 0;
    }
    /* הפיכה לגריד 2x2 */
    .quick-links__grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 2rem 1rem;
        padding-top: 1rem;
    }
    .ql-item__visual {
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 1.1;
    }
    .ql-item__icon {
        width: 4.5rem;
        height: 4.5rem;
    }
    .ql-item__label {
        font-size: 1.2rem;
        margin-top: -0.5rem;
    }


/* --- VIDEO BANNER --- */
     .home-video-banner {
         /* יחס 16:9 מדויק (9/16 = 56.25%) */
         height: 56.25vw; 
         /* קריטי: מבטל את הגובה המינימלי שגרם למתיחה ולשוליים השחורים */
         min-height: 0; 
     }
     
     .video-bg-iframe {
         width: 100vw;
         height: 56.25vw;
         /* מאפס את הגדלים מהדסקטופ כדי שיישאר בפרופורציה מושלמת */
         min-height: 0;
         min-width: 0;
     }

    /* --- VISIT SECTION --- */
    .home-visit {
        padding: 12vw 0;
    }
    .home-visit__wrap {
        display: flex;
        flex-direction: column;
    }
    /* שינוי סדר: טקסט למעלה, תמונה למטה */
    .home-visit__content {
        width: 100%;
        order: 1;
        margin-bottom: 8vw;
    }
    .home-visit__visual {
        overflow: hidden;
          width: 100vw;
          order: 2;
          padding: 0;
          margin-right: -5vw;
    }
    .home-visit__visual img {
        position: relative;
        right: -46vw;
        max-width: unset;
        width: 210.25641026vw;
    }
    .home-visit__title {
        font-size: 2.375rem;
    }
    .home-visit__actions {
        gap: 0.5rem;
        flex-wrap: unset;
        justify-content: center;
          width: 100%;
    }
    .home-visit__text {
     font-size: 1.25rem;
  }

    /* --- DREAMS SECTION (GLAMPING) --- */
    .home-dreams {
        padding-bottom: 60vw;
    }
    .sb__dates .sb__form-field {
       width: 100% !important;
    }
    .sb__footer-link {
     display: flex;
  }
    .home-dreams__grid {
        flex-direction: column-reverse;
        align-items: stretch;
    }
    /* שינוי סדר: תמונה למעלה, טקסט למטה */
    .home-dreams__visual {
        position: absolute;
          bottom: 0;
          width: 140vw;
          right: 0;
          order: 1;
          margin: 0;
    }
    .home-dreams__content {
        width: 100%;
        order: 2;
        padding: 14vw 5vw 8vw;
    }
    .home-dreams__title {
        font-size: 2.375rem;
    }
    .home-dreams__slider {
       aspect-ratio: 1 / 0.8;
    }
    
    .home-dreams__stain {
       left: 14.7vw;
       bottom: -15vw;
    }
    .home-dreams__wrap {
       position: static;
    }
    .sb__dates {
     flex-direction: column;
  }
    
    /* סידור ווידג'ט ההזמנות במובייל (ביטול Position Absolute) */
    .home-dreams .sb-outer-container {
        position: relative;
          bottom: 0;
          left: unset;
          right: 50%;
          transform: translateX(50%);
          width: 100%;
          padding: 0;
    }
    .calendar-widget {
        position: relative;
        bottom: 0;
        transform: none;
        width: 100%;
        flex-direction: column;
        padding: 1.5rem;
        border-radius: 1rem;
    }

    /* --- EVENTS SECTION --- */
    .home-events {
        padding: 28vw 0 70vw;
    }
    .home-events__header {
        flex-direction: column;
        align-items: flex-start;
        gap: 1.5rem;
    }
    .home-events__title {
        font-size: 2.2rem;
    }
    /* פילטרים נגללים הצידה במקום להישבר לשורות */
    .events-filters {
        width: 100%;
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 10px;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none; /* מסתיר פס גלילה */
    }
    .events-filters::-webkit-scrollbar {
        display: none;
    }
    .filter-btn {
        white-space: nowrap;
    }
    /* כרטיסיות אירועים - טור אחד */
    .events-grid-page {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    .home-events__bg-text {
        display: none; /* הסתרת טקסט פרלקס ענק במובייל */
    }

    /* --- PARTY SECTION --- */
    .home-party__grid {
        flex-direction: column;
    }
    /* שינוי סדר: תמונה למעלה, טקסט למטה */
    .home-party__visual, .groups-hero__visual {
        position: absolute;
        top: 0;
        width: 140vw;
        right: -40vw;
        order: 1;
        margin: 0;
    }
    .home-party__content, .groups-hero__content {
        width: 100%;
        order: 2;
    }
    .home-party__title {
        font-size: 2.2rem;
    }
    
    .groups-hero {
      padding: 128vw 0 12vw;
    }

    /* --- FAQ & TESTIMONIALS WRAPPER --- */

    /* --- FAQ SECTION --- */
    .home-faq__grid {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    .home-faq__sticky {
        display: none; /* הסתרת ה-GIF בסיידבר */
    }
    .home-faq__title {
        font-size: 2.5rem;
        margin-bottom: 0;
    }
    .home-faq__content .faq__btn {
        font-size: 1.25rem;
        padding: 1rem 0;
    }

    /* --- TESTIMONIALS SLIDER --- */
    .testim__header .quick-links__title {
        font-size: 1.5rem;
    }
    /* ביטול חפיפה בין כרטיסיות במובייל */
    .home-testim .splide__slide:nth-child(odd) {
        margin-left: 0 !important;
    }
    /* הגדרת רוחב כרטיסייה למובייל */
    .testim-card {
        width: 85vw;
        min-width: 0;
        padding: 8vw 6vw;
        min-height: 350px;
    }
    .testim-card__text {
        font-size: 1.375rem;
        padding: 0 2rem;
    }
    
    .site-popup__close {
      top: -3rem;
      right: 0;
   }
   .home-visit__subtitle {
      font-size: 1.125rem;
   }
   .btn {
      font-size: 0.9rem;
   }
   .home-dreams__subtitle {
    font-size: 1.125rem;
    }
    .sb__footer-promo-wrapper, .sb__footer-link {
      float: right;
    }
    
    .home-party__slider {
      aspect-ratio: 1 / 0.8;
    }
    
    .home-party__stain {
        left: unset;
        bottom: -12vw;
        right: 24vw;
    }
    .home-party-banner {
      display: none;
    }
    .home-party__wrap {
      position: static;
    }
    .home-party__grid {
      position: relative;
      padding-top: 140vw;
    }
    .home-party__grid {
      position: relative;
      top: -57vw;
    }
    .home-party__visual:before {
        content: "";
        display: block;
        position: absolute;
        height: 60vw;
        width: 100vw;
        right: 35vw;
        top: 40vw;
        background-color: var(--c-cream);
    }
    .home-events__action {
      margin-top: 10vw;
    }
    .btn--outline-blue, .home-party__content .btn {
      width: 100%;
      font-family: 'gipsy';
      font-size: 1.125rem;
      padding: 0.95rem 2rem;
    }
    .home-party {
        padding: 0;
        position: relative;
        z-index: 15;
    }
    .home-faq-testim {
      margin-top: -37vw;
      padding: 12vw 0 80vw;
      position: relative;
      z-index: 15;
    }
    .faq__icon {
      width: 1.09375rem;
      height: 0.55625rem;
    }
    .home-faq__content .faq__text {
      padding-left: 5vw;
    }
    .home-faq__content .faq__panel-inner p {
      font-size: 1.125rem;
    }
    .testim-card__author {
      font-size: 1.375rem;
      padding-left: 2rem;
    }
    
    .newsletter-inner {
        -webkit-mask-image: url('assets/img/newsletter-mask-m.svg');
        mask-image: url('assets/img/newsletter-mask-m.svg');
        -webkit-mask-size: contain; 
        mask-size: contain;
        position: relative;
        left: 13vw;
        height: 153vw;
        width: 116vw;
        padding: 0 13vw;
    }
    .newsletter__title {
      font-size: 2.375rem;
    }
    .newsletter__lead {
      font-size: 1.5rem;
      line-height: 1.17;
      margin-bottom: 1.1rem;
    }
    .nl-form-row {
        flex-direction: column;
        height: unset;
    }
    .nl-form-row input[type="email"] {
      height: 3.15rem;
    }
    .nl-form-row input[type="submit"],
    .nl-form-row button {
      width: 100%;
      height: 3.15rem;
      font-size: 1.125rem;
    }
    .footer {
        padding-top: 94vw;
        padding-bottom: 10vw;
        margin-top: 94vw;
    }
    .footer__wrap {
      flex-wrap: wrap;
      margin-bottom: 18vw;
    }
    .footer__col {
        width: calc(50% - 6vw);
    }
    .footer__col--large {
      order: 1;
        width: calc(55% - 6vw);
    }
    .footer__col--medium {
      order: 2;
      width: calc(45%);
    }
    .footer__col--large .footer__menu a {
      font-size: 1.25rem;
    }
    .footer__hours {
      order: 3;
      width: calc(55% - 6vw);
    }
    .footer__contact {
      order: 4;
      width: calc(45%);
    }
    .footer__social-wrapper {
      width: 100%;
      order: 5;
    }
    .footer__menu {
      gap: 0.1rem;
    }
    .footer__col--medium, .footer__contact {
      position: relative;
      padding-bottom: 8vw;
      margin-bottom: 2vw;
    }
    .footer__col--medium:after,  .footer__contact:after {
        content: "";
        display: block;
        position: absolute;
        height: 1px;
        width: 90vw;
        bottom: 0;
        left: 0;
        background-color: rgba(202, 194, 175, 0.3);
    }
    .footer__social {
        gap: 1rem;
        justify-content: center;
    }
    .footer__bottom {
      flex-direction: column-reverse;
      align-items: center;
    }
    .footer__logo img {
      width: 12.5625rem;
      max-width: unset;
    }
    .footer__credits-wrap .credits {
      text-align: center;
      font-size: 0.875rem;
      justify-content: center;
      gap: 0 0.4rem;
    }
    .credits strong {
        display: block;
        width: 100%;
    }
    .credits .sep:first-of-type {
      display: none;
    }
    .footer__credits-wrap {
        margin-top: 18vw;
    }
    .text-page__sticky-nav {
      padding: 0;
    }
    .text-page__bg-text {
      top: 48vw;
      left: 5vw;
      height: 47.5rem;
    }
    .text-tabs {
      justify-content: center;
    }
    .text-tabs li a {
      padding: 18px 0.2rem;
    }
    .page-template-text .site-main {
        padding-bottom: 30vw;
    }
    
    .contact-hero__wrap {
        display: flex;
        flex-direction: column;
        padding-top: 26vw;
    }
    .contact-hero__info {
        padding-left: 0;
    }
    .contact__title {
      padding-left: 20vw;
      }
      .contact__subtitle {
        padding-bottom: 3.5rem;
        margin-bottom: 1.5rem;
      }
      .contact__details .footer__contact {
        order: 2;
        width: 45%;
      }
      .contact__details .footer__hours {
        order: 1;
        width: 55%;
      }
      .contact__details {
          border-bottom: none;
          gap: 0;
          margin-bottom: 1.5rem;
          padding-bottom: 0;
      }
      .contact__details .footer__contact {
        padding-bottom: 1.5rem;
      }
      .contact-form-box {
        position: relative;
        width: 164.87179487vw;
        height: 193.07692308vw;
        right: 50%;
        transform: translateX(50%);
        padding: 26vw 4vw 0;
      }
      .custom-cf7-wrapper {
      max-width: 90vw;
    }
    .contact-map-sec {
        padding: 0;
    }
    .map-container {
    border-radius: 0;
  }
  .contact-map-sec {
    margin-top: -26vw;
  }
  .contact-hero {
    padding-bottom: 0;
  }
  .contact-hero__bg {
    background-position: center top -70vw !important;
  }
  .page-template-contact .footer {
      padding-top: 22vw;
  }
  .footer__bg-text {
    display: none;
  }
  .nl-form-row input[type="text"], .nl-form-row input[type="email"] {
    height: 3.15rem;
  }
  .newsletter__form-wrap .wpcf7-not-valid-tip {
    position: relative;
    font-size: 1rem;
    }
    .visit-intro__title-secondary, .v-options__title {
    font-size: 2.375rem;
  }
  .visit-intro__title-secondary br, .v-options__title br {
    display: none;
  }
  .visit-intro__row--reverse .visit-intro__content {
    margin-top: 14vw;
  }
  .visit-features, .activity-audience {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2rem 0;
  }
  .visit-features li, .activity-audience__item {
    flex: unset;
    width: calc(33.33% - 1px);
    flex-direction: column;
    justify-content: flex-start;
    padding: 0;
    text-align: center;
    gap: 1rem;
    border-left: dotted 1px var(--c-lava-dark);
    border-bottom: none;
  }
  .visit-features li:last-child, .visit-features li:nth-child(3n+3), .activity-audience__item:last-child, .activity-audience__item:nth-child(3n+3) {
    border-left: none;
  }
  .v-feat-text strong {
    line-height: 1.1;
    margin: 0;
    font-size: 1rem;
    font-weight: 400;
    padding: 0 0.4rem;
    }
    .v-feat-text > span {
      display: none;
    }
    .gallery-action .btn {
        font-size: 1.125rem;
        width: 90vw;
        padding: 0.95rem 2rem;
    }
    .visit-gallery-sec {
        padding-bottom: 16vw;
    }
    .visit-map-sec {
      padding: 16vw 0;
    }
    .visit-map__visual {
      margin-bottom: 10vw;
    }
    .visit-map__divider {
      margin-bottom: 8vw;
    }
    .visit-options {
      flex-direction: column;
      padding: 16vw 5vw;
      gap: 12vw;
    }
    .v-options__content {
      width: 100%;
    }
    .v-options__cards {
        width: 100%;
        gap: 6vw;
    }
    .v-card-row {
      flex-direction: column;
      gap: 6vw;
      }
    .v-card--full .v-card__body {
      flex-direction: column;
      gap: 6vw;
    }
    .v-card__title {
      font-size: 1.625rem;
    }
    .v-card__body .btn {
        font-size: 1.125rem;
    }
    .v-card {
      border-radius: 3.75rem;
    }
    .v-card__body {
      padding-bottom: 2rem;
    }
    
    
    /* ==========================================================================
       MOBILE STYLES - GLAMPING PAGE
       ========================================================================== */
       
    /* שחרור הטופס המובנה של SimpleBooking למובייל */
    .glamping-page .sb-outer-container {
        position: static;
        width: 100%;
        padding: 0;
    }
    
    /* פס ההודעות (Announcement Bar) */
    .announcement-bar__items {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    .a-item {
        border-left: none;
        padding: 0;
    }
    
    /* הירו גלמפינג */
    .glamping-hero {
        height: auto;
        min-height: 0;
        padding-top: calc(var(--header-h) + 80vw);
        padding-bottom: 25vw;
        flex-direction: column;
        align-items: stretch;
        padding-left: 5vw;
    }
    .glamping-hero__bg {
        /* מסדרים את המסיכה שלא תימתח מוזר במובייל */
        -webkit-mask-position: left bottom;
        mask-position: left bottom;
    }
    .glamping-hero__content {
        max-width: 100%;
    }
    .glamping-hero__title {
        font-size: 3.125rem;
    }
    
    /* תפריט עוגנים (Tabs) - גלילה אופקית חלקה */
    .glamping-tabs-nav-wrap {
        top: 70px; /* נדבק בדיוק מתחת להדר מובייל */
        padding-top: 10px;
        margin-bottom: 12vw;
    }
    .glamping-tabs-nav {
        justify-content: flex-start;
        overflow-x: auto;
        flex-wrap: nowrap;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    .glamping-tabs-nav::-webkit-scrollbar {
        display: none;
    }
    .glamping-tab {
        white-space: nowrap;
        font-size: 1.125rem;
        padding: 10px 15px;
    }
    
    .glamping-tab.active {
        border-color: var(--c-orange);
        border-width: 3px;
    }
    
    .glamping-tabs-line {
      display: none !important;
    }
    
    /* אודות הגלמפינג (2 טורים הופכים ל-1) */
    .glamping-about-sec .g-pane__inner {
        grid-template-columns: 1fr;
        gap: 8vw;
    }
    .g-pane__text-col {
        padding-right: 5vw;
        padding-left: 5vw;
    }
    .g-pane__title {
        font-size: 2.2rem;
    }
    
    .g-pane__desc {
      max-width: 100%;
    }
    
    .g-pane__visual-col {
        padding: 10vw 5vw 4vw;
    }
    
    /* סידור האייקונים ל-2X2 במובייל */
    .g-pane__icons {
        justify-content: center;
    }
    .g-icon-item {
      width: 25%;
        border-bottom: none;
        padding: 0;
        border-left: 1px dashed var(--c-lava-dark);
    }
    .g-icon-item:nth-child(2) {
      width: 20%;
    }
    .g-icon-item:nth-child(3), .g-icon-item:nth-child(4) {
      width: 27%;
    }
    .g-icon-label {
      line-height: 1.1;
      font-weight: 400;
    }
    
    /* אפשרויות לינה (Accommodations) */
    .accom-grid {
        grid-template-columns: 1fr;
        gap: 6vw;
    }
    .accom-title {
        font-size: 1.5rem;
    }
    .accom-header {
      padding-bottom: 0.5rem;
      margin-bottom: 8vw;
    }
    
    /* למה גלמפינג (Reasons) */
    .g-reasons-grid {
        grid-template-columns: 1fr;
        gap: 4vw;
    }
    
    /* מה יש לעשות באזור - כרטיסיות ברוחב מלא */
    .glamping-area .area-card {
        width: 100%;
    }
    
    
    /* ==========================================================================
       MOBILE ANNOUNCEMENT BAR (TICKER SLIDER) - RTL FIXED
       ========================================================================== */
    .announcement-bar {
        overflow: hidden; 
        /* מוודאים שרוחב הבר הוא בדיוק המסך כולו */
        width: 100vw;
    }
    
    .announcement-bar__inner {
        padding: 0;
        height: 45px; 
        position: relative;
        /* מורידים את ההגבלה כדי שהאנימציה תרוץ חופשי */
        width: 100%;
    }
    
    .announcement-bar__items {
        display: flex;
        flex-direction: row; 
        flex-wrap: nowrap;
        align-items: center;
        gap: 2.5rem; 
        white-space: nowrap;
        
        /* מגדירים רוחב דינמי שמתאים לתוכן */
        width: max-content;
        position: absolute;
        height: 100%;
        
        /* האנימציה - רצה משמאל לימין (RTL) */
        animation: mobileTickerRTL 15s linear infinite;
    }
    
    .a-item {
        display: inline-flex;
        align-items: center;
        flex-shrink: 0;
        border-left: none;
        padding: 0;
    }
    
    /* כפתור הסגירה הופך צף כדי לא להפריע לטיקר לרוץ תחתיו */
    .announcement-bar__close {
        position: absolute;
        /* ממקמים אותו בשמאל כדי שהטקסט שרץ ימינה ייכנס מהצד השני */
        left: 0; 
        right: auto;
        top: 0;
        height: 100%;
        padding: 0 1.2rem;
        border-radius: 0;
        /* גרדיאנט קל מצד שמאל כדי לתת אפקט התפוגגות עדין, לא חוסם מדי */
        background: linear-gradient(to right, var(--c-green-light) 65%, transparent);
        z-index: 5;
    }
    
    /* הגדרת תנועת הטיקר למסכי RTL */
    @keyframes mobileTickerRTL {
        /* מתחיל מחוץ למסך מצד שמאל (הכיוון ההגיוני לקריאה בעברית) */
        0% { transform: translateX(-100vw); }   
        /* גולש ימינה עד שנעלם לחלוטין (גודל התוכן כולו) */
        100% { transform: translateX(100%); } 
    }
    
    .promo-banner-sec {
      padding: 22vw 0 18vw;
    }
    .promo-banner__img {
      width: 90vw;
    }
    .glamping-reasons-sec {
      padding: 16vw 0 22vw;
    }
    
    .accom-card {
      font-size: 1.875rem;
    }
    .accom-card__name {
      font-size: 1.625rem;
    }
    .accom-btn {
      padding: 0.73em 1.8rem;
      width: 100%;
    }
    .accommodations-sec {
      padding-bottom: 16vw;
    }
    .custom-cursor, .custom-cursor-eye {
      display: none !important;
    }
    .g-reasons-title {
      font-size: 2.375rem;
    }
    .poi-card {
      aspect-ratio: 4 / 4;
    }
    .poi-card__default {
      padding: 0.75rem 1rem 0;
    }
    .poi-card__title {
        font-size: 1.25rem;
        line-height: 1;
        padding: 0 1vw;
    }
    .glamping-reasons-sec .splide--poi {
      padding-top: 6vw;
      padding-bottom: 8vw;
    }
    .btn-outline-light {
      padding: 0.67rem 2.5rem;
      font-size: 1.125rem;
    }
    .glamping-area__title {
      font-size: 2.375rem;
    }
    .glamping-area__header {
      flex-direction: column;
    }
    .glamping-area {
      padding: 22vw 0;
    }
    .glamping-area__titles {
        max-width: unset;
    }
    .glamping-area__desc {
      margin-bottom: 6vw;
    }
    .area-filters {
        margin-bottom: 14vw;
    }
    .area-card__img {
      padding-top: 75%;
    }
    .glamping-area .events-grid-page {
      gap: 10vw;
    }
    .glamping-area__action {
        margin-top: 10vw;
    }
    .glamping-area__action .btn {
      font-size: 1.125rem;
      width: 100%;
      padding: 0.95rem 2rem;
    }
    .g-testim-slide {
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: 16vw;
        padding: 0 5vw;
    }
    .g-testim-slide__visual {
      width: 90%;
    }
    .g-testim-slide__text {
        width: 100%;
        font-size: 2rem;
    }
    .glamping-testimonials-sec {
      padding: 22vw 0;
    }
    .splide--glamping-testim .splide__arrows {
        position: absolute;
        right: 50%;
        transform: translateX(50%);
        width: 40vw;
        bottom: -18vw;
    }
    .glamping-testimonials-sec {
      padding: 21vw 0 40vw;
    }
    .splide--glamping-testim .splide__progress {
        max-width: 75vw;
        margin-top: 10vw;
    }
    .glamping-faq-sec {
      padding-top: 22vw;
      padding-bottom: 46vw;
    }
    
    
    /* ==========================================================================
       MOBILE GLAMPING: STICKY BOOKING BUTTON (BOTTOM)
       ========================================================================== */
    .m-booking-bar {
        position: sticky;
        top: 100vh; /* נדבק לתחתית המסך */
        transform: translateY(-100%);
        z-index: 91; /* מעל התוכן אבל מתחת לפופאפ (100) */
        background-color: var(--c-cream);
        padding: 1rem 5vw 1.5rem; /* מרווח תחתון קצת יותר גדול לטובת אייפונים */
        transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
        
        
        background: rgba(255, 255, 255, 0.80);
        box-shadow: -20px 14px 26.5px 0 rgba(44, 41, 39, 0.50);
        backdrop-filter: blur(11.75px);
    }
    
    .m-booking-bar.is-hidden {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(100%); /* האנימציה מחליקה את הכפתור למטה מחוץ למסך כשהפופאפ נפתח */
    }
    
    .m-booking-bar .btn {
        width: 100%;
        border-radius: 999px;
        font-family: var(--ff-headings);
        font-size: 1.25rem;
        padding: 0.95rem 2rem;
    }
    
    /* כפתור ה-X לסגירת טופס ההזמנה במובייל */
    #m-sb-close {
        display: none; /* מוסתר כברירת מחדל */
        position: absolute;
        top: -45px;
        left: 5vw; /* מיושר לשמאל (RTL) מעל הטופס */
        width: 35px;
        height: 35px;
        background-color: var(--c-lava-dark);
        border-radius: 50%;
        align-items: center;
        justify-content: center;
        z-index: 101;
        cursor: pointer;
        box-shadow: 0 4px 10px rgba(0,0,0,0.15);
    }
    
    .glamping-page #sb-container.is-sticky-bottom #m-sb-close {
        display: flex;
    }
    
    /* כפיית הסטיקי לעבוד במובייל במלוא המסך */
    .glamping-page #sb-container.is-sticky-bottom {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100vw !important;
        max-width: 100vw !important;
        z-index: 100 !important;
    }
    
    /* ==========================================================================
       MOBILE GLAMPING: ANCHOR TABS (5vw SPACING)
       ========================================================================== */
    .glamping-tabs-nav-wrap > .container {
        padding: 0; /* משחרר את החסימה כדי שהגלילה תהיה קצה לקצה */
    }
    
    .glamping-tabs-nav {
        padding-right: 5vw; /* ריווח צד ימין (תחילת הגלילה ב-RTL) */
        padding-left: 5vw;  /* ריווח עקרוני לשמאל */
    }
    
    /* מרווח וירטואלי לסוף הגלילה משמאל */
    .glamping-tabs-nav::after {
        content: '';
        flex: 0 0 1px;
        padding-left: 5vw; 
    }
    .sb__footer-promo-wrapper, .sb__footer-link {
      float: none !important;
    }
    .sb__footer-actions {
        float: none !important;
        display: flex !important;
        gap: 1rem;
    }
    .glamping-page #sb-container:not(.is-sticky-bottom) {
      display: none;
    }
    .sb__footer-promo-wrapper {
      width: auto !important;
    }
    .sb__footer-promo-wrapper {width: 100px !important;}
    .sb__footer-link {
      white-space: nowrap !important;
    }
    .sb__footer-link--promo {
      margin-right: 0 !important;
      margin-left: 0 !important;
    }
    .sb__footer-link {
      width: 100% !important;
      clear: both !important;
    }
    .events-sticky-bar__text {
      font-size: 1rem;
      line-height: 1.3;
      padding-left: 3rem;
    }
    .events-sticky-bar__btn {
        white-space: nowrap;
        font-size: 1.125rem;
        padding: 0.67rem 1rem;
    }
    .events-sticky-bar {
      border-radius: 0;
    }
    .events-sticky-wrapper {
      margin-bottom: 6vw;
    }
    .events-activities-sec {
      padding: 22vw 5vw 30vw;
    }
    .events-list__title {
      font-size: 1.625rem;
    }
    .events-list__item-title {
      flex: unset;
      font-size: 3.125rem;
    }
    .events-list__item > a {
      padding: 1rem 0;
    }
    .events-form-wrapper {
      width: 165vw;
      height: 186vw;
      padding-top: 22vw;
      -webkit-mask-size: cover;
      mask-size: cover;
    }
    .custom-events-form {
        max-width: 90vw;
        margin: 0 auto;
    }
    .events-form__title {
      font-size: 1.625rem;
    }
    .form-submit .btn-solid-dark {
      font-size: 1.125rem;
      padding: 0.42rem 1.1rem;
    }
    .events-form-sec {
      padding-bottom: 200vw;
    }
    .visit-faq__header-title {
      font-size: 1.5rem;
      line-height: 1.1;
    }
    .visit-faq__header {
        padding-bottom: 2vw;
        margin-bottom: 6vw;
    }
    .newsletter__form-wrap .wpcf7-spinner {
        right: unset;
        left: 50%;
        top: unset;
        bottom: 0;
        transform: translate(-50%, -50%);
    }
    .page-template-thank .visit-intro__content {
        width: 100%;
        text-align: center;
        padding: 0;
        margin-bottom: 0;
    }
    .page-template-thank .visit-intro {
      padding-top: calc(var(--header-h) + 14vw);
      padding-bottom: 0;
    }
    .page-template-thank .visit-intro__desc {
      padding: 0 10vw;
    }
    
    .groups-breadcrumbs {
      display: none;
    }
    .groups-hero__title {
      font-size: 3.125rem;
    }
    .groups-hero__container {
      display: flex;
      flex-direction: column-reverse;
    }
    .groups-hero__title br {
      display: none;
    }
    .groups-hero__filters-wrap {
      margin-top: 10vw;
    }
    .activity-card {
      width: 100%;
      aspect-ratio: 1 / 0.9;
    }
    .activities-grid {
      gap: 0;
    }
    .groups-activities-sec {
      padding: 10vw 0;
    }
    .activity-hero__title {
      font-size: 3.125rem;
    }
    .activity-info__grid {
      display: flex;
      flex-direction: column;
    }
    .activity-gallery, .activity-gallery__col-sub, .activity-gallery__row-sub {
        gap: 0.5rem;
    }
    .activity-gallery__col-main .img-wrap {
        min-height: 72vw;
    }
    
    .activity-form-box {
      position: relative;
      top: 11vw;
      right: -35vw;
      width: 165vw;
      height: 186vw;
      padding-top: 22vw;
    }
    .activity-section-title {
      font-size: 1.625rem;
    }
    
    .activity-content__empty {
      display: none;
    }
    .activity-content__grid {
      display: flex;
      flex-direction: column;
    }
    .activity-content-sec {
      padding: 16vw 0 10vw;
    }
    .activity-wwd {
        margin-bottom: 14vw;
    }
    .activity-section-title {
        margin-bottom: 6vw;
    }
    .activity-more__action {
        margin-top: 8vw;
    }
    .activity-more__title {
      font-size: 1.5rem;
    }
    .activity-more__header {
        margin-bottom: 8vw;
        padding-bottom: 2vw;
    }
    .activity-more__action .btn--outline {
      padding: 0.95rem 1.2rem;
      font-size: 1.125rem;
    }
    .visit-intro__actions {
        gap: 0.5rem;
    }
    .site-popup__iframe-container {
      border-radius: 1.125rem;
      padding: 0.4rem;
    }
    .cookie-popup__content {
      flex-direction: column;
    }
    .cookie-popup {
      bottom: 5vw;
      right: 5vw;
      width: 90vw;
      border-radius: 1.5rem;
      padding: 1.5rem;
    }
    .site-popup__content {
      gap: 0.5rem;
      padding: 1rem 0.5rem;
    }
    .events-list__item:hover .event-display-item, .events-list__item.active .event-display-item {
      display: none;
    }
    .form-group {
      position: relative;
    }
}