/* ============================================================
   Bar Beauty - WooCommerce + universal page header (luxury B&W)
   ============================================================ */

/* ---------- UNIVERSAL LUXURY PAGE HERO ---------- */
.bb-archive-hero{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;overflow:hidden;padding:90px 32px 70px;background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 35%,#333 50%,#2a2a2a 65%,#1a1a1a 100%);border-bottom:none;margin-bottom:0}
.bb-archive-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 40%,rgba(255,255,255,.06) 0%,transparent 55%),radial-gradient(ellipse at 75% 70%,rgba(0,0,0,.35) 0%,transparent 55%),radial-gradient(circle at 50% 30%,rgba(196,164,103,.06) 0%,transparent 70%);pointer-events:none}
.bb-archive-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15) 0%,rgba(0,0,0,.45) 100%);pointer-events:none}
.bb-archive-hero::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent 0%,rgba(196,164,103,.25) 50%,transparent 100%);transform:translateX(-50%);opacity:.6}
.bb-archive-hero-inner{max-width:780px;margin:0 auto;position:relative;z-index:2;padding:0 24px}
.bb-archive-hero .eyebrow{font-family:var(--sans);font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--bb-gold);font-weight:600;display:inline-block;margin-bottom:18px}
.bb-archive-hero h1{font-family:var(--serif);font-size:clamp(48px,6.5vw,84px);font-weight:300;line-height:1.05;letter-spacing:-.015em;color:var(--bb-black);margin:0 0 22px;position:relative;display:inline-block}
.bb-archive-hero h1 em{font-style:italic;color:var(--bb-gold);font-weight:300}
.bb-archive-hero .gold-rule{display:inline-block;width:60px;height:1px;background:var(--bb-gold);margin:6px auto 22px;position:relative}
.bb-archive-hero .gold-rule::before,.bb-archive-hero .gold-rule::after{content:"";position:absolute;top:50%;width:6px;height:6px;border:1px solid var(--bb-gold);transform:translateY(-50%) rotate(45deg);background:var(--bb-cream)}
.bb-archive-hero .gold-rule::before{left:-12px}
.bb-archive-hero .gold-rule::after{right:-12px}
.bb-archive-hero p.lead{font-family:var(--serif);font-size:19px;line-height:1.65;color:var(--bb-gray-700);font-style:italic;font-weight:300;max-width:580px;margin:0 auto}
.bb-archive-hero .breadcrumb-strip{margin-top:24px;font-family:var(--sans);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--bb-gray-500)}
.bb-archive-hero .breadcrumb-strip a{color:var(--bb-gray-500);transition:color .2s}
.bb-archive-hero .breadcrumb-strip a:hover{color:var(--bb-gold);opacity:1}
.bb-archive-hero .breadcrumb-strip span.sep{margin:0 10px;color:var(--bb-gold)}

/* Hide the default WC products header / page title above */
.woocommerce-shop .woocommerce-products-header,
.woocommerce-shop .page-title,
.woocommerce-products-header__title,
.woocommerce .page-title{display:none !important}

/* Result count + sorting bar on top of grid */
.woocommerce .woocommerce-result-count{
    color:var(--bb-gray-500) !important;font-size:11px !important;letter-spacing:.22em !important;
    text-transform:uppercase !important;float:none !important;display:inline-block;margin:32px 0 0 0 !important;
}
.woocommerce .woocommerce-ordering{float:right !important;margin:24px 0 28px !important;}
.woocommerce .woocommerce-ordering select{
    font-family:var(--sans);font-size:12px;padding:11px 18px;
    border:1px solid var(--bb-gray-200);background:#fff;color:var(--bb-black);
    letter-spacing:.05em;outline:none;cursor:pointer;
}

