/* Oillix.de — match oillix.com dark brand header + site background */

:root {
    --ox-black: #000000;
    --ox-surface-dark: #130f24;
    --ox-purple: #36388d;
    --ox-purple-2: #321996;
    --ox-blue: #3b3db8;
    --ox-text: #ffffff;
    --ox-muted: #b8b8c8;
    --ox-border: rgba(255, 255, 255, 0.12);
}

/* Whole site background like oillix.com */
html,
body.toolbar-enabled,
body {
    background-color: var(--ox-black) !important;
    color: #e8e8ef;
}

body .__inline-61,
body .rtl,
body .container {
    /* inherit dark canvas */
}

body .card,
body .__shadow,
body .__inline-62,
body .__featured-deal-wrap,
body .seller-card,
body .product-single-hover,
body .footer,
body footer {
    /* keep content readable; sections sit on black */
}

body .footer,
body footer,
body .footer-bottom,
body .newsletter-section {
    background-color: #0a0a0a !important;
    color: #e8e8ef;
}

body .footer a,
body footer a {
    color: #cfd0e0 !important;
}

/* ---------- Header (oillix.com style) ---------- */
.oillix-premium-header {
    background: var(--ox-black) !important;
    box-shadow: none;
    overflow-x: clip;
    border-bottom: 1px solid var(--ox-border);
}

.oillix-premium-header #announcement {
    font-size: 0.8125rem;
    font-weight: 500;
    padding: 0.4rem 2.25rem !important;
}

.oillix-premium-header #announcement .__close-announcement,
.oillix-premium-header #announcement .web-announcement-slideUp {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    inset-inline-end: 0.85rem;
    width: 1.75rem;
    height: 1.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
    opacity: 0.85;
    border: 0;
    background: transparent;
    color: inherit;
}

/* Hide old utility/phone topbar — oillix.com has single bar */
.oillix-premium-header .topbar {
    display: none !important;
}

.oillix-premium-header .navbar-sticky.mobile-head,
.oillix-premium-header .navbar-sticky {
    background: var(--ox-black) !important;
    border-bottom: 0;
}

.oillix-premium-header .navbar-sticky > .navbar {
    padding: 0.85rem 0;
    background: transparent !important;
}

.oillix-premium-header .navbar-sticky > .navbar > .container {
    display: flex;
    align-items: center;
    gap: 1rem 1.5rem;
    flex-wrap: nowrap;
}

.oillix-premium-header .navbar-brand {
    margin: 0 !important;
    flex-shrink: 0;
}

.oillix-premium-header .navbar-brand img.__inline-11,
.oillix-premium-header .navbar-brand .mobile-logo-img,
.oillix-premium-header .oillix-com-logo {
    height: 120px !important;
    max-height: 120px !important;
    width: auto !important;
    max-width: 360px !important;
    object-fit: contain !important;
}

/* Hide large search on desktop to match oillix.com */
.oillix-premium-header .oillix-header-search {
    display: none !important;
}

.oillix-premium-header .oillix-header-search.search-form-mobile.active {
    display: block !important;
}

/* Brand nav — Home / Shop / About / Gallery / Contact */
.oillix-com-nav {
    display: none;
    align-items: center;
    gap: 0.15rem 1.35rem;
    list-style: none;
    margin: 0;
    padding: 0;
    flex: 1 1 auto;
    justify-content: center;
}

.oillix-com-nav .nav-link {
    color: #fff !important;
    font-size: 0.95rem;
    font-weight: 500;
    padding: 0.35rem 0.15rem !important;
    background: transparent !important;
    border: 0 !important;
    position: relative;
    text-decoration: none !important;
    white-space: nowrap;
}

.oillix-com-nav .nav-link:hover,
.oillix-com-nav .nav-item.active > .nav-link {
    color: #8b8cf0 !important;
}

.oillix-com-nav .nav-item.active > .nav-link::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.35rem;
    height: 2px;
    background: #8b8cf0;
    border-radius: 2px;
}

@media (min-width: 992px) {
    .oillix-com-nav {
        display: flex;
    }

    /* oillix.com has no hamburger on desktop */
    .oillix-premium-header .oillix-menu-toggle,
    .oillix-premium-header .open-search-form-mobile {
        display: none !important;
    }

    .oillix-premium-header .navbar-stuck-menu {
        display: none !important;
    }
}

