@media (max-width: 768px) { /* השורה העליונה */

    .top_main_container {
        display: grid !important;
        grid-template-columns: 56px 1fr 56px; /* שמאל | מרכז | ימין */
        grid-template-rows: 56px auto; /* שורה 1 | שורה 2 */
        grid-template-areas: "menu logo a11y" "search search search";
        align-items: center !important;
        padding: 0 12px 12px !important;
        gap: 8px !important;
    }
        /* ---- MENU (hamburger) שמאל ---- */

        .top_main_container .header-bar {
            grid-area: menu !important;
            justify-self: start !important;
            align-self: center !important;
        }

        .top_main_container .mobile-menu-btn {
            width: 44px !important;
            height: 44px !important;
        }
        /* ---- LOGO מרכז ---- */

        .top_main_container .logo-container {
            grid-area: logo !important;
            justify-self: center !important;
            align-self: center !important;
        }

            .top_main_container .logo-container img {
                max-height: 28px !important;
                width: auto !important;
                display: block !important;
            }
        /* ---- SEARCH שורה מתחת ---- */

        .top_main_container .search-container {
            grid-area: search !important;
            width: 100% !important;
        }

        .top_main_container .search-box {
            display: grid !important;
            grid-template-columns: 1fr 44px !important;
            width: 100% !important;
        }

            .top_main_container .search-box input {
                height: 42px !important;
                padding: 0 12px !important;
                border-radius: 10px 0 0 10px !important;
                box-sizing: border-box !important;
            }

        .top_main_container .search-button-container {
            width: 44px !important;
            height: 42px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            border-radius: 0 10px 10px 0 !important;
        }
        /* ---- דברים שלא צריכים במובייל בתוך השורה העליונה ---- */

        .top_main_container .spacer, .top_main_container .shopping-cart-container {
            display: none !important;
        }
}

@media (max-width: 768px) { /* לוודא שאין חיתוך */

    .top_main_container, .top_main_container * {
        overflow: visible !important;
    }
    /* GRID יציב */

    .top_main_container {
        display: grid !important;
        grid-template-columns: 44px 1fr 44px !important;
        grid-template-rows: 56px auto !important;
        grid-template-areas: "menu logo right" "search search search" !important;
        align-items: center !important;
        padding: 0 12px 12px !important;
        gap: 8px !important;
    }
        /* MENU (המבורגר) – להצמיד שמאלה ולהוציא רקע/מסגרות */

        .top_main_container .header-bar {
            grid-area: menu !important;
            justify-self: start !important;
            align-self: center !important;
            display: flex !important;
            align-items: center !important;
        }

        .top_main_container .mobile-menu-btn {
            width: 44px !important;
            height: 44px !important;
            padding: 0 !important;
            margin: 0 !important;
            background: transparent !important;
            border: 0 !important;
            box-shadow: none !important;
        }
        /* LOGO – מרכז אמיתי */

        .top_main_container .logo-container {
            grid-area: logo !important;
            justify-self: center !important;
            align-self: center !important;
            margin: 0 !important;
            padding: 0 !important;
        }

            .top_main_container .logo-container img {
                max-height: 28px !important;
                width: auto !important;
                display: block !important;
                margin: 0 auto !important;
            }
        /* RIGHT – לבטל כל “ריבוע לבן”/אלמנטים מיותרים */

        .top_main_container .shopping-cart-container, .top_main_container .spacer {
            display: none !important;
        }
        /* אם יש אלמנט ריק שמופיע כבלוק לבן – ננטרל כל div ריק קטן */

        .top_main_container > div:empty {
            display: none !important;
        }
        /* SEARCH – שורה מתחת */

        .top_main_container .search-container {
            grid-area: search !important;
            width: 100% !important;
            margin: 0 !important;
        }

        .top_main_container .search-box {
            display: grid !important;
            grid-template-columns: 1fr 44px !important;
            width: 100% !important;
            gap: 0 !important;
        }

            .top_main_container .search-box input {
                height: 42px !important;
                padding: 0 12px !important;
                border-radius: 10px 0 0 10px !important;
                box-sizing: border-box !important;
            }

        .top_main_container .search-button-container {
            width: 44px !important;
            height: 42px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            border-radius: 0 10px 10px 0 !important;
        }
}

