/* ==============================================================
   BELARA MOBILE FINAL V1.6
   ==============================================================
   MOBILE ONLY <= 767px

   1. Arabic = Almarai
   2. Product Arabic above English
   3. Premium benefit icons
   4. Feminine mobile footer
      ============================================================== */


@media (max-width: 767px) {


/* ==============================================================
   1. ALMARAI — ARABIC UI
   ============================================================== */

html[lang^="ar"] body :where(
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    li,
    dt,
    dd,
    a,
    button,
    label,
    input,
    textarea,
    select,
    option,
    small,
    strong,
    b,
    em,
    blockquote,
    th,
    td
) {
    font-family:
        "Almarai",
        sans-serif !important;
}


html[lang^="ar"] body
.belara-product-title-ar,

html[lang^="ar"] body
.belara-product-title-single,

html[lang^="ar"] body
.belara-home-title-ar-v16,

html[lang^="ar"] body
.belara-mobile-v16-name,

html[lang^="ar"] body
.belara-mobile-v16-hint {

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


/*
 * English product names remain visually separate from Arabic.
 * Do NOT force Almarai on English product-title line.
 */

body
.belara-product-title-en,

body
.belara-home-title-en-v16 {

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;
}



/* ==============================================================
   2. PRODUCT TITLES
   ============================================================== */

/*
 * Native WooCommerce loop.
 */

body
.woocommerce-loop-product__title.belara-product-title {

    display:
        flex !important;

    flex-direction:
        column !important;

    align-items:
        stretch !important;

    gap:
        3px !important;

    width:
        100% !important;
}


body
.belara-product-title-ar {

    display:
        block !important;

    width:
        100% !important;

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

    font-size:
        13px !important;

    font-weight:
        700 !important;

    line-height:
        1.55 !important;
}


body
.belara-product-title-en {

    display:
        block !important;

    width:
        100% !important;

    margin-top:
        1px !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size:
        10.5px !important;

    font-weight:
        400 !important;

    line-height:
        1.45 !important;

    opacity:
        .72 !important;

    direction:
        ltr !important;
}


/*
 * Custom homepage product cards.
 */

body.home.belara2-site
.belara2-product-copy
h3
a.belara-title-split-v16 {

    display:
        flex !important;

    flex-direction:
        column !important;

    gap:
        3px !important;

    width:
        100% !important;
}


body.home.belara2-site
.belara-home-title-ar-v16 {

    display:
        block !important;

    width:
        100% !important;

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

    font-size:
        13px !important;

    font-weight:
        700 !important;

    line-height:
        1.55 !important;
}


body.home.belara2-site
.belara-home-title-en-v16 {

    display:
        block !important;

    width:
        100% !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size:
        10.5px !important;

    font-weight:
        400 !important;

    line-height:
        1.45 !important;

    opacity:
        .72 !important;

    direction:
        ltr !important;
}



/* ==============================================================
   3. BENEFITS — PREMIUM FEMININE ICONS
   ============================================================== */

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

    background:
        linear-gradient(
            180deg,
            #FFFDFB 0%,
            #FFF7EF 100%
        ) !important;
}


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

    gap:
        10px !important;
}


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

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

    border-radius:
        16px !important;

    background:
        rgba(255,255,255,.72) !important;

    box-shadow:
        0
        4px
        16px
        rgba(42,18,16,.035) !important;
}


body.home.belara2-site
.belara2-benefits
.belara-benefit-symbol {

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    flex:
        0 0
        40px !important;

    width:
        40px !important;

    height:
        40px !important;

    min-width:
        40px !important;

    min-height:
        40px !important;

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

    border-radius:
        50% !important;

    background:
        linear-gradient(
            145deg,
            #FFF9F2,
            #FBEDE5
        ) !important;

    box-shadow:
        0
        3px
        10px
        rgba(107,70,54,.06) !important;

    color:
        #A77D69 !important;
}