/* ---------- PRODUCT GRID ---------- */
.woocommerce ul.products{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:24px !important;margin:0 !important;padding:0 !important;list-style:none !important;
    clear:both;
}
.woocommerce ul.products::before,
.woocommerce ul.products::after{display:none !important;content:none !important}
@media(max-width:1100px){.woocommerce ul.products{grid-template-columns:repeat(3,minmax(0,1fr)) !important}}
@media(max-width:800px){.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
@media(max-width:500px){.woocommerce ul.products{grid-template-columns:1fr !important}}

.woocommerce ul.products li.product{
    width:auto !important;float:none !important;clear:none !important;
    grid-column-start:auto !important;grid-row-start:auto !important;
    margin:0 !important;padding:0 !important;
    background:#fff !important;border:1px solid var(--bb-gray-100) !important;
    display:flex !important;flex-direction:column !important;
    transition:all .35s ease;position:relative;text-align:center !important;list-style:none !important;
}
.woocommerce ul.products li.product:first-child,
.woocommerce ul.products li.product.first{clear:none !important;grid-column-start:auto !important}
.woocommerce ul.products li.product:hover{
    transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.08);
    border-color:var(--bb-gray-200) !important;
}

.woocommerce ul.products li.product > a:first-of-type{
    display:block !important;text-decoration:none !important;color:inherit !important;
    padding:0 !important;background:transparent !important;border:none !important;
    aspect-ratio:auto !important;
}

/* IMAGE = the square white tile, products UNIFORMLY filling 70% */
.woocommerce ul.products li.product > a:first-of-type img,
.woocommerce ul.products li.product .attachment-woocommerce_thumbnail{
    display:block !important;width:100% !important;
    aspect-ratio:1/1 !important;height:auto !important;
    object-fit:contain !important;object-position:center !important;
    background:#fff !important;
    margin:0 !important;padding:32px !important;
    box-sizing:border-box !important;
    border-bottom:1px solid var(--bb-gray-100) !important;
    box-shadow:none !important;
    transition:transform .4s ease;
    position:static !important;
}
.woocommerce ul.products li.product:hover img{transform:scale(1.04)}

.woocommerce ul.products li.product .woocommerce-loop-product__title{
    font-family:var(--serif) !important;font-size:17px !important;font-weight:400 !important;
    padding:24px 18px 6px !important;line-height:1.3 !important;color:var(--bb-black) !important;
    min-height:74px !important;
    display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;
    overflow:hidden !important;text-align:center !important;
}

.woocommerce ul.products li.product .price{
    font-family:var(--serif) !important;font-size:22px !important;font-weight:400 !important;
    color:var(--bb-black) !important;padding:0 18px 18px !important;margin:0 !important;
    text-align:center !important;display:block !important;
}
.woocommerce ul.products li.product .price del{color:var(--bb-gray-500) !important;font-size:15px !important;opacity:.7}
.woocommerce ul.products li.product .price ins{color:var(--bb-gold) !important;text-decoration:none !important;font-weight:500 !important}

.woocommerce ul.products li.product .button{
    margin:auto 18px 22px !important;background:var(--bb-black) !important;color:#fff !important;
    padding:14px 24px !important;font-family:var(--sans) !important;font-size:11px !important;
    letter-spacing:.22em !important;text-transform:uppercase !important;font-weight:600 !important;
    border:1px solid var(--bb-black) !important;border-radius:0 !important;
    transition:all .25s !important;display:block !important;text-align:center !important;
}
.woocommerce ul.products li.product .button:hover{background:var(--bb-gold) !important;border-color:var(--bb-gold) !important}

.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale{
    background:var(--bb-gold) !important;color:#fff !important;border-radius:0 !important;
    font-family:var(--sans) !important;font-size:10px !important;font-weight:700 !important;
    letter-spacing:.18em !important;padding:7px 11px !important;
    min-height:auto !important;min-width:auto !important;line-height:1 !important;
    top:14px !important;left:14px !important;z-index:5 !important;margin:0 !important;
    position:absolute !important;text-transform:uppercase !important;
}
.woocommerce ul.products li.product .star-rating{margin:0 auto 10px !important;font-size:12px !important;width:5em !important}
.woocommerce ul.products li.product .star-rating::before,
.woocommerce ul.products li.product .star-rating span::before{color:var(--bb-gold) !important}