.oillix-premium-header .oillix-header-actions {
    display: flex;
    align-items: center;
    gap: 0.75rem 1rem;
    flex-shrink: 0;
    margin-inline-start: auto;
}

/* Language compact EN */
.oillix-premium-header .oillix-com-lang .topbar-link,
.oillix-premium-header .oillix-com-lang a {
    color: #fff !important;
    font-size: 0.875rem !important;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.oillix-premium-header .oillix-com-lang img {
    display: none;
}

/* Cart — bag style on dark */
.oillix-premium-header .oillix-header-cart .navbar-tool {
    margin: 0 !important;
}

.oillix-premium-header .oillix-header-cart .navbar-tool-icon-box {
    width: 2.5rem !important;
    height: 2.5rem !important;
    min-width: 2.5rem;
    min-height: 2.5rem;
    border: 0 !important;
    background: transparent !important;
    color: #fff !important;
}

.oillix-premium-header .oillix-header-cart .navbar-tool-icon,
.oillix-premium-header .oillix-header-cart .czi-cart {
    color: #fff !important;
}

.oillix-premium-header .oillix-header-cart .navbar-tool-text {
    display: none !important;
}

.oillix-premium-header .oillix-header-cart .navbar-tool-label {
    background: var(--ox-purple) !important;
}

/* Oil Finder = oillix.com "Become a distributor" style */
.oillix-premium-header .oillix-oil-finder-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-height: 2.65rem;
    padding: 0.55rem 1.35rem;
    border-radius: 999px;
    background: linear-gradient(90deg, #2a2d9c 0%, #4a4fd4 55%, #5b5fe0 100%);
    color: #fff !important;
    font-weight: 600;
    font-size: 0.9rem;
    line-height: 1.2;
    text-decoration: none !important;
    white-space: nowrap;
    border: 0;
    box-shadow: 0 6px 18px rgba(54, 56, 141, 0.35);
}

.oillix-premium-header .oillix-oil-finder-btn:hover,
.oillix-premium-header .oillix-oil-finder-btn:focus {
    filter: brightness(1.08);
    color: #fff !important;
    text-decoration: none !important;
}

.oillix-premium-header .oillix-oil-finder-btn svg {
    display: none;
}

.oillix-premium-header .oillix-menu-toggle {
    width: 2.5rem;
    height: 2.5rem;
    min-width: 2.5rem;
    min-height: 2.5rem;
    border: 1px solid var(--ox-border);
    border-radius: 0.65rem;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    background: transparent;
    color: #fff !important;
}

.oillix-premium-header .oillix-menu-toggle .navbar-tool-icon-box {
    background: transparent !important;
    color: #fff !important;
}

.oillix-premium-header .oillix-menu-toggle .navbar-tool-icon {
    color: #fff !important;
}

.oillix-premium-header .oillix-menu-toggle:not(.show) .open-icon {
    display: inline-block;
}
.oillix-premium-header .oillix-menu-toggle:not(.show) .close-icon {
    display: none;
}
.oillix-premium-header .oillix-menu-toggle.show .open-icon {
    display: none;
}
.oillix-premium-header .oillix-menu-toggle.show .close-icon {
    display: inline-block;
}

.oillix-premium-header .navbar-sticky > .navbar > .container > .navbar-toolbar {
    display: none;
}

.oillix-premium-header .navbar-sticky > .navbar .navbar-toggler {
    display: none !important;
}

/* Secondary ecommerce nav — hide on desktop (oillix.com has one row) */
.oillix-premium-header .navbar-stuck-menu {
    background: #0a0a0a !important;
    border-bottom: 1px solid var(--ox-border);
    display: none;
}

.oillix-premium-header .navbar-stuck-menu.show {
    display: block !important;
}

.oillix-premium-header .navbar-stuck-menu .nav-link,
.oillix-premium-header .navbar-stuck-menu .navbar-nav .nav-link,
.oillix-premium-header .navbar-stuck-menu .btn.dropdown-toggle {
    color: #fff !important;
    font-weight: 500;
    font-size: 0.9rem;
}

.oillix-premium-header .navbar-stuck-menu .nav-link:hover,
.oillix-premium-header .navbar-stuck-menu .nav-item.active > .nav-link {
    color: #8b8cf0 !important;
}

.oillix-premium-header .__mega-nav .category-menu-toggle-btn {
    background: linear-gradient(90deg, #2a2d9c, #4a4fd4) !important;
    color: #fff !important;
    border-radius: 0.65rem;
    padding: 0.5rem 0.9rem !important;
}

.oillix-premium-header .megamenu-wrap {
    background: #0a0a0a;
}

/* ---------- Hero on dark ---------- */
.oillix-hero {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(ellipse 50% 60% at 85% 35%, rgba(54, 56, 141, 0.45), transparent 65%),
        linear-gradient(115deg, #0a0618 0%, #000 45%, #12102a 100%);
    border-bottom: 1px solid var(--ox-border);
}

.oillix-hero::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    bottom: 0;
    width: min(38vw, 28rem);
    height: 42%;
    background: linear-gradient(135deg, #2a2d9c 0%, #1a1040 100%);
    clip-path: polygon(0 28%, 100% 0, 100% 100%, 0 100%);
    opacity: 0.85;
    pointer-events: none;
}

.oillix-hero .container {
    position: relative;
    z-index: 1;
    padding-block: 2.75rem 3rem;
}

.oillix-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.15fr);
    gap: 2rem 2.5rem;
    align-items: center;
}

.oillix-hero__eyebrow {
    display: inline-flex;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #8b8cf0;
    margin-bottom: 0.75rem;
}

.oillix-hero__title {
    font-size: clamp(1.75rem, 2.4vw + 1rem, 2.75rem);
    font-weight: 700;
    line-height: 1.15;
    color: #fff;
    letter-spacing: -0.02em;
    margin: 0 0 0.85rem;
    max-width: 18ch;
}

.oillix-hero__text {
    font-size: 1rem;
    line-height: 1.55;
    color: #b8b8c8;
    margin: 0 0 1.5rem;
    max-width: 36ch;
}

.oillix-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.oillix-hero__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.75rem;
    padding: 0.65rem 1.35rem;
    border-radius: 999px;
    font-weight: 600;
    font-size: 0.9375rem;
    text-decoration: none !important;
}