body.home.belara2-site
.belara2-benefits
.belara-benefit-icon {

    width:
        19px !important;

    height:
        19px !important;

    max-width:
        19px !important;

    max-height:
        19px !important;

    overflow:
        visible !important;

    fill:
        none !important;

    stroke:
        #A77D69 !important;

    stroke-width:
        1.55 !important;

    stroke-linecap:
        round !important;

    stroke-linejoin:
        round !important;
}


body.home.belara2-site
.belara2-benefits
.belara-benefit-icon
* {

    fill:
        none !important;

    stroke:
        #A77D69 !important;

    stroke-width:
        1.55 !important;

    stroke-linecap:
        round !important;

    stroke-linejoin:
        round !important;
}


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

    color:
        #2A1210 !important;

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

    font-size:
        11.5px !important;

    font-weight:
        700 !important;
}


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

    color:
        #806A60 !important;

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

    font-size:
        9.5px !important;

    line-height:
        1.55 !important;
}



/* ==============================================================
   4. PREMIUM MOBILE FOOTER
   ============================================================== */

body.belara2-site
.belara2-footer {

    position:
        relative !important;

    overflow:
        hidden !important;

    background:
        linear-gradient(
            180deg,
            #321714 0%,
            #25100E 100%
        ) !important;
}


body.belara2-site
.belara2-footer::before {

    content:
        "" !important;

    position:
        absolute !important;

    top:
        -90px !important;

    left:
        50% !important;

    width:
        220px !important;

    height:
        220px !important;

    border-radius:
        50% !important;

    transform:
        translateX(-50%) !important;

    background:
        radial-gradient(
            circle,
            rgba(201,163,91,.12),
            transparent 68%
        ) !important;

    pointer-events:
        none !important;
}


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

    position:
        relative !important;

    z-index:
        1 !important;

    display:
        flex !important;

    flex-direction:
        column !important;

    align-items:
        stretch !important;

    gap:
        18px !important;

    width:
        calc(100% - 32px) !important;

    margin:
        0 auto !important;

    padding:
        34px
        0
        24px !important;
}


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

    width:
        100% !important;

    margin:
        0 !important;

    padding:
        18px
        16px !important;

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

    border-radius:
        18px !important;

    background:
        rgba(255,255,255,.025) !important;

    box-sizing:
        border-box !important;
}


body.belara2-site
.belara2-footer
h3 {

    margin-top:
        0 !important;

    color:
        #E0BD7D !important;

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



/* --------------------------------------------------------------
   BRAND
   -------------------------------------------------------------- */

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

    text-align:
        center !important;
}


body.belara2-site
.belara2-footer-brand
.belara2-approved-logo {

    display:
        block !important;

    max-width:
        165px !important;

    height:
        auto !important;

    margin:
        0 auto !important;
}


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

    max-width:
        290px !important;

    margin:
        13px auto 0 !important;

    color:
        rgba(255,247,239,.78) !important;

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

    font-size:
        11.5px !important;

    line-height:
        1.9 !important;

    text-align:
        center !important;
}



/* --------------------------------------------------------------
   LINKS / CONTACT
   -------------------------------------------------------------- */

