/* ============================================================
   amir-overrides.css — last-loaded patch sheet for HOMEPAGE-NEW.
   All rules use !important where they must win over mobile.css.
   ============================================================ */

/* ---------- HERO awards: resize new 2 logos to match strip scale ---------- */
.hero__award--globes {
    top: 280px;
    left: 22.5px;
    width: 70px;
    height: 67px;
    object-fit: contain;
}
.hero__award--influencers70 {
    top: 365px;
    left: 18px;
    width: 78px;
    height: 78px;
    border-radius: 4px;
    object-fit: cover;
}

/* ---------- ABOUT media → popup-video link styling ---------- */
.about__media.about__media-link {
    cursor: pointer;
    text-decoration: none;
    display: block;
}

/* ---------- ABOUT stat-rak-cluster — restructured per client:
   - <div class="about__stat-rak-yitzug">ייצוג</div>           ← separate div, top
   - <div class="about__stat-rak-main">                          ← rak + tenants together
       <span class="about__stat-num--rak">רק</span>            (big gold)
       <span class="about__stat-rak-tenants">בעלי דירות</span> (small)
     </div>
   Sits at 3rd position in about__stats row.
*/
.about__stat-rak-cluster {
    display: flex !important;
    flex-direction: row;                 /* user fix: horizontal row */
    align-items: flex-start;
    gap: 6px;
    direction: rtl;
}
.about__stat-rak-cluster .about__stat-rak-yitzug {
    font-family: var(--ff-he, "Heebo", sans-serif);
    font-size: 22px;
    font-weight: 400;
    line-height: 1.2;
    color: #1D1D1B;
}
.about__stat-rak-cluster .about__stat-rak-main {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    margin-top: -15px;                   /* user fix: align with yitzug baseline */
}
.about__stat-rak-cluster .about__stat-num--rak {
    font-size: clamp(72px, 6.5vw, 108px);
    font-weight: 300;
    line-height: 1;
    color: #AB8444;
    font-family: var(--ff-he, "Heebo", sans-serif);
    display: inline-block;
}
.about__stat-rak-cluster .about__stat-rak-tenants {
    font-family: var(--ff-he, "Heebo", sans-serif);
    font-size: 22px;
    font-weight: 400;
    line-height: 1.2;
    color: #1D1D1B;
    margin-top: 4px;
}

/* ---------- HEADER phone block ----------
   User fix: column (tag stacked on top of link), white flipped icon stays. */
.site-header__phone {
    display: flex !important;
    flex-direction: column;              /* user fix: stacked (tag top, link bottom) */
    align-items: flex-start;
    gap: 4px;
    direction: rtl;
}
.site-header__phone .site-header__phone-tag {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    white-space: nowrap;
}
.site-header__phone .site-header__phone-link {
    display: inline-flex !important;
    flex-direction: row;                 /* user fix: icon + number row */
    align-items: center;
    gap: 8px;
    color: #fff;
    text-decoration: none;
}
.site-header__phone .site-header__phone-num {
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    white-space: nowrap;
}
.site-header__phone .site-header__phone-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
}
.site-header__phone .site-header__phone-icon img {
    width: 100%;
    height: 100%;
    display: block;
    /* WHITE the icon + MIRROR flip horizontally */
    filter: brightness(0) invert(1);
    transform: scaleX(-1);
}

/* ---------- WHY-US: keep theme's main ul li:after, remove ONLY layout-impact
   of the removed .why-us__check (its grid slot needs to collapse) ---------- */
.why-us__item {
    /* Restore baseline flow; the prototype's CSS likely had grid/flex with check column. */
    display: flex;
    align-items: flex-start;
    gap: 12px;
}
.why-us__item-body {
    flex: 1 1 0;
    min-width: 0;
}
/* Keep the theme's :after — that's the SINGLE check user wants */

/* ---------- FAQ: remove theme's main ul li::after that bleeds onto faq__item ---------- */
main ul.faq__list > li.faq__item::after,
.faq__list .faq__item::after,
.faq__list .faq__item::before {
    content: none !important;
    display: none !important;
    background: none !important;
}

/* ---------- FORM: respect ORIGINAL layout from form.css.
   It already uses `flex-direction: row-reverse` which places the submit (last in DOM)
   at the visual LEFT. NO overrides here — earlier ones broke the form. */

/* PRESS dark-bg + gradient cleanup moved to press.css directly (rule deleted, not hidden). */