@media (max-width: 768px) { /* לא לגעת בחיפוש/שורה שנייה כרגע */ /* שורה עליונה: לוגו תמיד באמצע */

    .top_main_container {
        position: relative !important;
    }

        .top_main_container .logo-container {
            position: absolute !important;
            left: 70% !important;
            top: 50% !important;
            transform: translate(-50%, -50%) !important;
            z-index: 5 !important;
        }

            .top_main_container .logo-container img {
                max-height: 28px !important;
                width: auto !important;
                display: block !important;
            }
        /* המבורגר לימין */

        .top_main_container .header-bar {
            position: absolute !important;
            right: 12px !important;
            top: 50% !important;
            transform: translateY(-50%) !important;
            z-index: 6 !important;
        }

        .top_main_container .mobile-menu-btn {
            width: 44px !important;
            height: 44px !important;
            background: transparent !important;
            border: 0 !important;
            box-shadow: none !important;
        }
}

@media (max-width: 768px) { /* חיפוש: כפתור בימין, שדה משמאל */

    .top_main_container .search-box {
        display: grid !important;
        grid-template-columns: 1fr 44px !important; /* שדה | כפתור (ימין) */
        direction: ltr !important; /* שלא יהפוך לנו את ה-grid */
        width: 100% !important;
    }

        .top_main_container .search-box input {
            width: 100% !important;
            direction: rtl !important; /* טקסט בעברית בתוך השדה */
            border-radius: 10px 0 0 10px !important; /* עיגול שמאל */
            height: 42px !important;
        }

    .top_main_container .search-button-container {
        border-radius: 0 10px 10px 0 !important; /* עיגול ימין */
        width: 44px !important;
        height: 42px !important;
    }
}

@media (max-width: 768px) {
    .toolbar-layout {
        position: fixed !important;
        right: 12px !important;
        bottom: 16px !important;
        top: auto !important;
        z-index: 9999 !important;
    }

        .toolbar-layout .toolbar-toggler {
            width: 44px !important;
            height: 44px !important;
        }

        .toolbar-layout .toolbar-core {
            position: fixed !important;
            right: 12px !important;
            bottom: 68px !important;
            top: auto !important;
            z-index: 9999 !important;
        }
}

@media (max-width: 768px) { /* חיבור מושלם בין input לכפתור – בלי פס לבן */

    .top_main_container .search-box {
        background: transparent !important;
        overflow: hidden !important;
    }

        .top_main_container .search-box input {
            background: #ffffff !important;
            border: 0 !important;
            outline: none !important;
            box-shadow: none !important; /* זה הקריטי */
            margin: 0 !important;
            border-right: 0 !important;
            border-inline-end: 0 !important;
            background-clip: padding-box !important;
        }

    .top_main_container .search-button-container {
        background: #f2c94c !important; /* הצהוב */
        border: 0 !important;
        outline: none !important;
        box-shadow: none !important; /* זה הקריטי */
        margin: 0 !important;
        border-left: 0 !important;
        border-inline-start: 0 !important;
        background-clip: padding-box !important;
    }
}

@media (max-width: 768px) { /* כפתור נגישות – צד שמאל */

    .toolbar-layout {
        position: fixed !important;
        left: 12px !important;
        right: auto !important;
        bottom: 16px !important;
        top: auto !important;
        z-index: 9999 !important;
    }

        .toolbar-layout .toolbar-toggler {
            width: 44px !important;
            height: 44px !important;
        }
        /* תפריט נגישות שנפתח */

        .toolbar-layout .toolbar-core {
            position: fixed !important;
            left: 12px !important;
            right: auto !important;
            bottom: 68px !important;
            top: auto !important;
            z-index: 9999 !important;
        }
}

@media (max-width: 768px) { /* לתקן אייקון נגישות הפוך */

    .toolbar-layout .toolbar-toggler i, .toolbar-layout .toolbar-toggler svg {
        transform: scaleX(-1) !important;
    }
}

@media (max-width: 768px) {
    .mobile-top-links {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 14px !important;
        padding: 8px 12px !important;
        background: #0f0f0f !important;
        border-bottom: 1px solid rgba(255,255,255,.08) !important;
    }

        .mobile-top-links a {
            color: #fff !important;
            font-size: 13px !important;
            font-weight: 500 !important;
            text-decoration: none !important;
            opacity: .92 !important;
            white-space: nowrap !important;
            padding: 4px 6px !important;
        }

            .mobile-top-links a:active {
                opacity: 1 !important;
            }
}