body.belara2-site
.belara2-footer
a {

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


body.belara2-site
.belara2-footer-link-group {

    gap:
        7px !important;
}


body.belara2-site
.belara2-footer-link-group
h4 {

    color:
        #E0BD7D !important;

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

    font-weight:
        700 !important;
}



/* --------------------------------------------------------------
   SOCIAL ICONS — TRUE BRAND COLOURS
   -------------------------------------------------------------- */

body.belara2-site
.belara2-social-icons {

    display:
        flex !important;

    flex-wrap:
        wrap !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    gap:
        12px !important;

    margin-top:
        15px !important;
}


body.belara2-site
.belara2-social-icons
a {

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    width:
        44px !important;

    height:
        44px !important;

    min-width:
        44px !important;

    min-height:
        44px !important;

    margin:
        0 !important;

    padding:
        0 !important;

    border:
        2px solid
        rgba(255,255,255,.90) !important;

    border-radius:
        50% !important;

    box-shadow:
        0
        6px
        16px
        rgba(0,0,0,.18) !important;

    overflow:
        hidden !important;

    transform:
        none !important;
}


body.belara2-site
.belara2-social-icons
a
svg {

    width:
        20px !important;

    height:
        20px !important;
}


/* Instagram */

body.belara2-site
.belara2-social-icons
a[aria-label="Instagram"] {

    background:
        radial-gradient(
            circle at 30% 110%,
            #FEDA75 0%,
            #FA7E1E 26%,
            #D62976 50%,
            #962FBF 72%,
            #4F5BD5 100%
        ) !important;
}


body.belara2-site
.belara2-social-icons
a[aria-label="Instagram"]
svg {

    fill:
        #FFFFFF !important;
}


/* TikTok */

body.belara2-site
.belara2-social-icons
a[aria-label="TikTok"] {

    background:
        #000000 !important;

    box-shadow:
        inset 2px 0 0 rgba(37,244,238,.85),
        inset -2px 0 0 rgba(254,44,85,.85),
        0 6px 16px rgba(0,0,0,.18) !important;
}


body.belara2-site
.belara2-social-icons
a[aria-label="TikTok"]
svg {

    fill:
        #FFFFFF !important;
}


/* Snapchat */

body.belara2-site
.belara2-social-icons
a[aria-label="Snapchat"] {

    background:
        #FFFC00 !important;
}


body.belara2-site
.belara2-social-icons
a[aria-label="Snapchat"]
svg {

    fill:
        #000000 !important;
}


/* WhatsApp */

body.belara2-site
.belara2-social-icons
a[aria-label="WhatsApp"] {

    background:
        #25D366 !important;
}


body.belara2-site
.belara2-social-icons
a[aria-label="WhatsApp"]
svg {

    fill:
        #FFFFFF !important;
}



/* --------------------------------------------------------------
   TRUST / LICENSE BAND
   -------------------------------------------------------------- */

body.belara2-site
.belara2-footer-trust-band {

    position:
        relative !important;

    background:
        linear-gradient(
            180deg,
            #FFF9F4 0%,
            #FFF3EA 100%
        ) !important;

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

    border-bottom:
        1px solid
        rgba(201,163,91,.22) !important;
}


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

    display:
        flex !important;

    flex-direction:
        column !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    gap:
        13px !important;

    width:
        calc(100% - 32px) !important;

    margin:
        0 auto !important;

    padding:
        26px
        0 !important;
}


body.belara2-site
.belara2-footer-trust-band
h3 {

    color:
        #2A1210 !important;

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

    text-align:
        center !important;
}



/*
 * Platform licence / freelance document / SBC verification
 * become separate feminine framed cards.
 */

body.belara2-site
.belara-business-license-card,

body.belara2-site
.belara-freelance-card,

body.belara2-site
.belara-sbc-trust-sticker {

    position:
        relative !important;

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

    min-width:
        0 !important;

    max-width:
        290px !important;

    margin:
        0 auto !important;

    padding:
        14px
        16px !important;

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

    border-radius:
        16px !important;

    background:
        linear-gradient(
            145deg,
            #FFFFFF 0%,
            #FFF7F0 100%
        ) !important;

    box-shadow:
        0
        7px
        22px
        rgba(42,18,16,.07) !important;

    color:
        #2A1210 !important;

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

    text-align:
        center !important;

    box-sizing:
        border-box !important;
}


body.belara2-site
.belara-business-license-card::before,

body.belara2-site
.belara-freelance-card::before,

body.belara2-site
.belara-sbc-trust-sticker::before {

    content:
        "" !important;

    position:
        absolute !important;

    top:
        6px !important;

    right:
        6px !important;

    bottom:
        6px !important;

    left:
        6px !important;

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

    border-radius:
        11px !important;

    pointer-events:
        none !important;
}


