/*
Theme Name: Bee1 Ultra — Cosmetixe
Theme URI: https://studiobee1.com
Description: Cosmetixe child theme of Bee1 Ultra Theme. Carries everything bee1-hello-child did (Bee1 header, quick view, wishlist skin, shortcodes, checkout notice + gift wrap, fonts) and the Hello behaviours the Elementor site relies on. Map: clients/cosmetixe.co.il/THEME-MIGRATION-ultra.md.
Author: Studio Bee1
Author URI: https://studiobee1.com
Template: bee1-ultra-theme
Version: 0.4.1
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: bee1-ultra-cosmetixe
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Below: bee1-hello-child/style.css (live 2026-08-05), verbatim. */
/*
Add your custom styles here
*/

@font-face {
    font-family: "Noto Sans Hebrew";
    font-style: normal;
    font-weight: 400 900;
    font-stretch: 100%;
    font-display: swap;
    src: url("assets/fonts/noto-sans-hebrew-hebrew.woff2") format("woff2");
    unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

@font-face {
    font-family: "Noto Sans Hebrew";
    font-style: normal;
    font-weight: 400 900;
    font-stretch: 100%;
    font-display: swap;
    src: url("assets/fonts/noto-sans-hebrew-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "Frank Ruhl Libre";
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url("assets/fonts/frank-ruhl-libre-hebrew.woff2") format("woff2");
    unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

@font-face {
    font-family: "Frank Ruhl Libre";
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url("assets/fonts/frank-ruhl-libre-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


span.bee1mm-cart-text.bee1mm-cart-btn-text {
    color:white!important;
}

:root {
    --cosmetixe-ink: #1f1246;
    --cosmetixe-menu-purple: #3a0064;
    --cosmetixe-purple: #4c0788;
    --cosmetixe-purple-2: #6d1fd0;
    --cosmetixe-purple-3: #8f44e8;
    --cosmetixe-border: #ded7ef;
    --cosmetixe-soft: #f8f6fd;
    --cosmetixe-filter-soft: #f3f0f6;
    --cosmetixe-filter-text: #51495f;
    --cosmetixe-muted: #746b8f;
    --cosmetixe-gold: #b37610;
}

html,
body,
body button,
body input,
body select,
body textarea,
body .woocommerce,
body .elementor-widget,
body .bee1-ulg-wrap,
body .bee1-filters {
    font-family: "Noto Sans Hebrew", "Noto Sans", Arial, sans-serif !important;
}

body :where(a, button, input, select, textarea, h1, h2, h3, h4, h5, h6, p, span, div, label, li, td, th),
.cosmetixe-bee1-archive :where(a, button, input, select, textarea, h1, h2, h3, h4, h5, h6, p, span, div, label, li, td, th),
.cosmetixe-menu-drawer,
.cosmetixe-menu-drawer *,
.cosmetixe-qv,
.cosmetixe-qv :where(a, button, input, select, textarea, h1, h2, h3, h4, h5, h6, p, span, div),
.cosmetixe-bee1-archive .bee1-filters,
.cosmetixe-bee1-archive .bee1-filters *,
.cosmetixe-bee1-archive .bee1-ulg-wrap,
.cosmetixe-bee1-archive .bee1-ulg-wrap :where(a, button, input, select, textarea, h1, h2, h3, h4, h5, h6, p, span, div, label, li) {
    font-family: "Noto Sans Hebrew", "Noto Sans", Arial, sans-serif !important;
}

.cosmetixe-bee1-archive {
    background: #fff;
    color: var(--cosmetixe-ink);
    overflow-x: hidden;
}

body.cosmetixe-bee1-archive #primary,
body.cosmetixe-bee1-archive .site-main,
body.cosmetixe-bee1-archive main#content,
body.cosmetixe-bee1-archive .page-content,
body.cosmetixe-bee1-archive .woocommerce {
    max-width: none !important;
    width: 100% !important;
}

body.cosmetixe-bee1-archive.woocommerce {
    box-sizing: border-box !important;
    margin-inline: 0 !important;
    max-width: none !important;
    width: 100% !important;
}

.cosmetixe-bee1-archive .bee1-ulg-shell,
.cosmetixe-bee1-archive .bee1-ulg-grid,
.cosmetixe-bee1-archive .bee1-ulg-wrap[data-template-preset="cosmetics"] {
    box-sizing: border-box !important;
    max-width: 100% !important;
}

.cosmetixe-bee1-archive .bee1-ulg-wrap[data-template-preset="cosmetics"] {
    margin-inline: auto !important;
    width: min(100%, 1880px) !important;
}

.cosmetixe-bee1-archive .woocommerce-products-header {
    margin: 16px auto 10px;
    max-width: 1880px;
    padding: 0 24px;
    text-align: center;
}

.cosmetixe-bee1-archive .woocommerce-products-header__title.page-title {
    color: var(--cosmetixe-ink);
    font-size: clamp(24px, 2.2vw, 38px);
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.1;
    margin: 0;
}

.cosmetixe-archive-header {
    background: #fff;
    border-bottom: 1px solid rgba(76, 7, 136, .12);
    box-shadow: 0 10px 26px rgba(31, 18, 70, .06);
    color: var(--cosmetixe-ink);
    position: relative;
    z-index: 50;
}

.cosmetixe-archive-header,
.cosmetixe-archive-header * {
    box-sizing: border-box;
}

.cosmetixe-header-inner {
    margin-inline: auto;
    max-width: 1880px;
    padding-inline: 24px;
    width: 100%;
}

.cosmetixe-archive-header svg {
    fill: none;
    height: 20px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
    width: 20px;
}

.cosmetixe-topline {
    background: linear-gradient(90deg, #210031 0%, #3f006f 55%, #25013e 100%);
    color: #fff !important;
    font-size: 14px;
    font-weight: 700;
}

.cosmetixe-topline a,
.cosmetixe-topline span,
.cosmetixe-topline b {
    color: #fff !important;
}

.cosmetixe-topline svg {
    stroke: #fff !important;
}

.cosmetixe-topline .cosmetixe-header-inner {
    align-items: center;
    direction: ltr;
    display: flex;
    gap: 18px;
    height: 34px;
    justify-content: space-between;
    overflow: clip;
}

.cosmetixe-top-actions {
    align-items: center;
    direction: rtl;
    display: flex;
    flex: 0 1 auto;
    gap: 6px;
    max-width: 62%;
    min-width: 0;
    overflow: hidden;
}

.cosmetixe-header-link,
.cosmetixe-shipping-note {
    align-items: center;
    color: inherit;
    display: inline-flex;
    gap: 7px;
    line-height: 1;
    min-height: 28px;
    text-decoration: none;
    white-space: nowrap;
}

.cosmetixe-header-link:hover,
.cosmetixe-header-link:focus-visible,
.cosmetixe-shipping-note:hover,
.cosmetixe-shipping-note:focus-visible {
    color: #fff;
    opacity: .9;
}

.cosmetixe-cart-link {
    border-inline-start: 1px solid rgba(255, 255, 255, .32);
    padding-inline-end: 2px;
    padding-inline-start: 10px;
}

.cosmetixe-cart-count {
    align-items: center;
    background: var(--cosmetixe-purple-3);
    border-radius: 999px;
    flex: 0 0 auto;
    display: inline-flex;
    font-size: 11px;
    height: 18px;
    justify-content: center;
    line-height: 1;
    min-width: 18px;
    padding: 0 5px;
}

.cosmetixe-shipping-note {
    direction: rtl;
}

.cosmetixe-mainbar {
    border-bottom: 1px solid rgba(76, 7, 136, .14);
}

.cosmetixe-mainbar-grid {
    align-items: center;
    direction: ltr;
    display: grid;
    gap: 18px;
    grid-template-areas: "promos search logo";
    grid-template-columns: 380px minmax(420px, 1fr) 430px;
    min-height: 80px;
}

.cosmetixe-logo {
    color: var(--cosmetixe-ink);
    direction: ltr;
    display: grid;
    gap: 3px;
    grid-area: logo;
    justify-items: center;
    line-height: 1;
    text-align: center;
    text-decoration: none;
}

.cosmetixe-logo strong {
    font-family: "Frank Ruhl Libre", Georgia, "Times New Roman", serif !important;
    font-size: clamp(28px, 1.8vw, 34px);
    font-weight: 500;
    letter-spacing: 6px;
}

.cosmetixe-logo span {
    color: var(--cosmetixe-muted);
    direction: rtl;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 3px;
}

.cosmetixe-product-search {
    align-items: center;
    background: linear-gradient(180deg, #fff, #fbfaff);
    border: 1px solid var(--cosmetixe-border);
    border-radius: 8px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8), 0 4px 14px rgba(31, 18, 70, .04);
    direction: rtl;
    display: grid;
    grid-area: search;
    grid-template-columns: 46px 1fr;
    height: 48px;
    min-width: 0;
}

.cosmetixe-product-search input {
    background: transparent;
    border: 0;
    color: var(--cosmetixe-ink);
    font-size: 15px;
    font-weight: 500;
    height: 100%;
    min-width: 0;
    outline: 0;
    padding: 0 6px 0 16px;
}

.cosmetixe-product-search input::placeholder {
    color: #9a93aa;
}

.cosmetixe-product-search button {
    align-items: center;
    background: transparent;
    border: 0;
    color: var(--cosmetixe-ink);
    cursor: pointer;
    display: inline-flex;
    height: 100%;
    justify-content: center;
    padding: 0;
}

.cosmetixe-promo-actions {
    direction: rtl;
    display: grid;
    gap: 14px;
    grid-area: promos;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.cosmetixe-promo {
    align-items: center;
    background: #fff;
    border: 1px solid var(--cosmetixe-purple-3);
    border-radius: 8px;
    color: var(--cosmetixe-purple);
    display: inline-flex;
    font-size: 16px;
    font-weight: 800;
    gap: 8px;
    height: 48px;
    justify-content: center;
    text-decoration: none;
    white-space: nowrap;
}

.cosmetixe-promo--primary {
    background: linear-gradient(180deg, var(--cosmetixe-purple-2), var(--cosmetixe-purple));
    border-color: transparent;
    box-shadow: 0 8px 18px rgba(76, 7, 136, .2);
    color: #fff !important;
}

.cosmetixe-promo--primary:visited,
.cosmetixe-promo--primary:hover,
.cosmetixe-promo--primary:focus-visible,
.cosmetixe-promo--primary * ,
.cosmetixe-promo--primary span,
.cosmetixe-promo--primary svg {
    color: #fff !important;
    stroke: #fff !important;
}

.cosmetixe-promo:hover,
.cosmetixe-promo:focus-visible {
    color: var(--cosmetixe-purple);
    transform: translateY(-1px);
}

.cosmetixe-promo--primary:hover,
.cosmetixe-promo--primary:focus-visible {
    color: #fff !important;
}

.cosmetixe-benefits {
    border-bottom: 1px solid rgba(76, 7, 136, .14);
    box-shadow: 0 8px 20px rgba(31, 18, 70, .05);
}

.cosmetixe-benefits-grid {
    direction: rtl;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.cosmetixe-benefit-menu,
.cosmetixe-benefits a {
    align-items: center;
    background: #fff;
    color: var(--cosmetixe-ink);
    cursor: pointer;
    display: inline-flex !important;
    font-size: 14px;
    font-weight: 700;
    gap: 10px;
    justify-content: center !important;
    min-height: 50px;
    padding: 8px 12px;
    text-align: center;
    text-decoration: none;
}

.cosmetixe-benefit-menu {
    background: #fbf8ff !important;
    border: 1px solid rgba(58, 0, 100, .16) !important;
    color: var(--cosmetixe-menu-purple) !important;
    font-weight: 800;
}

.cosmetixe-benefit-menu:hover,
.cosmetixe-benefit-menu:focus-visible,
.cosmetixe-benefits a:hover,
.cosmetixe-benefits a:focus-visible {
    color: var(--cosmetixe-menu-purple);
}

.cosmetixe-benefit-menu + a,
.cosmetixe-benefits a + a {
    border-inline-start: 1px solid rgba(58, 0, 100, .10);
}

.cosmetixe-benefit-menu svg,
.cosmetixe-benefits svg {
    height: 27px;
    width: 27px;
}

.cosmetixe-menu-toggle {
    align-items: center;
    background: #fbf8ff;
    border: 1px solid rgba(58, 0, 100, .18);
    border-radius: 8px;
    color: var(--cosmetixe-menu-purple);
    cursor: pointer;
    display: none;
    font-size: 14px;
    font-weight: 800;
    gap: 8px;
    grid-area: menu;
    height: 44px;
    justify-content: center;
    padding: 0 14px;
}

.cosmetixe-menu-backdrop {
    background: rgba(31, 18, 70, .44);
    inset: 0;
    position: fixed;
    z-index: 9998;
}

.cosmetixe-menu-drawer {
    background: #fff;
    border-inline-start: 1px solid rgba(58, 0, 100, .14);
    box-shadow: -20px 0 44px rgba(31, 18, 70, .18);
    color: var(--cosmetixe-ink);
    direction: rtl;
    height: 100dvh;
    left: auto !important;
    right: 0 !important;
    top: 0;
    max-width: min(390px, 92vw);
    overflow: auto;
    padding: 18px;
    pointer-events: none;
    position: fixed;
    opacity: 0;
    transform: none;
    transition: opacity .16s ease;
    visibility: hidden;
    width: 390px;
    z-index: 9999;
}

.cosmetixe-menu-open .cosmetixe-menu-drawer {
    left: auto !important;
    opacity: 1;
    pointer-events: auto;
    right: 0 !important;
    transform: none;
    visibility: visible;
}

.cosmetixe-menu-drawer__head {
    align-items: center;
    border-bottom: 1px solid rgba(58, 0, 100, .12);
    display: flex;
    font-size: 18px;
    font-weight: 900;
    justify-content: space-between;
    padding-bottom: 14px;
}

.cosmetixe-menu-drawer__head button {
    align-items: center;
    background: #fbf8ff;
    border: 1px solid rgba(58, 0, 100, .16);
    border-radius: 8px;
    color: var(--cosmetixe-menu-purple);
    cursor: pointer;
    display: inline-flex;
    height: 38px;
    justify-content: center;
    padding: 0;
    width: 38px;
}

.cosmetixe-menu-drawer__promos {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 16px 0;
}

.cosmetixe-menu-drawer__promos a,
.cosmetixe-menu-parent,
.cosmetixe-menu-children a {
    align-items: center;
    border-radius: 8px;
    display: inline-flex;
    gap: 8px;
    min-height: 42px;
    text-decoration: none;
}

.cosmetixe-menu-drawer__promos a {
    background: linear-gradient(180deg, var(--cosmetixe-purple-2), var(--cosmetixe-purple));
    color: #fff;
    font-weight: 800;
    justify-content: center;
}

.cosmetixe-menu-list {
    display: grid;
    gap: 12px;
}

.cosmetixe-menu-group {
    border: 1px solid rgba(58, 0, 100, .12);
    border-radius: 8px;
    overflow: hidden;
}

.cosmetixe-menu-parent {
    background: #fbf8ff;
    color: var(--cosmetixe-menu-purple);
    font-size: 16px;
    font-weight: 900;
    justify-content: space-between;
    padding: 10px 14px;
}

.cosmetixe-menu-children {
    display: grid;
    gap: 6px;
    padding: 10px;
}

.cosmetixe-menu-children a {
    background: #fff;
    border: 1px solid rgba(58, 0, 100, .10);
    color: var(--cosmetixe-filter-text);
    font-size: 14px;
    font-weight: 700;
    padding: 8px 12px;
}

.cosmetixe-bee1-archive .bee1-ulg-wrap[data-template-preset="cosmetics"] {
    margin-top: 0;
    max-width: 1880px;
    padding-inline: 24px;
}

.cosmetixe-bee1-archive .bee1-ulg-shell[data-filters-desktop="sidebar"],
.cosmetixe-bee1-archive .bee1-ulg-wrap[data-template-preset="cosmetics"] .bee1-ulg-shell[data-filters-desktop="sidebar"] {
    grid-template-columns: 252px minmax(0, 1fr) !important;
}

.cosmetixe-bee1-archive .bee1-ulg-wrap[data-template-preset="cosmetics"] .bee1-ulg-filters-panel {
    border-color: rgba(58, 0, 100, .14);
    border-radius: 8px;
    box-shadow: 0 12px 30px rgba(31, 18, 70, .06);
}

.cosmetixe-bee1-archive .bee1-filter__title {
    color: var(--cosmetixe-ink);
    font-size: 15px;
    font-family: inherit !important;
    font-weight: 900;
}

.cosmetixe-bee1-archive .bee1-filter__item a {
    border-radius: 8px;
    color: var(--cosmetixe-filter-text);
    font-family: inherit !important;
    font-size: 13px;
    font-weight: 650;
    min-height: 34px;
}

.cosmetixe-bee1-archive .bee1-filter__item.is-active a,
.cosmetixe-bee1-archive .bee1-filter__item a:hover,
.cosmetixe-bee1-archive .bee1-filter__item a:focus-visible {
    background: var(--cosmetixe-filter-soft);
    color: var(--cosmetixe-menu-purple);
}

.cosmetixe-bee1-archive .bee1-ulg-wrap[data-template-preset="cosmetics"] .bee1-ulg-card {
    border-color: rgba(76, 7, 136, .14);
    border-radius: 8px;
    box-shadow: 0 8px 20px rgba(31, 18, 70, .045);
}

.cosmetixe-bee1-archive .bee1-ulg-card__media,
.cosmetixe-bee1-archive .bee1-ulg-wrap[data-template-preset="cosmetics"] .bee1-ulg-card__media {
    min-height: 188px;
    position: relative;
}

.cosmetixe-bee1-archive .bee1-ulg-wrap[data-template-preset="cosmetics"] .bee1-ulg-card__body {
    gap: 4px;
    min-height: 128px;
    padding: 8px 12px 10px;
}

.cosmetixe-bee1-archive .bee1-ulg-card__brand {
    color: var(--cosmetixe-filter-text);
    font-family: "Frank Ruhl Libre", Georgia, "Times New Roman", serif !important;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.25;
    min-height: 14px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.cosmetixe-bee1-archive .bee1-ulg-card__brand span {
    color: var(--cosmetixe-menu-purple);
    font-family: inherit !important;
    font-weight: 500;
}

.cosmetixe-bee1-archive .bee1-ulg-wrap[data-template-preset="cosmetics"] .bee1-ulg-card__title {
    font-size: 12.5px;
    line-height: 1.32;
    min-height: 34px;
}

.cosmetixe-bee1-archive .bee1-ulg-wrap[data-template-preset="cosmetics"] .bee1-ulg-card__price {
    font-size: 15px;
    line-height: 1.1;
}

.cosmetixe-bee1-archive .bee1-ulg-wrap[data-template-preset="cosmetics"] .bee1-ulg-card__actions .button,
.cosmetixe-bee1-archive .bee1-ulg-wrap[data-template-preset="cosmetics"] .bee1-ulg-cart {
    align-items: center !important;
    border-radius: 7px;
    box-sizing: border-box !important;
    display: flex !important;
    font-size: 13px;
    font-family: inherit !important;
    font-weight: 800;
    height: 38px;
    justify-content: center !important;
    line-height: 1 !important;
    min-height: 38px;
    padding-inline: 16px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    text-align: center !important;
    text-indent: 0 !important;
    width: 100%;
}

.cosmetixe-bee1-archive .bee1-ulg-wishlist {
    height: 34px !important;
    width: 34px !important;
}

.cosmetixe-bee1-archive .bee1-ulg-wishlist .bee1-wl-btn,
.cosmetixe-bee1-archive .bee1-ulg-wrap[data-template-preset="cosmetics"] .bee1-ulg-wishlist .bee1-wl-btn {
    align-items: center;
    background: rgba(255, 255, 255, .9);
    border-color: rgba(76, 7, 136, .22);
    border-radius: 8px;
    color: var(--cosmetixe-purple);
    display: inline-flex;
    gap: 0;
    height: 34px;
    justify-content: center;
    min-height: 34px;
    min-width: 34px;
    padding: 0 !important;
    width: 34px;
}

.cosmetixe-bee1-archive .bee1-ulg-wishlist .bee1-wl-icon,
.cosmetixe-bee1-archive .bee1-ulg-wrap[data-template-preset="cosmetics"] .bee1-ulg-wishlist .bee1-wl-icon {
    height: 16px;
    width: 16px;
}

.cosmetixe-qv-trigger {
    align-items: center;
    background: rgba(255, 255, 255, .92);
    border: 1px solid rgba(76, 7, 136, .22);
    border-radius: 8px;
    box-shadow: 0 6px 14px rgba(31, 18, 70, .08);
    color: var(--cosmetixe-purple);
    cursor: pointer;
    display: inline-flex;
    height: 34px;
    inset-inline-start: auto;
    justify-content: center;
    left: 10px;
    padding: 0;
    position: absolute;
    right: auto;
    top: 52px;
    width: 34px;
    z-index: 7;
}

.cosmetixe-qv-trigger svg {
    height: 16px;
    width: 16px;
}

.cosmetixe-qv-trigger:hover,
.cosmetixe-qv-trigger:focus-visible,
.cosmetixe-bee1-archive .bee1-ulg-wishlist .bee1-wl-btn:hover,
.cosmetixe-bee1-archive .bee1-ulg-wishlist .bee1-wl-btn:focus-visible,
.cosmetixe-bee1-archive .bee1-ulg-wrap[data-template-preset="cosmetics"] .bee1-ulg-wishlist .bee1-wl-btn:hover,
.cosmetixe-bee1-archive .bee1-ulg-wrap[data-template-preset="cosmetics"] .bee1-ulg-wishlist .bee1-wl-btn:focus-visible {
    border-color: var(--cosmetixe-purple-3);
    box-shadow: 0 8px 18px rgba(76, 7, 136, .14);
    transform: translateY(-1px);
}

.cosmetixe-qv[hidden] {
    display: none !important;
}

.cosmetixe-qv {
    inset: 0;
    position: fixed;
    z-index: 10050;
}

.cosmetixe-qv-open {
    overflow: hidden;
}

.cosmetixe-qv__backdrop {
    background: rgba(31, 18, 70, .48);
    inset: 0;
    position: absolute;
}

.cosmetixe-qv__dialog {
    background: #fff;
    border: 1px solid rgba(76, 7, 136, .16);
    border-radius: 8px;
    box-shadow: 0 24px 70px rgba(31, 18, 70, .24);
    color: var(--cosmetixe-ink);
    direction: rtl;
    display: grid;
    gap: 22px;
    grid-template-columns: minmax(240px, .9fr) minmax(280px, 1fr);
    left: 50%;
    max-height: min(720px, calc(100dvh - 48px));
    max-width: min(860px, calc(100vw - 36px));
    overflow: auto;
    padding: 26px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 860px;
}

.cosmetixe-qv__dialog,
.cosmetixe-qv__dialog :where(a, button, div, h2, img, p, span) {
    font-family: inherit !important;
}

.cosmetixe-qv__close {
    align-items: center;
    background: var(--cosmetixe-soft);
    border: 1px solid var(--cosmetixe-border);
    border-radius: 8px;
    color: var(--cosmetixe-ink);
    cursor: pointer;
    display: inline-flex;
    height: 38px;
    justify-content: center;
    padding: 0;
    position: absolute;
    right: 14px;
    top: 14px;
    width: 38px;
    z-index: 2;
}

.cosmetixe-qv__image {
    align-items: center;
    background: #fff;
    border: 1px solid rgba(76, 7, 136, .12);
    border-radius: 8px;
    display: flex;
    justify-content: center;
    min-height: 320px;
    padding: 16px;
}

.cosmetixe-qv__image img {
    height: auto;
    max-height: 420px;
    max-width: 100%;
    object-fit: contain;
}

.cosmetixe-qv__content {
    align-content: center;
    display: grid;
    gap: 12px;
    padding-inline-start: 8px;
}

.cosmetixe-qv__brand {
    color: var(--cosmetixe-menu-purple);
    font-family: "Frank Ruhl Libre", Georgia, "Times New Roman", serif !important;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.cosmetixe-qv__content h2 {
    color: var(--cosmetixe-ink);
    font-size: 24px;
    font-weight: 900;
    line-height: 1.2;
    margin: 0;
}

.cosmetixe-qv__price {
    color: var(--cosmetixe-ink);
    font-size: 20px;
    font-weight: 900;
}

.cosmetixe-qv__summary {
    color: var(--cosmetixe-muted);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.55;
    margin: 0;
}

.cosmetixe-qv__actions {
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr;
    margin-top: 8px;
}

.cosmetixe-qv__actions .button,
.cosmetixe-qv__link {
    align-items: center;
    border-radius: 7px;
    display: inline-flex;
    font-family: inherit !important;
    font-size: 14px;
    font-weight: 900;
    height: 42px;
    justify-content: center;
    line-height: 1;
    padding-inline: 16px;
    text-align: center;
    text-decoration: none;
}

.cosmetixe-qv__actions .button {
    background: linear-gradient(180deg, var(--cosmetixe-purple-2), var(--cosmetixe-purple)) !important;
    color: #fff !important;
}

.cosmetixe-qv__link {
    background: #fff;
    border: 1px solid var(--cosmetixe-border);
    color: var(--cosmetixe-purple);
}

.cosmetixe-bee1-archive .bee1-ulg-filter-toggle,
.cosmetixe-bee1-archive .bee1-filters-toggle,
.cosmetixe-bee1-archive [data-bee1-filters-toggle],
.cosmetixe-bee1-archive button[class*="filter"] {
    align-items: center !important;
    background: #fbf8ff !important;
    border: 1px solid rgba(58, 0, 100, .18) !important;
    border-radius: 8px !important;
    color: var(--cosmetixe-menu-purple) !important;
    font-family: inherit !important;
    font-weight: 800 !important;
    justify-content: center !important;
    min-height: 38px !important;
    padding-inline: 12px !important;
}

/* 0.3.0: an identical copy of the block below stood here (a strict subset of it); removed. */

@media (min-width: 768px) {
    .cosmetixe-bee1-archive .bee1-ulg-shell[data-filters-desktop="sidebar"] > .bee1-ulg-filter-toggle {
        display: none !important;
    }
}

@media (min-width: 1280px) {
    .cosmetixe-bee1-archive .bee1-ulg-grid,
    .cosmetixe-bee1-archive .bee1-ulg-wrap[data-template-preset="cosmetics"] .bee1-ulg-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        transform: none;
    }
}

@media (max-width: 1400px) {
    .cosmetixe-header-inner,
    .cosmetixe-bee1-archive .bee1-ulg-wrap[data-template-preset="cosmetics"],
    .cosmetixe-bee1-archive .woocommerce-products-header {
        padding-inline: 18px;
    }

    .cosmetixe-mainbar-grid {
        gap: 14px;
        grid-template-columns: 300px minmax(360px, 1fr) 310px;
    }

    .cosmetixe-logo strong {
        font-size: 24px;
        letter-spacing: 4px;
    }

    .cosmetixe-promo {
        font-size: 14px;
    }

    .cosmetixe-benefit-menu,
    .cosmetixe-benefits a {
        font-size: 13px;
        font-weight: 700;
        padding-inline: 8px;
    }

    .cosmetixe-bee1-archive .bee1-ulg-shell[data-filters-desktop="sidebar"],
    .cosmetixe-bee1-archive .bee1-ulg-wrap[data-template-preset="cosmetics"] .bee1-ulg-shell[data-filters-desktop="sidebar"] {
        grid-template-columns: 252px minmax(0, 1fr) !important;
    }
}

@media (max-width: 1180px) {
    .cosmetixe-mainbar-grid {
        grid-template-areas:
            "menu logo"
            "search search"
            "promos promos";
        grid-template-columns: 120px minmax(0, 1fr);
        padding-block: 12px;
    }

    .cosmetixe-menu-toggle {
        display: inline-flex;
    }

    .cosmetixe-logo {
        justify-items: end;
    }

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

    .cosmetixe-benefits a:last-child {
        grid-column: 1 / -1;
    }
}

@media (max-width: 767px) {
    html,
    body,
    body.cosmetixe-bee1-header-surface,
    body.cosmetixe-bee1-archive {
        max-width: 100%;
        overflow-x: hidden !important;
        width: 100%;
    }

    .cosmetixe-archive-header,
    .cosmetixe-archive-header > *,
    body.cosmetixe-bee1-archive #primary,
    .cosmetixe-bee1-archive .site-main,
    .cosmetixe-bee1-archive main#content,
    .cosmetixe-bee1-archive .page-content,
    .cosmetixe-bee1-archive .woocommerce,
    .cosmetixe-bee1-archive .bee1-ulg-wrap[data-template-preset="cosmetics"] {
        max-width: 100% !important;
        overflow-x: clip;
        width: 100% !important;
    }

    .cosmetixe-topline .cosmetixe-header-inner {
        height: auto;
        padding-block: 6px;
    }

    .cosmetixe-shipping-note span,
    .cosmetixe-top-actions .cosmetixe-header-link span:not(.cosmetixe-cart-total) {
        display: none;
    }

    .cosmetixe-mainbar-grid {
        grid-template-areas:
            "logo menu"
            "search search"
            "promos promos";
        grid-template-columns: minmax(0, 1fr) 104px;
    }

    .cosmetixe-menu-toggle {
        justify-self: end;
    }

    .cosmetixe-logo {
        justify-items: start;
        text-align: left;
    }

    .cosmetixe-logo strong {
        font-size: 22px;
        letter-spacing: 4px;
    }

    .cosmetixe-logo span {
        font-size: 11px;
        letter-spacing: 1px;
    }

    .cosmetixe-product-search {
        height: 44px;
    }

    .cosmetixe-promo-actions {
        gap: 8px;
    }

    .cosmetixe-promo {
        font-size: 13px;
        height: 42px;
    }

    .cosmetixe-benefits-grid {
        display: flex;
        overflow-x: auto;
        padding-block: 4px;
        scroll-snap-type: x mandatory;
    }

    .cosmetixe-benefits a {
        flex: 0 0 72%;
        font-size: 12px;
        min-height: 44px;
        scroll-snap-align: start;
    }

    .cosmetixe-benefit-menu {
        align-items: center !important;
        color: var(--cosmetixe-menu-purple) !important;
        display: inline-flex !important;
        flex: 0 0 48%;
        font-weight: 800;
        justify-content: center !important;
    }

    .cosmetixe-bee1-archive .bee1-ulg-filter-toggle,
    .cosmetixe-bee1-archive .bee1-filters-toggle,
    .cosmetixe-bee1-archive [data-bee1-filters-toggle],
    .cosmetixe-bee1-archive button[class*="filter"] {
        display: inline-flex !important;
    }

    .cosmetixe-bee1-archive .bee1-ulg-wrap[data-template-preset="cosmetics"] {
        padding-inline: 12px;
    }

    .cosmetixe-bee1-archive .woocommerce-products-header {
        padding-inline: 12px;
    }
}

/* Sale page width and alignment fixes */
body.cosmetixe-bee1-archive .bee1-ulg-page--sale .bee1-ulg-page__inner {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

body.cosmetixe-bee1-archive .bee1-ulg-page--sale .bee1-ulg-page__header {
    text-align: center;
    margin: 16px auto 10px;
    max-width: 1880px;
    padding-inline: 24px;
}

@media (max-width: 1400px) {
    body.cosmetixe-bee1-archive .bee1-ulg-page--sale .bee1-ulg-page__header {
        padding-inline: 18px;
    }
}

@media (max-width: 767px) {
    body.cosmetixe-bee1-archive .bee1-ulg-page--sale .bee1-ulg-page__header {
        padding-inline: 12px;
    }
}

body.cosmetixe-bee1-archive .bee1-ulg-page--sale .bee1-ulg-page__title {
    color: var(--cosmetixe-ink);
    font-size: clamp(24px, 2.2vw, 38px);
    font-weight: 800;
}

/* Wishlist button position on cosmetics archives */
.cosmetixe-bee1-archive .bee1-ulg-wrap[data-template-preset="cosmetics"] .bee1-ulg-wishlist {
    right: auto !important;
    left: 10px !important;
    top: 10px !important;
}

/* Loop grid card adjustments (Desktop & Mobile) */
.cosmetixe-bee1-archive .bee1-ulg-wrap[data-template-preset="cosmetics"] .bee1-ulg-card__title {
    font-size: 14.5px !important;
    line-height: 1.32 !important;
    min-height: 38px !important;
}

@media (max-width: 767px) {
    /* Reduce spacing between image and title on mobile */
    .cosmetixe-bee1-archive .bee1-ulg-wrap[data-template-preset="cosmetics"] .bee1-ulg-card__body {
        padding: 4px 8px 8px !important;
        gap: 2px !important;
        min-height: 110px !important;
    }
    
    .cosmetixe-bee1-archive .bee1-ulg-card__brand {
        margin-bottom: 2px !important;
        font-size: 10px !important;
        min-height: 12px !important;
    }
    
    /* Increase title font size on mobile */
    .cosmetixe-bee1-archive .bee1-ulg-wrap[data-template-preset="cosmetics"] .bee1-ulg-card__title {
        font-size: 13.5px !important;
        line-height: 1.25 !important;
        min-height: 34px !important;
    }
}

/* Badge padding/margin override on Single Product Page (פנימי) */
.single-product .bee1-sale-badge {
    left: 15px !important;
    right: auto !important;
    top: 15px !important;
    margin: 0 !important;
}

.single-product .bee1-badge,
.single-product .custom-badge {
    margin-left: 0 !important;
    padding-left: 8px !important;
}

/* ------------------------------------------------------------------
   Mobile top bar: keep the free-shipping message visible.
   The generic mobile rule earlier in this file hides every top-bar
   label (`.cosmetixe-shipping-note span, .cosmetixe-top-actions
   .cosmetixe-header-link span:not(.cosmetixe-cart-total){display:none}`),
   which left only the truck icon with no message. The shipping note is
   the one label that carries real information, so it opts back in.
   Measured at 360 / 390 / 414 px: fits with no horizontal overflow.
   ------------------------------------------------------------------ */
@media (max-width: 767px) {
    .cosmetixe-shipping-note span {
        display: inline !important;
        font-size: 11px;
        letter-spacing: -.01em;
    }

    .cosmetixe-shipping-note {
        flex: 0 1 auto;
        gap: 5px;
        min-width: 0;
    }

    .cosmetixe-shipping-note svg {
        flex: 0 0 auto;
        height: 15px;
        width: 15px;
    }
}

/* 0.3.2: the Bee1 side cart opens after every add, so WooCommerce's "View cart" link appended under the card
   (a.added_to_cart, painted by the old purple kit link colour) is redundant. */
.bee1-ulg-card a.added_to_cart,
.products a.added_to_cart {
    display: none !important;
}