@media (max-width: 768px) {
    .top_main_container {
        grid-template-rows: auto 56px auto !important; /* links | header | search */
        grid-template-areas: "links links links" "menu logo right" "search search search" !important;
    }

    .mobile-top-links {
        grid-area: links !important;
    }
}

@media (max-width: 768px) {
    .top_main_container .logo-container {
        margin-top: -10px !important; /* אפשר לשחק בין -4 ל- -10 */
    }
}

@media (max-width: 768px) {
    .top-main-bar .top-menubar {
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }
}

@media (max-width: 768px) { /* להקטין את גובה השורה העליונה עצמה */

    .top-main-bar {
        padding-top: 4px !important;
        padding-bottom: 0 !important;
    }
    /* לוודא שהלוגו לא נחתך */

    .top_main_container {
        margin-top: 0 !important;
        padding-top: 6px !important;
    }

        .top_main_container .logo-container {
            top: 48% !important; /* במקום 50% */
        }
}
/*23-01*/
@media (max-width: 768px) {

    /* full width */
    .top-container,
    .top_main_container {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
    }

    /* שכבת שחור נשלטת בגובה */
    .top_main_container {
        position: relative !important;
        background: transparent !important;
        overflow: visible !important;
    }

        .top_main_container::before {
            content: "" !important;
            position: absolute !important;
            left: 0 !important;
            right: 0 !important;
            top: 0 !important;
            height: 104px !important; /* <<< שימי פה 96–112 עד שזה בול מתחת ללוגו */

            background: #0f0f0f !important;
            z-index: 0 !important;
            pointer-events: none !important;
        }

        /* תוכן מעל השכבה */
        .top_main_container > * {
            position: relative !important;
            z-index: 1 !important;
        }

    /* שלא יהיה “כפול שחור” על הלינקים */
    .mobile-top-links {
        background: transparent !important;
        border-bottom: 0 !important;
    }

    /* חשוב: לוודא שהשחור לא “מדמם” מאלמנט אחר */
    .top-container {
        background: transparent !important;
    }
}
@media (max-width: 768px) {

    /* הגדלת כפתור ההמבורגר */
    .top_main_container .mobile-menu-btn {
        width: 54px !important; /* היה ~44 */
        height: 54px !important;
    }

        /* אם האייקון עצמו קטן – נגדיל אותו */
        .top_main_container .mobile-menu-btn i {
            font-size: 26px !important;
        }

        .top_main_container .mobile-menu-btn svg {
            width: 22px !important;
            height: 22px !important;
        }
}
@media (max-width: 768px) {
    .top_main_container .header-bar {
        margin-top: -1px !important;
    }

    .top_main_container .logo-container {
        margin-top: 1px !important;
    }
}
@media (max-width: 768px) {
    .dropdown-menu {
        position: fixed !important;
        left: 12px !important;
        right: 12px !important;
        top: 72px !important; /* תכווני אם צריך */
        z-index: 99999 !important;
    }
}
@media (max-width: 768px) {

    /* גובה ההדר במובייל (תכווני מספר אחד וזהו) */
    :root {
        --mobileHeaderOffset: 140px;
    }
    /* נסי 130–160 */

    /* להוריד את תוכן מסך הלוגין למטה */
    .views-login {
        padding-top: var(--mobileHeaderOffset) !important;
    }

    /* להוריד את תוכן צור קשר למטה) */
    .views-contact-us,
    .views-contact {
        padding-top: var(--mobileHeaderOffset) !important;
    }
}