/* ---------- Sliders: SWIPER-style translateX carousel ----------
   sliders.js clones cards at both ends and translates the track with CSS transform.
   Parent wrap has overflow:hidden to clip off-screen cards.
   When sliding hits the cloned section, JS instantly snaps back to the equivalent
   position in the originals (clones look identical → user sees nothing).
*/
/* Parent wraps clip the cloned cards that sit outside the visible window */
.press__slider-wrap,
.testimonials__reviews-wrap,
.testimonials__stories-wrap {
    overflow: hidden !important;
    position: relative;
}

/* Tracks stay flex row; transform is applied to them */
.press__slider,
.testimonials__reviews,
.testimonials__stories {
    flex-wrap: nowrap !important;
    overflow: visible !important;
}

.testimonials__reviews {
    justify-content: flex-start !important;
}

/* Card widths — stories' active card grows; press uniform */
.press__slider > .press__card {
    /* 4 cards × (25% - 10.5px) + 3 × 14px gap = 100% — exact fit, no crop */
    flex: 0 0 calc(25% - 10.5px) !important;
    min-width: 0;
}

/* ========================================================== */
/* REVIEWS — rebuilt per Figma 1676:4172
   Layout: 4 cards visible (318×432) in a horizontal row.
   Structure (after rebuild):
     .testimonials__reviews-wrap (position:relative, has nav arrows abs-positioned)
       .testimonials__reviews-viewport (overflow:hidden — clips off-screen cards)
         .testimonials__reviews (the moving track, transform target)
           .testimonials__review × N
*/
/* WRAP — flex row: summary card (RTL right) + slider area (RTL left) */
.testimonials__reviews-wrap {
    position: relative !important;
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 30px !important;
    overflow: visible !important;
    display: flex !important;
    flex-direction: row;
    align-items: stretch;
    gap: 22px;
    direction: rtl;
}

/* SUMMARY card (RIGHT in RTL = first DOM child) */
.testimonials__reviews-summary {
    flex: 0 0 328px;
    width: 328px;
    background: #fff;
    box-shadow: 0 0 19.787px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    padding: 24px 26px 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    direction: rtl;
}
.testimonials__reviews-summary-title {
    font-family: var(--ff-he, "Heebo", sans-serif);
    font-weight: 400;
    font-size: 30px;
    line-height: 1.2;
    color: #1d1d1b;
    margin: 0 0 8px;
}
.testimonials__reviews-summary-logo {
    width: 134px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.testimonials__reviews-summary-logo svg {
    width: 100%;
    height: 100%;
}
.testimonials__reviews-summary-score {
    font-family: var(--ff-he, "Heebo", sans-serif);
    font-weight: 700;
    font-size: 50px;
    line-height: 1;
    color: #1d1d1b;
    margin: 8px 0 6px;
}
.testimonials__reviews-summary-stars {
    display: flex;
    flex-direction: row;
    gap: 6px;
    margin-bottom: 12px;
}
.testimonials__reviews-summary-stars svg {
    width: 26px;
    height: 26px;
}
.testimonials__reviews-summary-count {
    font-family: var(--ff-he, "Heebo", sans-serif);
    font-weight: 400;
    font-size: 18px;
    line-height: 1.4;
    color: #1d1d1b;
    margin: 0 0 14px;
}
.testimonials__reviews-summary-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: #ab8444;
    color: #fff;
    font-family: var(--ff-he, "Heebo", sans-serif);
    font-weight: 700;
    font-size: 20px;
    text-decoration: none;
    padding: 14px 18px;
    border-radius: 4px;
    min-width: 196px;
    transition: background 0.2s ease;
}
.testimonials__reviews-summary-cta:hover {
    background: #946d34;
}
.testimonials__reviews-summary-cta svg {
    width: 22px;
    height: 14px;
}

/* SLIDER AREA — 3 cards visible + chevrons at edges */
.testimonials__reviews-area {
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
}
.testimonials__reviews-viewport {
    overflow: hidden !important;
    position: relative;
    width: 100%;
    margin: 0 auto;
}
.testimonials__reviews {
    display: flex !important;
    gap: 22px;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    width: max-content;                           /* let track be wide enough for clones */
    will-change: transform;
}
.testimonials__reviews > .testimonials__review {
    flex: 0 0 318px !important;
    width: 318px !important;
    min-width: 0;
    height: 432px;                                /* Figma 432 */
    background: #f6f6f6;
    padding: 28px 26px;
    display: flex !important;
    flex-direction: column;
    gap: 18px;
    box-sizing: border-box;
    direction: rtl;
    border-radius: 0;
}

