/* Generated from new-homepage-template.php lines 170-1243 on 2026-07-25.
   Sitewide chrome: header, footer, search, mega-menu. */
<style>
        /* Base styles matching design system */
        :root{
            --xph-ink: #111;
            --xph-cyan: #099fda;
            --xph-cyan-dark: #08a5dd;
            --xph-orange: #f47c20;
            /* QA 2026-07-27 (client): the SALE menu item must be the SAME orange as the
               product discount badges. That colour is a plugin setting
               (xpass_homepage_style_settings.discount_badge_bg_color = #ff5722), exposed as
               --xpass-discount-badge-bg-color — but only on the ULG wrappers, not on :root,
               so the header cannot read it directly. Chaining through it here means the menu
               follows the setting automatically if that var is ever promoted to :root, and
               falls back to the configured value meanwhile. --xph-orange (#f47c20) is left
               alone: it is used by the mobile SALE strip, guides links and footer credit. */
            --xph-sale-orange: var(--xpass-discount-badge-bg-color, #ff5722);

            --xph-grey: #f2f3f5;
        }
*{ box-sizing: border-box; margin: 0; padding: 0; }
body{
            font-family: "Almoni Neue Tzar", "Almoni Neue", Arial, sans-serif;
            color: var(--xph-ink);
            background: #fff;
            line-height: 1.4;
            direction: rtl;
            font-size: 16px; /* Minimalist base size 16px */
        }
a{ text-decoration: none; color: inherit; transition: color .15s; }
/* The theme/Elementor stylesheets load AFTER this inline <style>, so their body{font-family}
beat the rule
           above and the header silently fell back to -apple-system here while inner pages (which get an explicit
           rule from the shared plugin) rendered Almoni. State it on our own roots so both cascade identically. */
        .xph__topbar, .xph__topbar *, .xph__navbar, .xph__navbar *, .xph__nav, .xph__nav *,
        .xph__drawer, .xph__drawer *, .xfoot, .xfoot *, .xmobile-foot, .xmobile-foot *{
            font-family: "Almoni Neue Tzar", "Almoni Neue", Arial, sans-serif;
        }
.xph__navbar, .xph__nav{ color: var(--xph-ink); font-size: 16px; line-height: 1.4; }
/* Trust bar */
        /* D3 (client QA): bigger text, grouped/centred, order + icon side like the mockup */
        .xph__topbar{ background: var(--xph-ink); color: #fff; font-size: 16px; font-weight: 700; }
.xph__topbar-inner{
            max-width: var(--xpass-container, 1425px); margin: 0 auto; padding: 9px 24px;
            display: flex; align-items: center; justify-content: center; gap: clamp(40px, 9vw, 165px);
            direction: ltr; /* order: משלוח חינם … קבוצת סקי-פס, as in the mockup */
        }
.xph__trust-item{ display: flex; align-items: center; gap: 7px; direction: rtl; }
/* icon first (right), then text — as in the mockup */
        .xph__trust-item span{ direction: rtl; }
.xph__trust-item i{ color: #fff; font-size: 20px; }
/* Main Nav Bar */
        .xph__navbar{ background: #fff; border-bottom: 1px solid #eee; position: sticky; top: 0; z-index: 999; }
.xph__navbar-inner{
            max-width: var(--xpass-container, 1425px); margin: 0 auto; padding: 14px 24px;
            display: flex; align-items: center; justify-content: space-between; gap: 20px;
            direction: rtl; /* D1 (client QA): logo right, search center, icons left */
        }
.xph__burger{ display: none; background: none; border: none; font-size: 26px; cursor: pointer; color: var(--xph-ink); }
.xph__logo{ display:flex; flex-direction:column; line-height:1; text-align:center; }
.xph__logo img{ display:block; height:155px; width:auto; }
/* D2: bigger logo (client QA) */

        .xph__search{
            flex: 1; max-width: 500px; display: flex; align-items: center;
            border: 1.5px solid #e3e6ea; border-radius: 8px; overflow: hidden; background: #fff;
        }
.xph__search input{ flex: 1; border: none; padding: 10px 14px; font-size: 16px; outline: none; }
.xph__search-btn{ background: #f2f3f5; border: none; width: 44px; height: 40px; cursor: pointer; font-size: 18px; color: #555; }
.xph__search-btn:hover{ background: var(--xph-cyan); color: #fff; }
.xph__navbar-inner > .bee1-search{ flex: 1 1 auto; width: auto; max-width: 820px; margin: 0; }
.xph__navbar-inner .bee1-search__field,
        .xph__navbar-inner .bee1-search__input{ border-radius: 999px !important; }
.xph__navbar-inner .bee1-search__field{ padding-inline: 6px; }
/* Enlarge search autocomplete dropdown fonts for readability */
        .bee1-results__heading{ font-size: 16px !important; }
.bee1-item__title{ font-size: 19px !important; }
.bee1-item__price{ font-size: 18px !important; }
.bee1-item__sku, .bee1-item__count{ font-size: 15px !important; }
.bee1-details__title{ font-size: 22px !important; line-height: 1.35 !important; }
.bee1-details__price{ font-size: 20px !important; }
.bee1-details__desc{ font-size: 17px !important; line-height: 1.65 !important; }
.bee1-search__input{ font-size: 18px !important; }
.xph__actions{ display: flex; align-items: center; gap: 18px; direction: rtl; /* cart, heart, user order per mockup */ }
.xph__action{ font-size: 26px; color: var(--xph-ink); position: relative; cursor: pointer; }
.xph__action:hover{ color: var(--xph-cyan); }
/* M2 (client QA): wishlist (heart) + account (person) hidden — those mechanisms do not exist yet.
           Deliberately CSS-only and NOT removed from the markup, because the client asked for this "זמנית"
           (temporarily): delete this one rule to bring them both back. Originally mobile-only (the client raised it
           under the mobile section); extended to every width on instruction, since the reasoning "we do not have
           those mechanisms yet" is not mobile-specific. The cart is unaffected. */
        .xph__action--account,
        .xph__action--wishlist{ display: none !important; }
.xph__badge{
            position: absolute; top: -5px; right: -8px;
            background: var(--xph-orange); color: #fff; font-size: 10px; font-weight: 700;
            width: 16px; height: 16px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
        }
/* Desktop Nav Bar Menu - Spread across width */
        .xph__nav{ background: #fff; border-bottom: 1px solid #eee; }
.xph__nav-inner{ max-width: var(--xpass-container, 1425px); margin: 0 auto; padding: 0 24px; position: relative; }
.xph__menu{
            list-style: none;
            display: flex;
            align-items: center;
            justify-content: space-between; /* Stretches menu to full container width */
            gap: 18px;
            width: 100%;
        }
.xph__menu-item{
            position: static; /* Key fix to allow mega dropdown to position relative to xph__nav-inner */
        }
.xph__menu-item > a{
            display: block;
            padding: 14px 0;
            font-size: 25px;
            font-weight: 600;
            color: var(--xph-ink);
            border-bottom: 3px solid transparent;
            line-height: 1.2;
            white-space: nowrap;
        }
.xph__menu-item > a:hover{ color: var(--xph-cyan); border-bottom-color: var(--xph-cyan); }
.bee1-mmb-panel__surface .bee1-mmb-block__title{
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
}
.bee1-mmb-panel__surface .bee1-mmb-category-card__title,
.bee1-mmb-panel__surface .bee1-mmb-category-card,
.bee1-mmb-panel__surface .bee1-mmb-link-card,
.bee1-mmb-panel__surface .bee1-mmb-links a{
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
}
.xph__menu-gift{ color: var(--xph-ink) !important; direction: ltr; }
.xph__menu-gift::after{ content: "\eb68"; font-family: "tabler-icons"; font-weight: 400; font-size: 21px; color: var(--xph-cyan); margin-left: 6px; vertical-align: middle; display: inline-block; line-height: 1; position: relative; top: -1px; }
/* QA 2026-07-27: flame on the RIGHT (::before is the right-hand side in RTL) + badge orange */
.xph__menu-sale{ color: var(--xph-sale-orange) !important; }
.xph__menu-sale::after{ content: none; }
.xph__menu-sale::before{ content: "\ec2c"; font-family: "tabler-icons"; font-weight: 400; font-size: 21px; color: var(--xph-sale-orange); margin-left: 6px; vertical-align: middle; display: inline-block; line-height: 1; position: relative; top: -1px; }
/* Mega menu columns - aligned nicely under parents with right padding */
        .xph__mega-dropdown{
            position: absolute;
            top: 100%;
            left: 24px;  /* Align with nav-inner padding-left */
            right: 24px; /* Align with nav-inner padding-right */
            background: #fff;
            border-top: 1px solid #eee;
            border-bottom: 2px solid #111;
            box-shadow: 0 10px 30px rgba(0,0,0,0.08);
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.2s, visibility 0.2s;
            z-index: 100;
        }
.xph__menu-item:hover .xph__mega-dropdown{ opacity: 1; visibility: visible; }
.xph__mega-dropdown-inner{
            padding: 32px 42px;
            display: grid;
            grid-template-columns: repeat(var(--xph-mega-columns, 4), minmax(0, 1fr));
            gap: 28px var(--xph-mega-column-gap, 42px);
            justify-content: stretch;
            align-items: start;
            text-align: right;
            direction: rtl;
        }
.xph__mega-column{ min-width: 0; display: flex; flex-direction: column; gap: 12px; }
.xph__mega-title{
            display: block;
            font-size: 23px;
            font-weight: 800;
            color: #111;
            border-bottom: 2px solid #e6e9ee;
            padding-bottom: 10px;
            line-height: 1.25;
            white-space: normal;
        }
.xph__mega-column--leaf .xph__mega-title{
            min-height: 42px;
        }
.xph__mega-links{
            list-style: none;
            display: flex;
            flex-direction: column;
            gap: 9px;
            padding: 0 !important; /* Explicitly reset default browser padding to align with title */
            margin: 0 !important;  /* Explicitly reset default browser margin */
        }
.xph__mega-links a{ font-size: 21px; color: #555; font-weight: 500; display: block; line-height: 1.35; }
.xph__mega-links a:hover{ color: var(--xph-cyan); }
/* Show 5 products per row on desktop (mockup shows 5, plugin defaulted to 4) */
        @media (min-width: 1025px){
            .xprod .bee1-ulg-slider { --bee1-ulg-cols: 5 !important; }
        }
/* Footer */
        /* QA 2026-07-27: horizontal padding moved OFF the section and ONTO .xfoot__inner /
   .xfoot__bottom, so the footer box can reach the full 1425 container like the header
   does. While the gutter lived here, the footer box was only 1425-48 wide and its
   content edge sat 24px outside the header's at every viewport above 1440. */
.xfoot{ background: linear-gradient(90deg, #151515 0%, #1d1d1d 50%, #151515 100%); color: #b9b9b9; padding: 54px 0 24px; }
/* QA 2026-07-27 D8 (client): "לוגו XPASS — לנסות להכניס לשורה הגדולה מעליו, אולי להקטין אותו קצת".
   The footer has SIX .xfoot__col children but the track only declared five, so the brand column
   wrapped onto a second row on its own. Sixth track added and the gap tightened 44 -> 32px so the
   link columns keep a usable width. Wordmark shrunk below (71px would not fit the new cell). */
.xfoot__inner{ direction: ltr; box-sizing: border-box; padding-inline: var(--xpass-gutter, 24px); max-width: var(--xpass-container, 1425px); margin: 0 auto; display: grid; grid-template-columns: 1.25fr .85fr .85fr .85fr 1.15fr 1.15fr; gap: 32px; align-items: start; }
.xfoot__col{ direction: rtl; min-width: 0; }
.xfoot__title{ color: #fff; font-size: 20px; font-weight: 900; margin-bottom: 17px; line-height: 1.2; }
.xfoot__text{ font-size: 17px; line-height: 1.72; margin-bottom: 17px; color: #cfcfcf; }
/* D13: newsletter heading and sub-line both keep the standard footer sizes (20px / 17px). Matching either of
           them to the 270px field width was tried and rejected — the strings are short, so the required size left the
           sub-line larger than the heading above it. */
        .xfoot__form{ display: flex; flex-direction: column; gap: 11px; max-width: 270px; }
/* D13: form controls don't inherit font-family from the page, so the sign-up input/button rendered in the browser
           default (Arial) while the rest of the footer used Almoni Neue Tzar. Inherit it, and match the 17px footer text. */
        .xfoot__form input{ width: 100%; min-height: 45px; padding: 12px 14px; border-radius: 4px; border: 1px solid #303030; background: #242424; color: #fff; outline: none; font-family: inherit; font-size: 17px; }
.xfoot__form input::placeholder{ font-family: inherit; color: #8f8f8f; opacity: 1; }
.xfoot__form button{ width: 118px; min-height: 44px; background: #1167f1; color: #fff; border: none; padding: 0 22px; border-radius: 4px; font-family: inherit; font-weight: 800; cursor: pointer; font-size: 17px; }
.xfoot__links{ list-style: none; display: flex; flex-direction: column; gap: 11px; }
.xfoot__links a{ font-size: 17px; color: #c9c9c9; }
.xfoot__links a:hover{ color: #fff; }
/* D12: footer logo enlarged so its width matches the social-icon row below it (both flush to the column's right edge) */
/* QA 2026-07-27 D8 (client): "אולי להקטין אותו קצת" — 71px overflowed the new six-track cell.
   52px keeps the wordmark dominant while fitting; the two brand lines are scaled with it. */
        .xfoot__wordmark{ display: block; color: #fff; font-size: 52px; font-weight: 900; line-height: .92; margin-bottom: 12px; }
.xfoot__wordmark span{ color: #1479ff; }
/* D12: the two brand lines sized so they span the same width as the logo and the icon row (145px) */
        .xfoot__brand-note{ color: #fff; font-weight: 700; font-size: 16px; line-height: 1.6; margin-bottom: 4px; }
.xfoot__brand-col .xfoot__text{ font-size: 16px; }
.xfoot__social{ display: flex; align-items: center; gap: 14px; margin-top: 20px; }
.xfoot__social a{ width: 39px; height: 39px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: rgba(255,255,255,.12); color: #fff; }
.xfoot__social a:hover{ background: #1479ff; color: #fff; }
.xfoot__social i{ font-size: 20px; }
.xfoot__bottom{ direction: rtl; box-sizing: border-box; padding-inline: var(--xpass-gutter, 24px); max-width: var(--xpass-container, 1425px); margin: 28px auto 0; padding-top: 20px; border-top: 1px solid #2c2c2c; display: flex; justify-content: flex-start; align-items: center; gap: 18px; font-size: 13px; color: #9d9d9d; }
/* RESPONSIVE LAYOUTS */
        @media (max-width: 1024px){
            /* D3 applies to desktop only — keep the mobile trust bar as it was */
            .xph__topbar-inner { padding: 6px 14px; font-size: 12px; direction: rtl; justify-content: space-between; gap: 20px; }
            .xph__trust-item { direction: rtl; }
            .xph__navbar-inner { padding: 10px 14px; direction: rtl; }
            .xph__burger { display: block; order: 1; }            /* menu icon on the RIGHT */
            .xph__logo { order: 2; margin: 0 auto; }              /* logo centered on mobile */
            .xph__logo img { height: 64px; }
            .xph__search { display: none; }
            .xph__actions { order: 3; gap: 10px; }
            /* M2: the wishlist/account hide now lives in the base CSS so it applies at every width. */
            /* mobile: no search in the navbar — the .xph__mobile-search bar sits under the header */
            .xph__navbar-inner > .bee1-search { display: none !important; }
            .xph__nav { display: none; }
            
            .xph__mobile-search {
                display: flex; align-items: center; gap: 8px; margin: 8px 14px;
                background: #f2f3f5; border-radius: 24px; padding: 10px 16px; color: #aaa;
            }
            .xph__mobile-search input { flex: 1; border: none; background: transparent; outline: none; font-size: 14px; }

            .xsh__inner { display: block; }
            .xsh__feature { min-height: 350px; margin-bottom: 12px; }
            .xsh__feature-copy { width: 60%; }
            .xsh__rail { grid-template-rows: none; grid-template-columns: repeat(4, 1fr); gap: 8px; }
            .xsh__tile { min-height: 110px; }
            .xsh__tile-title { font-size: 20px; }
            .xcatgrid__inner { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
            .xcatgrid__card { aspect-ratio: 1.35 / 1; min-height: 156px; }

            .xtrust__inner { grid-template-columns: repeat(2, 1fr); }
            .xguides__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
            .xbrands__inner { grid-template-columns: repeat(4, minmax(80px, 1fr)); gap: 22px; }
            .xabout__banner { grid-template-columns: 1fr; min-height: 0; }
            .xabout__visual { display: none; }
            .xabout__content { grid-template-columns: minmax(150px, 220px) minmax(0, 1fr); min-height: 220px; }
            .xservice__inner { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 18px; }
            .xfoot__inner { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px 44px; }

            /* Mobile Drawer */
            .xph__overlay { display: block; position: fixed; inset: 0; background: rgba(0,0,0,0.5); opacity: 0; visibility: hidden; transition: opacity .25s; z-index: 9998; }
            .xph__drawer {
                display: block; position: fixed; top: 0; bottom: 0; right: 0;
                width: 280px; background: #fff; z-index: 9999; transform: translateX(100%); transition: transform .28s ease;
                box-shadow: -2px 0 24px rgba(0,0,0,0.15); overflow-y: auto; padding: 20px;
            }
            body.is-drawer-open .xph__drawer { transform: translateX(0); }
            body.is-drawer-open .xph__overlay { opacity: 1; visibility: visible; }
            
            .xph__drawer-head { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #eee; padding-bottom: 14px; font-weight: 800; }
            .xph__drawer-close { background: none; border: none; font-size: 22px; cursor: pointer; }
            
            .xph__drawer-body { margin-top: 20px; }
            .xph__drawer-body .xph__menu {
                flex-direction: column;
                align-items: stretch;
                justify-content: flex-start;
                gap: 0;
            }
            .xph__drawer-body .xph__menu-item > a { border-bottom: 1px solid #eee; padding: 12px 0; }
            .xph__drawer-body .xph__mega-dropdown {
                position: static;
                opacity: 1;
                visibility: visible;
                box-shadow: none;
                border: 0;
                background: #fff;
            }
            .xph__drawer-body .xph__mega-dropdown-inner {
                display: grid;
                grid-template-columns: 1fr;
                gap: 14px;
                padding: 12px 0 18px;
            }
            .xph__drawer-body .xph__mega-title {
                font-size: 23px;
                min-height: 0;
                border-bottom-color: #edf0f3;
                padding-bottom: 7px;
            }
            .xph__drawer-body .xph__mega-links a {
                font-size: 21px;
            }
        }
@media (max-width: 480px){
/* NOTE: this rule used to also set "font-family: -apple-system, Segoe UI, Arial", which silently replaced
               the brand font across the WHOLE page on phones (products, headings, prices) while desktop used Almoni.
               It looks inherited from the standalone mobile mockup, which uses a system stack for its own preview.
               Removed so the base body{font-family: Almoni Neue Tzar}
applies at every width. */
            body{ background: #fff; }
.xph__topbar-inner{
                padding: 7px 10px;
                gap: 6px;
                font-size: 10px;
                line-height: 1;
                white-space: nowrap;
                overflow: hidden;
            }
.xph__trust-item{ gap: 3px; min-width: 0; }
.xph__trust-item i{ color: #fff; font-size: 13px; }
.xph__trust-text--desktop{ display: none; }
.xph__trust-text--mobile{ display: inline; }
/* M1: bar grown 44 -> 64px to give the enlarged logo room (it is absolutely centred inside this bar) */
            .xph__navbar-inner{ height: 64px; padding: 0 14px; position: relative; }
.xph__burger{ order: 1; font-size: 22px; }
/* menu icon on the RIGHT */
            .xph__logo{ /* logo centered on small mobile */
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
                margin: 0;
            }
/* M1: 36 -> 54px. The live logo file (2481x1538, aspect 1.61) carries more padding than the mockup's
               (178x90, aspect 1.98), so at an equal height its wordmark renders smaller — matching the mockup's 36px
               was not enough. 54px renders 87px wide, comfortably past the mockup's 71px. */
            .xph__logo img{ height: 54px; width: auto; }
.xph__actions{ order: 3; gap: 16px; }
.xph__action{ font-size: 22px; line-height: 1; }
.xph__badge{ top: -5px; right: -5px; width: 15px; height: 15px; font-size: 8px; }
.xph__mobile-search{
                direction: ltr;
                margin: 8px 14px 6px;
                padding: 9px 14px;
                border-radius: 24px;
                background: #f2f2f2;
                color: #aaa;
                font-size: 12px;
            }
.xph__mobile-search input{ direction: rtl; text-align: right; font-size: 12px; }
.xmobile-foot{ display: block; background: #1a1a1a; color: #aaa; }
.xmf-newsletter{ padding: 32px 18px 24px; text-align: center; }
/* Mobile footer enlarged for readability (client: "hard to read"). Every size here was 9-13px, the same
               range rejected on the category tiles, the SALE strip and the guides. */
            .xmf-newsletter__title{ color: #fff; font-size: 22px; font-weight: 700; margin-bottom: 10px; }
.xmf-newsletter__sub{ color: #aaa; font-size: 15px; line-height: 1.5; margin-bottom: 18px; padding: 0 6px; }
.xmf-newsletter__form{ display: flex; gap: 8px; margin-bottom: 14px; direction: rtl; }
.xmf-newsletter__button{
                background: var(--xph-orange);
                color: #fff;
                border: none;
                padding: 0 22px;
                border-radius: 8px;
                font-size: 16px;
                font-weight: 700;
                cursor: pointer;
                white-space: nowrap;
            }
.xmf-newsletter__input-wrap{ flex: 1; position: relative; }
.xmf-newsletter__input-wrap input{
                width: 100%;
                background: transparent;
                border: 1px solid #444;
                border-radius: 8px;
                padding: 13px 40px 13px 14px;
                color: #fff;
                font-size: 16px;
                font-family: inherit;
            }
.xmf-newsletter__input-wrap i{
                position: absolute;
                left: 12px;
                top: 50%;
                transform: translateY(-50%);
                color: #888;
                font-size: 16px;
            }
.xmf-newsletter__terms{
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 8px;
                color: #aaa;
                font-size: 14px;
                margin-bottom: 12px;
                cursor: pointer;
            }
.xmf-newsletter__terms input{ width: 17px; height: 17px; accent-color: var(--xph-orange); margin: 0; }
.xmf-newsletter__terms a{ color: var(--xph-orange); text-decoration: underline; }
.xmf-accordion{ background: #1a1a1a; }
.xmf-acc{ border-bottom: 1px solid #2a2a2a; }
.xmf-acc summary{
                list-style: none;
                cursor: pointer;
                padding: 17px 18px;
                color: #fff;
                font-size: 18px;
                font-weight: 700;
                display: flex;
                align-items: center;
                justify-content: space-between;
            }
.xmf-acc summary::-webkit-details-marker{ display: none; }
.xmf-acc summary i{ color: var(--xph-orange); font-size: 22px; transition: transform .2s ease; }
.xmf-acc[open] summary i{ transform: rotate(180deg); }
.xmf-acc__links{ display: flex; flex-direction: column; gap: 12px; padding: 4px 18px 18px; }
.xmf-acc__links a{ color: #aaa; font-size: 16px; display: flex; align-items: center; gap: 8px; }
.xmf-acc__links a i{ color: #aaa; font-size: 18px; }
.xmf-payments{
                display: flex;
                align-items: center;
                justify-content: space-between;
                flex-wrap: wrap;
                gap: 8px;
                padding: 18px 14px;
                border-top: 1px solid #2a2a2a;
                background: #1a1a1a;
            }
.xmf-payments__label{ display: flex; align-items: center; gap: 6px; color: #aaa; font-size: 14px; }
.xmf-payments__label i{ font-size: 17px; }
.xmf-payments__badges{ display: flex; align-items: center; justify-content: flex-end; flex: 1 1 auto; min-width: 0; }
.xmf-payments__img{ display: block; height: 28px; width: auto; max-width: 100%; object-fit: contain; }
.xmf-copy{
                padding: 14px 14px 18px;
                border-top: 1px solid #2a2a2a;
                background: #1a1a1a;
                color: #888;
                font-size: 13px;
                text-align: center;
            }
}
</style>


/* bee1: footer details migrated from Elementor footer 68 - 2026-07-25 */
.xfoot__contact-list li{display:flex;align-items:flex-start;gap:8px;line-height:1.7}
.xfoot__contact-list i{flex:none;margin-top:.25em;opacity:.8}
.xfoot__contact-list a{display:flex;align-items:flex-start;gap:8px}
.xfoot__plain{opacity:.85}
.xfoot__bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}
.xfoot__copy{margin:0}
.xfoot__pay{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.xfoot__pay-img{display:block;height:32px;width:auto;max-width:min(360px,100%);object-fit:contain}
.xfoot__credit{display:flex;align-items:center;gap:8px;font-size:15px;color:#fff}
.xfoot__credit a{text-decoration:none;color:#fff;opacity:.95}
.xfoot__credit a:hover{opacity:1;text-decoration:underline;color:#fff}
.xfoot__credit-sep{opacity:.7;color:#fff}
.xfoot__credit-studio{font-weight:700;color:#fff}
@media (max-width:640px){
  .xfoot__bottom{flex-direction:column;align-items:center;text-align:center}
}


/* bee1: mobile footer details + Studio Bee1 credit 2026-07-25 */
.xmf-contact{padding:18px 18px 6px;text-align:center;border-top:1px solid rgba(255,255,255,.08)}
.xmf-contact__title{font-weight:700;margin-bottom:10px;color:#fff}
.xmf-contact__row{display:flex;align-items:center;justify-content:center;gap:7px;
  padding:5px 0;font-size:13.5px;color:#bdbdbd;text-decoration:none}
.xmf-contact__row i{opacity:.8}
a.xmf-contact__row:hover{color:#fff}
.xmf-credit{display:flex;align-items:center;justify-content:center;gap:8px;
  padding:0 18px 18px;font-size:14px;color:#f2f2f2}
.xmf-credit a{color:#f2f2f2;text-decoration:none;opacity:.95}
.xmf-credit a:hover{color:#fff;opacity:1;text-decoration:underline}
.xmf-credit__studio{font-weight:700;color:#fff}

/* Hide Hello Elementor theme chrome when Bee1 shared header/footer is active.
   Scoped to Hello only — bee1-ultra-theme also uses .site-header. */
body.theme-hello-elementor header#site-header.site-header,
body.hello-elementor-default header#site-header.site-header,
body.theme-hello-elementor footer.site-footer,
body.hello-elementor-default footer.site-footer{
	display:none!important;
}