.oillix-hero__btn--primary {
    background: linear-gradient(90deg, #2a2d9c 0%, #4a4fd4 100%);
    color: #fff !important;
    border: 1px solid transparent;
}

.oillix-hero__btn--ghost {
    background: transparent;
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.35);
}

.oillix-hero__btn--ghost:hover {
    border-color: #8b8cf0;
    color: #8b8cf0 !important;
}

.oillix-hero__visual {
    position: relative;
    min-height: 280px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 1rem 0.5rem 0;
}

.oillix-hero__stage {
    position: relative;
    width: 100%;
    max-width: 34rem;
    height: 300px;
}

.oillix-hero__bottle {
    position: absolute;
    bottom: 0;
    width: auto;
    height: auto;
    max-height: 100%;
    object-fit: contain;
    filter: drop-shadow(0 18px 28px rgba(0, 0, 0, 0.45));
    user-select: none;
    pointer-events: none;
}

.oillix-hero__bottle--1 {
    inset-inline-start: 4%;
    height: 72%;
    z-index: 2;
    transform: rotate(-4deg);
}
.oillix-hero__bottle--2 {
    inset-inline-start: 22%;
    height: 88%;
    z-index: 3;
}
.oillix-hero__bottle--3 {
    inset-inline-start: 42%;
    height: 100%;
    z-index: 4;
}
.oillix-hero__bottle--4 {
    inset-inline-start: 62%;
    height: 84%;
    z-index: 3;
    transform: rotate(3deg);
}
.oillix-hero__bottle--5 {
    inset-inline-start: 78%;
    height: 70%;
    z-index: 2;
    transform: rotate(5deg);
}

.oillix-hero__glow {
    position: absolute;
    inset-inline-end: 8%;
    top: 12%;
    width: 9rem;
    height: 9rem;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(90, 95, 220, 0.35), transparent 70%);
    pointer-events: none;
}

/* Categories on dark */
.oillix-categories-premium .card.__shadow {
    border: 1px solid var(--ox-border);
    border-radius: 1rem;
    background: #12101c !important;
    box-shadow: none !important;
}

.oillix-categories-premium .categories-title,
.oillix-categories-premium .__cate-item h3,
body .feature-product-title,
body .arrival-title,
body .section-header h2,
body .featured_deal_title {
    color: #fff !important;
}

.oillix-categories-premium .view-all-text,
body .view-all-text {
    color: #8b8cf0 !important;
}

.oillix-categories-premium .__cate-item .__img {
    width: 5.5rem;
    height: 5.5rem;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid var(--ox-border);
    background: #1a1828;
}