/* Top row: quotation mark (LEFT) + Google G (RIGHT in RTL) */
.testimonials__reviews .testimonials__review-top {
    display: flex !important;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    direction: rtl;
}
.testimonials__reviews .testimonials__review-quote {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 56px;
    line-height: 1;
    color: #1d1d1b;
    font-weight: 400;
    transform: translateY(-8px);
}
.testimonials__reviews .testimonials__review-google {
    width: 30px;
    height: 30px;
    object-fit: contain;
    mix-blend-mode: multiply;
}

/* Stars row — black, ~24px each, gap 4-6px */
.testimonials__reviews .testimonials__review-stars {
    display: flex !important;
    flex-direction: row;
    gap: 6px;
    margin-top: 4px;
}
.testimonials__reviews .testimonials__review-stars svg {
    width: 22px;
    height: 22px;
    display: block;
}

/* Review text */
.testimonials__reviews .testimonials__review-text {
    font-family: var(--ff-he, "Heebo", sans-serif);
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    color: #1d1d1b;
    margin: 0;
    text-align: right;
    flex: 1 1 auto;
    overflow: hidden;
}

/* Name (bold, at bottom of card) */
.testimonials__reviews .testimonials__review-name {
    font-family: var(--ff-he, "Heebo", sans-serif);
    font-size: 20px;
    font-weight: 700;
    color: #1d1d1b;
    margin: 0;
    text-align: right;
    margin-top: auto;
}

/* Nav arrows: round, 54×54, absolute on outer edges of wrap */
.testimonials__reviews-wrap .testimonials__reviews-nav {
    position: absolute !important;
    top: 50%;
    transform: translateY(-50%);
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #e0e0e0;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    display: flex !important;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.testimonials__reviews-wrap .testimonials__reviews-nav:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.14);
}
.testimonials__reviews-wrap .testimonials__reviews-nav svg {
    width: 24px;
    height: 24px;
    display: block;
}
/* Nav arrows are INSIDE the slider area (.testimonials__reviews-area), not the wrap */
.testimonials__reviews-area .testimonials__reviews-nav--prev {
    right: -10px;                                 /* RTL: prev sticks out a bit on the RIGHT */
    left: auto;
}
.testimonials__reviews-area .testimonials__reviews-nav--next {
    left: -10px;                                  /* RTL: next on the LEFT edge */
    right: auto;
}

@media (max-width: 1024px) {
    .testimonials__reviews-wrap {
        flex-direction: column !important;
        padding: 0 16px !important;
    }
    .testimonials__reviews-summary {
        width: 100% !important;
        flex: 0 0 auto;
        max-width: 360px;
        margin: 0 auto;
    }
    .testimonials__reviews-area {
        width: 100%;
    }
    .testimonials__reviews > .testimonials__review {
        flex: 0 0 280px !important;
        width: 280px !important;
        height: auto;
        min-height: 380px;
        padding: 22px 20px;
    }
    .testimonials__reviews-area .testimonials__reviews-nav--prev {
        right: 6px;
    }
    .testimonials__reviews-area .testimonials__reviews-nav--next {
        left: 6px;
    }
}
.testimonials__stories > .testimonials__story {
    flex: 0 0 320px !important;
    width: 320px !important;
    /* Animate the size morph IN SYNC with the slide */
    transition: flex-basis 500ms cubic-bezier(0.25, 0.1, 0.25, 1),
                width 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
}
/* Active card (sliders.js toggles .is-active on the front-slot card) — BIGGER */
.testimonials__stories > .testimonials__story.is-active {
    flex: 0 0 353px !important;
    width: 353px !important;
}
/* IMPORTANT: kill the original :first-child rule because clones make the first DOM
   child a CLONE, not the original. Active control is now via .is-active class. */
.testimonials__stories > .testimonials__story:first-child:not(.is-active) {
    flex: 0 0 320px !important;
    width: 320px !important;
}

/* ---------- POPUP-VIDEO lightbox ---------- */
.amir-popup {
    position: fixed;
    inset: 0;
    background: rgba(3, 10, 17, 0.85);
    z-index: 9000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, visibility 0s linear 0.2s;
}
.amir-popup.is-open {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}
.amir-popup__inner {
    position: relative;
    width: min(92vw, 1100px);
    aspect-ratio: 16 / 9;
    background: #000;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.5);
}
.amir-popup__inner iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}
.amir-popup__close {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.16);
    color: #fff;
    font-size: 28px;
    line-height: 1;
    border: 0;
    cursor: pointer;
    z-index: 1;
    transition: background 0.15s ease;
}
.amir-popup__close:hover,
.amir-popup__close:focus {
    background: rgba(255, 255, 255, 0.3);
}

