body { font-family: 'Segoe UI', Tahoma, Arial, sans-serif; display: flex; flex-direction: column; min-height: 100vh; margin: 0; }
.site-content { display: flex; flex-direction: column; flex: 1; min-height: 0; }

/* דלג לתוכן – נגישות: מוסתר עד שמקבל פוקוס (מקלדת) */
.skip-link {
    position: absolute;
    top: -3rem;
    right: 0.75rem;
    padding: 0.5rem 1rem;
    background: #000;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    z-index: 9999;
    border-radius: 0.25rem;
    transition: top 0.2s ease;
}
.skip-link:focus {
    top: 0.75rem;
    outline: 2px solid #fff;
    outline-offset: 2px;
}
[dir="rtl"] .skip-link { right: auto; left: 0.75rem; }

/* נגישות: פוקוס גלוי למקלדת (לא לעכבר) */
:focus-visible {
    outline: 2px solid var(--bs-primary);
    outline-offset: 2px;
}
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
    outline: 2px solid var(--bs-primary);
    outline-offset: 2px;
}

/* placeholder בשדות טקסט – גוון בהיר בכל הטפסים */
.form-control::placeholder,
input::placeholder,
textarea::placeholder {
    color: #adb5bd;
    opacity: 1;
}
.form-control::-webkit-input-placeholder,
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { color: #adb5bd; }
.form-control::-moz-placeholder,
input::-moz-placeholder,
textarea::-moz-placeholder { color: #adb5bd; opacity: 1; }
.form-control:-ms-input-placeholder,
input:-ms-input-placeholder,
textarea:-ms-input-placeholder { color: #adb5bd; }

main { flex: 1; }

/* צמצום רווחים בצד ימין ושמאל */
.site-content > .container,
footer .container {
    padding-inline: 0.75rem;
}
@media (min-width: 576px) {
    .site-content > .container,
    footer .container {
        padding-inline: 1rem;
    }
}
@media (min-width: 1200px) {
    .site-content > .container,
    footer .container {
        max-width: 1680px;
        padding-inline: 1rem;
    }
}

/* דף הבית – רווח גדול יותר בצד ימין ובצד שמאל */
body.page-home .site-content > .container {
    padding-inline: 1.5rem;
}
@media (min-width: 576px) {
    body.page-home .site-content > .container {
        padding-inline: 2.5rem;
    }
}
@media (min-width: 992px) {
    body.page-home .site-content > .container {
        padding-inline: 3.25rem;
    }
}
@media (min-width: 1200px) {
    body.page-home .site-content > .container {
        padding-inline: 4rem;
    }
}

header .container-fluid,
.search-bar .container-fluid {
    padding-inline: 0.75rem !important;
}
@media (min-width: 992px) {
    header .container-fluid,
    .search-bar .container-fluid {
        padding-inline: 1rem !important;
    }
}
.navbar-brand { font-weight: 700; }
.navbar-logo { display: block; max-height: 34px; width: auto; }

/* רצועת אייקונים – אמון / יתרונות */
.trust-strip {
    background: #ffffff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    color: #212529; /* טקסט כהה על רקע לבן */
}
.trust-strip .container {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}
.trust-strip-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.5rem;
    align-items: center;
    padding: 0;
    margin: 0;
    list-style: none;
}
.trust-strip-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 9.5rem;
}
.trust-strip-icon {
    font-size: 1.4rem;
    color: var(--bs-primary, #0d6efd);
    flex-shrink: 0;
}
.trust-strip-text {
    display: flex;
    flex-direction: column;
    font-size: 0.78rem;
    line-height: 1.2;
    color: #212529;
}
.trust-strip-title {
    font-weight: 600;
}
.trust-strip-sub {
    color: #6c757d;
}
@media (max-width: 575.98px) {
    .trust-strip-text {
        font-size: 0.72rem;
    }
}

/* חשבון ורשימות + מידע כללי – תפריטי dropdown מרובי עמודות */
.account-lists-dropdown .dropdown-toggle { white-space: nowrap; }
.account-lists-menu {
    min-width: 320px;
    padding: 0;
    background-color: #fff;
    color: var(--bs-body-color, #212529);
}
.account-lists-menu .account-lists-col { padding: 0 0.75rem; }
.account-lists-menu .account-lists-col a {
    color: var(--bs-body-color, #212529);
    white-space: nowrap;
}
.account-lists-menu .account-lists-col a:hover {
    text-decoration: underline !important;
}
[dir="rtl"] .account-lists-menu .account-lists-col.border-start {
    border-inline-start: 1px solid var(--bs-border-color);
    border-inline-end: 0;
}

/* בתפריט \"מידע כללי\" – קו חוצץ רק בין שתי העמודות, לא בצד החיצוני */
@media (min-width: 768px) {
    .info-dropdown-menu .account-lists-col + .account-lists-col {
        border-inline-start: 1px solid var(--bs-border-color);
    }
    .shop-dropdown-menu .shop-dropdown-cats-wrap .account-lists-col + .account-lists-col {
        border-inline-start: 1px solid var(--bs-border-color);
    }
}

/* תפריט חנות – שתי עמודות (בלי קישורים בשלב זה) */
.shop-dropdown-menu {
    min-width: min(100vw - 2rem, 480px);
    max-height: min(85vh, 640px);
    overflow-y: auto;
}
/* במובייל – תפריט חנות בשורת האייקונים: ברוחב דומה לתפריט חשבון (לא רוחב מלא) */
@media (max-width: 767.98px) {
    .search-bar .shop-dropdown-menu {
        min-width: min(100vw - 2rem, 320px);
        max-width: min(100vw - 2rem, 320px);
    }
}
.shop-menu-cat {
    cursor: default;
    user-select: none;
}
.shop-menu-cat[href] {
    cursor: pointer;
    user-select: auto;
}

/* במובייל – להזיז את הטקסט בתוך הדרופדאון (חשבון ורשימות + מידע כללי) שמאלה ב-RTL,
   כדי שלא יסתתר מתחת לרצועת האייקונים בצד ימין */
@media (max-width: 767.98px) {
    [dir="rtl"] header .navbar .account-lists-menu .account-lists-col {
        padding-right: 3.5rem;
    }
    [dir="rtl"] .search-bar .shop-dropdown-menu .account-lists-col {
        padding-right: 3.5rem;
    }
}

/* פרטי חשבון – רשימה מודרנית עם יישור ימינה (RTL) */
[dir="rtl"] .account-details-list {
    max-width: 520px;
    margin-right: 0;
    margin-left: auto;
    text-align: right;
}
.account-details-list .account-details-row {
    border-bottom-color: rgba(0, 0, 0, 0.06) !important;
}
.account-details-list .account-details-row:last-child {
    border-bottom: none !important;
}
.account-details-label {
    min-width: 10rem;
}
.account-details-value {
    word-break: break-word;
}

/* דף החשבון שלי – כותרות אקורדיון עם רקע אפור */
#myaccountAccordion .accordion-button {
    background-color: #f8f9fa;
}
#myaccountAccordion .accordion-button:not(.collapsed) {
    background-color: #f1f3f5;
}
/* חלון בחירת ערוץ לשליחת קוד – אופציות לבחירה */
.verify-channel-option {
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}
.verify-channel-option:hover {
    background-color: rgba(13, 110, 253, 0.06);
    border-color: rgba(13, 110, 253, 0.4) !important;
}
.verify-channel-option:has(input:checked) {
    background-color: rgba(13, 110, 253, 0.1);
    border-color: var(--bs-primary) !important;
}

/* חלון אימות קוד – הצגת הקוד לבדיקה */
/* 5 ריבועים להזנת קוד אימות */
#account-verify-code-boxes .account-code-box {
    width: 3rem;
    height: 3rem;
    font-size: 1.5rem;
    font-weight: 600;
    padding: 0.25rem;
}
#account-verify-code-boxes.account-code-error .account-code-box {
    border-color: var(--bs-form-invalid-border-color, #dc3545);
    border-width: 2px;
}
#account-verify-code-boxes .account-code-box.is-invalid {
    background-image: none;
}
@keyframes accountCodeShake {
    0%, 100% { transform: translateX(0); }
    20% { transform: translateX(-8px); }
    40% { transform: translateX(8px); }
    60% { transform: translateX(-5px); }
    80% { transform: translateX(5px); }
}
#account-verify-code-boxes.account-code-boxes-shake {
    animation: accountCodeShake 0.45s ease-in-out;
}

/* טיימר בחלון אימות קוד – בולט */
.account-verify-timer {
    font-size: 0.95rem;
    font-weight: 600;
    color: #0d6efd;
    padding: 0.35rem 0.5rem;
    background-color: #e7f1ff;
    border-radius: 0.375rem;
    display: inline-block;
    min-width: 5.5rem;
}

/* חלון אימות קוד – התאמה למובייל */
@media (max-width: 400px) {
    #accountVerifyCodeModal .modal-dialog {
        margin: 0.5rem;
        max-width: calc(100% - 1rem);
    }
    #accountVerifyCodeModal .modal-body {
        padding: 1rem;
    }
    #account-verify-code-boxes {
        gap: 0.35rem;
    }
    #account-verify-code-boxes .account-code-box {
        width: 2.5rem;
        height: 2.5rem;
        font-size: 1.25rem;
    }
    .account-verify-timer {
        font-size: 0.875rem;
        padding: 0.25rem 0.4rem;
        min-width: 4.5rem;
    }
}

/* מודל אימות קוד לדואר אלקטרוני – צבע רקע ייחודי בשלב אימייל */
#accountVerifyCodeModal.email-verify .modal-content {
    background-color: #f0f6ff;
}

/* טופס עדכון טלפון נייד – רוחב נוח לקידומת */
.account-mobile-prefix {
    min-width: 7.5rem;
    max-width: 9rem;
}

/* פס חיפוש – כפתור חפש עם פינות מעט מעוגלות בסוף (צד חיצוני) */
.header-search-wrap .btn-primary {
    border-radius: 0 0.375rem 0.375rem 0 !important;
}
[dir="rtl"] .header-search-wrap .btn-primary {
    border-radius: 0.375rem 0 0 0.375rem !important;
}
[dir="rtl"] .header-search-wrap .form-control.header-search-input {
    border-radius: 0 0.375rem 0.375rem 0 !important;
}

/* כפתור "קניה נוספת" – קטן ודיסקרטי יותר */
.btn-buy-again {
    padding: 0.1rem 0.35rem;
    font-size: 0.8rem;
    line-height: 1.2;
}

/* פרטי הזמנה – כרטיסי מוצרים */
.order-item-card + .order-item-card {
    border-top-color: rgba(0, 0, 0, 0.05);
}
.order-item-img {
    width: 96px;
    height: 96px;
    object-fit: contain;
    background: #fff;
    border: 1px solid #e1e5ea;
    border-radius: 0.25rem;
}
.order-item-img-placeholder {
    width: 96px;
    height: 96px;
    background: #fff;
    border: 1px solid #e1e5ea;
    border-radius: 0.25rem;
    color: #9ca3af;
}
.order-item-img-placeholder i {
    font-size: 1.5rem;
    color: inherit;
}

/* פרטי הזמנה – התאמות מצב כהה */

/* תמונת מוצר קטנה בדף ההזמנות */
.order-item-img-sm {
    width: 64px;
    height: 64px;
}
.order-item-img-sm-wrap {
    flex-shrink: 0;
}

/* רשימת מוצרים בכרטיס הזמנה – קו הפרדה דק בין פריטים */
.order-items-inline li + li {
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    padding-top: 0.35rem;
    margin-top: 0.35rem;
}