.oillix-categories-premium .__cate-item .__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Product/seller cards stay slightly lifted */
body .product-single-hover,
body .__card,
body .seller-card .others-store-card,
body .others-store-card {
    background: #14121f !important;
    border-color: var(--ox-border) !important;
    color: #e8e8ef;
}

body .for-hover-bg,
body .product-title a,
body .store-name,
body h1, body h2, body h3, body h4, body h5 {
    color: #f2f2f7;
}

@media (max-width: 991.98px) {
    .oillix-premium-header .oillix-oil-finder-btn span {
        /* keep text — short label */
    }

    .oillix-hero__grid {
        grid-template-columns: 1fr;
    }

    .oillix-hero__title {
        max-width: none;
    }

    .oillix-hero__stage {
        height: 240px;
        max-width: 28rem;
        margin-inline: auto;
    }
}

@media (max-width: 767.98px) {
    .oillix-premium-header .oillix-oil-finder-btn {
        padding: 0.5rem 0.85rem;
        font-size: 0.8rem;
        min-height: 2.5rem;
    }

    .oillix-premium-header .oillix-header-search.search-form-mobile.active {
        position: absolute;
        left: 0.75rem;
        right: 0.75rem;
        top: 100%;
        z-index: 30;
        background: #12101c;
        padding: 0.5rem;
        border-radius: 0.85rem;
        border: 1px solid var(--ox-border);
    }

    .oillix-premium-header .navbar-sticky {
        position: relative;
    }

    .oillix-premium-header .oillix-header-actions .open-search-form-mobile {
        display: inline-flex !important;
    }

    .oillix-premium-header .navbar-tool.open-search-form-mobile .navbar-tool-icon-box {
        width: 2.5rem !important;
        height: 2.5rem !important;
        border: 1px solid var(--ox-border);
        border-radius: 0.65rem;
        background: transparent !important;
        color: #fff !important;
    }

    .oillix-premium-header .navbar-stuck-menu.show {
        box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5);
    }

    .oillix-hero__bottle--1,
    .oillix-hero__bottle--5 {
        display: none;
    }

    .oillix-hero__stage {
        height: 200px;
    }
}

@media (max-width: 429.98px) {
    .oillix-premium-header .oillix-oil-finder-btn {
        display: none;
    }

    .oillix-hero__btn {
        flex: 1 1 auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .oillix-premium-header .oillix-oil-finder-btn,
    .oillix-hero__btn {
        transition: none;
    }
}

/* ===== Logo size mobile tweak ===== */
@media (max-width: 767.98px) {
    .oillix-premium-header .navbar-brand img.__inline-11,
    .oillix-premium-header .navbar-brand .mobile-logo-img,
    .oillix-premium-header .oillix-com-logo {
        height: 80px !important;
        max-height: 80px !important;
        max-width: 240px !important;
    }
}

/* ===== Kill remaining white / light backgrounds ===== */
body.toolbar-enabled,
body,
html {
    background: #000 !important;
}

body .bg-light,
body .bg-white,
body .bg--light,
body .navbar-light,
body .__inline-61,
body .__inline-62,
body section,
body .container,
body .row,
body .new-arrival-section,
body .featured_deal,
body .feature-product,
body .owl-carousel,
body .owl-stage-outer,
body .owl-stage,
body .owl-item,
body .carousel-wrap {
    background-color: transparent !important;
}

body .card,
body .card-body,
body .__shadow,
body .__inline-62 .card,
body .oillix-categories-premium .card,
body .others-store-card,
body .seller-card,
body .product-single-hover,
body .__card,
body .for-brand-hover,
body .brand,
body .deal_of_the_day,
body .__featured-deal-wrap,
body .footer,
body footer,
body .footer-bottom,
body .newsletter,
body .footer_banner_img,
body .max-md-shadow-0 {
    background-color: #12101c !important;
    background: #12101c !important;
}

/* Top sellers / store cards white patches */
body .others-store-card .name-area,
body .others-store-card .store-info,
body .seller-card .card,
body .others-store-slider .card,
body .others-store-card > div {
    background-color: #12101c !important;
}

body .text-dark,
body .featured_deal_title,
body .product-title,
body .product-title a,
body .store-name,
body .name-area h6,
body .name-area a {
    color: #f2f2f7 !important;
}

body .text-muted,
body .fs-13,
body small {
    color: #a8a8b8 !important;
}

/* Golden borders removed */

body .navbar-tool-label {
    border: 0 !important;
    box-shadow: none !important;
}

/* ===== Become Distributor floating button ===== */
.oillix-floating-actions {
    display: flex !important;
    flex-direction: column;
    align-items: flex-end;
    gap: 12px;
}

.oillix-become-distributor-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0.55rem 1.1rem;
    border-radius: 999px !important;
    background: #1a1c6e !important;
    color: #fff !important;
    font-weight: 600;
    font-size: 0.85rem;
    line-height: 1.2;
    text-decoration: none !important;
    white-space: nowrap;
    border: none !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35);
}

