/*
 * BELARA Desktop Design
 * Clean consolidated desktop stylesheet
 * Version: 2.1.0 — Homepage Polish
 */

@media (min-width: 1024px) {

    /* ==========================================================
       1. GLOBAL DESKTOP
       ========================================================== */

    body.belara2-site,
    body.woocommerce-shop,
    body.post-type-archive-product,
    body.tax-product_cat,
    body.single-product {
        background: var(--belara-cream);
    }

    .belara2-container {
        width: min(var(--belara-container), calc(100% - 48px));
        margin-inline: auto;
    }

    body.belara2-site,
    body.belara2-site button,
    body.belara2-site input,
    body.belara2-site select,
    body.belara2-site textarea {
        font-family: var(--belara-font-ar);
    }

    body.belara2-site h1,
    body.belara2-site h2,
    body.belara2-site h3,
    body.belara2-site h4,
    body.belara2-site h5,
    body.belara2-site h6 {
        letter-spacing: 0;
    }

    /* ==========================================================
       2. TOP BAR
       ========================================================== */

    .belara2-topbar {
        min-height: 38px;
        background: var(--belara-chocolate);
        color: #fff;
        font-size: 13px;
        font-weight: 500;
    }

    .belara2-topbar .belara2-topbar-grid {
        min-height: 38px;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        align-items: center;
        gap: 24px;
    }

    /* ==========================================================
       3. MAIN HEADER
       ========================================================== */

    .belara2-header-main {
        display: grid;
        grid-template-columns: minmax(280px, 1fr) auto minmax(280px, 1fr);
        align-items: center;
        gap: 32px;
        min-height: 112px;
        padding-block: 15px;
    }

    .belara2-search {
        justify-self: start;
        width: min(380px, 100%);
        position: relative;
    }

    .belara2-search form {
        width: 100%;
        margin: 0;
    }

    .belara2-search input[type="search"] {
        width: 100%;
        height: 48px;
        min-height: 48px;
        padding-inline: 18px 46px;
        border: 1px solid rgba(42, 18, 16, .14);
        border-radius: 12px;
        background: #fff;
        color: var(--belara-text);
        font-size: 14px;
        font-weight: 400;
        box-shadow: 0 3px 14px rgba(42, 18, 16, .035);
    }

    .belara2-search input[type="search"]:focus {
        border-color: var(--belara-gold);
        box-shadow: 0 0 0 3px rgba(201, 163, 91, .10);
        outline: 0;
    }

    .belara2-account-nav {
        justify-self: end;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 27px;
    }

    .belara2-account-nav a,
    .belara2-cart {
        color: var(--belara-chocolate);
        text-decoration: none;
    }

    .belara2-account-nav a:hover,
    .belara2-cart:hover {
        color: var(--belara-gold);
    }

    /* ==========================================================
       4. BRAND / WORDMARK
       ========================================================== */

    body.belara2-site .belara2-logo {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        min-width: 340px;
        margin: 0 auto;
        padding: 0;
    }

    body.belara2-site .belara2-brand.belara2-wordmark {
        display: inline-flex;
        align-items: baseline;
        justify-content: center;
        gap: 13px;
        width: auto;
        margin: 0;
        padding: 5px 8px;
        color: var(--belara-chocolate);
        text-decoration: none;
        white-space: nowrap;
        line-height: 1;
    }

    body.belara2-site .belara2-wordmark-ar {
        font-family: var(--belara-font-ar);
        font-size: 32px;
        font-weight: 600;
        line-height: 1.15;
        letter-spacing: 0;
    }

    body.belara2-site .belara2-wordmark-divider {
        color: var(--belara-gold);
        font-family: var(--belara-font-ar);
        font-size: 31px;
        font-weight: 300;
        line-height: 1;
        opacity: .9;
    }

    body.belara2-site .belara2-wordmark-en {
        font-family: var(--belara-font-en);
        font-size: 36px;
        font-weight: 700;
        letter-spacing: 3.5px;
        line-height: 1;
    }

    body.belara2-site .belara2-wordmark:hover {
        opacity: .82;
    }

    body.belara2-site .belara2-logo img {
        display: none;
    }

    /* ==========================================================
       5. MAIN NAVIGATION
       ========================================================== */

    .belara2-nav-row {
        min-height: 54px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-top: 1px solid rgba(42, 18, 16, .07);
        border-bottom: 1px solid rgba(42, 18, 16, .08);
        background: rgba(255, 247, 239, .88);
    }

    .belara2-nav-row ul {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 38px;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .belara2-nav-row a {
        position: relative;
        color: var(--belara-chocolate);
        font-size: 14px;
        font-weight: 400;
        line-height: 1.4;
        text-decoration: none;
        padding: 16px 2px;
    }

    .belara2-nav-row a::after {
        content: "";
        position: absolute;
        right: 50%;
        bottom: 8px;
        width: 0;
        height: 2px;
        background: var(--belara-gold);
        transform: translateX(50%);
        transition: width .22s ease;
    }

    .belara2-nav-row a:hover::after,
    .belara2-nav-row .current-menu-item > a::after,
    .belara2-nav-row .current_page_item > a::after {
        width: 100%;
    }

    /* ==========================================================
       6. HERO
       ========================================================== */

    .belara2-hero {
        position: relative;
        overflow: hidden;
        background: #f8e9df;
    }

    .belara2-hero-inner {
        position: relative;
        min-height: clamp(520px, 44vw, 640px);
        display: flex;
        align-items: center;
    }

    .belara2-hero-picture {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        margin: 0;
    }

    .belara2-hero-picture img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        object-position: center;
    }

    .belara2-hero-copy {
        position: relative;
        z-index: 2;
        width: min(520px, 46%);
        margin-inline-start: clamp(18%, 27vw, 34%);
        text-align: center;
        color: var(--belara-chocolate);
    }

    .belara2-hero-copy .belara2-eyebrow {
        display: inline-block;
        margin-bottom: 12px;
        color: var(--belara-gold);
        font-size: 13px;
        font-weight: 400;
        letter-spacing: 0;
    }

    .belara2-hero-copy h1 {
    max-width: 600px;
    margin: 0 auto 16px;

    color: var(--belara-chocolate);

    font-family: "Almarai", sans-serif;
    font-size: 46px;
    font-weight: 500;
    line-height: 1.32;
    letter-spacing: 0;

    text-align: center;
}

    .belara2-hero-copy h1 + p {
        margin: 0 auto 8px;
        color: var(--belara-text);
        font-size: 16px;
        font-weight: 400;
    }

    .belara2-hero-copy p {
        max-width: 500px;
        margin-inline: auto;
        color: var(--belara-muted);
        font-size: 16px;
        font-weight: 400;
        line-height: 1.7;
    }

    .belara2-hero-copy .belara2-btn {
        min-width: 150px;
        min-height: 48px;
        margin: 17px 6px 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 10px 24px;
        border-radius: 8px;
        font-size: 15px;
        font-weight: 500;
        text-decoration: none;
        transition: all .22s ease;
    }

    .belara2-btn-dark {
        border: 1px solid var(--belara-chocolate);
        background: var(--belara-chocolate);
        color: #fff;
    }

    .belara2-btn-dark:hover {
        background: var(--belara-mocha);
        border-color: var(--belara-mocha);
        color: #fff;
        transform: translateY(-2px);
        box-shadow: 0 8px 20px rgba(42, 18, 16, .13);
    }

    .belara2-btn-light {
        border: 1px solid var(--belara-gold);
        background: rgba(255,255,255,.78);
        color: var(--belara-chocolate);
    }

    .belara2-btn-light:hover {
        background: #fff;
        border-color: var(--belara-chocolate);
        color: var(--belara-chocolate);
        transform: translateY(-2px);
    }

    /* ==========================================================
       7. SHOP BY CATEGORY
       ========================================================== */

    .belara2-section.belara2-categories {
        padding: 48px 0 38px;
        background: var(--belara-cream);
    }

    .belara2-section.belara2-categories h2 {
    position: relative;
    margin: 0 auto 30px;
    text-align: center;
    color: var(--belara-chocolate);

    font-family: "Almarai", sans-serif;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.35;
    letter-spacing: 0;
    }

    .belara2-section.belara2-categories h2::before,
    .belara2-section.belara2-categories h2::after {
        content: "";
        display: inline-block;
        width: 90px;
        height: 1px;
        margin: 0 18px 8px;
        background: linear-gradient(90deg, transparent, rgba(201,163,91,.75));
    }

    .belara2-section.belara2-categories h2::after {
        background: linear-gradient(90deg, rgba(201,163,91,.75), transparent);
    }

    .belara2-category-grid {
        display: grid;
        grid-template-columns: repeat(8, minmax(0, 1fr));
        gap: 20px;
        align-items: start;
        width: min(1180px, 100%);
        margin: 0 auto;
    }

    .belara2-category-card {
        display: block;
        text-align: center;
        color: var(--belara-chocolate);
        text-decoration: none;
        transition: transform .25s ease, color .25s ease;
    }

    .belara2-category-card:hover {
        transform: translateY(-4px);
        color: var(--belara-gold);
    }

    .belara2-category-card img {
        width: 100%;
        aspect-ratio: 1 / 1;
        display: block;
        object-fit: cover;
        margin-bottom: 13px;
        border-radius: 16px;
        border: 1px solid rgba(42,18,16,.07);
        box-shadow: 0 7px 22px rgba(42,18,16,.07);
        transition: transform .28s ease, box-shadow .28s ease;
    }

    .belara2-category-card:hover img {
        transform: scale(1.025);
        box-shadow: 0 12px 30px rgba(42,18,16,.11);
    }

    .belara2-category-card h3,
    .belara2-category-card strong {
        display: block;
        margin: 0 0 3px;
        color: inherit;
        font-size: 15px;
        font-weight: 500;
        line-height: 1.45;
    }

    .belara2-category-card p,
    .belara2-category-card small {
        display: block;
        margin: 0;
        color: var(--belara-muted);
        font-size: 12px;
        font-weight: 400;
        line-height: 1.5;
    }

    /* ==========================================================
       8. PRODUCT SECTIONS / HOMEPAGE CARDS
       ========================================================== */

    .belara2-section:has(.belara2-products-grid) {
        padding-top: 48px;
        padding-bottom: 58px;
    }

    .belara2-section:has(.belara2-products-grid) h2 {
        margin: 0 0 30px;
        text-align: center;
        color: var(--belara-chocolate);
        font-size: 28px;
        font-weight: 500;
        line-height: 1.35;
    }

    
    .belara2-section:has(.belara2-products-grid) .belara2-container {
        position: relative;
    }

    .belara2-section:has(.belara2-products-grid) .belara2-container > a:not(.belara2-product-card) {
        position: absolute;
        top: 7px;
        inset-inline-start: 0;
        color: var(--belara-mocha);
        font-size: 12px;
        font-weight: 500;
        text-decoration: none;
        border-bottom: 1px solid transparent;
        transition: color .2s ease, border-color .2s ease;
    }

    .belara2-section:has(.belara2-products-grid) .belara2-container > a:not(.belara2-product-card):hover {
        color: var(--belara-gold);
        border-bottom-color: currentColor;
    }

.belara2-products-grid {
        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 24px 18px;
        align-items: stretch;
        width: 100%;
    }

    .belara2-product-card {
        position: relative;
        display: flex;
        flex-direction: column;
        min-width: 0;
        height: 100%;
        overflow: hidden;
        border: 1px solid rgba(42,18,16,.075);
        border-radius: 14px;
        background: #fff;
        box-shadow: 0 4px 16px rgba(42,18,16,.04);
        transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
    }

    .belara2-product-card:hover {
        transform: translateY(-5px);
        border-color: rgba(201,163,91,.36);
        box-shadow: 0 12px 28px rgba(42,18,16,.09);
    }

    .belara2-product-image {
        position: relative;
        display: block;
        width: 100%;
        aspect-ratio: 1 / 1;
        overflow: hidden;
        margin: 0;
        background: #f8f4f0;
        border-radius: 14px 14px 0 0;
    }

    .belara2-product-image img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        transition: transform .45s cubic-bezier(.2,.7,.2,1);
    }

    .belara2-product-card:hover .belara2-product-image img {
        transform: scale(1.035);
    }

    .belara2-product-copy {
        display: flex;
        flex-direction: column;
        flex: 1;
        padding: 13px 13px 14px;
        text-align: right;
    }

    .belara2-product-copy h3 {
        direction: rtl;
        unicode-bidi: plaintext;
        min-height: 48px;
        max-height: 48px;
        margin: 0 0 7px;
        overflow: hidden;
        color: var(--belara-chocolate);
        font-size: 13.5px;
        font-weight: 500;
        line-height: 1.75;
        text-align: right;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .belara2-product-copy h3:hover {
        color: var(--belara-mocha);
    }

    .belara2-price {
        margin-top: 5px;
        color: var(--belara-chocolate);
        font-size: 16px;
        font-weight: 600;
        line-height: 1.45;
    }

    .belara2-price-prefix {
        margin-inline-end: 3px;
        color: var(--belara-muted);
        font-size: 12px;
        font-weight: 400;
    }

    .belara2-price del {
        margin-inline-end: 6px;
        color: #9b8c86;
        font-size: 13px;
        font-weight: 400;
        opacity: .85;
    }

    .belara2-price ins {
        color: var(--belara-chocolate);
        text-decoration: none;
        font-weight: 600;
    }

    .belara2-badge,
    .belara2-choice-badge {
        position: absolute;
        z-index: 3;
        top: 12px;
        right: 12px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 27px;
        padding: 5px 9px;
        border-radius: 999px;
        font-size: 11px;
        font-weight: 600;
        line-height: 1;
        box-shadow: 0 3px 10px rgba(42,18,16,.08);
    }

    .belara2-badge {
        background: var(--belara-chocolate);
        color: #fff;
    }

    .belara2-choice-badge {
        background: var(--belara-gold);
        color: #fff;
    }

    .belara2-product-action {
        margin-top: 10px;
        padding-top: 9px;
        border-top: 1px solid rgba(42,18,16,.07);
    }

    .belara2-product-action a,
    .belara2-product-action button,
    a.belara2-product-action {
        width: 100%;
        min-height: 42px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 10px 14px;
        border: 1px solid var(--belara-chocolate);
        border-radius: 8px;
        background: var(--belara-chocolate);
        color: #fff;
        font-family: var(--belara-font-ar);
        font-size: 13px;
        font-weight: 500;
        line-height: 1.4;
        text-align: center;
        text-decoration: none;
        opacity: 1;
        visibility: visible;
        transition: background-color .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease;
    }

    .belara2-product-action a:hover,
    .belara2-product-action button:hover,
    a.belara2-product-action:hover {
        background: var(--belara-mocha);
        border-color: var(--belara-mocha);
        color: #fff;
        transform: translateY(-1px);
        box-shadow: 0 7px 18px rgba(42,18,16,.13);
    }

    .belara2-product-copy small {
        font-size: 10px;
        line-height: 1.55;
        color: var(--belara-muted);
    }

    .belara2-products-grid:has(> .belara2-product-card:nth-child(4):last-child) {
        width: min(1120px, 100%);
        max-width: 1120px;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 24px;
        margin-inline: auto;
    }

    .belara2-section:has(.belara2-products-grid > .belara2-product-card:nth-child(4):last-child) {
        padding-top: 38px;
        padding-bottom: 64px;
    }

    /* ==========================================================
       9. SHOP BY OCCASION
       ========================================================== */

    .belara2-section:has(.belara2-occasion-grid) {
        padding: 54px 0 44px;
        background: var(--belara-cream);
    }

    .belara2-section:has(.belara2-occasion-grid) h2 {
        position: relative;
        margin: 0 auto 30px;
        color: var(--belara-chocolate);
        font-size: 28px;
        font-weight: 500;
        line-height: 1.35;
        text-align: center;
    }

    .belara2-section:has(.belara2-occasion-grid) h2::before,
    .belara2-section:has(.belara2-occasion-grid) h2::after {
        content: "";
        display: inline-block;
        width: 92px;
        height: 1px;
        margin: 0 18px 9px;
        background: linear-gradient(90deg, transparent, rgba(201,163,91,.72));
    }

    .belara2-section:has(.belara2-occasion-grid) h2::after {
        background: linear-gradient(90deg, rgba(201,163,91,.72), transparent);
    }

    .belara2-occasion-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 22px;
        width: 100%;
    }

    .belara2-occasion-grid > a {
        position: relative;
        min-height: 168px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 24px 22px;
        overflow: hidden;
        border: 1px solid rgba(201,163,91,.20);
        border-radius: 16px;
        background: linear-gradient(145deg,#fffaf7 0%,#fcecea 52%,#fff8f2 100%);
        color: var(--belara-chocolate);
        text-align: center;
        text-decoration: none;
        box-shadow: 0 7px 22px rgba(42,18,16,.05);
        transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
    }

    .belara2-occasion-grid > a:hover {
        transform: translateY(-5px);
        border-color: rgba(201,163,91,.48);
        box-shadow: 0 15px 34px rgba(42,18,16,.09);
    }

    .belara2-occasion-grid > a > b {
        position: relative;
        z-index: 2;
        display: block;
        margin-bottom: 9px;
        color: var(--belara-chocolate);
        font-size: 18px;
        font-weight: 500;
        line-height: 1.45;
    }

    .belara2-occasion-grid > a > span {
        position: relative;
        z-index: 2;
        display: block;
        max-width: 220px;
        color: var(--belara-muted);
        font-size: 13px;
        font-weight: 400;
        line-height: 1.75;
    }

    /* ==========================================================
       10. LIFESTYLE
       ========================================================== */

    section.belara2-lifestyle {
        position: relative;
        width: 100%;
        min-height: 520px;
        margin: 0;
        padding: 0;
        overflow: hidden;
        background: var(--belara-chocolate);
    }

    section.belara2-lifestyle > img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        object-position: center;
        z-index: 0;
    }

    section.belara2-lifestyle > .belara2-lifestyle-overlay {
        position: absolute;
        inset: 0;
        z-index: 1;
        background: linear-gradient(to left,rgba(42,18,16,.70) 0%,rgba(42,18,16,.54) 30%,rgba(42,18,16,.32) 53%,rgba(42,18,16,.13) 76%,rgba(42,18,16,.05) 100%);
        pointer-events: none;
    }

    section.belara2-lifestyle > .belara2-lifestyle-inner {
        position: relative;
        z-index: 2;
        min-height: 520px;
        display: flex;
        align-items: center;
        width: 100%;
        padding-block: 55px;
    }

    section.belara2-lifestyle .belara2-lifestyle-inner > div {
        width: min(540px, 46%);
        margin-left: auto;
        margin-right: 0;
        padding: 30px 18px 30px 0;
        text-align: right;
        color: #fff;
    }

    section.belara2-lifestyle .belara2-eyebrow {
        display: block;
        margin-bottom: 10px;
        color: #E1BC6B;
        font-size: 13px;
        font-weight: 500;
    }