/* ========= MOBILE FOOTER FIX (override header rules) ========= */
@media (max-width: 768px) {

    /* 1) לבטל את כל ה"header mobile" על top_main_container בתוך הפוטר */
    .full-layout-footer-container .top_main_container {
        position: static !important;
        display: block !important; /* לא grid */
        grid-template-columns: none !important;
        grid-template-rows: none !important;
        grid-template-areas: none !important;
        padding: 18px 14px !important;
        margin: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        background: transparent !important;
        direction: rtl !important;
        text-align: right !important;
    }

        /* לבטל את ה-::before השחור שהגדרת להדר */
        .full-layout-footer-container .top_main_container::before {
            content: none !important;
            display: none !important;
        }

    /* 2) להפוך את השורה לסטאק */
    .full-layout-footer-container .hc-row {
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important;
        align-items: stretch !important;
        width: 100% !important;
        margin: 0 !important;
    }

    /* 3) כל עמודה ברוחב מלא (במקום hc-col-4) */
    .full-layout-footer-container .hc-col-4 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        margin: 0 !important;
    }

    /* 4) הלוגו בפוטר — לא absolute, מיושר לימין */
    .full-layout-footer-container .logo-container {
        position: static !important;
        left: auto !important;
        top: auto !important;
        transform: none !important;
        text-align: right !important;
        margin-top: 6px !important;
    }

        .full-layout-footer-container .logo-container img {
            max-width: 140px !important;
            height: auto !important;
            display: inline-block !important;
        }

    /* 5) תיקון text-left שמיישר שמאלה */
    .full-layout-footer-container .text-left {
        text-align: right !important;
    }

    /* 6) מייל לא נשבר מוזר */
    .full-layout-footer-container a[href^="mailto:"] {
        direction: ltr !important;
        unicode-bidi: plaintext !important;
        overflow-wrap: anywhere !important;
    }
}

@media (max-width: 768px) {
    .full-layout-footer-container .footer_heading h3 {
        font-size: 17px !important;
        margin-bottom: 8px !important;
    }
}
@media (max-width: 768px) {
    .full-layout-footer-container .logo-container {
        text-align: center !important;
    }
}

/*26-01-26*/