body.belara2-site
.belara-sbc-trust-wrap {

    display:
        flex !important;

    flex-direction:
        column !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    gap:
        12px !important;

    width:
        100% !important;

    max-width:
        100% !important;

    margin:
        0 auto !important;
}



/* --------------------------------------------------------------
   FOOTER BOTTOM
   -------------------------------------------------------------- */

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

    display:
        flex !important;

    flex-direction:
        column !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    gap:
        7px !important;

    width:
        calc(100% - 32px) !important;

    min-height:
        0 !important;

    margin:
        0 auto !important;

    padding:
        16px
        0 !important;

    text-align:
        center !important;
}









/* BELARA MOBILE STABILITY V3 START
   ============================================================
   Canonical authority for:
   - Feature/Gift cards
   - Benefits
   - Mobile footer
   - Contact cards
   - Footer links
   - Social
   - Trust / official seal
   - Bottom navigation
   - Floating WhatsApp interaction
   ============================================================ */


/* ============================================================
   1. FEATURE GRID / GIFT WRAP
   ============================================================ */

body.home.belara2-site
.belara2-feature-grid {

    display:grid !important;

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

    gap:18px !important;

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

    padding-top:32px !important;
    padding-bottom:32px !important;

    overflow:hidden !important;

    box-sizing:border-box !important;
}


body.home.belara2-site
.belara2-feature-grid
> article {

    position:relative !important;

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

    min-height:350px !important;

    margin:0 !important;

    overflow:hidden !important;

    border-radius:18px !important;

    box-sizing:border-box !important;
}


body.home.belara2-site
.belara2-feature-grid
> article
> img {

    position:absolute !important;

    inset:0 !important;

    width:100% !important;
    height:100% !important;

    max-width:100% !important;

    object-fit:cover !important;
}


body.home.belara2-site
.belara2-feature-grid
> article
> div {

    position:relative !important;

    z-index:2 !important;

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

    margin:0 !important;

    padding:
        24px
        20px !important;

    box-sizing:border-box !important;

    overflow:hidden !important;

    text-align:right !important;
}


body.home.belara2-site
.belara2-feature-grid
.belara2-eyebrow {

    margin:
        0
        0
        7px !important;

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


body.home.belara2-site
.belara2-feature-grid
h2 {

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

    margin:
        0
        0
        10px !important;

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

    line-height:1.4 !important;

    white-space:normal !important;

    overflow-wrap:anywhere !important;
}


body.home.belara2-site
.belara2-feature-grid
article
> div
> p:not(.belara2-eyebrow) {

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

    margin:
        0
        0
        16px !important;

    font-size:14px !important;

    line-height:1.8 !important;

    white-space:normal !important;
}


body.home.belara2-site
.belara2-feature-grid
.belara2-btn {

    display:inline-flex !important;

    align-items:center !important;
    justify-content:center !important;

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

    min-height:44px !important;

    padding:
        9px
        18px !important;

    font-size:13px !important;

    line-height:1.5 !important;

    white-space:normal !important;

    box-sizing:border-box !important;
}


/* ============================================================
   2. BENEFITS
   ============================================================ */

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

    overflow:hidden !important;
}


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

    display:grid !important;

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

    gap:8px !important;

    width:
        calc(100% - 20px) !important;

    max-width:100% !important;

    margin-inline:auto !important;

    padding:
        22px
        0 !important;

    box-sizing:border-box !important;
}


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

    min-width:0 !important;

    padding:
        10px
        4px !important;

    display:flex !important;

    flex-direction:column !important;

    align-items:center !important;
    justify-content:flex-start !important;

    gap:7px !important;

    text-align:center !important;
}