/* ---------- MOBILE adjustments for header menu (collapses on small screens) ---------- */
@media (max-width: 1024px) {
    .site-header__menu {
        display: none;                              /* mobile uses .site-menu overlay */
    }

    /* ========================================================== */
    /* MOBILE — section-by-section adjustments                    */
    /* ========================================================== */

    /* HERO awards: hide the 2 new logos (globes + 70-influencers) on mobile */
    .hero__award--globes,
    .hero__award--influencers70 {
        display: none !important;
    }

    /* ABOUT top: order TEXT → VIDEO → STATS (was VIDEO → TEXT) */
    .about__top {
        display: flex !important;
        flex-direction: column !important;
        gap: 24px;
    }
    .about__top .about__text,
    .about__top > .about__text {
        order: 1 !important;
    }
    .about__top .about__media,
    .about__top .about__media-link,
    .about__top > .about__media {
        order: 2 !important;
    }

    /* ========== ABOUT__STATS mobile (Figma 1676:18353) ==========
       2×2 grid with cells reordered:  [20 right-top][350 left-top]
                                       [rak right-bot][1000 left-bot]
       Numbers GOLD #AB8444 Heebo Light, text 13px dark gray. */
    .about__stats { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 24px !important; order: 99 !important; margin-top: 32px; padding: 0 20px !important; direction: rtl !important; width: 100% !important; }
.about__stats .about__stats-row { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 20px 28px !important; width: 100% !important; max-width: 100% !important; }
.about__stats .about__stat { text-align: center !important; }
    /* DOM order is: 350(0), 1000(1), rak(2), 20(3)
       Visual order (RTL grid fills right-to-left top-to-bottom):
         20 right-top (1st) ← DOM 3 → order: 1
         350 left-top  (2nd) ← DOM 0 → order: 2
         rak right-bot (3rd) ← DOM 2 → order: 3
         1000 left-bot (4th) ← DOM 1 → order: 4
    */
    .about__stats > .about__stat:nth-child(1) { order: 2 !important; }   /* 350 */
    .about__stats > .about__stat:nth-child(2) { order: 4 !important; }   /* 1000 */
    .about__stats > .about__stat:nth-child(3) { order: 3 !important; }   /* rak */
    .about__stats > .about__stat:nth-child(4) { order: 1 !important; }   /* 20 */

    .about__stats .about__stat {
        text-align: center !important;
        direction: rtl !important;
    }
    .about__stats .about__stat-num {
        font-family: var(--ff-he, "Heebo", sans-serif) !important;
        font-size: 58px !important;
        font-weight: 300 !important;
        line-height: 1 !important;
        color: #AB8444 !important;
        margin: 0 0 8px !important;
        display: block !important;
    }
    .about__stats .about__stat-text {
        font-family: var(--ff-he, "Heebo", sans-serif) !important;
        font-size: 13px !important;
        line-height: 16.7px !important;
        font-weight: 400 !important;
        color: #1d1d1b !important;
        margin: 0 auto !important;
        max-width: 160px;
    }

    /* RAK cluster mobile — per user image:
         [   ייצוג ]              ← top-right (small absolute label)
         [   רק    ]              ← big centered gold
         [ בעלי דירות ]            ← centered below רק */
    .about__stats .about__stat-rak-cluster {
        position: relative !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 2px !important;
        direction: rtl !important;
        padding-top: 4px !important;
        min-height: 110px;
    }
    /* ייצוג — absolute top-right corner of the cluster */
    .about__stats .about__stat-rak-cluster .about__stat-rak-yitzug {
        position: absolute !important;
        top: 16px !important;
        right: 12px !important;
        display: inline-block !important;
        font-family: var(--ff-he, "Heebo", sans-serif) !important;
        font-size: 13px !important;
        font-weight: 400 !important;
        color: #1d1d1b !important;
        line-height: 1 !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    /* רק + בעלי דירות stack — centered */
    .about__stats .about__stat-rak-cluster .about__stat-rak-main {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 4px !important;
    }
    .about__stats .about__stat-rak-cluster .about__stat-num--rak {
        font-family: var(--ff-he, "Heebo", sans-serif) !important;
        font-size: 69px !important;
        font-weight: 300 !important;
        line-height: 1 !important;
        color: #AB8444 !important;
        display: inline-block !important;
    }
    /* "בעלי דירות" — SHOW on mobile, centered below רק */
    .about__stats .about__stat-rak-cluster .about__stat-rak-tenants {
        display: block !important;
        font-family: var(--ff-he, "Heebo", sans-serif) !important;
        font-size: 13px !important;
        font-weight: 400 !important;
        line-height: 1.3 !important;
        color: #1d1d1b !important;
        margin: 4px 0 0 !important;
        text-align: center;
    }

    /* ========== TESTIMONIALS mobile (Figma 1676:18376) ========== */
    /* Per Figma: intro centered → stories peek-carousel → SINGLE review card.
       SUMMARY card is HIDDEN on mobile. */

    .testimonials__top {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 24px !important;
    }

    /* Intro: eyebrow + title + avatars + count, all centered */
    .testimonials__intro {
        text-align: center !important;
        align-items: center !important;
        order: 1 !important;
        padding: 0 16px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 8px;
    }
    .testimonials__intro .testimonials__tag {
        font-size: 18px !important;
        color: #1d1d1b !important;
        font-weight: 400 !important;
        margin: 0 0 4px !important;
        text-align: center !important;
    }
    .testimonials__intro .testimonials__title {
        font-size: 30px !important;
        line-height: 1.2 !important;
        margin: 0 0 18px !important;
        text-align: center !important;
        max-width: 340px;
    }
    .testimonials__intro .testimonials__social {
        justify-content: center !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 12px !important;
        margin: 0 !important;
    }
    .testimonials__intro .testimonials__avatars {
        display: flex !important;
        flex-direction: row;
        justify-content: center;
    }
    .testimonials__intro .testimonials__avatars img {
        width: 50px !important;
        height: 50px !important;
        border-radius: 50%;
        border: 2px solid #fff;
        margin-inline-end: -16px;
        object-fit: cover;
    }
    .testimonials__intro .testimonials__social-text {
        font-size: 16px !important;
        text-align: center !important;
    }
    .testimonials__intro .testimonials__nav {
        display: none !important;
    }

    /* Stories — center video carousel (Figma 1676:18376)
       Active card: 226×399 centered in viewport.
       Side cards: 191×337, ~60px visible peek on each side (32% of card).
       Arrows ON the center card edges (overlapping), not at wrap corners. */
    .testimonials__stories-wrap {
        order: 2 !important;
        position: relative !important;
        width: 100% !important;
        max-width: 100vw;
        overflow: hidden !important;
        flex: 0 0 auto !important;
        /* Reserve fixed height for active card (399) + gap (12) + caption (~26).
           Prevents layout shift when active card morphs to non-active size. */
        min-height: 450px !important;
        height: 450px !important;
    }
    /* Track: flex row with SYMMETRIC padding-left/right = (viewport - active_card)/2.
       This auto-centers the active card. JS swiper translate handles per-click shift. */
    .testimonials__stories {
        display: flex !important;
        flex-direction: row !important;
        gap: 14px !important;
        padding-left: calc(50% - 113px) !important;    /* 113 = half of 226 active card */
        padding-right: calc(50% - 113px) !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
        overflow: visible !important;
        overflow-x: visible !important;
        overflow-y: visible !important;
        flex-wrap: nowrap !important;
        scroll-snap-type: none !important;
        -webkit-overflow-scrolling: auto !important;
    }
    .testimonials__stories::-webkit-scrollbar { display: none; }

    /* Non-active cards: 191×337, slight dim */
    .testimonials__stories > .testimonials__story {
        flex: 0 0 191px !important;
        width: 191px !important;
        scroll-snap-align: none !important;
        opacity: 0.85;
        transition: flex-basis 0.45s cubic-bezier(0.25, 0.1, 0.25, 1),
                    width 0.45s cubic-bezier(0.25, 0.1, 0.25, 1),
                    opacity 0.45s ease;
    }
    .testimonials__stories > .testimonials__story:first-child:not(.is-active) {
        flex: 0 0 191px !important;
        width: 191px !important;
    }
    /* Active center card: 226×399 — bigger + fully opaque */
    .testimonials__stories > .testimonials__story.is-active {
        flex: 0 0 226px !important;
        width: 226px !important;
        opacity: 1;
    }
    .testimonials__stories > .testimonials__story .testimonials__story-card {
        aspect-ratio: 191 / 337 !important;
        border-radius: 11px !important;
    }
    .testimonials__stories > .testimonials__story.is-active .testimonials__story-card {
        aspect-ratio: 226 / 399 !important;
    }
    .testimonials__stories > .testimonials__story .testimonials__story-play {
        width: 54px !important;
        height: 54px !important;
    }
    .testimonials__stories > .testimonials__story.is-active .testimonials__story-play {
        width: 73px !important;
        height: 73px !important;
    }
    /* Caption only on the active center card */
    .testimonials__stories > .testimonials__story .testimonials__story-caption {
        display: none !important;
    }
    .testimonials__stories > .testimonials__story.is-active .testimonials__story-caption {
        display: block !important;
        font-size: 15px !important;
        font-weight: 400 !important;
        color: #1d1d1b !important;
        text-align: center !important;
        margin: 12px 0 0 !important;
    }

    /* ARROWS ON the center video — straddling its left & right edges.
       Vertically centered on card image area (above the caption). */
    .testimonials__stories-wrap .testimonials__stories-nav {
        display: flex !important;
        position: absolute !important;
        /* 199px = approx half of 399 (active card height) — center of the video */
        top: 199px !important;
        transform: translateY(-50%) !important;
        width: 42px !important;
        height: 42px !important;
        border-radius: 50% !important;
        background: #fff !important;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.18) !important;
        border: 0 !important;
        align-items: center !important;
        justify-content: center !important;
        z-index: 10 !important;
        padding: 0 !important;
    }
    /* prev (RIGHT in RTL): button center at viewport_center + 113 (right edge of 226 card)
       so button-left = center + 113 - 21 = center + 92 */
    .testimonials__stories-wrap .testimonials__stories-nav--prev {
        left: calc(50% + 92px) !important;
        right: auto !important;
    }
    /* next (LEFT in RTL): button center at viewport_center - 113, button-left = center - 113 - 21 = center - 134 */
    .testimonials__stories-wrap .testimonials__stories-nav--next {
        left: calc(50% - 134px) !important;
        right: auto !important;
    }
    .testimonials__stories-wrap .testimonials__stories-nav svg {
        width: 18px !important;
        height: 18px !important;
        color: #1d1d1b !important;
        transform: none !important;          /* override testimonials.css scaleX(-1) on next */
    }
    /* Override testimonials.css's scaleX(-1) on next arrow — HTML chevrons now point correct way already */
    .testimonials__stories-wrap .testimonials__stories-nav--next svg {
        transform: none !important;
    }
    .testimonials__stories-wrap .testimonials__stories-nav--prev svg {
        transform: none !important;
    }

    /* ===== REVIEWS mobile — SINGLE card visible, summary HIDDEN ===== */
    .testimonials__reviews-wrap {
        flex-direction: column !important;
        padding: 0 !important;
        gap: 0 !important;
        display: block !important;
    }
    /* Compact testimonials: show the Google summary box on mobile too (matches
       mobile Figma 2211:2684 + desktop compact). Stacks ABOVE the review cards. */
    .testimonials__reviews-summary {
        display: flex !important;
        order: 0 !important;
        width: 100% !important;
        max-width: 340px !important;
        margin: 0 auto 26px !important;
        box-sizing: border-box !important;
    }
    .testimonials__reviews-area {
        order: 1 !important;
        width: 100%;
        position: relative;
        padding: 0 16px;
    }
    .testimonials__reviews-viewport {
        max-width: none !important;
        width: 100% !important;
    }
    .testimonials__reviews > .testimonials__review {
        flex: 0 0 280px !important;
        width: 280px !important;
        min-width: 280px !important;            /* OVERRIDE testimonials.css min-width:100% */
        max-width: 280px !important;
        height: auto !important;
        min-height: 363px !important;
        padding: 20px 18px !important;
        background: #f6f6f6;
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }
    .testimonials__reviews > .testimonials__review:first-child:not(.is-active),
    .testimonials__reviews > .testimonials__review.is-active {
        flex: 0 0 280px !important;
        width: 280px !important;
        min-width: 280px !important;
        max-width: 280px !important;
    }
    /* Center the active card via track padding (swiper translate works from this baseline) */
    .testimonials__reviews {
        padding-left: calc((100vw - 280px) / 2 - 16px) !important;
        padding-right: calc((100vw - 280px) / 2 - 16px) !important;
        gap: 22px !important;
    }
    /* Remove area padding so the math above is exact */
    .testimonials__reviews-area {
        padding: 0 !important;
    }
    .testimonials__reviews .testimonials__review-text {
        font-size: 15px !important;              /* down from 18px so long reviews fit */
        line-height: 23px !important;
        flex: 1 1 auto;
        overflow: hidden;
        margin: 0 !important;
    }
    .testimonials__reviews .testimonials__review-name {
        font-size: 17px !important;
        flex: 0 0 auto;
        margin: 0 !important;
    }
    /* Ensure top row and stars don't take too much vertical space */
    .testimonials__reviews .testimonials__review-top {
        flex: 0 0 auto;
    }
    .testimonials__reviews .testimonials__review-stars {
        flex: 0 0 auto;
        margin-top: 0 !important;
        gap: 4px;
    }
    .testimonials__reviews .testimonials__review-stars svg {
        width: 18px;
        height: 18px;
    }
    /* Smaller quote glyph on mobile */
    .testimonials__reviews .testimonials__review-quote {
        font-size: 44px !important;
    }
    .testimonials__reviews .testimonials__review-google {
        width: 26px !important;
        height: 26px !important;
    }
    .testimonials__reviews-area .testimonials__reviews-nav {
        width: 38px !important;
        height: 38px !important;
        background: #fff !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
    }
    .testimonials__reviews-area .testimonials__reviews-nav--prev {
        right: 6px !important;
        left: auto !important;
    }
    .testimonials__reviews-area .testimonials__reviews-nav--next {
        left: 6px !important;
        right: auto !important;
    }
    .testimonials__reviews-area .testimonials__reviews-nav svg {
        width: 18px;
        height: 18px;
    }

    /* ========== PRESS mobile (Figma 1676:18489) ========== */
    .press__slider-wrap {
        position: relative;
        padding: 0 !important;
        overflow: hidden !important;
    }
    .press__slider {
        padding: 0 50px !important;                 /* room for arrows */
        gap: 16px !important;
    }
    .press__slider > .press__card {
        flex: 0 0 calc(100vw - 100px) !important;
        max-width: 340px;
        min-width: 0;
    }
    .press__nav {
        display: flex !important;
        position: absolute !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: #fff;
        box-shadow: 0 2px 12px rgba(0,0,0,0.15);
        border: 0;
        align-items: center;
        justify-content: center;
        z-index: 10;
    }
    .press__nav--prev {
        right: 8px !important;
        left: auto !important;
    }
    .press__nav--next {
        left: 8px !important;
        right: auto !important;
    }
    .press__nav svg {
        width: 20px;
        height: 20px;
    }
    /* Big gold CTA at bottom — uses existing .press__cta styling, just confirm visible */
    .press__cta-wrap {
        margin-top: 24px !important;
        text-align: center !important;
    }
    .press__cta {
        background: #ab8444 !important;
        color: #fff !important;
        padding: 14px 32px !important;
        border-radius: 4px !important;
        display: inline-flex !important;
        align-items: center;
        gap: 10px;
        font-weight: 700 !important;
        font-size: 18px !important;
        text-decoration: none;
    }
}

/* ============================================================
   USER MANUAL FIXES (applied from WP admin live edits)
   ============================================================ */

/* ---------- PCS Privacy checkbox (cookie/privacy plugin) ---------- */
.informer label.pcs-privacy-label span,
.informer label.pcs-privacy-label a {
    color: #fff !important;
}
.pcs-privacy-wrap {
    width: fit-content;
    justify-self: center;
}
input.pcs-privacy-checkbox {
    width: auto !important;
    color: #000 !important;
}
label.pcs-privacy-label span {
    color: #000 !important;
}
label.pcs-privacy-label {
    display: flex !important;
}

/* ---------- Avatars overlap (testimonials__intro) ---------- */
.testimonials__avatars img:first-child {
    margin-right: -20px;
}

/* ---------- Projects text column (DESKTOP ONLY) ---------- */
@media (min-width: 1025px) {
    .projects__text {
        flex: 0 0 500px;
        max-width: 500px;
    }
}

/* ---------- Form section direction ---------- */
.form-section__form {
    flex-direction: row;
}

/* ============================================================
   DESKTOP-ONLY (min-width: 900px)
   ============================================================ */
@media (min-width: 900px) {
    .testimonials__top {
        height: 680px;
    }
}

/* ============================================================
   MOBILE PHONE BLOCK HIDE (max-width: 900px)
   ============================================================ */
@media (max-width: 900px) {
    .site-header__phone {
        display: none !important;
    }
}

/* ============================================================
   MOBILE FIXES (max-width: 1024px) — added at end so they win
   ============================================================ */
@media (max-width: 1024px) {
    /* rak slot needs slight upward nudge to align with the 350/1000/20 numbers */
    .about__stats > .about__stat:nth-child(3) {
        margin-top: -17px !important;
    }

    /* Sticky GetStatus award sits a bit higher on mobile so it doesn't overlap content */
    .hero__sticky-award {
        bottom: 64px !important;
    }
}

/* ===========================================================
   WHY-US — video stories carousel on the LEFT (Figma 2191:2453)
   Replaces the old static photos. Reuses .testimonials__stories
   markup so sliders.js + the story-card CSS apply unchanged.
   =========================================================== */
/* Contain the left-bleed so it never creates page horizontal scroll */
.why-us {
    overflow-x: clip;
}
/* RTL row → first DOM child (text) on the RIGHT, media (slider) on the LEFT.
   (The theme's row-reverse put text on the LEFT, which collided with the bleed.) */
.why-us__inner {
    flex-direction: row !important;
    align-items: flex-start;
}
.why-us__media {
    flex: 1 1 0;
    min-width: 0;
    align-self: stretch;
    position: relative;
}
.why-us__stories-wrap {
    /* Bleed the carousel LEFT (Figma: cards start off the content column) so 3 cards
       show with the leftmost CUT ~IN HALF. Fixed 170px keeps the half-cut constant
       across viewports (card widths + the active card's right anchor are fixed).
       The active (big) card stays on the RIGHT, next to the text.
       .why-us has overflow-x:clip so this bleed never adds page horizontal scroll. */
    --wu-bleed: 170px;
    position: relative;
    width: calc(100% + var(--wu-bleed));
    margin-left: calc(-1 * var(--wu-bleed));
    overflow: hidden;          /* clips the leftmost card to a half + off-screen cards */
}
/* Show the carousel arrows on desktop (default testimonials rule hides them) */
.why-us .testimonials__stories-nav {
    display: inline-flex !important;
    position: absolute;
    top: 46%;
    transform: translateY(-50%);
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #ececec;
    box-shadow: 0 2px 14px rgba(0, 0, 0, 0.12);
    align-items: center;
    justify-content: center;
    z-index: 6;
    cursor: pointer;
    color: var(--c-gold-flat);
    padding: 0;
    transition: box-shadow 0.2s ease;
}
.why-us .testimonials__stories-nav:hover {
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.18);
}
.why-us .testimonials__stories-nav svg {
    width: 22px;
    height: 22px;
}
/* Both arrows sit ON the first (active/big) card — one on each side, over the image.
   Active card width = 353px (set by .testimonials__story.is-active); arrow = 54px.
   prev (›) inset 12px from the card's RIGHT edge; next (‹) inset 12px from its LEFT edge. */