section.belara2-lifestyle h2,
section.belara2-lifestyle h2 a,
section.belara2-lifestyle h2 span,
section.belara2-lifestyle h2 strong,
section.belara2-lifestyle h2 * {
    margin: 0 0 18px;

    color: #ffffff !important;

    font-family: var(--belara-font-ar);
    font-size: clamp(36px, 3.25vw, 48px);
    font-weight: 500;
    line-height: 1.25;

    text-align: right;
    text-decoration: none !important;

    text-shadow: 0 3px 18px rgba(0, 0, 0, .24);
}

    section.belara2-lifestyle .belara2-lifestyle-inner > div > p:not(.belara2-eyebrow) {
        max-width: 520px;
        margin: 0 0 24px;
        color: rgba(255,255,255,.96);
        font-size: 16px;
        font-weight: 400;
        line-height: 1.9;
        text-align: right;
    }

    section.belara2-lifestyle .belara2-btn {
        min-width: 174px;
        min-height: 48px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 10px 25px;
        border: 1px solid #fff;
        border-radius: 8px;
        background: #fff;
        color: var(--belara-chocolate);
        font-size: 15px;
        font-weight: 500;
        text-decoration: none;
    }

    section.belara2-lifestyle .belara2-btn:hover {
        transform: translateY(-2px);
        background: var(--belara-gold);
        border-color: var(--belara-gold);
        color: #fff;
    }

    /* ==========================================================
       11. FEATURE GRID
       ========================================================== */

    .belara2-feature-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px;
        padding-block: 72px;
    }

    .belara2-feature-grid > article {
        position: relative;
        min-height: 430px;
        display: flex;
        align-items: flex-end;
        overflow: hidden;
        border-radius: 20px;
        background: var(--belara-chocolate);
        box-shadow: 0 10px 28px rgba(42,18,16,.09);
        transition: transform .25s ease, box-shadow .25s ease;
    }

    .belara2-feature-grid > article:hover {
        transform: translateY(-4px);
        box-shadow: 0 18px 38px rgba(42,18,16,.14);
    }

    .belara2-feature-grid > article > img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        object-position: center;
        transition: transform .5s cubic-bezier(.2,.7,.2,1);
    }

    .belara2-feature-grid > article:hover > img {
        transform: scale(1.025);
    }

    .belara2-feature-grid > article::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        background: linear-gradient(to top,rgba(42,18,16,.68) 0%,rgba(42,18,16,.40) 38%,rgba(42,18,16,.12) 72%,rgba(42,18,16,.03) 100%);
        pointer-events: none;
    }

    .belara2-feature-grid > article > div {
        position: relative;
        z-index: 2;
        width: 100%;
        padding: 32px 30px;
        color: #fff;
        text-align: right;
    }

    .belara2-feature-grid .belara2-eyebrow {
        margin: 0 0 8px;
        color: #E1BC6B;
        font-size: 13px;
        font-weight: 500;
    }

    .belara2-feature-grid h2 {
        margin: 0 0 12px;
       color: #fff;
font-family: var(--belara-font-ar);
        font-size: 28px;
        font-weight: 500;
        line-height: 1.35;
        text-shadow: 0 2px 12px rgba(0,0,0,.18);
    }

    .belara2-feature-grid article > div > p:not(.belara2-eyebrow) {
        max-width: 520px;
        margin: 0 0 20px;
        color: rgba(255,255,255,.95);
        font-size: 15px;
        font-weight: 400;
        line-height: 1.85;
    }

    .belara2-feature-grid .belara2-btn {
        min-width: 150px;
        min-height: 46px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 9px 22px;
        border: 1px solid #fff;
        border-radius: 8px;
        background: #fff;
        color: var(--belara-chocolate);
        font-size: 14px;
        font-weight: 500;
        text-decoration: none;
    }

    .belara2-feature-grid .belara2-btn:hover {
        transform: translateY(-2px);
        background: var(--belara-gold);
        border-color: var(--belara-gold);
        color: #fff;
    }

    /* ==========================================================
       12. BENEFITS
       ========================================================== */

    .belara2-benefits {
        padding: 26px 0;
        background: #fff;
        border-top: 1px solid rgba(42,18,16,.07);
        border-bottom: 1px solid rgba(42,18,16,.07);
    }

    .belara2-benefits > .belara2-container {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        align-items: center;
    }

    .belara2-benefits article {
        min-height: 84px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 14px;
        padding: 12px 20px;
        border-inline-start: 1px solid rgba(42,18,16,.09);
    }

    .belara2-benefits article:first-child {
        border-inline-start: 0;
    }

    .belara2-benefits article > span {
        flex: 0 0 auto;
        color: var(--belara-gold);
        font-size: 25px;
        line-height: 1;
    }

    .belara2-benefits article > div {
        text-align: right;
    }

    .belara2-benefits article b {
        display: block;
        margin-bottom: 5px;
        color: var(--belara-chocolate);
        font-size: 15px;
        font-weight: 500;
    }

    .belara2-benefits article small {
        display: block;
        color: var(--belara-muted);
        font-size: 12px;
        line-height: 1.6;
    }

    /* ==========================================================
       13. SHOP PAGE
       ========================================================== */

    body.woocommerce-shop main,
    body.post-type-archive-product main {
        background: var(--belara-cream);
    }

    body.woocommerce-shop .woocommerce,
    body.post-type-archive-product .woocommerce {
        width: 100%;
    }

    body.woocommerce-shop .woocommerce-products-header,
    body.post-type-archive-product .woocommerce-products-header {
        width: min(1220px, calc(100% - 48px));
        margin: 0 auto;
        padding: 54px 0 32px;
        text-align: center;
    }

    body.woocommerce-shop .woocommerce-products-header__title,
    body.post-type-archive-product .woocommerce-products-header__title,
    body.woocommerce-shop h1.page-title,
    body.post-type-archive-product h1.page-title {
        width: 100%;
        margin: 0 auto 30px;
        color: var(--belara-chocolate);
        font-size: 36px;
        font-weight: 500;
        line-height: 1.3;
        text-align: center;
    }

    body.woocommerce-shop .woocommerce-result-count,
    body.post-type-archive-product .woocommerce-result-count {
        float: right;
        margin: 0 24px 28px 0;
        color: var(--belara-muted);
        font-size: 14px;
        line-height: 1.5;
    }

    body.woocommerce-shop .woocommerce-ordering,
    body.post-type-archive-product .woocommerce-ordering {
        float: left;
        margin: 0 0 28px 24px;
    }

    body.woocommerce-shop .woocommerce-ordering select,
    body.post-type-archive-product .woocommerce-ordering select {
        min-width: 220px;
        height: 46px;
        padding: 0 14px;
        border: 1px solid rgba(42,18,16,.13);
        border-radius: 10px;
        background: #fff;
        color: var(--belara-chocolate);
        font-family: inherit;
        font-size: 14px;
        outline: none;
    }

    body.woocommerce-shop ul.products,
    body.post-type-archive-product ul.products,
    body.tax-product_cat ul.products {
        width: min(1220px, calc(100% - 48px));
        max-width: 1220px;
        margin: 0 auto 70px;
        padding: 0;
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        grid-auto-flow: row;
        gap: 28px 24px;
        clear: both;
    }

    body.woocommerce-shop ul.products::before,
    body.woocommerce-shop ul.products::after,
    body.post-type-archive-product ul.products::before,
    body.post-type-archive-product ul.products::after,
    body.tax-product_cat ul.products::before,
    body.tax-product_cat ul.products::after {
        content: none;
        display: none;
    }

    body.woocommerce-shop ul.products li.product,
    body.post-type-archive-product ul.products li.product,
    body.tax-product_cat ul.products li.product {
        position: relative;
        float: none;
        clear: none;
        width: 100%;
        max-width: none;
        margin: 0;
        padding: 0 0 16px;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        border: 1px solid rgba(42,18,16,.075);
        border-radius: 16px;
        background: #fff;
        box-shadow: 0 5px 18px rgba(42,18,16,.045);
        transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
    }

    body.woocommerce-shop ul.products li.product:hover,
    body.post-type-archive-product ul.products li.product:hover,
    body.tax-product_cat ul.products li.product:hover {
        transform: translateY(-5px);
        border-color: rgba(201,163,91,.38);
        box-shadow: 0 15px 34px rgba(42,18,16,.10);
    }

    body.woocommerce-shop ul.products li.product img,
    body.post-type-archive-product ul.products li.product img,
    body.tax-product_cat ul.products li.product img {
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 1;
        display: block;
        margin: 0 0 15px;
        object-fit: cover;
        object-position: center;
        border-radius: 15px 15px 0 0;
        background: #f8f4f0;
        transition: transform .45s cubic-bezier(.2,.7,.2,1);
    }

    body.woocommerce-shop ul.products li.product:hover img,
    body.post-type-archive-product ul.products li.product:hover img,
    body.tax-product_cat ul.products li.product:hover img {
        transform: scale(1.025);
    }

    body.woocommerce-shop .woocommerce-loop-product__title.belara-product-title,
    body.post-type-archive-product .woocommerce-loop-product__title.belara-product-title,
    body.tax-product_cat .woocommerce-loop-product__title.belara-product-title {
        min-height: 64px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: 3px;
        margin: 0 14px 9px;
        text-align: center;
        overflow: visible;
    }

    .belara-product-title-ar {
        display: block;
        width: 100%;
        direction: rtl;
        unicode-bidi: plaintext;
        color: var(--belara-chocolate);
        font-size: 15px;
        font-weight: 500;
        line-height: 1.55;
        text-align: center;
    }

    .belara-product-title-en {
        display: block;
        width: 100%;
        direction: ltr;
        color: #715f58;
        font-size: 12px;
        font-weight: 400;
        line-height: 1.45;
        text-align: center;
    }

    .belara-product-title-single {
        display: block;
        width: 100%;
        color: var(--belara-chocolate);
        font-size: 14px;
        font-weight: 500;
        line-height: 1.55;
        text-align: center;
    }

    body.woocommerce-shop ul.products li.product .price,
    body.post-type-archive-product ul.products li.product .price,
    body.tax-product_cat ul.products li.product .price {
        display: block;
        margin: 0 16px 10px;
        color: var(--belara-chocolate);
        text-align: center;
        font-size: 16px;
        font-weight: 600;
        line-height: 1.5;
    }

    body.woocommerce-shop ul.products li.product a.button,
    body.post-type-archive-product ul.products li.product a.button,
    body.tax-product_cat ul.products li.product a.button {
        min-height: 44px;
        margin: auto 16px 0;
        padding: 10px 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid var(--belara-chocolate);
        border-radius: 8px;
        background: var(--belara-chocolate);
        color: #fff;
        font-size: 14px;
        font-weight: 500;
        line-height: 1.4;
        text-align: center;
        text-decoration: none;
    }

    body.woocommerce-shop .belara2-wishlist-button,
    body.post-type-archive-product .belara2-wishlist-button,
    body.tax-product_cat .belara2-wishlist-button {
        position: absolute;
        top: 14px;
        right: 14px;
        left: auto;
        z-index: 20;
        width: 42px;
        height: 42px;
        min-width: 42px;
        min-height: 42px;
        margin: 0;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(42,18,16,.12);
        border-radius: 50%;
        background: rgba(255,255,255,.94);
        color: var(--belara-chocolate);
        font-size: 21px;
        line-height: 1;
        box-shadow: 0 5px 16px rgba(42,18,16,.11);
    }

    body.woocommerce-shop .belara2-wishlist-button:hover,
    body.post-type-archive-product .belara2-wishlist-button:hover,
    body.tax-product_cat .belara2-wishlist-button:hover {
        transform: translateY(-2px);
        background: var(--belara-gold);
        border-color: var(--belara-gold);
        color: #fff;
        box-shadow: 0 8px 20px rgba(42,18,16,.16);
    }

    /* ==========================================================
       14. SINGLE PRODUCT
       ========================================================== */

    .single-product .belara-single-product-title {
        margin: 0 0 18px;
        padding: 0;
        text-align: right;
        line-height: 1.3;
    }

    .single-product .belara-single-title-ar {
        display: block;
        direction: rtl;
        color: var(--belara-chocolate);
        font-size: 30px;
        font-weight: 500;
        line-height: 1.35;
    }

    .single-product .belara-single-title-en {
        display: block;
        direction: ltr;
        text-align: right;
        margin-top: 5px;
        color: #806b63;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.5;
    }

    .single-product .belara-single-title-one {
        display: block;
        color: var(--belara-chocolate);
        font-size: 30px;
        font-weight: 500;
        line-height: 1.4;
    }

    .single-product div.product .summary {
        padding: 22px 30px 30px;
        box-sizing: border-box;
    }

    .single-product div.product .summary .price {
        display: block;
        margin: 20px 0 22px;
        color: var(--belara-chocolate);
        font-size: 25px;
        font-weight: 600;
        line-height: 1.4;
    }

    .single-product .woocommerce-product-details__short-description {
        margin-bottom: 24px;
        color: #55433d;
        font-size: 15px;
        line-height: 1.9;
    }

    .single-product form.cart .quantity .qty {
        width: 72px;
        height: 48px;
        padding: 0 10px;
        border: 1px solid #e3d7d1;
        border-radius: 9px;
        background: #fff;
        color: var(--belara-chocolate);
        font-size: 16px;
        font-weight: 500;
        text-align: center;
    }

    .single-product div.product form.cart .single_add_to_cart_button {
        min-height: 48px;
        padding: 0 30px;
        border: 1px solid var(--belara-chocolate);
        border-radius: 9px;
        background: var(--belara-chocolate);
        color: #fff;
        font-size: 15px;
        font-weight: 500;
        box-shadow: none;
    }

    .single-product div.product form.cart .single_add_to_cart_button:hover {
        background: var(--belara-mocha);
        border-color: var(--belara-mocha);
        color: #fff;
    }

    .single-product .product_meta {
        margin-top: 28px;
        padding-top: 20px;
        border-top: 1px solid #eadfd9;
        color: #705d55;
        font-size: 13px;
        line-height: 1.9;
    }

    .single-product .woocommerce-tabs {
        margin-top: 42px;
    }

    .single-product .woocommerce-tabs .woocommerce-Tabs-panel {
        padding: 34px 38px;
        background: #fffaf6;
        color: #4b3933;
        line-height: 2;
    }

    /* ==========================================================
       15. COMPLETE THE LOOK
       ========================================================== */

    body.single-product .belara2-complete-look {
        width: 100%;
        max-width: 1240px;
        margin: 45px auto 25px;
        padding: 35px 30px 25px;
        box-sizing: border-box;
        text-align: center;
    }

    body.single-product .belara2-complete-look > h2 {
        display: block;
        width: 100%;
        margin: 0 auto 8px;
        padding: 0;
        color: var(--belara-chocolate);
        font-size: 30px;
        font-weight: 500;
        line-height: 1.35;
        text-align: center;
    }

    body.single-product .belara2-complete-look > p {
        display: block;
        width: 100%;
        margin: 0 auto 28px;
        padding: 0;
        color: var(--belara-mocha);
        font-size: 15px;
        line-height: 1.7;
        text-align: center;
    }

    body.single-product .belara2-complete-look .belara2-plugin-products {
        display: grid;
        grid-template-columns: repeat(4, minmax(0,1fr));
        gap: 24px;
        width: 100%;
        max-width: 1180px;
        margin: 0 auto;
        padding: 0;
        align-items: stretch;
    }

    body.single-product .belara2-complete-look .belara2-product-card {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
        background: #fff;
        border: 1px solid rgba(107,70,54,.14);
        border-radius: 16px;
        overflow: hidden;
        box-shadow: 0 8px 24px rgba(42,18,16,.05);
    }

    body.single-product .belara2-complete-look .belara2-product-image img {
        width: 100%;
        height: 330px;
        object-fit: cover;
    }

    body.single-product .belara2-complete-look .belara2-product-copy {
        display: flex;
        flex-direction: column;
        flex: 1;
        padding: 17px 15px 15px;
        text-align: center;
    }

    body.single-product .belara2-complete-look .belara2-product-copy h3 {
        margin: 0 0 10px;
        min-height: 52px;
        color: var(--belara-chocolate);
        font-size: 15px;
        font-weight: 500;
        line-height: 1.65;
        text-align: center;
    }

    body.single-product .belara2-complete-look .belara2-price {
        margin-top: auto;
        margin-bottom: 12px;
        color: var(--belara-chocolate);
        font-weight: 600;
        text-align: center;
    }

    body.single-product .belara2-complete-look .belara2-product-action {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-height: 44px;
        margin: 0;
        padding: 9px 12px;
        background: var(--belara-chocolate);
        color: #fff;
        border-radius: 8px;
        font-weight: 500;
        text-decoration: none;
    }

    body.single-product .belara2-add-look-form {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 28px auto 0;
        padding: 0;
        text-align: center;
    }

    body.single-product .belara2-add-look-form button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 260px;
        min-height: 50px;
        margin: 0 auto;
        padding: 10px 26px;
        border: 0;
        border-radius: 10px;
        background: var(--belara-chocolate);
        color: #fff;
        font-size: 15px;
        font-weight: 500;
        cursor: pointer;
    }

    /* ==========================================================
       16. RELATED PRODUCTS
       ========================================================== */

    body.single-product section.related.products {
        display: block;
        width: 100%;
        max-width: 1240px;
        margin: 30px auto 55px;
        padding: 20px 25px 35px;
        box-sizing: border-box;
        clear: both;
    }

    body.single-product section.related.products > h2 {
        width: 100%;
        margin: 0 auto 30px;
        padding: 0;
        color: var(--belara-chocolate);
        font-size: 30px;
        font-weight: 500;
        line-height: 1.35;
        text-align: center;
    }

    body.single-product section.related.products ul.products,
    body.single-product section.related.products ul.products.columns-4 {
        display: grid;
        grid-template-columns: repeat(4, minmax(0,1fr));
        gap: 24px;
        width: 100%;
        max-width: 1180px;
        margin: 0 auto;
        padding: 0;
        list-style: none;
        clear: both;
    }

    body.single-product section.related.products ul.products::before,
    body.single-product section.related.products ul.products::after {
        display: none;
        content: none;
    }

    body.single-product section.related.products ul.products li.product {
        position: relative;
        display: flex;
        flex-direction: column;
        float: none;
        clear: none;
        width: 100%;
        max-width: none;
        min-width: 0;
        margin: 0;
        padding: 0 0 14px;
        box-sizing: border-box;
        background: #fff;
        border: 1px solid rgba(107,70,54,.14);
        border-radius: 16px;
        overflow: hidden;
        box-shadow: 0 8px 24px rgba(42,18,16,.05);
    }

    body.single-product section.related.products ul.products li.product img {
        display: block;
        width: 100%;
        height: 330px;
        margin: 0 0 16px;
        padding: 0;
        object-fit: cover;
        border-radius: 0;
    }

    body.single-product section.related.products .woocommerce-loop-product__title {
        min-height: 52px;
        margin: 0 14px 10px;
        padding: 0;
        color: var(--belara-chocolate);
        font-size: 15px;
        font-weight: 500;
        line-height: 1.65;
        text-align: center;
    }

    body.single-product section.related.products li.product .price {
        display: block;
        margin: 5px 12px 14px;
        color: var(--belara-chocolate);
        font-weight: 600;
        text-align: center;
    }

    body.single-product section.related.products li.product .button {
        display: flex;
        align-items: center;
        justify-content: center;
        width: calc(100% - 28px);
        min-height: 46px;
        margin: auto 14px 0;
        padding: 10px 12px;
        box-sizing: border-box;
        background: var(--belara-chocolate);
        color: #fff;
        border: 0;
        border-radius: 8px;
        font-weight: 500;
        text-align: center;
    }

    body.single-product .related.products .belara2-wishlist-button {
        position: absolute;
        top: 14px;
        right: 14px;
        left: auto;
        z-index: 20;
        width: 42px;
        height: 42px;
        min-width: 42px;
        min-height: 42px;
        margin: 0;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(42,18,16,.12);
        border-radius: 50%;
        background: rgba(255,255,255,.95);
        color: var(--belara-chocolate);
    }

    /* ==========================================================
       17. SMALL DESKTOP
       ========================================================== */

    @media (max-width: 1199px) {
        .belara2-category-grid {
            grid-template-columns: repeat(4, minmax(0,1fr));
            gap: 26px;
        }

        .belara2-products-grid {
            grid-template-columns: repeat(4, minmax(0,1fr));
            gap: 24px 18px;
        }

        .belara2-occasion-grid {
            grid-template-columns: repeat(2, minmax(0,1fr));
        }

        body.woocommerce-shop ul.products,
        body.post-type-archive-product ul.products,
        body.tax-product_cat ul.products {
            grid-template-columns: repeat(3, minmax(0,1fr));
        }
    }
}/* BELARA — Complete Look title fix */
.belara2-complete-look h2 {
    color: #ffffff !important;
}
@media (min-width: 1024px) {

    .belara2-hero-copy .belara2-eyebrow.belara2-hero-brand {
        gap: 13px;
        margin-bottom: 17px;
    }

    .belara2-hero-copy .belara2-hero-brand-ar {
        font-size: 21px;
        font-weight: 700;
        color: #6B4636;
    }

    .belara2-hero-copy .belara2-hero-brand-en {
        font-size: 21px;
        font-weight: 700;
        color: #2A1210;
        letter-spacing: 0.07em;
    }

    .belara2-hero-copy .belara2-hero-brand-divider {
        font-size: 23px;
        font-weight: 500;
        color: #B88932;
    }
}
/* ==========================================================
   BELARA — DESKTOP MEGA MENU V1
   Store categories only
   ========================================================== */

@media (min-width: 1101px) {

    .belara2-header,
    .belara2-nav-row,
    .belara2-nav-row .belara2-container,
    .belara2-nav-row .belara2-menu {
        overflow: visible !important;
    }

    .belara2-nav-row .belara2-menu > li {
        position: relative;
    }

    /* متجر */
    #menu-item-32428 > a {
        padding-inline-end: 18px;
    }

    #menu-item-32428 > a::before {
        content: "⌄";
        position: absolute;
        inset-inline-end: 1px;
        top: 50%;
        transform: translateY(-55%);
        color: var(--belara-gold);
        font-size: 14px;
        line-height: 1;
    }

    /* Mega menu */
    #menu-item-32428 > .sub-menu {
        position: absolute;
        top: calc(100% - 1px);
        left: 50%;
        transform: translate(-50%, 10px);

        display: grid !important;
        grid-template-columns: repeat(4, minmax(155px, 1fr));
        gap: 8px 14px;

        width: 760px;
        max-width: calc(100vw - 80px);

        margin: 0;
        padding: 20px;

        list-style: none;

        background: rgba(255, 250, 246, .99);
        border: 1px solid rgba(42, 18, 16, .10);
        border-radius: 16px;

        box-shadow:
            0 22px 55px rgba(42, 18, 16, .14),
            0 4px 14px rgba(42, 18, 16, .05);

        opacity: 0;
        visibility: hidden;
        pointer-events: none;

        transition:
            opacity .18s ease,
            transform .18s ease,
            visibility .18s ease;

        z-index: 9999;
    }

    #menu-item-32428:hover > .sub-menu,
    #menu-item-32428:focus-within > .sub-menu {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translate(-50%, 0);
    }

    /* عناصر الأقسام */
    #menu-item-32428 > .sub-menu > li {
        position: relative;
        display: block;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    #menu-item-32428 > .sub-menu > li > a {
        display: block;

        padding: 11px 13px;

        color: var(--belara-chocolate);
        background: transparent;

        border-radius: 9px;

        font-size: 14px;
        font-weight: 600;
        line-height: 1.45;

        text-align: right;
        white-space: nowrap;

        transition:
            background .16s ease,
            color .16s ease,
            transform .16s ease;
    }

    #menu-item-32428 > .sub-menu > li > a:hover,
    #menu-item-32428 > .sub-menu > li > a:focus {
        background: rgba(201, 163, 91, .11);
        color: var(--belara-chocolate);
        transform: translateX(-2px);
        outline: none;
    }

    /* إلغاء خط القائمة الرئيسي داخل الميجا منيو */
    #menu-item-32428 .sub-menu a::after {
        display: none !important;
    }

    /* ======================================================
       العطور وفروعها
       ====================================================== */

    #menu-item-32548 {
        background: rgba(201, 163, 91, .07);
        border-radius: 10px;
        padding-bottom: 7px !important;
    }

    #menu-item-32548 > a {
        color: var(--belara-chocolate);
        font-weight: 700 !important;
    }

    #menu-item-32548 > .sub-menu {
        position: static !important;

        display: block !important;

        width: auto !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 2px 13px 3px !important;

        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;

        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;

        transform: none !important;
    }

    #menu-item-32548 > .sub-menu > li {
        display: block;
        margin: 0;
        padding: 0;
    }

    #menu-item-32548 > .sub-menu > li > a {
        display: block;

        padding: 5px 8px;

        color: var(--belara-mocha);

        font-size: 12px;
        font-weight: 500;
        line-height: 1.45;

        text-align: right;
        border-radius: 6px;
    }

    #menu-item-32548 > .sub-menu > li > a:hover,
    #menu-item-32548 > .sub-menu > li > a:focus {
        color: var(--belara-chocolate);
        background: rgba(255,255,255,.60);
        outline: none;
    }
/* ==========================================================
   BELARA — LOGGED-IN MY ACCOUNT / DESKTOP
   ========================================================== */

body.woocommerce-account.logged-in
.woocommerce {
    width: 100%;

    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 260px !important;
    gap: 34px;

    align-items: start;

    /* نستخدم LTR فقط لترتيب أعمدة Grid بدقة */
    direction: ltr;
}/* منع clearfix الخاص بـ WooCommerce من دخول Grid */
body.woocommerce-account.logged-in
.woocommerce::before,

body.woocommerce-account.logged-in
.woocommerce::after {
    content: none !important;
    display: none !important;
}


/* قائمة الحساب — يمين */
body.woocommerce-account.logged-in
.woocommerce-MyAccount-navigation {
    grid-column: 2 !important;
    grid-row: 1 !important;

    direction: rtl;
}


/* محتوى الحساب — يسار وأعرض */
body.woocommerce-account.logged-in
.woocommerce-MyAccount-content {
    grid-column: 1 !important;
    grid-row: 1 !important;

    direction: rtl;
}
  body.woocommerce-account
    .woocommerce-MyAccount-content
    .woocommerce-info,
    
    body.woocommerce-account
    .woocommerce-MyAccount-content
    .woocommerce-message {
        position: relative;

        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;

        min-height: 78px;

        margin: 0 0 20px !important;
        padding: 18px 20px !important;

        background: #fffaf4;

        border: 1px solid rgba(201,163,91,.30) !important;
        border-radius: 12px;

        color: var(--belara-chocolate);

        font-size: 14px;
        line-height: 1.8;

        box-shadow: none;
    }

    body.woocommerce-account
.woocommerce-MyAccount-content
.woocommerce-info::before,

body.woocommerce-account
.woocommerce-MyAccount-content
.woocommerce-message::before {
    content: none !important;
    display: none !important;
}

    body.woocommerce-account
    .woocommerce-MyAccount-content
    .woocommerce-info .button,

    body.woocommerce-account
    .woocommerce-MyAccount-content
    .woocommerce-message .button {
        flex: 0 0 auto;

        min-width: 150px;
        min-height: 44px;

        display: inline-flex;
        align-items: center;
        justify-content: center;

        margin: 0 !important;
        padding: 10px 18px !important;

        background: var(--belara-chocolate) !important;
        color: #fff !important;

        border: 1px solid var(--belara-chocolate) !important;
        border-radius: 8px !important;

        font-size: 13px;
        font-weight: 500;

        text-decoration: none !important;
    }

    body.woocommerce-account
    .woocommerce-MyAccount-content
    .woocommerce-info .button:hover,

    body.woocommerce-account
    .woocommerce-MyAccount-content
    .woocommerce-message .button:hover {
        background: var(--belara-mocha) !important;
        border-color: var(--belara-mocha) !important;
    }


    /* Orders table when real orders exist */
    body.woocommerce-account
    .woocommerce-orders-table {
        width: 100%;

        margin: 0;

        border-collapse: separate;
        border-spacing: 0;

        background: #fff;

        border: 1px solid rgba(42,18,16,.09);
        border-radius: 12px;

        overflow: hidden;
    }

    body.woocommerce-account
    .woocommerce-orders-table th {
        padding: 14px 12px;

        background: rgba(201,163,91,.10);

        color: var(--belara-chocolate);

        font-size: 13px;
        font-weight: 600;
        text-align: right;
    }

    body.woocommerce-account
    .woocommerce-orders-table td {
        padding: 14px 12px;

        color: var(--belara-chocolate);

        font-size: 13px;

        border-top: 1px solid rgba(42,18,16,.07);
    }

    body.woocommerce-account
    .woocommerce-orders-table
    .woocommerce-button {
        min-height: 36px !important;

        padding: 7px 14px !important;

        font-size: 12px !important;
    }
}
/* =========================
   قائمة الحساب
   ========================= */

body.woocommerce-account.logged-in
.woocommerce-MyAccount-navigation {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 18px;

    background: #fff;

    border: 1px solid rgba(42,18,16,.09);
    border-radius: 16px;

    box-shadow: 0 7px 24px rgba(42,18,16,.05);
}

body.woocommerce-account.logged-in
.woocommerce-MyAccount-navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

body.woocommerce-account.logged-in
.woocommerce-MyAccount-navigation li {
    margin: 0;
    padding: 0;
    list-style: none;
}

body.woocommerce-account.logged-in
.woocommerce-MyAccount-navigation a {
    display: block;

    padding: 12px 14px;

    color: var(--belara-chocolate);

    border-radius: 8px;

    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;

    text-decoration: none;

    transition:
        background .16s ease,
        color .16s ease,
        padding .16s ease;
}

body.woocommerce-account.logged-in
.woocommerce-MyAccount-navigation a:hover {
    padding-inline-start: 18px;
    background: rgba(201,163,91,.10);
}

body.woocommerce-account.logged-in
.woocommerce-MyAccount-navigation
.is-active > a {
    background: var(--belara-chocolate);
    color: #fff;
}


/* تسجيل الخروج */
body.woocommerce-account.logged-in
.woocommerce-MyAccount-navigation-link--customer-logout {
    margin-top: 10px;
    padding-top: 10px;

    border-top: 1px solid rgba(42,18,16,.09);
}


/* =========================
   محتوى الحساب
   ========================= */

body.woocommerce-account.logged-in
.woocommerce-MyAccount-content {
    float: none !important;
    width: 100% !important;

    min-height: 360px;

    margin: 0 !important;
    padding: 32px 36px;

    background: #fff;

    border: 1px solid rgba(42,18,16,.09);
    border-radius: 16px;

    box-shadow: 0 7px 24px rgba(42,18,16,.05);

    color: var(--belara-chocolate);
}

body.woocommerce-account.logged-in
.woocommerce-MyAccount-content p {
    margin: 0 0 16px;

    color: var(--belara-chocolate);

    font-size: 15px;
    line-height: 1.9;
}

body.woocommerce-account.logged-in
.woocommerce-MyAccount-content a {
    color: var(--belara-mocha);
    text-decoration: underline;
    text-underline-offset: 3px;
}


/* عناوين الصفحات الداخلية */
body.woocommerce-account.logged-in
.woocommerce-MyAccount-content h2,
body.woocommerce-account.logged-in
.woocommerce-MyAccount-content h3 {
    color: var(--belara-chocolate);
    font-weight: 500;
}


/* الجداول مثل الطلبات */
body.woocommerce-account.logged-in
.woocommerce-MyAccount-content table {
    width: 100%;

    border-collapse: separate;
    border-spacing: 0;

    overflow: hidden;

    border: 1px solid rgba(42,18,16,.09);
    border-radius: 10px;
}

body.woocommerce-account.logged-in
.woocommerce-MyAccount-content table th {
    padding: 13px;

    background: rgba(201,163,91,.09);
    color: var(--belara-chocolate);

    font-weight: 600;
}

body.woocommerce-account.logged-in
.woocommerce-MyAccount-content table td {
    padding: 13px;

    border-top: 1px solid rgba(42,18,16,.07);
}


/* رسائل WooCommerce */
body.woocommerce-account.logged-in
.woocommerce-message,
body.woocommerce-account.logged-in
.woocommerce-info {
    margin-bottom: 22px;

    padding: 15px 18px;

    background: rgba(201,163,91,.08);

    border: 1px solid rgba(201,163,91,.25);
    border-radius: 9px;

    color: var(--belara-chocolate);
}
}
/* ==========================================================
   BELARA — PRODUCT SEARCH HEADER / DESKTOP V1
   ========================================================== */

@media (min-width: 1101px) {

    /* Search page background */
    body.search.post-type-archive-product main {
        background: var(--belara-cream);
    }

    /* Search title area */
    body.search.post-type-archive-product .woocommerce-products-header {
        width: min(1220px, calc(100% - 48px));
        margin: 0 auto;
        padding: 34px 0 22px;
        text-align: center;
    }

    body.search.post-type-archive-product
    .woocommerce-products-header__title,

    body.search.post-type-archive-product
    h1.page-title {
        margin: 0 auto 24px;

        color: var(--belara-chocolate);

        font-family: var(--belara-font-ar);
        font-size: 30px;
        font-weight: 500;
        line-height: 1.35;

        text-align: center;
    }

    /* Result count */
    body.search.post-type-archive-product
    .woocommerce-result-count {
        float: right;

        margin: 0 48px 22px 0;

        color: var(--belara-muted);

        font-size: 13px;
        font-weight: 400;
        line-height: 42px;
    }

    /* Ordering */
    body.search.post-type-archive-product
    .woocommerce-ordering {
        float: left;

        margin: 0 0 22px 48px;
    }

    body.search.post-type-archive-product
    .woocommerce-ordering select {
        min-width: 190px;
        height: 42px;

        padding: 0 14px;

        border: 1px solid rgba(42,18,16,.12);
        border-radius: 9px;

        background: #fff;

        color: var(--belara-chocolate);

        font-family: var(--belara-font-ar);
        font-size: 13px;

        outline: none;
        cursor: pointer;
    }

    body.search.post-type-archive-product
    .woocommerce-ordering select:focus {
        border-color: var(--belara-gold);
        box-shadow: 0 0 0 3px rgba(201,163,91,.10);
    }

    /* Bring product grid slightly closer */
    body.search.post-type-archive-product ul.products {
        clear: both;
        margin-top: 0;
    }
}/* ==========================================================
   BELARA — WISHLIST / DESKTOP V1
   ========================================================== */

@media (min-width: 1101px) {

    body.page-wishlist main,
    body.page-id-32412 main {
        background: var(--belara-cream);
    }

    body.page-id-32412 .belara2-page-shell {
        width: min(1220px, calc(100% - 48px));
        margin: 0 auto;
        padding: 52px 0 80px;
    }

    body.page-id-32412 .belara2-page-shell article {
        padding: 0;
        background: transparent;
        border-radius: 0;
    }

    body.page-id-32412 .belara2-page-shell h1 {
        margin: 0 0 10px;
        color: var(--belara-chocolate);
        font-size: 36px;
        font-weight: 500;
        line-height: 1.35;
        text-align: center;
    }

    body.page-id-32412 .belara2-wishlist-page > p {
        margin: 0 auto 34px;
        color: var(--belara-mocha);
        font-size: 14px;
        text-align: center;
    }

    body.page-id-32412 .belara2-plugin-products {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 28px 24px;
    }

    body.page-id-32412 .belara2-product-card {
        position: relative;
        overflow: hidden;
        background: #fff;
        border: 1px solid rgba(42,18,16,.075);
        border-radius: 16px;
        box-shadow: 0 5px 18px rgba(42,18,16,.045);
        transition:
            transform .25s ease,
            box-shadow .25s ease,
            border-color .25s ease;
    }

    body.page-id-32412 .belara2-product-card:hover {
        transform: translateY(-5px);
        border-color: rgba(201,163,91,.38);
        box-shadow: 0 15px 34px rgba(42,18,16,.10);
    }

    body.page-id-32412 .belara2-product-image {
        display: block;
        aspect-ratio: 1 / 1;
        overflow: hidden;
        background: #f8f4f0;
    }

    body.page-id-32412 .belara2-product-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform .4s ease;
    }

    body.page-id-32412 .belara2-product-card:hover
    .belara2-product-image img {
        transform: scale(1.025);
    }

    body.page-id-32412 .belara2-product-copy {
        padding: 15px 16px 17px;
        text-align: center;
    }

    body.page-id-32412 .belara2-product-copy h3 {
        min-height: 48px;
        margin: 0 0 8px;
        color: var(--belara-chocolate);
        font-size: 14px;
        font-weight: 500;
        line-height: 1.55;
    }

    body.page-id-32412 .belara2-price {
        min-height: 28px;
        margin-bottom: 11px;
        color: var(--belara-chocolate);
        font-size: 16px;
        font-weight: 600;
    }

    body.page-id-32412 .belara2-product-action {
        min-height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;

        padding: 10px 16px;

        background: var(--belara-chocolate);
        color: #fff;

        border-radius: 8px;

        font-size: 14px;
        font-weight: 500;
        text-decoration: none;
    }

    /* Heart / remove */
    body.page-id-32412 .belara-wishlist-remove {
        position: absolute;
        top: 14px;
        right: 14px;
        z-index: 20;

        width: 42px;
        height: 42px;

        display: flex;
        align-items: center;
        justify-content: center;

        margin: 0;
        padding: 0;

        border: 1px solid rgba(42,18,16,.12);
        border-radius: 50%;

        background: rgba(255,255,255,.95);
        color: var(--belara-chocolate);

        font-size: 20px;
        cursor: pointer;

        box-shadow: 0 5px 16px rgba(42,18,16,.11);
    }

    body.page-id-32412 .belara-wishlist-remove:hover {
        background: var(--belara-gold);
        border-color: var(--belara-gold);
        color: #fff;
        transform: translateY(-2px);
    }

    /* Empty wishlist */
    body.page-id-32412 .belara-wishlist-empty {
        max-width: 620px;

        margin: 20px auto 0;
        padding: 58px 38px;

        background: #fff;

        border: 1px solid rgba(42,18,16,.08);
        border-radius: 18px;

        text-align: center;
    }

    body.page-id-32412 .belara-wishlist-empty-heart {
        margin-bottom: 12px;
        color: var(--belara-gold);
        font-size: 46px;
        line-height: 1;
    }

    body.page-id-32412 .belara-wishlist-empty h2 {
        margin: 0 0 9px;
        color: var(--belara-chocolate);
        font-size: 25px;
        font-weight: 500;
    }

    body.page-id-32412 .belara-wishlist-empty p {
        margin: 0 0 24px;
        color: var(--belara-mocha);
        font-size: 14px;
    }
}/* ==========================================================
   BELARA — MY ACCOUNT / DESKTOP V1
   ========================================================== */