body.home.belara2-site
.belara-benefit-symbol {

    width:44px !important;
    height:44px !important;

    min-width:44px !important;
    min-height:44px !important;

    display:grid !important;

    place-items:center !important;
}


body.home.belara2-site
.belara-benefit-icon {

    width:21px !important;
    height:21px !important;

    max-width:21px !important;
    max-height:21px !important;
}


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

    display:block !important;

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

    line-height:1.55 !important;

    text-align:center !important;

    white-space:normal !important;
}


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

    display:none !important;
}


/* ============================================================
   3. COMPLETE MOBILE FOOTER
   ============================================================ */

body.home.belara2-site
.belara2-footer {

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

    margin:0 !important;

    overflow-x:clip !important;

    box-sizing:border-box !important;
}


body.home.belara2-site
.belara2-footer
* {

    box-sizing:border-box !important;

    min-width:0;
}


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

    display:grid !important;

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

    gap:18px !important;

    width:
        calc(100% - 28px) !important;

    max-width:620px !important;

    margin:
        0
        auto !important;

    padding:
        32px
        0
        26px !important;
}


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

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

    margin:0 !important;

    padding:
        24px
        20px !important;

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

    border-radius:
        18px !important;

    overflow:hidden !important;

    text-align:right !important;
}


/* ---------- Brand ---------- */

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

    display:flex !important;

    flex-direction:column !important;

    align-items:center !important;

    text-align:center !important;
}


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

    display:flex !important;

    justify-content:center !important;

    width:100% !important;
}


body.home.belara2-site
.belara2-footer-brand
img,

body.home.belara2-site
.belara2-approved-logo {

    width:auto !important;

    max-width:150px !important;
    max-height:95px !important;

    object-fit:contain !important;
}


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

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

    margin:
        13px
        auto
        0 !important;

    font-size:12px !important;

    line-height:1.8 !important;

    text-align:center !important;
}


/* ---------- Section headings ---------- */

body.home.belara2-site
.belara2-footer
h3 {

    margin:
        0
        0
        17px !important;

    color:#D7B064 !important;

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

    line-height:1.55 !important;

    text-align:right !important;
}


/* ============================================================
   4. CONTACT CARDS — FIX GIANT SVG
   ============================================================ */

body.home.belara2-site
.belara2-footer-contact {

    display:grid !important;

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

    gap:10px !important;
}


body.home.belara2-site
.belara2-footer-contact
> h3 {

    margin-bottom:8px !important;
}


body.home.belara2-site
.belara2-contact-card {

    display:grid !important;

    grid-template-columns:
        44px
        minmax(0,1fr) !important;

    align-items:center !important;

    gap:12px !important;

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

    min-height:68px !important;

    margin:0 !important;

    padding:
        11px
        12px !important;

    color:#FFF7EF !important;

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

    border-radius:13px !important;

    background:
        rgba(255,255,255,.025) !important;

    text-decoration:none !important;

    overflow:hidden !important;
}


body.home.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:#D7B064 !important;
}


body.home.belara2-site
.belara2-contact-icon
svg {

    display:block !important;

    width:21px !important;
    height:21px !important;

    max-width:21px !important;
    max-height:21px !important;

    margin:0 !important;

    fill:none !important;

    stroke:currentColor !important;

    stroke-width:1.7 !important;

    stroke-linecap:round !important;
    stroke-linejoin:round !important;
}


body.home.belara2-site
.belara2-contact-card
> div,

body.home.belara2-site
.belara2-contact-card
> span:last-child {

    display:flex !important;

    flex-direction:column !important;

    gap:2px !important;

    width:100% !important;

    overflow:hidden !important;

    text-align:right !important;
}


body.home.belara2-site
.belara2-contact-card
strong {

    display:block !important;

    width:100% !important;

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

    line-height:1.55 !important;

    white-space:normal !important;
}


body.home.belara2-site
.belara2-contact-card
small,

body.home.belara2-site
.belara2-contact-card
a,