.oillix-become-distributor-btn:hover,
.oillix-become-distributor-btn:focus {
    color: #fff !important;
    filter: brightness(1.08);
    text-decoration: none !important;
}

@media (max-width: 429.98px) {
    .oillix-become-distributor-btn {
        font-size: 0.75rem;
        padding: 0.45rem 0.85rem;
        max-width: 9.5rem;
        white-space: normal;
        text-align: center;
    }
}

/* Floating group spacing with distributor + whatsapp */
.floating-btn-grp .__floating-btn.oillix-floating-actions {
    position: relative !important;
    bottom: unset !important;
    inset: unset !important;
}

.floating-btn-grp .wa-widget-send-button {
    margin: 0 !important;
    padding: 0 !important;
}


/* ===== Secondary white sections → dark blue + gold border ===== */
body .create-an-account,
body .create-an-account .bg-white,
body .create-an-account .rounded,
body .__p-20px.rounded.bg-white,
body .__p-20px.bg-white,
body .rounded.bg-white,
body .bg-white.rounded,
body .__shadow-2,
body .__shadow-2 > div,
body .shipping-policy-web,
body .__inline-61 .shipping-policy-web,
body .shipping-method-system,
body .footer-top-slide-item,
body .footer-slide-item,
body .footer-slide-item > div,
body .footer-slider-container,
body .__inline-9,
body .category-wise-product-slider,
body .carousel-wrap-2,
body .product-card,
body .product-single-hover,
body .cp-product,
body .flash-product-card,
body .__product-div,
body .for-product-inline,
body .feature-product .owl-item > div,
body .new-arrivals-product .owl-item > div {
    background-color: #14163a !important;
    background: #14163a !important;
    border: none !important;
    box-shadow: none !important;
}

body .create-an-account {
    border-radius: 12px !important;
    overflow: hidden;
}

body .create-an-account .create-an-account-bg-img {
    opacity: 0.15;
    filter: grayscale(0.2) brightness(0.4);
}

body .create-an-account h3,
body .create-an-account h4,
body .create-an-account label,
body .create-an-account .text,
body .create-an-account .mb-4 {
    color: #f2f2f7 !important;
}

body .create-an-account .form-control {
    background: #0d0f28 !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    color: #fff !important;
}

body .create-an-account .btn,
body .create-an-account button[type="submit"],
body .create-an-account .proceed {
    background: #1a1c6e !important;
    border: none !important;
    color: #fff !important;
}

/* Category product section titles */
body .category-product-view-title,
body .for-feature-title,
body .__text-20px {
    color: #e8e8ef !important;
}

/* Footer About / Contact / FAQ tiles */
body .footer-slide-item,
body .footer-slide-item > div {
    border-radius: 10px !important;
    padding: 0.75rem;
}

body .footer-slide-item h2,
body .footer-slide-item p,
body .footer-slide-item small,
body .footer-slide-item .heading,
body .footer-slide-item .des,
body .shipping-method-system p {
    color: #d8d8e8 !important;
}

/* Product cards gold border + dark blue body */
body .product-single-hover,
body .cp-product,
body .__product-div,
body .flash-product-card {
    border-radius: 10px !important;
    overflow: hidden;
}

body .product-single-hover .product-content,
body .product-single-hover .for-hover-bg,
body .cp-product .product-content {
    background: #0f1130 !important;
}

/* Avoid double-border on nested whites inside already bordered parents */
body .create-an-account .bg-white.rounded {
    border-radius: 10px !important;
}

/* Keep WhatsApp above Become Distributor (column, whatsapp first in DOM) */
.oillix-floating-actions {
    flex-direction: column !important;
    align-items: flex-end !important;
    gap: 12px !important;
}


/* ===== OILLIX FINAL OVERRIDES ===== */