/* תצוגה מקדימה לחיפוש – רשימה מתחת לשדה */
.header-search-wrap .header-search-preview {
    display: none;
    position: absolute;
    top: 100%;
    inset-inline-start: 0;
    inset-inline-end: 0;
    margin-top: 2px;
    max-height: 320px;
    overflow-y: auto;
    z-index: 1050;
    padding: 0.25rem 0;
}
.header-search-wrap .header-search-preview.show {
    display: block;
}
.header-search-wrap .header-search-preview .dropdown-item {
    padding: 0.5rem 0.75rem;
    /* הצעות חיפוש בשורה אחת בלבד, עם חיתוך אליפסות בסוף לפי רוחב שדה החיפוש */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* שורת הצעה: שם בעברית + מק״ט — בידוד נפרד כדי שלא יתהפך סדר התווים במק״ט (מעורבות RTL/LTR) */
.header-search-wrap .header-search-preview .header-search-suggest-line {
    display: inline;
}
.header-search-wrap .header-search-preview .header-search-suggest-name {
    unicode-bidi: isolate;
}
.header-search-wrap .header-search-preview .header-search-suggest-sn {
    direction: ltr;
    unicode-bidi: isolate;
    display: inline-block;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/* מק״ט / קוד מוצר (ערך LTR בתוך UI RTL) */
.sn-ltr {
    direction: ltr;
    unicode-bidi: isolate;
    display: inline-block;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
/* הדגשת מילה מתוקנת (תיקון איות) – רקע צהוב בתצוגה המקדימה ובהודעת התיקון */
.header-search-wrap .search-highlight--corrected,
.search-highlight.search-highlight--corrected {
    background-color: #fef08a !important; /* רקע צהוב למילה שתוקנה */
    border-radius: 2px;
}

footer a { text-decoration: none; }
footer a:hover { text-decoration: underline; }
.footer-link { color: rgba(255,255,255,0.85) !important; }
.footer-link:hover { color: #fff !important; text-decoration: underline !important; }
.footer .hover-opacity { transition: opacity 0.2s ease; }
.footer .hover-opacity:hover { opacity: 1 !important; }
.footer-payment-img-wrap img { max-height: 100px; width: auto; }

/* פסים בראש הפוטר – ט.ל.ח מימין, להזמנות וטלפון במרכז */
.footer-top-bands { margin-bottom: 0; }
.footer-band { width: 100%; }
.footer-band-white { background: #fff; padding: 0.35rem 0; }
.footer-band-white .container { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.footer-band-green { background: #28a745; }
.footer-band-green a:hover { text-decoration: underline !important; opacity: 0.95; }
.footer-order-text { white-space: nowrap; }
[dir="rtl"] .footer-band-green .ms-2 { margin-inline-start: 0.5rem; margin-inline-end: 0; }

/* כפתור צף "חזרה למעלה" – מופיע אחרי גלילה */
.back-to-top-bar {
    position: fixed;
    bottom: 1.5rem;
    left: 1.5rem;
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--back-to-top-bg, #313a46);
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 50%;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    z-index: 1040;
    opacity: 0;
    visibility: hidden;
    transform: translateY(0.5rem);
    transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease, background-color 0.2s ease;
}
[dir="rtl"] .back-to-top-bar { left: auto; right: 1.5rem; }
.back-to-top-bar.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.back-to-top-bar:hover {
    background: var(--back-to-top-hover-bg, #3d4754) !important;
    color: #fff !important;
    text-decoration: none !important;
}
.back-to-top-bar:focus-visible {
    outline: 2px solid var(--bs-primary);
    outline-offset: 2px;
}
.back-to-top-bar i {
    font-size: 1.75rem;
}
@media (max-width: 575px) {
    .back-to-top-bar {
        bottom: 1rem;
        left: 1rem;
        width: 2.75rem;
        height: 2.75rem;
    }
    [dir="rtl"] .back-to-top-bar { left: auto; right: 1rem; }
}
.cookie-consent-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1050;
    /* פחות שקוף מקודם (0.88) – טקסט נקרא יותר בקלות */
    background: rgba(44, 62, 80, 0.94);
    color: #fff;
    padding: 1.25rem 1.5rem;
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.15);
    transition: transform 0.3s ease, opacity 0.3s ease;
}
.cookie-consent-banner.is-hidden {
    transform: translateY(100%);
    opacity: 0;
    pointer-events: none;
}
.cookie-consent-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.25rem;
    max-width: 1400px;
    margin: 0 auto;
}
.cookie-consent-text {
    margin: 0;
    font-size: 1.05rem;
    line-height: 1.5;
    flex: 1;
    /* בלי זה flex נותן לילד min-width:auto ולפעמים שורת הטקסט “מתכווצת” יותר מדי ונשברת מוקדם */
    min-width: 0;
    text-align: center;
}
.cookie-consent-text a {
    color: #7dd3fc;
    text-decoration: underline;
    /* מונע שבירה באמצע "מדיניות הפרטיות שלנו" כשיש מספיק רוחב */
    white-space: nowrap;
}
.cookie-consent-text a:hover {
    color: #bae6fd;
}
.cookie-consent-close {
    flex-shrink: 0;
    /* כתום-צהוב (ענבר) – צהוב יותר, פחות אדום מהכתום הקודם */
    background: #f59e0b;
    border: 1px solid #d97706;
    color: #000;
    font-size: 0.8125rem;
    padding: 0.3rem 0.75rem;
    border-radius: 0.25rem;
    cursor: pointer;
    font-weight: 500;
    line-height: 1.25;
}
.cookie-consent-close:hover {
    background: #d97706;
    border-color: #b45309;
}
.cookie-consent-close:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 2px;
}

/* פירורי ניווט (Breadcrumbs) – קומפקטי לפי המלצות גוגל/NN/G (minimal space) */
.breadcrumb-nav {
    font-size: 0.9rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}
.breadcrumb {
    background: transparent;
    padding: 0;
}
.breadcrumb-item + .breadcrumb-item::before {
    content: "/";
    color: #c5ccd3;
    opacity: 1;
}
/* טקסט רגיל (למשל קטגוריית על בלי קישור) – כהה כמו כותרת */
.breadcrumb-item {
    color: #212529;
}
.breadcrumb-item a {
    color: #0d6efd;
    text-decoration: none;
    font-weight: 500;
}
.breadcrumb-item a:hover {
    color: #0a58ca;
    text-decoration: underline;
}
.breadcrumb-item.active {
    color: #212529;
    font-weight: 400;
}
/* דף מוצר – שם המוצר הארוך במסלול: קיצור עם … והצגה מלאה ב־title */
.page-product .breadcrumb-nav .breadcrumb {
    flex-wrap: nowrap;
    max-width: 100%;
}
.page-product .breadcrumb-item:not(.active) {
    flex: 0 0 auto;
}
.page-product .breadcrumb-item.active {
    flex: 1 1 0%;
    min-width: 0;
    overflow: hidden;
}
.page-product .breadcrumb-item.active .breadcrumb-current-text {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 575px) {
    .cookie-consent-banner {
        padding: 1rem 1rem;
    }
    .cookie-consent-inner {
        flex-direction: column;
        gap: 0.75rem;
    }
    .cookie-consent-text {
        font-size: 0.95rem;
    }
    .cookie-consent-text a {
        white-space: normal;
    }
    .cookie-consent-close {
        font-size: 1rem;
        padding: 0.6rem 1.1rem;
        min-height: 44px;
        border-radius: 0.4rem;
    }
}
/* התפריט העליון (navbar) גולל עם הדף; בלוק החיפוש נעצר בראש הדפדפן */
header {
    z-index: 1030;
    background: #fff;
}
header .navbar { background: #000 !important; }
/* דרופדאון בתפריט העליון – מעל פס החיפוש */
header .navbar .dropdown-menu {
    z-index: 1035;
}
/* במובייל – תפריטים נפתחים כהים כמו ה-header */
@media (max-width: 991.98px) {
    header .navbar .dropdown-menu {
        background: #25282c !important;
        border-color: rgba(255, 255, 255, 0.12) !important;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
    }
    /* תפריטי multi-column (חשבון ורשימות + מידע כללי) – ניגודיות טובה במובייל */
    header .navbar .account-lists-menu {
        background: #25282c !important;
        color: #e9ecef !important;
    }
    header .navbar .account-lists-menu h6 {
        color: #f8f9fa !important;
    }
    header .navbar .account-lists-menu .account-lists-col a {
        color: #e9ecef !important;
    }
    header .navbar .account-lists-menu .account-lists-col a:hover {
        color: #fff !important;
    }
    /* תפריט חנות – רק <span> (לא קישורים); text-body כהה על רקע כהה במובייל */
    header .navbar .account-lists-menu .shop-menu-cat {
        color: #e9ecef !important;
    }
    header .navbar .dropdown-menu .dropdown-item {
        color: #e9ecef !important;
    }
    header .navbar .dropdown-menu .dropdown-item:hover,
    header .navbar .dropdown-menu .dropdown-item:focus {
        background: rgba(255, 255, 255, 0.08) !important;
        color: #fff !important;
    }
}
/* בלוק החיפוש – sticky: גולל עד שמגיע לראש המסך ואז נעצר */
.search-bar {
    position: sticky;
    top: 0;
    z-index: 1020;
    background: #f8f9fa !important;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}
.sidebar-wrap { display: flex; flex: 1; }
.sidebar {
    position: sticky;
    top: 4rem;
    align-self: start;
    max-height: 100vh;
    overflow-y: auto;
    border-left: 1px solid rgba(0,0,0,.1);
    background: #f8f9fa;
}
.sidebar .nav-link { color: #212529; padding: 0.4rem 0.75rem; }
.sidebar .nav-link:hover { background: #e9ecef; }
.sidebar .nav-link.active { font-weight: 500; color: #5c636a; }
.sidebar .sidebar-home-item .nav-link.active { font-weight: 600; color: var(--bs-primary); }
.sidebar .category-title { font-weight: 700; padding: 0.5rem 0.75rem; font-size: 0.95rem; border-bottom: 1px solid #dee2e6; }
.sidebar .submenu { list-style: none; padding-right: 0; padding-left: 0; margin: 0; }
.sidebar .submenu .nav-link { padding-right: 1.25rem; font-size: 0.9rem; }
/* אנימציה חלקה לפתיחת/סגירת תת-תפריט "מידע כללי" */
.sidebar .submenu.collapse { transition: height 0.28s ease-out; }
.sidebar .submenu.collapsing { transition: height 0.28s ease-out; }
.sidebar .sidebar-chevron { transition: transform 0.2s ease; display: inline-block; }
.sidebar .nav-link:not(.collapsed) .sidebar-chevron { transform: rotate(-90deg); }
[dir="rtl"] .sidebar .nav-link:not(.collapsed) .sidebar-chevron { transform: rotate(90deg); }

/* עמודת תפריט צד דסקטופ – קבועה בגלילה */
.sidebar-aside-desktop {
    position: sticky;
    top: 4rem;
    align-self: start;
    max-height: none;
    overflow-y: visible;
}

/* במסך גדול – רוחב תפריט צד (מצומצם מעט כדי לא לתפוס יותר מדי) */
@media (min-width: 992px) {
    /* min-width:0 — כשה־root מוגדל בנגישות, min בר־rem עלול לעבור את 20% ולשבור את שורת ה־flex */
    .row:has(.sidebar-aside-desktop) .sidebar-aside-desktop {
        flex: 0 0 20% !important;
        max-width: 20% !important;
        min-width: 0;
    }
    .row:has(.sidebar-aside-desktop) main {
        flex: 0 0 80% !important;
        max-width: 80% !important;
        min-width: 0;
    }
}
.sidebar-aside-desktop .sidebar-desktop {
    position: static;
    max-height: calc(100vh - 5rem);
    overflow-y: auto;
}

/* תפריט צד דסקטופ – עיצוב חדשני ומודרני (צד ימין במסך גדול) */
.sidebar-desktop {
    background: #ffffff !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0.85rem 0.5rem 1rem !important;
    overflow-wrap: break-word;
    word-wrap: break-word;
}
.sidebar-desktop .navbar-nav { margin-top: 0 !important; margin-bottom: 0.25rem; }
.sidebar-desktop .nav-item { margin-bottom: 0.1rem; }
.sidebar-desktop .nav-link {
    padding: 0.55rem 0.75rem !important;
    border-radius: 0.6rem !important;
    font-size: 0.9rem !important;
    color: #1a1d21 !important;
    transition: color 0.2s ease, transform 0.15s ease !important;
}
.sidebar-desktop .nav-link:hover {
    background: transparent !important;
    color: #0a58ca !important;
}
.sidebar-desktop .nav-link.active {
    font-weight: 500 !important;
    background: transparent !important;
    color: #0a58ca !important;
}
.sidebar-desktop .sidebar-home-item .nav-link.active,
.sidebar-desktop .sidebar-home-item .nav-link {
    background: linear-gradient(135deg, #0d6efd 0%, #0a58ca 100%) !important;
    color: #fff !important;
}
.sidebar-desktop .sidebar-home-item .nav-link:hover {
    background: linear-gradient(135deg, #0b5ed7 0%, #084bb8 100%) !important;
    color: #fff !important;
    transform: translateX(-2px);
}
[dir="rtl"] .sidebar-desktop .sidebar-home-item .nav-link:hover { transform: translateX(2px); }
.sidebar-desktop .sidebar-home-item .nav-link i { color: inherit !important; }
.sidebar-desktop .category-title {
    font-size: 0.9rem !important;
    padding: 0.6rem 0.75rem 0.4rem !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
    color: #495057 !important;
    letter-spacing: 0.02em;
}
.sidebar-desktop .submenu .nav-link {
    padding-inline-end: 1rem !important;
    font-size: 0.9rem !important;
}

/* סינון מחיר – סליידר כפול + שבבים (דסקטופ + תפריט מובייל) */
.sidebar-price-widget {
    --sidebar-price-track-h: 6px;
    --sidebar-price-thumb: 18px;
}
.sidebar-price-range-wrap {
    position: relative;
    padding: 0.35rem 0 0;
    user-select: none;
}
.sidebar-price-range-track {
    position: relative;
    height: 2.25rem;
}
.sidebar-price-range-track::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: var(--sidebar-price-track-h);
    background: #e9ecef;
    border-radius: 999px;
    z-index: 0;
}
.sidebar-price-range-fill {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: var(--sidebar-price-track-h);
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(13, 110, 253, 0.35), rgba(13, 110, 253, 0.95));
    pointer-events: none;
    transition: left 0.08s ease, width 0.08s ease;
    z-index: 1;
}
.sidebar-price-range-input {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 2.25rem;
    margin: 0;
    padding: 0;
    background: none;
    pointer-events: none;
    -webkit-appearance: none;
    appearance: none;
}
.sidebar-price-range-input::-webkit-slider-runnable-track {
    height: var(--sidebar-price-track-h);
    background: transparent;
    border-radius: 999px;
}
.sidebar-price-range-input::-moz-range-track {
    height: var(--sidebar-price-track-h);
    background: transparent;
    border-radius: 999px;
}
.sidebar-price-min-input { z-index: 3; }
.sidebar-price-max-input { z-index: 4; }
.sidebar-price-range-input::-webkit-slider-thumb {
    pointer-events: auto;
    -webkit-appearance: none;
    width: var(--sidebar-price-thumb);
    height: var(--sidebar-price-thumb);
    margin-top: calc((var(--sidebar-price-track-h) - var(--sidebar-price-thumb)) / 2);
    border-radius: 50%;
    background: #fff;
    border: 2px solid var(--bs-primary);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
    cursor: grab;
    transition: transform 0.12s ease, box-shadow 0.12s ease;
}
.sidebar-price-range-input::-webkit-slider-thumb:active {
    cursor: grabbing;
    transform: scale(1.06);
    box-shadow: 0 2px 8px rgba(13, 110, 253, 0.35);
}
.sidebar-price-range-input::-moz-range-thumb {
    pointer-events: auto;
    width: var(--sidebar-price-thumb);
    height: var(--sidebar-price-thumb);
    border-radius: 50%;
    background: #fff;
    border: 2px solid var(--bs-primary);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
    cursor: grab;
}
.sidebar-price-range-input:focus-visible {
    outline: none;
}
.sidebar-price-range-input:focus-visible::-webkit-slider-thumb {
    outline: 2px solid var(--bs-primary);
    outline-offset: 2px;
}
.sidebar-price-live {
    min-height: 1.5rem;
    line-height: 1.35;
}
.sidebar-price-presets .btn {
    font-size: 0.72rem;
    padding: 0.2rem 0.45rem;
    border-radius: 999px;
    line-height: 1.2;
}
.sidebar-price-presets .btn-outline-secondary:hover,
.sidebar-price-presets .btn-outline-secondary:focus-visible {
    border-color: var(--bs-primary);
    color: var(--bs-primary);
}
.sidebar-price-presets .btn-primary {
    border-color: var(--bs-primary);
}
.sidebar-price-reset {
    font-size: 0.75rem !important;
    color: #6c757d !important;
}
.sidebar-price-reset:hover,
.sidebar-price-reset:focus-visible {
    color: var(--bs-primary) !important;
}

.sidebar-offcanvas-modern .sidebar-price-widget--mobile {
    max-width: 100%;
    --sidebar-price-track-h: 9px;
    --sidebar-price-thumb: 24px;
}
.sidebar-offcanvas-modern .sidebar-price-widget--mobile .sidebar-price-range-track {
    height: 2.85rem;
}
.sidebar-offcanvas-modern .sidebar-price-widget--mobile .sidebar-price-range-input {
    height: 2.85rem;
}
.sidebar-offcanvas-modern .sidebar-price-widget--mobile .sidebar-price-range-input::-webkit-slider-thumb {
    border-width: 2.5px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}
.sidebar-offcanvas-modern .sidebar-price-widget--mobile .sidebar-price-range-input::-moz-range-thumb {
    border-width: 2.5px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}
.sidebar-offcanvas-modern .sidebar-price-widget--mobile .sidebar-price-presets .btn {
    font-size: 0.72rem;
    padding: 0.2rem 0.4rem;
}

.sidebar-desktop .sidebar-drill .sidebar-back-link {
    border-radius: 0.5rem;
    padding: 0.5rem 0.75rem !important;
    margin-bottom: 0.5rem !important;
}
.sidebar-desktop .sidebar-drill .sidebar-sub-title {
    border-bottom-color: rgba(0, 0, 0, 0.08) !important;
}

/* תתי-קטגוריות בפאנל חנות (אחרי כותרת משנה) – ריווח אנכי מצומצם */
.sidebar-drill .sidebar-panel .sidebar-sub-title ~ ul.navbar-nav .nav-item {
    margin-bottom: 0 !important;
}
.sidebar-drill .sidebar-panel .sidebar-sub-title ~ ul.navbar-nav .nav-link {
    padding-top: 0.28rem !important;
    padding-bottom: 0.28rem !important;
    line-height: 1.35 !important;
}

/* בלוק "למה לקנות אצלינו?" מתחת לתפריט צד דסקטופ */
.sidebar-why-buy {
    border-radius: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
.sidebar-why-buy-title {
    font-weight: 700;
    color: #212529;
    margin-bottom: 0.75rem;
}
.sidebar-why-buy-list li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 0.5rem;
    line-height: 1.4;
    color: #212529;
}
.sidebar-why-buy-list li:last-child {
    margin-bottom: 0;
}
.sidebar-why-buy-icon {
    color: #198754;
    font-size: 1rem;
    flex-shrink: 0;
    margin-top: 0.15em;
}

/* כרטיסי מוצרים – דף קטגוריה (תפריט צד – תת תפריט אחרון) */
.category-products-wrap { margin-bottom: 2rem; }
.category-products-grid { margin-bottom: 0; }

/* מתג תצוגה – רשת / רשימה */
#category-products-toolbar .btn-group .btn { padding: 0.35rem 0.6rem; }
#category-products-toolbar .btn-group .btn i { font-size: 1.1rem; }
/* במובייל: ללא בחירת תצוגה — ברירת מחדל רשת (ההתנהגות נשלטת ב-JS) */
@media (max-width: 575.98px) {
    #category-products-toolbar {
        display: none !important;
    }
}

/* תצוגת רשימה – מוצר בשורה (שורות ברוחב מלא) */
.category-products-wrap.view-list {
    width: 100%;
}
.category-products-wrap.view-list .category-products-grid {
    flex-direction: column;
    row-gap: 0.75rem;
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.category-products-wrap.view-list .category-products-grid > [class*="col-"] {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
}
.category-products-wrap.view-list .product-card {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    min-height: 0;
    width: 100%;
    padding: 0.5rem;
}
.category-products-wrap.view-list .product-card-img-wrap {
    flex: 0 0 10rem;
    width: 10rem;
    min-width: 10rem;
    height: 10rem;
    min-height: 10rem;
    padding-top: 0;
    align-self: center;
    border-radius: 0.5rem;
    margin-inline-end: 0.75rem;
    background: linear-gradient(145deg, #e8eaed 0%, #dce0e5 100%);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.06);
}
.category-products-wrap.view-list .product-card-img-placeholder {
    font-size: 2.25rem;
    color: rgba(0, 0, 0, 0.12);
}
.category-products-wrap.view-list .product-card .card-body {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0.75rem 1rem;
}
.category-products-wrap.view-list .product-card-name {
    -webkit-line-clamp: 2;
    font-size: 0.95rem;
    margin-bottom: 0.25rem;
}
.category-products-wrap.view-list .product-card-brand,
.category-products-wrap.view-list .product-card-sn,
.category-products-wrap.view-list .product-card-pack-itm {
    margin-bottom: 0.15rem;
}
.category-products-wrap.view-list .product-card-price {
    margin-top: 0.25rem;
    margin-bottom: 0;
}
.category-products-wrap.view-list .product-card-actions {
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    flex-wrap: nowrap;
    justify-content: flex-start;
}
.category-products-wrap.view-list .product-card-btn {
    flex: 0 0 auto;
    padding: 0.35rem 0.6rem;
    font-size: 0.75rem;
    min-width: auto;
    max-width: none;
}
.category-products-wrap.view-list .product-card-btn i {
    margin-inline-end: 0.5rem;
}

.product-card {
    border-radius: 0.75rem;
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.product-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 0.5rem 1.25rem rgba(0, 0, 0, 0.1) !important;
}
.product-card-img-wrap {
    position: relative;
    width: 100%;
    padding-top: 100%;
    background: linear-gradient(145deg, #f0f2f5 0%, #e4e8ec 100%);
    overflow: hidden;
}
.product-card-img-link {
    position: absolute;
    inset: 0;
    display: block;
}
.product-card-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}
.product-card-img-placeholder {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(0, 0, 0, 0.18);
    font-size: 2.5rem;
}
.product-card-img-placeholder i { font-size: inherit; }

/* תיאור מוצר — הטמעת YouTube (בטוחה) + טקסט */
.product-desc-body {
    line-height: 1.55;
}
.product-desc-youtube {
    max-width: 100%;
}
.product-desc-youtube iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
    min-height: 10rem;
    border: 0;
    display: block;
}

/* שלדי טעינה (Skeleton) לכרטיסי מוצרים – חיפוש/קטגוריה/מגבים */
.skeleton {
    position: relative;
    overflow: hidden;
    background-color: #e9ecef;
}
.skeleton::after {
    content: "";
    position: absolute;
    inset: 0;
    transform: translateX(-100%);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 100%);
    animation: skeleton-shimmer 1.4s infinite;
}
@keyframes skeleton-shimmer {
    100% {
        transform: translateX(100%);
    }
}
.skeleton-line {
    height: 0.65rem;
    border-radius: 999px;
    margin-bottom: 0.3rem;
}
.skeleton-line-lg { width: 80%; }
.skeleton-line-md { width: 60%; }
.skeleton-line-sm { width: 40%; }
.product-card-skeleton .card-body {
    gap: 0.25rem;
}
.product-card-skeleton .product-card-img-wrap {
    background: #e9ecef;
}

/* דף מוצר – תמונה בגודל מקורי 250×250 */
.page-product .product-card-img-wrap {
    width: 250px;
    height: 250px;
    padding-top: 0;
    margin: 1rem auto 1.5rem;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.08);
}
.page-product .product-card-img-wrap img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* דף מוצר – גלריית תמונות (הגדלה במודל) */
.page-product .product-gallery-wrap {
    margin: 1rem auto 1.5rem;
}
.page-product .product-gallery-main {
    display: block;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
}
.page-product .product-gallery-main:hover {
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
    border-color: rgba(0, 0, 0, 0.15) !important;
}
.page-product .product-gallery-zoom-hint {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0.5rem;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    font-size: 0.85rem;
    text-align: center;
    opacity: 0;
    transition: opacity 0.2s ease;
}
.page-product .product-gallery-main:hover .product-gallery-zoom-hint {
    opacity: 1;
}
.page-product .product-gallery-thumb {
    width: 56px;
    height: 56px;
    flex-shrink: 0;
    cursor: pointer;
    background: #fff;
    transition: border-color 0.2s, box-shadow 0.2s;
}
.page-product .product-gallery-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.page-product .product-gallery-thumb:hover,
.page-product .product-gallery-thumb.active {
    border-color: var(--bs-primary, #0d6efd) !important;
    box-shadow: 0 0 0 2px var(--bs-primary, #0d6efd);
}

/* מודל הגדלת תמונת מוצר */
.product-image-modal .modal-dialog {
    max-width: 90vw;
}
.product-image-modal-content {
    border-radius: 0.75rem;
    overflow: hidden;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.25);
}
.product-image-modal-header {
    flex-wrap: wrap;
    gap: 0.5rem;
}
.product-image-modal-body {
    padding: 0.5rem 3.5rem 1rem;
    min-height: 200px;
}
.product-image-modal-img-wrap {
    min-height: 50vh;
    max-height: 75vh;
}
.product-image-modal-img {
    max-width: 100%;
    max-height: 75vh;
    width: auto;
    height: auto;
    border-radius: 0.25rem;
}
.product-image-modal-prev,
.product-image-modal-next {
    opacity: 0.85;
}
.product-image-modal-prev:hover,
.product-image-modal-next:hover {
    opacity: 1;
}
.product-image-modal-footer {
    padding-top: 0.5rem;
}
.product-image-modal-caption {
    max-width: 100%;
}

/* חיפוש + קטגוריה + היסטוריה + שמורים + מועדפים + דפי אקורדיון קטגוריות – תמונה בגודל קבוע 128x128 על רקע לבן עם מסגרת */
.page-searchresults .product-card-img-wrap,
.page-carwipers .product-card-img-wrap,
.page-category .product-card-img-wrap,
.page-myhistory .product-card-img-wrap,
.page-saved .product-card-img-wrap,
.page-favorites .product-card-img-wrap,
.page-homeappliances .product-card-img-wrap,
.page-gardentoolsaccessories .product-card-img-wrap,
.page-bikeparts .product-card-img-wrap,
.page-caraccessories .product-card-img-wrap,
.page-carcareproducts .product-card-img-wrap,
.page-phoneaccessories .product-card-img-wrap,
.page-carspareparts .product-card-img-wrap,
.page-clothingandfootwear .product-card-img-wrap,
.page-safetyfirstaid .product-card-img-wrap,
.page-bags .product-card-img-wrap,
.page-electricbicycles .product-card-img-wrap,
.page-varioustools .product-card-img-wrap,
.page-coffee .product-card-img-wrap {
    width: 128px;
    height: 128px;
    padding-top: 0;
    margin: 0 auto;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.08);
}
.page-searchresults .product-card-img-link,
.page-carwipers .product-card-img-link,
.page-category .product-card-img-link,
.page-myhistory .product-card-img-link,
.page-saved .product-card-img-link,
.page-favorites .product-card-img-link,
.page-homeappliances .product-card-img-link,
.page-gardentoolsaccessories .product-card-img-link,
.page-bikeparts .product-card-img-link,
.page-caraccessories .product-card-img-link,
.page-carcareproducts .product-card-img-link,
.page-phoneaccessories .product-card-img-link,
.page-carspareparts .product-card-img-link,
.page-clothingandfootwear .product-card-img-link,
.page-safetyfirstaid .product-card-img-link,
.page-bags .product-card-img-link,
.page-electricbicycles .product-card-img-link,
.page-varioustools .product-card-img-link,
.page-coffee .product-card-img-link {
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.page-searchresults .product-card-img,
.page-carwipers .product-card-img,
.page-category .product-card-img,
.page-myhistory .product-card-img,
.page-saved .product-card-img,
.page-favorites .product-card-img,
.page-homeappliances .product-card-img,
.page-gardentoolsaccessories .product-card-img,
.page-bikeparts .product-card-img,
.page-caraccessories .product-card-img,
.page-carcareproducts .product-card-img,
.page-phoneaccessories .product-card-img,
.page-carspareparts .product-card-img,
.page-clothingandfootwear .product-card-img,
.page-safetyfirstaid .product-card-img,
.page-bags .product-card-img,
.page-electricbicycles .product-card-img,
.page-varioustools .product-card-img,
.page-coffee .product-card-img {
    position: static;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.page-searchresults .product-card-img-placeholder,
.page-carwipers .product-card-img-placeholder,
.page-category .product-card-img-placeholder,
.page-myhistory .product-card-img-placeholder,
.page-saved .product-card-img-placeholder,
.page-favorites .product-card-img-placeholder,
.page-homeappliances .product-card-img-placeholder,
.page-gardentoolsaccessories .product-card-img-placeholder,
.page-bikeparts .product-card-img-placeholder,
.page-caraccessories .product-card-img-placeholder,
.page-carcareproducts .product-card-img-placeholder,
.page-phoneaccessories .product-card-img-placeholder,
.page-carspareparts .product-card-img-placeholder,
.page-clothingandfootwear .product-card-img-placeholder,
.page-safetyfirstaid .product-card-img-placeholder,
.page-bags .product-card-img-placeholder,
.page-electricbicycles .product-card-img-placeholder,
.page-varioustools .product-card-img-placeholder,
.page-coffee .product-card-img-placeholder {
    position: static;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: rgba(0, 0, 0, 0.18);
}

/* חלקי חילוף לאופנועים / אביזרים לרכב – תמונה ותמונת ברירת מחדל 128×128 (דוחה aspect-ratio 100% של כרטיס מוצר כללי) */
.page-bikeparts .product-card .product-card-img-wrap,
.page-bikeparts .product-card-skeleton .product-card-img-wrap,
.page-caraccessories .product-card .product-card-img-wrap,
.page-caraccessories .product-card-skeleton .product-card-img-wrap,
.page-carcareproducts .product-card .product-card-img-wrap,
.page-carcareproducts .product-card-skeleton .product-card-img-wrap,
.page-phoneaccessories .product-card .product-card-img-wrap,
.page-phoneaccessories .product-card-skeleton .product-card-img-wrap,
.page-carspareparts .product-card .product-card-img-wrap,
.page-carspareparts .product-card-skeleton .product-card-img-wrap,
.page-clothingandfootwear .product-card .product-card-img-wrap,
.page-clothingandfootwear .product-card-skeleton .product-card-img-wrap,
.page-safetyfirstaid .product-card .product-card-img-wrap,
.page-safetyfirstaid .product-card-skeleton .product-card-img-wrap,
.page-bags .product-card .product-card-img-wrap,
.page-bags .product-card-skeleton .product-card-img-wrap,
.page-electricbicycles .product-card .product-card-img-wrap,
.page-electricbicycles .product-card-skeleton .product-card-img-wrap {
    width: 128px !important;
    height: 128px !important;
    max-width: 128px;
    min-width: 128px;
    min-height: 128px;
    padding-top: 0 !important;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}
.page-bikeparts .product-card .product-card-img-link,
.page-bikeparts .product-card-skeleton .product-card-img-link,
.page-caraccessories .product-card .product-card-img-link,
.page-caraccessories .product-card-skeleton .product-card-img-link,
.page-carcareproducts .product-card .product-card-img-link,
.page-carcareproducts .product-card-skeleton .product-card-img-link,
.page-phoneaccessories .product-card .product-card-img-link,
.page-phoneaccessories .product-card-skeleton .product-card-img-link,
.page-carspareparts .product-card .product-card-img-link,
.page-carspareparts .product-card-skeleton .product-card-img-link,
.page-clothingandfootwear .product-card .product-card-img-link,
.page-clothingandfootwear .product-card-skeleton .product-card-img-link,
.page-safetyfirstaid .product-card .product-card-img-link,
.page-safetyfirstaid .product-card-skeleton .product-card-img-link,
.page-bags .product-card .product-card-img-link,
.page-bags .product-card-skeleton .product-card-img-link,
.page-electricbicycles .product-card .product-card-img-link,
.page-electricbicycles .product-card-skeleton .product-card-img-link {
    position: static !important;
    inset: auto !important;
}
.page-bikeparts .product-card .product-card-img-placeholder,
.page-caraccessories .product-card .product-card-img-placeholder,
.page-carcareproducts .product-card .product-card-img-placeholder,
.page-phoneaccessories .product-card .product-card-img-placeholder,
.page-carspareparts .product-card .product-card-img-placeholder,
.page-clothingandfootwear .product-card .product-card-img-placeholder,
.page-safetyfirstaid .product-card .product-card-img-placeholder,
.page-bags .product-card .product-card-img-placeholder,
.page-electricbicycles .product-card .product-card-img-placeholder {
    font-size: 1.625rem;
}

/* עוגן לגלילה (גיבוי); המיקום העיקרי מחושב ב-JS לפי גובה פס החיפוש */
.page-homeappliances .ha-accordion-section,
.page-gardentoolsaccessories .ha-accordion-section,
.page-bikeparts .ha-accordion-section,
.page-caraccessories .ha-accordion-section,
.page-carcareproducts .ha-accordion-section,
.page-phoneaccessories .ha-accordion-section,
.page-carspareparts .ha-accordion-section,
.page-clothingandfootwear .ha-accordion-section,
.page-safetyfirstaid .ha-accordion-section,
.page-bags .ha-accordion-section,
.page-electricbicycles .ha-accordion-section,
.page-varioustools .ha-accordion-section,
.page-coffee .ha-accordion-section {
    scroll-margin-top: 5.5rem;
}

/* אקורדיון דפי קטגוריה – רקע אפור בהיר */
.page-homeappliances .ha-accordion .accordion-item,
.page-gardentoolsaccessories .ha-accordion .accordion-item,
.page-bikeparts .ha-accordion .accordion-item,
.page-caraccessories .ha-accordion .accordion-item,
.page-carcareproducts .ha-accordion .accordion-item,
.page-phoneaccessories .ha-accordion .accordion-item,
.page-carspareparts .ha-accordion .accordion-item,
.page-clothingandfootwear .ha-accordion .accordion-item,
.page-safetyfirstaid .ha-accordion .accordion-item,
.page-bags .ha-accordion .accordion-item,
.page-electricbicycles .ha-accordion .accordion-item,
.page-varioustools .ha-accordion .accordion-item,
.page-coffee .ha-accordion .accordion-item {
    background-color: #e9ecef;
    border-inline-start: none !important;
    border-inline-end: none !important;
    border-color: rgba(0, 0, 0, 0.1);
}
.page-homeappliances .ha-accordion .accordion-button,
.page-gardentoolsaccessories .ha-accordion .accordion-button,
.page-bikeparts .ha-accordion .accordion-button,
.page-caraccessories .ha-accordion .accordion-button,
.page-carcareproducts .ha-accordion .accordion-button,
.page-phoneaccessories .ha-accordion .accordion-button,
.page-carspareparts .ha-accordion .accordion-button,
.page-clothingandfootwear .ha-accordion .accordion-button,
.page-safetyfirstaid .ha-accordion .accordion-button,
.page-bags .ha-accordion .accordion-button,
.page-electricbicycles .ha-accordion .accordion-button,
.page-varioustools .ha-accordion .accordion-button,
.page-coffee .ha-accordion .accordion-button {
    background-color: #e9ecef;
    color: #212529;
    border-inline-start: none !important;
    border-inline-end: none !important;
}
.page-homeappliances .ha-accordion .accordion-button:not(.collapsed),
.page-gardentoolsaccessories .ha-accordion .accordion-button:not(.collapsed),
.page-bikeparts .ha-accordion .accordion-button:not(.collapsed),
.page-caraccessories .ha-accordion .accordion-button:not(.collapsed),
.page-carcareproducts .ha-accordion .accordion-button:not(.collapsed),
.page-phoneaccessories .ha-accordion .accordion-button:not(.collapsed),
.page-carspareparts .ha-accordion .accordion-button:not(.collapsed),
.page-clothingandfootwear .ha-accordion .accordion-button:not(.collapsed),
.page-safetyfirstaid .ha-accordion .accordion-button:not(.collapsed),
.page-bags .ha-accordion .accordion-button:not(.collapsed),
.page-electricbicycles .ha-accordion .accordion-button:not(.collapsed),
.page-varioustools .ha-accordion .accordion-button:not(.collapsed),
.page-coffee .ha-accordion .accordion-button:not(.collapsed) {
    background-color: #dee2e6;
    color: #212529;
    box-shadow: none;
}
.page-homeappliances .ha-accordion .accordion-button::after,
.page-gardentoolsaccessories .ha-accordion .accordion-button::after,
.page-bikeparts .ha-accordion .accordion-button::after,
.page-caraccessories .ha-accordion .accordion-button::after,
.page-carcareproducts .ha-accordion .accordion-button::after,
.page-phoneaccessories .ha-accordion .accordion-button::after,
.page-carspareparts .ha-accordion .accordion-button::after,
.page-clothingandfootwear .ha-accordion .accordion-button::after,
.page-safetyfirstaid .ha-accordion .accordion-button::after,
.page-bags .ha-accordion .accordion-button::after,
.page-electricbicycles .ha-accordion .accordion-button::after,
.page-varioustools .ha-accordion .accordion-button::after,
.page-coffee .ha-accordion .accordion-button::after {
    filter: opacity(0.65);
}
.page-homeappliances .ha-accordion .accordion-button:focus,
.page-gardentoolsaccessories .ha-accordion .accordion-button:focus,
.page-bikeparts .ha-accordion .accordion-button:focus,
.page-caraccessories .ha-accordion .accordion-button:focus,
.page-carcareproducts .ha-accordion .accordion-button:focus,
.page-phoneaccessories .ha-accordion .accordion-button:focus,
.page-carspareparts .ha-accordion .accordion-button:focus,
.page-clothingandfootwear .ha-accordion .accordion-button:focus,
.page-safetyfirstaid .ha-accordion .accordion-button:focus,
.page-bags .ha-accordion .accordion-button:focus,
.page-electricbicycles .ha-accordion .accordion-button:focus,
.page-varioustools .ha-accordion .accordion-button:focus,
.page-coffee .ha-accordion .accordion-button:focus {
    border-inline-start-color: transparent !important;
    border-inline-end-color: transparent !important;
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.22);
}
.page-homeappliances .ha-accordion .accordion-collapse,
.page-gardentoolsaccessories .ha-accordion .accordion-collapse,
.page-bikeparts .ha-accordion .accordion-collapse,
.page-caraccessories .ha-accordion .accordion-collapse,
.page-carcareproducts .ha-accordion .accordion-collapse,
.page-phoneaccessories .ha-accordion .accordion-collapse,
.page-carspareparts .ha-accordion .accordion-collapse,
.page-clothingandfootwear .ha-accordion .accordion-collapse,
.page-safetyfirstaid .ha-accordion .accordion-collapse,
.page-bags .ha-accordion .accordion-collapse,
.page-electricbicycles .ha-accordion .accordion-collapse,
.page-varioustools .ha-accordion .accordion-collapse,
.page-coffee .ha-accordion .accordion-collapse {
    border-inline-start: none !important;
    border-inline-end: none !important;
}
.page-homeappliances .ha-accordion .accordion-body,
.page-gardentoolsaccessories .ha-accordion .accordion-body,
.page-bikeparts .ha-accordion .accordion-body,
.page-caraccessories .ha-accordion .accordion-body,
.page-carcareproducts .ha-accordion .accordion-body,
.page-phoneaccessories .ha-accordion .accordion-body,
.page-carspareparts .ha-accordion .accordion-body,
.page-clothingandfootwear .ha-accordion .accordion-body,
.page-safetyfirstaid .ha-accordion .accordion-body,
.page-bags .ha-accordion .accordion-body,
.page-electricbicycles .ha-accordion .accordion-body,
.page-varioustools .ha-accordion .accordion-body,
.page-coffee .ha-accordion .accordion-body {
    background-color: #fff;
}

.product-card-bottom {
    margin-top: auto;
}
.product-card .card-body {
    padding: 1rem;
    flex-grow: 1;
}
.product-card-name {
    font-weight: 600;
    color: #1a1d21;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: calc(1.35em * 2);
    word-break: break-word;
}
/* תאור מוצר – מוצג רק בתצוגת רשימה, גודל פונט קטן משם המוצר */
.product-card-desc {
    display: none;
    font-size: 0.85rem;
    line-height: 1.4;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.category-products-wrap.view-list .product-card-desc {
    display: -webkit-box;
}
@media (max-width: 767.98px) {
    .category-products-wrap.view-list .product-card-desc {
        display: none !important;
    }
}
.product-card-brand { line-height: 1.3; }
.product-card-sn { line-height: 1.3; }
.product-card-categ { line-height: 1.3; }
.product-card-categ a { text-decoration: none; }
.product-card-categ a:hover { text-decoration: none; }
.product-card-price { font-size: 1.1rem; }

.product-stock-status {
    font-weight: 600;
}
.product-stock-status.in-stock {
    color: #198754;
}
.product-stock-status.out-of-stock {
    color: #dc3545;
}

/* סטריפ משלוח חינם בדף מוצר */
.product-free-shipping-banner {
    background-color: #ffe58f; /* צהוב יותר חזק */
    border-color: #ffd666;
    color: #000000; /* טקסט שחור */
    border-radius: 999px;
    font-size: 0.85rem;
}
.product-free-shipping-banner .bi {
    font-size: 1rem;
}

/* כפתורי מוצר – בשורה אחת, קומפקטיים */
.product-card-actions {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.4rem;
    margin-top: auto;
    padding-top: 0.5rem;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}
@media (max-width: 575.98px) {
    .product-card .product-card-brand,
    .product-card .product-card-sn,
    .product-card .product-card-categ {
        font-size: 0.95rem !important;
    }
    .product-card-actions {
        flex-direction: column;
        align-items: stretch;
    }
    .product-card-actions .product-card-btn {
        width: 100%;
        justify-content: center;
        font-size: 0.9rem !important;
    }
    .product-card-actions .product-card-btn i {
        font-size: 1rem !important;
    }
}
.product-card-btn-view {
    flex: 1;
    min-width: 0;
    background: #fff;
    border: 1px solid #adb5bd;
    color: #495057;
}
.product-card-btn-view:hover {
    background: #f8f9fa;
    border-color: #868e96;
    color: #212529;
}
.product-card-btn {
    flex: 1;
    min-width: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.35rem 0.5rem;
    font-size: 0.7rem;
    font-weight: 500;
    border: 1px solid;
    border-radius: 0.375rem;
    cursor: default;
    transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
a.product-card-btn {
    text-decoration: none;
    cursor: pointer;
}
.product-card-btn:focus-visible {
    outline: 2px solid #e47911;
    outline-offset: 2px;
}
.product-card-btn i {
    font-size: 0.85rem;
    margin-inline-end: 0.5rem;
}
.product-card-btn-text {
    margin: 0;
}
.product-card-btn-cart {
    background: linear-gradient(to bottom, #f7dfa5 0%, #f0c14b 100%);
    border-color: #a88734 #9c7e31 #846a29;
    color: #111;
}
.product-card-btn-cart:hover {
    background: linear-gradient(to bottom, #f5d78e 0%, #edb931 100%);
    border-color: #a88734 #9c7e31 #846a29;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* כפתור "בחרו מידה" – צבע שונה מהוספה לסל (עוקף product-card-btn-cart) */
.product-card-btn-cart.product-card-btn-choose {
    background: linear-gradient(to bottom, #3b82f6 0%, #2563eb 100%) !important;
    border-color: #1d4ed8 !important;
    color: #ffffff !important;
}
.product-card-btn-cart.product-card-btn-choose:hover {
    background: linear-gradient(to bottom, #2563eb 0%, #1d4ed8 100%) !important;
    border-color: #1e40af !important;
    color: #ffffff !important;
}
/* כפתור הוספה לסל במצב חסר במלאי */
.product-card-btn-cart-disabled,
.product-card-btn-cart.disabled,
.product-card-btn-cart[disabled] {
    background: #dee2e6 !important;
    border-color: #dee2e6 !important;
    color: #6c757d !important;
    cursor: not-allowed;
    opacity: 1;
}

/* בדף מוצר – כפתור הוספה לסל שלא יתפרס על כל הרוחב */
.page-product .product-card-btn-cart {
    min-width: 200px;
    max-width: 260px;
}

/* במובייל – כפתור הוספה לסל ברוחב מלא (נראה טוב במסך צר) */
@media (max-width: 575.98px) {
    .page-product .product-card-btn-cart {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }
    .page-product .product-card-btn-cart .product-card-btn-text {
        white-space: normal;
        text-align: center;
        font-size: 1rem !important;
        line-height: 1.35 !important;
    }
    .page-product .product-card-btn-cart i {
        font-size: 1.1rem !important;
    }
}

/* כפתור חזרה לתפריט בתפריט צד (מצב פוקוס קטגוריה) */
.sidebar-back-item {
    margin-bottom: 0.5rem;
}
.sidebar-back-pill {
    display: block;
    width: 100%;
    border-radius: 999px;
    border: 1px solid #e5e7eb;
    background: #ffffff;
    padding: 0.35rem 0.9rem;
    font-size: 0.8rem;
    color: #495057;
    text-decoration: none;
}
.sidebar-back-pill:hover {
    background: #f8fafc;
    border-color: #d1d5db;
    text-decoration: none;
    color: #111827;
}
.sidebar-back-pill i {
    font-size: 1rem;
}
.sidebar-back-text {
    white-space: normal;
    overflow-wrap: anywhere;
}

/* רשימת מותגים בתפריט צד – פונט קטן יותר */
.sidebar-brand-checkbox + .form-check-label.small,
.sidebar-brand-checkbox + .form-check-label {
    font-size: 0.7rem;
}
/* בלי justify-content-between – בריווח מוגדל המונים נדחפים לקצה ונראה "שבור" */
.form-check:has(.sidebar-brand-checkbox) {
    min-width: 0;
    align-items: flex-start;
    gap: 0.35rem;
}
.sidebar-brand-checkbox + .form-check-label.d-flex {
    justify-content: flex-start !important;
    align-items: flex-start;
    gap: 0.35rem;
    flex: 1 1 auto;
    min-width: 0;
}
.sidebar-brand-name {
    flex: 1 1 auto;
    min-width: 0;
    word-break: break-word;
}
.sidebar-brand-count {
    flex: 0 0 auto;
}

/* דף מוצר – מותג יחיד בתפריט הצד באותו גודל כמו פילטר מותגים */
.page-product .sidebar-single-brand {
    font-size: 0.7rem;
}


/* פילטר מותגים בקטגוריית מוצרים */
.category-brand-pill {
    border-radius: 999px;
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    padding: 0.1rem 0.45rem;
    font-size: 0.7rem;
    line-height: 1.2;
    letter-spacing: 0.02em;
}
.category-brand-pill:hover {
    background: #f1f3f5;
    border-color: #ced4da;
    color: #212529;
}
.category-brand-pill.active {
    background: #212529;
    border-color: #212529;
    color: #fff;
    box-shadow: 0 0 0 1px rgba(33, 37, 41, 0.3);
}
.product-card-favorite-row {
    min-height: 1.1rem;
}
.product-card-history-delete-row,
.product-card-save-later-row {
    min-height: 1.1rem;
}
.history-delete-btn.product-card-favorite-btn i {
    margin-inline-end: 0;
    color: #dc3545;
}
.history-delete-btn.product-card-favorite-btn:hover i {
    color: #b02a37;
}
.product-card-favorite-btn {
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.25rem;
    color: var(--bs-primary, #0d6efd);
    text-decoration: none;
    cursor: pointer;
    font-size: inherit;
    vertical-align: middle;
    min-height: 1.1rem;
    position: relative;
}
.product-card-favorite-btn:hover {
    text-decoration: underline;
    color: var(--bs-primary, #0d6efd);
}
.product-card-favorite-btn i {
    margin-inline-end: 0;
    font-size: 1.1rem;
    display: block;
    flex-shrink: 0;
}
.product-card-favorite-btn .product-favorite-text {
    white-space: nowrap;
}

/* קטגוריות נוספות בדף מוצר – צ'יפים מודרניים */
.product-more-categories {
    padding-bottom: 0.25rem;
}
.product-more-categories-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 0.75rem;
}
.product-more-categories-chip {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.6rem;
    font-size: 0.78rem;
    font-weight: 500;
    line-height: 1.3;
    color: #495057;
    background: #f1f3f5;
    border: 1px solid #dee2e6;
    border-radius: 2rem;
    text-decoration: none;
    transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
.product-more-categories-chip:hover {
    color: #0d6efd;
    background: #e7f1ff;
    border-color: #b6d4fe;
    box-shadow: 0 1px 3px rgba(13, 110, 253, 0.15);
}
.product-more-categories-chip-current {
    color: #664d03;
    background: #fff3cd;
    border-color: #ffda6a;
}
.product-more-categories-chip-current:hover {
    color: #664d03;
    background: #ffe69c;
    border-color: #ffda6a;
    box-shadow: 0 1px 3px rgba(102, 77, 3, 0.2);
}

/* מובייל – צ'יפים קומפקטיים, שמירה על אזור מגע ≥44px (תקן גוגל) */
@media (max-width: 767px) {
    .page-product .product-more-categories {
        margin-top: 1rem;
        padding-top: 1rem;
    }
    .page-product .product-more-categories-list {
        gap: 0.35rem 0.5rem;
    }
    .page-product .product-more-categories-chip {
        padding: 0.25rem 0.45rem;
        font-size: 0.7rem;     /* קומפקטי יותר במובייל */
        min-height: 36px;
        min-width: 36px;
        box-sizing: border-box;
        border-radius: 1.5rem;
    }
}

.category-empty-state {
    max-width: 28rem;
    margin: 0 auto;
    padding: 2.5rem 1.5rem;
    background: var(--bs-light, #f8f9fa);
    border-radius: 1rem;
    border: 1px solid rgba(0, 0, 0, 0.06);
}
.category-empty-state-icon {
    font-size: 3.5rem;
    color: var(--bs-secondary, #6c757d);
    opacity: 0.85;
}
.category-empty-state .btn { min-width: 10rem; }
.category-products-loader {
    min-height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1.5rem 0;
}
.category-products-sentinel {
    height: 4px;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    pointer-events: none;
    min-height: 4px;
}

/* טעינת ריבועים בדף הבית – loader + sentinel + הסתרה מדורגת */
.home-tiles-loader {
    min-height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1.5rem 0;
}
.home-tiles-sentinel {
    height: 4px;
    min-height: 4px;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    pointer-events: none;
}
.home-tile-hidden {
    display: none !important;
}

/* תפריט צד – טעינת תת-תפריט עם חזרה + אנימציית מעבר */
.sidebar-drill .sidebar-panels {
    position: relative;
    min-height: 120px;
    overflow: hidden;
}
.sidebar-drill .sidebar-panel {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-24px);
    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s;
    z-index: 0;
}
[dir="rtl"] .sidebar-drill .sidebar-panel {
    transform: translateX(24px);
}
.sidebar-drill .sidebar-panel.active {
    position: relative;
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    z-index: 1;
}
.sidebar-drill .sidebar-panel.active.leaving {
    position: absolute;
    opacity: 0;
    transform: translateX(24px);
    visibility: visible;
}
[dir="rtl"] .sidebar-drill .sidebar-panel.active.leaving {
    transform: translateX(-24px);
}
.sidebar-drill .sidebar-open-cat { cursor: pointer; }
.sidebar-drill .sidebar-back-link { font-weight: 700; color: var(--bs-primary); border-bottom: 1px solid #dee2e6; padding-bottom: 0.5rem; margin-bottom: 0.5rem; display: block; }
.sidebar-drill .sidebar-back-link:hover { color: var(--bs-primary); }
.sidebar-drill .sidebar-sub-title { font-weight: 700; font-size: 0.95rem; padding: 0.25rem 0 0.5rem; margin-bottom: 0.25rem; border-bottom: 1px solid #dee2e6; }
.sidebar-subcat-hidden { display: none; }
.sidebar-subcat-more .sidebar-more-link {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--bs-primary);
    text-decoration: none;
}
.sidebar-subcat-more .sidebar-more-link i {
    font-size: 0.9rem;
}
/* במובייל – תפריט צד שנפתח */
.sidebar-offcanvas-modern.offcanvas {
    max-width: 85vw;
    box-shadow: none;
    border: none;
}
.sidebar-offcanvas-modern .sidebar-offcanvas-header {
    padding: 1rem 1.25rem !important;
    margin: 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    background: #fff;
    flex-shrink: 0;
}
.sidebar-offcanvas-modern .sidebar-offcanvas-title {
    font-size: 1.1rem;
    font-weight: 700;
    color: #212529;
}
.sidebar-offcanvas-modern .sidebar-close-btn {
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #6c757d;
    background: transparent;
    border: none;
    transition: background 0.2s, color 0.2s;
}
.sidebar-offcanvas-modern .sidebar-close-btn:hover {
    background: #f1f3f5;
    color: #212529;
}
.sidebar-offcanvas-modern .sidebar-close-btn i {
    font-size: 1.25rem;
}
/* במובייל – ביטול רווח בין כותרת "קטגוריות" ל"דף הבית" באופקנבס */
#sidebarOffcanvas.offcanvas .sidebar {
    top: auto !important;
}
#sidebarOffcanvas.offcanvas .offcanvas-body {
    padding: 0 !important;
    background: #f8f9fa;
}
#sidebarOffcanvas.offcanvas .offcanvas-body .sidebar {
    padding: 0.75rem 1rem 1.5rem !important;
    padding-top: 0.5rem !important;
}
#sidebarOffcanvas.offcanvas .sidebar .navbar-nav {
    margin-top: 0 !important;
    margin-bottom: 0;
}
#sidebarOffcanvas.offcanvas .sidebar .nav-item {
    margin-bottom: 0.15rem;
}
#sidebarOffcanvas.offcanvas .sidebar .nav-link {
    padding: 0.65rem 0.85rem !important;
    border-radius: 0.5rem;
    font-size: 0.95rem;
    transition: background 0.2s, color 0.2s;
}
#sidebarOffcanvas.offcanvas .sidebar .nav-link:hover {
    background: rgba(0, 0, 0, 0.05);
}
#sidebarOffcanvas.offcanvas .sidebar .nav-link.active {
    background: rgba(0, 0, 0, 0.06);
    color: #495057 !important;
    font-weight: 500;
}
#sidebarOffcanvas.offcanvas .sidebar .sidebar-home-item .nav-link {
    background: linear-gradient(135deg, #0d6efd 0%, #0a58ca 100%);
    color: #fff !important;
    font-weight: 600;
}
#sidebarOffcanvas.offcanvas .sidebar .sidebar-home-item .nav-link i {
    color: inherit;
}
#sidebarOffcanvas.offcanvas .sidebar .nav-item:first-child .nav-link {
    padding-top: 0.65rem !important;
}
#sidebarOffcanvas.offcanvas .sidebar .submenu .nav-link {
    padding-right: 1.5rem !important;
    font-size: 0.9rem;
}
#sidebarOffcanvas.offcanvas .sidebar .sidebar-chevron {
    transition: transform 0.2s ease;
}
/* תתי-קטגוריות בפאנל חנות (מובייל) – ריווח כמו בתפריט צד דסקטופ */
#sidebarOffcanvas.offcanvas .sidebar .sidebar-panel .sidebar-sub-title ~ ul.navbar-nav .nav-item {
    margin-bottom: 0 !important;
}
#sidebarOffcanvas.offcanvas .sidebar .sidebar-panel .sidebar-sub-title ~ ul.navbar-nav .nav-link {
    padding-top: 0.28rem !important;
    padding-bottom: 0.28rem !important;
    line-height: 1.35 !important;
}
#sidebarOffcanvas.offcanvas .sidebar .sidebar-panel .sidebar-sub-title ~ ul.navbar-nav .nav-item:first-child .nav-link {
    padding-top: 0.28rem !important;
}
/* עמודת אייקונים בתפריט צד מובייל (צד ימין) */
#sidebarOffcanvas .sidebar-icons-strip {
    flex-shrink: 0;
    width: 3rem;
    min-width: 3rem;
    background: #fff;
    border-inline-start: 1px solid rgba(0, 0, 0, 0.06);
    gap: 0.25rem;
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
}
#sidebarOffcanvas .sidebar-icon-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    color: #495057 !important;
    text-decoration: none;
    border-radius: 0.5rem;
    transition: background 0.2s, color 0.2s;
}
#sidebarOffcanvas .sidebar-icon-link:hover {
    background: #f1f3f5;
    color: #0d6efd !important;
}
#sidebarOffcanvas .sidebar-icon-link i {
    font-size: 1.25rem;
}
#sidebarOffcanvas .sidebar-icon-link .bi-whatsapp {
    color: #25d366 !important;
}
#sidebarOffcanvas .sidebar-icon-link:hover .bi-whatsapp {
    color: #20bd5a !important;
}
/* תפריט קבוע צד ימין במובייל – עיצוב מודרני, צר */
.mobile-fixed-sidebar {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1030;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    padding: 0.5rem 0.25rem;
    background: linear-gradient(180deg, #1a1a1a 0%, #0d0d0d 100%);
    border-radius: 0.75rem 0 0 0.75rem;
    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.06) inset;
    border-inline-start: 1px solid rgba(255, 255, 255, 0.08);
    transition: box-shadow 0.25s ease;
}
.mobile-fixed-sidebar:hover {
    box-shadow: -6px 0 28px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.08) inset;
}
.mobile-fixed-sidebar-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    color: rgba(255, 255, 255, 0.92) !important;
    text-decoration: none;
    border: none;
    background: transparent;
    padding: 0;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