@media (min-width: 1101px) {

    body.woocommerce-account main {
        background: var(--belara-cream);
    }

    body.woocommerce-account .belara2-page-shell {
        width: min(1180px, calc(100% - 48px));
        margin: 0 auto;
        padding: 52px 0 80px;
    }

    body.woocommerce-account .belara2-page-shell > article {
        padding: 0;
        background: transparent;
        border-radius: 0;
    }

    /* عنوان الصفحة */
    body.woocommerce-account .belara2-page-shell h1 {
        margin: 0 0 36px;
        color: var(--belara-chocolate);
        font-family: var(--belara-font-ar);
        font-size: 36px;
        font-weight: 500;
        line-height: 1.35;
        text-align: center;
    }

    /* عمودا الدخول والتسجيل */
    body.woocommerce-account
    .woocommerce
    #customer_login {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 28px;
        align-items: stretch;
    }

    body.woocommerce-account
    #customer_login .u-column1,
    body.woocommerce-account
    #customer_login .u-column2 {
        float: none;
        width: auto;
        margin: 0;
        padding: 32px 34px;

        background: #fff;
        border: 1px solid rgba(42,18,16,.09);
        border-radius: 18px;

        box-shadow: 0 8px 28px rgba(42,18,16,.055);
    }

    /* العناوين */
  body.woocommerce-account
.woocommerce
#customer_login {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 28px;
    align-items: start;
}

/* منع clearfix الخاص بـ WooCommerce من دخول شبكة Grid */
body.woocommerce-account
.woocommerce
#customer_login::before,

body.woocommerce-account
.woocommerce
#customer_login::after {
    content: none !important;
    display: none !important;
}

body.woocommerce-account
#customer_login > .u-column1,

body.woocommerce-account
#customer_login > .u-column2 {
    float: none !important;
    clear: none !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;

    padding: 32px 34px;

    background: #fff;
    border: 1px solid rgba(42,18,16,.09);
    border-radius: 18px;

    box-shadow: 0 8px 28px rgba(42,18,16,.055);
}
    /* إزالة إطار WooCommerce الداخلي القديم */
    body.woocommerce-account
    form.login,
    body.woocommerce-account
    form.register {
        margin: 0;
        padding: 0;
        border: 0;
    }

    body.woocommerce-account
    .woocommerce-form-row {
        margin: 0 0 18px;
    }

    body.woocommerce-account
    .woocommerce-form-row label {
        display: block;
        margin-bottom: 7px;

        color: var(--belara-chocolate);

        font-size: 14px;
        font-weight: 500;
    }

    /* الحقول */
    body.woocommerce-account
    .woocommerce-Input,
    body.woocommerce-account
    input.input-text {
        width: 100%;
        min-height: 48px;

        padding: 0 14px;

        border: 1px solid rgba(42,18,16,.16);
        border-radius: 9px;

        background: #fff;
        color: var(--belara-chocolate);

        font-family: var(--belara-font-ar);
        font-size: 14px;

        outline: none;

        transition:
            border-color .18s ease,
            box-shadow .18s ease;
    }

    body.woocommerce-account
    .woocommerce-Input:focus,
    body.woocommerce-account
    input.input-text:focus {
        border-color: var(--belara-gold);
        box-shadow: 0 0 0 3px rgba(201,163,91,.10);
    }

    /* الأزرار */
    body.woocommerce-account
    .woocommerce button.button,
    body.woocommerce-account
    .woocommerce a.button {
        min-height: 46px;

        padding: 10px 24px;

        border: 1px solid var(--belara-chocolate);
        border-radius: 8px;

        background: var(--belara-chocolate);
        color: #fff;

        font-family: var(--belara-font-ar);
        font-size: 14px;
        font-weight: 500;

        cursor: pointer;
    }

    body.woocommerce-account
    .woocommerce button.button:hover,
    body.woocommerce-account
    .woocommerce a.button:hover {
        background: var(--belara-mocha);
        border-color: var(--belara-mocha);
        color: #fff;
    }

    /* تذكرني */
    body.woocommerce-account
    .woocommerce-form-login__rememberme {
        color: var(--belara-mocha);
        font-size: 13px;
    }

    /* نسيت كلمة المرور */
    body.woocommerce-account
    .woocommerce-LostPassword {
        margin: 14px 0 0;
    }

    body.woocommerce-account
    .woocommerce-LostPassword a {
        color: var(--belara-mocha);
        font-size: 13px;
        text-decoration: underline;
        text-underline-offset: 3px;
    }

    /* نص الخصوصية في التسجيل */
    body.woocommerce-account
    .woocommerce-privacy-policy-text {
        margin: 6px 0 18px;

        color: var(--belara-mocha);

        font-size: 13px;
        line-height: 1.8;
    }

    body.woocommerce-account
    .woocommerce-privacy-policy-text a {
        color: var(--belara-chocolate);
        text-decoration: underline;
        text-underline-offset: 3px;
    }
/* ==========================================================
   BELARA — ACCOUNT ADDRESS FORM / DESKTOP
   ========================================================== */

body.woocommerce-account
.woocommerce-address-fields__field-wrapper {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 28px;
}


/* إزالة نظام float القديم من WooCommerce */
body.woocommerce-account
.woocommerce-address-fields__field-wrapper .form-row {
    float: none !important;
    clear: none !important;
    width: 100% !important;
    margin: 0 !important;
}


/* الاسم */
body.woocommerce-account #shipping_first_name_field,
body.woocommerce-account #billing_first_name_field {
    grid-column: 1;
}

body.woocommerce-account #shipping_last_name_field,
body.woocommerce-account #billing_last_name_field {
    grid-column: 2;
}


/* الدولة — عرض كامل */
body.woocommerce-account #shipping_country_field,
body.woocommerce-account #billing_country_field {
    grid-column: 1 / -1;
}


/* الشارع — عرض كامل */
body.woocommerce-account #shipping_address_1_field,
body.woocommerce-account #billing_address_1_field {
    grid-column: 1 / -1;
}


/* الشقة / الوحدة — عرض كامل */
body.woocommerce-account #shipping_address_2_field,
body.woocommerce-account #billing_address_2_field {
    grid-column: 1 / -1;
}


/* المدينة + المنطقة */
body.woocommerce-account #shipping_city_field,
body.woocommerce-account #billing_city_field {
    grid-column: 1;
}

body.woocommerce-account #shipping_state_field,
body.woocommerce-account #billing_state_field {
    grid-column: 2;
}


/* الرمز البريدي + الجوال */
body.woocommerce-account #shipping_postcode_field,
body.woocommerce-account #billing_postcode_field {
    grid-column: 1;
}

body.woocommerce-account #shipping_phone_field,
body.woocommerce-account #billing_phone_field {
    grid-column: 2;
}


/* البريد في عنوان الفاتورة — عرض كامل */
body.woocommerce-account #billing_email_field {
    grid-column: 1 / -1;
}


/* الحقول */
body.woocommerce-account
.woocommerce-address-fields input.input-text,

body.woocommerce-account
.woocommerce-address-fields select {
    width: 100%;
    min-height: 48px;

    padding: 0 14px;

    border: 1px solid rgba(42,18,16,.17);
    border-radius: 8px;

    background: #fff;
    color: var(--belara-chocolate);

    font-family: var(--belara-font-ar);
    font-size: 14px;

    outline: none;
}


/* Focus */
body.woocommerce-account
.woocommerce-address-fields input.input-text:focus,

body.woocommerce-account
.woocommerce-address-fields select:focus {
    border-color: var(--belara-gold);
    box-shadow: 0 0 0 3px rgba(201,163,91,.10);
}


/* Labels */
body.woocommerce-account
.woocommerce-address-fields label {
    display: block;
    margin-bottom: 7px;

    color: var(--belara-chocolate);

    font-size: 14px;
    font-weight: 500;
}


/* زر الحفظ في صف مستقل */
body.woocommerce-account
.woocommerce-address-fields > p:last-child {
    margin-top: 24px;
/* ==========================================================
   BELARA — EDIT ACCOUNT FORM / DESKTOP
   ========================================================== */

body.woocommerce-account
.woocommerce-EditAccountForm {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 28px;
}


/* إلغاء clearfix القديم */
body.woocommerce-account
.woocommerce-EditAccountForm > .clear {
    display: none !important;
}


/* جميع الحقول بعرض كامل افتراضيًا */
body.woocommerce-account
.woocommerce-EditAccountForm > .form-row {
    float: none !important;
    clear: none !important;

    width: 100% !important;
    margin: 0 !important;

    grid-column: 1 / -1;
}


/* الاسم الأول + الأخير */
body.woocommerce-account
.woocommerce-EditAccountForm > .form-row-first {
    grid-column: 1;
}

body.woocommerce-account
.woocommerce-EditAccountForm > .form-row-last {
    grid-column: 2;
}


/* Labels */
body.woocommerce-account
.woocommerce-EditAccountForm label {
    display: block;

    margin-bottom: 7px;

    color: var(--belara-chocolate);

    font-size: 14px;
    font-weight: 500;
}


/* Inputs */
body.woocommerce-account
.woocommerce-EditAccountForm input.input-text {
    width: 100%;
    min-height: 48px;

    padding: 0 14px;

    border: 1px solid rgba(42,18,16,.17);
    border-radius: 8px;

    background: #fff;
    color: var(--belara-chocolate);

    font-family: var(--belara-font-ar);
    font-size: 14px;

    outline: none;

    transition:
        border-color .18s ease,
        box-shadow .18s ease;
}

body.woocommerce-account
.woocommerce-EditAccountForm input.input-text:focus {
    border-color: var(--belara-gold);

    box-shadow:
        0 0 0 3px rgba(201,163,91,.10);
}


/* شرح اسم العرض */
body.woocommerce-account
#account_display_name_description {
    display: block;

    margin-top: 7px;

    color: var(--belara-mocha);

    font-size: 12px;
    line-height: 1.65;
}


/* =========================
   تغيير كلمة المرور
   ========================= */

body.woocommerce-account
.woocommerce-EditAccountForm fieldset {
    grid-column: 1 / -1;

    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 19px 24px;

    margin: 6px 0 0;
    padding: 24px;

    border: 1px solid rgba(42,18,16,.10);
    border-radius: 12px;

    background: rgba(255,247,239,.45);
}


/* عنوان تغيير كلمة المرور */
body.woocommerce-account
.woocommerce-EditAccountForm fieldset legend {
    padding: 0 10px;

    color: var(--belara-chocolate);

    font-size: 18px;
    font-weight: 500;
}


/* الحقول داخل كلمة المرور */
body.woocommerce-account
.woocommerce-EditAccountForm fieldset .form-row {
    float: none !important;

    width: 100% !important;
    margin: 0 !important;
}


/* كلمة المرور الحالية بعرض كامل */
body.woocommerce-account
.woocommerce-EditAccountForm fieldset .form-row:first-of-type {
    grid-column: 1 / -1;
}


/* الجديدة + التأكيد بجانب بعض */
body.woocommerce-account
.woocommerce-EditAccountForm fieldset .form-row:nth-of-type(2) {
    grid-column: 1;
}

body.woocommerce-account
.woocommerce-EditAccountForm fieldset .form-row:nth-of-type(3) {
    grid-column: 2;
}


/* زر حفظ التغييرات */
body.woocommerce-account
.woocommerce-EditAccountForm > p:last-of-type {
    grid-column: 1 / -1;

    margin: 2px 0 0 !important;

    text-align: left;
}

body.woocommerce-account
.woocommerce-EditAccountForm
button[name="save_account_details"] {
    min-width: 155px;
    min-height: 46px;

    padding: 10px 22px !important;

    border: 1px solid var(--belara-chocolate) !important;
    border-radius: 8px !important;

    background: var(--belara-chocolate) !important;
    color: #fff !important;

    font-family: var(--belara-font-ar);
    font-size: 14px;
    font-weight: 500;

    cursor: pointer;
}

body.woocommerce-account
.woocommerce-EditAccountForm
button[name="save_account_details"]:hover {
    background: var(--belara-mocha) !important;
    border-color: var(--belara-mocha) !important;
}
}/* ==========================================================
   BELARA — ACCOUNT DASHBOARD / DESKTOP
   ========================================================== */

@media (min-width: 1101px) {

    .belara-account-dashboard {
        width: 100%;
    }

    .belara-account-welcome {
        margin-bottom: 28px;
        padding-bottom: 25px;
        border-bottom: 1px solid rgba(42,18,16,.08);
    }

    .belara-account-eyebrow {
        display: block;
        margin-bottom: 8px;

        color: var(--belara-gold);

        font-size: 12px;
        font-weight: 600;
        letter-spacing: .04em;
    }

    .belara-account-welcome h2 {
        margin: 0 0 9px !important;

        color: var(--belara-chocolate);

        font-size: 27px;
        font-weight: 500 !important;
        line-height: 1.4;
    }

    .belara-account-welcome p {
        max-width: 720px;
        margin: 0 !important;

        color: var(--belara-mocha) !important;

        font-size: 14px !important;
        line-height: 1.9 !important;
    }

    .belara-account-quick-links {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;

        margin-bottom: 24px;
    }

    .belara-account-quick-links > a {
        display: grid;
        grid-template-columns: 42px 1fr;
        grid-template-rows: auto auto;
        column-gap: 13px;

        padding: 18px;

        border: 1px solid rgba(42,18,16,.08);
        border-radius: 12px;

        background: #fff;

        color: var(--belara-chocolate) !important;
        text-decoration: none !important;

        transition:
            border-color .2s ease,
            box-shadow .2s ease,
            transform .2s ease;
    }

    .belara-account-quick-links > a:hover {
        transform: translateY(-2px);

        border-color: rgba(201,163,91,.40);

        box-shadow: 0 9px 22px rgba(42,18,16,.07);
    }

    .belara-account-icon {
        grid-row: 1 / 3;

        width: 42px;
        height: 42px;

        display: flex;
        align-items: center;
        justify-content: center;

        border-radius: 50%;

        background: rgba(201,163,91,.11);
        color: var(--belara-gold);

        font-size: 20px;
    }

    .belara-account-quick-links strong {
        color: var(--belara-chocolate);

        font-size: 15px;
        font-weight: 600;
    }

    .belara-account-quick-links small {
        margin-top: 3px;

        color: var(--belara-mocha);

        font-size: 12px;
        line-height: 1.55;
    }

    .belara-account-shopping {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;

        padding: 19px 22px;

        background: rgba(201,163,91,.08);

        border: 1px solid rgba(201,163,91,.20);
        border-radius: 12px;
    }

    .belara-account-shopping strong,
    .belara-account-shopping span {
        display: block;
    }

    .belara-account-shopping strong {
        margin-bottom: 3px;

        color: var(--belara-chocolate);

        font-size: 15px;
        font-weight: 600;
    }

    .belara-account-shopping span {
        color: var(--belara-mocha);
        font-size: 13px;
    }

    .belara-account-shop-btn {
        min-width: 140px;
        min-height: 42px;

        display: inline-flex;
        align-items: center;
        justify-content: center;

        padding: 9px 18px;

        border-radius: 8px;

        background: var(--belara-chocolate);
        color: #fff !important;

        font-size: 13px;
        font-weight: 500;

        text-decoration: none !important;
    }

    .belara-account-shop-btn:hover {
        background: var(--belara-mocha);
    }

}/* ==========================================================
   BELARA — LOST PASSWORD / DESKTOP
   ========================================================== */

@media (min-width: 1101px) {

    body.woocommerce-lost-password
    .woocommerce-MyAccount-content,

    body.woocommerce-lost-password
    .woocommerce {
        width: 100%;
    }

    body.woocommerce-lost-password
    form.woocommerce-ResetPassword {
        width: min(620px, 100%);
        margin: 0 auto;
        padding: 34px 38px;

        background: #fff;

        border: 1px solid rgba(42,18,16,.09);
        border-radius: 18px;

        box-shadow: 0 8px 28px rgba(42,18,16,.055);
    }

    body.woocommerce-lost-password
    form.woocommerce-ResetPassword > p:first-child {
        margin: 0 0 26px;

        color: var(--belara-mocha);

        font-size: 14px;
        line-height: 1.9;
        text-align: center;
    }

    body.woocommerce-lost-password
    form.woocommerce-ResetPassword
    .form-row {
        float: none !important;
        width: 100% !important;
        margin: 0 0 20px !important;
    }

    body.woocommerce-lost-password
    form.woocommerce-ResetPassword label {
        display: block;
        margin-bottom: 7px;

        color: var(--belara-chocolate);

        font-size: 14px;
        font-weight: 500;
    }

    body.woocommerce-lost-password
    form.woocommerce-ResetPassword input.input-text {
        width: 100%;
        min-height: 50px;

        padding: 0 14px;

        border: 1px solid rgba(42,18,16,.17);
        border-radius: 9px;

        background: #fff;
        color: var(--belara-chocolate);

        font-family: var(--belara-font-ar);
        font-size: 14px;

        outline: none;
    }

    body.woocommerce-lost-password
    form.woocommerce-ResetPassword input.input-text:focus {
        border-color: var(--belara-gold);
        box-shadow: 0 0 0 3px rgba(201,163,91,.10);
    }

    body.woocommerce-lost-password
    form.woocommerce-ResetPassword
    button.woocommerce-Button {
        min-width: 190px;
        min-height: 46px;

        display: block;
        margin: 4px auto 0 !important;

        padding: 10px 22px !important;

        background: var(--belara-chocolate) !important;
        color: #fff !important;

        border: 1px solid var(--belara-chocolate) !important;
        border-radius: 8px !important;

        font-family: var(--belara-font-ar);
        font-size: 14px;
        font-weight: 500;
    }

    body.woocommerce-lost-password
    form.woocommerce-ResetPassword
    button.woocommerce-Button:hover {
        background: var(--belara-mocha) !important;
        border-color: var(--belara-mocha) !important;
    }
}/* ==========================================================
   BELARA — CART / DESKTOP V1
   ========================================================== */

@media (min-width: 1101px) {

    /* الصفحة */
    body.woocommerce-cart .belara2-page-shell {
        width: min(1240px, calc(100% - 56px));
        margin: 0 auto;
        padding: 52px 0 80px;
    }

    body.woocommerce-cart .belara2-page-shell > article {
        padding: 0;
        background: transparent;
        border-radius: 0;
    }

    /* عنوان الصفحة */
    body.woocommerce-cart .belara2-page-shell h1 {
        margin: 0 0 38px;
        text-align: center;

        color: var(--belara-chocolate);

        font-family: var(--belara-font-ar);
        font-size: 36px;
        font-weight: 500;
        line-height: 1.35;
    }


    /* =========================
       جدول المنتجات
       ========================= */

    body.woocommerce-cart
    table.shop_table.cart {
        width: 100%;
        margin: 0 0 34px;

        border-collapse: separate;
        border-spacing: 0;

        background: #fff;

        border: 1px solid rgba(42,18,16,.09);
        border-radius: 16px;

        overflow: hidden;

        box-shadow: 0 8px 28px rgba(42,18,16,.045);
    }

    body.woocommerce-cart
    table.shop_table.cart th {
        padding: 15px 14px;

        background: rgba(201,163,91,.08);

        color: var(--belara-chocolate);

        font-size: 13px;
        font-weight: 600;

        border: 0;
    }

    body.woocommerce-cart
    table.shop_table.cart td {
        padding: 16px 14px;

        color: var(--belara-chocolate);

        vertical-align: middle;

        border-top: 1px solid rgba(42,18,16,.07);
    }


    /* صورة المنتج */
    body.woocommerce-cart
    table.shop_table.cart
    .product-thumbnail {
        width: 92px;
    }

    body.woocommerce-cart
    table.shop_table.cart
    .product-thumbnail img {
        width: 76px !important;
        height: 88px !important;

        object-fit: cover;

        border-radius: 9px;
    }


    /* اسم المنتج */
    body.woocommerce-cart
    table.shop_table.cart
    .product-name a {
        color: var(--belara-chocolate);

        font-size: 14px;
        font-weight: 500;
        line-height: 1.7;

        text-decoration: none;
    }

    body.woocommerce-cart
    table.shop_table.cart
    .product-name a:hover {
        color: var(--belara-mocha);
    }


    /* السعر والإجمالي */
    body.woocommerce-cart
    .product-price,
    body.woocommerce-cart
    .product-subtotal {
        white-space: nowrap;

        font-size: 14px;
        font-weight: 600;
    }


    /* الكمية */
    body.woocommerce-cart
    .quantity .qty {
        width: 68px;
        min-height: 42px;

        text-align: center;

        border: 1px solid rgba(42,18,16,.17);
        border-radius: 7px;

        background: #fff;

        color: var(--belara-chocolate);
        font-family: var(--belara-font-ar);
    }


    /* زر حذف المنتج */
    body.woocommerce-cart
    table.shop_table.cart
    .product-remove a.remove {
        width: 32px;
        height: 32px;

        display: inline-flex;
        align-items: center;
        justify-content: center;

        border-radius: 50%;

        background: rgba(42,18,16,.06);
        color: var(--belara-chocolate) !important;

        font-size: 20px;

        text-decoration: none;
    }

    body.woocommerce-cart
    table.shop_table.cart
    .product-remove a.remove:hover {
        background: var(--belara-chocolate);
        color: #fff !important;
    }


    /* =========================
       الكوبون وتحديث السلة
       ========================= */

    body.woocommerce-cart
    table.shop_table.cart td.actions {
        padding: 16px;

        background: rgba(255,247,239,.40);
    }

    body.woocommerce-cart
    .coupon {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    body.woocommerce-cart
    .coupon #coupon_code {
        width: 190px;
        min-height: 44px;

        padding: 0 13px;

        border: 1px solid rgba(42,18,16,.16);
        border-radius: 8px;

        background: #fff;

        font-family: var(--belara-font-ar);
        font-size: 13px;
    }

    body.woocommerce-cart
    .coupon button.button,
    body.woocommerce-cart
    button[name="update_cart"] {
        min-height: 44px;

        padding: 9px 18px !important;

        border: 1px solid var(--belara-chocolate) !important;
        border-radius: 8px !important;

        background: #fff !important;
        color: var(--belara-chocolate) !important;

        font-family: var(--belara-font-ar);
        font-size: 13px;
        font-weight: 500;
    }

    body.woocommerce-cart
    .coupon button.button:hover,
    body.woocommerce-cart
    button[name="update_cart"]:hover {
        background: var(--belara-chocolate) !important;
        color: #fff !important;
    }


    /* =========================
       إجمالي السلة
       ========================= */

    body.woocommerce-cart
    .cart-collaterals {
        display: flex;
        justify-content: flex-start;

        margin-top: 8px;
    }

    body.woocommerce-cart
    .cart_totals {
        float: none !important;

        width: min(520px, 100%) !important;

        padding: 26px 28px;

        background: #fff;

        border: 1px solid rgba(42,18,16,.09);
        border-radius: 16px;

        box-shadow: 0 8px 28px rgba(42,18,16,.045);
    }

    body.woocommerce-cart
    .cart_totals h2 {
        margin: 0 0 20px;

        color: var(--belara-chocolate);

        font-size: 24px;
        font-weight: 500;
    }

    body.woocommerce-cart
    .cart_totals table {
        margin: 0 0 20px;

        border: 0;
    }

    body.woocommerce-cart
    .cart_totals th,
    body.woocommerce-cart
    .cart_totals td {
        padding: 13px 8px;

        color: var(--belara-chocolate);

        border-top: 1px solid rgba(42,18,16,.07);
    }


    /* الشحن المجاني */
    body.woocommerce-cart
    .woocommerce-shipping-methods {
        margin: 0;
        padding: 0;

        list-style: none;
    }


    /* =========================
       زر إتمام الطلب
       ========================= */

    body.woocommerce-cart
    .wc-proceed-to-checkout {
        padding: 0;
    }

    body.woocommerce-cart
    .wc-proceed-to-checkout
    a.checkout-button {
        width: 100%;
        min-height: 54px;

        display: flex;
        align-items: center;
        justify-content: center;

        margin: 0;

        border: 1px solid var(--belara-chocolate);
        border-radius: 9px;

        background: var(--belara-chocolate) !important;
        color: #fff !important;

        font-family: var(--belara-font-ar);
        font-size: 16px;
        font-weight: 600;

        text-decoration: none;
    }

    body.woocommerce-cart
    .wc-proceed-to-checkout
    a.checkout-button:hover {
        background: var(--belara-mocha) !important;
        border-color: var(--belara-mocha);
    }

}
/* ==========================================================
   BELARA — CHECKOUT POLISH 01 / DESKTOP
   Title + Login/Coupon notices only
   ========================================================== */

@media (min-width: 1101px) {

    /* عنوان إتمام الطلب */
    body.woocommerce-checkout .belara2-page-shell h1 {
        margin: 0 0 38px;
        text-align: center;

        color: var(--belara-chocolate);
        font-family: var(--belara-font-ar);
        font-size: 36px;
        font-weight: 500;
        line-height: 1.35;
    }

    /* شريط تسجيل الدخول + القسيمة */
    body.woocommerce-checkout
    .woocommerce-form-login-toggle .woocommerce-info,

    body.woocommerce-checkout
    .woocommerce-form-coupon-toggle .woocommerce-info {
        margin: 0 0 14px !important;
        padding: 15px 18px !important;

        background: #fffaf4 !important;
        color: var(--belara-mocha) !important;

        border: 1px solid rgba(201,163,91,.28) !important;
        border-radius: 10px !important;

        box-shadow: none !important;

        font-size: 14px;
        line-height: 1.7;
    }

    /* إزالة العلامة الزرقاء الافتراضية */
    body.woocommerce-checkout
    .woocommerce-form-login-toggle .woocommerce-info::before,

    body.woocommerce-checkout
    .woocommerce-form-coupon-toggle .woocommerce-info::before {
        content: none !important;
        display: none !important;
    }

    body.woocommerce-checkout
    .woocommerce-form-login-toggle .woocommerce-info a,

    body.woocommerce-checkout
    .woocommerce-form-coupon-toggle .woocommerce-info a {
        color: var(--belara-chocolate) !important;
        font-weight: 500;
        text-underline-offset: 3px;
    }
}/* ==========================================================
   BELARA — CHECKOUT POLISH 02 / DESKTOP
   Billing card only
   ========================================================== */