/* ---------- SINGLE PRODUCT ---------- */
.woocommerce div.product .product_title{
    font-family:var(--serif) !important;font-weight:300 !important;
    font-size:clamp(34px,4.5vw,56px) !important;line-height:1.15;
    margin-bottom:20px !important;letter-spacing:-.01em;
}
.woocommerce div.product p.price,.woocommerce div.product span.price{
    font-family:var(--serif) !important;font-size:32px !important;color:var(--bb-black) !important;
    font-weight:300 !important;margin-bottom:24px !important;
}
.woocommerce div.product div.summary{padding:20px 0}
.woocommerce div.product .stock{color:var(--bb-gold);font-weight:600;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.woocommerce div.product div.images img{background:#fff !important;border:1px solid var(--bb-gray-100)}
.woocommerce div.product form.cart .quantity input.qty{
    border:1px solid var(--bb-gray-200);padding:14px;font-family:var(--sans);width:80px;text-align:center;background:#fff;
}
.woocommerce div.product form.cart .button,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt{
    background:var(--bb-black) !important;color:#fff !important;
    padding:16px 36px !important;font-family:var(--sans) !important;font-size:12px !important;
    letter-spacing:.25em !important;text-transform:uppercase !important;font-weight:600 !important;
    border:1px solid var(--bb-black) !important;border-radius:0 !important;transition:all .25s;
}
.woocommerce div.product form.cart .button:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover{
    background:var(--bb-gold) !important;border-color:var(--bb-gold) !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs{border-bottom:1px solid var(--bb-gray-200);padding:0 !important}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
    background:transparent !important;border:none !important;border-bottom:2px solid transparent !important;
    border-radius:0 !important;margin:0 24px 0 0 !important;padding:0 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
    font-family:var(--sans);font-size:12px;letter-spacing:.22em;text-transform:uppercase;
    font-weight:600;padding:14px 0 !important;color:var(--bb-gray-500);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{border-bottom-color:var(--bb-gold) !important}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--bb-black)}
.woocommerce div.product .woocommerce-tabs .panel{padding:32px 0;font-size:16px;line-height:1.8}

/* ---------- CART ---------- */
.woocommerce table.shop_table{
    border:1px solid var(--bb-gray-200) !important;border-radius:0 !important;border-collapse:collapse !important;
}
.woocommerce table.shop_table th{
    background:var(--bb-cream);font-family:var(--sans);font-size:11px;
    letter-spacing:.22em;text-transform:uppercase;font-weight:600;
    padding:18px 14px !important;color:var(--bb-black);
}
.woocommerce table.shop_table td{padding:24px 14px !important;border-top:1px solid var(--bb-gray-100)}
.woocommerce-cart table.cart img{width:80px;height:auto;background:#fff}
.woocommerce-cart table.cart td.product-name a{font-family:var(--serif);font-size:18px;font-weight:400;color:var(--bb-black)}
.woocommerce-cart .actions .button,.woocommerce input.button{
    background:#fff !important;color:var(--bb-black) !important;
    padding:14px 24px !important;font-family:var(--sans) !important;font-size:11px !important;
    letter-spacing:.22em !important;text-transform:uppercase !important;font-weight:600 !important;
    border:1px solid var(--bb-black) !important;border-radius:0 !important;
}
.woocommerce-cart .wc-proceed-to-checkout .checkout-button{
    background:var(--bb-black) !important;color:#fff !important;
    padding:18px 40px !important;font-family:var(--sans) !important;font-size:13px !important;
    letter-spacing:.25em !important;text-transform:uppercase !important;font-weight:600 !important;
    border-radius:0 !important;border:1px solid var(--bb-black) !important;
}
.woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover{background:var(--bb-gold) !important;border-color:var(--bb-gold) !important}

/* ---------- CHECKOUT ---------- */
.woocommerce-checkout h3{
    font-family:var(--serif);font-weight:300;font-size:28px;
    margin-bottom:24px;padding-bottom:14px;border-bottom:2px solid var(--bb-gold);display:inline-block;
}
.woocommerce form .form-row label{font-size:13px;font-weight:500;letter-spacing:.04em;color:var(--bb-black)}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select{
    border:1px solid var(--bb-gray-200) !important;padding:14px !important;
    font-family:var(--sans) !important;font-size:14px !important;background:#fff !important;
    border-radius:0 !important;transition:border-color .2s;
}
.woocommerce form .form-row input.input-text:focus{border-color:var(--bb-gold) !important;outline:none}
.woocommerce-checkout #payment{background:var(--bb-cream) !important;padding:32px !important;border-radius:0 !important}
.woocommerce-checkout #payment ul.payment_methods li{border-bottom:1px solid var(--bb-gray-200);padding:14px 0}
.woocommerce-checkout #payment ul.payment_methods li label{font-weight:500;font-size:14px}
.woocommerce-checkout #payment #place_order{
    background:var(--bb-black) !important;color:#fff !important;width:100%;
    padding:20px !important;font-family:var(--sans) !important;font-size:13px !important;
    letter-spacing:.25em !important;text-transform:uppercase !important;font-weight:600 !important;
    border-radius:0 !important;border:1px solid var(--bb-black) !important;margin-top:20px;
}
.woocommerce-checkout #payment #place_order:hover{background:var(--bb-gold) !important;border-color:var(--bb-gold) !important}

/* ---------- MY ACCOUNT + LOGIN ---------- */
.woocommerce-account .woocommerce-MyAccount-navigation ul{border:1px solid var(--bb-gray-200);list-style:none;padding:0;margin:0}
.woocommerce-account .woocommerce-MyAccount-navigation ul li{border-bottom:1px solid var(--bb-gray-100)}
.woocommerce-account .woocommerce-MyAccount-navigation ul li:last-child{border-bottom:none}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a{
    display:block;padding:16px 22px;font-family:var(--sans);font-size:13px;
    letter-spacing:.12em;text-transform:uppercase;font-weight:500;color:var(--bb-gray-700);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover{
    background:var(--bb-cream);color:var(--bb-black);border-left:2px solid var(--bb-gold);
}
.woocommerce-form-login,.woocommerce-form-register{
    border:1px solid var(--bb-gray-200) !important;padding:36px !important;border-radius:0 !important;
}
.woocommerce-form-login .button,.woocommerce-form-register .button{
    background:var(--bb-black) !important;color:#fff !important;
    padding:14px 32px !important;font-family:var(--sans) !important;font-size:12px !important;
    letter-spacing:.22em !important;text-transform:uppercase !important;font-weight:600 !important;
    border-radius:0 !important;border:1px solid var(--bb-black) !important;
}

/* Notices + pagination */
.woocommerce-message,.woocommerce-info,.woocommerce-error{
    border-top-color:var(--bb-gold) !important;background:#fff !important;border-radius:0 !important;
    font-family:var(--sans);font-size:14px;
}
.woocommerce-message::before{color:var(--bb-gold) !important}
.woocommerce .button.wc-forward{
    background:var(--bb-black) !important;color:#fff !important;border-radius:0 !important;
    font-family:var(--sans) !important;font-size:11px !important;letter-spacing:.2em !important;
    text-transform:uppercase !important;font-weight:600 !important;
}
.woocommerce nav.woocommerce-pagination ul{border:none;margin:60px 0 0 !important}
.woocommerce nav.woocommerce-pagination ul li{border:1px solid var(--bb-gray-200) !important;margin:0 4px !important}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{
    padding:12px 16px !important;font-family:var(--sans);font-size:13px;color:var(--bb-black) !important;
}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--bb-black) !important;color:#fff !important}

/* Wrapper */
.bb-woo-wrap{max-width:1320px;margin:0 auto;padding:30px 32px 80px}

/* Hide duplicate WC breadcrumb - we have it in our hero */
.woocommerce .woocommerce-breadcrumb { display: none !important; }

/* Force vertical stacking in archive hero */
.bb-archive-hero .eyebrow{display:block !important;margin:0 auto 18px}
.bb-archive-hero h1{display:block !important;margin:0 auto 22px}
.bb-archive-hero .gold-rule{display:block;margin:0 auto 22px;width:60px}
.bb-archive-hero .lead{margin-left:auto;margin-right:auto}

.bb-archive-hero-inner{position:relative;z-index:2;padding:0 24px;max-width:780px;margin:0 auto}
.bb-archive-hero .eyebrow{color:var(--bb-gold);font-size:13px;letter-spacing:.32em;text-transform:uppercase;font-weight:500;margin-bottom:18px;font-family:var(--sans)}
.bb-archive-hero h1{color:#fff;font-family:var(--serif);font-size:clamp(48px,6.5vw,92px);font-weight:300;margin:0 0 18px;line-height:1.05;text-shadow:0 4px 30px rgba(0,0,0,.5);letter-spacing:-.01em}
.bb-archive-hero h1 em{font-style:italic;color:#fff}
.bb-archive-hero .gold-rule{width:64px;height:1px;background:var(--bb-gold);margin:18px auto 22px;opacity:.85}
.bb-archive-hero .lead{color:#dcdcdc;font-size:17px;line-height:1.7;font-weight:300;max-width:680px;margin:0 auto 24px;font-family:var(--serif);font-style:italic}
.bb-archive-hero .breadcrumb-strip{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#bbb;margin-top:22px;font-weight:500}
.bb-archive-hero .breadcrumb-strip a{color:#bbb;text-decoration:none}
.bb-archive-hero .breadcrumb-strip a:hover{color:var(--bb-gold);opacity:1}
.bb-archive-hero .breadcrumb-strip .sep{color:rgba(255,255,255,.25);margin:0 10px}
@media(max-width:900px){.bb-archive-hero{padding:64px 24px 54px}}


/* BB_BRAND_STRIP: cool horizontal Shop-by-Brand filter pills */
.bb-brand-strip{background:#0a0a0a;padding:22px 24px;border-bottom:1px solid rgba(255,255,255,.05);position:relative;z-index:4}
.bb-brand-strip-inner{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:24px}
.bb-brand-strip-label{flex-shrink:0;font-family:var(--sans);font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--bb-gold);font-weight:600;white-space:nowrap}
.bb-brand-strip-rail{display:flex;gap:10px;overflow-x:auto;flex:1;scrollbar-width:none;-ms-overflow-style:none;padding:4px 2px}
.bb-brand-strip-rail::-webkit-scrollbar{display:none}
.bb-brand-chip{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);text-decoration:none;color:#ddd;font-family:var(--sans);font-size:13px;letter-spacing:.04em;font-weight:500;white-space:nowrap;transition:all .25s;flex-shrink:0;position:relative}
.bb-brand-chip:hover{background:rgba(196,164,103,.10);border-color:rgba(196,164,103,.5);color:#fff;opacity:1}
.bb-brand-chip.is-active{background:var(--bb-gold);border-color:var(--bb-gold);color:#0a0a0a}
.bb-brand-chip.is-active .bb-brand-avatar{background:#0a0a0a;color:var(--bb-gold)}
.bb-brand-chip.is-active .bb-brand-count{background:rgba(0,0,0,.18);color:#0a0a0a}
.bb-brand-avatar{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;background:linear-gradient(135deg,#222 0%,#3a3a3a 100%);color:#f0e6d2;font-family:var(--serif);font-size:13px;font-weight:500;letter-spacing:.04em;flex-shrink:0;border:1px solid rgba(196,164,103,.18)}
.bb-brand-avatar.bb-brand-all{font-family:var(--sans);font-size:11px;letter-spacing:.18em;font-weight:600;text-transform:uppercase}
.bb-brand-name{line-height:1}
.bb-brand-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 7px;border-radius:999px;background:rgba(255,255,255,.07);font-size:10px;font-weight:600;letter-spacing:.06em;color:#bbb}
.bb-brand-deal{position:absolute;top:-7px;right:-4px;background:var(--bb-gold);color:#0a0a0a;font-size:9px;font-weight:700;letter-spacing:.12em;padding:3px 7px;border-radius:999px;text-transform:uppercase;box-shadow:0 4px 12px rgba(196,164,103,.35)}
@media(max-width:780px){
    .bb-brand-strip-inner{flex-direction:column;align-items:flex-start;gap:12px}
    .bb-brand-strip-label{padding-left:4px}
    .bb-brand-strip-rail{width:100%}
}
.bb-hero-pill{display:inline-block;background:var(--bb-gold);color:#0a0a0a;padding:8px 18px;border-radius:999px;font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;box-shadow:0 6px 18px rgba(196,164,103,.35)}


/* BB_BRAND_STRIP_LOGO: override avatar version with brand-logo image chip */
.bb-brand-strip{padding:18px 24px}
.bb-brand-strip-rail{gap:14px;padding:6px 2px;align-items:center}
.bb-brand-chip{padding:0;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);min-width:120px;height:54px;justify-content:center;color:#e5dfd0;transition:all .25s}
.bb-brand-chip:hover{background:rgba(196,164,103,.10);border-color:rgba(196,164,103,.45);color:#fff}
.bb-brand-chip.is-active{background:var(--bb-gold);border-color:var(--bb-gold);color:#0a0a0a}
.bb-brand-chip.is-active .bb-brand-logo{filter:none}
.bb-brand-chip.is-active .bb-brand-all-text{color:#0a0a0a}
.bb-brand-chip--logo{padding:0 22px}
.bb-brand-logo{display:block;height:32px;width:auto;max-width:160px;object-fit:contain;color:inherit;opacity:.92}
.bb-brand-chip:hover .bb-brand-logo{opacity:1}
.bb-brand-chip--all{padding:0 22px}
.bb-brand-all-text{font-family:var(--sans);font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:inherit}
.bb-brand-deal{top:-8px;right:-6px}
@media(max-width:780px){.bb-brand-chip{min-width:100px;height:48px}.bb-brand-logo{height:26px;max-width:120px}}


/* BB_SHOP_SEARCH (woo): mirror page.php search styles for the WC archive */
.bb-shop-search{background:linear-gradient(180deg,#0a0a0a 0%,#141414 100%);padding:18px 24px;border-bottom:1px solid rgba(255,255,255,.05);position:relative;z-index:5}
.bb-shop-search-wrap{max-width:520px;margin:0 auto;position:relative}
.bb-shop-search input{width:100%;padding:12px 20px;font-size:14px;letter-spacing:.02em;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);color:#fff;font-family:var(--sans);font-weight:400;border-radius:999px;outline:none;transition:all .25s;text-align:center}
.bb-shop-search input::placeholder{color:#7a7a7a;font-style:normal;font-size:13px;letter-spacing:.04em}
.bb-shop-search input:focus{border-color:var(--bb-gold);background:rgba(196,164,103,.05);text-align:left}
.bb-shop-results{position:absolute;left:50%;right:auto;top:calc(100% + 8px);transform:translateX(-50%);width:100%;background:#fff;border:1px solid var(--bb-gray-100);border-radius:14px;box-shadow:0 24px 60px rgba(0,0,0,.18);max-height:480px;overflow-y:auto;display:none;z-index:30;padding:10px}
.bb-shop-results.open{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.bb-shop-result{display:flex;flex-direction:column;text-decoration:none;color:var(--bb-black);align-items:center;border-radius:10px;transition:background .15s;padding:8px 6px 10px}
.bb-shop-result:hover,.bb-shop-result.active{background:var(--bb-cream);opacity:1}
.bb-shop-result-img{width:100%;aspect-ratio:1/1;background:#f7f6f3;display:flex;align-items:center;justify-content:center;border-radius:8px;overflow:hidden;border:1px solid rgba(0,0,0,.04)}
.bb-shop-result-img img{width:88%;height:88%;object-fit:contain}
.bb-shop-result-name{font-size:11.5px;line-height:1.3;font-weight:500;text-align:center;margin-top:8px;color:var(--bb-black);font-family:var(--sans);letter-spacing:.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:30px}
.bb-shop-result-name b{font-weight:700;background:rgba(196,164,103,.22);padding:0 2px;border-radius:2px}
.bb-shop-result-price{color:var(--bb-gold);font-family:var(--serif);font-size:13px;font-weight:400;margin-top:4px;letter-spacing:.02em}
.bb-shop-results-empty{grid-column:1/-1;padding:24px;text-align:center;color:var(--bb-gray-500);font-size:13px;font-style:italic}
@media(max-width:700px){.bb-shop-results.open{grid-template-columns:repeat(2,1fr)}.bb-shop-result-name{font-size:11px}}


/* BB_BRAND_STRIP_WORDMARK v2: styled HTML wordmark per brand (no images) */
.bb-brand-strip{padding:18px 24px}
.bb-brand-strip-rail{gap:12px;padding:6px 2px;align-items:stretch}
.bb-brand-strip-label{font-family:var(--sans);font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--bb-gold);font-weight:600}

.bb-brand-chip{display:inline-flex;align-items:center;justify-content:center;padding:0 28px;height:54px;min-width:120px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);text-decoration:none;color:#e5dfd0;transition:all .25s;flex-shrink:0;position:relative}
.bb-brand-chip:hover{background:rgba(196,164,103,.10);border-color:rgba(196,164,103,.5);color:#fff;opacity:1}
.bb-brand-chip.is-active{background:var(--bb-gold);border-color:var(--bb-gold);color:#0a0a0a}
.bb-brand-chip--all{padding:0 26px}

/* Generic wordmark stack */
.bb-brand-wordmark{display:flex;flex-direction:column;align-items:center;line-height:1;gap:3px}
.bb-brand-main{font-weight:600;letter-spacing:.04em;line-height:1}
.bb-brand-sub{font-size:8.5px;letter-spacing:.32em;font-weight:500;line-height:1;opacity:.7;text-transform:uppercase}

/* Per-brand typography to evoke each look without copying the trademarked logo art */
.bb-brand-chip--noon .bb-brand-main{font-family:Helvetica,Arial,sans-serif;font-size:20px;letter-spacing:.06em;font-weight:700;text-transform:lowercase}
.bb-brand-chip--noon .bb-brand-sub{letter-spacing:.42em}

.bb-brand-chip--skinbetter .bb-brand-main{font-family:Helvetica,Arial,sans-serif;font-size:15px;letter-spacing:.01em;font-weight:600;text-transform:lowercase}
.bb-brand-chip--skinbetter .bb-brand-sub{font-size:8px;letter-spacing:.5em}

.bb-brand-chip--skinceuticals .bb-brand-main{font-family:Helvetica,Arial,sans-serif;font-size:13px;letter-spacing:.18em;font-weight:600;text-transform:uppercase}

.bb-brand-chip--procell .bb-brand-main{font-family:Helvetica,Arial,sans-serif;font-size:17px;letter-spacing:.02em;font-weight:700}
.bb-brand-chip--procell .bb-brand-sub{font-size:8px;letter-spacing:.42em}

.bb-brand-chip--hale .bb-brand-main{font-family:Helvetica,Arial,sans-serif;font-size:18px;letter-spacing:.22em;font-weight:700}
.bb-brand-chip--hale .bb-brand-sub{font-size:8px;letter-spacing:.36em}

/* All Brands chip text */
.bb-brand-all-text{font-family:var(--sans);font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:inherit}

/* 10% OFF deal pill */
.bb-brand-deal{position:absolute;top:-7px;right:-6px;background:var(--bb-gold);color:#0a0a0a;font-size:9px;font-weight:700;letter-spacing:.12em;padding:3px 7px;border-radius:999px;text-transform:uppercase;box-shadow:0 4px 12px rgba(196,164,103,.35)}
.bb-brand-chip.is-active .bb-brand-deal{background:#0a0a0a;color:var(--bb-gold)}

@media(max-width:780px){.bb-brand-chip{min-width:100px;height:48px;padding:0 22px}.bb-brand-chip--noon .bb-brand-main{font-size:18px}.bb-brand-chip--procell .bb-brand-main{font-size:15px}}


/* BB_SHOP_THEME_CREAM v1: search bar + brand strip on cream/white to match shop body */
.bb-shop-search{background:var(--bb-cream)!important;border-bottom:1px solid var(--bb-gray-100)!important}
.bb-shop-search input{background:#fff!important;border:1px solid var(--bb-gray-200)!important;color:var(--bb-black)!important;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.bb-shop-search input::placeholder{color:var(--bb-gray-500)!important}
.bb-shop-search input:focus{border-color:var(--bb-gold)!important;background:#fff!important;box-shadow:0 0 0 3px rgba(196,164,103,.15)!important}

.bb-brand-strip{background:#fff!important;border-bottom:1px solid var(--bb-gray-100)!important;border-top:1px solid var(--bb-gray-100)!important}
.bb-brand-strip-label{color:var(--bb-gold)!important}

.bb-brand-chip{background:var(--bb-cream)!important;border:1px solid var(--bb-gray-200)!important;color:var(--bb-black)!important}
.bb-brand-chip:hover{background:#fff!important;border-color:var(--bb-gold)!important;color:var(--bb-black)!important;box-shadow:0 6px 18px rgba(196,164,103,.18)}
.bb-brand-chip.is-active{background:var(--bb-gold)!important;border-color:var(--bb-gold)!important;color:#0a0a0a!important}

.bb-brand-main{color:inherit!important}
.bb-brand-sub{color:inherit!important;opacity:.65}
.bb-brand-all-text{color:inherit!important}

.bb-brand-deal{background:var(--bb-gold)!important;color:#0a0a0a!important;box-shadow:0 4px 12px rgba(196,164,103,.35)!important}
.bb-brand-chip.is-active .bb-brand-deal{background:#0a0a0a!important;color:var(--bb-gold)!important}


/* BB_BRAND_CHIP_LOGO: chip with raw brand logo image instead of wordmark */
.bb-brand-chip--has-logo{padding:0 22px}
.bb-brand-img{display:block;height:34px;width:auto;max-width:140px;object-fit:contain}
@media(max-width:780px){.bb-brand-img{height:28px;max-width:120px}}


/* BB_HERO_TEXT_FIX: force pure white hero H1 to fix readability */
.bb-archive-hero h1,
.bb-archive-hero h1 em,
.bb-page-hero h1,
.bb-page-hero h1 em,
.bb-blog-archive-hero h1,
.bb-blog-archive-hero h1 em{color:#ffffff!important;text-shadow:0 4px 30px rgba(0,0,0,.65)!important}
.bb-archive-hero .lead,
.bb-page-hero .lead,
.bb-blog-archive-hero p{color:#f0f0f0!important}


/* BB_SHOP_HARDFIX v1: definitive cream-theme overrides — must win */
.bb-shop-search{background:#f9f6f2!important;padding:22px 24px!important;border-bottom:1px solid var(--bb-gray-100)!important}
.bb-shop-search-wrap{max-width:540px!important}
.bb-shop-search input{background:#ffffff!important;border:1px solid var(--bb-gray-300, #d8d3c8)!important;color:var(--bb-black)!important;padding:14px 22px!important;border-radius:999px!important;text-align:left!important;font-size:14px!important;box-shadow:0 1px 2px rgba(0,0,0,.04)!important}
.bb-shop-search input::placeholder{color:#9a948a!important;font-style:normal!important}
.bb-shop-search input:focus{border-color:var(--bb-gold)!important;box-shadow:0 0 0 3px rgba(196,164,103,.18)!important}

.bb-brand-strip{background:#ffffff!important;padding:18px 24px!important;border-bottom:1px solid var(--bb-gray-100)!important}
.bb-brand-strip-label{color:var(--bb-gold)!important}

.bb-brand-chip{background:#faf8f4!important;border:1px solid var(--bb-gray-200, #e6e2d8)!important;color:var(--bb-black)!important;height:54px!important;padding:0 22px!important;border-radius:14px!important}
.bb-brand-chip:hover{background:#fff!important;border-color:var(--bb-gold)!important;box-shadow:0 6px 18px rgba(196,164,103,.18)!important}
.bb-brand-chip.is-active{background:var(--bb-gold)!important;border-color:var(--bb-gold)!important;color:#0a0a0a!important}

.bb-brand-main, .bb-brand-sub, .bb-brand-all-text{color:var(--bb-black)!important}
.bb-brand-chip:hover .bb-brand-main,
.bb-brand-chip:hover .bb-brand-sub,
.bb-brand-chip:hover .bb-brand-all-text{color:var(--bb-black)!important}
.bb-brand-chip.is-active .bb-brand-main,
.bb-brand-chip.is-active .bb-brand-sub,
.bb-brand-chip.is-active .bb-brand-all-text{color:#0a0a0a!important}

/* Hide any logo-image chip variant fallback (HALE removed; no img chips active right now) */
.bb-brand-img{height:30px!important;max-width:140px!important}


/* BB_HALE_LOGO_FIX: contain the HALE logo inside its chip */
.bb-brand-chip--hale{padding:6px 18px!important;background:#faf8f4!important;border:1px solid var(--bb-gray-200, #e6e2d8)!important}
.bb-brand-chip--hale:hover{background:#fff!important;border-color:var(--bb-gold)!important}
.bb-brand-chip--has-logo .bb-brand-img{height:38px!important;width:auto!important;max-width:140px!important;object-fit:contain!important;display:block!important}


/* BB_HALE_WORDMARK: Hale Derma rendered as a single-line wordmark to match other chips */
.bb-brand-chip--hale .bb-brand-main{font-family:Helvetica,Arial,sans-serif!important;font-size:15px!important;letter-spacing:.06em!important;font-weight:700!important;text-transform:none!important;color:var(--bb-black)!important}
.bb-brand-chip--hale{padding:0 26px!important}