/* BELARA MOBILE PRODUCT RECOVERY V1 — <= 767px */

@media (max-width: 767px) {
    :root {
        --belara-recovery-ink: #2a1210;
        --belara-recovery-chocolate: #4a1815;
        --belara-recovery-gold: #c9a35b;
        --belara-recovery-cream: #fffaf4;
        --belara-recovery-line: rgba(74, 24, 21, .13);
        --belara-recovery-muted: #78635e;
    }

    html,
    body.belara2-site {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: clip !important;
    }

    body.belara2-site {
        padding-bottom: calc(82px + env(safe-area-inset-bottom)) !important;
        color: var(--belara-recovery-ink) !important;
        background: var(--belara-recovery-cream) !important;
    }

    body.belara2-site *,
    body.belara2-site *::before,
    body.belara2-site *::after {
        box-sizing: border-box;
    }

    body.belara2-site img,
    body.belara2-site svg {
        max-width: 100%;
    }

    /* Header SVGs were previously styled only by desktop.css. */
    body.belara2-site .belara-ui-icon,
    body.belara2-site .belara2-search svg,
    body.belara2-site .belara-account-icon svg {
        display: block !important;
        width: 22px !important;
        height: 22px !important;
        min-width: 22px !important;
        min-height: 22px !important;
        fill: none !important;
        stroke: currentColor !important;
        stroke-width: 1.8 !important;
        stroke-linecap: round !important;
        stroke-linejoin: round !important;
    }

    body.belara2-site .belara2-search {
        position: relative !important;
        overflow: visible !important;
    }

    body.belara2-site .belara2-search input[type="search"] {
        min-height: 48px !important;
        padding: 0 16px 0 52px !important;
        border: 1px solid var(--belara-recovery-line) !important;
        border-radius: 13px !important;
        background: #fff !important;
        color: var(--belara-recovery-ink) !important;
        font-size: 16px !important;
        text-align: right !important;
        box-shadow: none !important;
    }

    body.belara2-site .belara2-search button {
        position: absolute !important;
        top: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        right: auto !important;
        width: 50px !important;
        height: 48px !important;
        display: grid !important;
        place-items: center !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        color: var(--belara-recovery-ink) !important;
    }

    body.belara2-site .belara2-account-nav,
    body.belara2-site .belara2-cart,
    body.belara2-site .belara-account-icon {
        min-width: 0 !important;
    }

    body.belara2-site .belara2-cart {
        position: relative !important;
        width: 42px !important;
        height: 42px !important;
        display: grid !important;
        place-items: center !important;
        color: var(--belara-recovery-ink) !important;
    }

    body.belara2-site .belara2-cart b {
        position: absolute !important;
        top: -3px !important;
        right: -3px !important;
        min-width: 18px !important;
        height: 18px !important;
        display: grid !important;
        place-items: center !important;
        padding: 0 4px !important;
        border-radius: 999px !important;
        background: var(--belara-recovery-chocolate) !important;
        color: #fff !important;
        font-size: 10px !important;
        line-height: 1 !important;
    }

    /* Drawer shared by the header and bottom navigation. */
    body.belara2-site .belara2-drawer {
        position: fixed !important;
        inset: 0 !important;
        z-index: 100300 !important;
        direction: rtl !important;
        background: rgba(42, 18, 16, .46) !important;
    }

    body.belara2-site .belara2-drawer[hidden] {
        display: none !important;
    }

    body.belara2-site .belara2-drawer-panel {
        width: min(86vw, 360px) !important;
        max-width: 100% !important;
        height: 100% !important;
        margin: 0 0 0 auto !important;
        padding: calc(16px + env(safe-area-inset-top)) 20px calc(22px + env(safe-area-inset-bottom)) !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
        background: #fffaf4 !important;
        color: var(--belara-recovery-ink) !important;
        text-align: right !important;
        box-shadow: -18px 0 45px rgba(42, 18, 16, .18) !important;
    }

    body.belara2-site .belara2-drawer-head {
        min-height: 58px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        border-bottom: 1px solid var(--belara-recovery-line) !important;
    }

    body.belara2-site .belara2-menu-close {
        width: 44px !important;
        height: 44px !important;
        display: grid !important;
        place-items: center !important;
        padding: 0 !important;
        border: 1px solid var(--belara-recovery-line) !important;
        border-radius: 50% !important;
        background: #fff !important;
        color: var(--belara-recovery-ink) !important;
        font-size: 30px !important;
        line-height: 1 !important;
    }

    body.belara2-site .belara2-drawer .belara2-menu {
        display: block !important;
        width: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    body.belara2-site .belara2-drawer .belara2-menu li {
        margin: 0 !important;
        padding: 0 !important;
        border-bottom: 1px solid var(--belara-recovery-line) !important;
    }

    body.belara2-site .belara2-drawer .belara2-menu a {
        min-height: 54px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
        padding: 12px 2px !important;
        color: var(--belara-recovery-ink) !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        line-height: 1.5 !important;
    }

    body.belara2-site .belara2-drawer .belara2-menu a::after {
        content: "‹" !important;
        flex: 0 0 auto !important;
        color: var(--belara-recovery-gold) !important;
        font-family: Arial, sans-serif !important;
        font-size: 22px !important;
        line-height: 1 !important;
    }

    /* Single-product shell and gallery. */
    body.single-product main#primary {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 0 28px !important;
        overflow: clip !important;
    }

    body.single-product main#primary > div.product {
        position: relative !important;
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    body.single-product div.product > .onsale {
        position: absolute !important;
        top: 16px !important;
        right: 24px !important;
        left: auto !important;
        z-index: 8 !important;
        min-width: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 7px 12px !important;
        border: 1px solid rgba(255, 255, 255, .7) !important;
        border-radius: 999px !important;
        background: #dfb34e !important;
        color: var(--belara-recovery-ink) !important;
        font-size: 12px !important;
        font-weight: 800 !important;
        line-height: 1.2 !important;
    }

    body.single-product .woocommerce-product-gallery {
        float: none !important;
        position: relative !important;
        width: calc(100% - 32px) !important;
        max-width: 680px !important;
        min-height: 0 !important;
        margin: 16px auto 0 !important;
        padding: 0 !important;
        border: 1px solid var(--belara-recovery-line) !important;
        border-radius: 18px !important;
        background: #f7efe9 !important;
        overflow: hidden !important;
        box-shadow: 0 10px 28px rgba(42, 18, 16, .06) !important;
    }

    body.single-product .woocommerce-product-gallery__image a {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
/* BELARA V9 ROOT-CAUSE NOTE: FlexSlider wrapper/slide widths must remain JS-controlled. */


    body.single-product .woocommerce-product-gallery__image a {
        display: block !important;
        aspect-ratio: 3 / 4 !important;
        max-height: min(72svh, 520px) !important;
        overflow: hidden !important;
    }

    body.single-product .woocommerce-product-gallery__image img,
    body.single-product .woocommerce-product-gallery .flex-viewport img {
        width: 100% !important;
        height: 100% !important;
        max-height: min(72svh, 520px) !important;
        margin: 0 !important;
        object-fit: cover !important;
        object-position: center !important;
    }

    body.single-product .woocommerce-product-gallery .zoomImg {
        display: none !important;
    }

    body.single-product .woocommerce-product-gallery__trigger {
        position: absolute !important;
        top: 12px !important;
        right: auto !important;
        left: 12px !important;
        z-index: 9 !important;
        width: 44px !important;
        height: 44px !important;
        display: grid !important;
        place-items: center !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 1px solid var(--belara-recovery-line) !important;
        border-radius: 50% !important;
        background: rgba(255, 255, 255, .94) !important;
        color: var(--belara-recovery-ink) !important;
        font-size: 0 !important;
        text-indent: 0 !important;
        box-shadow: 0 5px 15px rgba(42, 18, 16, .11) !important;
    }

    body.single-product .woocommerce-product-gallery__trigger::before {
        content: "" !important;
        width: 16px !important;
        height: 16px !important;
        display: block !important;
        border: 2px solid currentColor !important;
        border-radius: 50% !important;
    }

    body.single-product .woocommerce-product-gallery__trigger::after {
        content: "" !important;
        position: absolute !important;
        width: 8px !important;
        height: 2px !important;
        margin: 0 !important;
        border: 0 !important;
        background: currentColor !important;
        transform: translate(8px, 8px) rotate(45deg) !important;
    }

    body.single-product .flex-control-thumbs {
        display: flex !important;
        gap: 8px !important;
        margin: 10px !important;
        padding: 0 !important;
        overflow-x: auto !important;
        list-style: none !important;
        scrollbar-width: none !important;
    }

    body.single-product .flex-control-thumbs::-webkit-scrollbar {
        display: none !important;
    }

    body.single-product .flex-control-thumbs li {
        flex: 0 0 64px !important;
        width: 64px !important;
        margin: 0 !important;
    }

    body.single-product .flex-control-thumbs img {
        width: 64px !important;
        height: 64px !important;
        border: 2px solid transparent !important;
        border-radius: 9px !important;
        object-fit: cover !important;
    }

    body.single-product .flex-control-thumbs img.flex-active {
        border-color: var(--belara-recovery-gold) !important;
    }

    /* Product summary. */
    body.single-product div.product .summary,
    body.single-product div.product .summary.entry-summary {
        float: none !important;
        width: calc(100% - 32px) !important;
        max-width: 680px !important;
        display: block !important;
        margin: 16px auto 0 !important;
        padding: 20px 18px !important;
        border: 1px solid var(--belara-recovery-line) !important;
        border-radius: 18px !important;
        background: #fff !important;
        color: var(--belara-recovery-ink) !important;
        text-align: right !important;
        box-shadow: 0 8px 24px rgba(42, 18, 16, .045) !important;
        overflow: hidden !important;
    }

    body.single-product .belara2-choice-label {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 34px !important;
        margin: 0 0 12px !important;
        padding: 6px 12px !important;
        border-radius: 999px !important;
        background: #dfb34e !important;
        color: var(--belara-recovery-ink) !important;
        font-size: 12px !important;
        font-weight: 800 !important;
        line-height: 1.2 !important;
    }

    body.single-product h1.product_title,
    body.single-product .belara-single-product-title {
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        color: var(--belara-recovery-ink) !important;
        font-size: clamp(22px, 6vw, 27px) !important;
        font-weight: 800 !important;
        line-height: 1.55 !important;
        text-align: right !important;
        letter-spacing: 0 !important;
        overflow-wrap: anywhere !important;
        word-break: normal !important;
    }

    body.single-product .belara-single-title-ar,
    body.single-product .belara-single-title-one {
        display: block !important;
        width: 100% !important;
    }

    body.single-product .belara-single-title-en {
        display: block !important;
        width: 100% !important;
        margin-top: 5px !important;
        color: var(--belara-recovery-muted) !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 1.4 !important;
        text-align: right !important;
    }

    body.single-product div.product .summary p.price {
        direction: rtl !important;
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: baseline !important;
        justify-content: flex-start !important;
        gap: 7px !important;
        width: 100% !important;
        margin: 16px 0 18px !important;
        color: var(--belara-recovery-chocolate) !important;
        font-size: 22px !important;
        font-weight: 800 !important;
        line-height: 1.35 !important;
        text-decoration: none !important;
    }

    body.single-product div.product .summary p.price del {
        order: 2 !important;
        color: #9c8d88 !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        opacity: 1 !important;
    }

    body.single-product div.product .summary p.price ins {
        order: 1 !important;
        color: var(--belara-recovery-chocolate) !important;
        font-size: inherit !important;
        font-weight: inherit !important;
        text-decoration: none !important;
    }

    body.single-product form.cart,
    body.single-product form.variations_form {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.single-product form.cart table.variations,
    body.single-product form.cart table.variations tbody,
    body.single-product form.cart table.variations tr,
    body.single-product form.cart table.variations th,
    body.single-product form.cart table.variations td {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
    }

    body.single-product form.cart table.variations tr {
        margin-bottom: 14px !important;
    }

    body.single-product form.cart table.variations th.label {
        margin-bottom: 7px !important;
        color: var(--belara-recovery-ink) !important;
        font-size: 14px !important;
        font-weight: 800 !important;
        text-align: right !important;
    }

    body.single-product form.cart table.variations select {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 50px !important;
        margin: 0 !important;
        padding: 0 14px !important;
        border: 1px solid var(--belara-recovery-line) !important;
        border-radius: 12px !important;
        background: #fffaf6 !important;
        color: var(--belara-recovery-ink) !important;
        font-family: inherit !important;
        font-size: 16px !important;
        text-align: right !important;
    }

    body.single-product form.cart .reset_variations {
        display: inline-flex !important;
        margin-top: 8px !important;
        color: var(--belara-recovery-muted) !important;
        font-size: 12px !important;
    }

    body.single-product .single_variation {
        margin: 8px 0 !important;
        color: var(--belara-recovery-ink) !important;
    }

    body.single-product .woocommerce-variation-add-to-cart,
    body.single-product form.cart:not(.variations_form) {
        display: grid !important;
        grid-template-columns: 72px minmax(0, 1fr) !important;
        align-items: stretch !important;
        gap: 10px !important;
        width: 100% !important;
    }

    body.single-product form.cart .quantity {
        float: none !important;
        width: 72px !important;
        margin: 0 !important;
    }

    body.single-product form.cart .quantity .qty {
        width: 72px !important;
        min-height: 50px !important;
        margin: 0 !important;
        padding: 0 6px !important;
        border: 1px solid var(--belara-recovery-line) !important;
        border-radius: 12px !important;
        background: #fff !important;
        color: var(--belara-recovery-ink) !important;
        font-size: 16px !important;
        text-align: center !important;
    }

    body.single-product div.product form.cart .single_add_to_cart_button {
        float: none !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 50px !important;
        margin: 0 !important;
        padding: 10px 14px !important;
        border: 1px solid var(--belara-recovery-chocolate) !important;
        border-radius: 12px !important;
        background: var(--belara-recovery-chocolate) !important;
        color: #fff !important;
        font-family: inherit !important;
        font-size: 15px !important;
        font-weight: 800 !important;
        line-height: 1.35 !important;
        opacity: 1 !important;
        box-shadow: none !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 {
        border-color: #b5aaa6 !important;
        background: #b5aaa6 !important;
        color: #fff !important;
        opacity: 1 !important;
        cursor: not-allowed !important;
    }

    body.single-product .summary > .belara2-wishlist-button {
        position: static !important;
        inset: auto !important;
        transform: none !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 48px !important;
        height: auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 9px !important;
        margin: 10px 0 0 !important;
        padding: 9px 14px !important;
        border: 1px solid rgba(74, 24, 21, .26) !important;
        border-radius: 12px !important;
        background: #fff !important;
        color: var(--belara-recovery-chocolate) !important;
        font-family: inherit !important;
        font-size: 14px !important;
        font-weight: 800 !important;
        line-height: 1.35 !important;
        box-shadow: none !important;
    }

    body.single-product .summary > .belara2-wishlist-button::before {
        content: "♡" !important;
        font-family: Arial, sans-serif !important;
        font-size: 25px !important;
        font-weight: 400 !important;
        line-height: 1 !important;
    }

    body.single-product .summary > .belara2-wishlist-button::after {
        content: "أضيفي إلى المفضلة" !important;
        position: static !important;
        width: auto !important;
        height: auto !important;
        display: inline !important;
        margin: 0 !important;
        background: none !important;
        color: inherit !important;
        font: inherit !important;
    }

    body.single-product .summary > .belara2-wishlist-button.is-active::before,
    body.single-product .summary > .belara2-wishlist-button[aria-pressed="true"]::before {
        content: "♥" !important;
        color: #a91f25 !important;
    }

    body.single-product .summary > .belara2-wishlist-button.is-active::after,
    body.single-product .summary > .belara2-wishlist-button[aria-pressed="true"]::after {
        content: "تمت الإضافة إلى المفضلة" !important;
    }

    /* Trust cards and product metadata. */
    body.single-product .belara-single-trust-v1 {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        width: 100% !important;
        margin: 16px 0 0 !important;
        padding: 0 !important;
    }

    body.single-product .belara-single-trust-item {
        min-width: 0 !important;
        min-height: 88px !important;
        display: grid !important;
        grid-template-columns: 32px minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 8px !important;
        margin: 0 !important;
        padding: 10px !important;
        border: 1px solid rgba(201, 163, 91, .34) !important;
        border-radius: 12px !important;
        background: #fffaf4 !important;
        color: var(--belara-recovery-ink) !important;
        text-align: right !important;
        overflow: hidden !important;
    }

    body.single-product .belara-single-trust-icon {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        display: grid !important;
        place-items: center !important;
        margin: 0 !important;
        border: 1px solid rgba(201, 163, 91, .45) !important;
        border-radius: 50% !important;
        color: var(--belara-recovery-gold) !important;
    }

    body.single-product .belara-single-trust-icon svg {
        display: block !important;
        width: 18px !important;
        height: 18px !important;
        min-width: 18px !important;
        max-width: 18px !important;
        min-height: 18px !important;
        max-height: 18px !important;
        fill: none !important;
        stroke: currentColor !important;
    }

    body.single-product .belara-single-trust-item > span:last-child {
        min-width: 0 !important;
        display: block !important;
    }

    body.single-product .belara-single-trust-item strong,
    body.single-product .belara-single-trust-item small {
        display: block !important;
        width: 100% !important;
        overflow-wrap: anywhere !important;
    }

    body.single-product .belara-single-trust-item strong {
        margin: 0 0 3px !important;
        font-size: 11px !important;
        line-height: 1.55 !important;
    }

    body.single-product .belara-single-trust-item small {
        color: var(--belara-recovery-muted) !important;
        font-size: 9.5px !important;
        line-height: 1.55 !important;
    }

    body.single-product .product_meta {
        width: 100% !important;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 6px 12px !important;
        margin: 16px 0 0 !important;
        padding: 12px !important;
        border: 1px solid var(--belara-recovery-line) !important;
        border-radius: 12px !important;
        background: #fffaf6 !important;
        color: var(--belara-recovery-muted) !important;
        font-size: 11px !important;
        line-height: 1.7 !important;
        overflow-wrap: anywhere !important;
    }

    body.single-product .product_meta > span {
        min-width: 0 !important;
    }

    /* Product tabs. */
    body.single-product .woocommerce-tabs {
        clear: both !important;
        width: calc(100% - 32px) !important;
        max-width: 680px !important;
        margin: 16px auto 0 !important;
        padding: 0 !important;
        border: 1px solid var(--belara-recovery-line) !important;
        border-radius: 18px !important;
        background: #fff !important;
        overflow: hidden !important;
    }

    body.single-product .woocommerce-tabs ul.tabs,
    body.single-product .woocommerce-tabs ul.wc-tabs {
        width: 100% !important;
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: #f7f1ed !important;
        overflow: visible !important;
    }

    body.single-product .woocommerce-tabs ul.tabs::before,
    body.single-product .woocommerce-tabs ul.tabs::after {
        display: none !important;
    }

    body.single-product .woocommerce-tabs ul.tabs li {
        width: auto !important;
        min-width: 0 !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-left: 1px solid var(--belara-recovery-line) !important;
        border-radius: 0 !important;
        background: transparent !important;
    }

    body.single-product .woocommerce-tabs ul.tabs li:last-child {
        border-left: 0 !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 {
        width: 100% !important;
        min-height: 48px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 9px 5px !important;
        color: var(--belara-recovery-muted) !important;
        font-size: 12px !important;
        font-weight: 800 !important;
        line-height: 1.3 !important;
        text-align: center !important;
        white-space: normal !important;
    }

    body.single-product .woocommerce-tabs ul.tabs li.active,
    body.single-product .woocommerce-tabs ul.tabs li[aria-selected="true"] {
        background: #fff !important;
        box-shadow: inset 0 -3px 0 var(--belara-recovery-gold) !important;
    }

    body.single-product .woocommerce-tabs .woocommerce-Tabs-panel {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 20px 16px 22px !important;
        color: var(--belara-recovery-ink) !important;
        font-size: 15px !important;
        line-height: 1.95 !important;
        text-align: right !important;
        overflow-wrap: anywhere !important;
        word-break: normal !important;
        overflow-x: hidden !important;
    }

    body.single-product .woocommerce-tabs .woocommerce-Tabs-panel h2 {
        margin: 0 0 14px !important;
        color: var(--belara-recovery-ink) !important;
        font-size: 22px !important;
        font-weight: 800 !important;
        line-height: 1.45 !important;
    }

    body.single-product .woocommerce-tabs .woocommerce-Tabs-panel p {
        max-width: 100% !important;
        margin: 0 0 14px !important;
        font-size: inherit !important;
        line-height: inherit !important;
    }

    body.single-product .woocommerce-tabs .woocommerce-Tabs-panel ul,
    body.single-product .woocommerce-tabs .woocommerce-Tabs-panel ol {
        max-width: 100% !important;
        margin: 12px 0 !important;
        padding: 0 20px 0 0 !important;
    }

    body.single-product .woocommerce-tabs table {
        width: 100% !important;
        max-width: 100% !important;
        table-layout: fixed !important;
        font-size: 12px !important;
    }

    /* Complete-look and related-product cards. */
    body.single-product .belara2-complete-look,
    body.single-product section.related.products {
        clear: both !important;
        width: calc(100% - 32px) !important;
        max-width: 680px !important;
        margin: 16px auto 0 !important;
        padding: 20px 12px !important;
        border: 1px solid var(--belara-recovery-line) !important;
        border-radius: 18px !important;
        background: #fffaf6 !important;
        color: var(--belara-recovery-ink) !important;
        text-align: right !important;
        overflow: hidden !important;
    }

    body.single-product .belara2-complete-look > h2,
    body.single-product section.related.products > h2 {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 7px !important;
        padding: 0 4px !important;
        color: var(--belara-recovery-ink) !important;
        font-size: 24px !important;
        font-weight: 800 !important;
        line-height: 1.5 !important;
        text-align: right !important;
        overflow-wrap: anywhere !important;
    }

    body.single-product .belara2-complete-look > p {
        width: 100% !important;
        margin: 0 0 16px !important;
        padding: 0 4px !important;
        color: var(--belara-recovery-muted) !important;
        font-size: 12px !important;
        line-height: 1.7 !important;
    }

    body.single-product .belara2-complete-look .belara2-plugin-products,
    body.single-product section.related.products ul.products,
    body.single-product section.related.products ul.products.columns-4 {
        width: 100% !important;
        max-width: 100% !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

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

    body.single-product .belara2-complete-look .belara2-product-card,
    body.single-product section.related.products ul.products li.product {
        float: none !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        margin: 0 !important;
        padding: 0 0 10px !important;
        border: 1px solid var(--belara-recovery-line) !important;
        border-radius: 14px !important;
        background: #fff !important;
        color: var(--belara-recovery-ink) !important;
        text-align: center !important;
        overflow: hidden !important;
        box-shadow: none !important;
    }

    body.single-product .belara2-complete-look .belara2-product-image,
    body.single-product section.related.products li.product > a.woocommerce-LoopProduct-link {
        position: relative !important;
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.single-product .belara2-complete-look .belara2-product-image {
        aspect-ratio: 4 / 5 !important;
        overflow: hidden !important;
    }

    body.single-product .belara2-complete-look .belara2-product-image img,
    body.single-product section.related.products li.product img {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 4 / 5 !important;
        display: block !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        object-fit: cover !important;
        object-position: center !important;
    }

    body.single-product .belara2-complete-look .belara2-product-copy {
        flex: 1 1 auto !important;
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        min-width: 0 !important;
        padding: 12px 10px 0 !important;
    }

    body.single-product .belara2-complete-look .belara2-product-copy h3,
    body.single-product section.related.products .woocommerce-loop-product__title {
        width: 100% !important;
        min-height: 0 !important;
        margin: 0 0 9px !important;
        padding: 0 !important;
        color: var(--belara-recovery-ink) !important;
        font-size: 12px !important;
        font-weight: 800 !important;
        line-height: 1.65 !important;
        text-align: center !important;
        overflow-wrap: anywhere !important;
    }

    body.single-product .belara2-complete-look .belara2-price,
    body.single-product section.related.products li.product .price {
        width: 100% !important;
        min-height: 0 !important;
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: baseline !important;
        justify-content: center !important;
        gap: 4px !important;
        margin: auto 0 10px !important;
        padding: 0 !important;
        color: var(--belara-recovery-chocolate) !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        line-height: 1.4 !important;
        text-align: center !important;
    }

    body.single-product .belara2-complete-look .belara2-price del,
    body.single-product section.related.products li.product .price del {
        color: #9c8d88 !important;
        font-size: 10px !important;
        opacity: 1 !important;
    }

    body.single-product .belara2-complete-look .belara2-price ins,
    body.single-product section.related.products li.product .price ins {
        color: inherit !important;
        text-decoration: none !important;
    }

    body.single-product .belara2-complete-look .belara2-product-action,
    body.single-product section.related.products li.product .button {
        width: calc(100% - 20px) !important;
        min-width: 0 !important;
        min-height: 42px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: auto 10px 0 !important;
        padding: 8px 6px !important;
        border: 1px solid var(--belara-recovery-chocolate) !important;
        border-radius: 9px !important;
        background: var(--belara-recovery-chocolate) !important;
        color: #fff !important;
        font-size: 11px !important;
        font-weight: 800 !important;
        line-height: 1.35 !important;
        text-align: center !important;
        white-space: normal !important;
    }

    body.single-product section.related.products .belara2-wishlist-button {
        position: absolute !important;
        top: 8px !important;
        right: 8px !important;
        left: auto !important;
        z-index: 4 !important;
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        min-height: 38px !important;
        display: grid !important;
        place-items: center !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 1px solid var(--belara-recovery-line) !important;
        border-radius: 50% !important;
        background: rgba(255, 255, 255, .94) !important;
        color: var(--belara-recovery-chocolate) !important;
        font-size: 0 !important;
    }

    body.single-product section.related.products .belara2-wishlist-button::before {
        content: "♡" !important;
        font-family: Arial, sans-serif !important;
        font-size: 24px !important;
        line-height: 1 !important;
    }

    body.single-product section.related.products .belara2-wishlist-button.is-active::before,
    body.single-product section.related.products .belara2-wishlist-button[aria-pressed="true"]::before {
        content: "♥" !important;
        color: #a91f25 !important;
    }

    body.single-product .belara2-add-look-form {
        width: 100% !important;
        margin: 14px 0 0 !important;
        padding: 0 !important;
        text-align: center !important;
    }

    body.single-product .belara2-add-look-form button {
        width: 100% !important;
        max-width: 320px !important;
        min-height: 48px !important;
        margin: 0 auto !important;
        padding: 9px 14px !important;
        border: 1px solid var(--belara-recovery-chocolate) !important;
        border-radius: 12px !important;
        background: var(--belara-recovery-chocolate) !important;
        color: #fff !important;
        font-family: inherit !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        line-height: 1.45 !important;
        white-space: normal !important;
    }

    /* Full mobile footer — not home-only. */
    body.belara2-site .belara2-footer {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        background: #35120f !important;
        color: #fff7ef !important;
        overflow: hidden !important;
    }

    body.belara2-site .belara2-footer-grid {
        width: calc(100% - 24px) !important;
        max-width: 680px !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 14px !important;
        margin: 0 auto !important;
        padding: 28px 0 20px !important;
    }

    body.belara2-site .belara2-footer-grid > section {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        display: block !important;
        margin: 0 !important;
        padding: 20px 16px !important;
        border: 1px solid rgba(201, 163, 91, .22) !important;
        border-radius: 18px !important;
        background: rgba(255, 255, 255, .015) !important;
        color: #fff7ef !important;
        text-align: right !important;
        overflow: hidden !important;
    }

    body.belara2-site .belara2-footer h3 {
        margin: 0 0 14px !important;
        color: #e0b75f !important;
        font-size: 19px !important;
        font-weight: 800 !important;
        line-height: 1.5 !important;
    }

    body.belara2-site .belara2-footer-brand {
        text-align: center !important;
    }

    body.belara2-site .belara2-footer-brand .belara2-brand {
        display: flex !important;
        justify-content: center !important;
    }

    body.belara2-site .belara2-footer-brand img,
    body.belara2-site .belara2-footer .belara2-approved-logo {
        width: auto !important;
        max-width: 150px !important;
        max-height: 95px !important;
        margin: 0 auto !important;
        object-fit: contain !important;
    }

    body.belara2-site .belara2-footer-brand p {
        max-width: 310px !important;
        margin: 12px auto 0 !important;
        color: #eadbd4 !important;
        font-size: 12px !important;
        line-height: 1.8 !important;
        text-align: center !important;
    }

    body.belara2-site .belara2-footer-contact {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 10px !important;
    }

    body.belara2-site .belara2-footer-contact > h3 {
        margin-bottom: 2px !important;
    }

    body.belara2-site .belara2-contact-card {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        min-height: 70px !important;
        display: grid !important;
        grid-template-columns: 44px minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 12px !important;
        margin: 0 !important;
        padding: 11px 12px !important;
        border: 1px solid rgba(201, 163, 91, .22) !important;
        border-radius: 13px !important;
        background: rgba(255, 255, 255, .025) !important;
        color: #fff7ef !important;
        text-align: right !important;
        overflow: hidden !important;
    }

    body.belara2-site .belara2-contact-icon {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        min-height: 42px !important;
        display: grid !important;
        place-items: center !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 1px solid rgba(201, 163, 91, .32) !important;
        border-radius: 50% !important;
        color: #e0b75f !important;
    }

    body.belara2-site .belara2-contact-icon svg {
        display: block !important;
        width: 21px !important;
        height: 21px !important;
        min-width: 21px !important;
        min-height: 21px !important;
        max-width: 21px !important;
        max-height: 21px !important;
        margin: 0 !important;
        fill: none !important;
        stroke: currentColor !important;
        stroke-width: 1.65 !important;
        stroke-linecap: round !important;
        stroke-linejoin: round !important;
    }

    body.belara2-site .belara2-contact-card > div,
    body.belara2-site .belara2-contact-card > span:last-child {
        min-width: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 2px !important;
        overflow-wrap: anywhere !important;
    }

    body.belara2-site .belara2-contact-card strong {
        color: #e0b75f !important;
        font-size: 13px !important;
    }

    body.belara2-site .belara2-contact-card a,
    body.belara2-site .belara2-contact-card small {
        color: #f4e5dd !important;
        font-size: 11px !important;
        line-height: 1.6 !important;
    }

    body.belara2-site .belara2-footer-link-group + .belara2-footer-link-group {
        margin-top: 16px !important;
    }

    body.belara2-site .belara2-footer-link-group h4 {
        margin: 0 0 6px !important;
        color: #e0b75f !important;
        font-size: 14px !important;
    }

    body.belara2-site .belara2-footer-link-group a {
        min-height: 42px !important;
        display: flex !important;
        align-items: center !important;
        padding: 7px 0 !important;
        border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
        color: #f4e5dd !important;
        font-size: 12px !important;
        line-height: 1.6 !important;
    }

    body.belara2-site .belara2-footer-social {
        text-align: center !important;
    }

    body.belara2-site .belara2-social-intro {
        margin: 0 0 14px !important;
        color: #f4e5dd !important;
        font-size: 13px !important;
        text-align: center !important;
    }

    body.belara2-site .belara2-social-icons {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 12px !important;
    }

    body.belara2-site .belara2-social-icons a {
        width: 46px !important;
        height: 46px !important;
        display: grid !important;
        place-items: center !important;
        border: 1px solid rgba(255, 255, 255, .28) !important;
        border-radius: 50% !important;
        color: #fff !important;
    }

    body.belara2-site .belara2-social-icons svg {
        width: 22px !important;
        height: 22px !important;
        max-width: 22px !important;
        max-height: 22px !important;
        fill: currentColor !important;
    }

    body.belara2-site .belara2-footer-trust-band {
        width: 100% !important;
        margin: 0 !important;
        padding: 26px 16px !important;
        background: #fffaf4 !important;
        color: var(--belara-recovery-ink) !important;
        text-align: center !important;
        overflow: hidden !important;
    }

    body.belara2-site .belara2-footer-trust-band > .belara2-container {
        width: 100% !important;
        max-width: 680px !important;
        margin: 0 auto !important;
    }

    body.belara2-site .belara2-footer-trust-band h3 {
        color: #d9ad54 !important;
        text-align: center !important;
    }

    body.belara2-site .belara-sbc-trust-wrap {
        width: 100% !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 14px !important;
        margin: 0 !important;
    }

    body.belara2-site .belara-sbc-trust-sticker,
    body.belara2-site .belara-freelance-card {
        width: 100% !important;
        max-width: 480px !important;
        min-width: 0 !important;
        margin: 0 auto !important;
        padding: 16px 12px !important;
        border: 1px solid rgba(201, 163, 91, .42) !important;
        border-radius: 16px !important;
        background: #fff !important;
        color: var(--belara-recovery-ink) !important;
        font-size: 12px !important;
        line-height: 1.75 !important;
        text-align: center !important;
        overflow-wrap: anywhere !important;
    }

    body.belara2-site .belara2-footer-bottom > .belara2-container {
        width: calc(100% - 24px) !important;
        min-height: 70px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 2px !important;
        margin: 0 auto !important;
        padding: 12px 0 !important;
        color: #eadbd4 !important;
        font-size: 11px !important;
        text-align: center !important;
    }

    /* Bottom navigation and floating WhatsApp. */
    body.belara2-site .belara2-mobile-bottom {
        position: fixed !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        z-index: 99990 !important;
        width: 100% !important;
        min-width: 0 !important;
        display: grid !important;
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        align-items: stretch !important;
        margin: 0 !important;
        padding: 6px 4px max(6px, env(safe-area-inset-bottom)) !important;
        border: 0 !important;
        border-top: 1px solid rgba(201, 163, 91, .28) !important;
        background: rgba(64, 18, 16, .985) !important;
        color: #fff8f2 !important;
        direction: rtl !important;
        box-shadow: 0 -8px 24px rgba(42, 18, 16, .16) !important;
    }

    body.belara2-site .belara2-mobile-bottom a {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 58px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 4px !important;
        margin: 0 !important;
        padding: 4px 1px !important;
        color: inherit !important;
        text-align: center !important;
    }

    body.belara2-site .belara2-mobile-bottom a[aria-expanded="true"] {
        color: var(--belara-recovery-gold) !important;
    }

    body.belara2-site .belara2-mobile-bottom svg {
        width: 22px !important;
        height: 22px !important;
        min-width: 22px !important;
        min-height: 22px !important;
        max-width: 22px !important;
        max-height: 22px !important;
        fill: none !important;
        stroke: currentColor !important;
        stroke-width: 1.75 !important;
        stroke-linecap: round !important;
        stroke-linejoin: round !important;
    }

    body.belara2-site .belara2-mobile-bottom small {
        margin: 0 !important;
        color: inherit !important;
        font-size: 10px !important;
        line-height: 1.25 !important;
        white-space: nowrap !important;
    }

    body.belara2-site .belara-floating-whatsapp {
        position: fixed !important;
        right: 12px !important;
        bottom: calc(88px + env(safe-area-inset-bottom)) !important;
        z-index: 99980 !important;
        width: 44px !important;
        height: 44px !important;
        display: grid !important;
        place-items: center !important;
        border: 2px solid #fff !important;
        border-radius: 50% !important;
        background: #22c968 !important;
        box-shadow: 0 7px 20px rgba(42, 18, 16, .2) !important;
        transition: opacity .18s ease, visibility .18s ease, transform .18s ease !important;
    }

    body.belara2-site .belara-floating-whatsapp-icon,
    body.belara2-site .belara-floating-whatsapp svg {
        width: 23px !important;
        height: 23px !important;
        max-width: 23px !important;
        max-height: 23px !important;
    }

    body.belara2-site .belara-floating-whatsapp.belara-footer-visible {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transform: translateY(8px) !important;
    }

    html.belara2-menu-open,
    html.belara2-menu-open body,
    body.belara-native-drawer-open-v1 {
        overflow: hidden !important;
        overscroll-behavior: none !important;
    }
}

@media (max-width: 359px) {
    body.single-product .belara-single-trust-v1 {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.single-product .belara-single-trust-item {
        min-height: 70px !important;
    }

    body.single-product .belara2-complete-look .belara2-plugin-products,
    body.single-product section.related.products ul.products,
    body.single-product section.related.products ul.products.columns-4 {
        gap: 8px !important;
    }

    body.single-product .belara2-complete-look .belara2-product-copy h3,
    body.single-product section.related.products .woocommerce-loop-product__title {
        font-size: 11px !important;
    }
}


/* ============================================================
 * BELARA MOBILE PRODUCT PURCHASE POLISH V2
 * Compact product summary, reliable purchase row and one
 * wishlist state. Applied after Mobile Product Recovery V1.
 * ============================================================ */

@media (max-width: 767px) {
    body.single-product h1.product_title,
    body.single-product .belara-single-product-title {
        font-size: clamp(21px, 5.5vw, 25px) !important;
        line-height: 1.45 !important;
    }

    body.single-product .woocommerce-product-details__short-description {
        margin: 14px 0 16px !important;
        color: var(--belara-recovery-ink) !important;
        font-size: 15px !important;
        line-height: 1.85 !important;
    }

    body.single-product div.product .summary form.cart:not(.variations_form),
    body.single-product div.product .summary .woocommerce-variation-add-to-cart {
        float: none !important;
        clear: both !important;
        width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        flex-flow: row nowrap !important;
        align-items: stretch !important;
        justify-content: stretch !important;
        gap: 10px !important;
        grid-template-columns: none !important;
        direction: rtl !important;
        margin: 0 !important;
    }

    body.single-product div.product .summary form.cart .quantity {
        flex: 0 0 68px !important;
        width: 68px !important;
        min-width: 68px !important;
        max-width: 68px !important;
        margin: 0 !important;
    }

    body.single-product div.product .summary form.cart .quantity .qty {
        width: 68px !important;
        min-width: 68px !important;
        max-width: 68px !important;
        min-height: 52px !important;
        height: 52px !important;
    }

    body.single-product div.product .summary form.cart .single_add_to_cart_button {
        flex: 1 1 0 !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        min-height: 52px !important;
        height: 52px !important;
        margin: 0 !important;
        padding: 0 14px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 15px !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    body.single-product .summary > .belara2-wishlist-button {
        min-height: 50px !important;
        font-size: 0 !important;
        line-height: 0 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
    }

    body.single-product .summary > .belara2-wishlist-button > * {
        display: none !important;
    }

    body.single-product .summary > .belara2-wishlist-button::before {
        flex: 0 0 auto !important;
        font-family: Arial, sans-serif !important;
        font-size: 25px !important;
        line-height: 1 !important;
    }

    body.single-product .summary > .belara2-wishlist-button::after {
        flex: 0 1 auto !important;
        font-family: inherit !important;
        font-size: 14px !important;
        font-weight: 800 !important;
        line-height: 1.4 !important;
        white-space: normal !important;
    }

    /* Product details already expose WhatsApp in the footer. The floating
       control is removed here so it cannot cover metadata or trust cards. */
    body.single-product .belara-floating-whatsapp {
        display: none !important;
    }
}

@media (max-width: 359px) {
    body.single-product div.product .summary form.cart .quantity,
    body.single-product div.product .summary form.cart .quantity .qty {
        flex-basis: 60px !important;
        width: 60px !important;
        min-width: 60px !important;
        max-width: 60px !important;
    }
}