@media (min-width: 1101px) {

    /* بطاقة تفاصيل الفاتورة */
    body.woocommerce-checkout
    .woocommerce-billing-fields {
        padding: 28px 28px 30px;

        background: #fff;

        border: 1px solid rgba(42,18,16,.09);
        border-radius: 16px;

        box-shadow: 0 8px 26px rgba(42,18,16,.035);
    }

    /* عنوان تفاصيل الفاتورة */
    body.woocommerce-checkout
    .woocommerce-billing-fields > h3 {
        margin: 0 0 26px;

        color: var(--belara-chocolate);

        font-size: 23px;
        font-weight: 600;
        line-height: 1.4;
    }

    /* أسماء الحقول */
    body.woocommerce-checkout
    .woocommerce-billing-fields label {
        color: var(--belara-chocolate);

        font-size: 14px;
        font-weight: 500;
        line-height: 1.5;
    }

    /* الحقول نفسها */
    body.woocommerce-checkout
    .woocommerce-billing-fields input.input-text,

    body.woocommerce-checkout
    .woocommerce-billing-fields select {
        min-height: 48px;

        border: 1px solid rgba(42,18,16,.16);
        border-radius: 8px;

        background: #fff;
        color: var(--belara-chocolate);

        font-family: var(--belara-font-ar);
        font-size: 14px;

        outline: none;
    }

    /* عند الضغط داخل الحقل */
    body.woocommerce-checkout
    .woocommerce-billing-fields input.input-text:focus,

    body.woocommerce-checkout
    .woocommerce-billing-fields select:focus {
        border-color: var(--belara-gold);

        box-shadow:
            0 0 0 3px rgba(201,163,91,.10);
    }

    /* قائمة الدولة / المنطقة Select2 */
    body.woocommerce-checkout
    .woocommerce-billing-fields .select2-container {
        width: 100% !important;
    }

    body.woocommerce-checkout
    .woocommerce-billing-fields
    .select2-selection--single {
        min-height: 48px;

        border: 1px solid rgba(42,18,16,.16);
        border-radius: 8px;

        background: #fff;
    }

    body.woocommerce-checkout
    .woocommerce-billing-fields
    .select2-selection__rendered {
        padding: 0 14px !important;

        line-height: 46px !important;

        color: var(--belara-chocolate);

        text-align: right;
    }
}/* ==========================================================
   BELARA — CHECKOUT POLISH 03 / DESKTOP
   Order review only
   ========================================================== */

@media (min-width: 1101px) {

    /* عنوان طلبك */
    body.woocommerce-checkout
    #order_review_heading {
        margin: 0 0 16px;

        color: var(--belara-chocolate);

        font-family: var(--belara-font-ar);
        font-size: 23px;
        font-weight: 600;
        line-height: 1.4;
    }

    /* جدول ملخص الطلب */
    body.woocommerce-checkout
    .woocommerce-checkout-review-order-table {
        overflow: hidden;

        margin: 0 0 22px !important;

        background: #fff;

        border: 1px solid rgba(42,18,16,.09) !important;
        border-radius: 14px !important;

        box-shadow: 0 8px 26px rgba(42,18,16,.035);
    }

    body.woocommerce-checkout
    .woocommerce-checkout-review-order-table th {
        padding: 14px 15px;

        background: rgba(201,163,91,.09);

        color: var(--belara-chocolate);

        font-size: 13px;
        font-weight: 600;
    }

    body.woocommerce-checkout
    .woocommerce-checkout-review-order-table td {
        padding: 15px;

        color: var(--belara-chocolate);

        font-size: 13px;
        line-height: 1.7;

        vertical-align: middle;
    }

    /* الإجمالي النهائي */
    body.woocommerce-checkout
    .woocommerce-checkout-review-order-table
    .order-total th,

    body.woocommerce-checkout
    .woocommerce-checkout-review-order-table
    .order-total td {
        background: rgba(201,163,91,.08);

        font-size: 15px;
        font-weight: 600;
    }

}/* ==========================================================
   BELARA — CHECKOUT POLISH 04 / DESKTOP
   Payment + privacy + place order only
   ========================================================== */

@media (min-width: 1101px) {

    /* صندوق الدفع */
    body.woocommerce-checkout
    #payment {
        margin-top: 22px;
        padding: 0;

        background: #fff !important;

        border: 1px solid rgba(42,18,16,.09);
        border-radius: 14px;

        overflow: hidden;

        box-shadow: 0 8px 26px rgba(42,18,16,.035);
    }


    /* قائمة وسائل الدفع */
    body.woocommerce-checkout
    #payment ul.payment_methods {
        margin: 0 !important;
        padding: 18px 20px !important;

        background: #fff;

        border: 0 !important;
        border-bottom: 1px solid rgba(42,18,16,.08) !important;

        list-style: none;
    }


    body.woocommerce-checkout
    #payment ul.payment_methods li {
        margin: 0 !important;
        padding: 0 !important;

        color: var(--belara-chocolate);

        font-size: 14px;
        line-height: 1.7;
    }


    /* اسم وسيلة الدفع */
    body.woocommerce-checkout
    #payment ul.payment_methods label {
        color: var(--belara-chocolate);

        font-size: 14px;
        font-weight: 500;

        cursor: pointer;
    }


    /* شرح الحوالة */
    body.woocommerce-checkout
    #payment .payment_box {
        margin: 14px 0 0 !important;
        padding: 16px 18px !important;

        background: #fff8f1 !important;

        border-radius: 10px;

        color: var(--belara-mocha) !important;

        font-size: 13px;
        line-height: 1.85;

        box-shadow: none !important;
    }

    body.woocommerce-checkout
    #payment .payment_box::before {
        border-bottom-color: #fff8f1 !important;
    }


    /* المنطقة السفلية */
    body.woocommerce-checkout
    #payment .form-row.place-order {
        margin: 0 !important;
        padding: 20px !important;

        background: #fff;
    }


    /* نص الخصوصية */
    body.woocommerce-checkout
    .woocommerce-privacy-policy-text {
        margin: 0 0 18px;

        color: var(--belara-mocha);

        font-size: 12px;
        line-height: 1.9;
    }

    body.woocommerce-checkout
    .woocommerce-privacy-policy-text a {
        color: var(--belara-chocolate);

        text-decoration: underline;
        text-decoration-color: rgba(201,163,91,.8);
        text-underline-offset: 3px;
    }


    /* زر تأكيد الطلب */
    body.woocommerce-checkout
    #place_order {
        width: 100%;
        min-height: 54px;

        margin: 0 !important;
        padding: 11px 22px !important;

        background: var(--belara-chocolate) !important;
        color: #fff !important;

        border: 1px solid var(--belara-chocolate) !important;
        border-radius: 9px !important;

        font-family: var(--belara-font-ar);
        font-size: 16px;
        font-weight: 600;

        cursor: pointer;

        transition:
            background .18s ease,
            border-color .18s ease;
    }


    body.woocommerce-checkout
    #place_order:hover {
        background: var(--belara-mocha) !important;
        border-color: var(--belara-mocha) !important;
    }

}/* ==========================================================
   BELARA — ORDER RECEIVED POLISH 01 / DESKTOP
   Title + success message + order overview only
   ========================================================== */

@media (min-width: 1101px) {

    /* عنوان الصفحة */
    body.woocommerce-order-received
    .belara2-page-shell h1 {
        margin: 0 0 32px;

        color: var(--belara-chocolate);

        font-family: var(--belara-font-ar);
        font-size: 36px;
        font-weight: 500;
        line-height: 1.35;

        text-align: center;
    }

    /* رسالة تم استلام الطلب */
    body.woocommerce-order-received
    .woocommerce-thankyou-order-received {
        margin: 0 0 22px !important;
        padding: 16px 20px;

        background: #fffaf4;

        border: 1px solid rgba(201,163,91,.28);
        border-radius: 10px;

        color: var(--belara-chocolate);

        font-size: 15px;
        font-weight: 500;
        line-height: 1.7;

        text-align: right;
    }

    /* معلومات رقم الطلب والتاريخ والإجمالي وطريقة الدفع */
    body.woocommerce-order-received
    .woocommerce-order-overview {
        display: grid;

        grid-template-columns: repeat(4, minmax(0, 1fr));

        gap: 0;

        margin: 0 0 30px !important;
        padding: 0 !important;

        background: #fff;

        border: 1px solid rgba(42,18,16,.09);
        border-radius: 14px;

        overflow: hidden;

        box-shadow: 0 8px 26px rgba(42,18,16,.035);

        list-style: none;
    }

    body.woocommerce-order-received
    .woocommerce-order-overview li {
        float: none !important;

        width: auto !important;

        margin: 0 !important;
        padding: 17px 16px !important;

        color: var(--belara-mocha);

        font-size: 12px;
        line-height: 1.6;

        border: 0 !important;
        border-left: 1px solid rgba(42,18,16,.07) !important;

        text-align: center;
    }

    body.woocommerce-order-received
    .woocommerce-order-overview li:last-child {
        border-left: 0 !important;
    }

    body.woocommerce-order-received
    .woocommerce-order-overview li strong {
        display: block;

        margin-top: 5px;

        color: var(--belara-chocolate);

        font-size: 15px;
        font-weight: 600;
        line-height: 1.5;
    }

}/* ==========================================================
   BELARA — ORDER RECEIVED POLISH 01A / DESKTOP
   Order overview alignment fix only
   ========================================================== */

@media (min-width: 1101px) {

    body.woocommerce-order-received
    .woocommerce-order-overview {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }

    body.woocommerce-order-received
    .woocommerce-order-overview > li {
        grid-column: auto !important;
        grid-row: auto !important;

        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;

        float: none !important;
        clear: none !important;

        display: block !important;
    }

    body.woocommerce-order-received
    .woocommerce-order-overview
    .woocommerce-order-overview__payment-method {
        grid-column: auto !important;
        width: auto !important;
    }

}/* ==========================================================
   BELARA — ORDER RECEIVED POLISH 01B / DESKTOP
   Force 4 overview items into one row
   ========================================================== */

@media (min-width: 1101px) {

    body.woocommerce-order-received
    ul.woocommerce-order-overview {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        grid-template-rows: auto !important;

        width: 100% !important;
    }

    body.woocommerce-order-received
    ul.woocommerce-order-overview > li {
        float: none !important;
        clear: none !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;

        margin: 0 !important;

        grid-row: 1 !important;
    }

    body.woocommerce-order-received
    ul.woocommerce-order-overview > li:nth-child(1) {
        grid-column: 1 !important;
    }

    body.woocommerce-order-received
    ul.woocommerce-order-overview > li:nth-child(2) {
        grid-column: 2 !important;
    }

    body.woocommerce-order-received
    ul.woocommerce-order-overview > li:nth-child(3) {
        grid-column: 3 !important;
    }

    body.woocommerce-order-received
    ul.woocommerce-order-overview > li:nth-child(4) {
        grid-column: 4 !important;
    }

}/* ==========================================================
   BELARA — ORDER RECEIVED POLISH 02 / DESKTOP
   BACS bank details only
   ========================================================== */

@media (min-width: 1101px) {

    /* البطاقة الرئيسية */
    body.woocommerce-order-received
    .woocommerce-bacs-bank-details {
        margin: 30px 0 36px;
        padding: 26px 28px;

        background: #fffaf4;

        border: 1px solid rgba(201,163,91,.28);
        border-radius: 14px;

        box-shadow: 0 8px 26px rgba(42,18,16,.03);

        direction: rtl;
    }


    /* عنوان تفاصيل التحويل المصرفي */
    body.woocommerce-order-received
    .woocommerce-bacs-bank-details
    .wc-bacs-bank-details-heading {
        margin: 0 0 8px;

        color: var(--belara-chocolate);

        font-family: var(--belara-font-ar);
        font-size: 25px;
        font-weight: 600;
        line-height: 1.4;

        text-align: right;
    }


    /* اسم الحساب */
    body.woocommerce-order-received
    .woocommerce-bacs-bank-details
    .wc-bacs-bank-details-account-name {
        margin: 0 0 22px;

        color: var(--belara-chocolate);

        font-family: var(--belara-font-ar);
        font-size: 17px;
        font-weight: 600;
        line-height: 1.6;

        text-align: right;
    }


    /* شبكة بيانات البنك */
    body.woocommerce-order-received
    .woocommerce-bacs-bank-details
    ul.wc-bacs-bank-details {
        display: grid !important;

        grid-template-columns: repeat(3, minmax(0, 1fr));

        margin: 0 !important;
        padding: 0 !important;

        background: #fff;

        border: 1px solid rgba(42,18,16,.08);
        border-radius: 11px;

        overflow: hidden;

        list-style: none !important;
    }


    /* كل معلومة بنكية */
    body.woocommerce-order-received
    .woocommerce-bacs-bank-details
    ul.wc-bacs-bank-details > li {
        float: none !important;
        clear: none !important;

        width: auto !important;

        margin: 0 !important;
        padding: 16px 14px !important;

        border: 0 !important;
        border-left: 1px solid rgba(42,18,16,.07) !important;

        color: var(--belara-mocha);

        font-size: 12px;
        font-weight: 400;
        line-height: 1.6;

        text-align: center;
    }


    body.woocommerce-order-received
    .woocommerce-bacs-bank-details
    ul.wc-bacs-bank-details > li:last-child {
        border-left: 0 !important;
    }


    /* القيمة */
    body.woocommerce-order-received
    .woocommerce-bacs-bank-details
    ul.wc-bacs-bank-details > li strong {
        display: block;

        margin-top: 5px;

        color: var(--belara-chocolate);

        font-size: 15px;
        font-weight: 600;
        line-height: 1.5;

        overflow-wrap: anywhere;
    }


    /* الأرقام البنكية تبقى LTR لمنع انقلابها بالعربي */
    body.woocommerce-order-received
    .woocommerce-bacs-bank-details
    li.account_number strong,

    body.woocommerce-order-received
    .woocommerce-bacs-bank-details
    li.iban strong,

    body.woocommerce-order-received
    .woocommerce-bacs-bank-details
    li.sort_code strong,

    body.woocommerce-order-received
    .woocommerce-bacs-bank-details
    li.bic strong {
        direction: ltr;
        unicode-bidi: isolate;

        text-align: center;
    }

}/* ==========================================================
   BELARA — ORDER RECEIVED POLISH 02A / DESKTOP
   Remove WooCommerce clearfix pseudo-items from BACS grid
   ========================================================== */

@media (min-width: 1101px) {

    body.woocommerce-order-received
    .woocommerce-bacs-bank-details
    ul.wc-bacs-bank-details::before,

    body.woocommerce-order-received
    .woocommerce-bacs-bank-details
    ul.wc-bacs-bank-details::after {
        content: none !important;
        display: none !important;
    }

}

/* ==========================================================
   BELARA PC VISUAL RECOVERY V4
   Final desktop authority — 2026-08-10
   ========================================================== */


/* ----------------------------------------------------------
   1) PRODUCT SECTION HEADING
   Title remains mathematically centered.
   View All sits beside the decorative line, not page edge.
   ---------------------------------------------------------- */

@media (min-width: 1024px) {

    body.belara2-site
    .belara2-section:has(.belara2-products-grid)
    .belara2-section-heading {

        position: relative !important;

        display: grid !important;

        grid-template-columns:
            minmax(90px, 1fr)
            86px
            auto
            86px
            minmax(90px, 1fr) !important;

        align-items: center !important;

        column-gap: 16px !important;

        width: 100% !important;

        min-height: 42px !important;

        margin: 0 0 30px !important;

        padding-inline: 0 !important;

        direction: ltr !important;
    }


    body.belara2-site
    .belara2-section:has(.belara2-products-grid)
    .belara2-section-heading > span {

        display: block !important;

        width: 86px !important;
        height: 1px !important;

        margin: 0 !important;

        background:
            linear-gradient(
                90deg,
                transparent,
                rgba(201,163,91,.72)
            ) !important;
    }


    body.belara2-site
    .belara2-section:has(.belara2-products-grid)
    .belara2-section-heading > span:first-of-type {

        grid-column: 2 !important;
    }


    body.belara2-site
    .belara2-section:has(.belara2-products-grid)
    .belara2-section-heading > span:nth-of-type(2) {

        grid-column: 4 !important;

        background:
            linear-gradient(
                90deg,
                rgba(201,163,91,.72),
                transparent
            ) !important;
    }


    body.belara2-site
    .belara2-section:has(.belara2-products-grid)
    .belara2-section-heading > h2 {

        grid-column: 3 !important;

        margin: 0 !important;

        color: var(--belara-chocolate) !important;

        font-family: "Almarai", sans-serif !important;

        font-size: 28px !important;
        font-weight: 500 !important;
        line-height: 1.35 !important;

        letter-spacing: 0 !important;

        text-align: center !important;

        white-space: nowrap;

        direction: rtl !important;
    }


    body.belara2-site
    .belara2-section:has(.belara2-products-grid)
    .belara2-section-heading > a {

        grid-column: 1 !important;

        justify-self: end !important;
        align-self: center !important;

        position: static !important;

        inset: auto !important;

        transform: none !important;

        margin: 0 !important;

        padding: 4px 0 !important;

        color: var(--belara-mocha) !important;

        font-family: "Almarai", sans-serif !important;

        font-size: 13px !important;
        font-weight: 500 !important;
        line-height: 1.4 !important;

        direction: rtl !important;

        text-decoration: none !important;

        border-bottom:
            1px solid transparent !important;

        transition:
            color .2s ease,
            border-color .2s ease;
    }


    body.belara2-site
    .belara2-section:has(.belara2-products-grid)
    .belara2-section-heading > a:hover {

        color: var(--belara-gold) !important;

        border-bottom-color:
            currentColor !important;
    }
}


/* ----------------------------------------------------------
   2) PRODUCT GRID
   Six-item sections and four-item sections use the same
   visual card width.
   ---------------------------------------------------------- */

@media (min-width: 1101px) {

    body.belara2-site
    .belara2-products-grid {

        display: grid !important;

        grid-template-columns:
            repeat(6, minmax(0, 1fr)) !important;

        gap: 20px !important;

        width: 100% !important;

        max-width: 1220px !important;

        margin-inline: auto !important;

        padding: 0 !important;

        justify-content: stretch !important;
    }


    body.belara2-site
    .belara2-products-grid
    > .belara2-product-card {

        width: 100% !important;

        max-width: none !important;

        margin: 0 !important;

        justify-self: stretch !important;
    }


    body.belara2-site
    .belara2-products-grid:has(
        > .belara2-product-card:nth-child(4):last-child
    ) {

        width: min(800px, 100%) !important;

        max-width: 800px !important;

        grid-template-columns:
            repeat(4, minmax(0, 1fr)) !important;

        gap: 20px !important;

        margin-inline: auto !important;
    }
}


/* ----------------------------------------------------------
   3) STORE MEGA MENU
   Keep stable Store item #32428.
   Perfume styling now uses semantic CSS class, not old ID.
   ---------------------------------------------------------- */

@media (min-width: 1101px) {

    #menu-item-32428 > a::before {

        content: "" !important;

        position: absolute !important;

        width: 7px !important;
        height: 7px !important;

        inset-inline-end: 2px !important;

        top: 48% !important;

        border-inline-end:
            1.5px solid var(--belara-gold);

        border-bottom:
            1.5px solid var(--belara-gold);

        transform:
            translateY(-70%)
            rotate(45deg) !important;
    }


    #menu-item-32428
    > .sub-menu
    > li.belara-menu-perfumes {

        background:
            rgba(201,163,91,.07) !important;

        border-radius: 10px !important;

        padding-bottom: 7px !important;
    }


    #menu-item-32428
    > .sub-menu
    > li.belara-menu-perfumes
    > a {

        color:
            var(--belara-chocolate) !important;

        font-weight: 700 !important;
    }


    #menu-item-32428
    > .sub-menu
    > li.belara-menu-perfumes
    > .sub-menu {

        position: static !important;

        display: block !important;

        width: auto !important;
        min-width: 0 !important;

        margin: 0 !important;

        padding:
            2px 13px 3px !important;

        background:
            transparent !important;

        border: 0 !important;

        border-radius: 0 !important;

        box-shadow: none !important;

        opacity: 1 !important;

        visibility: visible !important;

        pointer-events: auto !important;

        transform: none !important;
    }


    #menu-item-32428
    > .sub-menu
    > li.belara-menu-perfumes
    > .sub-menu
    > li {

        display: block !important;

        margin: 0 !important;

        padding: 0 !important;
    }


    #menu-item-32428
    > .sub-menu
    > li.belara-menu-perfumes
    > .sub-menu
    > li
    > a {

        display: block !important;

        padding:
            5px 8px !important;

        color:
            var(--belara-mocha) !important;

        font-family:
            "Almarai",
            sans-serif !important;

        font-size: 12px !important;

        font-weight: 500 !important;

        line-height: 1.45 !important;

        text-align: right !important;

        border-radius: 6px !important;
    }


    #menu-item-32428
    > .sub-menu
    > li.belara-menu-perfumes
    > .sub-menu
    > li
    > a:hover {

        color:
            var(--belara-chocolate) !important;

        background:
            rgba(255,255,255,.65) !important;
    }
}


/* ----------------------------------------------------------
   4) TYPOGRAPHY — CHILD IS FINAL AUTHORITY
   Text only; icon systems are intentionally excluded.
   ---------------------------------------------------------- */

body.belara2-site,
body.belara2-site button,
body.belara2-site input,
body.belara2-site select,
body.belara2-site textarea,
body.woocommerce,
body.woocommerce-page {

    font-family:
        "Almarai",
        sans-serif;
}


/* ==========================================================
   BELARA PC — PHASE 1C-2 FINAL VISUAL POLISH
   Desktop homepage only
   ========================================================== */

@media (min-width: 1024px) {

    /* -------------------------------------------------------
       1) SECTION HEADINGS + VIEW ALL
       ------------------------------------------------------- */

    body.home.belara2-site
    .belara2-section-heading {

        display: grid !important;

        grid-template-columns:
            minmax(120px, 1fr)
            88px
            auto
            88px
            minmax(120px, 1fr) !important;

        grid-template-rows: 42px !important;

        align-items: center !important;

        column-gap: 16px !important;

        width: 100% !important;

        margin: 0 0 28px !important;

        padding: 0 !important;

        direction: ltr !important;
    }


    body.home.belara2-site
    .belara2-section-heading > span:first-of-type {

        grid-column: 2 !important;
        grid-row: 1 !important;

        width: 88px !important;
        height: 1px !important;

        justify-self: stretch !important;

        background:
            linear-gradient(
                90deg,
                transparent,
                rgba(201,163,91,.72)
            ) !important;
    }


    body.home.belara2-site
    .belara2-section-heading > h2 {

        grid-column: 3 !important;
        grid-row: 1 !important;

        align-self: center !important;

        margin: 0 !important;

        color: #2A1210 !important;

        font-family:
            "Almarai",
            sans-serif !important;

        font-size: 28px !important;
        font-weight: 500 !important;
        line-height: 1.35 !important;

        letter-spacing: 0 !important;

        text-align: center !important;

        direction: rtl !important;

        white-space: nowrap !important;
    }


    body.home.belara2-site
    .belara2-section-heading > span:nth-of-type(2) {

        grid-column: 4 !important;
        grid-row: 1 !important;

        width: 88px !important;
        height: 1px !important;

        justify-self: stretch !important;

        background:
            linear-gradient(
                90deg,
                rgba(201,163,91,.72),
                transparent
            ) !important;
    }


    body.home.belara2-site
    .belara2-section-heading > a {

        grid-column: 1 !important;
        grid-row: 1 !important;

        justify-self: end !important;
        align-self: center !important;

        position: static !important;

        inset: auto !important;

        transform: none !important;

        margin: 0 !important;

        padding: 5px 0 !important;

        color: #6B4636 !important;

        font-family:
            "Almarai",
            sans-serif !important;

        font-size: 12.5px !important;
        font-weight: 400 !important;

        line-height: 1.4 !important;

        direction: rtl !important;

        border-bottom:
            1px solid transparent !important;

        text-decoration: none !important;
    }


    body.home.belara2-site
    .belara2-section-heading > a:hover {

        color: #C9A35B !important;

        border-bottom-color:
            currentColor !important;
    }


    /* -------------------------------------------------------
       2) HOMEPAGE RHYTHM / SPACING
       ------------------------------------------------------- */

    body.home.belara2-site
    .belara2-section {

        padding-top: 54px !important;
        padding-bottom: 54px !important;
    }


    body.home.belara2-site
    .belara2-section:has(.belara2-feature-grid) {

        padding-top: 50px !important;
        padding-bottom: 46px !important;
    }


    body.home.belara2-site
    .belara2-section:has(.belara2-products-grid) {

        padding-top: 54px !important;
        padding-bottom: 54px !important;
    }


    /* -------------------------------------------------------
       3) PRODUCT TITLE RTL / LTR SAFETY
       ------------------------------------------------------- */

    body.home.belara2-site
    .belara2-product-copy h3 {

        direction: rtl !important;

        unicode-bidi: plaintext !important;

        text-align: right !important;

        font-family:
            "Almarai",
            sans-serif !important;

        font-size: 13.5px !important;
        font-weight: 500 !important;

        line-height: 1.75 !important;

        min-height: 50px !important;
        max-height: 50px !important;

        margin: 0 0 8px !important;

        overflow: hidden !important;
    }


    /* -------------------------------------------------------
       4) BENEFITS STRIP
       ------------------------------------------------------- */

    body.home.belara2-site
    .belara2-benefits {

        padding: 24px 0 !important;

        background: #fff !important;

        border-top:
            1px solid rgba(42,18,16,.075) !important;

        border-bottom:
            1px solid rgba(42,18,16,.075) !important;
    }


    body.home.belara2-site
    .belara2-benefits > .belara2-container {

        width:
            min(1180px, calc(100% - 64px)) !important;

        margin-inline: auto !important;
    }


    body.home.belara2-site
    .belara2-benefits article {

        min-height: 76px !important;

        padding: 12px 22px !important;

        gap: 13px !important;
    }


    body.home.belara2-site
    .belara2-benefits article > span {

        width: 38px !important;
        height: 38px !important;

        flex: 0 0 38px !important;

        display: grid !important;

        place-items: center !important;

        color: #C9A35B !important;

        border:
            1px solid rgba(201,163,91,.38) !important;

        border-radius: 50% !important;

        font-size: 18px !important;
        line-height: 1 !important;
    }


    body.home.belara2-site
    .belara2-benefits b {

        font-family:
            "Almarai",
            sans-serif !important;

        font-size: 13px !important;
        font-weight: 500 !important;

        line-height: 1.6 !important;
    }


    body.home.belara2-site
    .belara2-benefits small {

        margin-top: 2px !important;

        color: #8A7770 !important;

        font-size: 10.5px !important;

        line-height: 1.55 !important;
    }


    /* -------------------------------------------------------
       5) KEEP NEWSLETTER HIDDEN UNTIL IT REALLY WORKS
       ------------------------------------------------------- */

    body.home.belara2-site
    .belara2-newsletter {

        display: none !important;
    }


    /* -------------------------------------------------------
       6) FOOTER DESKTOP BALANCE
       ------------------------------------------------------- */

    body.belara2-site
    .belara2-footer
    > .belara2-container {

        width:
            min(1180px, calc(100% - 64px)) !important;

        margin-inline: auto !important;
    }


    body.belara2-site
    .belara2-footer-grid {

        grid-template-columns:
            1.15fr
            .80fr
            1.45fr
            .90fr !important;

        gap: 40px !important;

        align-items: start !important;

        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }


    body.belara2-site
    .belara2-footer-grid > section {

        min-width: 0 !important;
    }


    body.belara2-site
    .belara2-footer-brand p {

        width: 100% !important;
        max-width: 310px !important;

        margin: 12px 0 0 !important;

        font-family:
            "Almarai",
            sans-serif !important;

        font-size: 13px !important;

        line-height: 1.9 !important;

        white-space: normal !important;
    }


    body.belara2-site
    .belara2-footer h3 {

        margin: 0 0 13px !important;

        font-family:
            "Almarai",
            sans-serif !important;

        font-size: 16px !important;
        font-weight: 700 !important;

        line-height: 1.5 !important;
    }


    body.belara2-site
    .belara2-footer a {

        font-family:
            "Almarai",
            sans-serif !important;

        font-size: 12.5px !important;

        line-height: 1.75 !important;
    }


    /*
     * روابط مهمة:
     * تحويل العمود الطويل إلى عمودين.
     */
    body.belara2-site
    .belara2-footer-grid
    > section:nth-child(3) {

        display: grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        column-gap: 25px !important;
        row-gap: 8px !important;
    }


    body.belara2-site
    .belara2-footer-grid
    > section:nth-child(3)
    > h3 {

        grid-column: 1 / -1 !important;
    }


    body.belara2-site
    .belara2-footer-bottom
    > .belara2-container {

        width:
            min(1180px, calc(100% - 64px)) !important;

        min-height: 54px !important;

        margin-inline: auto !important;

        font-family:
            "Almarai",
            sans-serif !important;

        font-size: 11.5px !important;
    }

}



/* ==========================================================
   BELARA PC — CATEGORY SLIDER 11/11 V1
   ========================================================== */

.belara2-category-slider-nav {
    display: none;
}