/* ========= MOBILE MENU: header always on top + menu above page title ========= */
@media (max-width: 768px) {

    /* 1) overlay + sidebar תמיד מעל כל התוכן */
    .mobile-overlay {
        position: fixed !important;
        inset: 0 !important;
        background: rgba(0,0,0,.35) !important;
        z-index: 99990 !important;
    }

    .top-menubar.mobile-sidebar-open {
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        left: auto !important;
        width: min(86vw, 360px) !important;
        height: 100vh !important;
        background: #f2c94c !important;
        z-index: 99999 !important;
        overflow-y: auto !important;
        box-shadow: -8px 0 24px rgba(0,0,0,.35) !important;
    }

        /* 2) להפוך את menu-container ל-column כדי שנוכל לשלוט בסדר */
        .top-menubar.mobile-sidebar-open .menu-container {
            display: flex !important;
            flex-direction: column !important;
            padding: 0 !important;
            margin: 0 !important;
            width: 100% !important;
        }

        /* 3) להכריח את פס ה-X להיות ראשון (גם אם הוא לא ראשון ב-HTML) */
        .top-menubar.mobile-sidebar-open .mobile-menu-header {
            order: -1 !important;
            position: sticky !important;
            top: 0 !important;
            z-index: 5 !important;
            display: flex !important;
            align-items: center !important;
            justify-content: space-between !important;
            padding: 12px 14px !important;
            background: #f2c94c !important;
            border-bottom: 1px solid rgba(0,0,0,.12) !important;
        }

        .top-menubar.mobile-sidebar-open .mobile-menu-title {
            font-size: 14px !important;
            font-weight: 700 !important;
        }

        .top-menubar.mobile-sidebar-open .mobile-menu-close {
            background: transparent !important;
            border: 0 !important;
            font-size: 22px !important;
            line-height: 1 !important;
            padding: 6px 8px !important;
            cursor: pointer !important;
        }

        /* 4) התוכן של הקטגוריות אחרי ה-header */
        .top-menubar.mobile-sidebar-open .categories-container {
            order: 2 !important;
            padding: 10px 14px 18px !important;
            margin: 0 !important;
            width: 100% !important;
        }

    /* 5) בעמוד צור קשר: להוריד את הכותרת מתחת לתפריט */
    .views-contact-us .bread_filter_box {
        position: relative !important;
        z-index: 1 !important;
    }
}
/* ========= MOBILE: fix child categories black box inside sidebar ========= */
@media (max-width: 768px) {

    /* לבטל את ה"קופסה השחורה" של תתי קטגוריות */
    .top-menubar.mobile-sidebar-open .child-categories-container {
        background: transparent !important;
        box-shadow: none !important;
        border: 0 !important;
        border-radius: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
    }

        /* לוודא שגם אם זה מגיע מ-inner element – לא יהיה שחור */
        .top-menubar.mobile-sidebar-open .child-categories-container *,
        .top-menubar.mobile-sidebar-open .child-category-container,
        .top-menubar.mobile-sidebar-open .child-category-title {
            background: transparent !important;
            box-shadow: none !important;
            border: 0 !important;
        }

    /* להפריד תתי קטגוריות עם קו דק (במקום כרטיס) */
    .top-menubar.mobile-sidebar-open .child-category-title {
        padding: 12px 0 !important;
        border-bottom: 1px solid rgba(0,0,0,.18) !important;
    }

        /* קצת אינדנט כדי להבדיל מתתי-קטגוריות */
        .top-menubar.mobile-sidebar-open .child-category-title > div,
        .top-menubar.mobile-sidebar-open .child-category-title span {
            padding-right: 12px !important; /* RTL */
            display: inline-block !important;
        }

    /* במקרה שיש pseudo-element שיוצר את הקופסה */
    .top-menubar.mobile-sidebar-open .child-categories-container::before,
    .top-menubar.mobile-sidebar-open .child-categories-container::after {
        content: none !important;
        display: none !important;
    }
}
/* ========= MOBILE: nuke the black card inside sidebar (hard reset) ========= */
@media (max-width: 768px) {

    /* 1) לנקות כל רקעים/צללים/מסגרות בתוך הסיידבר */
    .top-menubar.mobile-sidebar-open * {
        background: transparent !important;
        background-color: transparent !important;
        box-shadow: none !important;
        border-color: rgba(0,0,0,.18) !important;
    }

    /* 2) להחזיר את הצהוב לסיידבר עצמו + לפס העליון */
    .top-menubar.mobile-sidebar-open {
        background: #f2c94c !important;
    }

        .top-menubar.mobile-sidebar-open .mobile-menu-header {
            background: #f2c94c !important;
            border-bottom: 1px solid rgba(0,0,0,.12) !important;
        }

        /* 3) טקסט ברירת מחדל */
        .top-menubar.mobile-sidebar-open,
        .top-menubar.mobile-sidebar-open a,
        .top-menubar.mobile-sidebar-open span,
        .top-menubar.mobile-sidebar-open div {
            color: #111 !important;
        }

            /* 4) מפרידים “יפים” לרשימה */
            .top-menubar.mobile-sidebar-open .root-category-title,
            .top-menubar.mobile-sidebar-open .child-category-title {
                padding: 12px 0 !important;
                border-bottom: 1px solid rgba(0,0,0,.18) !important;
            }

            /* 5) אינדנט לתת-קטגוריות כדי שלא “יתערבב” */
            .top-menubar.mobile-sidebar-open .child-category-title {
                padding-right: 14px !important; /* RTL */
            }
}
/* ========= MOBILE: sub-categories must push content (no absolute/fixed) ========= */
@media (max-width: 768px) {

    /* ההורה חייב לאפשר גדילה */
    .top-menubar.mobile-sidebar-open,
    .top-menubar.mobile-sidebar-open .menu-container,
    .top-menubar.mobile-sidebar-open .categories-container,
    .top-menubar.mobile-sidebar-open .catogery_container_main,
    .top-menubar.mobile-sidebar-open .root-category-container {
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
    }

        /* תתי קטגוריות חייבות להיות בתוך ה-flow */
        .top-menubar.mobile-sidebar-open .child-categories-container {
            position: static !important; /* הכי חשוב */
            display: block !important;
            height: auto !important;
            max-height: none !important;
            overflow: visible !important;
            margin: 0 !important;
            padding: 6px 0 10px !important;
        }

        /* אם משהו פנימי מוגדר absolute */
        .top-menubar.mobile-sidebar-open .child-category-container,
        .top-menubar.mobile-sidebar-open .child-category-title {
            position: static !important;
        }
}

/* ========= MOBILE: when menu open, NOTHING can sit above it (fix contact page) ========= */
@media (max-width: 768px) {

    /* כשהתפריט פתוח – לשים את כל ה-page מתחת */
    .mobile-overlay ~ .view-container,
    .mobile-overlay ~ .view-container *,
    .mobile-overlay ~ .full-layout-footer-container {
        position: relative !important;
        z-index: 0 !important;
    }

        /* במיוחד צור קשר (הפס האפור) */
        .mobile-overlay ~ .view-container .bread_filter_box,
        .mobile-overlay ~ .view-container .bread_filter_box * {
            z-index: 0 !important;
        }

    /* והכי חשוב: overlay + sidebar תמיד מעל כל דבר */
    .mobile-overlay {
        z-index: 99990 !important;
    }

        .mobile-overlay .top-menubar.mobile-sidebar-open {
            z-index: 99999 !important;
        }
}