.mobile-fixed-sidebar-btn:hover {
    background: rgba(255, 255, 255, 0.12);
    color: #fff !important;
    transform: scale(1.05);
}
.mobile-fixed-sidebar-btn:active {
    transform: scale(0.98);
}
.mobile-fixed-sidebar-btn i {
    font-size: 1.25rem;
}
.mobile-fixed-sidebar-btn svg {
    width: 1.4em;
    height: 1.4em;
}
/* כפתור התפריט – הדגשה קלה */
.mobile-fixed-sidebar-btn:first-child {
    background: rgba(255, 255, 255, 0.08);
    margin-bottom: 0.2rem;
}
.mobile-fixed-sidebar-btn:first-child:hover {
    background: rgba(13, 110, 253, 0.5);
    color: #fff !important;
}

/* בדפי קטגוריה בדסקטופ יש כבר סיידבר מלא — לא להציג גם את הפס השחור הקבוע */
@media (min-width: 992px) {
    body.page-category .mobile-fixed-sidebar.d-none.d-lg-flex {
        display: none !important;
    }
}
/* וואטסאפ – גוון ירוק עדין */
.mobile-fixed-sidebar .mobile-fixed-sidebar-btn:nth-child(3) i {
    color: #25d366 !important;
}
.mobile-fixed-sidebar .mobile-fixed-sidebar-btn:nth-child(3):hover i {
    color: #40eb7c !important;
}
/* במובייל – ריווח ב-footer כדי שהתפריט השחור לא יכסה את הטקסט (RTL: התפריט בימין, ריווח מימין) */
@media (max-width: 991.98px) {
    .footer .container {
        padding-inline-start: 3rem;
    }
}
/* פוטר – במובייל: אייקונים מעל הקישורים; ללא קו מתחת לאייקונים; קו הפרדה מעל טקסט המע"מ בתחתית */
@media (max-width: 991.98px) {
    #site-footer .footer-social-row {
        order: 1;
        margin-top: 0 !important;
        padding-top: 1rem;
        padding-bottom: 0.5rem;
        border: none;
        margin-bottom: 0;
    }
    /* g-4 נותן margin-top שלילי – ביטול כדי שלא תהיה חפיפה עם שורת האייקונים */
    #site-footer .footer-main-links-row {
        order: 2;
        margin-top: 0 !important;
        border-top: none;
        padding-top: 1rem;
    }
    #site-footer .footer-copyright-row {
        order: 3;
        border-top: 1px solid var(--bs-secondary);
        padding-top: 1rem;
        margin-top: 1rem !important;
    }
}
@media (min-width: 992px) {
    #site-footer .footer-social-row {
        order: 2;
        margin-top: 1.5rem !important;
        padding-top: 1.5rem !important;
        border-top: 1px solid var(--bs-secondary);
        border-bottom: none;
    }
    #site-footer .footer-main-links-row {
        order: 1;
    }
    #site-footer .footer-copyright-row {
        order: 3;
    }
}
/* גובה קטן או טלפון מאוזן – התפריט עובר לתחתית, עיצוב מודרני */
@media (max-height: 500px), (orientation: landscape) and (max-width: 991.98px) {
    .mobile-fixed-sidebar {
        right: auto;
        left: 0;
        top: auto;
        bottom: 0;
        transform: none;
        width: 100%;
        flex-direction: row;
        justify-content: center;
        gap: 0.5rem;
        padding: 0.5rem 0.75rem;
        border-radius: 1rem 1rem 0 0;
        box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.25);
        background: linear-gradient(0deg, rgba(13, 13, 13, 0.95) 0%, rgba(26, 26, 26, 0.92) 100%);
        backdrop-filter: blur(12px);
        border-inline-start: none;
        border-top: 1px solid rgba(255, 255, 255, 0.08);
    }
    .mobile-fixed-sidebar-btn:first-child {
        margin-bottom: 0;
    }
    /* רווח בתחתית כדי שהתוכן לא ייכתם מתחת לתפריט */
    .site-content {
        padding-bottom: 4rem !important;
    }
}
@media (max-width: 991.98px) {
    .sidebar { max-height: none; position: relative; }
    /* רווח בצד ימין (ב־RTL: start) כדי שהטקסט לא ייכתם מתחת לתפריט השחור */
    .site-content > .container {
        padding-inline-start: 3.25rem !important;
    }
}
/* במאוזן / גובה קטן – לא צריך רווח בצד (התפריט בתחתית) */
@media (max-height: 500px), (orientation: landscape) and (max-width: 991.98px) {
    .site-content > .container {
        padding-inline-start: 0.75rem !important;
    }
}
.btn-sidebar-mobile { color: rgba(255,255,255,.9); border-color: rgba(255,255,255,.5); }
.btn-sidebar-mobile:hover { color: #fff; border-color: #fff; background: rgba(255,255,255,.1); }
.search-bar .btn-icon { color: #212529; }
.search-bar .btn-icon:hover { color: var(--bs-primary); }
/* מובייל: שורת אייקונים + תפריט, מתחתיה פס חיפוש נפרד */
.mobile-header-rows .mobile-icons-row { min-height: 2.5rem; }

/* --- כלי נגישות (מודאל) --- */
.modal-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s, visibility 0.2s;
}
.modal-overlay.active {
    opacity: 1;
    visibility: visible;
}
.modal-dialog_acc {
    background: #fff;
    color: #212529;
    border-radius: 8px;
    padding: 1.5rem;
    max-width: 90vw;
    width: 420px;
    max-height: 90vh;
    overflow-y: auto;
    position: relative;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}
.modal-title_acc {
    font-size: 1.25rem;
    font-weight: 700;
    margin: 0 0 1rem 0;
    padding-inline-end: 2rem;
    color: #212529;
}
.modal-title_acc i {
    color: #212529;
}
.close-modal {
    position: absolute;
    top: 0.75rem;
    left: 0.75rem;
    width: 2rem;
    height: 2rem;
    border: none;
    background: #e9ecef;
    color: #212529;
    border-radius: 4px;
    font-size: 1.5rem;
    line-height: 1;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.close-modal:hover { background: #dee2e6; color: #000; }
.close-modal i { color: inherit; }
.modal-desc_acc {
    font-size: 0.9rem;
    color: #495057;
    margin: 0 0 1rem 0;
    padding-inline-end: 2rem;
}
.accessibility-controls {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 0.75rem;
    align-items: center;
}
.acc-buttons-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0.5rem;
    align-items: stretch;
    width: 100%;
}
.acc-buttons-row .acc-btn {
    min-width: 0;
    padding: 0.5rem 0.4rem;
    font-size: 0.8rem;
    justify-content: center;
    text-align: center;
    line-height: 1.25;
}
.acc-buttons-row .acc-btn span {
    white-space: normal;
    word-break: break-word;
}
.acc-group-label {
    width: 100%;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #495057;
    margin-top: 0.5rem;
    margin-bottom: 0.25rem;
}
.acc-group-label:first-child { margin-top: 0; }
.acc-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 0.9rem;
    border: 1px solid #0078D4;
    border-radius: 8px;
    background: #0078D4;
    color: #fff;
    cursor: pointer;
    font-size: 0.95rem;
    transition: background 0.15s, color 0.15s, border-color 0.15s;
}
.acc-btn i { font-size: 1.1rem; flex-shrink: 0; }
.acc-btn:hover { background: #106ebe; border-color: #106ebe; color: #fff; }
.acc-btn:disabled { opacity: 0.6; cursor: not-allowed; }
.acc-btn-block { flex: 1; min-width: 140px; }
.acc-btn-reset {
    width: 100%;
    margin-top: 0.75rem;
    justify-content: center;
    background: #fff;
    color: #212529;
    border-color: #dee2e6;
}
.acc-btn-reset:hover { background: #f8f9fa; border-color: #ced4da; color: #000; }
.acc-btn-reset i { color: inherit; }
.modal-dialog_acc { width: 480px; }

/* מצבי נגישות – רק על תוכן האתר, לא על חלון הנגישות */
body.accessibility-high-contrast .site-content,
body.accessibility-high-contrast .site-content * {
    background: #000 !important;
    color: #fff !important;
    border-color: #fff !important;
}
body.accessibility-high-contrast .site-content a {
    color: #ffeb3b !important;
    text-decoration: underline !important;
}
body.accessibility-high-contrast .site-content input,
body.accessibility-high-contrast .site-content button,
body.accessibility-high-contrast .site-content .btn {
    background: #000 !important;
    color: #fff !important;
    border: 1px solid #fff !important;
}

/* גווני אפור רק על תוכן האתר – החלון נשאר קבוע וקריא */
html.accessibility-grayscale .site-content {
    filter: grayscale(100%);
}

body.accessibility-highlight-links .site-content a { outline: 2px solid #0078D4 !important; outline-offset: 2px; }
body.accessibility-highlight-headings .site-content h1,
body.accessibility-highlight-headings .site-content h2,
body.accessibility-highlight-headings .site-content h3,
body.accessibility-highlight-headings .site-content h4,
body.accessibility-highlight-headings .site-content h5,
body.accessibility-highlight-headings .site-content h6 { outline: 2px solid #0078D4 !important; outline-offset: 2px; }
body.accessibility-reduce-motion .site-content *,
body.accessibility-reduce-motion .site-content *::before,
body.accessibility-reduce-motion .site-content *::after { animation: none !important; transition: none !important; }
/* הגדלת טקסט: יחסית ל־root — כל ה־rem (מסלול, כרטיסי מוצר, דף הבית וכו') */
html.text-size-1 { font-size: 112.5%; }
html.text-size-2 { font-size: 125%; }
html.text-size-3 { font-size: 137.5%; }
html.text-size-4 { font-size: 150%; }
html.text-size-5 { font-size: 162.5%; }

/* ריווח מורחב – WCAG 2.2 Visual Presentation */
body.accessibility-expanded-spacing .site-content {
    line-height: 1.75;
    letter-spacing: 0.02em;
}
body.accessibility-expanded-spacing .site-content p {
    margin-bottom: 1.25em;
}
body.accessibility-expanded-spacing .site-content h1,
body.accessibility-expanded-spacing .site-content h2,
body.accessibility-expanded-spacing .site-content h3,
body.accessibility-expanded-spacing .site-content h4,
body.accessibility-expanded-spacing .site-content h5,
body.accessibility-expanded-spacing .site-content h6 {
    margin-top: 1.25em;
    margin-bottom: 0.6em;
}

/* הדגשת פוקוס בולטת – WCAG 2.4.7 Focus Visible */
body.accessibility-focus-strong .site-content a:focus-visible,
body.accessibility-focus-strong .site-content button:focus-visible,
body.accessibility-focus-strong .site-content input:focus-visible,
body.accessibility-focus-strong .site-content select:focus-visible,
body.accessibility-focus-strong .site-content textarea:focus-visible,
body.accessibility-focus-strong .site-content [tabindex]:focus-visible {
    outline: 3px solid #005fcc !important;
    outline-offset: 3px !important;
}

/* ריבועי קטגוריות בעמוד הראשי – רשת ורווחים כמו בתמונה (כ־10 בשורה, רווחים אחידים) */
.home-categories .home-categories-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem 0.875rem;
    row-gap: 1.25rem;
}
.home-category-item {
    min-width: 0;
}
@media (min-width: 576px) {
    .home-categories .home-categories-grid {
        grid-template-columns: repeat(5, 1fr);
        gap: 1rem 1rem;
        row-gap: 1.35rem;
    }
}
@media (min-width: 768px) {
    .home-categories .home-categories-grid {
        grid-template-columns: repeat(6, 1fr);
        gap: 1.1rem 1rem;
        row-gap: 1.4rem;
    }
}
@media (min-width: 992px) {
    .home-categories .home-categories-grid {
        grid-template-columns: repeat(8, 1fr);
        gap: 1.15rem 1.1rem;
        row-gap: 1.5rem;
    }
}
@media (min-width: 1200px) {
    .home-categories .home-categories-grid {
        grid-template-columns: repeat(10, 1fr);
        gap: 1.25rem 1.15rem;
        row-gap: 1.5rem;
    }
}

.home-categories .category-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* קליק על כל האזור, אבל הכרטיס הוא "עיגול + טקסט מתחת" */
    min-height: 0;
    padding: 0.5rem 0.75rem;
    border-radius: 0;
    text-decoration: none;
    color: #1a1a1a;
    background: transparent;
    border: none;
    box-shadow: none;
    transition: transform 0.2s ease;
}
.home-categories .category-card:hover {
    transform: translateY(-3px);
    color: #1a1a1a;
}
.home-categories .category-card-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.4rem;
    height: 3.4rem;
    /* עיגול לבן כמו בדוגמה, עם צל עדין */
    border-radius: 50%;
    margin-bottom: 0.75rem;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.06);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);
    font-size: 2rem;
    color: #fff;
    transition: transform 0.2s ease;
}
.home-categories .category-card:hover .category-card-icon {
    transform: scale(1.08);
}
.home-categories .category-card-icon-img {
    width: 2.25rem;
    height: 2.25rem;
    object-fit: contain;
}
.home-categories .category-card-icon-svg svg {
    width: 2.25rem;
    height: 2.25rem;
    display: block;
}
@media (min-width: 768px) {
    .home-categories .category-card-icon-img {
        width: 2.75rem;
        height: 2.75rem;
    }
    .home-categories .category-card-icon-svg svg {
        width: 2.75rem;
        height: 2.75rem;
    }
}
.home-categories .category-card-title {
    font-weight: 700;
    font-size: 0.9rem;
    text-align: center;
    line-height: 1.35;
    margin-bottom: 0.15rem;
}
.home-categories .category-card-desc {
    font-size: 0.85rem;
    color: #6c757d;
    text-align: center;
    line-height: 1.4;
}
.category-card-1 .category-card-icon { background: linear-gradient(135deg, #2c3e50, #3498db); }
.category-card-2 .category-card-icon { background: linear-gradient(135deg, #e74c3c, #c0392b); }
.category-card-3 .category-card-icon { background: linear-gradient(135deg, #f39c12, #e67e22); }
.category-card-4 .category-card-icon { background: linear-gradient(135deg, #27ae60, #1e8449); }
.category-card-5 .category-card-icon { background: linear-gradient(135deg, #8e44ad, #6c3483); }
.category-card-6 .category-card-icon { background: linear-gradient(135deg, #16a085, #0e6655); }
.category-card-7 .category-card-icon { background: linear-gradient(135deg, #795548, #5d4037); }
.category-card-8 .category-card-icon { background: linear-gradient(135deg, #34495e, #2c3e50); }
.category-card-9 .category-card-icon { background: linear-gradient(135deg, #1abc9c, #16a085); }
.category-card-10 .category-card-icon { background: linear-gradient(135deg, #9b59b6, #8e44ad); }
.category-card-11 .category-card-icon { background: linear-gradient(135deg, #e91e63, #c2185b); }
.category-card-12 .category-card-icon { background: linear-gradient(135deg, #00bcd4, #0097a7); }
.category-card-13 .category-card-icon { background: linear-gradient(135deg, #ff9800, #f57c00); }
.category-card-14 .category-card-icon { background: linear-gradient(135deg, #607d8b, #455a64); }
.category-card-15 .category-card-icon { background: linear-gradient(135deg, #03a9f4, #0288d1); }
.category-card-16 .category-card-icon { background: linear-gradient(135deg, #4caf50, #388e3c); }
.category-card-17 .category-card-icon { background: linear-gradient(135deg, #ff5722, #e64a19); }
.category-card-18 .category-card-icon { background: linear-gradient(135deg, #795548, #5d4037); }
.category-card-19 .category-card-icon { background: linear-gradient(135deg, #00acc1, #00838f); }
.category-card-20 .category-card-icon { background: linear-gradient(135deg, #ffc107, #ffa000); }
.category-card-21 .category-card-icon { background: linear-gradient(135deg, #4caf50, #2e7d32); }
@media (min-width: 768px) {
    .home-categories .category-card-icon {
        width: 4.6rem;
        height: 4.6rem;
        font-size: 2.5rem;
        border-radius: 50%;
        margin-bottom: 0.9rem;
    }
    .home-categories .category-card-title {
        font-size: 1rem;
        margin-bottom: 0.2rem;
    }
    .home-categories .category-card-desc { font-size: 0.9rem; }
}

/* באנר משלוח חינם – דף הבית: אחד לאחד כמו בתמונה (גודל, צבע כחול #2F7DE1, פינות מעוגלות, אייקון + טקסט בכחול) */
.home-free-shipping-banner {
    background: #f5f5f5;
    border-radius: 1.25rem;
    padding: 1.25rem 1rem;
}
.home-free-shipping-banner-inner {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 100%;
}
.home-free-shipping-banner-text {
    flex: 1 1 auto;
    background: transparent;
    padding: 1.25rem 1.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}
.home-free-shipping-banner-title {
    font-size: 1.35rem;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 0.35rem 0;
    line-height: 1.3;
}
.home-free-shipping-banner-desc {
    font-size: 1rem;
    color: #495057;
    margin: 0;
    line-height: 1.4;
}
.home-free-shipping-banner-desc strong {
    color: #1a1a1a;
    font-weight: 700;
}
/* פאנל כחול – מלבן אופקי, פינות מאוד מעוגלות, צבע #2F7DE1, אייקון משמאל + טקסט מימין */
.home-free-shipping-banner-blue {
    flex: 1 1 auto;
    background: #2F7DE1;
    border-radius: 1.25rem;
    padding: 1.5rem 1.75rem;
    min-height: 5rem;
}
.home-free-shipping-banner-blue-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}
.home-free-shipping-banner-icon-wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 7rem;
    height: 7rem;
    flex-shrink: 0;
}
.home-free-shipping-banner-fa-icon {
    color: #fff;
    font-size: 5rem;
    line-height: 1;
    display: block;
}
.home-free-shipping-banner-blue-text {
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.55;
    color: #fff;
    text-align: center;
}
/* מובייל: ללא טקסט מעל — רק המסגרת האפורה והריבוע הכחול (עם אייקון + טקסט בכחול) */
@media (max-width: 767.98px) {
    .home-free-shipping-banner-text {
        display: none !important;
    }
    .home-free-shipping-banner-inner {
        gap: 0;
    }
    .home-free-shipping-banner-blue-inner {
        gap: 0.75rem;
        justify-content: center;
    }
    .home-free-shipping-banner-blue {
        width: 100%;
    }
    .home-free-shipping-banner-icon-wrap {
        width: 5.5rem;
        height: 5.5rem;
    }
    .home-free-shipping-banner-fa-icon {
        font-size: 4rem;
    }
    .home-free-shipping-banner-blue-text {
        font-size: 0.9rem;
    }
}
@media (min-width: 768px) {
    .home-free-shipping-banner {
        padding: 1.5rem 1.5rem;
    }
    .home-free-shipping-banner-inner {
        flex-direction: row;
        align-items: stretch;
        gap: 1.5rem;
        min-height: 6rem;
    }
    .home-free-shipping-banner-text {
        flex: 0 1 45%;
        padding: 1.5rem 2rem;
        text-align: center;
    }
    .home-free-shipping-banner-title {
        font-size: 1.6rem;
        margin-bottom: 0.4rem;
    }
    .home-free-shipping-banner-desc {
        font-size: 1.05rem;
    }
    .home-free-shipping-banner-blue {
        flex: 1 1 55%;
        min-height: auto;
        padding: 1.75rem 2.25rem;
        border-radius: 1.25rem;
    }
    .home-free-shipping-banner-blue-inner {
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 2rem;
    }
    .home-free-shipping-banner-icon-wrap {
        width: 9rem;
        height: 9rem;
    }
    .home-free-shipping-banner-fa-icon {
        font-size: 5.5rem;
    }
    .home-free-shipping-banner-blue-text {
        font-size: 1.05rem;
        line-height: 1.5;
        text-align: right;
        flex: 1;
    }
}
@media (min-width: 992px) {
    .home-free-shipping-banner-inner {
        min-height: 6rem;
    }
    .home-free-shipping-banner-title {
        font-size: 1.75rem;
    }
    .home-free-shipping-banner-desc {
        font-size: 1.1rem;
    }
    .home-free-shipping-banner-icon-wrap {
        width: 10rem;
        height: 10rem;
    }
    .home-free-shipping-banner-img {
        max-height: 10rem;
    }
    .home-free-shipping-banner-blue-text {
        font-size: 1.1rem;
    }
}
[dir="rtl"] .home-free-shipping-banner-text {
    text-align: center;
}
@media (min-width: 768px) {
    [dir="rtl"] .home-free-shipping-banner-inner {
        flex-direction: row-reverse;
    }
    [dir="rtl"] .home-free-shipping-banner-text {
        text-align: center;
    }
    [dir="rtl"] .home-free-shipping-banner-blue-inner {
        flex-direction: row-reverse;
    }
    [dir="rtl"] .home-free-shipping-banner-blue-text {
        text-align: center;
    }
}

/* ריבועי "עולם הקפה" בדף הראשי – כרטיסים לבנים עם מסגרת אפורה בהירה, ברוחב שווה */
.home-section-title {
    font-size: 1.35rem;
    font-weight: 700;
    color: #1a1a1a;
}
.home-tiles-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr)); /* מובייל קטן – ריבוע אחד בשורה */
    gap: 1rem;
}
@media (max-width: 575.98px) {
    .home-tiles-grid,
    .home-tiles-grid.home-tiles-count-1,
    .home-tiles-grid.home-tiles-count-2,
    .home-tiles-grid.home-tiles-count-3,
    .home-tiles-grid.home-tiles-count-4,
    .home-tiles-grid.home-tiles-count-5,
    .home-tiles-grid.home-tiles-count-6 {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
}
.home-tiles-card {
    background: #ffffff;
    border-radius: 1rem;
    border: 1px solid rgba(0, 0, 0, 0.08);
    padding: 0.75rem;
    display: flex;
    align-items: stretch;
    justify-content: center;
}
.home-tiles-link {
    display: block;
    width: 100%;
    text-decoration: none;
    color: inherit;
}
.home-tiles-img-wrap {
    width: 100%;
    max-width: 250px;
    aspect-ratio: 1 / 1;
    border-radius: 0.75rem;
    overflow: hidden;
    margin: 0 auto;
}
.home-tiles-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.home-tiles-placeholder {
    width: 100%;
    height: 100%;
    min-height: 120px;
    background: #f1f3f5;
}
@media (min-width: 576px) {
    .home-tiles-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)); /* טאבלט קטן – 3 בשורה */
    }
}
@media (min-width: 992px) {
    .home-tiles-grid {
        gap: 1.25rem;
    }
    .home-tiles-grid.home-tiles-count-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
    .home-tiles-grid.home-tiles-count-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .home-tiles-grid.home-tiles-count-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .home-tiles-grid.home-tiles-count-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .home-tiles-grid.home-tiles-count-5,
    .home-tiles-grid.home-tiles-count-6 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}

/* מוצרי חשמל לבית – דף הבית: ריבועים לבנים עם מסגרת אפורה בהירה */
.home-electrical-grid {
    /* ה-layout של מספר הריבועים בשורה נקבע על ידי .home-tiles-grid + home-tiles-count-X */
}
.home-electrical-card {
    background: #ffffff;
    border-radius: 1rem;
    border: 1px solid rgba(0, 0, 0, 0.08);
    padding: 0.75rem;
    display: flex;
    align-items: stretch;
    justify-content: center;
}
.home-electrical-img-wrap {
    width: 100%;
    max-width: 250px;
    aspect-ratio: 1 / 1;
    border-radius: 0.75rem;
    overflow: hidden;
    margin: 0 auto;
}
.home-electrical-placeholder {
    width: 100%;
    height: 100%;
    min-height: 120px;
    background: #f1f3f5;
}
@media (min-width: 576px) {
    .home-electrical-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1.25rem;
    }
}
@media (min-width: 768px) {
    .home-electrical-grid {
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 1.25rem;
    }
}

/* נגישות: פוקוס גלוי במקלדת */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
    outline: 2px solid var(--bs-primary);
    outline-offset: 2px;
}

/* מצב כהה (Dark mode) */
/* שדה החיפוש וקבוצת הכפתור – מצב כהה */
/* תפריט נפתח "חשבון ורשימות" בפס החיפוש – מצב כהה */
/* תתי תפריט בתפריט העליון (חנות, מידע כללי) – מצב כהה */
/* פס ט.ל.ח. בראש הפוטר – במצב כהה רקע כהה וטקסט קריא */
/* תפריט צד דסקטופ – כותרת קטגוריה ו"חזרה" במצב כהה */

/* בלוק "למה לקנות אצלינו?" – מצב כהה */

/* שדות טופס/סינון בתפריט צד – מצב כהה (כולל input/select בלי form-control) */

/* תפריט צד נפתח במובייל – מצב כהה */


/* טפסים וכרטיסים בתוכן האתר – מצב כהה (כרטיס כהה, שדות כהה עם טקסט בהיר) */

/* כותרות כרטיסים בהירוֹת (bg-light) – התאמה למצב כהה */
/* דף מוצר – תמונת ברירת מחדל (כשאין תמונה) במצב כהה */
/* שדות טופס בתוך כרטיס – רקע כהה יותר, טקסט בהיר */
/* צ'קבוקסים על רקע כרטיס כהה */
/* קישורים בתוך כרטיס – כחול בהיר */
/* תווית שדה חובה */
/* תוכן כללי בכרטיס (פסקאות, רשימות) */

/* מודלים (Bootstrap) – מצב כהה: רקע כהה, שדות וטקסטים */
/* תוספות input-group (קידומת וכו') – מצב כהה */
/* Fallback: אם תמונת הקפצ'ה נטענה בלי dark=1 – הופכים צבעים */

/* דף כניסה – מצב כהה */

/* דף הרשמה ופתיחת חשבון – מצב כהה */
/* רשימת אוטו-השלמה (עיר/רחוב) במצב כהה */

/* דף איפוס סיסמה – מצב כהה */

/* דף פרטי רכב – תוצאות חיפוש ו-overlay במצב כהה */

/* היסטוריית גלילה – list-group במצב כהה */

/* התראות (alert) בתוכן האתר – מצב כהה */
/* התראות במודלים – מצב כהה */
/* הודעות שגיאה של שדות – מצב כהה */
/* רקעים בהירים וטקסט כהה – התאמה למצב כהה */

/* חלון נגישות במצב כהה – עקבי עם תקן (כיבוד העדפת משתמש, ניגודיות) */

/* הדגשת מילות חיפוש (searchresults + carwipers) – רקע צהוב צמוד למילה בלי רווח */
.search-highlight {
    background-color: yellow !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 1px;
}

/* הצעות חיפוש ב-header – מצב כהה: טקסט לבן ורקע מתאים */

/* דף סל – מצב כהה */

/* דף מועדפים – מצב כהה */

/* דף שמורים להמשך – מצב כהה */

/* קופה – מצב כהה */

/* הודעת toast – שגיאה (חיבור למסד וכו') באדום בולט */
.addtocart-toast.addtocart-toast--error {
    background-color: #dc3545 !important;
    color: #fff !important;
    border: 1px solid #b02a37;
}

/* מודל סל – נפתח מצד שמאל אחרי הוספה לסל, גובה מוגבל ועיצוב מעודן */
.addtocart-modal {
    position: fixed;
    inset: 0;
    z-index: 1060;
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding-top: 1.5rem;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.22s ease, visibility 0.22s ease;
}
[dir="rtl"] .addtocart-modal {
    justify-content: flex-end;
}
.addtocart-modal.addtocart-modal--open {
    opacity: 1;
    visibility: visible;
}
.addtocart-modal-panel {
    width: 300px;
    max-width: calc(100vw - 2rem);
    max-height: 85vh;
    margin: 0 1rem;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18), 0 0 0 1px rgba(0, 0, 0, 0.06);
    display: flex;
    flex-direction: column;
    transform: translateX(-120%);
    transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
    overflow: hidden;
}
[dir="rtl"] .addtocart-modal-panel {
    transform: translateX(120%);
}
.addtocart-modal--open .addtocart-modal-panel {
    transform: translateX(0);
}
.addtocart-modal-title {
    font-size: 0.8125rem;
    font-weight: 700;
    padding: 0.85rem 1rem;
    color: #fff;
    background: linear-gradient(135deg, #198754 0%, #20c997 100%);
    border-bottom: none;
    flex-shrink: 0;
    box-shadow: 0 2px 8px rgba(25, 135, 84, 0.25);
}
/* גלילה רק כאן; הכותרת והכפתורים מחוץ לאזור הגלילה (flex-shrink: 0) */
.addtocart-modal-list {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0.6rem 1rem;
    font-size: 0.75rem;
    line-height: 1.45;
    color: #495057;
}
.addtocart-modal-item {
    padding: 0.4rem 0;
    border-bottom: 1px solid #f1f3f5;
}
.addtocart-modal-item:last-child {
    border-bottom: none;
}
.addtocart-modal-item-title {
    display: block;
    font-weight: 700;
    font-size: 0.85rem;
    color: #212529;
    margin-bottom: 0.2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}
.addtocart-modal-item-title:hover { color: var(--bs-primary); }
.addtocart-modal-item-summary {
    display: block;
    font-size: 0.75rem;
    font-weight: 600;
    color: #198754;
}
.addtocart-modal-item-qty {
    color: #6c757d;
    margin-inline-start: 0.25rem;
}
.addtocart-modal-item-price {
    margin-inline-start: 0.5rem;
    font-weight: 600;
    color: #198754;
}
.addtocart-modal-item--empty {
    color: #6c757d;
}
.addtocart-modal-item--more {
    color: #868e96;
    font-size: 0.7rem;
    padding-top: 0.25rem;
}
.addtocart-modal-actions {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.85rem 1rem;
    border-top: 1px solid #e9ecef;
    background: #fafbfc;
    flex-shrink: 0;
}
.addtocart-modal-btn {
    font-size: 0.75rem;
    padding: 0.5rem 0.85rem;
    border-radius: 8px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border: none;
    font-weight: 600;
    transition: transform 0.12s ease, box-shadow 0.12s ease;
}
.addtocart-modal-btn:active {
    transform: scale(0.98);
}
.addtocart-modal-btn--cart {
    background: #0d6efd;
    color: #fff;
    box-shadow: 0 2px 8px rgba(13, 110, 253, 0.35);
}
.addtocart-modal-btn--cart:hover {
    background: #0b5ed7;
    box-shadow: 0 3px 12px rgba(13, 110, 253, 0.4);
}
.addtocart-modal-btn--checkout {
    background: #198754;
    color: #fff;
    box-shadow: 0 2px 8px rgba(25, 135, 84, 0.35);
}
.addtocart-modal-btn--checkout:hover {
    background: #157347;
    color: #fff;
    box-shadow: 0 3px 12px rgba(25, 135, 84, 0.4);
}
.addtocart-modal-btn--continue {
    background: #fff;
    color: #495057;
    border: 1px solid #dee2e6;
}
.addtocart-modal-btn--continue:hover {
    background: #f0f2f5;
    border-color: #ced4da;
}
/* מודל סל – מסכים צרים: פאנל רחב יותר, כותרת "הסל שלך" וכפתורים קריאים יותר */
@media (max-width: 575.98px) {
    .addtocart-modal-panel {
        width: calc(100vw - 1rem);
        max-width: none;
        margin: 0 0.5rem;
    }
    .addtocart-modal-title {
        font-size: 0.9375rem;
        padding: 0.95rem 1rem;
    }
    .addtocart-modal-btn {
        font-size: 0.8125rem;
        padding: 0.55rem 0.9rem;
    }
}
/* שם המוצר – דריסת text-dark כדי שיהיה קריא ב-Dark Mode */

/* מועדפים – רק אייקון הכוכב בזהב במצב מועדף; הכפתור נשאר במראה רגיל */
.cart-favorite-link.in-favorites i,
.product-favorite-btn.in-favorites i {
    color: #c9a227 !important;
}

/* loader לכפתור מועדפים – גודל כפתור הכוכב כדי לא להזיז layout */
@keyframes favorite-spin {
    to { transform: rotate(360deg); }
}
/* כפתור מועדפים בדף מוצר – loader מעל התוכן, בלי להזיז (האייקון והטקסט מוסתרים אבל שומרים מקום) */
.product-favorite-btn.favorite-loading {
    pointer-events: none;
    cursor: default;
}
.product-favorite-btn.favorite-loading i,
.product-favorite-btn.favorite-loading .product-favorite-text {
    visibility: hidden;
}
.product-favorite-btn.favorite-loading .favorite-spinner,
.history-save-later-btn.favorite-loading .favorite-spinner {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.1rem;
    height: 1.1rem;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: favorite-spin 0.6s linear infinite;
    flex-shrink: 0;
    line-height: 0;
}
.history-save-later-btn.favorite-loading {
    pointer-events: none;
    cursor: default;
}
.history-save-later-btn.favorite-loading i,
.history-save-later-btn.favorite-loading .history-save-later-text {
    visibility: hidden;
}
.history-save-later-btn.in-saved i {
    color: var(--bs-primary, #0d6efd);
}
/* קישור מועדפים בדף סל – spinner באותו גודל כמו אייקון הכוכב */
.cart-favorite-link.favorite-loading {
    pointer-events: none;
    cursor: default;
}
.cart-favorite-link.favorite-loading i.bi-star,
.cart-favorite-link.favorite-loading i.bi-star-fill {
    display: none;
}
.cart-favorite-link.favorite-loading::after {
    content: '';
    display: inline-block;
    width: 1.1rem;
    height: 1.1rem;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: favorite-spin 0.6s linear infinite;
    vertical-align: middle;
    margin-inline-end: 0.25em;
}

/* קופה – מסלולי תשלום בכרטיס אשראי: כפתור מסלול נבחר בצבע כתום */
.checkout-payment-plan-btn {
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}
.checkout-payment-plan-btn.active,
.checkout-payment-plan-btn:has(input:checked) {
    background-color: #fd7e14;
    border-color: #fd7e14;
    color: #fff;
    box-shadow: 0 0 0 0.15rem rgba(253, 126, 20, 0.25);
}

/* טעינה במעבר לתוצאות חיפוש (שליחת טופס הכותרת) */
.search-nav-loader {
    position: fixed;
    inset: 0;
    z-index: 10050;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.22s ease, visibility 0.22s ease;
}
.search-nav-loader:not([hidden]) {
    opacity: 1;
    visibility: visible;
}
.search-nav-loader__backdrop {
    position: absolute;
    inset: 0;
    background: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}
.search-nav-loader__panel {
    position: relative;
    z-index: 1;
    text-align: center;
    padding: 2rem 2.75rem;
    background: #fff;
    border-radius: 1rem;
    box-shadow: 0 0.35rem 1.25rem rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.04);
    min-width: 13rem;
}
.search-nav-loader__spin {
    width: 3rem;
    height: 3rem;
    border-width: 0.28rem;
}
.search-nav-loader__text {
    font-weight: 600;
    color: var(--bs-primary);
    font-size: 1.05rem;
    letter-spacing: 0.02em;
}

/* מובייל – הגדלת טקסט בכרטיסי הצגת מוצר ברשימות/קטגוריות/חיפוש */
@media (max-width: 767.98px) {
    body:not(.page-product) .product-card .product-card-brand,
    body:not(.page-product) .product-card .product-card-sn,
    body:not(.page-product) .product-card .product-card-categ {
        font-size: 1rem !important;
        line-height: 1.45 !important;
    }

    body:not(.page-product) .product-card .product-card-actions .product-card-btn,
    body:not(.page-product) .product-card .product-card-actions .product-card-btn .product-card-btn-text {
        font-size: 1rem !important;
        line-height: 1.35 !important;
    }

    body:not(.page-product) .product-card .product-card-actions .product-card-btn i {
        font-size: 1.1rem !important;
    }
}