@media (min-width: 1024px) {

    body.home.belara2-site
    .belara2-categories {

        overflow: hidden;
    }


    body.home.belara2-site
    .belara2-category-slider-shell {

        position: relative;

        width: 100%;

        padding-inline: 34px;
    }


    body.home.belara2-site
    .belara2-category-slider {

        display: flex !important;

        grid-template-columns: none !important;

        gap: 18px !important;

        width: 100%;

        overflow-x: auto;
        overflow-y: hidden;

        scroll-behavior: smooth;
        scroll-snap-type: x mandatory;

        overscroll-behavior-inline: contain;

        direction: rtl;

        padding:
            6px 2px 12px;

        scrollbar-width: none;

        -webkit-overflow-scrolling: touch;
    }


    body.home.belara2-site
    .belara2-category-slider::-webkit-scrollbar {

        display: none;
    }


    body.home.belara2-site
    .belara2-category-slider
    .belara2-category-card {

        flex:
            0 0 138px !important;

        width:
            138px !important;

        min-width:
            138px !important;

        scroll-snap-align: start;

        direction: rtl;

        text-align: center;

        transition:
            transform .25s ease,
            opacity .25s ease;
    }


    body.home.belara2-site
    .belara2-category-slider
    .belara2-category-card:hover {

        transform:
            translateY(-5px);
    }


    body.home.belara2-site
    .belara2-category-slider
    .belara2-category-media {

        position: relative;

        display: block;

        width: 128px;
        height: 128px;

        margin-inline: auto;

        overflow: hidden;

        border:
            1px solid rgba(42,18,16,.08);

        border-radius:
            19px;

        background:
            #F8EFEB;

        box-shadow:
            0 8px 23px rgba(42,18,16,.055);
    }


    body.home.belara2-site
    .belara2-category-slider
    .belara2-category-media > img {

        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;

        border-radius: inherit;

        transition:
            transform .42s cubic-bezier(.2,.7,.2,1);
    }


    body.home.belara2-site
    .belara2-category-slider
    .belara2-category-card:hover
    .belara2-category-media > img {

        transform:
            scale(1.04);
    }


    /*
     * بطاقات مؤقتة راقية للأقسام الثلاثة
     * التي لا توجد لها صور مخصصة حتى الآن.
     */
    body.home.belara2-site
    .belara2-category-placeholder {

        position: absolute;

        inset: 0;

        display: block;

        background:
            radial-gradient(
                circle at 68% 26%,
                rgba(255,255,255,.94),
                transparent 28%
            ),
            radial-gradient(
                circle at 30% 75%,
                rgba(246,216,216,.68),
                transparent 34%
            ),
            linear-gradient(
                145deg,
                #FFF7EF 0%,
                #F3DED5 55%,
                #EACCC4 100%
            );
    }


    body.home.belara2-site
    .belara2-category-placeholder::before {

        content: "";

        position: absolute;

        width: 52px;
        height: 52px;

        left: 50%;
        top: 50%;

        transform:
            translate(-50%, -50%)
            rotate(45deg);

        border:
            1px solid rgba(201,163,91,.72);

        border-radius:
            18px;

        box-shadow:
            0 0 0 9px rgba(255,255,255,.30);
    }


    body.home.belara2-site
    .belara2-category-placeholder::after {

        content: "✦";

        position: absolute;

        left: 50%;
        top: 50%;

        transform:
            translate(-50%, -50%);

        color:
            #B88932;

        font-size:
            23px;

        line-height: 1;
    }


    body.home.belara2-site
    .belara2-category-slider
    .belara2-category-card strong {

        display: block;

        margin-top: 10px !important;

        color:
            #2A1210;

        font-family:
            "Almarai",
            sans-serif !important;

        font-size:
            13px !important;

        font-weight:
            500 !important;

        line-height:
            1.5 !important;
    }


    body.home.belara2-site
    .belara2-category-slider
    .belara2-category-card small {

        display: block;

        margin-top: 3px;

        color:
            #8A7770;

        font-family:
            "Almarai",
            sans-serif !important;

        font-size:
            10.5px;

        font-weight:
            400;

        line-height:
            1.45;
    }


    /* الأسهم */

    body.home.belara2-site
    .belara2-category-slider-nav {

        position: absolute;

        top: 62px;

        z-index: 8;

        display: grid;

        place-items: center;

        width: 38px;
        height: 38px;

        padding: 0;

        border:
            1px solid rgba(201,163,91,.55);

        border-radius:
            50%;

        background:
            rgba(255,247,239,.95);

        color:
            #6B4636;

        box-shadow:
            0 8px 22px rgba(42,18,16,.08);

        font-family:
            Arial,
            sans-serif;

        font-size:
            26px;

        font-weight:
            300;

        line-height:
            1;

        cursor: pointer;

        transition:
            background .2s ease,
            color .2s ease,
            border-color .2s ease,
            transform .2s ease;
    }


    body.home.belara2-site
    .belara2-category-slider-prev {

        right: 0;
    }


    body.home.belara2-site
    .belara2-category-slider-next {

        left: 0;
    }


    body.home.belara2-site
    .belara2-category-slider-nav:hover {

        background:
            #2A1210;

        color:
            #FFF7EF;

        border-color:
            #2A1210;

        transform:
            scale(1.05);
    }


    body.home.belara2-site
    .belara2-category-slider:focus-visible {

        outline:
            1px solid rgba(201,163,91,.7);

        outline-offset:
            5px;

        border-radius:
            14px;
    }

}



/* ==========================================================
   BELARA PC — PREMIUM SVG ICONS V1
   ========================================================== */

.belara-ui-icon,
.belara-benefit-icon {
    display: block;
    width: 100%;
    height: 100%;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.55;
    stroke-linecap: round;
    stroke-linejoin: round;
}

@media (min-width: 1024px) {

    /* Search */

    body.belara2-site
    .belara2-search button {

        display: grid !important;
        place-items: center !important;

        width: 42px !important;

        color: #2A1210 !important;
    }

    body.belara2-site
    .belara2-search button
    .belara-ui-icon {

        width: 19px !important;
        height: 19px !important;
    }


    /* Account / Wishlist / Cart */

    body.belara2-site
    .belara2-account-nav
    .belara-account-icon {

        display: grid !important;
        place-items: center !important;

        width: 25px !important;
        height: 25px !important;

        margin-inline: auto !important;

        color: #2A1210 !important;
    }

    body.belara2-site
    .belara2-account-nav
    .belara-account-icon
    .belara-ui-icon {

        width: 22px !important;
        height: 22px !important;
    }

    body.belara2-site
    .belara2-account-nav a:hover
    .belara-account-icon {

        color: #C9A35B !important;
    }


    /* Benefits */

    body.home.belara2-site
    .belara2-benefits
    .belara-benefit-symbol {

        display: grid !important;
        place-items: center !important;

        width: 42px !important;
        height: 42px !important;

        flex: 0 0 42px !important;

        padding: 9px !important;

        color: #B88932 !important;

        border:
            1px solid rgba(201,163,91,.40) !important;

        border-radius: 50% !important;

        background:
            rgba(255,247,239,.68) !important;
    }

    body.home.belara2-site
    .belara2-benefits
    .belara-benefit-icon {

        width: 21px !important;
        height: 21px !important;

        stroke-width: 1.45 !important;
    }

}



/* ==========================================================
   BELARA PC — CATEGORY SLIDER FINAL POLISH V2
   ========================================================== */

@media (min-width: 1024px) {

    body.home.belara2-site
    .belara2-category-slider-shell {

        padding-inline:
            46px !important;
    }


    body.home.belara2-site
    .belara2-category-slider-nav {

        width:
            32px !important;

        height:
            32px !important;

        top:
            58px !important;

        border-color:
            rgba(201,163,91,.42) !important;

        background:
            rgba(255,247,239,.96) !important;

        box-shadow:
            0 5px 15px rgba(42,18,16,.055) !important;

        font-size:
            21px !important;
    }


    body.home.belara2-site
    .belara2-category-slider-prev {

        right:
            5px !important;
    }


    body.home.belara2-site
    .belara2-category-slider-next {

        left:
            5px !important;
    }


    body.home.belara2-site
    .belara2-category-slider-nav:hover {

        transform:
            scale(1.04) !important;
    }

}


/* =========================================================
   BELARA CATEGORY COLOR SYSTEM V1
   Desktop category pages only
   Homepage / Header / Footer remain untouched
   ========================================================= */

@media (min-width: 1025px) {

    /*
     * Default BELARA category palette.
     * Individual categories override only these variables.
     */
    body.tax-product_cat {
        --belara-cat-accent: #C9A35B;
        --belara-cat-soft: #FFF7EF;
        --belara-cat-text: #2A1210;
    }


    /* 01 — ABAYAS | عبايات */
    body.tax-product_cat.term-abayas {
        --belara-cat-accent: #6E5A57;
        --belara-cat-soft: #F2ECEA;
    }


    /* 02 — BAGS | شنط */
    body.tax-product_cat.term-bags {
        --belara-cat-accent: #B77A58;
        --belara-cat-soft: #F6EADF;
    }


    /* 03 — SHOES | أحذية */
    body.tax-product_cat.term-shoes {
        --belara-cat-accent: #CFA6A3;
        --belara-cat-soft: #F8ECEB;
    }


    /* 04 — LINGERIE | لانجري */
    body.tax-product_cat.term-lingerie {
        --belara-cat-accent: #D8A6B5;
        --belara-cat-soft: #FAEEF2;
    }


    /* 05 — ACCESSORIES | إكسسوارات */
    body.tax-product_cat.term-accessories {
        --belara-cat-accent: #D6B875;
        --belara-cat-soft: #FBF4E4;
    }


    /* 06 — EYEWEAR | نظارات */
    body.tax-product_cat.term-eyewear {
        --belara-cat-accent: #8FAFBE;
        --belara-cat-soft: #EFF6F8;
    }


    /* 07 — PERFUMES | عطور */
    body.tax-product_cat.term-perfumes {
        --belara-cat-accent: #A996BA;
        --belara-cat-soft: #F4F0F7;
    }


    /* 08 — MAKEUP | مكياج */
    body.tax-product_cat.term-makeup {
        --belara-cat-accent: #C47B8D;
        --belara-cat-soft: #F8EBEF;
    }


    /* 09 — KIDS | أطفال */
    body.tax-product_cat.term-kids {
        --belara-cat-accent: #9FC7D6;
        --belara-cat-soft: #EEF7FA;
    }


    /* 10 — GIFTS | هدايا */
    body.tax-product_cat.term-gifts {
        --belara-cat-accent: #AEBE82;
        --belara-cat-soft: #F2F6E8;
    }


    /* 11 — HANDMADE TOUCHES | لمسات يدوية */
    body.tax-product_cat.term-handmade-touches {
        --belara-cat-accent: #C9957C;
        --belara-cat-soft: #F8EEE9;
    }


    /* ---------------------------------------------------------
       CATEGORY HEADER
       --------------------------------------------------------- */

    body.tax-product_cat .woocommerce-products-header {
        position: relative;
        overflow: hidden;
        margin: 0 0 32px;
        padding: 34px 42px 30px;
        background:
            linear-gradient(
                135deg,
                var(--belara-cat-soft) 0%,
                #FFFDFB 72%,
                #FFF7EF 100%
            );
        border: 1px solid rgba(42, 18, 16, 0.07);
        border-radius: 18px;
        box-shadow:
            inset 0 3px 0 var(--belara-cat-accent),
            0 12px 35px rgba(42, 18, 16, 0.035);
    }


    body.tax-product_cat .woocommerce-products-header::before {
        content: "";
        position: absolute;
        width: 180px;
        height: 180px;
        top: -95px;
        left: -55px;
        border-radius: 50%;
        background: var(--belara-cat-accent);
        opacity: 0.055;
        pointer-events: none;
    }


    body.tax-product_cat .woocommerce-products-header__title {
        position: relative;
        margin: 0;
        color: var(--belara-cat-text);
    }


    body.tax-product_cat .woocommerce-products-header__title::after {
        content: "";
        display: block;
        width: 52px;
        height: 2px;
        margin-top: 14px;
        background: var(--belara-cat-accent);
        border-radius: 99px;
    }


    body.tax-product_cat .term-description {
        position: relative;
        max-width: 760px;
        margin-top: 15px;
        color: #6B4636;
        line-height: 1.9;
    }


    /* ---------------------------------------------------------
       RESULT COUNT + SORTING
       --------------------------------------------------------- */

    body.tax-product_cat .woocommerce-result-count {
        padding: 8px 14px;
        background: var(--belara-cat-soft);
        border: 1px solid var(--belara-cat-accent);
        border-radius: 999px;
        color: #6B4636;
    }


    body.tax-product_cat .woocommerce-ordering select {
        min-height: 42px;
        padding-inline: 15px 38px;
        background-color: #FFFFFF;
        border: 1px solid rgba(42, 18, 16, 0.15);
        border-radius: 10px;
        color: #2A1210;
        transition:
            border-color .2s ease,
            box-shadow .2s ease;
    }


    body.tax-product_cat .woocommerce-ordering select:hover,
    body.tax-product_cat .woocommerce-ordering select:focus {
        border-color: var(--belara-cat-accent);
        box-shadow: 0 0 0 3px var(--belara-cat-soft);
        outline: none;
    }


    /* ---------------------------------------------------------
       SALE / STATUS BADGES
       --------------------------------------------------------- */

    body.tax-product_cat span.onsale {
        background: var(--belara-cat-soft) !important;
        color: #2A1210 !important;
        border: 1px solid var(--belara-cat-accent);
        box-shadow: none !important;
    }


    /* ---------------------------------------------------------
       WISHLIST MICRO INTERACTION
       --------------------------------------------------------- */

    body.tax-product_cat .belara2-wishlist-button:hover {
        border-color: var(--belara-cat-accent) !important;
        background: var(--belara-cat-soft) !important;
    }


    /* ---------------------------------------------------------
       PAGINATION
       --------------------------------------------------------- */

    body.tax-product_cat .woocommerce-pagination .page-numbers li {
        border-color: rgba(42, 18, 16, 0.10);
    }


    body.tax-product_cat .woocommerce-pagination .page-numbers li a:hover,
    body.tax-product_cat .woocommerce-pagination .page-numbers li span.current {
        background: var(--belara-cat-soft) !important;
        color: #2A1210 !important;
        border-color: var(--belara-cat-accent) !important;
    }


    /* ---------------------------------------------------------
       BREADCRUMBS
       --------------------------------------------------------- */

    body.tax-product_cat .woocommerce-breadcrumb a:hover {
        color: var(--belara-cat-accent);
    }

}


/* =========================================================
   BELARA CATEGORY COLOR SYSTEM V1.1
   WooCommerce actual archive markup compatibility
   Category pages only — Desktop
   ========================================================= */