body.home.belara2-site
.belara2-contact-phones
a {

    display:block !important;

    width:auto !important;
    max-width:100% !important;

    margin:0 !important;

    color:#F4E9DF !important;

    font-size:11.2px !important;

    line-height:1.65 !important;

    overflow-wrap:anywhere !important;

    white-space:normal !important;
}


/* ============================================================
   5. FOOTER LINKS
   ============================================================ */

body.home.belara2-site
.belara2-footer-links {

    display:grid !important;

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

    gap:
        18px
        12px !important;
}


body.home.belara2-site
.belara2-footer-links
> h3 {

    grid-column:
        1 / -1 !important;

    margin-bottom:0 !important;
}


body.home.belara2-site
.belara2-footer-link-group {

    display:flex !important;

    flex-direction:column !important;

    align-items:flex-start !important;

    gap:7px !important;

    width:100% !important;

    padding:0 !important;

    border:0 !important;
}


body.home.belara2-site
.belara2-footer-link-group
h4 {

    width:100% !important;

    margin:
        0
        0
        2px !important;

    color:#D7B064 !important;

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

    line-height:1.55 !important;

    text-align:right !important;
}


body.home.belara2-site
.belara2-footer-link-group
a {

    display:block !important;

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

    margin:0 !important;

    padding:0 !important;

    color:#F5E9E0 !important;

    font-size:11px !important;

    line-height:1.65 !important;

    text-align:right !important;

    white-space:normal !important;

    overflow-wrap:anywhere !important;
}


/* ============================================================
   6. SOCIAL
   ============================================================ */

body.home.belara2-site
.belara2-footer-social {

    display:flex !important;

    flex-direction:column !important;

    align-items:center !important;

    gap:14px !important;

    text-align:center !important;
}


body.home.belara2-site
.belara2-footer-social
h3 {

    width:100% !important;

    text-align:right !important;
}


body.home.belara2-site
.belara2-social-intro {

    width:100% !important;

    margin:0 !important;

    font-size:12.5px !important;

    line-height:1.7 !important;

    text-align:center !important;
}


body.home.belara2-site
.belara2-social-icons {

    display:flex !important;

    flex-wrap:wrap !important;

    align-items:center !important;
    justify-content:center !important;

    gap:12px !important;

    width:100% !important;
}


body.home.belara2-site
.belara2-social-icons
a {

    width:44px !important;
    height:44px !important;

    min-width:44px !important;

    display:grid !important;

    place-items:center !important;

    margin:0 !important;

    padding:0 !important;

    border-radius:50% !important;
}


body.home.belara2-site
.belara2-social-icons
svg {

    width:22px !important;
    height:22px !important;

    max-width:22px !important;
    max-height:22px !important;
}


/* ============================================================
   7. TRUST
   ============================================================ */

body.home.belara2-site
.belara2-footer-trust-band {

    min-height:0 !important;

    margin:0 !important;

    padding:
        34px
        0
        30px !important;

    overflow:visible !important;
}


body.home.belara2-site
.belara2-footer-trust-band
> .belara2-container {

    width:
        calc(100% - 28px) !important;

    max-width:620px !important;

    margin-inline:auto !important;

    padding:0 !important;

    overflow:visible !important;
}


body.home.belara2-site
.belara2-footer-trust-band
h3 {

    margin:
        0
        0
        22px !important;

    color:#C9A35B !important;

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

    line-height:1.55 !important;

    text-align:center !important;
}


body.home.belara2-site
.belara-sbc-trust-wrap {

    display:flex !important;

    flex-direction:column !important;

    align-items:center !important;

    gap:14px !important;

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

    min-height:0 !important;

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

    overflow:visible !important;
}


body.home.belara2-site
.belara-business-license-card,

body.home.belara2-site
.belara-freelance-card {

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

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

    margin:0 auto !important;

    overflow:hidden !important;

    box-sizing:border-box !important;
}


