@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700;800;900&display=swap');

/*
 * BeeStore visual system — sampled directly from beestore-logo.svg.
 * Primary: honey #FFC928, Secondary: hive brown #3B2A12,
 * Accent: amber #E6A900, Surface: wing cream #FFF5C2.
 */
:root {
    --color-primary: #FFC928;
    --color-secondary: #3B2A12;
    --color-accent: #E6A900;
    --color-primary-light: #FFF5C2;
    --color-primary-medium: #FFD75E;
    --color-primary-dark: #E6A900;
    --color-primary-hover: #D99A00;
    --color-background-soft: #FFFCF3;
    --color-text-primary: #2F2415;
    --color-text-dark: #211A12;
    --color-border: #EADDBF;
    --color-focus-ring: rgba(255, 201, 40, .28);
    --color-white: #FFFFFF;
    --bee-yellow: var(--color-primary);
    --bee-gold: var(--color-primary-dark);
    --bee-amber: var(--color-primary-hover);
    --bee-cream: var(--color-primary-light);
    --bee-brown: var(--color-secondary);
    --Color4: #d99a00;
    --Color5: #ffe082;
    --bee-honeycomb-btn: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34.64' height='60' viewBox='0 0 34.64 60'%3E%3Cg fill='none' stroke='%23a37200' stroke-opacity='.085' stroke-width='1.05'%3E%3Cpath d='M17.32 -20 L34.64 -10 L34.64 10 L17.32 20 L0 10 L0 -10 Z'/%3E%3Cpath d='M0 10 L17.32 20 L17.32 40 L0 50 L-17.32 40 L-17.32 20 Z'/%3E%3Cpath d='M34.64 10 L51.96 20 L51.96 40 L34.64 50 L17.32 40 L17.32 20 Z'/%3E%3Cpath d='M17.32 40 L34.64 50 L34.64 70 L17.32 80 L0 70 L0 50 Z'/%3E%3C/g%3E%3C/svg%3E");
    --bee-honeycomb: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34.64' height='60' viewBox='0 0 34.64 60'%3E%3Cg fill='none' stroke='%23a37200' stroke-opacity='.085' stroke-width='1.05'%3E%3Cpath d='M17.32 -20 L34.64 -10 L34.64 10 L17.32 20 L0 10 L0 -10 Z'/%3E%3Cpath d='M0 10 L17.32 20 L17.32 40 L0 50 L-17.32 40 L-17.32 20 Z'/%3E%3Cpath d='M34.64 10 L51.96 20 L51.96 40 L34.64 50 L17.32 40 L17.32 20 Z'/%3E%3Cpath d='M17.32 40 L34.64 50 L34.64 70 L17.32 80 L0 70 L0 50 Z'/%3E%3C/g%3E%3C/svg%3E");
}

/* Header search: keep the RTL input and trailing search action in one field. */
.navbar .navbarPart3 .search-form-header {
    padding: 0 !important;
    background: #f3f4f6;
    border: 1px solid transparent;
    border-radius: 14px;
    transition: border-color .25s ease, box-shadow .25s ease, background-color .25s ease;
}

.navbar .navbarPart3 .search-form-header:focus-within {
    background: #fff;
    border-color: rgba(245, 184, 0, .55);
    box-shadow: 0 0 0 4px rgba(245, 184, 0, .18);
}

.navbar .navbarPart3 .search-form-header .fxFormSearch {
    display: flex;
    width: 100%;
    height: 100%;
    min-width: 0;
    padding-inline: 0 10px;
    gap: 8px;
    overflow: hidden;
    border-radius: inherit;
    direction: rtl;
}

.navbar .navbarPart3 .search-form-header .search-input-header {
    flex: 1 1 auto;
    width: 0;
    min-width: 0;
    height: 100%;
    margin: 0;
    padding-inline: 18px 8px !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    text-align: right;
}

.navbar .navbarPart3 .search-form-header .search-submit-header {
    display: inline-grid;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    margin-inline-end: 2px;
    padding: 0;
    place-items: center;
    align-self: center;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: #2b2b2b;
    cursor: pointer;
    transition: background-color .22s ease, transform .22s ease;
}

.navbar .navbarPart3 .search-form-header .search-submit-header:hover {
    background: #fff8e7;
    transform: scale(1.04);
}

.navbar .navbarPart3 .search-form-header .search-submit-header:focus-visible {
    outline: 2px solid #e8a317;
    outline-offset: -2px;
}

.navbar .navbarPart3 .search-form-header .search-submit-header svg {
    display: block;
    width: 22px;
    height: 22px;
}

html, body, button, input, select, textarea,
.style-font, .font-medium, .font-semiBold, .font-bold {
    font-family: 'Tajawal', Tahoma, Arial, sans-serif !important;
}

html {
    direction: rtl;
    color-scheme: light;
    scroll-behavior: smooth;
}

body {
    background-color: var(--color-background-soft);
    color: var(--color-text-primary);
}

body, header, nav, main, footer, form, table, .modal, .dropdown-menu {
    direction: rtl;
}

a {
    color: var(--color-accent);
    text-decoration-color: rgba(230, 169, 0, .38);
    text-underline-offset: 3px;
}

a:hover, a:focus-visible { color: var(--color-primary-hover); }

:where(a, button, input, select, textarea, [tabindex]):focus-visible {
    outline: 3px solid var(--color-focus-ring) !important;
    outline-offset: 2px;
}

:where(input, select, textarea, .form-control) {
    border-color: var(--color-border) !important;
    background-color: var(--color-white);
    color: var(--color-text-primary);
}

:where(input, select, textarea, .form-control):focus {
    border-color: var(--color-accent) !important;
    box-shadow: 0 0 0 4px var(--color-focus-ring) !important;
}

::selection {
    background: var(--color-primary);
    color: var(--color-secondary);
}

html[dir="rtl"] body { direction: rtl; text-align: right; }
html[dir="rtl"] .navbarPart2, html[dir="rtl"] .header-part2, html[dir="rtl"] .header-part3 { direction: rtl; }
html[dir="rtl"] input, html[dir="rtl"] textarea { text-align: right; }

/* Storefront */
/* شريط علوي بلون العسل مع نقشة خلية النحل. */
.navbar .navbarPart1,
.header-part1,
.top-header,
.top-header-bg {
    background-color: var(--bee-yellow) !important;
    background-image: var(--bee-honeycomb), linear-gradient(100deg, var(--bee-yellow), #f5ad13) !important;
    background-size: 36px 62.4px, auto !important;
    background-position: center, center !important;
    background-repeat: repeat, no-repeat !important;
}

.navbar .navbarPart1 .colorBlack,
.header-part1 .colorBlack {
    color: var(--bee-brown) !important;
}

.navbar .navbarPart1 .colorWhite,
.header-part1 .colorWhite {
    color: var(--bee-brown) !important;
}

.btn--primary,
.btn-primary,
.btnAuth,
.btn-login,
.btnLinear-gradient,
.otpModal .btnLinear-gradient,
.sectionSliderBanner .dots-SliderBanner div,
.navbar .navbarPart4 .fx-navbarPart4::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, var(--bee-yellow), var(--bee-gold)) !important;
    border-color: var(--bee-yellow) !important;
    color: var(--bee-brown) !important;
}

.btn--primary:hover,
.btn-primary:hover,
.btnAuth:hover,
.btn-login:hover {
    background-color: var(--bee-gold) !important;
    border-color: var(--bee-gold) !important;
    color: var(--bee-brown) !important;
}

.btn-outline--primary,
.text-primary,
.colorPrimary,
.primary-color,
.forgot-password,
.password-toggle-btn:hover {
    color: var(--bee-amber) !important;
    border-color: var(--bee-amber) !important;
}

.btn-outline--primary:hover {
    background: var(--bee-honeycomb-btn) center / 36px 62.4px repeat, var(--bee-yellow) !important;
    color: var(--bee-brown) !important;
}

.sectionSliderBanner .dots-SliderBanner div.active {
    background: var(--bee-yellow) !important;
}

.tabsNavbar .tabsContainer .activeTab {
    background: var(--bee-honeycomb-btn) center / 36px 62.4px repeat, var(--bee-yellow) !important;
}

/* Mobile bottom navigation: compact, icon-only tabs. */
@media (max-width: 767px) {
    .tabsNavbar {
        padding-bottom: env(safe-area-inset-bottom, 0);
    }

    .tabsNavbar .tabsContainer {
        justify-content: space-around !important;
        gap: 6px !important;
        padding: 8px 10px !important;
    }

    .tabsNavbar .tabsContainer .boxTab,
    .tabsNavbar .tabsContainer .activeTab {
        position: relative;
        display: flex !important;
        align-items: center;
        justify-content: center;
        flex: 0 0 50px;
        width: 50px;
        height: 50px;
        min-width: 50px;
        padding: 0 !important;
        gap: 0 !important;
        border-radius: 50% !important;
        background: transparent !important;
    }

    .tabsNavbar .tabsContainer .activeTab {
        background: linear-gradient(135deg, #ffc31a 0%, #f2a900 100%) !important;
        box-shadow: 0 7px 18px rgba(242, 169, 0, 0.3);
    }

    .tabsNavbar .tabsContainer .boxTab span,
    .tabsNavbar .tabsContainer .activeTab span {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        white-space: nowrap !important;
        border: 0 !important;
    }

    .tabsNavbar .tabsContainer .boxTab svg {
        width: 27px !important;
        height: 27px !important;
        filter: brightness(0) saturate(100%) !important;
    }
}

.remember-me input[type="checkbox"] {
    accent-color: var(--bee-gold) !important;
}

.auth-toggle input[type="radio"]:checked + label {
    background: linear-gradient(135deg, var(--bee-yellow), var(--bee-gold)) !important;
    color: var(--bee-brown) !important;
}

.AddToCart,
.productDetails .btnLinear-gradient {
    background: linear-gradient(135deg, var(--bee-yellow), var(--bee-gold)) !important;
    color: var(--bee-brown) !important;
}

a.btnIcon[href*="login"],
a.btnProducts.sign[href*="login"] {
    background: linear-gradient(135deg, var(--bee-yellow), var(--bee-gold)) !important;
    color: var(--bee-brown) !important;
}

/* Category tiles: a single horizontally scrollable row */
.sectionCategories .fxGeneral-cards {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch;
    gap: 18px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    padding: 0 2px 14px;
    scroll-behavior: smooth;
    scroll-snap-type: inline mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: rgba(230, 169, 0, .55) transparent;
}

.sectionCategories .fxGeneral-cards::-webkit-scrollbar { height: 7px; }
.sectionCategories .fxGeneral-cards::-webkit-scrollbar-thumb { background: rgba(230, 169, 0, .55); border-radius: 99px; }

.sectionCategories .item-category {
    position: relative;
    display: flex;
    width: 216px !important;
    flex: 0 0 216px !important;
    min-width: 216px;
    max-width: 216px;
    min-height: 194px;
    align-items: center;
    justify-content: center;
    gap: 14px;
    overflow: hidden;
    padding: 22px 14px 18px;
    border: 1px solid rgba(230, 169, 0, .12);
    border-radius: 18px;
    background: linear-gradient(145deg, #fff 0%, #fffaf0 100%);
    box-shadow: 0 7px 20px rgba(59, 42, 18, .06);
    text-decoration: none;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
    scroll-snap-align: start;
}

.sectionCategories .item-category::before {
    position: absolute;
    inset-inline: 18px;
    inset-block-start: 0;
    height: 4px;
    border-radius: 0 0 8px 8px;
    background: linear-gradient(90deg, var(--bee-yellow), var(--bee-gold));
    content: "";
    opacity: .8;
}

.sectionCategories .item-category::after {
    position: absolute;
    inset-inline-end: -28px;
    inset-block-end: -32px;
    width: 92px;
    height: 92px;
    border: 1px solid rgba(255, 193, 7, .2);
    border-radius: 50%;
    content: "";
}

.sectionCategories .item-category:hover,
.sectionCategories .item-category:focus-visible {
    border-color: rgba(230, 169, 0, .45);
    box-shadow: 0 14px 28px rgba(59, 42, 18, .12);
    transform: translateY(-5px);
}

.sectionCategories .item-category img {
    width: 102px !important;
    height: 102px !important;
    max-width: none !important;
    max-height: none !important;
    flex: 0 0 102px;
    padding: 12px;
    border: 1px solid rgba(230, 169, 0, .16);
    border-radius: 22px;
    background: radial-gradient(circle at 35% 25%, #fff, #fff3cf);
    object-fit: contain;
    transition: transform .25s ease;
}

.sectionCategories .item-category:hover img,
.sectionCategories .item-category:focus-visible img {
    transform: scale(1.06) rotate(-2deg);
}

.sectionCategories .item-category span {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    max-width: 100%;
    overflow: hidden;
    color: var(--bee-brown) !important;
    font-size: clamp(15px, 1.05vw, 20px) !important;
    font-weight: 700;
    line-height: 1.35;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

@media (max-width: 1200px) {
    .sectionCategories .fxGeneral-cards {
        gap: 14px;
    }
}

@media (max-width: 768px) {
    .sectionCategories .fxGeneral-cards {
        gap: 10px;
    }

    .sectionCategories .item-category {
        width: 155px !important;
        flex-basis: 155px !important;
        min-width: 155px;
        max-width: 155px;
        min-height: 160px;
        gap: 9px;
        padding: 16px 8px 13px;
        border-radius: 14px;
    }

    .sectionCategories .item-category img {
        width: 76px !important;
        height: 76px !important;
        flex-basis: 76px;
        padding: 9px;
        border-radius: 17px;
    }
}

@media (max-width: 480px) {
    .sectionCategories .item-category {
        width: 142px !important;
        flex-basis: 142px !important;
        min-width: 142px;
        max-width: 142px;
        min-height: 148px;
    }
}

/* Homepage hero campaigns */
.bee-hero-container {
    position: relative;
    isolation: isolate;
    min-height: clamp(360px, 31vw, 620px);
}

.bee-hero-slider,
.bee-hero-slider .slick-list,
.bee-hero-slider .slick-track,
.bee-hero-slide-wrap,
.bee-hero-slide {
    width: 100%;
}

.bee-hero-slider .slick-list,
.bee-hero-slider .slick-track,
.bee-hero-slide-wrap {
    min-height: clamp(360px, 31vw, 620px);
}

.bee-hero-slide {
    position: relative;
    min-height: clamp(360px, 31vw, 620px);
    overflow: hidden;
    border-radius: 24px;
    background: var(--bee-cream);
}

.bee-hero-image {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    aspect-ratio: auto !important;
}

.sectionSliderBanner .bee-hero-slide .bee-hero-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bee-hero-shade {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(255, 248, 223, .98) 0%, rgba(255, 248, 223, .86) 30%, rgba(255, 248, 223, .12) 64%, rgba(255, 248, 223, 0) 100%);
}

.bee-hero-slide--end .bee-hero-shade {
    background: linear-gradient(270deg, rgba(255, 248, 223, .98) 0%, rgba(255, 248, 223, .86) 30%, rgba(255, 248, 223, .12) 64%, rgba(255, 248, 223, 0) 100%);
}

.bee-hero-copy {
    position: absolute;
    inset-block: 0;
    inset-inline-end: 0;
    z-index: 2;
    display: flex;
    width: min(48%, 590px);
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 12px;
    padding: clamp(24px, 4vw, 64px);
    text-align: start;
}

.bee-hero-slide--end .bee-hero-copy {
    inset-inline-end: auto;
    inset-inline-start: 0;
    align-items: flex-end;
    text-align: end;
}

.bee-hero-logo {
    width: clamp(118px, 12vw, 178px);
    height: auto;
    margin-block-end: 8px;
}

.bee-hero-copy h1 {
    max-width: 560px;
    margin: 0;
    color: var(--bee-brown);
    font-size: clamp(28px, 3.3vw, 56px);
    font-weight: 800;
    line-height: 1.15;
    text-wrap: balance;
}

.bee-hero-copy p {
    max-width: 460px;
    margin: 0;
    color: #5c4a2c;
    font-size: clamp(15px, 1.35vw, 22px);
    font-weight: 500;
    line-height: 1.6;
    text-wrap: pretty;
}

.bee-hero-cta {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    min-height: 48px;
    margin-block-start: 10px;
    padding: 10px 24px;
    border-radius: 999px;
    background: var(--bee-honeycomb-btn) center / 36px 62.4px repeat, var(--bee-yellow);
    color: var(--bee-brown) !important;
    font-size: 16px;
    font-weight: 800;
    text-decoration: none;
    box-shadow: 0 8px 20px rgba(230, 169, 0, .22);
    transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
}

.bee-hero-cta:hover,
.bee-hero-cta:focus-visible {
    background: var(--bee-gold);
    box-shadow: 0 10px 24px rgba(230, 169, 0, .3);
    transform: translateY(-2px);
}

.bee-hero-container .arrows-sliderBanner {
    position: absolute;
    inset-inline: 18px;
    inset-block-start: 50%;
    z-index: 4;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
}

.bee-hero-container .arrows-sliderBanner button {
    display: grid;
    width: 44px;
    height: 44px;
    padding: 0;
    place-items: center;
    border: 1px solid rgba(59, 42, 18, .12);
    border-radius: 50%;
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 4px 14px rgba(59, 42, 18, .12);
    pointer-events: auto;
    transition: transform .2s ease, background-color .2s ease;
}

.bee-hero-container .arrows-sliderBanner button:hover {
    background: var(--bee-yellow);
    transform: scale(1.06);
}

.bee-hero-container .arrows-sliderBanner svg {
    width: 22px;
    height: 22px;
    transform: rotate(180deg);
}

.bee-hero-container .dots-SliderBanner {
    position: absolute;
    inset-inline: 0;
    inset-block-end: 18px;
    z-index: 4;
    display: flex;
    justify-content: center;
    gap: 8px;
    padding: 0;
    background: transparent;
    transform: none;
}

.bee-hero-container .dots-SliderBanner::before,
.bee-hero-container .dots-SliderBanner::after {
    display: none;
}

.bee-hero-container .dots-SliderBanner button {
    width: 9px;
    height: 9px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(59, 42, 18, .25) !important;
    cursor: pointer;
    transition: width .2s ease, background-color .2s ease;
}

.bee-hero-container .dots-SliderBanner button.active {
    width: 28px;
    background: var(--bee-yellow) !important;
}

@media (max-width: 767px) {
    .bee-hero-container,
    .bee-hero-slider .slick-list,
    .bee-hero-slider .slick-track,
    .bee-hero-slide-wrap,
    .bee-hero-slide {
        min-height: 470px;
    }

    .bee-hero-slide {
        border-radius: 16px;
    }

    .bee-hero-image {
        object-position: center;
    }

    .bee-hero-shade,
    .bee-hero-slide--end .bee-hero-shade {
        background: linear-gradient(180deg, rgba(255, 248, 223, .04) 20%, rgba(255, 248, 223, .86) 57%, rgba(255, 248, 223, .99) 100%);
    }

    .bee-hero-copy,
    .bee-hero-slide--end .bee-hero-copy {
        inset-inline: 0;
        inset-block: auto 0;
        width: 100%;
        align-items: center;
        padding: 28px 22px 48px;
        text-align: center;
    }

    .bee-hero-logo {
        width: 124px;
    }

    .bee-hero-copy h1 {
        font-size: clamp(27px, 8vw, 38px);
    }

    .bee-hero-copy p {
        font-size: 15px;
    }

    .bee-hero-container .arrows-sliderBanner {
        inset-inline: 8px;
    }

    .bee-hero-container .arrows-sliderBanner button {
        width: 38px;
        height: 38px;
    }
}

/* Shared responsive safety net for storefront and customer-account pages. */
*, *::before, *::after { box-sizing: border-box; }
html, body { width: 100%; max-width: 100%; overflow-x: clip; }
img, video, canvas { max-width: 100%; }
main, section, .userPage, .userPage-container, .userPage-content { min-width: 0; max-width: 100%; }
.navbar { width: 100%; max-width: 100vw; overflow-x: clip; }
.table-responsive, .divTable { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.modal-dialog { max-width: calc(100vw - 32px); margin-inline: auto; }

@media (max-width: 991px) {
    .px-80, .px-90, .px-100, .px-110, .px-130, .px-175 {
        padding-inline: 24px !important;
    }
    .userPage .fx-userPage { min-width: 0; gap: 20px; }
    .userPage .userPage-content { min-width: 0; }
    .titlesStyle { gap: 14px; flex-wrap: wrap; }
}

@media (max-width: 767px) {
    .px-80, .px-90, .px-100, .px-110, .px-130, .px-175 {
        padding-inline: 16px !important;
    }
    .userPage { margin-block: 32px; }
    .userPage .fx-userPage { display: block !important; }
    .userPage .userPage-content { width: 100% !important; }
    .sectionSliderBanner { margin-block: 16px; }
    .registered-stores__heading, .titlesStyle { align-items: flex-start !important; }
    input, select, textarea, button { max-width: 100%; }
    .swal2-popup { max-width: calc(100vw - 24px) !important; }
    .pagination {
        max-width: 100%;
        padding-inline: 4px;
        flex-wrap: wrap;
    }
    .pagination button, .pagination a { padding-inline: 8px; }
}

@media (max-width: 480px) {
    .px-80, .px-90, .px-100, .px-110, .px-130, .px-175 {
        padding-inline: 12px !important;
    }
    .bee-hero-container,
    .bee-hero-slider .slick-list,
    .bee-hero-slider .slick-track,
    .bee-hero-slide-wrap,
    .bee-hero-slide { min-height: 430px; }
    .bee-hero-copy, .bee-hero-slide--end .bee-hero-copy { padding-inline: 18px; }
    .registered-stores__grid { gap: 10px; }
    .registered-store-card { min-height: 155px; padding: 14px 8px; }
}

/* The original template uses inline green styles in the guest header. */
.navbar a.btnIcon[href*="login"],
.navbarPart3 a.btnIcon[style*="background"],
header a.btnIcon[href*="login"] {
    background: linear-gradient(135deg, var(--bee-yellow), var(--bee-gold)) !important;
    color: var(--bee-brown) !important;
}

.linksHeader a.active,
header .header-part3 .linksHeader a.active,
header .header-part3 .linksHeader a.active::after,
.btnShoppingCart:hover,
.btnProducts,
.btnProducts2 {
    background: linear-gradient(135deg, var(--bee-yellow), var(--bee-gold)) !important;
    border-color: var(--bee-gold) !important;
    color: var(--bee-brown) !important;
}

.linksHeader a.active,
header .header-part3 .linksHeader a.active {
    background: transparent !important;
    color: var(--bee-amber) !important;
}

.linksHeader a.active::after,
header .header-part3 .linksHeader a.active::after {
    background: var(--bee-gold) !important;
}

.addAddress,
.listLocations .addAddress,
.HeaderLocation .addAddress {
    background: linear-gradient(135deg, var(--bee-yellow), var(--bee-gold)) !important;
    color: var(--bee-brown) !important;
    border-color: var(--bee-gold) !important;
}

.addAddress .style-font,
.addAddress span {
    color: var(--bee-brown) !important;
}

.tabsList .tabButton.active,
.userPage .tabsList .tabButton.active {
    background: var(--bee-cream) !important;
    border-inline-start-color: var(--bee-gold) !important;
}

/* Recolour legacy empty-state illustrations to the BeeStore honey palette. */
.noFavoritesYet img,
.fx-noFavoritesYet > img {
    filter: hue-rotate(-68deg) saturate(1.18) !important;
}

/* Customer account menu: keep it inside the handset viewport and readable. */
.icon-profile .listLinksProfile {
    position: absolute !important;
    width: min(390px, calc(100vw - 24px)) !important;
    min-height: 0 !important;
    max-height: calc(100dvh - 24px) !important;
    height: auto !important;
    overflow-y: auto !important;
    box-sizing: border-box !important;
    padding: 8px 10px !important;
    border-radius: 18px !important;
    left: 0 !important;
    right: auto !important;
    top: calc(100% + 12px) !important;
    transform: none !important;
}

/* إلغاء أي بقايا من لون القالب الأخضر في صفحات الحساب. */
.userPage .tabsList .tabButton.active,
.userPage .tabsList a.active { background: #fff7dc !important; box-shadow: 3px 0 0 #f2af00 inset !important; }
.userPage .tabsList .tabButton:hover,
.userPage .tabsList a:hover { background: #fff7dc !important; box-shadow: 3px 0 0 #f2af00 inset !important; }
.switch:before { background: #fff !important; }
input.status:checked + .switch, .switch:has(+ input:checked), .switch:has(input:checked) { background: #f2af00 !important; border-color: #f2af00 !important; }
.darkGreen2, .colorGreen { color: #5b3b09 !important; }

/* بطاقة الدعم وألوان الفلاتر في القالب القديم. */
.sectionContact .divIcon { background: linear-gradient(135deg,#ffc928,#e7a900) !important; }
.sectionContact .partOne { background: var(--bee-honeycomb) center / 36px 62.4px repeat, linear-gradient(135deg,#ffc928,#e7a900) !important; }
.phone-prefix-fixed { min-width:112px; padding:0 14px; display:flex; align-items:center; border-inline-end:1px solid #dedede; }
.phone-prefix-fixed .initl-phone { display:flex; align-items:center; gap:8px; }

/* مربعات فلاتر المتجر: علامة الاختيار تبقى داخل المربع في واجهة RTL. */
.filterProducts .checkbox-group label {
  display:block !important;
  padding-inline-start:34px !important;
  padding-inline-end:0 !important;
  min-height:25px;
}
.filterProducts .checkbox-group label::before {
  position:absolute !important;
  inset-inline-start:0 !important;
  inset-inline-end:auto !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  margin:0 !important;
  box-sizing:border-box;
  width:22px;
  height:22px;
  padding:0 !important;
  border:2px solid #b7b7b7 !important;
  background:#fff !important;
}
.filterProducts .checkbox-group input:checked + label::before {
  border-color:#e5a400 !important;
  background:#fff7dc !important;
}
.filterProducts .checkbox-group input:checked + label::after {
  inset-inline-start:8px !important;
  inset-inline-end:auto !important;
  top:50% !important;
  width:6px !important;
  height:12px !important;
  border-color:#c88600 !important;
  transform:translateY(-62%) rotate(45deg) !important;
}
.pagination button.active, .pagination button:hover, .pagination a:hover {
  background:#f2af00 !important;
}
.filterPrice .slider .progress,
.filterPrice input[type="range"]::-webkit-slider-thumb,
.filterPrice input[type="range"]::-moz-range-thumb {
  background:#f2af00 !important;
}

/* Storefront notifications */
#toast-container {
    top: 22px !important;
    right: 22px !important;
    left: auto !important;
    width: auto !important;
    max-width: calc(100vw - 44px);
    z-index: 11000;
}

#toast-container > .toast {
    width: min(420px, calc(100vw - 44px));
    min-height: 88px;
    margin: 0 0 12px;
    padding: 17px 58px 17px 48px;
    direction: rtl;
    border: 1px solid rgba(230, 169, 0, .18);
    border-inline-start: 5px solid var(--bee-yellow);
    border-radius: 18px;
    background: #fffdf7 !important;
    color: var(--bee-brown) !important;
    font-family: 'Tajawal', Tahoma, sans-serif !important;
    box-shadow: 0 16px 38px rgba(67, 43, 0, .18);
    opacity: 1;
}

#toast-container > .toast::before {
    position: absolute;
    top: 18px;
    right: 18px;
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #fff1bd;
    color: #8c6200;
    font-size: 16px;
    font-weight: 900;
    line-height: 1;
}

#toast-container > .toast-success::before { content: "✓"; background: #e8f7eb; color: #21833a; }
#toast-container > .toast-error::before { content: "!"; background: #fff0ec; color: #b74021; }
#toast-container > .toast-warning::before { content: "!"; background: #fff3c9; color: #956300; }
#toast-container > .toast-info::before { content: "i"; background: #edf5ff; color: #2563a9; }

#toast-container > .toast:hover {
    box-shadow: 0 20px 44px rgba(67, 43, 0, .24);
}

#toast-container .toast-title {
    display: block;
    margin: 0 0 3px;
    color: #8c6200;
    font-size: 15px;
    font-weight: 800;
}

#toast-container .toast-message {
    color: #4d3b20;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
}

#toast-container > .toast .toast-close-button {
    top: 12px;
    right: auto;
    left: 12px;
    color: #8c6200;
    font-size: 22px;
    font-weight: 500;
    opacity: .75;
    text-shadow: none;
}

#toast-container > .toast .toast-close-button:hover {
    color: var(--bee-brown);
    opacity: 1;
}

#toast-container > .toast .toast-progress {
    right: 0;
    bottom: 0;
    left: 0;
    height: 3px;
    background: var(--bee-yellow);
    opacity: 1;
}

#toast-container > .toast-info {
    border-inline-start-color: #f2ae00;
}

#toast-container > .toast-success {
    border-inline-start-color: #2f9e44;
}

#toast-container > .toast-error {
    border-color: rgba(185, 75, 8, .18);
    border-inline-start-color: #b94b08;
}

#toast-container > .toast-warning { border-inline-start-color: #e0a000; }
#toast-container > .toast-info { border-inline-start-color: #377fbd; }

@media (max-width: 576px) {
    #toast-container {
        top: 14px !important;
        right: 14px !important;
        left: auto !important;
        width: calc(100vw - 28px) !important;
        max-width: none;
    }

    #toast-container > .toast {
        width: 100%;
        min-height: 82px;
        padding: 15px 52px 15px 42px;
        border-radius: 14px;
    }
}