@media (min-width: 1025px) {

    /* -------------------------------------------------------
       REAL CATEGORY PAGE TITLE
       WooCommerce outputs h1.page-title directly on this site
       ------------------------------------------------------- */

    body.tax-product_cat h1.page-title {
        position: relative;
        width: min(1220px, calc(100% - 48px));
        margin: 0 auto 26px !important;
        padding: 34px 42px 31px !important;

        background:
            linear-gradient(
                135deg,
                var(--belara-cat-soft) 0%,
                #FFFDFB 72%,
                #FFF7EF 100%
            );

        color: var(--belara-cat-text, #2A1210) !important;
        border: 1px solid rgba(42, 18, 16, 0.07);
        border-radius: 18px;

        box-shadow:
            inset 0 3px 0 var(--belara-cat-accent),
            0 12px 35px rgba(42, 18, 16, 0.035);

        font-size: 36px;
        font-weight: 500;
        line-height: 1.35;
        text-align: right;
        overflow: hidden;
    }


    body.tax-product_cat h1.page-title::after {
        content: "";
        display: block;
        width: 54px;
        height: 2px;
        margin-top: 14px;
        margin-right: 0;
        background: var(--belara-cat-accent);
        border-radius: 99px;
    }


    /* -------------------------------------------------------
       EMPTY CATEGORY / WOO INFO
       Remove WooCommerce default blue identity
       ------------------------------------------------------- */

    body.tax-product_cat .woocommerce-info {
        width: min(1220px, calc(100% - 48px));
        margin: 0 auto 34px !important;
        padding: 20px 58px 20px 24px !important;

        background: var(--belara-cat-soft) !important;
        color: #6B4636 !important;

        border: 1px solid color-mix(
            in srgb,
            var(--belara-cat-accent) 45%,
            transparent
        ) !important;

        border-top: 3px solid var(--belara-cat-accent) !important;
        border-radius: 12px;

        box-shadow: none !important;
    }


    body.tax-product_cat .woocommerce-info::before {
        color: var(--belara-cat-accent) !important;
    }


    /* Compatibility fallback for browsers without color-mix */
    @supports not (color: color-mix(in srgb, black, white)) {

        body.tax-product_cat .woocommerce-info {
            border-color: var(--belara-cat-accent) !important;
            border-top-color: var(--belara-cat-accent) !important;
        }

    }

}



/* =========================================================
   BELARA PERFUME CATEGORY CARDS POLISH V1
   Parent perfume category only — Desktop
   ========================================================= */

@media (min-width: 1025px) {

    /*
     * Two premium perfume worlds:
     * Women + Men
     */
    body.tax-product_cat.term-perfumes ul.products {
        width: min(760px, calc(100% - 48px)) !important;
        margin: 24px auto 72px !important;

        display: grid !important;
        grid-template-columns: repeat(2, minmax(280px, 320px)) !important;
        justify-content: center !important;
        align-items: stretch;
        gap: 34px !important;

        float: none !important;
    }


    body.tax-product_cat.term-perfumes ul.products::before,
    body.tax-product_cat.term-perfumes ul.products::after {
        display: none !important;
        content: none !important;
    }


    body.tax-product_cat.term-perfumes ul.products li.product-category {
        width: 100% !important;
        max-width: 320px !important;
        margin: 0 !important;
        padding: 0 !important;

        background: #FFFFFF;
        border: 1px solid rgba(169, 150, 186, 0.20);
        border-radius: 18px;
        overflow: hidden;

        box-shadow:
            0 12px 30px rgba(42, 18, 16, 0.055);

        transition:
            transform .25s ease,
            box-shadow .25s ease,
            border-color .25s ease;
    }


    body.tax-product_cat.term-perfumes ul.products li.product-category:hover {
        transform: translateY(-5px);

        border-color: var(--belara-cat-accent);

        box-shadow:
            0 18px 38px rgba(42, 18, 16, 0.09);
    }


    body.tax-product_cat.term-perfumes ul.products li.product-category > a {
        display: block;
        width: 100%;
        height: 100%;
        color: #2A1210;
        text-decoration: none;
    }


    body.tax-product_cat.term-perfumes ul.products li.product-category img {
        display: block;
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 1 / 1;
        margin: 0 !important;

        object-fit: cover;

        border-radius: 0 !important;

        transition: transform .35s ease;
    }


    body.tax-product_cat.term-perfumes ul.products li.product-category:hover img {
        transform: scale(1.025);
    }


    body.tax-product_cat.term-perfumes
    .woocommerce-loop-category__title {
        min-height: 72px;
        margin: 0 !important;
        padding: 18px 20px 20px !important;

        display: flex;
        align-items: center;
        justify-content: center;
        gap: 9px;

        color: #2A1210 !important;
        background: #FFFFFF;

        font-size: 18px !important;
        font-weight: 500 !important;
        line-height: 1.5;
        text-align: center;
    }


    /*
     * Replace browser/WooCommerce yellow count highlight
     * with BELARA perfume accent.
     */
    body.tax-product_cat.term-perfumes
    .woocommerce-loop-category__title mark.count {

        display: inline-flex !important;
        align-items: center;
        justify-content: center;

        min-width: 36px;
        min-height: 28px;

        margin: 0 !important;
        padding: 3px 9px !important;

        background: var(--belara-cat-soft) !important;
        color: #6B5878 !important;

        border: 1px solid
            rgba(169, 150, 186, 0.48);

        border-radius: 999px;

        font-size: 13px !important;
        font-weight: 600 !important;
        line-height: 1 !important;

        opacity: 1 !important;
    }

}



/* =========================================================
   BELARA PERFUME INTERNAL PAGES V1
   Women + Men perfume child categories
   Desktop only
   ========================================================= */

@media (min-width: 1025px) {

    /* =====================================================
       1. SUB-CATEGORY COLOR IDENTITIES
       ===================================================== */

    /* عطور نسائية */
    body.tax-product_cat.term-womens-perfumes {
        --belara-cat-accent: #C79CAD;
        --belara-cat-soft: #F8EEF2;
        --belara-cat-text: #2A1210;
    }


    /* عطور رجالية */
    body.tax-product_cat.term-mens-perfumes {
        --belara-cat-accent: #7E7189;
        --belara-cat-soft: #F1EEF4;
        --belara-cat-text: #2A1210;
    }


    /* =====================================================
       2. CATEGORY HEADER
       Existing V1.1 structure — refined spacing only
       ===================================================== */

    body.tax-product_cat.term-womens-perfumes h1.page-title,
    body.tax-product_cat.term-mens-perfumes h1.page-title {

        margin-bottom: 24px !important;

        background:
            linear-gradient(
                135deg,
                var(--belara-cat-soft) 0%,
                #FFFDFB 74%,
                #FFF7EF 100%
            );

        box-shadow:
            inset 0 3px 0 var(--belara-cat-accent),
            0 10px 30px rgba(42,18,16,.035);
    }


    /* =====================================================
       3. RESULT COUNT
       Bring controls inside the visual content width
       ===================================================== */

    body.tax-product_cat.term-womens-perfumes
    .woocommerce-result-count,

    body.tax-product_cat.term-mens-perfumes
    .woocommerce-result-count {

        float: right !important;

        margin-top: 0 !important;
        margin-right:
            max(
                24px,
                calc((100% - 1220px) / 2)
            ) !important;

        margin-bottom: 18px !important;

        padding: 8px 15px !important;

        background: var(--belara-cat-soft) !important;
        border: 1px solid var(--belara-cat-accent) !important;

        color: #6B4636 !important;

        border-radius: 999px;
    }


    /* =====================================================
       4. SORTING
       ===================================================== */

    body.tax-product_cat.term-womens-perfumes
    .woocommerce-ordering,

    body.tax-product_cat.term-mens-perfumes
    .woocommerce-ordering {

        float: left !important;

        margin-top: 0 !important;
        margin-left:
            max(
                24px,
                calc((100% - 1220px) / 2)
            ) !important;

        margin-bottom: 18px !important;
    }


    body.tax-product_cat.term-womens-perfumes
    .woocommerce-ordering select,

    body.tax-product_cat.term-mens-perfumes
    .woocommerce-ordering select {

        min-width: 220px;
        min-height: 42px;

        padding-inline: 14px 38px;

        background-color: #FFFFFF;

        border:
            1px solid
            color-mix(
                in srgb,
                var(--belara-cat-accent) 65%,
                white
            );

        border-radius: 10px;

        color: #2A1210;

        transition:
            border-color .2s ease,
            box-shadow .2s ease;
    }


    body.tax-product_cat.term-womens-perfumes
    .woocommerce-ordering select:hover,

    body.tax-product_cat.term-womens-perfumes
    .woocommerce-ordering select:focus,

    body.tax-product_cat.term-mens-perfumes
    .woocommerce-ordering select:hover,

    body.tax-product_cat.term-mens-perfumes
    .woocommerce-ordering select:focus {

        border-color: var(--belara-cat-accent);

        box-shadow:
            0 0 0 3px var(--belara-cat-soft);

        outline: none;
    }


    /* =====================================================
       5. PRODUCTS GRID
       Reduce excessive gap before cards
       ===================================================== */

    body.tax-product_cat.term-womens-perfumes ul.products,
    body.tax-product_cat.term-mens-perfumes ul.products {

        clear: both !important;

        margin-top: 8px !important;
        margin-bottom: 58px !important;
    }


    /* =====================================================
       6. PRODUCT CARDS
       Subtle perfume-family interaction
       ===================================================== */

    body.tax-product_cat.term-womens-perfumes
    ul.products li.product,

    body.tax-product_cat.term-mens-perfumes
    ul.products li.product {

        border-color: rgba(42,18,16,.08);

        transition:
            transform .24s ease,
            box-shadow .24s ease,
            border-color .24s ease;
    }


    body.tax-product_cat.term-womens-perfumes
    ul.products li.product:hover,

    body.tax-product_cat.term-mens-perfumes
    ul.products li.product:hover {

        transform: translateY(-4px);

        border-color: var(--belara-cat-accent);

        box-shadow:
            0 16px 34px rgba(42,18,16,.085);
    }


    /* =====================================================
       7. PRODUCT TITLES
       Keep every product card visually aligned
       ===================================================== */

    body.tax-product_cat.term-womens-perfumes
    .woocommerce-loop-product__title.belara-product-title,

    body.tax-product_cat.term-mens-perfumes
    .woocommerce-loop-product__title.belara-product-title {

        min-height: 64px;

        margin-bottom: 6px !important;

        display: flex;
        flex-direction: column;
        justify-content: center;

        text-align: center;
    }


    body.tax-product_cat.term-womens-perfumes
    .belara-product-title-ar,

    body.tax-product_cat.term-mens-perfumes
    .belara-product-title-ar {

        display: block;

        min-height: 25px;

        line-height: 1.5;
    }


    body.tax-product_cat.term-womens-perfumes
    .belara-product-title-en,

    body.tax-product_cat.term-mens-perfumes
    .belara-product-title-en {

        display: block;

        min-height: 20px;

        margin-top: 3px;

        line-height: 1.35;
    }


    /* =====================================================
       8. WISHLIST
       Accent follows each perfume world
       ===================================================== */

    body.tax-product_cat.term-womens-perfumes
    .belara2-wishlist-button:hover,

    body.tax-product_cat.term-mens-perfumes
    .belara2-wishlist-button:hover {

        background: var(--belara-cat-soft) !important;
        border-color: var(--belara-cat-accent) !important;

        transform: scale(1.05);
    }


    /* =====================================================
       9. PAGINATION
       ===================================================== */

    body.tax-product_cat.term-womens-perfumes
    .woocommerce-pagination
    .page-numbers li span.current,

    body.tax-product_cat.term-mens-perfumes
    .woocommerce-pagination
    .page-numbers li span.current {

        background: var(--belara-cat-soft) !important;
        border-color: var(--belara-cat-accent) !important;
        color: #2A1210 !important;
    }


    /* =====================================================
       10. COLOR-MIX FALLBACK
       ===================================================== */

    @supports not (
        color:
        color-mix(in srgb, black, white)
    ) {

        body.tax-product_cat.term-womens-perfumes
        .woocommerce-ordering select,

        body.tax-product_cat.term-mens-perfumes
        .woocommerce-ordering select {

            border-color: var(--belara-cat-accent);
        }

    }

}



/* =========================================================
   BELARA PRODUCT CARD POLISH V1
   Perfume child categories — Desktop validation
   ========================================================= */

@media (min-width: 1025px) {

    /* -----------------------------------------------------
       PRICE AREA
       ----------------------------------------------------- */

    body.tax-product_cat.term-womens-perfumes
    ul.products li.product .price,

    body.tax-product_cat.term-mens-perfumes
    ul.products li.product .price {

        display: block !important;

        min-height: 66px;

        margin: 0 14px 12px !important;

        color: #2A1210 !important;

        font-size: 16px !important;
        font-weight: 600;
        line-height: 1.4;

        text-align: center;
    }


    /* -----------------------------------------------------
       OLD PRICE
       ----------------------------------------------------- */

    body.tax-product_cat.term-womens-perfumes
    ul.products li.product .price del,

    body.tax-product_cat.term-mens-perfumes
    ul.products li.product .price del {

        display: inline-block;

        margin-inline-end: 7px;

        color: #9A8B85 !important;

        font-size: 12px !important;
        font-weight: 400 !important;

        opacity: .70;

        text-decoration-thickness: 1px;
    }


    /* -----------------------------------------------------
       CURRENT / SALE PRICE
       ----------------------------------------------------- */

    body.tax-product_cat.term-womens-perfumes
    ul.products li.product .price ins,

    body.tax-product_cat.term-mens-perfumes
    ul.products li.product .price ins {

        display: inline-block;

        color: #2A1210 !important;

        font-size: 17px !important;
        font-weight: 700 !important;

        text-decoration: none !important;

        background: transparent !important;
    }


    /* -----------------------------------------------------
       VAT SUFFIX — OWN LINE
       ----------------------------------------------------- */

    body.tax-product_cat.term-womens-perfumes
    ul.products li.product
    .price .woocommerce-price-suffix,

    body.tax-product_cat.term-mens-perfumes
    ul.products li.product
    .price .woocommerce-price-suffix {

        display: block !important;

        width: 100%;

        margin-top: 6px !important;

        color: #9A8178 !important;

        font-size: 11px !important;
        font-weight: 400 !important;
        line-height: 1.4 !important;

        text-align: center;

        white-space: normal;
    }


    /* -----------------------------------------------------
       NORMAL PRICE WHEN PRODUCT IS NOT ON SALE
       ----------------------------------------------------- */

    body.tax-product_cat.term-womens-perfumes
    ul.products li.product
    .price > .woocommerce-Price-amount,

    body.tax-product_cat.term-mens-perfumes
    ul.products li.product
    .price > .woocommerce-Price-amount {

        color: #2A1210;

        font-size: 17px;
        font-weight: 700;
    }

}



/* =========================================================
   BELARA SALE PRICE DISPLAY V1.1
   Perfume child categories — Desktop validation
   ========================================================= */

@media (min-width: 1025px) {

    /* Price row */
    body.tax-product_cat.term-womens-perfumes
    ul.products li.product .price,

    body.tax-product_cat.term-mens-perfumes
    ul.products li.product .price {

        display: flex !important;
        flex-wrap: wrap !important;
        align-items: baseline !important;
        justify-content: center !important;

        column-gap: 8px;
        row-gap: 3px;

        min-height: 68px;

        direction: rtl;
    }


    /* Original price */
    body.tax-product_cat.term-womens-perfumes
    ul.products li.product .price del,

    body.tax-product_cat.term-mens-perfumes
    ul.products li.product .price del {

        display: inline-flex !important;

        position: static !important;

        width: auto !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        visibility: visible !important;

        color: #A39189 !important;

        font-size: 12px !important;
        font-weight: 400 !important;
        line-height: 1.35 !important;

        opacity: .72 !important;

        text-decoration-line: line-through !important;
        text-decoration-thickness: 1px !important;

        background: transparent !important;
    }


    /* Current sale price */
    body.tax-product_cat.term-womens-perfumes
    ul.products li.product .price ins,

    body.tax-product_cat.term-mens-perfumes
    ul.products li.product .price ins {

        display: inline-flex !important;

        position: static !important;

        width: auto !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        visibility: visible !important;

        color: #2A1210 !important;

        font-size: 17px !important;
        font-weight: 700 !important;
        line-height: 1.35 !important;

        opacity: 1 !important;

        text-decoration: none !important;

        background: transparent !important;
    }


    /* Keep amount/currency visually together */
    body.tax-product_cat.term-womens-perfumes
    ul.products li.product .price del bdi,

    body.tax-product_cat.term-womens-perfumes
    ul.products li.product .price ins bdi,

    body.tax-product_cat.term-mens-perfumes
    ul.products li.product .price del bdi,

    body.tax-product_cat.term-mens-perfumes
    ul.products li.product .price ins bdi {

        white-space: nowrap;
    }


    /* VAT suffix gets its own full row */
    body.tax-product_cat.term-womens-perfumes
    ul.products li.product
    .price .woocommerce-price-suffix,

    body.tax-product_cat.term-mens-perfumes
    ul.products li.product
    .price .woocommerce-price-suffix {

        flex: 0 0 100% !important;

        display: block !important;

        margin: 3px 0 0 !important;

        color: #A0857C !important;

        font-size: 11px !important;
        font-weight: 400 !important;
        line-height: 1.35 !important;

        text-align: center !important;
    }

}



/* =========================================================
   BELARA STORE-WIDE PRODUCT CARD SYSTEM V2
   Shop + Product categories
   Desktop only

   Excludes:
   - Homepage
   - Single product pages
   ========================================================= */

@media (min-width: 1025px) {

    /* =====================================================
       1. PRODUCT CARD STRUCTURE
       ===================================================== */

    body.woocommerce-shop ul.products li.product,
    body.post-type-archive-product ul.products li.product,
    body.tax-product_cat ul.products li.product {

        display: flex !important;
        flex-direction: column !important;

        height: 100%;

        border-color: rgba(42,18,16,.08);

        transition:
            transform .24s ease,
            border-color .24s ease,
            box-shadow .24s ease;
    }


    body.woocommerce-shop ul.products li.product:hover,
    body.post-type-archive-product ul.products li.product:hover,
    body.tax-product_cat ul.products li.product:hover {

        transform: translateY(-4px);

        border-color:
            var(--belara-cat-accent, #C9A35B) !important;

        box-shadow:
            0 16px 34px rgba(42,18,16,.085);
    }


    /* =====================================================
       2. PRODUCT LINK AREA
       Lets all cards align naturally
       ===================================================== */

    body.woocommerce-shop
    ul.products li.product
    > a.woocommerce-LoopProduct-link,

    body.post-type-archive-product
    ul.products li.product
    > a.woocommerce-LoopProduct-link,

    body.tax-product_cat
    ul.products li.product
    > a.woocommerce-LoopProduct-link {

        display: flex !important;
        flex-direction: column !important;

        flex: 1 1 auto;

        width: 100%;

        color: inherit;
        text-decoration: none;
    }


    /* =====================================================
       3. PRODUCT IMAGE
       ===================================================== */

    body.woocommerce-shop ul.products li.product img,
    body.post-type-archive-product ul.products li.product img,
    body.tax-product_cat ul.products li.product img {

        width: 100% !important;
        height: auto !important;

        aspect-ratio: 1 / 1;

        object-fit: cover;
        object-position: center;

        flex: 0 0 auto;
    }


    /* =====================================================
       4. ARABIC + ENGLISH PRODUCT TITLES
       ===================================================== */

    body.woocommerce-shop
    .woocommerce-loop-product__title.belara-product-title,

    body.post-type-archive-product
    .woocommerce-loop-product__title.belara-product-title,

    body.tax-product_cat
    .woocommerce-loop-product__title.belara-product-title {

        min-height: 64px;

        margin:
            0 14px 8px !important;

        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

        gap: 3px;

        text-align: center;
    }


    body.woocommerce-shop .belara-product-title-ar,
    body.post-type-archive-product .belara-product-title-ar,
    body.tax-product_cat .belara-product-title-ar {

        display: block;

        width: 100%;
        min-height: 24px;

        direction: rtl;
        unicode-bidi: plaintext;

        color: #2A1210;

        font-size: 15px;
        font-weight: 500;
        line-height: 1.5;

        text-align: center;
    }


    body.woocommerce-shop .belara-product-title-en,
    body.post-type-archive-product .belara-product-title-en,
    body.tax-product_cat .belara-product-title-en {

        display: block;

        width: 100%;
        min-height: 18px;

        margin-top: 2px;

        direction: ltr;

        color: #715F58;

        font-size: 12px;
        font-weight: 400;
        line-height: 1.4;

        text-align: center;
    }


    body.woocommerce-shop .belara-product-title-single,
    body.post-type-archive-product .belara-product-title-single,
    body.tax-product_cat .belara-product-title-single {

        display: flex;

        width: 100%;
        min-height: 48px;

        align-items: center;
        justify-content: center;

        color: #2A1210;

        font-size: 14px;
        font-weight: 500;
        line-height: 1.5;

        text-align: center;
    }


    /* =====================================================
       5. PRICE AREA
       ===================================================== */

    body.woocommerce-shop
    ul.products li.product .price,

    body.post-type-archive-product
    ul.products li.product .price,

    body.tax-product_cat
    ul.products li.product .price {

        display: flex !important;
        flex-wrap: wrap !important;

        align-items: baseline !important;
        justify-content: center !important;

        column-gap: 8px;
        row-gap: 3px;

        width: auto;

        min-height: 68px;

        margin:
            auto 14px 12px !important;

        color: #2A1210 !important;

        direction: rtl;

        font-size: 16px;
        font-weight: 600;
        line-height: 1.4;

        text-align: center;
    }


    /* =====================================================
       6. ORIGINAL PRICE
       ===================================================== */

    body.woocommerce-shop
    ul.products li.product .price del,

    body.post-type-archive-product
    ul.products li.product .price del,

    body.tax-product_cat
    ul.products li.product .price del {

        display: inline-flex !important;

        position: static !important;

        width: auto !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        visibility: visible !important;

        color: #A39189 !important;

        font-size: 12px !important;
        font-weight: 400 !important;
        line-height: 1.35 !important;

        opacity: .72 !important;

        text-decoration-line: line-through !important;
        text-decoration-thickness: 1px !important;

        background: transparent !important;
    }


    /* =====================================================
       7. CURRENT / SALE PRICE
       ===================================================== */

    body.woocommerce-shop
    ul.products li.product .price ins,

    body.post-type-archive-product
    ul.products li.product .price ins,

    body.tax-product_cat
    ul.products li.product .price ins {

        display: inline-flex !important;

        position: static !important;

        width: auto !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        visibility: visible !important;

        color: #2A1210 !important;

        font-size: 17px !important;
        font-weight: 700 !important;
        line-height: 1.35 !important;

        opacity: 1 !important;

        text-decoration: none !important;

        background: transparent !important;
    }


    /* Normal product price — not on sale */
    body.woocommerce-shop
    ul.products li.product
    .price > .woocommerce-Price-amount,

    body.post-type-archive-product
    ul.products li.product
    .price > .woocommerce-Price-amount,

    body.tax-product_cat
    ul.products li.product
    .price > .woocommerce-Price-amount {

        color: #2A1210 !important;

        font-size: 17px !important;
        font-weight: 700 !important;

        white-space: nowrap;
    }


    /* Keep amount + currency together */
    body.woocommerce-shop
    ul.products li.product .price bdi,

    body.post-type-archive-product
    ul.products li.product .price bdi,

    body.tax-product_cat
    ul.products li.product .price bdi {

        white-space: nowrap;
    }


    /* =====================================================
       8. VAT SUFFIX
       ===================================================== */

    body.woocommerce-shop
    ul.products li.product
    .price .woocommerce-price-suffix,

    body.post-type-archive-product
    ul.products li.product
    .price .woocommerce-price-suffix,

    body.tax-product_cat
    ul.products li.product
    .price .woocommerce-price-suffix {

        flex: 0 0 100% !important;

        display: block !important;

        width: 100%;

        margin:
            3px 0 0 !important;

        color: #A0857C !important;

        font-size: 11px !important;
        font-weight: 400 !important;
        line-height: 1.35 !important;

        text-align: center !important;

        white-space: normal;
    }


    /* =====================================================
       9. PRODUCT BUTTON
       ===================================================== */

    body.woocommerce-shop
    ul.products li.product a.button,

    body.post-type-archive-product
    ul.products li.product a.button,

    body.tax-product_cat
    ul.products li.product a.button {

        flex: 0 0 auto;

        width: auto;

        min-height: 44px;

        margin:
            0 16px 14px !important;

        display: flex;

        align-items: center;
        justify-content: center;

        padding: 10px 16px;

        border:
            1px solid #2A1210;

        border-radius: 8px;

        background: #2A1210;

        color: #FFFFFF;

        font-size: 14px;
        font-weight: 500;

        text-align: center;

        transition:
            transform .2s ease,
            opacity .2s ease,
            box-shadow .2s ease;
    }


    body.woocommerce-shop
    ul.products li.product a.button:hover,

    body.post-type-archive-product
    ul.products li.product a.button:hover,

    body.tax-product_cat
    ul.products li.product a.button:hover {

        transform: translateY(-1px);

        opacity: .94;

        box-shadow:
            0 7px 16px rgba(42,18,16,.13);
    }


    /* =====================================================
       10. WISHLIST
       Uses each category's accent color
       ===================================================== */

    body.woocommerce-shop
    .belara2-wishlist-button:hover,

    body.post-type-archive-product
    .belara2-wishlist-button:hover,

    body.tax-product_cat
    .belara2-wishlist-button:hover {

        background:
            var(--belara-cat-soft, #FFF7EF) !important;

        border-color:
            var(--belara-cat-accent, #C9A35B) !important;

        transform: scale(1.05);
    }

}



/* =========================================================
   BELARA HOME PRODUCT PRICE POLISH V1
   Homepage product cards only — Desktop
   Does NOT change card dimensions/layout
   ========================================================= */

@media (min-width: 1025px) {

    /* =====================================================
       PRICE AREA
       ===================================================== */

    body.home.belara2-site
    ul.products li.product .price {

        display: flex !important;
        flex-wrap: wrap !important;

        align-items: baseline !important;
        justify-content: center !important;

        column-gap: 7px;
        row-gap: 3px;

        width: auto;

        margin:
            0 12px 9px !important;

        color: #2A1210 !important;

        direction: rtl;

        font-size: 15px !important;
        font-weight: 600;
        line-height: 1.4;

        text-align: center;
    }


    /* =====================================================
       NORMAL PRICE
       ===================================================== */

    body.home.belara2-site
    ul.products li.product
    .price > .woocommerce-Price-amount {

        color: #2A1210 !important;

        font-size: 16px !important;
        font-weight: 700 !important;

        white-space: nowrap;
    }


    /* =====================================================
       OLD SALE PRICE
       ===================================================== */

    body.home.belara2-site
    ul.products li.product .price del {

        display: inline-flex !important;

        position: static !important;

        width: auto !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        visibility: visible !important;

        color: #A39189 !important;

        font-size: 11px !important;
        font-weight: 400 !important;
        line-height: 1.35 !important;

        opacity: .70 !important;

        text-decoration-line: line-through !important;
        text-decoration-thickness: 1px !important;

        background: transparent !important;
    }


    /* =====================================================
       CURRENT SALE PRICE
       ===================================================== */

    body.home.belara2-site
    ul.products li.product .price ins {

        display: inline-flex !important;

        position: static !important;

        width: auto !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        visibility: visible !important;

        color: #2A1210 !important;

        font-size: 16px !important;
        font-weight: 700 !important;
        line-height: 1.35 !important;

        opacity: 1 !important;

        text-decoration: none !important;

        background: transparent !important;
    }


    /* Keep amount + SAR together */
    body.home.belara2-site
    ul.products li.product .price bdi {

        white-space: nowrap;
    }


    /* =====================================================
       VAT — OWN LINE
       ===================================================== */

    body.home.belara2-site
    ul.products li.product
    .price .woocommerce-price-suffix {

        flex: 0 0 100% !important;

        display: block !important;

        width: 100%;

        margin:
            3px 0 0 !important;

        color: #A0857C !important;

        font-size: 10px !important;
        font-weight: 400 !important;
        line-height: 1.35 !important;

        text-align: center !important;

        white-space: normal;
    }

}



/* =========================================================
   BELARA HOME PRICE SYSTEM V2
   Homepage custom product cards — Desktop only
   ========================================================= */

@media (min-width: 1025px) {

    /* Main price container */
    body.home.belara2-site
    .belara2-product-card
    .belara2-price {

        display: flex !important;
        flex-wrap: wrap !important;

        align-items: baseline !important;
        justify-content: center !important;

        column-gap: 7px;
        row-gap: 3px;

        width: 100%;

        margin: 0 0 9px !important;

        direction: rtl;

        color: #2A1210;

        text-align: center;
    }


    /* Normal price */
    body.home.belara2-site
    .belara2-product-card
    .belara2-price
    > .woocommerce-Price-amount {

        display: inline-flex !important;

        color: #2A1210 !important;

        font-size: 16px !important;
        font-weight: 700 !important;
        line-height: 1.35;

        white-space: nowrap;
    }


    /* Old price — explicitly override Phase 0 hide rule */
    body.home.belara2-site
    .belara2-product-card
    .belara2-price del {

        display: inline-flex !important;

        position: static !important;

        width: auto !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        visibility: visible !important;

        color: #A39189 !important;

        font-size: 11px !important;
        font-weight: 400 !important;
        line-height: 1.35 !important;

        opacity: .72 !important;

        text-decoration-line: line-through !important;
        text-decoration-thickness: 1px !important;

        background: transparent !important;
    }


    /* Sale/current price */
    body.home.belara2-site
    .belara2-product-card
    .belara2-price ins {

        display: inline-flex !important;

        position: static !important;

        width: auto !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        visibility: visible !important;

        color: #2A1210 !important;

        font-size: 16px !important;
        font-weight: 700 !important;
        line-height: 1.35 !important;

        opacity: 1 !important;

        text-decoration: none !important;

        background: transparent !important;
    }


    /* Price amount and SAR stay together */
    body.home.belara2-site
    .belara2-product-card
    .belara2-price bdi,

    body.home.belara2-site
    .belara2-product-card
    .belara2-price
    .woocommerce-Price-amount {

        white-space: nowrap;
    }


    /* "ابتداءً من" */
    body.home.belara2-site
    .belara2-product-card
    .belara2-price-prefix {

        display: inline-flex;

        color: #A0857C;

        font-size: 10px;
        font-weight: 400;
    }


    /* VAT note gets its own row */
    body.home.belara2-site
    .belara2-product-card
    .belara2-tax-note {

        flex: 0 0 100% !important;

        display: block !important;

        width: 100%;

        margin: 3px 0 0 !important;

        color: #A0857C !important;

        font-size: 10px !important;
        font-weight: 400 !important;
        line-height: 1.35 !important;

        text-align: center !important;
    }

}



/* =========================================================
   BELARA SMART FILTER BAR V1
   Desktop only
   ========================================================= */

.belara-smart-filter,
.belara-empty-state {
    display: none;
}


@media (min-width: 1025px) {

    /* =====================================================
       FILTER BAR
       ===================================================== */

    body.tax-product_cat
    .belara-smart-filter {

        display: flex;

        width:
            min(
                1220px,
                calc(100% - 48px)
            );

        margin:
            4px auto 22px;

        padding:
            16px 18px;

        align-items: center;

        gap: 22px;

        background:
            linear-gradient(
                135deg,
                var(
                    --belara-cat-soft,
                    #FFF7EF
                ),
                #FFFFFF 78%
            );

        border:
            1px solid
            color-mix(
                in srgb,
                var(
                    --belara-cat-accent,
                    #C9A35B
                ) 48%,
                white
            );

        border-radius: 16px;

        box-shadow:
            0 8px 28px
            rgba(42,18,16,.04);
    }


    .belara-smart-filter__intro {

        flex:
            0 0 170px;

        padding-inline-end: 18px;

        border-inline-end:
            1px solid
            rgba(42,18,16,.08);
    }


    .belara-smart-filter__intro strong {

        display: block;

        margin-bottom: 3px;

        color: #2A1210;

        font-size: 16px;
        font-weight: 600;
    }


    .belara-smart-filter__intro span {

        color: #9A8178;

        font-size: 11px;
        line-height: 1.45;
    }


    .belara-smart-filter__form {

        flex: 1;

        display: flex;

        align-items: flex-end;

        gap: 10px;
    }


    .belara-filter-field {

        display: flex;
        flex-direction: column;

        gap: 5px;
    }


    .belara-filter-field > span {

        padding-inline-start: 3px;

        color: #715F58;

        font-size: 11px;
        font-weight: 500;
    }


    .belara-filter-field--color {

        width: 205px;
    }


    .belara-filter-field--price {

        width: 120px;
    }


    .belara-filter-field select,
    .belara-filter-field input {

        width: 100%;

        height: 42px;

        padding:
            0 12px;

        background: #FFFFFF;

        color: #2A1210;

        border:
            1px solid
            rgba(42,18,16,.14);

        border-radius: 9px;

        font-family:
            Almarai,
            sans-serif;

        font-size: 12px;

        outline: none;

        transition:
            border-color .2s ease,
            box-shadow .2s ease;
    }


    .belara-filter-field select:hover,
    .belara-filter-field select:focus,
    .belara-filter-field input:hover,
    .belara-filter-field input:focus {

        border-color:
            var(
                --belara-cat-accent,
                #C9A35B
            );

        box-shadow:
            0 0 0 3px
            var(
                --belara-cat-soft,
                #FFF7EF
            );
    }


    .belara-filter-apply,
    .belara-filter-reset {

        height: 42px;

        display: inline-flex;

        align-items: center;
        justify-content: center;

        border-radius: 9px;

        font-family:
            Almarai,
            sans-serif;

        font-size: 12px;

        white-space: nowrap;
    }


    .belara-filter-apply {

        min-width: 90px;

        padding:
            0 18px;

        border:
            1px solid
            #2A1210;

        background:
            #2A1210;

        color: #FFFFFF;

        cursor: pointer;
    }


    .belara-filter-reset {

        min-width: 105px;

        padding:
            0 14px;

        border:
            1px solid
            var(
                --belara-cat-accent,
                #C9A35B
            );

        background:
            #FFFFFF;

        color:
            #6B4636;

        text-decoration: none;
    }


    .belara-filter-apply:hover {

        opacity: .93;
    }


    .belara-filter-reset:hover {

        background:
            var(
                --belara-cat-soft,
                #FFF7EF
            );
    }


    /* =====================================================
       PREMIUM EMPTY STATE
       ===================================================== */

    body.tax-product_cat
    .belara-empty-state {

        display: flex;

        width:
            min(
                820px,
                calc(100% - 48px)
            );

        min-height: 260px;

        margin:
            24px auto 58px;

        padding:
            42px 48px;

        flex-direction: column;

        align-items: center;
        justify-content: center;

        text-align: center;

        background:
            linear-gradient(
                135deg,
                var(
                    --belara-cat-soft,
                    #FFF7EF
                ),
                #FFFFFF 72%
            );

        border:
            1px solid
            color-mix(
                in srgb,
                var(
                    --belara-cat-accent,
                    #C9A35B
                ) 42%,
                white
            );

        border-radius: 20px;

        box-shadow:
            0 14px 38px
            rgba(42,18,16,.05);
    }


    .belara-empty-state__icon {

        width: 46px;
        height: 46px;

        margin-bottom: 14px;

        display: flex;

        align-items: center;
        justify-content: center;

        color:
            var(
                --belara-cat-accent,
                #C9A35B
            );

        background: #FFFFFF;

        border:
            1px solid
            var(
                --belara-cat-accent,
                #C9A35B
            );

        border-radius: 50%;

        font-size: 19px;
    }


    .belara-empty-state h2 {

        margin:
            0 0 9px;

        color: #2A1210;

        font-size: 25px;
        font-weight: 500;
    }


    .belara-empty-state p {

        max-width: 520px;

        margin:
            0 0 22px;

        color: #806C65;

        font-size: 13px;
        line-height: 1.8;
    }


    .belara-empty-state__actions {

        display: flex;

        align-items: center;

        gap: 10px;
    }


    .belara-empty-primary,
    .belara-empty-secondary {

        min-height: 44px;

        padding:
            10px 20px;

        display: inline-flex;

        align-items: center;
        justify-content: center;

        border-radius: 9px;

        font-size: 13px;

        text-decoration: none;
    }


    .belara-empty-primary {

        background: #2A1210;

        border:
            1px solid
            #2A1210;

        color: #FFFFFF;
    }


    .belara-empty-secondary {

        background: #FFFFFF;

        border:
            1px solid
            var(
                --belara-cat-accent,
                #C9A35B
            );

        color: #6B4636;
    }


    .belara-empty-primary:hover {

        opacity: .93;
    }


    .belara-empty-secondary:hover {

        background:
            var(
                --belara-cat-soft,
                #FFF7EF
            );
    }


    /* Hide old plain Woo info only when
       our premium empty state is active. */

    body.tax-product_cat
    .woocommerce-info {

        border-top-color:
            var(
                --belara-cat-accent,
                #C9A35B
            );
    }

}



/* =========================================================
   BELARA SINGLE PRODUCT PC V1
   Desktop only
   ========================================================= */

@media (min-width: 1025px) {


    /* ======================================================
       PRODUCT FRAME
       ====================================================== */

    body.single-product div.product {
        width: 100%;
        max-width: 1240px;
        margin-left: auto;
        margin-right: auto;
    }


    body.single-product
    div.product
    > .woocommerce-product-gallery {
        float: left !important;
        width: 52% !important;
        margin: 0 0 48px !important;
        box-sizing: border-box;
    }


    body.single-product
    div.product
    > .summary {
        float: right !important;
        width: 44% !important;
        margin: 0 0 48px !important;
        padding: 32px 34px 30px !important;
        box-sizing: border-box;

        background:
            linear-gradient(
                180deg,
                #fffdfb 0%,
                #fffaf6 100%
            );

        border:
            1px solid
            rgba(107,70,54,.14);

        border-radius: 20px;

        box-shadow:
            0 14px 38px
            rgba(42,18,16,.055);
    }


    /* ======================================================
       GALLERY
       ====================================================== */

    body.single-product
    .woocommerce-product-gallery
    .woocommerce-product-gallery__wrapper {
        overflow: hidden;

        background: #fff;

        border:
            1px solid
            rgba(107,70,54,.12);

        border-radius: 20px;

        box-shadow:
            0 12px 34px
            rgba(42,18,16,.045);
    }


    body.single-product
    .woocommerce-product-gallery__image {
        background: #fff;
        text-align: center;
    }


    body.single-product
    .woocommerce-product-gallery__image a {
        display: block;
        width: 100%;
    }


    body.single-product
    .woocommerce-product-gallery__image img {
        display: block;

        width: 100% !important;
        height: auto !important;
        max-height: 720px;

        margin: 0 auto !important;

        object-fit: contain;

        background: #fff;
    }


    body.single-product
    .woocommerce-product-gallery
    .flex-control-thumbs {
        display: grid !important;

        grid-template-columns:
            repeat(5, minmax(0,1fr));

        gap: 10px;

        margin: 12px 0 0 !important;
        padding: 0 !important;
    }


    body.single-product
    .woocommerce-product-gallery
    .flex-control-thumbs li {
        float: none !important;

        width: 100% !important;
        margin: 0 !important;

        overflow: hidden;

        border:
            1px solid
            rgba(107,70,54,.13);

        border-radius: 10px;

        background: #fff;
    }


    body.single-product
    .woocommerce-product-gallery
    .flex-control-thumbs img {
        width: 100% !important;
        aspect-ratio: 1 / 1;

        object-fit: cover;

        opacity: .65;

        transition:
            opacity .2s ease,
            transform .2s ease,
            border-color .2s ease;
    }


    body.single-product
    .woocommerce-product-gallery
    .flex-control-thumbs img.flex-active,
    body.single-product
    .woocommerce-product-gallery
    .flex-control-thumbs img:hover {
        opacity: 1;
        transform: scale(1.025);
    }


    body.single-product
    .woocommerce-product-gallery
    .woocommerce-product-gallery__trigger {
        top: 16px !important;
        right: 16px !important;
        left: auto !important;

        width: 42px !important;
        height: 42px !important;

        border-radius: 50% !important;

        background:
            rgba(255,255,255,.94) !important;

        box-shadow:
            0 6px 18px
            rgba(42,18,16,.10) !important;
    }


    /* ======================================================
       PRODUCT TITLE
       ====================================================== */

    body.single-product
    .belara-single-product-title,
    body.single-product
    h1.product_title {
        margin: 0 0 18px !important;
        padding: 0 !important;

        color:
            var(
                --belara-chocolate,
                #2A1210
            );

        text-align: right;

        line-height: 1.35;
    }


    body.single-product
    .belara-single-title-ar {
        display: block;

        direction: rtl;

        font-size: 31px;
        font-weight: 700;
        line-height: 1.45;
    }


    body.single-product
    .belara-single-title-en {
        display: block;

        margin-top: 6px;

        direction: ltr;
        text-align: right;

        color: #856f66;

        font-size: 15px;
        font-weight: 400;
        line-height: 1.55;

        letter-spacing: .01em;
    }


    body.single-product
    .belara-single-title-one {
        display: block;

        font-size: 31px;
        font-weight: 700;
        line-height: 1.45;
    }


    /* ======================================================
       PRICE SYSTEM
       ====================================================== */

    body.single-product
    div.product
    .summary
    .price {
        display: flex !important;

        flex-wrap: wrap;
        align-items: baseline;

        gap: 7px 12px;

        width: 100%;

        margin: 20px 0 22px !important;

        direction: rtl;

        color:
            var(
                --belara-chocolate,
                #2A1210
            ) !important;

        font-size: 25px !important;
        font-weight: 700 !important;
        line-height: 1.45 !important;
    }


    /*
     * Important:
     * overrides the old global rule:
     * .price del { display:none!important; }
     */
    body.single-product
    div.product
    .summary
    .price del {
        display: inline-flex !important;

        order: 2;

        color: #a89a94 !important;

        font-size: 15px !important;
        font-weight: 400 !important;

        opacity: .72;

        text-decoration-thickness: 1px;
    }


    body.single-product
    div.product
    .summary
    .price ins {
        display: inline-flex !important;

        order: 1;

        color:
            var(
                --belara-chocolate,
                #2A1210
            ) !important;

        font-size: 26px !important;
        font-weight: 800 !important;

        text-decoration: none !important;
    }


    body.single-product
    div.product
    .summary
    .price
    > .woocommerce-Price-amount {
        color:
            var(
                --belara-chocolate,
                #2A1210
            );

        font-size: 26px;
        font-weight: 800;
    }


    body.single-product
    div.product
    .summary
    .price
    .woocommerce-price-suffix {
        order: 3;

        flex-basis: 100%;

        display: block;

        margin-top: 1px;

        color: #9a8178;

        font-size: 11px !important;
        font-weight: 400 !important;

        line-height: 1.6;
    }


    /* ======================================================
       DESCRIPTION
       ====================================================== */

    body.single-product
    .woocommerce-product-details__short-description {
        margin: 0 0 23px !important;

        color: #56433d;

        font-size: 14px;
        line-height: 2;
    }


    body.single-product
    .woocommerce-product-details__short-description
    p:last-child {
        margin-bottom: 0;
    }


    /* ======================================================
       VARIATIONS
       ====================================================== */

    body.single-product
    form.variations_form {
        width: 100%;
        margin: 0 !important;
    }


    body.single-product
    form.variations_form
    table.variations {
        width: 100%;

        margin: 0 0 20px !important;

        border: 0 !important;
    }


    body.single-product
    form.variations_form
    table.variations tbody,
    body.single-product
    form.variations_form
    table.variations tr {
        display: block;

        width: 100%;
    }


    body.single-product
    form.variations_form
    table.variations tr {
        margin-bottom: 14px;
    }


    body.single-product
    form.variations_form
    table.variations th,
    body.single-product
    form.variations_form
    table.variations td {
        display: block;

        width: 100% !important;

        padding: 0 !important;

        border: 0 !important;

        text-align: right !important;
    }


    body.single-product
    form.variations_form
    table.variations th.label {
        margin-bottom: 7px;

        color:
            var(
                --belara-chocolate,
                #2A1210
            );

        font-size: 13px;
        font-weight: 700;
    }


    body.single-product
    form.variations_form
    table.variations select {
        width: 100% !important;
        height: 50px;

        margin: 0 !important;
        padding: 0 14px;

        border:
            1px solid
            #e4d5ce;

        border-radius: 10px;

        outline: none;

        background: #fff;

        color:
            var(
                --belara-chocolate,
                #2A1210
            );

        font-family:
            Almarai,
            sans-serif;

        font-size: 13px;
    }


    body.single-product
    form.variations_form
    table.variations select:focus {
        border-color:
            var(
                --belara-gold,
                #C9A35B
            );

        box-shadow:
            0 0 0 3px
            rgba(201,163,91,.10);
    }


    body.single-product
    form.variations_form
    .reset_variations {
        display: inline-flex !important;

        margin-top: 7px;

        color: #9a766a;

        font-size: 11px;

        text-decoration: underline;
        text-underline-offset: 3px;
    }


    body.single-product
    .woocommerce-variation-description {
        color: #68534c;

        font-size: 13px;
        line-height: 1.8;
    }


    body.single-product
    .woocommerce-variation-price
    .price {
        margin:
            8px 0 14px !important;
    }


    /* ======================================================
       CART / QUANTITY
       ====================================================== */

    body.single-product
    div.product
    .summary
    form.cart:not(.variations_form) {
        display: grid;

        grid-template-columns:
            86px minmax(0,1fr);

        gap: 11px;

        width: 100%;

        margin: 0 0 12px !important;
    }


    body.single-product
    .woocommerce-variation-add-to-cart.variations_button {
        display: grid;

        grid-template-columns:
            86px minmax(0,1fr);

        gap: 11px;

        width: 100%;

        margin-top: 4px;
    }


    body.single-product
    form.cart
    .quantity {
        float: none !important;

        width: 100% !important;
        margin: 0 !important;
    }


    body.single-product
    form.cart
    .quantity
    .qty {
        width: 100% !important;
        height: 50px !important;

        margin: 0 !important;
        padding: 0 8px !important;

        direction: ltr;

        border:
            1px solid
            #e3d7d1 !important;

        border-radius:
            10px !important;

        background: #fff !important;

        color:
            var(
                --belara-chocolate,
                #2A1210
            ) !important;

        font-size:
            15px !important;

        font-weight:
            700 !important;

        text-align:
            center !important;
    }


    body.single-product
    div.product
    form.cart
    .single_add_to_cart_button {
        width: 100% !important;
        min-height: 50px !important;

        margin: 0 !important;
        padding: 0 25px !important;

        border:
            1px solid
            var(
                --belara-chocolate,
                #2A1210
            ) !important;

        border-radius:
            10px !important;

        background:
            var(
                --belara-chocolate,
                #2A1210
            ) !important;

        color: #fff !important;

        font-family:
            Almarai,
            sans-serif;

        font-size:
            14px !important;

        font-weight:
            700 !important;

        box-shadow:
            0 8px 18px
            rgba(42,18,16,.10) !important;

        transition:
            transform .18s ease,
            background .18s ease,
            box-shadow .18s ease;
    }


    body.single-product
    div.product
    form.cart
    .single_add_to_cart_button:hover {
        transform:
            translateY(-1px);

        background:
            var(
                --belara-mocha,
                #6B4636
            ) !important;

        border-color:
            var(
                --belara-mocha,
                #6B4636
            ) !important;

        box-shadow:
            0 10px 22px
            rgba(42,18,16,.14) !important;
    }


    body.single-product
    div.product
    form.cart
    .single_add_to_cart_button.disabled,
    body.single-product
    div.product
    form.cart
    .single_add_to_cart_button:disabled {
        opacity: .48 !important;

        transform: none !important;

        cursor: not-allowed !important;

        box-shadow: none !important;
    }


    /* ======================================================
       WISHLIST
       ====================================================== */

    body.single-product
    div.product
    .summary
    > .belara2-wishlist-button {
        display: flex !important;

        align-items: center;
        justify-content: center;

        gap: 7px;

        position: static !important;

        width: 100% !important;
        min-height: 46px !important;

        margin: 10px 0 0 !important;
        padding: 8px 15px !important;

        border:
            1px solid
            rgba(42,18,16,.20) !important;

        border-radius:
            10px !important;

        background: #fff !important;

        color:
            var(
                --belara-chocolate,
                #2A1210
            ) !important;

        font-size: 19px !important;

        box-shadow: none !important;
    }


    body.single-product
    div.product
    .summary
    > .belara2-wishlist-button::after {
        content:
            "أضيفي إلى المفضلة";

        font-family:
            Almarai,
            sans-serif;

        font-size: 13px;

        font-weight: 700;
    }


    body.single-product
    div.product
    .summary
    > .belara2-wishlist-button:hover {
        transform: none !important;

        border-color:
            var(
                --belara-gold,
                #C9A35B
            ) !important;

        background:
            #fffaf6 !important;
    }


    /* ======================================================
       TRUST PANEL
       ====================================================== */

    body.single-product
    .belara-single-trust-v1 {
        display: grid;

        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap: 9px;

        width: 100%;

        margin: 22px 0 0;
        padding: 15px;

        box-sizing: border-box;

        border:
            1px solid
            rgba(201,163,91,.22);

        border-radius: 14px;

        background:
            rgba(255,247,239,.58);
    }


    body.single-product
    .belara-single-trust-item {
        display: flex;

        align-items: center;

        gap: 9px;

        min-width: 0;
        min-height: 58px;

        padding: 8px 9px;

        box-sizing: border-box;

        border-radius: 9px;

        background:
            rgba(255,255,255,.72);
    }


    body.single-product
    .belara-single-trust-icon {
        display: inline-flex;

        align-items: center;
        justify-content: center;

        flex: 0 0 34px;

        width: 34px;
        height: 34px;

        border:
            1px solid
            rgba(201,163,91,.30);

        border-radius: 50%;

        color:
            var(
                --belara-gold,
                #C9A35B
            );

        background: #fff;
    }


    body.single-product
    .belara-single-trust-icon svg {
        width: 19px;
        height: 19px;
    }


    body.single-product
    .belara-single-trust-item
    > span:last-child {
        min-width: 0;
    }


    body.single-product
    .belara-single-trust-item strong,
    body.single-product
    .belara-single-trust-item small {
        display: block;
    }


    body.single-product
    .belara-single-trust-item strong {
        color:
            var(
                --belara-chocolate,
                #2A1210
            );

        font-size: 11px;
        font-weight: 700;

        line-height: 1.55;
    }


    body.single-product
    .belara-single-trust-item small {
        margin-top: 2px;

        color: #927b72;

        font-size: 9px;

        line-height: 1.55;
    }


    /* ======================================================
       META
       ====================================================== */

    body.single-product
    .product_meta {
        clear: both;

        margin-top: 22px !important;
        padding-top: 17px !important;

        border-top:
            1px solid
            #eadfd9 !important;

        color: #816b63 !important;

        font-size: 11px !important;
        line-height: 2 !important;
    }


    body.single-product
    .product_meta a {
        color:
            var(
                --belara-mocha,
                #6B4636
            );
    }


    /* ======================================================
       TABS
       ====================================================== */

    body.single-product
    .woocommerce-tabs {
        clear: both;

        width: 100%;

        margin:
            20px auto 25px !important;

        padding-top: 10px;
    }


    body.single-product
    .woocommerce-tabs
    ul.tabs {
        display: flex !important;

        align-items: center;
        justify-content: center;

        gap: 8px;

        margin:
            0 0 14px !important;

        padding: 0 !important;

        border: 0 !important;
    }


    body.single-product
    .woocommerce-tabs
    ul.tabs::before {
        display: none !important;
    }


    body.single-product
    .woocommerce-tabs
    ul.tabs li {
        margin: 0 !important;
        padding: 0 !important;

        border:
            1px solid
            rgba(107,70,54,.15) !important;

        border-radius:
            999px !important;

        background:
            #fff !important;
    }


    body.single-product
    .woocommerce-tabs
    ul.tabs li::before,
    body.single-product
    .woocommerce-tabs
    ul.tabs li::after {
        display: none !important;
    }


    body.single-product
    .woocommerce-tabs
    ul.tabs li a {
        padding:
            10px 20px !important;

        color:
            #765e55 !important;

        font-size:
            12px !important;

        font-weight:
            700 !important;
    }


    body.single-product
    .woocommerce-tabs
    ul.tabs li.active {
        border-color:
            var(
                --belara-chocolate,
                #2A1210
            ) !important;

        background:
            var(
                --belara-chocolate,
                #2A1210
            ) !important;
    }


    body.single-product
    .woocommerce-tabs
    ul.tabs li.active a {
        color: #fff !important;
    }


    body.single-product
    .woocommerce-tabs
    .woocommerce-Tabs-panel {
        margin: 0 !important;

        padding:
            32px 38px !important;

        border:
            1px solid
            rgba(107,70,54,.12);

        border-radius: 16px;

        background:
            #fffaf6 !important;

        color:
            #4b3933 !important;

        font-size: 14px;

        line-height: 2.05 !important;
    }


    body.single-product
    .woocommerce-tabs
    .woocommerce-Tabs-panel
    > h2:first-child {
        margin-top: 0;

        color:
            var(
                --belara-chocolate,
                #2A1210
            );

        font-size: 22px;

        font-weight: 700;
    }


    /* ======================================================
       COMPLETE THE LOOK — PRICE NORMALIZATION
       ====================================================== */

    body.single-product
    .belara2-complete-look
    .belara2-price del {
        display: inline !important;

        margin-inline-start: 6px;

        color: #aaa09b !important;

        font-size: 12px !important;

        opacity: .72;
    }


    body.single-product
    .belara2-complete-look
    .belara2-price ins {
        color:
            var(
                --belara-chocolate,
                #2A1210
            );

        font-weight: 700;

        text-decoration: none !important;
    }


    body.single-product
    .belara2-complete-look
    .woocommerce-price-suffix {
        display: block;

        margin-top: 4px;

        color: #9a8178;

        font-size: 9px;

        font-weight: 400;
    }


    /* ======================================================
       RELATED — PRICE NORMALIZATION
       ====================================================== */

    body.single-product
    section.related.products
    li.product
    .price del {
        display: inline !important;

        margin-inline-start: 6px;

        color: #aaa09b !important;

        font-size: 12px !important;

        opacity: .72;
    }


    body.single-product
    section.related.products
    li.product
    .price ins {
        color:
            var(
                --belara-chocolate,
                #2A1210
            ) !important;

        font-weight: 700;

        text-decoration: none !important;
    }


    body.single-product
    section.related.products
    li.product
    .woocommerce-price-suffix {
        display: block;

        margin-top: 4px;

        color: #9a8178;

        font-size: 9px;

        font-weight: 400;
    }


    body.single-product
    section.related.products
    > h2,
    body.single-product
    .belara2-complete-look
    > h2 {
        color:
            var(
                --belara-chocolate,
                #2A1210
            );

        font-size: 28px !important;

        font-weight: 700 !important;
    }


} /* END desktop >= 1025 */


/* BELARA SINGLE PRODUCT PC V1 */


/* =========================================================
   BELARA SINGLE PRODUCT PC V1.1 VISUAL POLISH
   ========================================================= */

@media (min-width: 1025px) {


    /* ======================================================
       COMPLETE THE LOOK — FIX INVISIBLE TITLE
       ====================================================== */

    body.single-product
    .belara2-complete-look
    > h2 {
        color: #2A1210 !important;
        opacity: 1 !important;
        text-shadow: none !important;

        font-family: Almarai, sans-serif !important;
        font-size: 28px !important;
        font-weight: 700 !important;
        line-height: 1.45 !important;

        margin-bottom: 8px !important;
    }


    body.single-product
    .belara2-complete-look
    > p {
        color: #6B4636 !important;
        opacity: 1 !important;

        font-size: 13px !important;
        font-weight: 400 !important;

        margin-bottom: 30px !important;
    }


    /* Give the section a cleaner visual separation */

    body.single-product
    .belara2-complete-look {
        position: relative;

        margin-top: 42px !important;
        padding-top: 42px !important;

        border-top:
            1px solid
            rgba(107,70,54,.12);
    }



    /* ======================================================
       TRUST PANEL — IMPROVE READABILITY
       ====================================================== */

    body.single-product
    .belara-single-trust-item strong {
        font-size: 12px !important;
        line-height: 1.6 !important;
    }


    body.single-product
    .belara-single-trust-item small {
        font-size: 10px !important;
        line-height: 1.6 !important;
    }


    body.single-product
    .belara-single-trust-item {
        min-height: 62px !important;
    }



    /* ======================================================
       PRODUCT META
       ====================================================== */

    body.single-product
    .product_meta {
        color: #715c54 !important;

        font-size: 12px !important;
        line-height: 2.1 !important;
    }


    body.single-product
    .product_meta
    > span {
        display: inline-block;

        margin-inline-end: 14px;
    }


    body.single-product
    .product_meta a {
        color: #6B4636 !important;
        font-weight: 500;
    }



    /* ======================================================
       TAB CONTENT
       ====================================================== */

    body.single-product
    .woocommerce-tabs
    .woocommerce-Tabs-panel {
        min-height: 175px;

        box-sizing: border-box;
    }


    body.single-product
    .woocommerce-tabs
    .woocommerce-Tabs-panel
    p {
        color: #4e3a34;

        font-size: 14px;
        line-height: 2.05;
    }


    body.single-product
    .woocommerce-tabs
    table.shop_attributes {
        width: 100%;

        margin: 0 !important;

        border: 0 !important;
    }


    body.single-product
    .woocommerce-tabs
    table.shop_attributes
    th,
    body.single-product
    .woocommerce-tabs
    table.shop_attributes
    td {
        padding: 13px 16px !important;

        border-top: 0 !important;

        border-bottom:
            1px solid
            rgba(107,70,54,.10) !important;

        background: transparent !important;

        color: #4e3a34 !important;

        font-style: normal !important;
    }


    body.single-product
    .woocommerce-tabs
    table.shop_attributes
    th {
        width: 145px;

        color: #2A1210 !important;

        font-weight: 700 !important;
    }



    /* ======================================================
       REVIEWS — PREMIUM FORM
       ====================================================== */

    body.single-product
    #reviews {
        color: #4e3a34;
    }


    body.single-product
    #reviews
    #comments,
    body.single-product
    #reviews
    #review_form_wrapper {
        width: 100% !important;
        float: none !important;
    }


    body.single-product
    #reviews
    #comments
    > h2,
    body.single-product
    #reviews
    #reply-title {
        color: #2A1210 !important;

        font-size: 20px !important;
        font-weight: 700 !important;
        line-height: 1.6 !important;
    }


    body.single-product
    #reviews
    #commentform {
        margin-top: 20px;
    }


    body.single-product
    #reviews
    .comment-form-rating {
        margin-bottom: 18px;
    }


    body.single-product
    #reviews
    .comment-form-rating
    label,
    body.single-product
    #reviews
    .comment-form-comment
    label {
        display: block;

        margin-bottom: 8px;

        color: #2A1210;

        font-size: 13px;
        font-weight: 700;
    }


    body.single-product
    #reviews
    .comment-form-comment
    textarea {
        display: block;

        width: 100% !important;
        min-height: 145px;

        padding: 14px 16px;

        box-sizing: border-box;

        resize: vertical;

        border:
            1px solid
            #ddcfc8;

        border-radius: 12px;

        outline: none;

        background: #fff;

        color: #2A1210;

        font-family:
            Almarai,
            sans-serif;

        font-size: 13px;
        line-height: 1.8;

        transition:
            border-color .2s ease,
            box-shadow .2s ease;
    }


    body.single-product
    #reviews
    .comment-form-comment
    textarea:focus {
        border-color: #C9A35B;

        box-shadow:
            0 0 0 3px
            rgba(201,163,91,.10);
    }


    body.single-product
    #reviews
    .form-submit {
        margin-top: 16px !important;

        text-align: right;
    }


    body.single-product
    #reviews
    #submit {
        min-width: 145px;
        min-height: 46px;

        padding: 10px 24px !important;

        border: 0 !important;
        border-radius: 9px !important;

        background: #2A1210 !important;
        color: #fff !important;

        font-family:
            Almarai,
            sans-serif;

        font-size: 13px !important;
        font-weight: 700 !important;

        cursor: pointer;

        box-shadow:
            0 7px 18px
            rgba(42,18,16,.10);

        transition:
            background .18s ease,
            transform .18s ease;
    }


    body.single-product
    #reviews
    #submit:hover {
        background: #6B4636 !important;

        transform:
            translateY(-1px);
    }



    /* ======================================================
       REVIEW STARS
       ====================================================== */

    body.single-product
    #review_form
    .stars {
        margin: 8px 0 18px !important;
    }


    body.single-product
    #review_form
    .stars
    a {
        color: #C9A35B !important;

        font-size: 21px !important;
    }



    /* ======================================================
       RELATED SECTION SEPARATION
       ====================================================== */

    body.single-product
    section.related.products {
        position: relative;

        margin-top: 35px !important;
        padding-top: 38px !important;

        border-top:
            1px solid
            rgba(107,70,54,.12);
    }


    body.single-product
    section.related.products
    > h2 {
        margin-bottom: 30px !important;

        color: #2A1210 !important;

        font-size: 28px !important;
        font-weight: 700 !important;
    }


} /* END desktop >= 1025 */


