/*
 * IMBMS — unified site theme (page bg + header / menu)
 *
 * REVERT: remove this stylesheet link from main2.master and MasterPage.master,
 *         then hard-refresh (Ctrl+F5).
 */

:root {
    --imbms-page-bg: #f5f5f6;
    --imbms-surface: #ffffff;
    --imbms-surface-soft: #fafafa;
    --imbms-bg: #f5f5f6;
    --imbms-text: #282c3f;
    --imbms-text-muted: #696b79;
    --imbms-border: #eaeaec;
    --imbms-pink: #ff3f6c;
    --imbms-pink-dark: #e5385f;
    --imbms-pink-soft: #fff0f3;
    --imbms-brand: #150087;
    --imbms-header-shadow: 0 1px 0 rgba(40, 44, 63, 0.05), 0 4px 16px rgba(40, 44, 63, 0.06);
}

html,
body {
    background-color: var(--imbms-page-bg) !important;
    color: var(--imbms-text);
}

/* ── Page shells ── */
.imbms-shop-page,
.imbms-pdp-page,
.imbms-bag-page,
.imbms-bag-page.cart-area,
.imbms-checkout-page,
.imbms-checkout-page.checkout-area,
.shop-page-area,
.checkout-area,
.cart-area,
.gray-bg,
.imbms-beauty-home,
.imbms-beauty-hero,
.imbms-cat-shortcuts {
    background-color: var(--imbms-page-bg) !important;
}

.imbms-breadcrumb {
    background: var(--imbms-page-bg) !important;
}

@media (max-width: 767px) {
    .imbms-breadcrumb {
        background: var(--imbms-surface) !important;
    }
}

.imbms-pdp-tabs.description-review-area,
.imbms-pdp-trust {
    background: var(--imbms-page-bg) !important;
}

.product-area {
    background: var(--imbms-surface) !important;
}

.imbms-checkout-page .login-register-wrapper.checkoutlogin,
.imbms-checkout-page .billing-information-wrapper,
.imbms-checkout-page .order-review-wrapper,
.imbms-checkout-page .checkout-wrapper h5.panel-title.imbms-checkout-step-title {
    background: var(--imbms-surface-soft) !important;
}

.imbms-bag-item-media {
    background: var(--imbms-surface-soft) !important;
}

.imbms-footer-bottom,
.footer-bottom.gray-bg-2 {
    background: #ececee !important;
}

.breadcrumb-area.gray-bg {
    background: var(--imbms-page-bg) !important;
    border-bottom: 1px solid var(--imbms-border);
}

.innerbanner {
    background: var(--imbms-page-bg);
}

/* ── Announce strip ── */
.imbms-announce {
    background: linear-gradient(90deg, #fff5f8 0%, #ffffff 40%, #ffffff 60%, #fff5f8 100%) !important;
    border-bottom: 1px solid #ffe4eb !important;
    color: #535766 !important;
}

.imbms-announce .announce-text strong,
.imbms-announce .fssai-badge {
    color: #3e4152 !important;
}

/* ── Header + main menu ── */
.imbms-header {
    background: var(--imbms-surface);
}

.imbms-header-main {
    background: var(--imbms-surface) !important;
    border-bottom: 1px solid var(--imbms-border) !important;
    box-shadow: var(--imbms-header-shadow) !important;
}

.imbms-top-nav a,
.imbms-top-nav button {
    border-radius: 4px;
    color: var(--imbms-text) !important;
    margin: 0 1px;
    transition: background 0.18s ease, color 0.18s ease;
}

.imbms-top-nav a:hover,
.imbms-top-nav button:hover {
    background: var(--imbms-pink-soft) !important;
    color: var(--imbms-pink) !important;
}

.imbms-header .imbms-search-form {
    background: var(--imbms-surface-soft) !important;
    border-color: var(--imbms-border) !important;
}

.imbms-header .imbms-search-form:focus-within {
    background: var(--imbms-surface) !important;
    border-color: #d4d5d9 !important;
    box-shadow: 0 2px 10px rgba(40, 44, 63, 0.08) !important;
}

.imbms-action-item > a:hover,
.imbms-action-item .imbms-action-link:hover,
.imbms-header .header-cart > a:hover {
    color: var(--imbms-pink) !important;
}

/* Mobile / tablet category row */
.imbms-cat-nav {
    background: var(--imbms-surface) !important;
    border-bottom: 1px solid var(--imbms-border) !important;
    box-shadow: 0 1px 0 rgba(40, 44, 63, 0.03);
}

.imbms-cat-nav ul li a,
.imbms-cat-nav ul li button {
    color: var(--imbms-text-muted) !important;
    font-weight: 600 !important;
}

.imbms-cat-nav ul li a:hover,
.imbms-cat-nav ul li button:hover,
.imbms-cat-nav ul li a.is-active {
    border-bottom-color: var(--imbms-pink) !important;
    color: var(--imbms-pink) !important;
}

.imbms-cat-all button {
    color: var(--imbms-text) !important;
}

.imbms-cat-all button:hover {
    color: var(--imbms-pink) !important;
}

/* Header logo — exact logo1.png, original colors only */
.imbms-logo-link {
    background: transparent !important;
    box-shadow: none !important;
    display: inline-block;
    line-height: 0;
    padding: 0;
    text-decoration: none !important;
}

.imbms-logo-link:hover,
.imbms-logo-link:focus {
    background: transparent !important;
    box-shadow: none !important;
    outline: none;
    text-decoration: none !important;
}

.imbms-logo-img {
    display: block;
    height: auto;
    max-width: 155px;
    width: auto;
}

@media (max-width: 991px) {
    .imbms-logo-img {
        max-width: 110px;
    }
}

@media (min-width: 992px) {
    .imbms-logo-img {
        height: 50px;
        max-width: 155px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .imbms-logo-img {
        height: 44px;
        max-width: 130px;
    }
}