/* لوحة الإدارة العربية: شريط جانبي يمين وهوية BeeStore بالعسل. */
.admin-bee-rtl { direction:rtl; text-align:right; background:#fff; }
.admin-bee-rtl .sidebar { right:0 !important; left:auto !important; border-left:1px solid #f0dfaf; border-right:0; }
.admin-bee-rtl .page-wrapper { margin-right:280px !important; margin-left:0 !important; }
.admin-bee-rtl .page-wrapper, .admin-bee-rtl .content, .admin-bee-rtl .content.container-fluid { background:#fff !important; }
.admin-bee-rtl .header { right:280px !important; left:0 !important; }
.admin-bee-rtl .sidebar-menu ul li a { text-align:right; direction:rtl; }
.admin-bee-rtl .sidebar-menu ul li a i { margin-left:12px; margin-right:0; }
.admin-bee-rtl .menu-arrow { float:left !important; }
.beestore-sidebar-brand { height:94px; display:flex; align-items:center; justify-content:center; padding:18px 22px; border-bottom:1px solid #f3e2ae; background:#fff; }
.beestore-sidebar-brand img { max-width:174px; max-height:57px; }
.admin-bee-rtl .sidebar-menu .menu-title { color:#9b7215 !important; font-weight:700; padding-top:16px; }
.admin-bee-rtl .sidebar-menu > ul > li.active > a,
.admin-bee-rtl .sidebar-menu > ul > li > a:hover { background:#fff4cc !important; color:#6c4700 !important; border-right:4px solid #f2af00; border-left:0 !important; }
.admin-bee-rtl .quick-action-btn, .admin-bee-rtl .btn-primary { background:#f2af00 !important; border-color:#f2af00 !important; color:#4c3200 !important; }
.admin-bee-rtl .quick-action-btn:hover { background:#d99700 !important; color:#fff !important; }
.admin-bee-rtl .btn-success { background:#d99700 !important; border-color:#d99700 !important; }
.admin-bee-rtl .dashboard-header { color:#5b3b09 !important; border-right:4px solid #f2af00; border-left:0; padding-right:10px; }
.admin-bee-rtl .section-card { border-top:3px solid #f2af00; }
.admin-bee-rtl .content.container-fluid { padding:34px 42px 60px !important; min-height:calc(100vh - 70px); }
.admin-bee-rtl .content.container-fluid > .content.container-fluid,
.admin-bee-rtl .content.container-fluid .flex-between { direction:rtl !important; }
.admin-bee-rtl .content.container-fluid .flex-between { justify-content:flex-start !important; }
.admin-bee-rtl .page-header-title { color:#2f220d; font-size:34px; margin-bottom:28px; width:100%; text-align:right !important; direction:rtl !important; }
.admin-bee-rtl .quick-actions { display:grid !important; grid-template-columns:repeat(6,minmax(130px,1fr)); gap:14px; margin-bottom:28px; }
.admin-bee-rtl .quick-action-btn { min-height:54px; display:flex !important; justify-content:center; align-items:center; gap:9px; border-radius:12px !important; box-shadow:0 7px 16px rgba(180,126,0,.16); }
.admin-bee-rtl .dashboard-card { border:1px solid #f1ead8; border-radius:16px; box-shadow:0 7px 22px rgba(79,55,10,.07); }
.admin-bee-rtl .section-card { background:#fff; border-radius:16px; box-shadow:0 7px 22px rgba(79,55,10,.07); min-height:156px; }

/* رأس لوحة التحكم: ترتيب عربي فعلي، الأدوات تبدأ من جهة اليمين. */
.admin-bee-rtl .header {
  direction:rtl;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.admin-bee-rtl .header .header-left {
  order:1;
  display:flex !important;
  float:none;
  width:auto;
  min-width:174px;
  padding:0 14px 0 4px;
  box-shadow:none;
  background:#fff;
}
.admin-bee-rtl .header .header-left .logo {
  display:inline-flex;
  align-items:center;
  line-height:normal;
}
.admin-bee-rtl .header .header-left .logo-small { display:none !important; }
.admin-bee-rtl .header .header-left .logo img { max-height:42px; }
.admin-bee-rtl .header .menu-toggle {
  order:2;
  display:flex;
  align-items:center;
  height:60px;
  margin-right:18px;
}
.admin-bee-rtl .header .menu-toggle #toggle_btn {
  position:static !important;
  float:none !important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.admin-bee-rtl .header > .user-menu.float-start {
  order:3;
  float:none !important;
  margin:0 14px 0 0 !important;
  padding:0 !important;
}
.admin-bee-rtl .header > .user-menu:not(.float-start) {
  order:4;
  float:none !important;
  margin-right:auto;
  margin-left:18px;
  padding:0;
  direction:rtl;
}

/* عند طي القائمة على سطح المكتب: لا نترك فراغاً بعرض القائمة القديمة. */
@media (min-width:992px) {
  .admin-bee-rtl .header .header-left {
    position:absolute !important;
    right:16px;
    top:0;
    height:60px;
  }
  .admin-bee-rtl .header .menu-toggle {
    position:absolute !important;
    right:190px;
    top:0;
    margin:0;
  }
  .admin-bee-rtl .header > .user-menu.float-start {
    position:absolute;
    right:250px;
    top:0;
    margin:0 !important;
  }
  .admin-bee-rtl .header > .user-menu:not(.float-start) {
    position:absolute;
    left:16px;
    top:0;
    margin:0;
  }
  .admin-bee-rtl.mini-sidebar .sidebar { right:0 !important; left:auto !important; width:78px !important; }
  .admin-bee-rtl.mini-sidebar .page-wrapper { margin-right:78px !important; margin-left:0 !important; }
  .admin-bee-rtl.mini-sidebar .header { right:78px !important; left:0 !important; }
  .admin-bee-rtl.mini-sidebar .header .header-left { display:none !important; }
  .admin-bee-rtl.mini-sidebar .header .menu-toggle { right:20px; }
  .admin-bee-rtl.mini-sidebar .header > .user-menu.float-start { right:86px; }
}
@media (max-width:1300px) { .admin-bee-rtl .quick-actions { grid-template-columns:repeat(3,1fr); } }
@media (max-width:991px) {
  .admin-bee-rtl .page-wrapper { margin-right:0 !important; }
  .admin-bee-rtl .header { right:0 !important; }
}

/* الجوال والأجهزة الضيقة: القائمة تنزلق من اليمين ولا تختصر مساحة المحتوى. */
@media (max-width:991px) {
  .admin-bee-rtl .header {
    display:flex !important;
    min-width:0;
    padding:0 10px;
  }
  .admin-bee-rtl .header .header-left {
    position:static !important;
    order:1;
    width:auto !important;
    min-width:132px;
    padding:0 4px !important;
  }
  .admin-bee-rtl .header .header-left .logo,
  .admin-bee-rtl .header .header-left .logo.logo-small {
    display:inline-flex !important;
    position:static !important;
    transform:none !important;
  }
  .admin-bee-rtl .header .header-left .logo-small { display:none !important; }
  .admin-bee-rtl .header .header-left .logo img { max-height:34px; }
  .admin-bee-rtl .header .menu-toggle { display:none !important; }
  .admin-bee-rtl .header .mobile_btn {
    order:2;
    display:flex !important;
    position:static !important;
    align-items:center;
    justify-content:center;
    width:44px;
    padding:0;
    color:#553900 !important;
  }
  .admin-bee-rtl .header > .user-menu.float-start { display:none !important; }
  .admin-bee-rtl .header > .user-menu:not(.float-start) {
    order:3;
    margin-right:auto;
    margin-left:0;
  }
  .admin-bee-rtl .sidebar,
  .admin-bee-rtl.mini-sidebar .sidebar {
    width:280px !important;
    right:-280px !important;
    left:auto !important;
    margin:0 !important;
    z-index:1042;
  }
  .admin-bee-rtl .main-wrapper.slide-nav .sidebar { right:0 !important; }
  .admin-bee-rtl.mini-sidebar .sidebar .sidebar-menu ul > li > a span,
  .admin-bee-rtl.mini-sidebar .sidebar .menu-title { display:inline !important; opacity:1 !important; visibility:visible !important; }
  .admin-bee-rtl .page-wrapper,
  .admin-bee-rtl.mini-sidebar .page-wrapper { margin-right:0 !important; margin-left:0 !important; }
}
.slider .progress, .range-input input { background: #f2af00 !important; }
.range-input input::-webkit-slider-thumb { border-color:#f2af00 !important; background:#f2af00 !important; }

.icon-profile .listLinksProfile .boxPublic {
    min-height: 52px;
    padding: 8px 12px !important;
}

.icon-profile .listLinksProfile .headBox {
    min-width: 0;
}

.icon-profile .listLinksProfile .headBox h1 {
    white-space: normal;
    overflow-wrap: anywhere;
    margin: 0;
}

.icon-profile .listLinksProfile .bg-green,
.bg-green,
.bg-bee-primary {
    background: linear-gradient(135deg, var(--bee-yellow), var(--bee-gold)) !important;
}

/* Legacy green utility classes are intentionally mapped to the BeeStore theme. */
.colorGreen,
.colorGreen2,
.text-success,
.link-success,
.icon-success,
.badge-success {
    color: var(--color-primary-dark) !important;
}

.bg-success,
.btn-success,
.badge-success,
.alert-success {
    background: var(--color-primary) !important;
    border-color: var(--color-primary-dark) !important;
    color: var(--color-text-primary) !important;
}

.btn-success:hover,
.bg-success:hover {
    background: var(--color-primary-hover) !important;
    border-color: var(--color-primary-dark) !important;
}

.border-success {
    border-color: var(--color-primary-dark) !important;
}

.product-quantity .btn-number,
.quantity-increment,
.quantity-decrement,
.fxAmount-product .btn-hover {
    border-radius: 12px !important;
    background: var(--color-primary-light) !important;
    color: var(--color-text-primary) !important;
}

.product-quantity .btn-number:hover,
.quantity-increment:hover,
.quantity-decrement:hover,
.fxAmount-product .btn-hover:hover {
    background: var(--color-primary-medium) !important;
}

/* Compact, balanced quantity controls in the cart table. */
table tr .weightCol .fxAmount-product {
    gap: 14px;
    flex-wrap: nowrap;
    white-space: nowrap;
}

table tr .weightCol .fxAmount-product button {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

table tr .weightCol .fxAmount-product button img {
    width: 28px;
    height: 28px;
}

table tr .weightCol .fxAmount-product p {
    min-width: 58px;
    margin: 0;
    text-align: center;
}

table tr .weightCol .cart-quantity-value {
    display: inline-flex;
    align-items: baseline;
    justify-content: center;
    gap: 6px;
}

table tr .weightCol .cart-quantity-number {
    font-weight: 600;
}

table tr .weightCol .cart-quantity-unit {
    color: #6f6a63;
    font-size: .9em;
    white-space: nowrap;
}

.product-quantity .btn-number:focus-visible,
.quantity-increment:focus-visible,
.quantity-decrement:focus-visible {
    outline: 3px solid rgba(217, 154, 0, .35);
    outline-offset: 2px;
}

.icon-profile .listLinksProfile::-webkit-scrollbar-thumb {
    background: var(--bee-gold) !important;
}

@media (max-width: 614px) {
    .icon-profile .listLinksProfile {
        position: fixed !important;
        inset-inline: 12px !important;
        width: auto !important;
        top: 12px !important;
        right: 12px !important;
        left: 12px !important;
    }
}

.productDetails .fxAmount-product button,
.in-stock,
.inStock,
.stock-status {
    border-color: var(--bee-gold) !important;
    color: var(--bee-amber) !important;
}

.colorGreen,
.colorGreen2,
.colorGreen3 {
    color: var(--bee-amber) !important;
}

header .header-part3 .linksHeader a.active,
header .header-part3 .linksHeader a:hover {
    color: var(--bee-amber) !important;
}

header .header-part3 .linksHeader a::after {
    background: var(--bee-yellow) !important;
}

.otpModal .otp-container .otp-input:focus {
    border-color: var(--bee-gold) !important;
}

/* Dashboard */
:root {
    --primary-color: #ffc928;
    --secondary-color: #fff1b8;
}

.sidebar,
.sidebar-inner,
.header-left,
.header,
.main-sidebar {
    --primary-color: #ffc928;
}

.btn--primary,
.btn-primary {
    box-shadow: 0 5px 14px rgba(217, 139, 0, .16);
}

.sidebar-menu li a:hover,
.sidebar-menu li.active > a,
.sidebar-menu li.submenu ul li a.active,
.nav-tabs .nav-link.active {
    background: var(--bee-cream) !important;
    color: var(--bee-brown) !important;
}

.logo img,
.BeeStoreLogo img,
.karootoLogo img {
    filter: none !important;
}

/* Refined storefront product cards */
.productCard {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 382px;
    padding: 12px;
    overflow: hidden;
    border: 1px solid #eee7d9;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(76, 54, 12, .06);
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.productCard:hover {
    transform: translateY(-5px);
    border-color: rgba(217, 145, 0, .35);
    box-shadow: 0 16px 30px rgba(76, 54, 12, .13);
}

.productCard .productCard-imgs {
    flex: 0 0 auto;
    aspect-ratio: 1 / 1;
    margin-bottom: 12px;
    overflow: visible;
    border: 1px solid #f0eadf;
    border-radius: 14px;
    background: radial-gradient(circle at 50% 35%, #fff 0, #fffdf8 62%, #f8f1e3 100%);
}

.productCard .productCard-imgs .productImage {
    padding: 12px;
    cursor: pointer;
}

.productCard .productCard-imgs .productImage img {
    transition: transform .28s ease;
}

.productCard:hover .productCard-imgs .productImage img { transform: scale(1.045); }

.productCard .toggle-icon,
.productCard .eye-icon {
    z-index: 2;
    width: 34px;
    height: 34px;
    padding: 7px;
    border: 1px solid #eee8dd;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 5px 12px rgba(72, 54, 17, .1);
    transition: color .18s ease, background .18s ease, transform .18s ease;
}

.productCard .toggle-icon {
    position: absolute !important;
    right: 10px !important;
    left: auto !important;
    inset-inline-start: auto !important;
    inset-inline-end: auto !important;
    top: 10px !important;
    display: flex !important;
    cursor: pointer;
}
.productCard .eye-icon {
    right: 54px !important;
    left: auto !important;
    top: 10px !important;
}
.productCard .toggle-icon:hover,
.productCard .eye-icon:hover { background: #fff5d8; transform: scale(1.06); }

.productCard .toggle-icon .favouriteIcon { width: 18px; height: 18px; }
.productCard .toggle-icon .icon-filled { filter: drop-shadow(0 2px 3px rgba(106, 166, 50, .22)); }

.productCard .productCard-Details {
    flex: 1;
    gap: 7px;
    padding: 0 3px 2px;
    text-align: start;
}

.productCard .productCard-Details .fxProduct-price {
    justify-content: space-between;
    width: 100%;
    gap: 8px;
}

.productCard .productCard-Details .fxProduct-price h2 {
    color: #8a5c00;
    font-size: 1.12rem;
    font-weight: 800;
}

.productCard .productCard-Details .fxProduct-price p {
    color: #a9a196;
    text-decoration: line-through;
}

.productCard .productCard-Details .mount {
    color: #a49b8e;
    font-size: .78rem;
    opacity: 1;
}

.productCard .productCard-Details > h2 {
    display: -webkit-box;
    min-height: 42px;
    margin: 0;
    overflow: hidden;
    color: #40392f;
    font-size: .94rem;
    font-weight: 700;
    line-height: 1.55;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.productCard .productCard-Details > .d-flex:last-child { margin-top: auto; padding-top: 6px; }

.productCard .productCard-Details .btnShoppingCart {
    width: 100%;
    min-height: 40px;
    padding: 9px 10px;
    border: 1px solid #f0e4c9;
    border-radius: 10px;
    background: #fffaf0;
    color: #624500;
    transition: transform .18s ease, background .18s ease, box-shadow .18s ease;
}

.productCard .productCard-Details .btnShoppingCart:hover {
    background: linear-gradient(135deg, var(--bee-yellow), var(--bee-gold));
    box-shadow: 0 7px 15px rgba(217, 145, 0, .2);
    transform: translateY(-1px);
}

.productCard .productCard-Details .btnShoppingCart span { color: inherit; font-size: .72rem; font-weight: 700; }

/* Keep the media controls on the opposite side of the discount badge. */
.productCard .product-card-media-actions {
    position: absolute;
    inset-block-start: 12px;
    inset-inline-start: auto;
    inset-inline-end: auto;
    right: 12px;
    left: auto;
    z-index: 4;
    display: flex;
    align-items: center;
    gap: 8px;
    direction: rtl;
    transform: none;
}

.productCard .product-card-media-actions .toggle-icon,
.productCard .product-card-media-actions .eye-icon {
    position: relative !important;
    inset: auto !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    margin: 0;
    padding: 9px;
    border: 1px solid rgba(228, 218, 200, .9);
    border-radius: 50%;
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 5px 14px rgba(65, 47, 14, .13);
    backdrop-filter: blur(4px);
}

.productCard .product-card-media-actions .toggle-icon,
.productCard .product-card-media-actions .eye-icon { transform: none !important; }
.productCard .product-card-media-actions .toggle-icon .favouriteIcon,
.productCard .product-card-media-actions .toggle-icon .icon-filled {
    position: static !important;
    inset: auto !important;
    margin: 0 !important;
    transform: none !important;
}
.productCard .product-card-media-actions .toggle-icon .favouriteIcon:not(.icon-filled) { display: block !important; }

.productCard .product-card-media-actions .toggle-icon:active,
.productCard .product-card-media-actions .eye-icon:active { transform: scale(.93); }
.productCard .product-card-media-actions .favouriteIcon,
.productCard .product-card-media-actions .eye-icon svg { width: 20px; height: 20px; }
.productCard .product-card-media-actions svg path { stroke: #f2af00 !important; }
.productCard:not(.productCard--modern) .product-card-media-actions .icon-filled path {
    fill: #f2af00 !important;
    stroke: #f2af00 !important;
}

/* Final BeeStore palette pass: legacy green accents become honey yellow. */
.sectionTitle {
    height: 96px;
    min-height: 96px;
    aspect-ratio: auto !important;
    background:
        var(--bee-honeycomb) center / 36px 62.4px repeat,
        radial-gradient(circle at 16% 0%, rgba(255, 255, 255, .56), transparent 28%),
        linear-gradient(105deg, #fff8df 0%, #ffe18a 48%, #f6bc20 100%) !important;
}

.sectionTitle .colorWhite {
    color: var(--bee-brown) !important;
}

.sectionTitle .fx-LinksTitle,
.sectionTitle .fx-LinksTitle a {
    color: #74500b !important;
}

.sectionTitle .fx-LinksTitle svg path {
    stroke: #a46e08 !important;
}

/* Breadcrumb separators follow the reading direction across all Arabic pages. */
html[dir="rtl"] .sectionTitle .fx-LinksTitle > svg,
html[dir="rtl"] .sectionLinks .fx-LinksTitle > svg {
    flex: 0 0 auto;
    width: 8px !important;
    height: 14px !important;
    transform: scaleX(-1);
    transform-origin: center;
}

html[dir="rtl"] .sectionProducts .titlesStyle > a svg {
  transform: scaleX(-1);
}

/* Home: selected products — a calm, consistent merchandising grid. */
.featuredProducts {
  padding: clamp(42px, 5vw, 76px) 0 !important;
  background: linear-gradient(180deg, #fffdf8 0%, #fff8e8 100%) !important;
}

.featuredProducts .titles {
  align-items: stretch !important;
  margin-bottom: 22px !important;
}

.featuredProducts__heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.featuredProducts__heading h2 {
  font-size: clamp(24px, 2vw, 34px) !important;
  line-height: 1.25;
}

.featuredProducts__all {
  color: #bc7a00;
  font-weight: 700;
  white-space: nowrap;
  text-decoration: none;
  border-bottom: 1px solid #eeb137;
  padding-bottom: 3px;
}

.featuredProducts__all:hover { color: #7d5000; }

.featuredProducts__layout {
  display: grid;
  grid-template-columns: minmax(240px, .78fr) minmax(0, 2.22fr);
  gap: 24px;
  align-items: stretch;
}

.featuredProducts__banner {
  display: block;
  min-height: 100%;
  overflow: hidden;
  border: 1px solid #f1d69a;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(105, 72, 12, .09);
}

.featuredProducts__banner img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 390px;
  object-fit: cover;
  transition: transform .35s ease;
}

.featuredProducts__banner:hover img { transform: scale(1.025); }

.featuredProducts__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  align-content: start;
}

.featuredProducts__grid .productCard {
  width: auto !important;
  min-width: 0;
  margin: 0 !important;
}

@media (max-width: 1199px) {
  .featuredProducts__layout { grid-template-columns: minmax(220px, .72fr) minmax(0, 1.8fr); }
  .featuredProducts__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
  .featuredProducts__heading { align-items: flex-start; flex-direction: column; gap: 8px; }
  .featuredProducts__layout { grid-template-columns: 1fr; gap: 16px; }
  .featuredProducts__banner img { min-height: 210px; max-height: 260px; }
  .featuredProducts__grid { gap: 12px; }
}

.productDetails .fxButtons-product .btnFavourite {
    border-color: var(--bee-gold) !important;
}

.productDetails .fxButtons-product .btnFavourite:not(.is-favorite) svg path,
.productDetailsModal .btnFavourite:not(.is-favorite) svg path {
    stroke: var(--bee-gold) !important;
}

.productDetails .fxButtons-product .btnFavourite.is-favorite,
.productDetailsModal .btnFavourite.is-favorite {
    background: var(--bee-yellow) !important;
    border-color: var(--bee-gold) !important;
}

svg [stroke="#6AA632"],
svg [stroke="#85BF56"] {
    stroke: var(--bee-gold) !important;
}

svg [fill="#6AA632"],
svg [fill="#85BF56"] {
    fill: var(--bee-yellow) !important;
}

@media (max-width: 575px) {
    .productCard .product-card-media-actions { inset-block-start: 9px; gap: 6px; }
    .productCard .product-card-media-actions .toggle-icon,
    .productCard .product-card-media-actions .eye-icon {
        flex-basis: 36px; width: 36px; height: 36px; padding: 8px;
    }
    .productCard .product-card-media-actions .favouriteIcon,
    .productCard .product-card-media-actions .eye-icon svg { width: 18px; height: 18px; }
}

@media (max-width: 575px) {
    .productCard { min-height: 350px; padding: 9px; border-radius: 14px; }
    .productCard .productCard-imgs { margin-bottom: 9px; border-radius: 11px; }
    .productCard .productCard-imgs .productImage { padding: 8px; }
    .productCard .toggle-icon, .productCard .eye-icon { width: 30px; height: 30px; padding: 6px; }
    .productCard .eye-icon { top: 47px; }
    .productCard .productCard-Details .fxProduct-price h2 { font-size: 1rem; }
}

/* Compact, calm product cards for the storefront catalogue. */
.productCard {
    min-height: 0;
    padding: 10px;
    border: 1px solid #eee7d9;
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(63, 45, 13, .05);
}

.productCard:hover {
    border-color: #e8bf61;
    box-shadow: 0 12px 24px rgba(63, 45, 13, .11);
    transform: translateY(-3px);
}

.productCard .productCard-imgs {
    aspect-ratio: 1 / 1;
    margin-bottom: 10px;
    border: 1px solid #f0e8da;
    border-radius: 10px;
    background: #fffdf9;
}

.productCard .productCard-imgs .productImage { padding: 8px; }

.productCard .productCard-imgs span {
    left: 8px;
    top: 8px;
    padding: 3px 7px;
    border-radius: 6px;
    background: #b95238;
    font-size: .68rem !important;
}

.productCard .product-card-media-actions { inset-block-start: 8px; right: 8px; gap: 6px; }

.productCard .product-card-media-actions .toggle-icon,
.productCard .product-card-media-actions .eye-icon {
    width: 32px;
    height: 32px;
    padding: 6px;
    border-radius: 50%;
    box-shadow: 0 3px 9px rgba(63, 45, 13, .09);
}

.productCard .productCard-Details { gap: 5px; padding: 0 2px 2px; }

.productCard .productCard-Details .fxProduct-price h2 {
    font-size: 1rem;
    color: #8a5c00;
}

.productCard .productCard-Details .mount { font-size: .72rem; }

.productCard .productCard-Details > h2 {
    min-height: 38px;
    font-size: .88rem;
    line-height: 1.45;
}

.productCard .productCard-Details .btnShoppingCart {
    min-height: 38px;
    padding: 8px;
    border-radius: 8px;
    background: #fff9ed;
}

/* Modern reusable catalogue card (product-card-2). */
.productCard.productCard--modern {
    --card-accent: #5e4b22;
    --card-accent-hover: #d99100;
    position: relative;
    min-width: 0;
    padding: 12px;
    overflow: visible;
    border: 1px solid rgba(126, 94, 31, .13);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 4px 16px rgba(56, 40, 11, .055);
    direction: rtl;
    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.productCard.productCard--modern:hover {
    border-color: rgba(217, 145, 0, .32);
    box-shadow: 0 18px 40px rgba(56, 40, 11, .14);
    transform: translateY(-4px);
}

.productCard--modern .productCard-imgs {
    position: relative;
    aspect-ratio: 1 / 1;
    margin-bottom: 14px;
    overflow: hidden;
    border: 0;
    border-radius: 14px;
    background:
        radial-gradient(circle at 75% 18%, rgba(255,255,255,.95), transparent 34%),
        linear-gradient(145deg, #fffdf8 0%, #f8f1e4 100%);
}

.productCard--modern .productCard-imgs .productImage {
    width: 100%;
    height: 100%;
    padding: clamp(12px, 5%, 20px);
}

.productCard--modern .productCard-imgs .productImage img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform .35s cubic-bezier(.2,.7,.2,1);
}

.productCard--modern:hover .productCard-imgs .productImage img { transform: scale(1.035); }

.productCard--modern .productCard-imgs > span {
    inset-block-start: 10px;
    inset-inline-start: 10px;
    right: auto;
    left: auto;
    z-index: 5;
    padding: 5px 9px;
    border-radius: 999px;
    background: #a6422c;
    box-shadow: 0 4px 12px rgba(128, 45, 27, .2);
    color: #fff;
    font-size: .7rem !important;
    line-height: 1.2;
}

.productCard--modern .product-card-media-actions {
    inset-block-start: 10px;
    inset-inline-end: 10px;
    right: auto;
    left: auto;
    gap: 8px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-5px) scale(.92);
    transition: opacity .22s ease, transform .22s ease, visibility .22s ease;
    pointer-events: none;
}

.productCard--modern:hover .product-card-media-actions,
.productCard--modern:focus-within .product-card-media-actions {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

.productCard--modern .product-card-media-actions .toggle-icon,
.productCard--modern .product-card-media-actions .eye-icon {
    width: 38px;
    height: 38px;
    flex-basis: 38px;
    padding: 8px;
    position: relative !important;
    overflow: hidden;
    border: 1px solid rgba(232,163,23,.25);
    border-radius: 0;
    clip-path: polygon(25% 4%, 75% 4%, 100% 50%, 75% 96%, 25% 96%, 0 50%);
    background: rgba(255,255,255,.78);
    box-shadow: 0 6px 18px rgba(57, 42, 14, .13);
    -webkit-backdrop-filter: blur(9px);
    backdrop-filter: blur(9px);
    transition: background .2s ease, transform .2s ease, box-shadow .2s ease !important;
}

.productCard--modern .product-card-media-actions .toggle-icon::after,
.productCard--modern .product-card-media-actions .eye-icon::after {
    content: '';
    position: absolute;
    z-index: 2;
    inset: -25% auto -25% -65%;
    width: 38%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.72), transparent);
    transform: skewX(-18deg);
    pointer-events: none;
}

.productCard--modern .product-card-media-actions .toggle-icon:hover,
.productCard--modern .product-card-media-actions .eye-icon:hover {
    box-shadow: 0 8px 20px rgba(232,163,23,.22);
    transform: scale(1.1) !important;
}

.productCard--modern .product-card-media-actions .toggle-icon:hover::after,
.productCard--modern .product-card-media-actions .eye-icon:hover::after {
    animation: bee-honey-shimmer .7s ease both;
}

.productCard--modern .product-card-media-actions svg { position: relative; z-index: 1; }

.productCard--modern .product-card-media-actions .icon-outline path:not(.bee-heart-gradient-fill) {
    fill: none !important;
    stroke: #2B2B2B !important;
    transition: opacity .25s ease;
}

.productCard--modern .product-card-media-actions .bee-heart-gradient-fill {
    opacity: 0;
    stroke: none !important;
    transition: opacity .25s ease;
}

.productCard--modern .product-card-media-actions .toggle-icon:hover .bee-heart-gradient-fill { opacity: 1; }
.productCard--modern .product-card-media-actions .toggle-icon:hover .icon-outline path:not(.bee-heart-gradient-fill) { opacity: .35; }

.productCard--modern .product-card-media-actions .icon-filled path {
    stroke: #2B2B2B !important;
    filter: drop-shadow(0 0 4px rgba(245,184,0,.75));
}

.productCard--modern .product-card-media-actions .toggle-icon:has(.icon-filled:not(.hidden)) {
    border-color: rgba(245,184,0,.6);
    box-shadow: 0 0 0 3px rgba(245,184,0,.12), 0 7px 18px rgba(232,163,23,.25);
}

.productCard--modern .product-card-media-actions .eye-icon svg path {
    fill: none !important;
    stroke: #2B2B2B !important;
    transition: stroke .25s ease;
}

.productCard--modern .product-card-media-actions .eye-icon:hover {
    background: linear-gradient(145deg, #FFC72C, #E8A317);
}

.productCard--modern .product-card-media-actions .eye-icon:hover svg path { stroke: #2B2B2B !important; }

@keyframes bee-honey-shimmer {
    from { left: -65%; }
    to { left: 135%; }
}

.productCard--modern .productCard-Details {
    gap: 8px;
    padding: 0 4px 3px;
    text-align: start;
}

.productCard--modern .productCard-Details .fxProduct-price { justify-content: flex-start; }

.productCard--modern .productCard-Details .fxProduct-price h2 {
    color: var(--card-accent);
    font-size: clamp(1.05rem, 1.4vw, 1.22rem);
    font-weight: 900;
}

.productCard--modern .productCard-Details .mount {
    color: #918879;
    font-size: .76rem;
}

.productCard--modern .productCard-Details > h2 {
    min-height: 42px;
    color: #302c26;
    font-size: .93rem;
    font-weight: 750;
    line-height: 1.5;
}

.productCard--modern .productCard-shop {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    gap: 5px;
    width: fit-content;
    max-width: 100%;
    padding: 5px 9px;
    overflow: hidden;
    border: 1px solid #f0dfb9;
    border-radius: 999px;
    background: #fff8e8;
    color: #9a6500;
    font-size: .74rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: background .2s ease, color .2s ease;
}

.productCard--modern .productCard-shop svg { flex: 0 0 auto; }
.productCard--modern .productCard-shop:hover { background: #ffefc5; color: #724a00; }
.productCard--modern .productCard-shop::before { content: none; }
.productCard--modern .productCard-shop:hover { text-decoration: none; }

.productCard--modern .productCard-Details > .d-flex:last-child {
    width: 100%;
    margin-top: auto;
    padding-top: 8px;
}

.productCard--modern .productCard-Details .btnShoppingCart {
    width: 100%;
    min-height: 44px;
    gap: 8px;
    padding: 10px 14px;
    border: 0;
    border-radius: 12px;
    background: var(--card-accent);
    box-shadow: 0 7px 16px rgba(73, 55, 20, .16);
    color: #fff;
    transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
}

.productCard--modern .productCard-Details .btnShoppingCart span { color: #fff !important; font-size: .8rem; }
.productCard--modern .productCard-Details .btnShoppingCart svg path { stroke: currentColor !important; }

.productCard--modern .productCard-Details .btnShoppingCart:hover {
    background: var(--card-accent-hover);
    box-shadow: 0 10px 22px rgba(217, 145, 0, .25);
    transform: scale(1.018);
}

@media (hover: none), (pointer: coarse) {
    .productCard--modern .product-card-media-actions {
        opacity: 1;
        visibility: visible;
        transform: none;
        pointer-events: auto;
    }
}

@media (max-width: 575px) {
    .productCard.productCard--modern { padding: 9px; border-radius: 16px; }
    .productCard--modern .productCard-imgs { margin-bottom: 10px; border-radius: 12px; }
    .productCard--modern .productCard-Details { gap: 6px; padding-inline: 2px; }
    .productCard--modern .productCard-Details .btnShoppingCart { min-height: 40px; padding: 8px 10px; }
}

@media (prefers-reduced-motion: reduce) {
    .productCard.productCard--modern,
    .productCard--modern *,
    .productCard--modern *::before,
    .productCard--modern *::after { transition-duration: .01ms !important; }
}

/* Home collections: three concise lists beside a restrained campaign banner. */
.featuredProducts__collections {
    display: grid;
    grid-template-columns: minmax(230px, .88fr) repeat(3, minmax(0, 1fr));
    gap: 18px;
    align-items: start;
}

.featuredProducts__collections.no-banner {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.featuredProducts__collections .featuredProducts__banner {
    height: 100%;
    min-height: 438px;
    border-radius: 16px;
}

.featuredProducts__collections .featuredProducts__banner img {
    min-height: 438px;
    height: 100%;
}

.featuredProducts__column {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
}

.featuredProducts__column h3 {
    margin: 0 0 3px;
    padding: 0 2px 10px;
    color: #30210d;
    font-size: 1.1rem;
    font-weight: 800;
    border-bottom: 2px solid #f4c75e;
}

.featuredProducts__column .productItem {
    width: 100%;
    min-height: 130px;
    aspect-ratio: auto;
    padding: 8px;
    border: 1px solid #eee4d0;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 4px 12px rgba(72, 49, 10, .045);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.featuredProducts__column .productItem:hover {
    border-color: #e9b842;
    box-shadow: 0 10px 20px rgba(72, 49, 10, .10);
    transform: translateY(-2px);
}

.featuredProducts__column .productItem .divImage {
    width: 112px;
    flex: 0 0 112px;
    padding: 3px;
    border: 1px solid #f1e7d1;
    border-radius: 8px;
    background: #fffdf8;
}

.featuredProducts__column .productItem .divImage img { object-fit: contain; }
.featuredProducts__column .productItem .normal-state { min-width: 0; }
.featuredProducts__column .productItem .fx-productItem { gap: 3px; }
.featuredProducts__column .productItem .normal-state h2 { margin: 0; }
.featuredProducts__column .productItem .active-state { padding-inline: 4px; }

.featuredProducts__column .productItem .shoppingCart-icon,
.featuredProducts__column .productItem .toggle-icon,
.featuredProducts__column .productItem .eye-icon {
    border-color: #efbf50;
    background: #f5b400;
}

.featuredProducts__column .productItem .toggle-icon .icon-outline,
.featuredProducts__column .productItem .eye-icon svg { stroke: #fff; }

@media (max-width: 1399px) {
    .featuredProducts__collections { grid-template-columns: minmax(210px, .75fr) repeat(2, minmax(0, 1fr)); }
    .featuredProducts__column:last-child { grid-column: 2 / 4; }
}

@media (max-width: 991px) {
    .featuredProducts__collections { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .featuredProducts__collections .featuredProducts__banner { min-height: 360px; }
    .featuredProducts__collections .featuredProducts__banner img { min-height: 360px; }
    .featuredProducts__column:last-child { grid-column: auto; }
}

@media (max-width: 640px) {
    .featuredProducts__collections { grid-template-columns: 1fr; gap: 20px; }
    .featuredProducts__collections .featuredProducts__banner,
    .featuredProducts__collections .featuredProducts__banner img { min-height: 220px; max-height: 250px; }
    .featuredProducts__column .productItem { min-height: 116px; }
    .featuredProducts__column .productItem .divImage { width: 94px; flex-basis: 94px; }
}

/* Product card details: make the shop visible without making the card busy. */
.productCard {
    overflow: hidden;
    background: linear-gradient(180deg, #fff 0%, #fffdf8 100%);
}

.productCard .productCard-imgs { overflow: hidden; }
.productCard .productImage img { transition: transform .3s ease; }
.productCard:hover .productImage img { transform: scale(1.035); }

.productCard-shop {
    display: block;
    width: fit-content;
    max-width: 100%;
    overflow: hidden;
    color: #b87800;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1.35;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.productCard-shop::before { content: 'من متجر '; color: #9a8b72; font-weight: 500; }
.productCard-shop:hover { color: #704600; text-decoration: underline; }

/* Coupon sits naturally inside the totals panel. */
.cart-summary-coupon {
    width: 100% !important;
    margin: 16px 0 18px !important;
    padding: 14px !important;
    border: 1px solid #f0d38a;
    border-radius: 14px;
    background: linear-gradient(135deg, #fffaf0, #fff4d8);
}

.cart-summary-coupon .coupon-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}

.cart-summary-coupon label {
    display: block;
    margin: 0;
    color: #60400d;
    font-size: .92rem;
    font-weight: 800;
}

.cart-summary-coupon .coupon-heading span { color: #9a835a; font-size: .74rem; white-space: nowrap; }
.cart-summary-coupon .coupon-input-row { display: flex !important; width: 100% !important; gap: 8px; }
.cart-summary-coupon input {
    min-width: 0;
    flex: 1;
    width: auto !important;
    height: 42px;
    padding: 0 12px;
    border: 1px solid #ead8ad;
    border-radius: 10px;
    background: #fff;
    outline: 0;
}

.cart-summary-coupon input:focus { border-color: #d99a00; box-shadow: 0 0 0 3px rgba(245, 180, 0, .13); }
.cart-summary-coupon button {
    min-width: 72px;
    height: 42px;
    padding: 0 14px;
    border: 0;
    border-radius: 10px;
    background: linear-gradient(135deg, #ffc21a, #eda800);
    color: #33220c;
    font-weight: 800;
    transition: transform .18s ease, box-shadow .18s ease;
}
.cart-summary-coupon button:hover { transform: translateY(-1px); box-shadow: 0 7px 14px rgba(205, 139, 0, .22); }

/* Cart removal confirmation */
.swal2-popup.bee-cart-delete-dialog {
    width: min(92vw, 420px) !important;
    padding: 28px !important;
    border: 1px solid #f1dfb4;
    border-radius: 22px !important;
    box-shadow: 0 22px 55px rgba(69, 46, 0, .20) !important;
    direction: rtl;
}
.bee-cart-delete-dialog .swal2-icon.swal2-warning { border-color: #efb000; color: #d79500; }
.bee-cart-delete-dialog .swal2-title { color: #342817; font-size: 1.42rem; font-weight: 800; }
.bee-cart-delete-dialog .swal2-html-container { margin: 8px 0 18px; color: #796e5e; }
.bee-cart-delete-product { margin: 0 0 5px; color: #5d410c; font-weight: 800; font-size: 1rem; }
.bee-cart-delete-copy { margin: 0; font-size: .9rem; line-height: 1.7; }
.bee-cart-delete-dialog .swal2-actions { width: 100%; gap: 10px; margin: 0; }
.bee-cart-delete-dialog .swal2-styled { min-width: 132px; min-height: 43px; margin: 0 !important; border-radius: 10px; font-weight: 800; }
.bee-cart-delete-dialog .bee-cart-delete-confirm { background: #c9483b !important; box-shadow: none !important; }
.bee-cart-delete-dialog .bee-cart-delete-cancel { background: #fff4d7 !important; color: #765000 !important; box-shadow: none !important; }

.bee-cart-delete-modal { position: fixed; inset: 0; z-index: 10050; display: grid; place-items: center; padding: 20px; direction: rtl; }
.bee-cart-delete-modal__backdrop { position: absolute; inset: 0; background: rgba(38, 29, 16, .48); backdrop-filter: blur(3px); }
.bee-cart-delete-modal__card { position: relative; width: min(100%, 420px); padding: 28px; border: 1px solid #f1dfb4; border-radius: 22px; background: #fff; text-align: center; box-shadow: 0 24px 65px rgba(41, 27, 4, .28); animation: beeCartDialogIn .18s ease-out; }
.bee-cart-delete-modal__icon { display: inline-grid; width: 54px; height: 54px; place-items: center; margin-bottom: 12px; border-radius: 50%; background: #fff2d9; color: #d78d00; font-size: 1.75rem; font-weight: 900; }
.bee-cart-delete-modal__card h2 { margin: 0; color: #352818; font-size: 1.4rem; font-weight: 800; }
.bee-cart-delete-modal__product { margin: 12px 0 4px; color: #62430d; font-size: 1rem; font-weight: 800; }
.bee-cart-delete-modal__copy { margin: 0; color: #7b705f; line-height: 1.7; font-size: .9rem; }
.bee-cart-delete-modal__actions { display: flex; gap: 10px; margin-top: 24px; }
.bee-cart-delete-modal__actions button { flex: 1; min-height: 44px; border-radius: 10px; font-weight: 800; transition: transform .18s ease, box-shadow .18s ease; }
.bee-cart-delete-modal__actions button:hover { transform: translateY(-1px); }
.bee-cart-delete-modal__cancel { border: 1px solid #ebd8a9; background: #fff8e9; color: #765000; }
.bee-cart-delete-modal__confirm { border: 1px solid #c9483b; background: #c9483b; color: #fff; box-shadow: 0 7px 14px rgba(175, 56, 47, .18); }
@keyframes beeCartDialogIn { from { opacity: 0; transform: translateY(8px) scale(.98); } to { opacity: 1; transform: translateY(0) scale(1); } }

/* Switching shops keeps the cart intentionally limited to one store. */
.swal2-container:has(.bee-store-switch-dialog) {
    padding: 18px;
    background: rgba(31, 25, 15, .56) !important;
    backdrop-filter: blur(5px);
}
.swal2-popup.bee-store-switch-dialog {
    width: min(100%, 480px) !important;
    padding: 32px !important;
    border: 1px solid rgba(232, 199, 119, .72);
    border-radius: 24px !important;
    background: #fffdf8;
    box-shadow: 0 28px 80px rgba(50, 34, 8, .26) !important;
    direction: rtl;
    animation: beeCartDialogIn .2s ease-out;
}
.bee-store-switch-dialog .bee-store-switch-dialog__icon {
    width: 62px;
    height: 62px;
    margin: 0 auto 18px;
    border: 0;
    background: linear-gradient(145deg, #fff4c8, #ffe29a);
    color: #9b6800;
    box-shadow: inset 0 0 0 1px rgba(213, 154, 14, .22), 0 10px 24px rgba(205, 143, 0, .14);
}
.bee-store-switch-dialog .bee-store-switch-dialog__icon .swal2-icon-content {
    font-size: 2rem;
    font-weight: 800;
}
.bee-store-switch-dialog .bee-store-switch-dialog__title {
    padding: 0;
    color: #302616;
    font-size: 1.65rem;
    font-weight: 900;
    line-height: 1.4;
}
.bee-store-switch-dialog .bee-store-switch-dialog__content {
    margin: 10px 0 24px;
    padding: 0;
    color: #716654;
    font-size: 1rem;
    line-height: 1.75;
}
.bee-store-switch-dialog__message { margin: 0 0 15px; }
.bee-store-switch-dialog__notice {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 14px;
    border: 1px solid #f0dfb7;
    border-radius: 13px;
    background: #fff8e8;
    color: #69532b;
    text-align: right;
    font-size: .88rem;
    line-height: 1.65;
}
.bee-store-switch-dialog__notice-icon {
    display: inline-grid;
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
    place-items: center;
    margin-top: 1px;
    border-radius: 50%;
    background: #e2aa20;
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: .78rem;
    font-weight: 800;
}
.bee-store-switch-dialog .bee-store-switch-dialog__actions {
    display: grid !important;
    grid-template-columns: 1.35fr 1fr;
    width: 100%;
    gap: 10px;
    margin: 0;
}
.bee-store-switch-dialog .bee-store-switch-dialog__confirm,
.bee-store-switch-dialog .bee-store-switch-dialog__cancel {
    min-height: 48px;
    margin: 0 !important;
    padding: 10px 16px;
    border-radius: 12px;
    font-family: inherit;
    font-size: .93rem;
    font-weight: 850;
    transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;
}
.bee-store-switch-dialog .bee-store-switch-dialog__confirm {
    border: 1px solid #dca500;
    background: var(--bee-honeycomb-btn) center / 36px 62.4px repeat, linear-gradient(135deg, #ffc928, #eca900);
    color: #33250a;
    box-shadow: 0 8px 20px rgba(204, 143, 0, .22);
}
.bee-store-switch-dialog .bee-store-switch-dialog__cancel {
    border: 1px solid #e3d9c5;
    background: #fff;
    color: #655b4a;
}
.bee-store-switch-dialog .bee-store-switch-dialog__confirm:hover,
.bee-store-switch-dialog .bee-store-switch-dialog__cancel:hover { transform: translateY(-1px); }
.bee-store-switch-dialog .bee-store-switch-dialog__confirm:focus-visible,
.bee-store-switch-dialog .bee-store-switch-dialog__cancel:focus-visible {
    outline: 3px solid rgba(225, 164, 17, .28);
    outline-offset: 2px;
}
@media (max-width: 520px) {
    .swal2-popup.bee-store-switch-dialog { padding: 25px 20px 20px !important; border-radius: 20px !important; }
    .bee-store-switch-dialog .bee-store-switch-dialog__title { font-size: 1.35rem; }
    .bee-store-switch-dialog .bee-store-switch-dialog__actions { grid-template-columns: 1fr; }
    .bee-store-switch-dialog .bee-store-switch-dialog__confirm { order: 1; }
    .bee-store-switch-dialog .bee-store-switch-dialog__cancel { order: 2; }
}

/* Standalone shop-switch modal: independent from third-party alert libraries. */
body.bee-dialog-open { overflow: hidden !important; }
.bee-store-switch-modal { position: fixed; inset: 0; z-index: 20000; display: grid; place-items: center; padding: 18px; direction: rtl; }
.bee-store-switch-modal__backdrop { position: absolute; inset: 0; background: rgba(31, 25, 15, .56); backdrop-filter: blur(5px); }
.bee-store-switch-modal__card { position: relative; width: min(100%, 500px); padding: 34px; overflow: hidden; border: 1px solid rgba(232, 199, 119, .72); border-radius: 26px; background: linear-gradient(155deg, #fff 0%, #fffdf8 65%, #fff8e6 100%); text-align: center; box-shadow: 0 28px 80px rgba(50, 34, 8, .26); animation: beeCartDialogIn .2s ease-out; }
.bee-store-switch-modal__card::before { content: ''; position: absolute; inset: 0 0 auto; height: 5px; background: linear-gradient(90deg, #f2aa00, #ffd354, #f2aa00); }
.bee-store-switch-modal__close { position: absolute; inset-block-start: 16px; inset-inline-end: 17px; display: grid; width: 34px; height: 34px; padding: 0; place-items: center; border: 1px solid #eee4d2; border-radius: 50%; background: rgba(255,255,255,.9); color: #796f60; font-size: 24px; line-height: 1; cursor: pointer; transition: .18s ease; }
.bee-store-switch-modal__close:hover { border-color: #e1c075; background: #fff8e5; color: #493817; transform: rotate(6deg); }
.bee-store-switch-modal__icon { display: inline-grid; width: 62px; height: 62px; place-items: center; margin: 0 auto 18px; border-radius: 50%; background: linear-gradient(145deg, #fff4c8, #ffe29a); color: #9b6800; font-size: 1.8rem; font-weight: 900; box-shadow: inset 0 0 0 1px rgba(213, 154, 14, .22), 0 10px 24px rgba(205, 143, 0, .14); }
.bee-store-switch-modal__eyebrow { display: block; margin: -6px 0 5px; color: #a67613; font-size: .78rem; font-weight: 800; letter-spacing: .02em; }
.bee-store-switch-modal__card h2 { margin: 0; color: #302616; font-size: 1.65rem; font-weight: 900; line-height: 1.4; }
.bee-store-switch-modal__message { margin: 10px 0 15px; color: #716654; font-size: 1rem; line-height: 1.75; }
.bee-store-switch-modal__notice { display: flex; align-items: flex-start; gap: 11px; padding: 13px 14px; border: 1px solid #f0dfb7; border-radius: 14px; background: #fff8e8; color: #69532b; text-align: right; font-size: .88rem; line-height: 1.65; }
.bee-store-switch-dialog__notice-icon { display: grid; flex: 0 0 25px; width: 25px; height: 25px; place-items: center; margin-top: 2px; border-radius: 50%; background: #f2b410; color: #fff; font-size: .8rem; font-weight: 900; }
.bee-store-switch-modal__actions { display: grid; grid-template-columns: 1.35fr 1fr; gap: 10px; margin-top: 24px; }
.bee-store-switch-modal__actions button { min-height: 48px; padding: 10px 16px; border-radius: 12px; font-family: inherit; font-size: .93rem; font-weight: 850; cursor: pointer; transition: transform .18s ease, box-shadow .18s ease; }
.bee-store-switch-modal__confirm { border: 1px solid #dca500; background: var(--bee-honeycomb-btn) center / 36px 62.4px repeat, linear-gradient(135deg, #ffc928, #eca900); color: #33250a; box-shadow: 0 8px 20px rgba(204, 143, 0, .22); }
.bee-store-switch-modal__cancel { border: 1px solid #e3d9c5; background: #fff; color: #655b4a; }
.bee-store-switch-modal__actions button:hover { transform: translateY(-1px); }
.bee-store-switch-modal__actions button:focus-visible { outline: 3px solid rgba(225, 164, 17, .28); outline-offset: 2px; }
@media (max-width: 520px) {
    .bee-store-switch-modal__card { padding: 25px 20px 20px; border-radius: 20px; }
    .bee-store-switch-modal__card h2 { font-size: 1.35rem; }
    .bee-store-switch-modal__actions { grid-template-columns: 1fr; }
    .bee-store-switch-modal__confirm { order: 1; }
    .bee-store-switch-modal__cancel { order: 2; }
}

/* Favorites use their own table proportions; they must not inherit cart columns. */
.favoritesSection .favoritesSection-container { width: min(94%, 1580px) !important; margin: 56px auto !important; }
.favoritesSection .divTable { overflow-x: auto; }
.favoritesSection .divTable table { min-width: 1020px; table-layout: fixed; border-collapse: separate; border-spacing: 0; }
.favoritesSection .divTable table thead th { padding: 15px 14px !important; color: #807565; font-weight: 800; text-align: center; }
.favoritesSection .divTable table th:first-child, .favoritesSection .divTable table td:first-child { width: 34% !important; text-align: right; }
.favoritesSection .divTable table th:nth-child(2), .favoritesSection .divTable table td:nth-child(2) { width: 11% !important; text-align: center; }
.favoritesSection .divTable table th:nth-child(3), .favoritesSection .divTable table td:nth-child(3) { width: 15% !important; text-align: center; }
.favoritesSection .divTable table th:nth-child(4), .favoritesSection .divTable table td:nth-child(4) { width: 12% !important; text-align: center; }
.favoritesSection .divTable table th:nth-child(5), .favoritesSection .divTable table td:nth-child(5) { width: 16% !important; text-align: center; }
.favoritesSection .divTable table th:nth-child(6), .favoritesSection .divTable table td:nth-child(6) { width: 12% !important; text-align: center; }
.favoritesSection .divTable table tbody > tr > td { padding: 18px 14px !important; vertical-align: middle; border-bottom: 1px solid #f0ece4; }
.favoritesSection .favorites-product-cell { display: table-cell !important; }
.favoritesSection .fx-productImage { display: flex !important; align-items: center; gap: 14px; min-width: 0; }
.favoritesSection .fx-productImage .productImage { width: 74px; height: 74px; flex: 0 0 74px; overflow: hidden; border: 1px solid #eee2c9; border-radius: 10px; }
.favoritesSection .fx-productImage h3 { margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 700; }
.favoritesSection .btnInStock, .favoritesSection .btnOutOfStock { min-width: 70px; padding: 7px 10px; border: 0; border-radius: 8px; font-weight: 700; }
.favoritesSection .btnInStock { background: #fff3d2; color: #9a6800 !important; }
.favoritesSection .btnOutOfStock { background: #fff0ee; color: #b94a42 !important; }
.favoritesSection .fxAmount-product { gap: 8px; white-space: nowrap; }
.favoritesSection .fxAmount-product p { margin: 0; min-width: 58px; }
.favoritesSection .fxBtnAdd { display: flex !important; align-items: center; gap: 9px !important; justify-content: center; white-space: nowrap; }
.favoritesSection .divTable .btnLinear-gradient { width: 126px; height: 42px; padding: 0 12px; border-radius: 11px; }
.favoritesSection .clearShoppingCart { display: inline-block; margin-top: 18px; }

@media (max-width: 767px) {
    .favoritesSection .favoritesSection-container {
        width: calc(100% - 28px) !important;
        margin: 32px auto 100px !important;
    }

    .favoritesSection .divTable { overflow: visible !important; }
    .favoritesSection .divTable table,
    .favoritesSection .divTable tbody {
        display: block;
        width: 100%;
        min-width: 0 !important;
    }
    .favoritesSection .divTable thead { display: none; }

    .favoritesSection .favorite-product-row {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
            "product product"
            "price date"
            "stock stock"
            "quantity quantity"
            "actions actions";
        gap: 12px;
        width: 100%;
        margin-bottom: 16px;
        padding: 14px;
        border: 1px solid #e9e2d7;
        border-radius: 18px;
        background: #fff;
        box-shadow: 0 7px 22px rgba(62, 45, 17, .07);
    }

    .favoritesSection .favorite-product-row > td {
        display: block !important;
        width: auto !important;
        padding: 0 !important;
        border: 0 !important;
        text-align: right !important;
    }
    .favoritesSection .favorite-product-row > td:nth-child(1) { grid-area: product; }
    .favoritesSection .favorite-product-row > td:nth-child(2) { grid-area: price; }
    .favoritesSection .favorite-product-row > td:nth-child(3) { grid-area: date; }
    .favoritesSection .favorite-product-row > td:nth-child(4) { grid-area: stock; }
    .favoritesSection .favorite-product-row > td:nth-child(5) { grid-area: quantity; }
    .favoritesSection .favorite-product-row > td:nth-child(6) { grid-area: actions; }

    .favoritesSection .fx-productImage {
        padding-bottom: 12px;
        border-bottom: 1px solid #eee8dd;
        gap: 13px !important;
    }
    .favoritesSection .fx-productImage .productImage {
        width: 86px;
        height: 86px;
        flex-basis: 86px;
        padding: 5px;
        border-radius: 14px;
        background: #fffdf8;
    }
    .favoritesSection .fx-productImage .productImage img {
        object-fit: contain;
        border-radius: 10px;
    }
    .favoritesSection .fx-productImage h3 {
        white-space: normal;
        overflow: visible;
        font-size: 17px !important;
        line-height: 1.5;
    }

    .favoritesSection .favorite-product-row > td:nth-child(2),
    .favoritesSection .favorite-product-row > td:nth-child(3) {
        padding: 10px 12px !important;
        border: 1px solid #eee8dd !important;
        border-radius: 12px;
        background: #fffdfa;
    }
    .favoritesSection .favorite-product-row > td:nth-child(2)::before,
    .favoritesSection .favorite-product-row > td:nth-child(3)::before {
        display: block;
        margin-bottom: 4px;
        color: #958875;
        font-size: 12px;
        font-weight: 600;
    }
    .favoritesSection .favorite-product-row > td:nth-child(2)::before { content: "السعر"; }
    .favoritesSection .favorite-product-row > td:nth-child(3)::before { content: "تاريخ الإضافة"; }

    .favoritesSection .favorite-product-row > td:nth-child(4) {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        padding: 9px 11px !important;
        border-radius: 11px !important;
        background: #faf8f4;
    }
    .favoritesSection .favorite-product-row > td:nth-child(4)::before {
        content: "حالة المخزون";
        color: #746a5d;
        font-size: 13px;
    }

    .favoritesSection .favorite-product-row .weightCol {
        padding: 10px !important;
        border: 1px solid #f1e5c7 !important;
        border-radius: 14px;
        background: #fff9e9;
    }
    .favoritesSection .favorite-product-row .fxAmount-product {
        width: 100%;
        justify-content: space-between !important;
    }
    .favoritesSection .favorite-product-row .fxAmount-product p {
        flex: 1;
        text-align: center;
    }

    .favoritesSection .favorite-product-row .fxBtnAdd {
        width: 100%;
        gap: 10px !important;
    }
    .favoritesSection .favorite-product-row .fxBtnAdd .btnLinear-gradient {
        flex: 1;
        width: auto;
        height: 46px;
        background: linear-gradient(135deg, #ffc31a, #efa900) !important;
        color: #302510 !important;
    }
    .favoritesSection .favorite-product-row .fxBtnAdd .bg-none {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 46px;
        height: 46px;
        border: 1px solid #ffd7d1;
        border-radius: 12px;
        background: #fff3f1;
    }
    .favoritesSection .favorite-product-row .fxBtnAdd .bg-none path { stroke: #c9362b; }
    .favoritesSection .clearShoppingCart {
        width: 100%;
        margin-top: 4px;
        padding: 12px;
        border: 1px solid #ffd7d1;
        border-radius: 12px;
        text-align: center;
        background: #fff7f5;
    }
}

/* Cart table: aligned headings and a save-for-later switch per item. */
.divTable table { table-layout: fixed; width: 100%; }
.divTable table th,
.divTable table td { vertical-align: middle; }
.divTable table { border-collapse: separate; border-spacing: 0; }
.divTable table thead th {
    padding: 14px 12px 18px;
    color: #776f62;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
}
.divTable table th:first-child,
.divTable table td:first-child { width: 40%; text-align: right; }
.divTable table th:nth-child(2),
.divTable table td:nth-child(2) { width: 8%; text-align: center; }
.divTable table th:nth-child(3),
.divTable table td:nth-child(3) { width: 14%; text-align: center; }
.divTable table th:nth-child(4),
.divTable table td:nth-child(4) { width: 14%; text-align: center; }
.divTable table th:nth-child(5),
.divTable table td:nth-child(5) { width: 18%; text-align: center; }
.divTable table th:nth-child(6),
.divTable table td:nth-child(6) { width: 6%; text-align: center; }

.divTable table tbody > tr:not(.cart-shop-heading) > td { padding: 22px 12px; }
.divTable .fx-productImage { gap: 14px; }
.divTable .fx-productImage .productImage { width: 72px; height: 72px; flex: 0 0 72px; }
.divTable .fx-productImage > div:last-child { min-width: 0; flex: 1; }
.divTable .fx-productImage h3 {
    margin-bottom: 4px;
    overflow: hidden;
    font-size: 1rem !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.divTable .fx-productImage a { white-space: nowrap; }
.divTable .cart-selection-cell { text-align: center; }

.divTable .fxProduct-price {
    flex-direction: column-reverse;
    align-items: center !important;
    gap: 4px !important;
}

.divTable .fxProduct-price p {
    margin: 0 !important;
    font-size: .82rem !important;
}

.cart-selection {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

.cart-selection input { position: absolute; opacity: 0; pointer-events: none; }
.cart-selection span {
    position: relative;
    display: inline-block;
    width: 46px;
    height: 26px;
    border: 1px solid #dfbd71;
    border-radius: 999px;
    background: #f5ead3;
    transition: .2s ease;
}

.cart-selection span::after {
    content: '';
    position: absolute;
    top: 3px;
    right: 3px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 2px 5px rgba(69, 45, 8, .22);
    transition: .2s ease;
}

.cart-selection input:checked + span { border-color: #e5a400; background: #f5b400; }
.cart-selection input:checked + span::after { transform: translateX(-20px); }

@media (max-width: 768px) {
    .divTable .cart-selection-cell { width: 76px; }
    .cart-selection span { transform: scale(.86); }
}

/* Best sellers: one composed block prevents an orphan banner or empty row. */
.bestSellingSection .bestSelling__layout {
    display: grid;
    grid-template-columns: minmax(230px, .82fr) minmax(0, 3.18fr);
    gap: 18px;
    align-items: start;
    margin-bottom: 56px;
}

/* Without a promotional banner the products use the full section width. */
.bestSellingSection .bestSelling__layout.no-banner {
    grid-template-columns: minmax(0, 1fr);
}

.bestSellingSection .bestSelling__layout.no-banner .bestSelling__grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    justify-content: stretch;
}

.bestSellingSection .bestSelling__banner {
    display: block;
    height: 100%;
    min-height: 400px;
    overflow: hidden;
    border: 1px solid #f0d69b;
    border-radius: 17px;
    background: #fff9e9;
}

.bestSellingSection .bestSelling__banner img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 400px;
    object-fit: cover;
    transition: transform .3s ease;
}

.bestSellingSection .bestSelling__banner:hover img { transform: scale(1.025); }

.bestSellingSection .bestSelling__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 280px));
    gap: 14px;
    align-content: start;
    justify-content: start;
}

.bestSellingSection .bestSelling__grid .productCard {
    width: auto !important;
    max-width: none !important;
    min-width: 0;
    margin: 0 !important;
}

.bestSellingSection .bestSelling__grid .productCard:not(.productCard--modern) {
    padding: 14px;
    border-radius: 18px;
    border-color: #eadbbd;
    box-shadow: 0 8px 22px rgba(76, 51, 8, .07);
}

.bestSellingSection .bestSelling__grid .productCard:not(.productCard--modern) .productCard-imgs {
    aspect-ratio: 4 / 3;
    margin-bottom: 14px;
    border-radius: 13px;
    background: #fffdf9;
}

.bestSellingSection .bestSelling__grid .productCard:not(.productCard--modern) .productImage { padding: 12px; }

.bestSellingSection .bestSelling__grid .productCard:not(.productCard--modern) .productCard-Details {
    gap: 6px;
    padding: 0 4px 2px;
}

.bestSellingSection .bestSelling__grid .productCard:not(.productCard--modern) .productCard-Details .fxProduct-price h2 {
    font-size: 1.15rem;
    color: #8c5a00;
}

.bestSellingSection .bestSelling__grid .productCard:not(.productCard--modern) .productCard-Details > h2 {
    min-height: 28px;
    color: #3b2b14;
    font-size: .96rem;
    font-weight: 700;
}

.bestSellingSection .bestSelling__grid .productCard:not(.productCard--modern) .btnShoppingCart {
    min-height: 42px;
    margin-top: 5px;
    border-color: #f0c96e;
    border-radius: 10px;
    background: #fff8e9;
    color: #694400;
}

.bestSellingSection .bestSelling__grid .productCard:not(.productCard--modern) .toggle-icon svg path {
    stroke: #d99a00 !important;
}

.bestSellingSection .bestSelling__grid .productCard:not(.productCard--modern) .toggle-icon .icon-filled path {
    fill: #f5b400 !important;
}

.bestSellingSection .bestSelling__grid .productCard:not(.productCard--modern) .eye-icon svg path {
    stroke: #d99a00 !important;
}

@media (max-width: 991px) {
    .bestSellingSection .bestSelling__layout { grid-template-columns: minmax(210px, .72fr) minmax(0, 2fr); }
    .bestSellingSection .bestSelling__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .bestSellingSection .bestSelling__layout.no-banner .bestSelling__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 992px) and (max-width: 1350px) {
    .bestSellingSection .bestSelling__layout.no-banner .bestSelling__grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .bestSellingSection .bestSelling__layout { grid-template-columns: 1fr; margin-bottom: 36px; }
    .bestSellingSection .bestSelling__banner,
    .bestSellingSection .bestSelling__banner img { min-height: 210px; max-height: 250px; }
    .bestSellingSection .bestSelling__grid,
    .bestSellingSection .bestSelling__layout.no-banner .bestSelling__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }
    .bestSellingSection .bestSelling__grid .productCard:not(.productCard--modern) { padding: 10px; }
    .bestSellingSection .bestSelling__grid .productCard:not(.productCard--modern) .productCard-imgs {
        aspect-ratio: 1 / 1;
        margin-bottom: 10px;
    }
    .bestSellingSection .bestSelling__grid .productCard:not(.productCard--modern) .productCard-Details > h2 {
        min-height: 42px;
        font-size: .86rem;
        line-height: 1.5;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .bestSellingSection .bestSelling__grid .productCard:not(.productCard--modern) .btnShoppingCart {
        width: 100%;
        min-height: 40px;
        padding: 7px 5px;
        font-size: .78rem;
    }
}

@media (max-width: 359px) {
    .bestSellingSection .bestSelling__grid,
    .bestSellingSection .bestSelling__layout.no-banner .bestSelling__grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* ================================================================
   Selected products: reusable horizontal BeeStore product card
   ================================================================ */
.featuredProducts__column .bee-horizontal-card {
    position: relative;
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr);
    align-items: center;
    gap: 13px;
    min-height: 138px;
    padding: 10px;
    overflow: hidden;
    border: 1px solid rgba(232, 163, 23, .14);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 5px 16px rgba(43, 43, 43, .055);
    cursor: default;
    direction: rtl;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.featuredProducts__column .bee-horizontal-card:hover {
    border-color: rgba(232, 163, 23, .48);
    box-shadow: 0 14px 30px rgba(74, 63, 42, .13);
    transform: translateY(-3px);
}

.bee-horizontal-card__image {
    position: relative;
    display: block;
    width: 112px;
    height: 112px;
    padding: 8px;
    overflow: hidden;
    border-radius: 12px;
    background: linear-gradient(145deg, #fff 0%, #fff8e7 100%);
}

.bee-horizontal-card__image img { width: 100%; height: 100%; object-fit: contain; transition: transform .25s ease; }
.bee-horizontal-card:hover .bee-horizontal-card__image img { transform: scale(1.04); }

.bee-horizontal-card__discount {
    position: absolute;
    inset-block-start: 6px;
    inset-inline-start: 6px;
    z-index: 2;
    padding: 3px 7px;
    border-radius: 999px;
    background: #d94f30;
    color: #fff;
    font-size: .65rem;
    font-weight: 800;
}

.bee-horizontal-card__body { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: 4px; }
.bee-horizontal-card__prices { display: flex; align-items: baseline; gap: 7px; }
.bee-horizontal-card__prices strong { color: #8b5b00; font-size: 1.02rem; font-weight: 900; }
.bee-horizontal-card__prices del { color: #aaa297; font-size: .72rem; }
.bee-horizontal-card__unit { color: #9c9488; font-size: .72rem; }
.bee-horizontal-card__name { max-width: 100%; color: #2b2b2b; font-size: .86rem; font-weight: 750; line-height: 1.4; }

.bee-horizontal-card__shop {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    max-width: 100%;
    margin-top: 2px;
    padding: 3px 7px;
    overflow: hidden;
    border: 1px solid rgba(232, 163, 23, .45);
    border-radius: 999px;
    background: #fff8e7;
    color: #4a3f2a;
    font-size: .66rem;
    font-weight: 700;
    white-space: nowrap;
    transition: background .22s ease, border-color .22s ease;
}

.bee-horizontal-card__shop:hover { border-color: #e8a317; background: #fff0bd; color: #2b2b2b; }
.bee-horizontal-card__shop svg { flex: 0 0 auto; }

.productItem.bee-horizontal-card .bee-horizontal-card__actions {
    position: absolute;
    inset-inline-end: 10px;
    inset-block-end: 10px;
    z-index: 4;
    display: flex;
    gap: 7px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(5px) scale(.92);
    pointer-events: none;
    transition: opacity .25s ease, visibility .25s ease, transform .25s ease;
}

.productItem.bee-horizontal-card:hover .bee-horizontal-card__actions,
.productItem.bee-horizontal-card:focus-within .bee-horizontal-card__actions {
    opacity: 1;
    visibility: visible;
    transform: none;
    pointer-events: auto;
}

.productItem.bee-horizontal-card .bee-horizontal-card__actions > button {
    display: grid;
    place-items: center;
    width: 36px !important;
    min-width: 36px;
    height: 36px !important;
    min-height: 36px;
    padding: 0 !important;
    overflow: hidden;
    border: 1px solid rgba(232, 163, 23, .28) !important;
    border-radius: 0 !important;
    clip-path: polygon(25% 4%, 75% 4%, 100% 50%, 75% 96%, 25% 96%, 0 50%);
    background: rgba(255, 255, 255, .88) !important;
    color: #2b2b2b;
    box-shadow: 0 5px 14px rgba(74, 63, 42, .14);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    transition: transform .22s ease, background .22s ease, color .22s ease !important;
}

.productItem.bee-horizontal-card .bee-horizontal-card__actions > button:hover {
    background: linear-gradient(145deg, #ffc72c, #e8a317) !important;
    color: #2b2b2b;
    transform: scale(1.08);
}

.productItem.bee-horizontal-card .bee-horizontal-card__actions svg { width: 18px !important; height: 18px !important; }
.productItem.bee-horizontal-card .bee-horizontal-card__actions .icon-outline path { stroke: currentColor !important; }
.productItem.bee-horizontal-card .bee-horizontal-card__actions .icon-filled { color: #f5b800; }

@media (max-width: 640px) {
    .featuredProducts__column .bee-horizontal-card { grid-template-columns: 94px minmax(0, 1fr); min-height: 118px; padding: 8px; }
    .bee-horizontal-card__image { width: 94px; height: 94px; }
    .bee-horizontal-card__shop { max-width: 145px; }
    .productItem.bee-horizontal-card .bee-horizontal-card__actions { inset-inline-end: 7px; inset-block-end: 7px; gap: 5px; }
    .productItem.bee-horizontal-card .bee-horizontal-card__actions > button { width: 32px !important; min-width: 32px; height: 32px !important; min-height: 32px; }
}

@media (hover: none), (pointer: coarse) {
    .productItem.bee-horizontal-card .bee-horizontal-card__actions { opacity: 1; visibility: visible; transform: none; pointer-events: auto; }
}

/* Cart: visually separate items from each store without changing checkout totals. */
.divTable .cart-shop-heading td {
    padding: 15px 18px !important;
    border-top: 12px solid #fff !important;
    border-bottom: 1px solid #f1d998 !important;
    background: #fff8e4 !important;
    text-align: right;
}

.divTable .cart-shop-heading a,
.divTable .cart-shop-heading > td > span {
    color: #704600;
    text-decoration: none;
}

.divTable .cart-shop-heading strong { margin-inline-start: 5px; color: #3a280e; }
.divTable .cart-shop-heading small { margin-inline-start: 12px; color: #98722a; }

/* Account pages share the BeeStore gold language too. */
.profileStyle .changeImageProfile .selectImage {
    border-color: #e5a400 !important;
    color: #b87800 !important;
    background: #fffaf0 !important;
    box-shadow: 0 5px 14px rgba(188, 124, 0, .08);
}

.profileStyle .changeImageProfile .selectImage:hover {
    background: #f5b400 !important;
    color: #30210d !important;
}

.settingsDiv {
    display: grid;
    gap: 16px;
}

.settingsDiv .boxSettings {
    min-height: 112px;
    margin: 0 !important;
    padding: 22px 26px !important;
    border: 1px solid #ead9b5 !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, #fffdf8, #fff7e7) !important;
    box-shadow: 0 5px 18px rgba(74, 48, 6, .05);
}

.settingsDiv .boxSettings:hover {
    border-color: #e5ad31 !important;
    box-shadow: 0 12px 26px rgba(128, 83, 5, .11);
    transform: translateY(-2px) !important;
}

.settingsDiv .boxSettings .boxSettings-content { gap: 18px !important; }

.settingsDiv .boxSettings .boxSettings-content p {
    white-space: nowrap;
    line-height: 1.3;
}

.settingsDiv .boxSettings .form-group {
    margin-inline-start: 18px;
    margin-bottom: 0;
}

.settingsDiv .boxSettings .boxSettings-content img {
    width: 58px !important;
    height: 58px !important;
    padding: 12px;
    border-radius: 16px;
    background: #fff1c8;
    filter: sepia(1) saturate(5) hue-rotate(2deg) brightness(.95);
}

.settingsDiv .boxSettings .darkGreen2 { color: #3b2a12 !important; }
.settingsDiv .boxSettings .arrowLeft { opacity: 1; filter: sepia(1) saturate(6) hue-rotate(2deg); }

.settingsDiv .switch {
    width: 54px;
    height: 32px;
    border-color: #dfaa25;
    background: #fff6da;
}

.settingsDiv .switch::before { background: #d99a00; }
.settingsDiv input:checked + .switch { background: #f5b400; }
.settingsDiv input:checked + .switch::before { background: #fff; }

/* FAQ filter and expanded question state. */
.helpCenter .filterTabs .filterTab:hover,
.helpCenter .filterTabs .filterTab.active {
    background: #f5b400 !important;
    color: #35230d !important;
}

.helpCenter .faq-item.active .faq-title span { color: #c48200 !important; }

/* Equal, polished actions for horizontal product cards. */
.productItem .fxIcons {
    display: flex;
    align-items: center;
    gap: 10px !important;
}

.productItem .eye-icon,
.productItem .toggle-icon,
.productItem .shoppingCart-icon {
    box-sizing: border-box;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px;
    min-height: 48px;
    padding: 0 !important;
    aspect-ratio: 1;
    border: 1px solid #e7b33d !important;
    border-radius: 50% !important;
    background: #fff9eb;
    box-shadow: 0 4px 10px rgba(103, 70, 9, .08);
}

.productItem .shoppingCart-icon { background: #f5b400 !important; }

.productItem .eye-icon svg,
.productItem .toggle-icon svg,
.productItem .shoppingCart-icon svg {
    width: 22px !important;
    height: 22px !important;
}

.productItem .eye-icon svg path,
.productItem .toggle-icon .icon-outline path { stroke: #d99a00 !important; }
.productItem .shoppingCart-icon svg path { stroke: #fff !important; }

.productItem .eye-icon:hover,
.productItem .toggle-icon:hover { background: #f5b400 !important; }
.productItem .eye-icon:hover svg path,
.productItem .toggle-icon:hover .icon-outline path { stroke: #fff !important; }

@media (max-width: 640px) {
    .productItem .eye-icon,
    .productItem .toggle-icon,
    .productItem .shoppingCart-icon {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px;
        min-height: 40px;
    }
}

@media (max-width: 640px) {
    .settingsDiv .boxSettings { padding: 16px !important; }
    .settingsDiv .boxSettings .boxSettings-content { gap: 12px !important; }
    .settingsDiv .boxSettings .boxSettings-content p { white-space: normal; font-size: 1rem !important; }
    .settingsDiv .boxSettings .boxSettings-content img { width: 48px !important; height: 48px !important; }
}

/* Compact, balanced mobile header. */
@media (max-width: 614.4px) {
    .navbar .navbarPart1 {
        position: relative;
        display: flex !important;
        min-height: 66px;
        padding: 10px 16px !important;
        justify-content: center;
        border-bottom: 0;
    }

    .navbar .navbarPart1 > .d-flex:first-child {
        position: absolute;
        inset-inline-start: 16px;
        inset-block-start: 50%;
        width: auto;
        z-index: 2;
        transform: translateY(-50%);
    }

    .navbar .navbarPart1 .hamburger {
        display: flex;
        position: static;
        height: auto;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        top: auto;
    }

    .navbar .navbarPart1 .hamburger div { height: 3px; }
    .navbar .navbarPart1 .hamburger div:not(:last-child) { margin-bottom: 5px; }

    .navbar .navbarPart1 .close-nav {
        position: static;
        width: 28px;
        height: 28px;
    }

    .navbar .navbarPart1 .header-icons { display: none !important; }

    .navbar .navbarPart1 .header-contact {
        display: flex !important;
        width: 100%;
        padding-inline: 58px 0;
        gap: 10px;
        flex-wrap: nowrap;
        align-items: center !important;
        justify-content: center;
    }

    .navbar .navbarPart1 .header-contact > a {
        display: inline-flex;
        min-width: 0;
        padding: 0 !important;
        align-items: center;
        justify-content: center;
        font-size: 10px !important;
        line-height: 1.35;
        white-space: nowrap;
    }

    .navbar .navbarPart1 .header-contact > a:first-child {
        padding-inline-end: 10px !important;
        border-inline-end: 1px solid rgba(74, 49, 8, .45);
    }

    .navbar .navbarPart1 .header-contact a span { font-size: 11px !important; }
    .navbar .navbarPart1 .header-contact a img {
        width: 31px !important;
        height: 31px;
        margin: 0 !important;
        padding: 6px;
        border-radius: 8px;
        background: rgba(255, 255, 255, .2);
    }

    .navbar .navbarPart2 {
        display: flex !important;
        width: 100%;
        min-height: 76px;
        padding: 12px 16px !important;
        gap: 14px;
        flex-wrap: nowrap;
        align-items: center !important;
        border-bottom: 1px solid #f0e7d5;
    }

    .navbar .navbarPart2 .BeeStoreLogo {
        display: flex !important;
        width: 138px;
        min-width: 138px;
        align-items: center;
        justify-content: flex-start;
        text-decoration: none;
    }

    .navbar .navbarPart2 .BeeStoreLogo img {
        display: block !important;
        width: 138px !important;
        height: auto !important;
        max-height: 48px;
        object-fit: contain;
    }

    .navbar .navbarPart2:not(:has(.HeaderLocation)) {
        justify-content: center !important;
    }

    .navbar .navbarPart2 .HeaderLocation {
        min-width: 0;
        flex: 1 1 auto;
    }

    .navbar .navbarPart2 .divLocation,
    .navbar .navbarPart2 .divLocation .btnLocation { width: 100%; }

    .navbar .navbarPart2 .divLocation .btnLocation {
        min-width: 0;
        padding: 7px 9px !important;
        gap: 7px !important;
        justify-content: flex-start;
        border: 1px solid #eee5d2;
        border-radius: 12px;
        background: #fffaf0;
    }

    .navbar .navbarPart2 .divLocation .btnLocation > div { min-width: 0; }
    .navbar .navbarPart2 .divLocation .btnLocation p {
        max-width: 150px;
        overflow: hidden;
        font-size: 12px !important;
        line-height: 1.35;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .navbar .navbarPart2 .divLocation .btnLocation span { font-size: 10px !important; }
    .navbar .navbarPart2 .divLocation .listLocations {
        inset-inline: 0 auto;
        width: min(320px, calc(100vw - 32px));
        max-width: calc(100vw - 32px);
    }

    .navbar .navbarPart3 {
        display: grid !important;
        width: 100%;
        max-width: 100%;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 10px;
        padding: 10px 16px 12px !important;
    }

    .navbar .navbarPart3 .fxHeaderForm {
        width: 100% !important;
        min-width: 0;
        margin: 0 !important;
        padding: 0 !important;
    }
    .navbar .navbarPart3 .fxHeaderForm .fxFormSearch { width:100%; min-width:0; }
    .navbar .navbarPart3 .fxHeaderForm .fxFormSearch {
        overflow: hidden;
        border-radius: 12px;
    }
    .navbar .navbarPart3 .fxHeaderForm .fxFormSearch input {
        width: 0 !important;
        min-width: 0 !important;
        flex: 1 1 auto;
        padding-inline: 12px 6px !important;
        text-overflow: ellipsis;
    }
    .navbar .navbarPart3 .fxHeaderForm .fxFormSearch button { flex:0 0 42px; }
    .navbar .navbarPart3 .icon-notification { flex:0 0 auto; }
    .navbar .divBrowse,
    .navbar .divBrowse .btnBrowse {
        width: calc(100% - 24px) !important;
        max-width: calc(100vw - 24px);
        margin-inline: auto !important;
    }

    .userPage .btnTabs {
        border-color: #e5ad31 !important;
        background: linear-gradient(135deg, #ffc107, #e5a500) !important;
        color: #30210d !important;
    }
}

@media (max-width: 420px) {
    .navbar .navbarPart1 { min-height: 62px; padding-inline: 12px !important; }
    .navbar .navbarPart1 > .d-flex:first-child { inset-inline-start: 12px; }
    .navbar .navbarPart1 .header-contact { padding-inline-start: 48px; gap: 7px; }
    .navbar .navbarPart1 .header-contact > a { font-size: 9px !important; }
    .navbar .navbarPart1 .header-contact a span { font-size: 10px !important; }
    .navbar .navbarPart1 .header-contact a img { width: 28px !important; height: 28px; }
    .navbar .navbarPart2 { padding-inline: 12px !important; gap: 10px; }
    .navbar .navbarPart2 .BeeStoreLogo,
    .navbar .navbarPart2 .BeeStoreLogo img { width: 118px !important; min-width: 118px; }
    .navbar .navbarPart2 .divLocation .btnLocation p { max-width: 120px; }
    .navbar .navbarPart3 { padding-inline: 12px !important; }
}
/* Profile/account navigation arrows follow the RTL reading direction. */
[dir="rtl"] .icon-profile .listLinksProfile .arrowDown,
html[dir="rtl"] .icon-profile .listLinksProfile .arrowDown {
    transform: scaleX(-1) !important;
    transform-origin: center;
}

/* Final mobile favorites layout override (kept last to beat generic table rules). */
@media (max-width: 767px) {
    .favoritesSection .divTable table tbody .favorite-product-row {
        display: grid !important;
        width: 100% !important;
        min-width: 0 !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    }

    .favoritesSection .divTable table tbody .favorite-product-row > td,
    .favoritesSection .divTable table tbody .favorite-product-row > td:first-child,
    .favoritesSection .divTable table tbody .favorite-product-row > td:nth-child(2),
    .favoritesSection .divTable table tbody .favorite-product-row > td:nth-child(3),
    .favoritesSection .divTable table tbody .favorite-product-row > td:nth-child(4),
    .favoritesSection .divTable table tbody .favorite-product-row > td:nth-child(5),
    .favoritesSection .divTable table tbody .favorite-product-row > td:nth-child(6) {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        box-sizing: border-box !important;
    }

    .favoritesSection .divTable table tbody .favorite-product-row > td:nth-child(1) { grid-area: product !important; }
    .favoritesSection .divTable table tbody .favorite-product-row > td:nth-child(2) { grid-area: price !important; }
    .favoritesSection .divTable table tbody .favorite-product-row > td:nth-child(3) { grid-area: date !important; }
    .favoritesSection .divTable table tbody .favorite-product-row > td:nth-child(4) { grid-area: stock !important; }
    .favoritesSection .divTable table tbody .favorite-product-row > td:nth-child(5) { grid-area: quantity !important; }
    .favoritesSection .divTable table tbody .favorite-product-row > td:nth-child(6) { grid-area: actions !important; }

    .favoritesSection .favorite-product-row .fx-productImage {
        width: 100% !important;
        min-width: 0 !important;
        flex-direction: row !important;
        justify-content: flex-start !important;
    }
    .favoritesSection .favorite-product-row .fx-productImage h3 {
        display: block !important;
        width: auto !important;
        max-width: none !important;
        flex: 1 1 auto;
        text-overflow: clip !important;
    }

    .favoritesSection .favorite-product-row .fxAmount-product {
        display: flex !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    }
    .favoritesSection .favorite-product-row .fxAmount-product button {
        flex: 0 0 44px !important;
        width: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;
        height: 44px !important;
        padding: 0 !important;
    }
    .favoritesSection .favorite-product-row .fxAmount-product p {
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

    .favoritesSection .favorite-product-row .fxBtnAdd {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 46px !important;
        width: 100% !important;
        white-space: normal !important;
    }
    .favoritesSection .favorite-product-row .fxBtnAdd .btnLinear-gradient {
        display: flex !important;
        width: 100% !important;
        min-width: 0 !important;
        align-items: center;
        justify-content: center;
        padding: 0 14px !important;
        white-space: nowrap !important;
    }
}

/* أيقونات الاتجاه في الواجهة العربية: fa-sign-in-alt و fa-sign-out-alt و
   fa-arrow-*-long وأمثالها مرسومة لاتجاه LTR، فتشير عكس المتوقّع في RTL.
   تُعكس أفقيًا بدل استبدالها حتى يبقى اسم الأيقونة كما هو في القوالب. */
[dir="rtl"] .fa-sign-in-alt,
[dir="rtl"] .fa-sign-out-alt,
[dir="rtl"] .fa-right-to-bracket,
[dir="rtl"] .fa-right-from-bracket,
[dir="rtl"] .fa-arrow-right-from-bracket,
[dir="rtl"] .fa-share,
[dir="rtl"] .fa-reply { display: inline-block; transform: scaleX(-1); }

/* ==========================================================================
   قائمة "كل الأقسام" — الزرّ المنسدل وبطاقة الأقسام
   تصميم بهوية BeeStore: تدرّج العسل، حواف ناعمة، وأيقونة لكل قسم داخل مربّع
   كريمي بحجم موحّد حتى لا تختلف مقاسات صور الأقسام كما كان يحدث سابقًا.
   القواعد هنا تخدم نسختَي الهيدر (شريط الجوال ‎.navbar‎ وهيدر سطح المكتب).
   ========================================================================== */
.divBrowse { z-index: 5; }

.divBrowse .btnBrowse {
    height: 52px;
    padding: 0 14px;
    top: 0;
    border: 0;
    border-radius: 16px;
    background: linear-gradient(135deg, #FFE08A 0%, #FFC928 42%, #F0B000 100%);
    box-shadow: 0 10px 24px -14px rgba(191, 138, 0, .85), inset 0 1px 0 rgba(255, 255, 255, .55);
    transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
}

.divBrowse .btnBrowse:hover {
    transform: translateY(-1px);
    box-shadow: 0 14px 28px -14px rgba(191, 138, 0, .95), inset 0 1px 0 rgba(255, 255, 255, .6);
    filter: saturate(1.05);
}

.divBrowse .btnBrowse:active { transform: translateY(0); }

.divBrowse .btnBrowse .fxTitle { gap: .65rem; }

.divBrowse .btnBrowse span {
    color: #3B2A12 !important;
    letter-spacing: -.2px;
}

/* الأيقونة الشبكية داخل مربّع أبيض شفّاف يفصلها عن خلفية التدرّج. */
.divBrowse .btnBrowse .btnBrowse__grid {
    width: 32px;
    height: 32px;
    padding: 7px;
    flex: 0 0 32px;
    border-radius: 10px;
    background: rgba(255, 255, 255, .55);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .7);
}

.divBrowse .btnBrowse .btnBrowse__grid path { fill: #3B2A12; }

.divBrowse .btnBrowse .btnBrowse__caret {
    height: 20px;
    flex: 0 0 auto;
    transition: transform .3s ease;
}

.divBrowse .btnBrowse .btnBrowse__caret path { fill: #4A3616; }

/* السهم ينقلب للأعلى عند فتح القائمة. */
.divBrowse:has(.listBrowse.show) .btnBrowse .btnBrowse__caret { transform: rotate(180deg); }

.divBrowse:has(.listBrowse.show) .btnBrowse {
    box-shadow: 0 14px 30px -14px rgba(191, 138, 0, .95), inset 0 1px 0 rgba(255, 255, 255, .6);
}

/* ---------- بطاقة الأقسام ---------- */
.divBrowse .listBrowse {
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 2px;
    height: auto;
    max-height: min(62vh, 430px);
    margin-top: 10px;
    padding: 8px;
    overflow-y: auto;
    overscroll-behavior: contain;
    border: 1px solid #F0E4C6;
    border-radius: 20px;
    /* شريط عسلي رفيع يثبت أعلى البطاقة ولا يتحرّك مع التمرير. */
    background:
        linear-gradient(90deg, #FFE08A, #FFC928 45%, #E6A900) top center / 100% 4px no-repeat,
        linear-gradient(180deg, #FFFDF6 0%, #FFFFFF 22%);
    box-shadow: 0 28px 60px -28px rgba(59, 42, 18, .45), 0 6px 18px -10px rgba(59, 42, 18, .14);
}

.divBrowse .listBrowse::-webkit-scrollbar { width: 6px; }

.divBrowse .listBrowse::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    background-color: transparent;
}

.divBrowse .listBrowse::-webkit-scrollbar-thumb {
    -webkit-box-shadow: none;
    border-radius: 10px;
    background-color: #F0D89A;
}

.divBrowse .listBrowse::-webkit-scrollbar-thumb:hover { background-color: #E6A900; }

/* ---------- صفّ القسم ---------- */
.divBrowse .listBrowse .boxCategory {
    position: relative;
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
    padding: 9px 12px;
    gap: .75rem;
    border: 0;
    border-radius: 14px;
    transition: background-color .22s ease, transform .22s ease;
}

/* فاصل شعري خفيف بين الصفوف يختفي عند التمرير فوقها. */
.divBrowse .listBrowse .boxCategory::after {
    content: "";
    position: absolute;
    inset-inline: 62px 12px;
    bottom: 0;
    height: 1px;
    background: #F3EAD6;
    transition: opacity .22s ease;
}

.divBrowse .listBrowse .boxCategory:last-child::after,
.divBrowse .listBrowse .boxCategory:hover::after,
.divBrowse .listBrowse .boxCategory:hover + .boxCategory::after { opacity: 0; }

.divBrowse .listBrowse .boxCategory:hover {
    transform: none;
    background: linear-gradient(90deg, rgba(255, 245, 209, .95), rgba(255, 252, 240, .6));
}

.divBrowse .listBrowse .boxCategory:focus-visible {
    outline: 2px solid #E6A900;
    outline-offset: -2px;
}

.divBrowse .listBrowse .boxCategory .divTitle {
    gap: .7rem;
    min-width: 0;
    flex: 1 1 auto;
}

/* مربّع موحّد لأيقونة القسم: يضبط المقاسات المختلفة للصور المرفوعة. */
.divBrowse .listBrowse .boxCategory .boxCategory__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border-radius: 12px;
    background: #FFF8E3;
    box-shadow: inset 0 0 0 1px #F3E4BB;
    transition: background-color .22s ease, box-shadow .22s ease, transform .22s ease;
}

.divBrowse .listBrowse .boxCategory .boxCategory__icon img,
.divBrowse .listBrowse .boxCategory .boxCategory__icon svg {
    width: 22px !important;
    height: 22px !important;
    object-fit: contain;
}

.divBrowse .listBrowse .boxCategory:hover .boxCategory__icon {
    background: #FFFFFF;
    box-shadow: inset 0 0 0 1px #FFC928, 0 6px 14px -8px rgba(191, 138, 0, .8);
    transform: scale(1.04);
}

.divBrowse .listBrowse .boxCategory .boxCategory__name {
    min-width: 0;
    overflow: hidden;
    color: #3B2A12 !important;
    font-weight: 600 !important;
    letter-spacing: -.2px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* السهم داخل دائرة صغيرة تتلوّن عند التمرير. */
.divBrowse .listBrowse .boxCategory .boxCategory__go {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
    color: #B98A16;
    border-radius: 50%;
    background: #FFF6DE;
    transition: background-color .22s ease, color .22s ease, transform .22s ease;
}

.divBrowse .listBrowse .boxCategory:hover .boxCategory__go {
    color: #3B2A12;
    background: linear-gradient(135deg, #FFD75E, #E6A900);
    transform: translateX(-3px);
}

/* في الاتجاه من اليمين لليسار يشير السهم إلى اليسار (اتجاه التصفّح). */
[dir="rtl"] .divBrowse .listBrowse .boxCategory .boxCategory__go svg,
html[dir="rtl"] .divBrowse .listBrowse .boxCategory .boxCategory__go svg { transform: scaleX(-1); }

[dir="rtl"] .divBrowse .listBrowse .boxCategory:hover .boxCategory__go,
html[dir="rtl"] .divBrowse .listBrowse .boxCategory:hover .boxCategory__go { transform: translateX(3px); }

/* ظهور متدرّج للصفوف عند فتح القائمة. */
@keyframes beeCategoryIn {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}

.divBrowse .listBrowse.show .boxCategory {
    animation: beeCategoryIn .3s cubic-bezier(.22, .61, .36, 1) both;
}

.divBrowse .listBrowse.show .boxCategory:nth-child(1) { animation-delay: .02s; }
.divBrowse .listBrowse.show .boxCategory:nth-child(2) { animation-delay: .05s; }
.divBrowse .listBrowse.show .boxCategory:nth-child(3) { animation-delay: .08s; }
.divBrowse .listBrowse.show .boxCategory:nth-child(4) { animation-delay: .11s; }
.divBrowse .listBrowse.show .boxCategory:nth-child(5) { animation-delay: .14s; }
.divBrowse .listBrowse.show .boxCategory:nth-child(6) { animation-delay: .17s; }
.divBrowse .listBrowse.show .boxCategory:nth-child(n + 7) { animation-delay: .2s; }

@media (prefers-reduced-motion: reduce) {
    .divBrowse .listBrowse.show .boxCategory { animation: none; }
    .divBrowse .btnBrowse:hover { transform: none; }
}

@media (max-width: 767px) {
    .divBrowse .btnBrowse { height: 48px; border-radius: 14px; }
    .divBrowse .btnBrowse .btnBrowse__grid { width: 28px; height: 28px; flex: 0 0 28px; padding: 6px; }
    .divBrowse .listBrowse { max-height: min(70vh, 420px); border-radius: 18px; }
    .divBrowse .listBrowse .boxCategory { padding: 8px 10px; }
    .divBrowse .listBrowse .boxCategory::after { inset-inline: 56px 10px; }
    .divBrowse .listBrowse .boxCategory .boxCategory__icon { width: 34px; height: 34px; flex: 0 0 34px; border-radius: 11px; }
    .divBrowse .listBrowse .boxCategory .boxCategory__icon img,
    .divBrowse .listBrowse .boxCategory .boxCategory__icon svg { width: 20px !important; height: 20px !important; }
}

/* ==========================================================================
   شريط مزايا الخدمة أعلى التذييل
   القالب الأصلي كان يوزّع البطاقات بـ flex بنسبة 25% ثابتة، أي أنه مصمَّم
   لأربع مزايا فقط؛ وأي عدد آخر يترك بطاقة يتيمة في سطر جديد. استُبدل التوزيع
   بشبكة تتكيّف مع أي عدد يضيفه المسؤول من لوحة الإدارة.
   ========================================================================== */
.sectionFeatures {
    margin-bottom: 0 !important;
    padding-block: clamp(26px, 3.4vw, 46px);
    border-top: 1px solid #F0E4C6;
    background: linear-gradient(180deg, #FFFCF5 0%, #FFF6E3 100%);
}

.sectionFeatures .fx-sectionFeatures {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(212px, 1fr));
    align-items: stretch;
    gap: 14px !important;
    width: 100%;
}

/* الحالة الشائعة (خمس مزايا) تبقى في سطر واحد على الشاشات الواسعة. */
@media (min-width: 1200px) {
    .sectionFeatures .fx-sectionFeatures { grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); }
}

.sectionFeatures .fx-sectionFeatures .boxFeature {
    flex: none !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0;
    gap: 14px !important;
    padding: 16px 15px;
    border: 1px solid #F0E4C6;
    border-radius: 16px;
    background: #FFFFFF;
    box-shadow: 0 14px 30px -26px rgba(59, 42, 18, .7);
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.sectionFeatures .fx-sectionFeatures .boxFeature:hover {
    transform: translateY(-3px);
    border-color: #E6A900;
    box-shadow: 0 20px 38px -26px rgba(59, 42, 18, .8);
}

/* الأيقونات ترد كملفات SVG بمقاسات متفاوتة، فتوضع في مربّع موحّد. */
.sectionFeatures .fx-sectionFeatures .boxFeature img {
    width: 48px !important;
    height: 48px;
    flex: 0 0 48px;
    padding: 10px;
    border-radius: 14px;
    background: linear-gradient(145deg, #FFF3D0, #FFE7AB);
    object-fit: contain;
}

.sectionFeatures .fx-sectionFeatures .boxFeature-texts { min-width: 0; }

.sectionFeatures .fx-sectionFeatures .boxFeature h1 {
    margin-bottom: 5px !important;
    color: #3B2A12 !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
}

.sectionFeatures .fx-sectionFeatures .boxFeature p {
    color: #8B7E68 !important;
    font-size: 12.5px !important;
    line-height: 1.65 !important;
}

@media (max-width: 575px) {
    .sectionFeatures .fx-sectionFeatures { grid-template-columns: 1fr; }
    .sectionFeatures .fx-sectionFeatures .boxFeature { align-items: center !important; }
    .sectionFeatures .fx-sectionFeatures .boxFeature img { width: 42px !important; height: 42px; flex-basis: 42px; }
}

/* ==========================================================================
   صفحة «تواصل معنا»
   القالب الأصلي أخضر، وبطاقة التواصل الجانبية كانت تُلوَّن بالأصفر مع إبقاء
   النص والأيقونات بيضاء — تباين ضعيف — كما أن انحناء زواياها كان على الجهة
   الخاطئة في واجهة RTL فتخرج عن حدود البطاقة.
   ========================================================================== */
.sectionContact { margin: 2rem 0 90px !important; }

.sectionContact .divTitles { gap: 1.4rem !important; }

/* أيقونة الترويسة: كانت SVG بألوان القالب الأخضر. */
.contactHero__icon {
    display: grid;
    place-items: center;
    width: 84px;
    height: 84px;
    border-radius: 24px;
    background: linear-gradient(145deg, #FFF3D0, #FFD75E);
    box-shadow: 0 16px 32px -20px rgba(191, 138, 0, .95);
    color: #3B2A12;
}

.contactHero__icon svg { width: 40px; height: 40px; }

.sectionContact .divTitles h1 { color: #3B2A12 !important; }
.sectionContact .divTitles p { width: min(56ch, 90%) !important; color: #8B7E68 !important; }

.sectionContact .fxContact {
    width: min(1180px, 92%) !important;
    border: 1px solid #F0E4C6 !important;
    border-radius: 24px !important;
    /* يقصّ البطاقة الجانبية على انحناء الحاوية مهما كان اتجاه الصفحة. */
    overflow: hidden !important;
    box-shadow: 0 26px 60px -34px rgba(59, 42, 18, .5) !important;
}

.sectionContact .fxContact .partOne {
    width: 38% !important;
    padding: 46px 40px !important;
    border-radius: 0 !important;
}

/* نص بنّي داكن على الأصفر بدل الأبيض ضعيف التباين. */
.sectionContact .fxContact .partOne h2,
.sectionContact .fxContact .partOne h4,
.sectionContact .fxContact .partOne p,
.sectionContact .fxContact .partOne p a,
.sectionContact .fxContact .partOne .colorWhite { color: #3B2A12 !important; }

.sectionContact .fxContact .partOne h2 { margin-bottom: 30px !important; }

.sectionContact .fxContact .partOne .fxInformation span {
    opacity: 1 !important;
    color: #7A5A12 !important;
    font-size: 12px !important;
    letter-spacing: .3px;
}

/* دائرة الأيقونة كانت بيضاء بشفافية 8% فوق الأصفر، أي غير مرئية تقريبًا. */
.sectionContact .fxContact .partOne .divIcon {
    display: grid;
    place-items: center;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    padding: 0 !important;
    border-radius: 50% !important;
    background: #FFFFFF !important;
    color: #3B2A12;
    box-shadow: 0 8px 18px -12px rgba(59, 42, 18, .8);
}

.sectionContact .fxContact .partOne .divIcon svg { width: 22px; height: 22px; }

.sectionContact .fxContact .partOne .titleFollow { margin-top: 34px !important; }
.sectionContact .fxContact .partOne .titleFollow .lineWhite { background: rgba(59, 42, 18, .35) !important; }

.sectionContact .fxContact .partOne .listMenus a {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    background: rgba(255, 255, 255, .75);
    transition: background-color .2s ease, transform .2s ease;
}

.sectionContact .fxContact .partOne .listMenus a:hover { background: #FFFFFF; transform: translateY(-2px); }

/* النموذج: شبكة عمودين تُبقي الحقول متحاذية مهما اختلفت أطوالها،
   بدل flex بنسبة 50% الذي كان يترك فجوة تحت الحقل الأطول. */
.sectionContact .partTwo { width: 62% !important; padding: 34px 40px !important; }

.sectionContact .partTwo form { width: 100%; }

.sectionContact .partTwo form .fxGeneral-cards {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 16px !important;
}

.sectionContact .partTwo form .w50 {
    flex: none !important;
    max-width: none !important;
    min-width: 0;
}

.sectionContact .partTwo form .w100,
.sectionContact .partTwo form .form-attachment,
.sectionContact .partTwo form > .fxGeneral-cards > .form-group.w-100 {
    grid-column: 1 / -1;
    flex: none !important;
    max-width: none !important;
}

.sectionContact .partTwo form label { color: #3B2A12 !important; font-weight: 600; }

.sectionContact .partTwo form .input-public,
.sectionContact .partTwo form input[type="text"],
.sectionContact .partTwo form input[type="email"],
.sectionContact .partTwo form textarea,
.sectionContact .partTwo form .boxInput,
.sectionContact .partTwo form .phone-input-container {
    width: 100%;
    border: 1px solid #F0E4C6 !important;
    border-radius: 12px !important;
    background: #FFFDF8 !important;
    transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}

.sectionContact .partTwo form input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="hidden"]),
.sectionContact .partTwo form .boxInput,
.sectionContact .partTwo form .phone-input-container { height: 48px !important; }

.sectionContact .partTwo form .boxInput input,
.sectionContact .partTwo form .phone-input-container input {
    height: 100% !important;
    border: 0 !important;
    background: transparent !important;
}

.sectionContact .partTwo form textarea { height: 118px !important; }

.sectionContact .partTwo form .input-public:focus,
.sectionContact .partTwo form textarea:focus,
.sectionContact .partTwo form .boxInput:focus-within,
.sectionContact .partTwo form .phone-input-container:focus-within {
    border-color: #E6A900 !important;
    background: #FFFFFF !important;
    box-shadow: 0 0 0 4px rgba(255, 201, 40, .2) !important;
    outline: none;
}

.sectionContact .partTwo form .phone-hint { margin: 6px 0 0; color: #8B7E68; font-size: 12px; }

.sectionContact .partTwo .list-boxInput {
    height: auto !important;
    max-height: 200px;
    margin-top: 6px;
    padding: 8px !important;
    border: 1px solid #F0E4C6 !important;
    border-radius: 14px !important;
    box-shadow: 0 20px 46px -30px rgba(59, 42, 18, .6);
    top: 100%;
}

.sectionContact .partTwo .list-boxInput span {
    padding: 8px 10px !important;
    border-radius: 9px;
    color: #6B5B41 !important;
}

.sectionContact .partTwo .list-boxInput span:hover { background: #FFF8E7; color: #3B2A12 !important; }

/* منطقة إرفاق الصورة. */
.sectionContact .form-attachment .fx-attachment {
    gap: 14px;
    flex-wrap: wrap;
    padding: 16px;
    border: 1px dashed rgba(230, 169, 0, .6);
    border-radius: 14px;
    background: #FFFDF6;
    cursor: pointer;
    transition: border-color .2s ease, background-color .2s ease;
}

.sectionContact .form-attachment .fx-attachment:hover { border-color: #E6A900; background: #FFF8E7; }

.sectionContact .form-attachment .divIcon {
    display: grid;
    place-items: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    border-radius: 13px;
    background: linear-gradient(145deg, #FFF3D0, #FFE7AB);
    color: #3B2A12;
}

.sectionContact .form-attachment .divText { min-width: 0; flex: 1 1 220px; }
.sectionContact .form-attachment .divText h4 { color: #3B2A12; }
.sectionContact .form-attachment .divText span { color: #8B7E68 !important; }
.sectionContact .form-attachment .attachment-optional { color: #A2916F; font-weight: 600; }

.sectionContact .form-attachment .attachment-button {
    padding: 9px 18px;
    border: 1px solid #E6A900;
    border-radius: 11px;
    background: #FFFFFF;
    color: #92670A;
    font-weight: 700;
    white-space: nowrap;
}

.sectionContact .form-attachment .attachment-file-state { flex: 1 1 100%; color: #A2916F; font-size: 12px; }

/* حقل الملف الأصلي يُخفى هندسيًا لا بـ display حتى لا يظهر عنصر المتصفح. */
.sectionContact .native-file-input-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    border: 0 !important;
    opacity: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    pointer-events: none !important;
}

.sectionContact .partTwo form .btnLinear-gradient {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 54px;
    border: 0 !important;
    border-radius: 14px !important;
    background: var(--bee-honeycomb-btn) center / 36px 62.4px repeat,
        linear-gradient(135deg, #FFE08A, #FFC928 45%, #F0B000) !important;
    box-shadow: 0 14px 30px -18px rgba(191, 138, 0, .95) !important;
    color: #3B2A12 !important;
    font-weight: 800 !important;
}

.sectionContact .partTwo form .btnLinear-gradient span,
.sectionContact .partTwo form .btnLinear-gradient.colorWhite { color: #3B2A12 !important; }

html[dir="rtl"] .sectionContact .partTwo form .btnLinear-gradient svg { transform: scaleX(-1); }

@media (max-width: 991px) {
    .sectionContact .fxContact { flex-direction: column; width: min(680px, 92%) !important; }
    .sectionContact .fxContact .partOne,
    .sectionContact .partTwo { width: 100% !important; padding: 28px 22px !important; }
}

@media (max-width: 575px) {
    .sectionContact .partTwo form .fxGeneral-cards { grid-template-columns: 1fr; }
    .contactHero__icon { width: 68px; height: 68px; border-radius: 20px; }
    .contactHero__icon svg { width: 32px; height: 32px; }
}

/* ==========================================================================
   صفحة تفاصيل المنتج
   ========================================================================== */

/* صور المنتجات المزروعة تحمل إطارًا ملوّنًا محروقًا داخل ملف الصورة نفسه
   (بني، وردي، أخضر… يختلف من صورة لأخرى). يُقتطع الإطار بصريًا بتكبير طفيف
   داخل حاوية تقصّ الزائد، فيصلح كل مواضع عرض الصور دون تعديل الملفات. */
.pdp-gallery__main,
.pdp-gallery__thumb,
.productCard .productCard-imgs .productImage { overflow: hidden; }

/* ‎clip-path‎ يقصّ من حدود الصورة نفسها (لا من حدود الحاوية، فقد يفصلها حشو
   داخلي)، و‎scale‎ يعيد ملء المساحة بعد القصّ فلا تبقى فجوة. */
.pdp-gallery__main img,
.pdp-gallery__thumb img,
.productCard .productCard-imgs .productImage img {
    clip-path: inset(1.2%);
    transform: scale(1.026);
}

.productCard:hover .productCard-imgs .productImage img { transform: scale(1.075); }

.productDetails .fx-productDetails .productContent { padding-top: 0 !important; }

/* شارة التوفّر. */
.productDetails .fxTitle-product { flex-wrap: wrap; }

.stockBadge {
    display: inline-flex;
    align-items: center;
    padding: 5px 12px;
    border-radius: 999px;
    font-weight: 700;
}

.stockBadge--in { background: #E8F6E4; color: #2F6B25; box-shadow: inset 0 0 0 1px rgba(47, 107, 37, .2); }
.stockBadge--out { background: #FDECE8; color: #A8341A; box-shadow: inset 0 0 0 1px rgba(168, 52, 26, .2); }

.productDetails .fxTitle-product h1 { color: #3B2A12 !important; }
.productDetails .fxPrice-product h2 { color: #3B2A12 !important; font-weight: 800 !important; }

.productDetails .fxPrice-product button {
    background: #FDECE8 !important;
    color: #A8341A !important;
    font-weight: 700;
}

.productDetails .IDProduct .colorGreen,
.productDetails .styleProperties a { color: #92670A !important; }

.productDetails .contentProduct { color: #6B5B41 !important; line-height: 1.9 !important; }
.productDetails .contentProduct ul { margin: .5rem 0 0; padding-inline-start: 1.2rem; }

.productDetails .fxButtons-product { gap: 12px !important; flex-wrap: wrap; }

.productDetails .fxButtons-product .AddToCart {
    flex: 1 1 220px;
    min-height: 52px;
    border: 0 !important;
    border-radius: 14px !important;
    background: var(--bee-honeycomb-btn) center / 36px 62.4px repeat,
        linear-gradient(135deg, #FFE08A, #FFC928 45%, #F0B000) !important;
    box-shadow: 0 14px 30px -18px rgba(191, 138, 0, .95) !important;
    color: #3B2A12 !important;
}

.productDetails .fxButtons-product .AddToCart span { color: #3B2A12 !important; }

.productDetails .fxButtons-product .btnFavourite {
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    border: 1px solid #F0E4C6 !important;
    border-radius: 14px !important;
    background: #FFFDF8 !important;
}

.productDetails .fxButtons-product .btnFavourite:hover { border-color: #E6A900 !important; background: #FFF8E7 !important; }

/* شبكة «منتجات ذات صلة»: هذه الصفحة لا تحمل صنف ‎bee-shell‎ فبقيت تستخدم
   توزيع flex القديم، فتتراكم بطاقة يتيمة في سطر جديد. */
.sectionProducts .fxProducts {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    align-items: stretch;
    gap: 1.15rem !important;
}

.sectionProducts .fxProducts .productCard {
    flex: none !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0;
}

@media (max-width: 991px) {
    .productDetails .fx-productDetails { flex-direction: column; }
    .productDetails .fx-productDetails .pdp-gallery,
    .productDetails .fx-productDetails .productContent { width: 100% !important; }
}

@media (max-width: 575px) {
    .sectionProducts .fxProducts { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }
}

/* --------------------------------------------------------------------------
   تفاصيل المنتج — المعرض وعمود المعلومات
   -------------------------------------------------------------------------- */
.productDetails .fx-productDetails { gap: clamp(24px, 3vw, 46px) !important; }



.productDetails .fx-productDetails .productContent {
    flex: 1 1 380px !important;
    width: auto !important;
    min-width: 0;
}

/* صفّ الشرائح تحت اسم المنتج: المتجر والتقييم. */
.pdp-metaRow {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.pdp-chip {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 13px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
    white-space: nowrap;
}

.pdp-chip svg { width: 16px; height: 16px; flex: 0 0 16px; }

.pdp-chip--shop {
    background: #FFF8E7;
    color: #92670A !important;
    box-shadow: inset 0 0 0 1px #F0E4C6;
    transition: background-color .2s ease, box-shadow .2s ease;
}

.pdp-chip--shop:hover { background: #FFF1CC; box-shadow: inset 0 0 0 1px #E6A900; }

.pdp-chip--rating { background: #FFF8E7; color: #8A6100; box-shadow: inset 0 0 0 1px #F0E4C6; }
.pdp-chip--rating svg { color: #E6A900; }
.pdp-chip--rating small { color: #A2916F; font-weight: 600; }

/* شريط الطمأنة: توصيل / دفع / إرجاع. */
.pdp-assurances {
    display: grid;
    gap: 2px;
    margin: 18px 0 0;
    padding: 6px;
    list-style: none;
    border: 1px solid #F0E4C6;
    border-radius: 16px;
    background: linear-gradient(160deg, #FFFDF6, #FFF8E7);
}

.pdp-assurances li {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px;
    border-radius: 12px;
}

.pdp-assurances li + li { box-shadow: inset 0 1px 0 rgba(240, 228, 198, .9); }

.pdp-assurances__icon {
    display: grid;
    place-items: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border-radius: 11px;
    background: #FFFFFF;
    box-shadow: inset 0 0 0 1px #F0E4C6;
    color: #92670A;
}

.pdp-assurances__icon svg { width: 20px; height: 20px; }
.pdp-assurances li div { display: flex; flex-direction: column; min-width: 0; }
.pdp-assurances strong { color: #3B2A12; font-size: 14px; font-weight: 700; }
.pdp-assurances span { color: #8B7E68; font-size: 12px; }

/* الفئة والوسوم كشرائح بدل سطور نصّية. */
.pdp-taxonomy {
    display: grid;
    gap: 10px;
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid #F0E4C6;
}

.pdp-taxonomy__row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.pdp-taxonomy__label { color: #A2916F; font-size: 12px; font-weight: 700; min-width: 44px; }
.pdp-taxonomy__tags { display: flex; gap: 6px; flex-wrap: wrap; }

.pdp-tag {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    border-radius: 9px;
    background: #FFF8E7;
    color: #6B5B41 !important;
    font-size: 12.5px;
    font-weight: 600;
    text-decoration: none !important;
    box-shadow: inset 0 0 0 1px #F0E4C6;
    transition: background-color .2s ease, color .2s ease;
}

a.pdp-tag:hover { background: #FFF1CC; color: #3B2A12 !important; }

@media (max-width: 575px) {
    .pdp-assurances li { padding: 9px 8px; }
}

/* بطاقات المنتج النافد تُلغي التحويل لإيقاف تكبير المرور، لكن ذلك يعيد ظهور
   الإطار المطبوع داخل ملف الصورة — يُبقى التكبير الطفيف الذي يقصّه. */
.productCard--soldOut .productCard-imgs .productImage img,
.productCard--soldOut:hover .productCard-imgs .productImage img {
    transform: scale(1.026);
}

/* --------------------------------------------------------------------------
   معرض صور المنتج
   بُني بأصناف مستقلة تمامًا: قوالب ‎productDetails.css‎ القديمة تحمل ارتفاعات
   نسبية وبقايا سلايدر على ‎.sliderAndImages‎ و‎.imagesProducts‎ و‎.divImage‎
   كانت تسحق المصغّرات مهما كُتب فوقها، فلم يعد أيّ منها ينطبق هنا.
   -------------------------------------------------------------------------- */
.pdp-gallery {
    display: flex;
    flex: 0 0 auto;
    align-items: flex-start;
    gap: 12px;
    width: min(46%, 520px);
    min-width: 0;
}

/* شريط المصغّرات: عمود ثابت العرض، ويمرّر عموديًا إن زادت الصور عن أربع. */
.pdp-gallery__rail {
    display: flex;
    flex: 0 0 78px;
    flex-direction: column;
    gap: 10px;
    width: 78px;
    max-height: 460px;
    padding: 2px;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: none;
}

.pdp-gallery__rail::-webkit-scrollbar { width: 0; height: 0; }

.pdp-gallery__thumb {
    display: block;
    flex: 0 0 78px;
    width: 78px;
    height: 78px;
    padding: 6px;
    border: 1px solid #F0E4C6;
    border-radius: 14px;
    background: #FFFDF8;
    cursor: pointer;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.pdp-gallery__thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.pdp-gallery__thumb:hover { border-color: #E6A900; transform: translateY(-1px); }

.pdp-gallery__thumb.is-active {
    border-color: #E6A900;
    box-shadow: 0 0 0 2px rgba(255, 201, 40, .35);
}

.pdp-gallery__thumb:focus-visible { outline: 2px solid #E6A900; outline-offset: 2px; }

/* الإطار الرئيسي مربّع بسقف ارتفاع، فلا يتمدّد إلى ٩٠٠ بكسل على الشاشات الواسعة. */
.pdp-gallery__main {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1 / 1;
    max-height: 460px;
    min-width: 0;
    padding: 18px;
    border: 1px solid #F0E4C6;
    border-radius: 20px;
    background: #FFFDF8;
}

.pdp-gallery__main img {
    width: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.pdp-gallery--single .pdp-gallery__main { width: 100%; }

@media (max-width: 991px) {
    .pdp-gallery { width: 100%; }
    .pdp-gallery__main,
    .pdp-gallery__rail { max-height: 380px; }
}

@media (max-width: 575px) {
    /* على الجوال يصبح الشريط صفًّا أفقيًا أسفل الصورة. */
    .pdp-gallery { flex-direction: column-reverse; }
    .pdp-gallery__rail {
        flex: 0 0 auto;
        flex-direction: row;
        width: 100%;
        max-height: none;
        overflow-x: auto;
        overflow-y: hidden;
    }
    .pdp-gallery__thumb { flex: 0 0 64px; width: 64px; height: 64px; border-radius: 12px; }
    .pdp-gallery__main { max-height: none; }
}

/* ==========================================================================
   تجربة: خلفية بيضاء للموقع
   --------------------------------------------------------------------------
   كانت أرضية الصفحات كريمية (‎--bee-page‎ و‎--acc-page‎ وأشرطة متدرّجة بعرض
   الصفحة). هذه الكتلة تجعل الأرضية بيضاء وتُبقي العسل للعناصر وحدها.
   ولأن البطاقات كانت شبه بيضاء فوق كريمي، رُفعت حِدّة حدودها قليلًا حتى تبقى
   مقروءة على الأبيض.

   للرجوع عن التجربة: احذف هذه الكتلة كاملة حتى نهاية الملف. لا شيء غيرها تغيّر.
   ========================================================================== */
body { background-color: #FFFFFF; }

.bee-shell,
.userPage {
    background: #FFFFFF !important;
}

/* الأشرطة الكريمية بعرض الصفحة تصبح بيضاء ويفصلها خط رفيع بدل فرق اللون. */
.featuredProducts {
    background: #FFFFFF !important;
    border-block: 1px solid #F4EBD8;
}

.sectionFeatures {
    background: #FFFFFF !important;
    border-top: 1px solid #F4EBD8;
}

/* على الأبيض تحتاج البطاقات حدًّا أوضح قليلًا وظلًّا أنعم لتنفصل عن الأرضية. */
.userPage .userPage-content > .profileStyle,
.userPage .userPage-content > .myOrders,
.userPage .userPage-content > .manageAddress,
.userPage .userPage-content > .paymentMethods,
.userPage .userPage-content > .myCoupons,
.userPage .userPage-content > .settingsDiv,
.userPage .userPage-content > .helpCenter,
.userPage .userPage-content > .contantTexts,
.userPage .tabsList {
    border-color: #EADFC5 !important;
    box-shadow: 0 12px 34px -26px rgba(59, 42, 18, .38), 0 1px 3px -1px rgba(59, 42, 18, .06) !important;
}

/* الأسطح الداخلية شبه البيضاء تصبح بيضاء صريحة فلا تبدو متّسخة على الأبيض. */
.userPage .userPage-content .input-public,
.userPage .userPage-content input:not([type="radio"]):not([type="checkbox"]),
.userPage .userPage-content textarea,
.userPage .userPage-content select,
.userPage .userPage-content .boxInput,
.userPage .userPage-content .phone-input-container,
.userPage .order-header-item,
.userPage .product-item-card,
.userPage .delivery-info-card,
.manageAddress form .form__group,
.paymentMethods .radio-item,
.helpCenter .faq-item,
.sectionContact .partTwo form .input-public,
.sectionContact .partTwo form input:not([type="radio"]):not([type="checkbox"]),
.sectionContact .partTwo form textarea,
.sectionContact .partTwo form .boxInput,
.sectionContact .partTwo form .phone-input-container,
.pdp-gallery__main,
.pdp-gallery__thumb {
    background: #FFFFFF !important;
}

/* الحواف الفاصلة داخل البطاقات تحتاج تباينًا أعلى بقليل على الأبيض. */
.pdp-gallery__main,
.pdp-gallery__thumb,
.userPage .order-header,
.userPage .product-item-card,
.userPage .delivery-info-card {
    border-color: #EADFC5 !important;
}

/* شريط مزايا الخدمة والبطاقات فوق أرضية بيضاء. */
.sectionFeatures .fx-sectionFeatures .boxFeature {
    border-color: #EADFC5;
    box-shadow: 0 12px 28px -24px rgba(59, 42, 18, .5);
}


/* نقشة خلية النحل فوق كل خلفية صفراء: الأزرار والشارات الأساسية. */
.btn--primary,
.btn-primary,
.btnAuth,
.btn-login,
.btnLinear-gradient,
.otpModal .btnLinear-gradient,
.AddToCart,
.productDetails .btnLinear-gradient,
.auth-toggle input[type="radio"]:checked + label,
a.btnIcon[href*="login"],
a.btnProducts.sign[href*="login"],
.navbar a.btnIcon[href*="login"],
.navbarPart3 a.btnIcon[style*="background"],
header a.btnIcon[href*="login"],
.btnProducts,
.btnProducts2,
.btnShoppingCart:hover,
.productCard .productCard-Details .btnShoppingCart:hover,
.addAddress,
.listLocations .addAddress,
.HeaderLocation .addAddress,
.icon-profile .listLinksProfile .bg-green,
.bg-green,
.bg-bee-primary {
    background-image: var(--bee-honeycomb-btn), linear-gradient(135deg, var(--bee-yellow), var(--bee-gold)) !important;
    background-size: 36px 62.4px, auto !important;
    background-position: center, center !important;
    background-repeat: repeat, no-repeat !important;
}

/* زر «كل الأقسام» يحتفظ بتدرّجه الخاص بثلاث درجات. */
.divBrowse .btnBrowse {
    background-image: var(--bee-honeycomb-btn), linear-gradient(135deg, #FFE08A 0%, #FFC928 42%, #F0B000 100%);
    background-size: 36px 62.4px, auto;
    background-position: center, center;
    background-repeat: repeat, no-repeat;
}