/* BELARA SINGLE PRODUCT PC V1.1 VISUAL POLISH */



/* =========================================================
   BELARA CUSTOMER VOICE V1
   PC
   ========================================================= */

@media (min-width: 1025px) {


    /* Review locked until completed purchase */

    body.single-product
    .belara-review-after-purchase-v1 {
        display: flex;
        align-items: center;
        gap: 14px;

        width: 100%;

        margin: 20px 0 5px;
        padding: 20px 22px;

        box-sizing: border-box;

        border:
            1px solid
            rgba(201,163,91,.26);

        border-radius: 14px;

        background:
            rgba(255,247,239,.72);

        color: #2A1210;
    }


    body.single-product
    .belara-review-lock-v1 {
        display: inline-flex;
        align-items: center;
        justify-content: center;

        flex: 0 0 40px;

        width: 40px;
        height: 40px;

        border:
            1px solid
            rgba(201,163,91,.35);

        border-radius: 50%;

        background: #fff;

        color: #C9A35B;

        font-size: 17px;
        font-weight: 700;
    }


    body.single-product
    .belara-review-after-purchase-v1
    strong {
        display: block;

        margin-bottom: 4px;

        font-size: 13px;
        font-weight: 700;
    }


    body.single-product
    .belara-review-after-purchase-v1
    p {
        margin: 0;

        color: #806b63;

        font-size: 12px;
        line-height: 1.9;
    }



    /* Private Customer Voice page */

    .belara-survey-v1 {
        width: min(
            900px,
            calc(100% - 60px)
        );

        margin: 55px auto 75px;
        padding: 38px 42px;

        box-sizing: border-box;

        border:
            1px solid
            rgba(107,70,54,.14);

        border-radius: 22px;

        background:
            linear-gradient(
                180deg,
                #fffdfb 0%,
                #fff8f1 100%
            );

        box-shadow:
            0 16px 44px
            rgba(42,18,16,.055);

        color: #2A1210;

        font-family:
            Almarai,
            sans-serif;
    }


    .belara-survey-header-v1 {
        margin-bottom: 32px;

        text-align: center;
    }


    .belara-survey-kicker-v1 {
        display: block;

        margin-bottom: 8px;

        direction: ltr;

        color: #C9A35B;

        font-size: 11px;
        font-weight: 700;

        letter-spacing: .08em;
    }


    .belara-survey-header-v1 h1 {
        margin: 0 0 10px;

        color: #2A1210;

        font-size: 31px;
        font-weight: 700;
    }


    .belara-survey-header-v1 p {
        max-width: 620px;

        margin: 0 auto 8px;

        color: #6B4636;

        font-size: 14px;
        line-height: 2;
    }


    .belara-survey-header-v1 small {
        color: #9a8178;

        font-size: 11px;
    }


    .belara-survey-grid-v1 {
        display: grid;

        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            );

        gap: 17px;

        margin-bottom: 20px;
    }


    .belara-survey-field-v1 {
        display: block;

        min-width: 0;
    }


    .belara-survey-field-v1
    > span,
    .belara-survey-textarea-v1
    > span {
        display: block;

        margin-bottom: 8px;

        color: #2A1210;

        font-size: 12px;
        font-weight: 700;

        line-height: 1.8;
    }


    .belara-survey-field-v1
    select {
        width: 100%;
        height: 49px;

        padding: 0 13px;

        box-sizing: border-box;

        border:
            1px solid
            #e2d4cd;

        border-radius: 10px;

        outline: none;

        background: #fff;

        color: #2A1210;

        font-family:
            Almarai,
            sans-serif;

        font-size: 12px;
    }


    .belara-survey-field-v1
    select:focus,
    .belara-survey-textarea-v1
    textarea:focus {
        border-color: #C9A35B;

        box-shadow:
            0 0 0 3px
            rgba(201,163,91,.10);
    }


    .belara-survey-textarea-v1 {
        display: block;

        margin-top: 20px;
    }


    .belara-survey-textarea-v1
    textarea {
        width: 100%;
        min-height: 120px;

        padding: 14px 16px;

        box-sizing: border-box;

        resize: vertical;

        border:
            1px solid
            #e2d4cd;

        border-radius: 11px;

        outline: none;

        background: #fff;

        color: #2A1210;

        font-family:
            Almarai,
            sans-serif;

        font-size: 13px;
        line-height: 1.9;
    }


    .belara-survey-submit-v1 {
        display: flex;

        align-items: center;
        justify-content: center;

        min-width: 190px;
        min-height: 50px;

        margin: 26px auto 0;
        padding: 10px 30px;

        border: 0;
        border-radius: 10px;

        background: #2A1210;
        color: #fff;

        font-family:
            Almarai,
            sans-serif;

        font-size: 13px;
        font-weight: 700;

        cursor: pointer;

        box-shadow:
            0 8px 20px
            rgba(42,18,16,.12);
    }


    .belara-survey-submit-v1:hover {
        background: #6B4636;
    }


    .belara-survey-error-v1 {
        margin-bottom: 20px;
        padding: 13px 16px;

        border:
            1px solid
            rgba(150,55,55,.18);

        border-radius: 9px;

        background:
            rgba(150,55,55,.05);

        color: #7d3131;

        font-size: 12px;
    }


    .belara-survey-message-v1 {
        padding: 45px 20px;

        text-align: center;
    }


    .belara-survey-message-v1 h2 {
        margin: 0 0 12px;

        color: #2A1210;

        font-size: 27px;
        font-weight: 700;
    }


    .belara-survey-message-v1 p {
        margin: 0;

        color: #6B4636;

        font-size: 14px;
        line-height: 2;
    }


} /* Desktop */


/* BELARA CUSTOMER VOICE V1 */



/* =========================================================
   BELARA SMART STYLING ENGINE V1
   PC VISUAL INTEGRATION
   ========================================================= */

@media (min-width: 1025px) {

    body.single-product
    .belara-smart-look-v1
    > h2 {
        color: #2A1210 !important;
    }


    body.single-product
    .belara-smart-look-v1
    > p {
        color: #6B4636 !important;

        font-size: 13px !important;
        line-height: 1.9 !important;
    }


    /*
     * Do not stretch two excellent matches
     * across a four-column grid.
     */

    body.single-product
    .belara-smart-count-1
    .belara2-plugin-products {
        grid-template-columns:
            minmax(0, 1fr) !important;

        max-width:
            290px !important;
    }


    body.single-product
    .belara-smart-count-2
    .belara2-plugin-products {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            ) !important;

        max-width:
            590px !important;
    }


    body.single-product
    .belara-smart-count-3
    .belara2-plugin-products {
        grid-template-columns:
            repeat(
                3,
                minmax(0, 1fr)
            ) !important;

        max-width:
            885px !important;
    }


    body.single-product
    .belara-smart-count-4
    .belara2-plugin-products {
        grid-template-columns:
            repeat(
                4,
                minmax(0, 1fr)
            ) !important;

        max-width:
            1180px !important;
    }


    body.single-product
    .belara-smart-look-v1
    .belara2-plugin-products {
        margin-left: auto !important;
        margin-right: auto !important;
    }


    body.single-product
    .belara-smart-look-v1
    .belara2-product-action {
        transition:
            background-color .2s ease,
            transform .2s ease !important;
    }


    body.single-product
    .belara-smart-look-v1
    .belara2-product-action:hover {
        background:
            #6B4636 !important;

        transform:
            translateY(-1px);
    }

}


/* BELARA SMART STYLING ENGINE V1 */



/* =========================================================
   BELARA SINGLE CART LAYOUT V1.1
   PC
   ========================================================= */

@media (min-width: 1025px) {

    /*
     * Simple product.
     */

    body.single-product
    div.product
    .summary
    form.cart:not(.variations_form) {
        display: flex !important;
        flex-direction: row !important;
        align-items: stretch !important;
        gap: 12px !important;

        width: 100% !important;
        margin-top: 20px !important;

        direction: rtl !important;
    }


    body.single-product
    div.product
    .summary
    form.cart:not(.variations_form)
    .quantity {
        flex:
            0 0 92px !important;

        width:
            92px !important;

        min-width:
            92px !important;

        max-width:
            92px !important;

        margin:
            0 !important;
    }


    body.single-product
    div.product
    .summary
    form.cart:not(.variations_form)
    .quantity
    .qty {
        width:
            100% !important;

        min-width:
            0 !important;

        height:
            52px !important;

        box-sizing:
            border-box !important;

        margin:
            0 !important;

        text-align:
            center !important;
    }


    body.single-product
    div.product
    .summary
    form.cart:not(.variations_form)
    .single_add_to_cart_button {
        flex:
            1 1 auto !important;

        width:
            auto !important;

        min-width:
            0 !important;

        min-height:
            52px !important;

        margin:
            0 !important;

        padding:
            10px 24px !important;

        white-space:
            nowrap !important;

        line-height:
            1.4 !important;
    }



    /*
     * Variable product after variation selected.
     */

    body.single-product
    div.product
    .summary
    .woocommerce-variation-add-to-cart {
        display:
            flex !important;

        flex-direction:
            row !important;

        align-items:
            stretch !important;

        gap:
            12px !important;

        width:
            100% !important;

        direction:
            rtl !important;
    }


    body.single-product
    div.product
    .summary
    .woocommerce-variation-add-to-cart
    .quantity {
        flex:
            0 0 92px !important;

        width:
            92px !important;

        min-width:
            92px !important;

        max-width:
            92px !important;

        margin:
            0 !important;
    }


    body.single-product
    div.product
    .summary
    .woocommerce-variation-add-to-cart
    .quantity
    .qty {
        width:
            100% !important;

        height:
            52px !important;

        box-sizing:
            border-box !important;

        margin:
            0 !important;

        text-align:
            center !important;
    }


    body.single-product
    div.product
    .summary
    .woocommerce-variation-add-to-cart
    .single_add_to_cart_button {
        flex:
            1 1 auto !important;

        width:
            auto !important;

        min-width:
            0 !important;

        min-height:
            52px !important;

        margin:
            0 !important;

        padding:
            10px 24px !important;

        white-space:
            nowrap !important;

        line-height:
            1.4 !important;
    }

}