/* ========= MOBILE: when sidebar open, page behind is NOT clickable ========= */
@media (max-width: 768px) {

    /* ברירת מחדל – העמוד לחיץ */
    .view-container {
        pointer-events: auto;
    }

    /* כשהתפריט פתוח – כל מה שמאחוריו לא לחיץ */
    .layouts-full:has(.mobile-overlay) .view-container,
    .layouts-full:has(.mobile-overlay) .top-container,
    .layouts-full:has(.mobile-overlay) .full-layout-footer-container {
        pointer-events: none !important;
    }

    /* אבל התפריט עצמו כן לחיץ */
    .mobile-overlay,
    .mobile-overlay * {
        pointer-events: auto !important;
    }

    /* להבטיח שהתפריט מעל הכל */
    .mobile-overlay {
        z-index: 99990 !important;
    }

    .top-menubar.mobile-sidebar-open {
        z-index: 99999 !important;
    }
}
 /* 27-06 */

/* ========= HIDE DESKTOP LOGOUT BUTTON ON MOBILE ========= */
@media (max-width: 768px) {

    /* כפתור "יציאה" של דסקטופ */
    .login-cta,
    .menu-item .login-cta,
    .menu-item-title.login-cta {
        display: none !important;
    }
}
/* ========= MOBILE: account table stays a table (horizontal scroll) ========= */
@media (max-width: 768px) {

    /* עטיפה שמאפשרת גלילה */
    .views-account table,
    .views-account-us table,
    .views-account .table,
    .views-account-us .table {
        width: 100% !important;
    }

    /* תופסים את הטבלה בתוך עטיפה גלילה */
    .views-account .table-responsive,
    .views-account-us .table-responsive,
    .views-account table,
    .views-account-us table {
        display: block !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }

        /* להחזיר את מבנה הטבלה (אם משהו שבר אותו) */
        .views-account table thead,
        .views-account table tbody,
        .views-account table tr {
            display: table-row-group !important;
        }

        .views-account table tr {
            display: table-row !important;
        }

        .views-account table th,
        .views-account table td {
            display: table-cell !important;
            white-space: nowrap !important;
        }

        /* כיווץ עדין */
        .views-account table th,
        .views-account table td {
            font-size: 13px !important;
            padding: 10px 12px !important;
            vertical-align: middle !important;
        }
}
@media (max-width: 768px) {
    .views-account .TotalBalance.hidden-xs-down {
        display: block !important;
    }
}
/* ========= MOBILE: show cart + place it LEFT of the logo (minimal change) ========= */
@media (max-width: 768px) {

    /* להחזיר את העגלה במובייל (אצלך היא מוסתרת) */
    .top-container .top_main_container .shopping-cart-container {
        display: block !important;
    }

    /* למקם את העגלה משמאל ללוגו בלי לשבור את המבנה */
    .top-container .top_main_container {
        position: relative !important; /* כדי ש-absolute יעבוד ביחס להדר */
    }

        .top-container .top_main_container .shopping-cart-container {
           
            position: absolute !important;
            left: 12px !important;
            top: 65px !important; /* תשחקי 14–26 */
            transform: none !important; /* חשוב! */
            z-index: 8 !important;
        }

            /* גודל עדין לעגלה */
            .top-container .top_main_container .shopping-cart-container svg {
                width: 28px !important;
                height: 40px !important;
            }

        /* כדי שלא יהיה חפיפה עם הלוגו – נותנים ללוגו “מרחב נשימה” */
        .top-container .top_main_container .logo-container {
            padding-left: 44px !important; /* שמרי מקום לעגלה */
            padding-right: 44px !important; /* שמרי מקום להמבורגר */
        }
}

/* שלא יופיע בפוטר בטעות (ליתר בטחון) */
@media (max-width: 768px) {
    .full-layout-footer-container .shopping-cart-container {
        display: none !important;
    }
}