body.home.belara2-site
.belara-sbc-trust-note {

    display:none !important;
}


body.home.belara2-site
.belara-sbc-official-slot {

    position:relative !important;

    display:flex !important;

    align-items:flex-start !important;
    justify-content:center !important;

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

    min-height:0 !important;
    max-height:none !important;

    margin:0 auto !important;

    padding:0 !important;

    overflow:visible !important;

    box-sizing:border-box !important;
}


body.home.belara2-site
.belara-sbc-official-slot
.sbc-seal-frame {

    position:relative !important;

    inset:auto !important;

    margin:0 auto !important;

    max-height:none !important;

    overflow:visible !important;

    transform-origin:
        top center !important;
}


body.home.belara2-site
.sbc-seal-frame.belara-sbc-seal-pending {

    visibility:hidden !important;
}


/* ============================================================
   8. FOOTER BOTTOM
   ============================================================ */

body.home.belara2-site
.belara2-footer-bottom {

    min-height:0 !important;

    margin:0 !important;

    padding:
        20px
        16px
        24px !important;
}


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

    width:100% !important;

    min-height:0 !important;

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

    display:flex !important;

    flex-direction:column !important;

    align-items:center !important;

    gap:6px !important;

    text-align:center !important;
}


body.home.belara2-site
.belara2-footer-bottom
span {

    margin:0 !important;

    font-size:11.5px !important;

    line-height:1.65 !important;
}


/* ============================================================
   9. BOTTOM NAV
   ============================================================ */

body.home.belara2-site {

    padding-bottom:
        calc(
            74px
            +
            env(safe-area-inset-bottom)
        ) !important;
}


body.belara2-site
.belara2-mobile-bottom {

    position:fixed !important;

    left:0 !important;
    right:0 !important;

    bottom:0 !important;

    width:100vw !important;
    max-width:100vw !important;

    min-width:100vw !important;

    min-height:72px !important;
    height:auto !important;

    margin:0 !important;

    display:grid !important;

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

    align-items:stretch !important;

    direction:rtl !important;

    z-index:99990 !important;

    padding:
        7px
        6px
        max(
            7px,
            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;

    transform:none !important;

    box-sizing:border-box !important;
}


body.belara2-site
.belara2-mobile-bottom
a {

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

    min-height:57px !important;

    margin:0 !important;

    padding:
        4px
        2px !important;

    display:flex !important;

    flex-direction:column !important;

    align-items:center !important;
    justify-content:center !important;

    gap:5px !important;

    color:#FFF8F2 !important;

    text-align:center !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;

    flex:
        0
        0
        22px !important;

    fill:none !important;

    stroke:currentColor !important;

    stroke-width:1.75 !important;
}


body.belara2-site
.belara2-mobile-bottom
small {

    margin:0 !important;

    color:inherit !important;

    font-size:10.3px !important;

    line-height:1.3 !important;

    white-space:nowrap !important;
}


body.home.belara2-site
.belara2-mobile-bottom
a:first-child {

    color:#C9A35B !important;
}


/* ============================================================
   10. FLOATING WHATSAPP
   ============================================================ */

body.belara2-site
.belara-floating-whatsapp {

    right:14px !important;

    bottom:
        calc(
            90px
            +
            env(safe-area-inset-bottom)
        ) !important;

    width:48px !important;
    height:48px !important;

    z-index:99991 !important;

    transition:
        opacity .18s ease,
        visibility .18s ease,
        transform .18s ease !important;
}


body.belara2-site
.belara-floating-whatsapp-icon {

    width:24px !important;
    height:24px !important;
}


body.belara2-site
.belara-floating-whatsapp.belara-footer-visible {

    opacity:0 !important;

    visibility:hidden !important;

    pointer-events:none !important;

    transform:
        translateY(8px) !important;
}


/* BELARA MOBILE STABILITY V3 END */

} /* END MOBILE */


/* END BELARA MOBILE FINAL V1.6 */