/* BELARA SINGLE CART LAYOUT V1.1 */



/* =========================================================
   BELARA SEARCH WISHLIST ACCOUNT PC V1
   ========================================================= */

@media (min-width: 1025px) {


    /* =====================================================
       SEARCH
       ===================================================== */

    body.search.search-results main {
        background: #FFF7EF;
    }


    body.search
    .woocommerce-products-header,
    body.search
    .page-header {
        text-align: center;
    }


    body.search
    .woocommerce-info {
        width: min(860px, calc(100% - 48px));
        margin: 34px auto 52px !important;
        padding: 28px 34px !important;

        border: 1px solid rgba(201, 163, 91, .35) !important;
        border-radius: 16px !important;

        background: rgba(255,255,255,.72) !important;

        color: #6B4636 !important;
        text-align: center !important;

        box-shadow:
            0 10px 30px rgba(42,18,16,.035);
    }


    body.search
    ul.products
    li.product {
        display: flex;
        flex-direction: column;
    }


    body.search
    ul.products
    li.product
    .button {
        margin-top: auto !important;
    }



    /* =====================================================
       WISHLIST
       ===================================================== */

    body.page-id-32412
    main {
        background: #FFF7EF;
    }


    body.page-id-32412
    .belara2-wishlist-page {
        width: min(1220px, calc(100% - 48px));
        margin-left: auto;
        margin-right: auto;
    }


    body.page-id-32412
    [data-belara2-wishlist-results]
    .belara2-plugin-products {
        display: grid !important;

        grid-template-columns:
            repeat(4, minmax(0, 1fr)) !important;

        gap: 24px !important;

        align-items: stretch !important;
    }


    /*
     * عندما يحتوي الصف الأخير على عنصرين فقط:
     * يوضعان في العمودين الأوسطين.
     */

    body.page-id-32412
    [data-belara2-wishlist-results]
    .belara2-product-card:nth-last-child(2):nth-child(4n+1) {
        grid-column: 2;
    }


    /*
     * عندما يحتوي الصف الأخير على عنصر واحد فقط.
     */

    body.page-id-32412
    [data-belara2-wishlist-results]
    .belara2-product-card:last-child:nth-child(4n+1) {
        grid-column: 2 / span 2;

        width: calc(50% - 12px);
        justify-self: center;
    }


    body.page-id-32412
    .belara2-product-card {
        height: 100%;

        display: flex !important;
        flex-direction: column !important;

        background: rgba(255,255,255,.62) !important;

        border:
            1px solid rgba(42,18,16,.10) !important;

        border-radius:
            14px !important;

        overflow:
            hidden !important;

        transition:
            transform .2s ease,
            box-shadow .2s ease,
            border-color .2s ease !important;
    }


    body.page-id-32412
    .belara2-product-card:hover {
        transform:
            translateY(-3px);

        border-color:
            rgba(201,163,91,.42) !important;

        box-shadow:
            0 15px 34px rgba(42,18,16,.07);
    }


    body.page-id-32412
    .belara2-product-copy {
        flex: 1;

        display: flex !important;
        flex-direction: column !important;
    }


    body.page-id-32412
    .belara2-product-copy h3 {
        min-height: 52px;

        direction: rtl !important;
        unicode-bidi: plaintext;

        line-height: 1.75 !important;
    }


    body.page-id-32412
    .belara2-price {
        margin-top: auto !important;
    }


    body.page-id-32412
    .belara2-product-action {
        margin-top: 16px !important;
    }


    body.page-id-32412
    .belara2-wishlist-button,
    body.page-id-32412
    .belara-wishlist-remove {
        width: 42px !important;
        height: 42px !important;

        border-radius: 50% !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        background: #fff !important;

        color: #2A1210 !important;

        box-shadow:
            0 5px 18px rgba(42,18,16,.10) !important;
    }



    /* =====================================================
       MY ACCOUNT
       ===================================================== */

    body.woocommerce-account
    .belara-account-dashboard {
        border-radius: 18px;
    }


    body.woocommerce-account
    .belara-account-quick-links > a {
        transition:
            transform .2s ease,
            border-color .2s ease,
            box-shadow .2s ease,
            background-color .2s ease !important;
    }


    body.woocommerce-account
    .belara-account-quick-links > a:hover {
        transform:
            translateY(-2px);

        border-color:
            rgba(201,163,91,.42) !important;

        background:
            rgba(255,247,239,.68) !important;

        box-shadow:
            0 10px 25px rgba(42,18,16,.045);
    }


    body.woocommerce-account
    .belara-account-icon {
        flex: 0 0 44px;

        width: 44px !important;
        height: 44px !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        border-radius: 50% !important;

        background:
            #FFF7EF !important;

        color:
            #C9A35B !important;
    }


    body.woocommerce-account
    .belara-account-icon svg {
        width: 20px;
        height: 20px;

        fill: none;

        stroke:
            currentColor;

        stroke-width:
            1.6;

        stroke-linecap:
            round;

        stroke-linejoin:
            round;
    }


    body.woocommerce-account
    .woocommerce-MyAccount-navigation {
        border-radius: 16px !important;

        overflow: hidden;
    }


    body.woocommerce-account
    .woocommerce-MyAccount-navigation
    li a {
        transition:
            background-color .18s ease,
            color .18s ease,
            padding .18s ease;
    }


    body.woocommerce-account
    .woocommerce-MyAccount-navigation
    li:not(.is-active) a:hover {
        background:
            #FFF7EF !important;

        color:
            #2A1210 !important;
    }


    body.woocommerce-account
    .belara-account-shopping {
        border-radius: 13px !important;
    }


    body.woocommerce-account
    .belara-account-shop-btn {
        min-width: 140px;

        text-align: center;

        white-space: nowrap;
    }

}


/* BELARA SEARCH WISHLIST ACCOUNT PC V1 */



/* =========================================================
   BELARA WISHLIST BILINGUAL TITLES V1
   PC
   ========================================================= */

@media (min-width: 1025px) {

    body.page-id-32412
    .belara2-product-card
    h3 a {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;

        gap: 3px !important;

        width: 100% !important;

        text-align: center !important;

        text-decoration: none !important;
    }


    body.page-id-32412
    .belara-wishlist-title-ar {
        display: block !important;

        width: 100% !important;

        direction: rtl !important;

        color: #2A1210 !important;

        font-family:
            Almarai,
            sans-serif !important;

        font-size: 14px !important;
        font-weight: 500 !important;

        line-height: 1.75 !important;

        text-align: center !important;
    }


    body.page-id-32412
    .belara-wishlist-title-en {
        display: block !important;

        width: 100% !important;

        direction: ltr !important;

        color: #6B4636 !important;

        font-family:
            Almarai,
            sans-serif !important;

        font-size: 12px !important;
        font-weight: 400 !important;

        line-height: 1.55 !important;

        text-align: center !important;

        letter-spacing:
            .01em !important;
    }

}


/* BELARA WISHLIST BILINGUAL TITLES V1 */

/* BELARA SAUDI SEAL FOOTER SPACING V1 */
@media (min-width: 1024px) {
  body.belara2-site .belara2-footer-bottom > .belara2-container {
    box-sizing: border-box !important;
    padding-left: 155px !important;
  }
}

/* BELARA SBC TRUST STICKER PC V1 */
.belara-sbc-trust-sticker{display:none;}
@media (min-width:1024px){
.belara-sbc-trust-sticker{display:inline-flex;flex-direction:column;align-items:flex-start;gap:3px;margin-top:18px;padding:10px 14px;border:1px solid #C9A35B;border-radius:10px;background:#FFF7EF;color:#2A1210;font-family:"Almarai",sans-serif;line-height:1.45;box-shadow:0 4px 14px rgba(42,18,16,.06);}
.belara-sbc-trust-sticker strong{font-size:12.5px;font-weight:700;}
.belara-sbc-trust-sticker small{font-size:10.5px;color:#6B4636;}
}


/* BELARA SBC TRUST NOTE UNDER RECTANGLE V1 */
.belara-sbc-trust-wrap{display:none;}
@media (min-width:1024px){
  .belara-sbc-trust-wrap{
    display:inline-flex;
    flex-direction:column;
    align-items:flex-start;
    gap:6px;
    margin-top:18px;
  }
  .belara-sbc-trust-sticker{
    margin-top:0 !important;
  }
  .belara-sbc-trust-note{
    display:block;
    padding-inline-start:6px;
    font-family:"Almarai",sans-serif;
    font-size:11px;
    font-weight:700;
    line-height:1.4;
    color:#C9A35B;
  }
}


/* BELARA SBC SEAL UNDER TRUST RECTANGLE V1 */
@media (min-width:1024px){

  .belara-sbc-trust-wrap{
    display:inline-flex !important;
    flex-direction:column !important;
    align-items:flex-end !important;
    gap:8px !important;
    margin-top:18px !important;
  }

  .belara-sbc-trust-note{
    display:none !important;
  }

  .belara-sbc-trust-wrap .sbc-seal-frame{
    position:static !important;
    inset:auto !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    top:auto !important;
    margin:0 !important;
    transform:none !important;
    z-index:auto !important;
  }

  .belara-sbc-trust-wrap .sbc-seal-frame,
  .belara-sbc-trust-wrap .sbc-seal-frame *{
    max-width:100% !important;
  }
}

/* BELARA FOOTER PC REBALANCE V1 */
@media (min-width:1024px){
body.belara2-site .belara2-footer-grid{grid-template-columns:1.15fr .85fr 1.35fr .85fr!important;gap:42px!important;align-items:start!important;padding-top:40px!important;padding-bottom:32px!important;}
body.belara2-site .belara2-footer-grid>section{min-width:0!important;text-align:center!important;}
body.belara2-site .belara2-footer-brand{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;}
body.belara2-site .belara2-footer-brand p{max-width:300px!important;margin:12px auto 0!important;text-align:center!important;}
body.belara2-site .belara2-footer-grid>section:nth-child(2),body.belara2-site .belara2-footer-grid>section:nth-child(4){display:flex!important;flex-direction:column!important;align-items:center!important;}
body.belara2-site .belara2-footer-grid>section:nth-child(3){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:26px!important;row-gap:8px!important;justify-items:center!important;}
body.belara2-site .belara2-footer-grid>section:nth-child(3)>h3{grid-column:1/-1!important;text-align:center!important;}
body.belara2-site .belara2-footer h3{margin:0 0 14px!important;text-align:center!important;}
body.belara2-site .belara2-footer a{text-align:center!important;}
body.belara2-site .belara-sbc-trust-wrap{display:inline-flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:9px!important;margin-top:18px!important;}
body.belara2-site .belara-sbc-trust-sticker{align-items:center!important;text-align:center!important;margin-top:0!important;min-width:180px!important;padding:10px 15px!important;}
body.belara2-site .belara-sbc-trust-sticker strong,body.belara2-site .belara-sbc-trust-sticker small{text-align:center!important;width:100%!important;}
body.belara2-site .belara-sbc-trust-wrap .sbc-seal-frame{position:static!important;inset:auto!important;margin:0 auto!important;transform:none!important;display:block!important;}
body.belara2-site .belara2-footer-bottom>.belara2-container{width:min(1180px,calc(100% - 64px))!important;min-height:52px!important;padding-left:0!important;padding-right:0!important;margin-inline:auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;box-sizing:border-box!important;}
}

/* BELARA FOOTER IMPORTANT LINKS POLISH V1 */
@media (min-width:1024px){
body.belara2-site .belara2-footer-grid{grid-template-columns:1.12fr .78fr 1.55fr .78fr!important;gap:36px!important;}
body.belara2-site .belara2-footer-links{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:0!important;row-gap:0!important;align-items:start!important;justify-items:stretch!important;}
body.belara2-site .belara2-footer-links>h3{grid-column:1/-1!important;margin-bottom:18px!important;text-align:center!important;}
body.belara2-site .belara2-footer-link-group{display:flex!important;flex-direction:column!important;align-items:center!important;gap:7px!important;min-width:0!important;padding-inline:20px!important;}
body.belara2-site .belara2-footer-link-group:first-of-type{border-inline-end:1px solid rgba(201,163,91,.30)!important;}
body.belara2-site .belara2-footer-link-group h4{margin:0 0 5px!important;color:#C9A35B!important;font-family:"Almarai",sans-serif!important;font-size:12px!important;font-weight:700!important;line-height:1.6!important;text-align:center!important;}
body.belara2-site .belara2-footer-link-group a{display:block!important;width:100%!important;max-width:185px!important;margin:0!important;color:inherit!important;font-size:12px!important;line-height:1.75!important;text-align:center!important;white-space:normal!important;text-wrap:balance!important;transition:color .2s ease,transform .2s ease!important;}
body.belara2-site .belara2-footer-link-group a:hover{color:#C9A35B!important;transform:translateY(-1px)!important;}
body.belara2-site .belara-sbc-trust-wrap{gap:5px!important;}
body.belara2-site .belara-sbc-trust-sticker{min-width:200px!important;}
}

/* BELARA FOOTER TRUST CARDS V11 */
@media (min-width:1024px){
body.belara2-site .belara-sbc-trust-wrap{width:210px!important;max-width:100%!important;align-items:center!important;gap:7px!important;}
body.belara2-site .belara-business-license-card,body.belara2-site .belara-freelance-card{width:100%!important;box-sizing:border-box!important;border:1px solid rgba(201,163,91,.78)!important;border-radius:10px!important;background:#FFF7EF!important;padding:10px 12px!important;font-family:"Almarai",sans-serif!important;text-align:center!important;box-shadow:0 4px 14px rgba(42,18,16,.06)!important;}
body.belara2-site .belara-business-license-card{margin:0!important;}
body.belara2-site .belara-freelance-card{display:flex!important;flex-direction:column!important;align-items:center!important;gap:3px!important;margin:0!important;}
body.belara2-site .belara-business-license-card strong,body.belara2-site .belara-freelance-card strong{display:block!important;color:#2A1210!important;font-size:12.5px!important;font-weight:700!important;line-height:1.5!important;}
body.belara2-site .belara-business-license-card span,body.belara2-site .belara-freelance-card span{display:block!important;color:#6B4636!important;font-size:11px!important;font-weight:500!important;line-height:1.6!important;}
body.belara2-site .belara-business-license-card b,body.belara2-site .belara-freelance-card b{color:#2A1210!important;font-weight:700!important;direction:ltr!important;unicode-bidi:isolate!important;}
body.belara2-site .belara-business-license-card small,body.belara2-site .belara-freelance-card small{display:block!important;color:#8A6B5E!important;font-size:9.5px!important;line-height:1.55!important;}
body.belara2-site .belara-freelance-card{border-color:rgba(178,138,120,.85)!important;background:rgba(255,247,239,.96)!important;}
body.belara2-site .belara-sbc-trust-wrap .sbc-seal-frame{margin:1px auto!important;}
}


/* =========================================================
   BELARA FOOTER CONTACT SOCIAL CSS V1
   Desktop only
   ========================================================= */
@media (min-width:1024px){

  /* ---------- Customer service ---------- */

  body.belara2-site .belara2-footer-contact{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    gap:10px !important;
    text-align:center !important;
  }

  body.belara2-site .belara2-footer-contact > h3{
    margin-bottom:8px !important;
  }

  body.belara2-site .belara2-contact-card{
    width:100% !important;
    max-width:220px !important;
    min-height:58px !important;
    box-sizing:border-box !important;

    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:11px !important;

    padding:10px 12px !important;
    margin:0 !important;

    border:1px solid rgba(201,163,91,.28) !important;
    border-radius:10px !important;

    background:rgba(255,247,239,.045) !important;

    color:#FFF7EF !important;
    text-decoration:none !important;

    font-family:"Almarai",sans-serif !important;

    transition:
      border-color .2s ease,
      background .2s ease,
      transform .2s ease !important;
  }

  body.belara2-site .belara2-contact-card:hover{
    border-color:rgba(201,163,91,.72) !important;
    background:rgba(201,163,91,.08) !important;
    transform:translateY(-1px) !important;
  }

  body.belara2-site .belara2-contact-icon{
    flex:0 0 34px !important;
    width:34px !important;
    height:34px !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    border:1px solid rgba(201,163,91,.34) !important;
    border-radius:50% !important;

    background:rgba(255,247,239,.06) !important;
  }

  body.belara2-site .belara2-contact-icon svg{
    display:block !important;
    width:17px !important;
    height:17px !important;
    max-width:17px !important;
    max-height:17px !important;

    fill:#C9A35B !important;
  }

  body.belara2-site .belara2-contact-card > div,
  body.belara2-site .belara2-contact-card > span:last-child{
    flex:1 1 auto !important;
    min-width:0 !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:2px !important;

    text-align:right !important;
  }

  body.belara2-site .belara2-contact-card strong{
    color:#FFF7EF !important;
    font-size:11.5px !important;
    font-weight:700 !important;
    line-height:1.5 !important;
  }

  body.belara2-site .belara2-contact-card small,
  body.belara2-site .belara2-contact-card a{
    color:rgba(255,247,239,.80) !important;
    font-size:10.5px !important;
    font-weight:400 !important;
    line-height:1.55 !important;
    text-decoration:none !important;
  }

  body.belara2-site .belara2-contact-phones a{
    display:block !important;
    width:auto !important;
    margin:0 !important;
    direction:ltr !important;
    unicode-bidi:isolate !important;
  }

  /* ---------- Social ---------- */

  body.belara2-site .belara2-footer-social{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    text-align:center !important;
  }

  body.belara2-site .belara2-social-intro{
    margin:2px 0 15px !important;
    color:rgba(255,247,239,.78) !important;
    font-family:"Almarai",sans-serif !important;
    font-size:11.5px !important;
    line-height:1.7 !important;
  }

  body.belara2-site .belara2-social-icons{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:center !important;
    flex-wrap:wrap !important;
    gap:9px !important;
  }

  body.belara2-site .belara2-social-icons a{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    margin:0 !important;
    padding:0 !important;

    border:1px solid rgba(201,163,91,.35) !important;
    border-radius:10px !important;

    background:rgba(255,247,239,.06) !important;

    transition:
      background .2s ease,
      border-color .2s ease,
      transform .2s ease !important;
  }

  body.belara2-site .belara2-social-icons a:hover{
    background:#FFF7EF !important;
    border-color:#C9A35B !important;
    transform:translateY(-2px) !important;
  }

  body.belara2-site .belara2-social-icons svg{
    display:block !important;
    width:19px !important;
    height:19px !important;
    max-width:19px !important;
    max-height:19px !important;

    fill:#C9A35B !important;
  }

  body.belara2-site .belara2-social-icons a:hover svg{
    fill:#2A1210 !important;
  }
}


/* =========================================================
   BELARA FOOTER TRUST BAND LAYOUT V1
   Desktop only
   ========================================================= */
@media (min-width:1024px){

  body.belara2-site .belara2-footer-trust-band{
    border-top:1px solid rgba(201,163,91,.18) !important;
    border-bottom:1px solid rgba(201,163,91,.18) !important;
    background:rgba(255,247,239,.018) !important;
  }

  body.belara2-site .belara2-footer-trust-band > .belara2-container{
    width:min(1180px,calc(100% - 64px)) !important;
    margin-inline:auto !important;
    padding:24px 0 26px !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
  }

  body.belara2-site .belara2-footer-trust-band h3{
    margin:0 0 18px !important;
    color:#C9A35B !important;
    font-family:"Almarai",sans-serif !important;
    font-size:15px !important;
    font-weight:700 !important;
    line-height:1.5 !important;
    text-align:center !important;
  }

  body.belara2-site .belara2-footer-trust-band .belara-sbc-trust-wrap{
    width:auto !important;
    max-width:none !important;

    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:center !important;
    gap:24px !important;

    margin:0 !important;
  }

  body.belara2-site .belara2-footer-trust-band .belara-business-license-card,
  body.belara2-site .belara2-footer-trust-band .belara-freelance-card{
    width:220px !important;
    min-width:220px !important;
    margin:0 !important;
  }

  body.belara2-site .belara2-footer-trust-band .sbc-seal-frame{
    flex:0 0 auto !important;
    position:static !important;
    inset:auto !important;
    margin:0 !important;
    transform:none !important;
    z-index:auto !important;
  }
}


/* =========================================================
   BELARA FOOTER PC FINAL POLISH V1
   Final desktop alignment and spacing only
   ========================================================= */
@media (min-width:1024px){

  /* ===== Main footer row ===== */

  body.belara2-site .belara2-footer-grid{
    grid-template-columns:
      1.08fr
      .98fr
      1.52fr
      .82fr !important;

    gap:42px !important;

    align-items:start !important;

    padding-top:36px !important;
    padding-bottom:34px !important;
  }

  body.belara2-site .belara2-footer-grid > section{
    min-width:0 !important;
    align-self:start !important;
  }

  body.belara2-site .belara2-footer-grid > section > h3{
    min-height:24px !important;
    margin:0 0 17px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    font-size:15px !important;
    line-height:1.5 !important;
  }


  /* ===== BELARA brand ===== */

  body.belara2-site .belara2-footer-brand{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;

    text-align:center !important;
  }

  body.belara2-site .belara2-footer-brand p{
    max-width:310px !important;
    margin:13px auto 0 !important;

    font-size:12.5px !important;
    line-height:1.85 !important;

    text-align:center !important;
  }


  /* ===== Customer service ===== */

  body.belara2-site .belara2-footer-contact{
    width:100% !important;
    max-width:224px !important;

    margin-inline:auto !important;

    gap:9px !important;
  }

  body.belara2-site .belara2-contact-card{
    width:100% !important;
    max-width:224px !important;
    min-height:60px !important;

    padding:9px 11px !important;

    border-color:rgba(201,163,91,.32) !important;

    background:rgba(255,247,239,.04) !important;
  }

  body.belara2-site .belara2-contact-card strong{
    font-size:11.8px !important;
  }

  body.belara2-site .belara2-contact-card small,
  body.belara2-site .belara2-contact-card a{
    font-size:10.8px !important;
  }


  /* ===== Important links ===== */

  body.belara2-site .belara2-footer-links{
    align-self:start !important;
  }

  body.belara2-site .belara2-footer-links > h3{
    margin-bottom:18px !important;
  }

  body.belara2-site .belara2-footer-link-group{
    gap:6px !important;
    padding-inline:18px !important;
  }

  body.belara2-site .belara2-footer-link-group:first-of-type{
    border-inline-end:
      1px solid rgba(201,163,91,.24) !important;
  }

  body.belara2-site .belara2-footer-link-group h4{
    margin:0 0 7px !important;

    font-size:12px !important;
  }

  body.belara2-site .belara2-footer-link-group a{
    max-width:190px !important;

    font-size:11.8px !important;
    line-height:1.72 !important;
  }


  /* ===== Social ===== */

  body.belara2-site .belara2-footer-social{
    align-self:start !important;
  }

  body.belara2-site .belara2-social-intro{
    margin:0 0 16px !important;

    font-size:11.5px !important;
  }

  body.belara2-site .belara2-social-icons{
    gap:8px !important;
  }

  body.belara2-site .belara2-social-icons a{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
  }


  /* ===== Trust band ===== */

  body.belara2-site .belara2-footer-trust-band
  > .belara2-container{
    padding-top:18px !important;
    padding-bottom:20px !important;
  }

  body.belara2-site .belara2-footer-trust-band h3{
    margin:0 0 14px !important;

    font-size:14px !important;
  }

  body.belara2-site
  .belara2-footer-trust-band
  .belara-sbc-trust-wrap{
    gap:18px !important;
  }

  body.belara2-site
  .belara2-footer-trust-band
  .belara-business-license-card,

  body.belara2-site
  .belara2-footer-trust-band
  .belara-freelance-card{

    width:218px !important;
    min-width:218px !important;
    min-height:80px !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;

    padding:9px 12px !important;

    box-sizing:border-box !important;
  }

  body.belara2-site
  .belara2-footer-trust-band
  .sbc-seal-frame{
    margin-inline:2px !important;
  }


  /* ===== Bottom copyright bar ===== */

  body.belara2-site
  .belara2-footer-bottom
  > .belara2-container{

    min-height:50px !important;

    padding-left:0 !important;
    padding-right:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    font-size:11.5px !important;
  }

}

/* BELARA FOOTER PC MICRO POLISH V1 */
@media (min-width:1024px){
body.belara2-site .belara2-contact-card strong{font-size:12.1px!important;}
body.belara2-site .belara2-contact-card small,body.belara2-site .belara2-contact-card a{font-size:11.2px!important;line-height:1.6!important;}
body.belara2-site .belara2-footer-link-group h4{font-size:12.6px!important;font-weight:800!important;margin-bottom:8px!important;}
body.belara2-site .belara2-footer-link-group:first-of-type{border-inline-end-color:rgba(201,163,91,.32)!important;}
body.belara2-site .belara2-footer-trust-band .belara-sbc-trust-wrap{gap:12px!important;}
body.belara2-site .belara2-footer-trust-band .belara-business-license-card,body.belara2-site .belara2-footer-trust-band .belara-freelance-card{width:216px!important;min-width:216px!important;}
}


/* =========================================================
 * BELARA SMART PICKS 4X2 PC V1
 *
 * Scope:
 * Homepage "منتجات مختارة لك" only.
 *
 * Desktop:
 * 8 products = 4 columns × 2 balanced rows.
 *
 * Other product grids and mobile/tablet remain untouched.
 * ========================================================= */

@media (min-width: 1101px) {

    body.belara2-site
    #belara-smart-picks
    .belara2-products-grid {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 22px !important;
        width: 100%;
    }

    body.belara2-site
    #belara-smart-picks
    .belara2-products-grid
    > .belara2-product-card {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
    }

}


/* =========================================================
 * BELARA INTERACTIVE COMPASS PC V1
 * Homepage compass only — desktop.
 * ========================================================= */

@media (min-width: 1101px) {

    body.belara2-site
    #belara-compass
    .belara2-compass-content {
        max-width: 590px;
    }

    body.belara2-site
    #belara-compass
    .belara2-compass-intro {
        margin-bottom: 0;
    }

    body.belara2-site
    #belara-compass
    .belara2-compass-nav {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
        margin-top: 24px;
        width: 100%;
    }

    body.belara2-site
    #belara-compass
    .belara2-compass-route {
        min-height: 66px;
        padding: 12px 16px;
        border: 1px solid rgba(201,163,91,.72);
        border-radius: 14px;

        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

        background: rgba(255,247,239,.94);
        color: #2A1210;

        text-align: center;

        box-shadow:
            0 8px 22px rgba(42,18,16,.10);

        backdrop-filter: blur(8px);

        transition:
            transform .2s ease,
            box-shadow .2s ease,
            border-color .2s ease;
    }

    body.belara2-site
    #belara-compass
    .belara2-compass-route:hover {
        transform: translateY(-3px);
        border-color: #C9A35B;

        box-shadow:
            0 14px 30px rgba(42,18,16,.16);
    }

    body.belara2-site
    #belara-compass
    .belara2-compass-route strong {
        display: block;
        font-size: 15px;
        font-weight: 800;
    }

    body.belara2-site
    #belara-compass
    .belara2-compass-route small {
        display: block;
        margin-top: 2px;

        color: #6B4636;
        font-size: 11px;
    }

}



/* BELARA BEST SELLERS BADGE HIDE PC V1 */
@media (min-width: 1101px) {
    body.belara2-site #belara-smart-picks .belara2-choice-label {
        display: none !important;
    }
}