/* No golden lines anywhere */
body .card,
body .__shadow,
body .oillix-categories-premium .card,
body .others-store-card,
body .seller-card,
body .product-single-hover,
body .__card,
body .__featured-deal-wrap,
body .deal_of_the_day,
body .brand,
body .for-brand-hover,
body .oillix-hero__btn,
body .oillix-premium-header .oillix-oil-finder-btn,
body .btn--primary,
body .btn.rounded-pill,
body .rounded,
body .rounded-lg,
body .rounded-3,
body .__cate-item .__img,
body .oillix-categories-premium .__cate-item .__img,
body .others-store-card .store-avatar,
body .others-store-card img.rounded-circle,
body .wa-widget-send-button,
body .btn-scroll-top,
body .create-an-account,
body .create-an-account .bg-white,
body .__p-20px.rounded.bg-white,
body .shipping-policy-web,
body .shipping-method-system,
body .footer-top-slide-item,
body .footer-slide-item,
body .footer-slide-item > div,
body .product-card,
body .cp-product,
body .flash-product-card,
body .__product-div,
body .oillix-become-distributor-btn {
    border-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

body .oillix-become-distributor-btn,
body .oillix-premium-header .oillix-oil-finder-btn,
body .oillix-hero__btn--primary {
    border: none !important;
}

/* Dark/black text on dark backgrounds → white sitewide */
body,
body p,
body span,
body small,
body label,
body li,
body td,
body th,
body a,
body h1, body h2, body h3, body h4, body h5, body h6,
body .text-dark,
body .text-black,
body .text-body,
body .text-muted,
body .text-secondary,
body .text-gray,
body .text-grey,
body .for-feature-title,
body .category-product-view-title,
body .__text-20px,
body .product-title,
body .product-title a,
body .store-name,
body .name-area h6,
body .name-area a,
body .featured_deal_title,
body .arrival-title,
body .section-header h2,
body .categories-title,
body .__cate-item h3,
body .footer a,
body footer a,
body .footer-slide-item h2,
body .footer-slide-item p,
body .footer-slide-item small,
body .footer-slide-item .heading,
body .footer-slide-item .des,
body .shipping-method-system p,
body .create-an-account h3,
body .create-an-account h4,
body .create-an-account label,
body .create-an-account .text,
body .create-an-account .mb-4,
body .widget,
body .widget a,
body .dropdown-item,
body .nav-link,
body .breadcrumb,
body .breadcrumb a,
body .breadcrumb-item,
body .breadcrumb-item a,
body .breadcrumb-item.active,
body .form-control,
body .custom-select,
body .page-link,
body .media-body,
body .fs-13,
body .fs-14,
body .fs-12,
body .font-semibold,
body .font-bold,
body strong,
body b {
    color: #ffffff !important;
}

/* Keep subtle muted look only for true secondary hints */
body .text-muted,
body small.des,
body .des {
    color: #d0d0dc !important;
}

/* Links stay readable, accent on hover */
body a:hover,
body .view-all-text,
body .web-text-primary,
body .text-primary {
    color: #a5a7ff !important;
}

/* Form inputs readable on dark */
body .form-control,
body .custom-select,
body input,
body textarea,
body select {
    color: #ffffff !important;
    background-color: #0d0f28 !important;
}

body .form-control::placeholder {
    color: #b0b0c0 !important;
}

/* Dropdown menus on dark */
body .dropdown-menu {
    background: #14163a !important;
    border: none !important;
}

body .dropdown-item:hover,
body .dropdown-item:focus {
    background: rgba(255,255,255,0.08) !important;
    color: #ffffff !important;
}


/* Force header logo bigger — override theme .__inline-11 { height: 40px !important } */
.oillix-premium-header .navbar-brand img,
.oillix-premium-header .navbar-brand img.__inline-11,
.oillix-premium-header .oillix-com-logo {
    height: 120px !important;
    max-height: 120px !important;
    width: auto !important;
    max-width: 360px !important;
    object-fit: contain !important;
}
@media (max-width: 767.98px) {
    .oillix-premium-header .navbar-brand img,
    .oillix-premium-header .navbar-brand img.__inline-11,
    .oillix-premium-header .oillix-com-logo {
        height: 80px !important;
        max-height: 80px !important;
        max-width: 240px !important;
    }
}

/* =========================================================
   PERMANENT DARK THEME — products / vendors / brands / cards
   ========================================================= */

:root {
    --ox-page: #000000;
    --ox-panel: #14163a;
    --ox-panel-2: #0f1130;
    --ox-text: #ffffff;
    --ox-muted: #d0d0dc;
}

/* Global kill remaining whites */
body .bg-white,
body .bg-light,
body .bg--light,
body .bg-primary-light,
body [class*="bg-white"],
body .__shop-banner-main,
body .search-page-header,
body .cz-sidebar,
body .__search-sidebar,
body .__inline-35,
body .__inline-35.cz-sidebar,
body .shop-sidebar-scroll,
body .recommended-product-card,
body .deal_of_the_day .recommended-product-card,
body .__inline-61 .recommended-product-card,
body .others-store-card,
body .others-store-card .name-area,
body .others-store-card .name-area .info,
body .others-store-card .info-area,
body .others-store-card .info-area .info-item,
body .brand_div,
body .brand_div-wrap,
body .product-list-filter,
body .border,
body .card,
body .modal-content,
body .dropdown-menu,
body .pagination .page-link,
body .view-page-item-count,
body .widget,
body .sidebar_heading {
    background-color: var(--ox-panel) !important;
    background: var(--ox-panel) !important;
    background-image: none !important;
    color: var(--ox-text) !important;
}

/* Page canvas */
body .container,
body .__inline-65,
body .__inline-67,
body .__inline-35,
body .__inline-61,
body section {
    background-color: transparent !important;
}

/* Recommended product card */
body .recommended-product-card,
body .deal_of_the_day .recommended-product-card {
    background: var(--ox-panel) !important;
    color: var(--ox-text) !important;
    border: none !important;
    box-shadow: none !important;
}

body .recommended-product-card a,
body .recommended-product-card label,
body .recommended-product-card span,
body .recommended-product-card h1,
body .recommended-product-card h2,
body .recommended-product-card h3,
body .recommended-product-card h4,
body .recommended-product-card h5,
body .recommended-product-card h6,
body .recommended-product-card .strike-price,
body .recommended-product-card del,
body .recommended-product-card .product-price {
    color: var(--ox-text) !important;
}

body .recommended-product-card .btn,
body .recommended-product-card button {
    background: #1a1c6e !important;
    color: #fff !important;
    border: none !important;
}

/* Product listing sidebar + header bar */
body .__search-sidebar,
body #shop-sidebar,
body .cz-sidebar.__inline-35,
body .search-page-header,
body .product-list-filter .search-page-header {
    background: var(--ox-panel) !important;
    color: var(--ox-text) !important;
}

body .__search-sidebar h5,
body .__search-sidebar label,
body .__search-sidebar a,
body .__search-sidebar span,
body .__search-sidebar li,
body .__search-sidebar .custom-control-label,
body .search-page-header h5,
body .search-page-header span,
body .search-page-header a,
body .search-page-header .widget-title {
    color: var(--ox-text) !important;
}

body .__search-sidebar hr {
    border-color: rgba(255,255,255,0.15) !important;
}

body .__search-sidebar .form-control,
body .__search-sidebar .custom-select,
body .search-page-header .form-control,
body .search-page-button-input,
body .product-list-filter .form-control,
body .product-list-filter select {
    background: var(--ox-panel-2) !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
}

/* All Stores / Brands header strip */
body .bg-primary-light,
body .bg-primary-light.rounded-10,
body .__inline-65 .bg-primary-light,
body .container .bg-primary-light {
    background: var(--ox-panel) !important;
    background-image: none !important;
    color: var(--ox-text) !important;
}

body .bg-primary-light h4,
body .bg-primary-light p,
body .bg-primary-light .text-primary,
body .bg-primary-light .fw-bold,
body .bg-primary-light .fw-semibold,
body .text-primary {
    color: var(--ox-text) !important;
}

/* Vendor / store cards */
body .others-store-card,
body a.others-store-card {
    background: var(--ox-panel) !important;
    color: var(--ox-text) !important;
}

body .others-store-card .name-area,
body .others-store-card .name-area .info,
body .others-store-card .info,
body .others-store-card .info-area,
body .others-store-card .info-area .info-item {
    background: var(--ox-panel) !important;
    color: var(--ox-text) !important;
}

body .others-store-card h5,
body .others-store-card h6,
body .others-store-card small,
body .others-store-card span,
body .others-store-card a,
body .others-store-card .web-text-primary {
    color: var(--ox-text) !important;
}

body .others-store-card .info-area .info-item {
    background: var(--ox-panel-2) !important;
    border: none !important;
}

body .others-store-card .info-area .info-item h6 {
    color: var(--ox-text) !important;
}

/* Brands grid tiles */
body .brand_div,
body .brand_div-wrap .brand_div {
    background: var(--ox-panel) !important;
    color: var(--ox-text) !important;
    border: none !important;
}

body .brand_div div,
body .brand_div span {
    color: var(--ox-text) !important;
}

/* Shop / brand product page */
body .__shop-banner-main,
body .__inline-67 .bg-white,
body .__inline-67 .border {
    background: var(--ox-panel) !important;
    border-color: rgba(255,255,255,0.1) !important;
}

/* Product cards remain dark with white text */
body .product-single-hover,
body .cp-product,
body .__product-div,
body .flash-product-card,
body .for-hover-bg {
    background: var(--ox-panel) !important;
    color: var(--ox-text) !important;
}

body .product-single-hover a,
body .product-single-hover span,
body .product-title,
body .product-title a,
body .for-hover-bg a {
    color: var(--ox-text) !important;
}

/* Pagination */
body .pagination .page-item .page-link {
    background: var(--ox-panel) !important;
    color: #fff !important;
    border: none !important;
}

body .pagination .page-item.active .page-link {
    background: #1a1c6e !important;
    color: #fff !important;
}

/* Force any remaining dark text to white on these pages */
body .__inline-65 *,
body .__inline-67 *,
body .__inline-35 *,
body .product-list-filter *,
body .deal_of_the_day *,
body .recommended-product-card *,
body .others-store-card *,
body .brand_div-wrap * {
    /* don't force images/svg fills blindly via color alone on icons */
}

body .__inline-65 h1, body .__inline-65 h2, body .__inline-65 h3,
body .__inline-65 h4, body .__inline-65 h5, body .__inline-65 h6,
body .__inline-65 p, body .__inline-65 span, body .__inline-65 a, body .__inline-65 label,
body .__inline-67 h1, body .__inline-67 h2, body .__inline-67 h3,
body .__inline-67 h4, body .__inline-67 h5, body .__inline-67 h6,
body .__inline-67 p, body .__inline-67 span, body .__inline-67 a, body .__inline-67 label,
body .__inline-35 h1, body .__inline-35 h2, body .__inline-35 h3,
body .__inline-35 h4, body .__inline-35 h5, body .__inline-35 h6,
body .__inline-35 p, body .__inline-35 span, body .__inline-35 a, body .__inline-35 label,
body .product-list-filter h1, body .product-list-filter h2, body .product-list-filter h3,
body .product-list-filter h4, body .product-list-filter h5, body .product-list-filter h6,
body .product-list-filter p, body .product-list-filter span, body .product-list-filter a,
body .product-list-filter label {
    color: #ffffff !important;
}

/* Keep star icons yellowish if needed */
body .tio-star,
body .text-star {
    color: #f5c518 !important;
}

/* Nuclear dark panel helper + kill JS light bg images */
.oillix-dark-panel,
.bg-primary-light.oillix-dark-panel,
.bg-primary-light.bg-img,
.bg-img.bg-primary-light,
html body .bg-primary-light {
    background: #14163a !important;
    background-color: #14163a !important;
    background-image: none !important;
    color: #ffffff !important;
}

html body .others-store-card .info-area .info-item,
html body a.others-store-card .info-area .info-item {
    background: #0f1130 !important;
    color: #ffffff !important;
}

html body .others-store-card .info-area .info-item *,
html body .others-store-card .info-area .info-item h6,
html body .others-store-card .info-area .info-item span {
    color: #ffffff !important;
}

html body .deal_of_the_day .recommended-product-card,
html body .__inline-61 .recommended-product-card,
html body .recommended-product-card {
    background: #14163a !important;
    color: #ffffff !important;
}

html body .search-page-header,
html body .cz-sidebar {
    background: #14163a !important;
    color: #ffffff !important;
}

/* ===== Light blue flowing-line watermark (sitewide) ===== */
html body.toolbar-enabled {
    position: relative;
    background-color: #000000 !important;
}

html body.toolbar-enabled::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-image: url("../img/brand/oillix-flow-watermark.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 0.28;
}

/* Keep page content above watermark */
html body.toolbar-enabled > * {
    position: relative;
    z-index: 1;
}

/* Floating buttons stay on top */
html body.toolbar-enabled .floating-btn-grp {
    z-index: 999 !important;
}

html body.toolbar-enabled header,
html body.toolbar-enabled .oillix-premium-header {
    z-index: 1000;
}