.why-us .testimonials__stories-nav--prev { right: 12px; left: auto; }
.why-us .testimonials__stories-nav--next { right: calc(353px - 54px - 12px); left: auto; }

@media (max-width: 1024px) {
    .why-us__inner { flex-direction: column !important; }   /* re-stack on mobile */
    .why-us__media { width: 100%; flex: 0 0 auto; }
    /* No left-bleed on mobile — the carousel is full-width with peek (global stories rules) */
    .why-us__stories-wrap {
        --wu-bleed: 0px;
        width: 100%;
        margin-left: 0;
    }
    /* mobile arrows revert to the smaller white pills */
    .why-us .testimonials__stories-nav {
        top: 50%;
        width: 44px;
        height: 44px;
        left: auto;
        right: auto;
    }
    .why-us .testimonials__stories-nav--prev { right: 16px; }
    .why-us .testimonials__stories-nav--next { left: 16px; }
}

/* ── Mobile menu: submenu (תחומי התמחות children) — dynamic WP menu mirror ── */
/* Added 2026-07-02: mobile panel now renders the same header-menu as desktop     */
/* (amir_mobile_menu). Service children show as an indented, always-visible list. */
@media (max-width: 1024px) {
    .site-menu__submenu {
        list-style: none;
        margin: 0;
        padding: 0;
        background: #f7f7f5;
    }
    .site-menu__subitem {
        border-bottom: 1px solid rgba(0, 0, 0, 0.06);
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
    }
    .site-menu__subitem:last-child {
        border-bottom: 0;
    }
    .site-menu__link--sub {
        padding-inline-start: 48px;
        font-size: 16px;
        color: #4a4a48;
    }
}