* { margin: 0; padding: 0; box-sizing: border-box; }
        :root {
            --bg-page: #FFFFFF;
            --bg-surface: #FFFFFF;
            --bg-sand: #F7F7F6;
            --bg-sand-accent: #EFEFEF;
            --color-black: #111111;
            --color-muted: #666666;
            --color-light-gray: #EAEAEA;
            --color-border: #EEEEEE;
            --color-gold: #D4AF37;
            --color-green: #0F9D58;
            --color-whatsapp: #25D366;
            --font-sans: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
            --radius-sm: 6px;
            --radius-md: 12px;
            --radius-lg: 20px;
            --shadow-subtle: 0 4px 20px rgba(0, 0, 0, 0.04);
            --shadow-card: 0 10px 30px rgba(0, 0, 0, 0.06);
            --shadow-hover: 0 14px 40px rgba(0, 0, 0, 0.09);
        }

        body {
            font-family: var(--font-sans);
            background-color: var(--bg-page);
            color: var(--color-black);
            line-height: 1.5;
            -webkit-font-smoothing: antialiased;
        }

        a { text-decoration: none; color: inherit; }
        img { max-width: 100%; height: auto; display: block; }
        .container { max-width: 1280px; margin: 0 auto; padding: 0 24px; }

        /* Minimal Announcement Bar */
        .announcement-bar {
            background-color: var(--color-black);
            color: #FFFFFF;
            font-size: 0.78rem;
            padding: 8px 0;
            letter-spacing: 0.3px;
        }
        .announcement-flex {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        /* Brand Logo (Mark + Typography) */
        .brand-logo-wrap {
            display: inline-flex;
            align-items: center;
            gap: 12px;
            text-decoration: none;
            flex-shrink: 0;
        }
        .brand-logo-mark {
            width: 38px;
            height: 38px;
            border-radius: 8px;
            background: #111111;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }
        .brand-logo-text {
            display: flex;
            flex-direction: column;
            line-height: 1.1;
        }
        .brand-name {
            font-weight: 800;
            font-size: 1.05rem;
            letter-spacing: 1.8px;
            color: var(--color-black);
            text-transform: uppercase;
        }
        .brand-sub {
            font-size: 0.58rem;
            font-weight: 700;
            letter-spacing: 1.6px;
            color: var(--color-muted);
            text-transform: uppercase;
            margin-top: 2px;
        }

        /* Buttons */
        .btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            padding: 12px 26px;
            border-radius: var(--radius-sm);
            font-weight: 700;
            font-size: 0.88rem;
            cursor: pointer;
            border: 1px solid transparent;
            transition: all 0.2s ease;
        }
        .btn-black {
            background-color: var(--color-black);
            color: #FFFFFF;
        }
        .btn-black:hover {
            background-color: #2D2D2D;
            transform: translateY(-1px);
        }
        .btn-outline {
            background-color: transparent;
            border-color: var(--color-light-gray);
            color: var(--color-black);
        }
        .btn-outline:hover {
            border-color: var(--color-black);
        }
        .btn-whatsapp-subtle {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            font-size: 0.82rem;
            font-weight: 700;
            color: #128C7E;
            background: #E8F8F0;
            padding: 8px 14px;
            border-radius: 30px;
            transition: all 0.2s ease;
        }
        .btn-whatsapp-subtle:hover {
            background: #25D366;
            color: #FFFFFF;
        }

        /* Header Navigation */
        .site-header {
            background-color: var(--bg-surface);
            border-bottom: 1px solid var(--color-border);
            position: sticky;
            top: 0;
            z-index: 1000;
        }
        .header-inner {
            display: flex;
            align-items: center;
            justify-content: space-between;
            height: 76px;
            gap: 24px;
        }

        .header-search {
            flex-grow: 1;
            max-width: 320px;
            position: relative;
        }
        .search-input {
            width: 100%;
            padding: 9px 16px 9px 38px;
            background-color: var(--bg-sand);
            border: 1px solid transparent;
            border-radius: 30px;
            font-size: 0.85rem;
            outline: none;
            transition: border-color 0.2s ease;
        }
        .search-input:focus {
            background-color: #FFFFFF;
            border-color: var(--color-black);
        }
        .search-icon-svg {
            position: absolute;
            left: 14px;
            top: 50%;
            transform: translateY(-50%);
            color: var(--color-muted);
        }

        .header-nav {
            display: flex;
            gap: 24px;
            list-style: none;
            align-items: center;
        }
        .nav-link {
            font-size: 0.88rem;
            font-weight: 600;
            color: var(--color-black);
            transition: opacity 0.2s ease;
        }
        .nav-link:hover, .nav-link.active { opacity: 0.6; }

        .header-actions {
            display: flex;
            align-items: center;
            gap: 16px;
        }
        .action-btn-pill {
            display: flex;
            align-items: center;
            gap: 6px;
            font-size: 0.85rem;
            font-weight: 600;
            color: var(--color-black);
        }
        .badge-count {
            background-color: var(--color-black);
            color: #FFFFFF;
            font-size: 0.7rem;
            font-weight: 800;
            width: 18px;
            height: 18px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        /* ==========================================================================
           1. MINIMAL HERO SECTION
           ========================================================================== */
        .hero-fullwidth {
            width: 100%;
            background-color: #FFFFFF;
            padding: 40px 0 60px 0;
            border-bottom: 1px solid var(--color-border);
        }
        .hero-grid {
            display: grid;
            grid-template-columns: 1fr 1.2fr;
            gap: 48px;
            align-items: center;
        }
        .hero-tagline {
            display: inline-block;
            font-size: 0.78rem;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: 2px;
            color: var(--color-muted);
            margin-bottom: 12px;
        }
        .hero-title {
            font-size: 3.5rem;
            font-weight: 800;
            line-height: 1.1;
            letter-spacing: -1.5px;
            margin-bottom: 18px;
            color: var(--color-black);
        }
        .hero-desc {
            font-size: 1.05rem;
            color: var(--color-muted);
            margin-bottom: 30px;
            line-height: 1.6;
            max-width: 440px;
        }
        .hero-actions {
            display: flex;
            gap: 14px;
            align-items: center;
        }

        .hero-image-wrap {
            position: relative;
            border-radius: var(--radius-lg);
            overflow: hidden;
            background-color: var(--bg-sand);
            height: 480px;
            box-shadow: var(--shadow-card);
        }
        .hero-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            display: block;
            transition: transform 0.6s ease;
        }
        .hero-image-wrap:hover .hero-img {
            transform: scale(1.02);
        }
        .hero-floating-pill {
            position: absolute;
            bottom: 24px;
            left: 24px;
            background: rgba(255, 255, 255, 0.92);
            backdrop-filter: blur(10px);
            padding: 10px 18px;
            border-radius: 30px;
            display: flex;
            align-items: center;
            gap: 10px;
            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
            font-size: 0.82rem;
            font-weight: 700;
            color: var(--color-black);
        }
        .hero-floating-pill .dot {
            width: 8px;
            height: 8px;
            background-color: var(--color-gold);
            border-radius: 50%;
        }

        /* ==========================================================================
           2. CATEGORIES SECTION (DIRECTLY AFTER HERO)
           ========================================================================== */
        .categories-section {
            padding: 50px 0 30px 0;
            background-color: #FFFFFF;
        }
        .section-header {
            display: flex;
            align-items: baseline;
            justify-content: space-between;
            margin-bottom: 24px;
        }
        .section-title {
            font-size: 1.6rem;
            font-weight: 800;
            letter-spacing: -0.5px;
        }
        .categories-grid {
            display: grid;
            grid-template-columns: repeat(6, 1fr);
            gap: 14px;
        }
        .category-card {
            background-color: var(--bg-sand);
            border: 1px solid transparent;
            border-radius: var(--radius-md);
            padding: 20px 10px;
            text-align: center;
            transition: all 0.2s ease;
        }
        .category-card:hover {
            background-color: #FFFFFF;
            border-color: var(--color-black);
            transform: translateY(-2px);
        }
        .category-icon {
            height: 48px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 10px;
            color: var(--color-black);
        }
        .category-name {
            font-weight: 700;
            font-size: 0.82rem;
            color: var(--color-black);
        }

        /* ==========================================================================
           3. PRODUCT SHOWCASE SECTION
           ========================================================================== */
        .products-section {
            padding: 30px 0 60px 0;
        }
        .product-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
        }
        .product-card {
            background-color: #FFFFFF;
            border: 1px solid var(--color-border);
            border-radius: var(--radius-md);
            overflow: hidden;
            display: flex;
            flex-direction: column;
            transition: all 0.2s ease;
        }
        .product-card:hover {
            border-color: var(--color-black);
            transform: translateY(-2px);
            box-shadow: var(--shadow-subtle);
        }
        .product-thumb {
            height: 220px;
            background-color: var(--bg-sand);
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
        }
        .product-tag {
            position: absolute;
            top: 10px;
            left: 10px;
            background: var(--color-black);
            color: #FFFFFF;
            font-size: 0.68rem;
            font-weight: 700;
            padding: 3px 8px;
            border-radius: 4px;
        }
        .product-body {
            padding: 16px;
            display: flex;
            flex-direction: column;
            flex-grow: 1;
        }
        .product-category {
            font-size: 0.7rem;
            color: var(--color-muted);
            text-transform: uppercase;
            font-weight: 700;
            margin-bottom: 4px;
        }
        .product-title {
            font-weight: 700;
            font-size: 0.98rem;
            color: var(--color-black);
            margin-bottom: 6px;
        }
        .rating-stars {
            color: #FFB800;
            font-size: 0.78rem;
            margin-bottom: 12px;
        }
        .product-bottom-row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-top: auto;
            padding-top: 12px;
            border-top: 1px solid var(--color-border);
        }
        .product-price {
            font-weight: 800;
            font-size: 1.1rem;
        }

        /* ==========================================================================
           4. INTERACTIVE "SHOP THE LOOK" EDITORIAL HOTSPOTS
           ========================================================================== */
        .shop-look-section {
            padding: 60px 0;
            background-color: var(--bg-sand);
            border-top: 1px solid var(--color-border);
            border-bottom: 1px solid var(--color-border);
        }
        .look-grid {
            display: grid;
            grid-template-columns: 1.4fr 1fr;
            gap: 40px;
            align-items: center;
        }
        .look-image-container {
            position: relative;
            border-radius: var(--radius-lg);
            overflow: hidden;
            height: 480px;
            box-shadow: var(--shadow-card);
        }
        .look-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }
        /* Interactive Hotspots on Image */
        .hotspot-pin {
            position: absolute;
            width: 32px;
            height: 32px;
            border-radius: 50%;
            background: rgba(17, 17, 17, 0.9);
            color: #FFFFFF;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 0.8rem;
            cursor: pointer;
            border: 2px solid #FFFFFF;
            box-shadow: 0 4px 12px rgba(0,0,0,0.3);
            transition: transform 0.2s ease;
        }
        .hotspot-pin:hover {
            transform: scale(1.15);
            background: var(--color-black);
        }
        .hotspot-tooltip {
            position: absolute;
            bottom: 40px;
            left: 50%;
            transform: translateX(-50%);
            background: #FFFFFF;
            color: var(--color-black);
            padding: 8px 14px;
            border-radius: 6px;
            font-size: 0.78rem;
            font-weight: 700;
            white-space: nowrap;
            box-shadow: 0 4px 20px rgba(0,0,0,0.15);
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.2s ease, transform 0.2s ease;
        }
        .hotspot-pin:hover .hotspot-tooltip {
            opacity: 1;
            transform: translateX(-50%) translateY(-4px);
        }
        .pin-duffle { top: 62%; left: 56%; }
        .pin-shoes { top: 88%; left: 47%; }

        .look-content-box {
            display: flex;
            flex-direction: column;
            gap: 20px;
        }
        .look-tag {
            font-size: 0.78rem;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: 2px;
            color: var(--color-muted);
        }
        .look-title {
            font-size: 2.4rem;
            font-weight: 800;
            letter-spacing: -0.8px;
            line-height: 1.15;
        }
        .look-desc {
            font-size: 0.95rem;
            color: var(--color-muted);
            line-height: 1.6;
        }
        .bundle-items-list {
            display: flex;
            flex-direction: column;
            gap: 12px;
            background: #FFFFFF;
            padding: 20px;
            border-radius: var(--radius-md);
            border: 1px solid var(--color-light-gray);
        }
        .bundle-item-row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            font-size: 0.88rem;
        }
        .bundle-total-row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding-top: 14px;
            margin-top: 6px;
            border-top: 1px solid var(--color-border);
            font-weight: 800;
        }

        /* ==========================================================================
           5. INTERACTIVE "CURATED BY OCCASION" TABS (PURE CSS SWITCHER)
           ========================================================================== */
        .curated-section {
            padding: 60px 0;
            background-color: #FFFFFF;
        }
        /* Hidden Radios for CSS Tabs */
        input[name="occ-tab"] { display: none; }

        .occ-tabs-nav {
            display: flex;
            gap: 10px;
            margin-bottom: 30px;
            flex-wrap: wrap;
        }
        .occ-tab-btn {
            padding: 10px 22px;
            border-radius: 30px;
            border: 1px solid var(--color-light-gray);
            background: #FFFFFF;
            font-size: 0.85rem;
            font-weight: 700;
            color: var(--color-muted);
            cursor: pointer;
            transition: all 0.2s ease;
        }
        .occ-tab-btn:hover {
            border-color: var(--color-black);
            color: var(--color-black);
        }

        /* Tab Active States */
        #tab-executive:checked ~ .occ-tabs-nav label[for="tab-executive"],
        #tab-casual:checked ~ .occ-tabs-nav label[for="tab-casual"],
        #tab-travel:checked ~ .occ-tabs-nav label[for="tab-travel"] {
            background: var(--color-black);
            color: #FFFFFF;
            border-color: var(--color-black);
        }

        /* Tab Panels Display Logic */
        .occ-panel { display: none; }
        #tab-executive:checked ~ .occ-panels-wrap #panel-executive { display: grid; }
        #tab-casual:checked ~ .occ-panels-wrap #panel-casual { display: grid; }
        #tab-travel:checked ~ .occ-panels-wrap #panel-travel { display: grid; }

        .curated-grid {
            grid-template-columns: repeat(3, 1fr);
            gap: 24px;
        }
        .curated-card {
            background-color: var(--bg-sand);
            border: 1px solid var(--color-light-gray);
            border-radius: var(--radius-md);
            padding: 24px;
            display: flex;
            flex-direction: column;
            gap: 14px;
            transition: all 0.2s ease;
        }
        .curated-card:hover {
            background: #FFFFFF;
            border-color: var(--color-black);
            transform: translateY(-3px);
            box-shadow: var(--shadow-subtle);
        }

        /* ==========================================================================
           6. INTERACTIVE CRAFTSMANSHIP & LEATHER ANATOMY
           ========================================================================== */
        .anatomy-section {
            padding: 60px 0;
            background-color: var(--bg-sand);
            border-top: 1px solid var(--color-border);
            border-bottom: 1px solid var(--color-border);
        }
        .anatomy-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 40px;
            align-items: center;
        }
        .anatomy-features {
            display: flex;
            flex-direction: column;
            gap: 16px;
        }
        .anatomy-item {
            background: #FFFFFF;
            border: 1px solid var(--color-light-gray);
            border-radius: var(--radius-md);
            padding: 20px;
            cursor: pointer;
            transition: all 0.2s ease;
        }
        .anatomy-item:hover {
            border-color: var(--color-black);
            box-shadow: var(--shadow-subtle);
            transform: translateX(4px);
        }
        .anatomy-item-title {
            font-weight: 800;
            font-size: 1rem;
            margin-bottom: 4px;
            display: flex;
            align-items: center;
            gap: 8px;
        }
        .anatomy-item-desc {
            font-size: 0.85rem;
            color: var(--color-muted);
            line-height: 1.5;
        }

        /* ==========================================================================
           7. INTERACTIVE 4-STEP CASH ON DELIVERY TIMELINE
           ========================================================================== */
        .timeline-section {
            padding: 60px 0;
            background-color: #FFFFFF;
        }
        .timeline-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
            margin-top: 32px;
        }
        .step-card {
            background: #FFFFFF;
            border: 1px solid var(--color-light-gray);
            border-radius: var(--radius-md);
            padding: 24px;
            position: relative;
            transition: all 0.2s ease;
        }
        .step-card:hover {
            border-color: var(--color-black);
            transform: translateY(-3px);
            box-shadow: var(--shadow-subtle);
        }
        .step-num {
            font-size: 2.2rem;
            font-weight: 800;
            color: var(--color-light-gray);
            line-height: 1;
            margin-bottom: 12px;
            transition: color 0.2s ease;
        }
        .step-card:hover .step-num { color: var(--color-black); }
        .step-title {
            font-weight: 800;
            font-size: 1rem;
            margin-bottom: 8px;
        }
        .step-desc {
            font-size: 0.85rem;
            color: var(--color-muted);
            line-height: 1.5;
        }

        /* ==========================================================================
           8. INTERACTIVE FAQ ACCORDION
           ========================================================================== */
        .faq-section {
            padding: 60px 0;
            background-color: var(--bg-sand);
            border-top: 1px solid var(--color-border);
        }
        .faq-list {
            max-width: 860px;
            margin: 0 auto;
            display: flex;
            flex-direction: column;
            gap: 12px;
        }
        .faq-item {
            background: #FFFFFF;
            border: 1px solid var(--color-light-gray);
            border-radius: var(--radius-sm);
            overflow: hidden;
            transition: border-color 0.2s ease;
        }
        .faq-item:hover { border-color: var(--color-black); }
        .faq-summary {
            padding: 18px 22px;
            font-weight: 700;
            font-size: 0.95rem;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            list-style: none;
            user-select: none;
        }
        .faq-summary::-webkit-details-marker { display: none; }
        .faq-summary::after {
            content: '+';
            font-size: 1.3rem;
            font-weight: 400;
            color: var(--color-muted);
        }
        details[open] .faq-summary::after { content: '−'; }
        details[open] .faq-summary { border-bottom: 1px solid var(--color-border); }
        .faq-answer {
            padding: 18px 22px;
            color: var(--color-muted);
            font-size: 0.9rem;
            line-height: 1.6;
        }

        /* ==========================================================================
           9. INTERACTIVE VIP VOUCHER CLUB
           ========================================================================== */
        .vip-club-bar {
            background-color: var(--color-black);
            color: #FFFFFF;
            padding: 50px 0;
            text-align: center;
        }
        .vip-inner {
            max-width: 680px;
            margin: 0 auto;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 16px;
        }
        .coupon-box {
            display: inline-flex;
            align-items: center;
            gap: 12px;
            background: rgba(255, 255, 255, 0.1);
            border: 1px dashed rgba(255, 255, 255, 0.3);
            padding: 8px 18px;
            border-radius: 30px;
            font-weight: 700;
            font-size: 0.85rem;
            letter-spacing: 1px;
        }

        /* ==========================================================================
           10. SITE FOOTER
           ========================================================================== */
        .site-footer {
            background-color: #FFFFFF;
            padding: 60px 0 30px 0;
            font-size: 0.85rem;
            border-top: 1px solid var(--color-border);
        }
        .footer-grid {
            display: grid;
            grid-template-columns: 1.8fr 1fr 1fr 1fr;
            gap: 40px;
            margin-bottom: 40px;
        }
        .footer-col-title {
            font-weight: 800;
            font-size: 0.88rem;
            color: var(--color-black);
            margin-bottom: 16px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }
        .footer-links-list {
            list-style: none;
            display: flex;
            flex-direction: column;
            gap: 10px;
            color: var(--color-muted);
        }
        .footer-links-list a:hover { color: var(--color-black); }

        @media (max-width: 992px) {
            .hero-grid, .look-grid, .anatomy-grid { grid-template-columns: 1fr; }
            .hero-image-wrap, .look-image-container { height: 380px; }
            .categories-grid { grid-template-columns: repeat(3, 1fr); }
            .product-grid, .curated-grid, .timeline-grid { grid-template-columns: repeat(2, 1fr); }
            .footer-grid { grid-template-columns: 1fr 1fr; }
            .header-nav { display: none; }
        }
        @media (max-width: 640px) {
            .categories-grid, .product-grid, .curated-grid, .timeline-grid, .footer-grid { grid-template-columns: 1fr; }
            .hero-title, .look-title { font-size: 2.4rem; }
        }
    

/* ==========================================================================
   EXACT HEADER & WOOCOMMERCE ENHANCEMENTS (Matches media_1790065438427.png)
   ========================================================================== */

/* 1. Announcement Bar */
.announcement-bar-wrap {
    background-color: #111111 !important;
    padding: 8px 0 !important;
    width: 100% !important;
}
.announcement-bar-inner {
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    color: #FFFFFF !important;
    font-size: 12px !important;
    letter-spacing: 0.3px !important;
}

/* 2. Main Site Header */
.main-header-wrap {
    background-color: #FFFFFF !important;
    border-bottom: 1px solid #EEEEEE !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    width: 100% !important;
}
.main-header-inner {
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    height: 76px !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 24px !important;
}

/* Brand Logo */
.brand-logo-wrap {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    text-decoration: none !important;
    flex-shrink: 0 !important;
}
.brand-logo-mark {
    width: 38px !important;
    height: 38px !important;
    border-radius: 8px !important;
    background: #111111 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    overflow: hidden !important;
}
.brand-logo-mark img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}
.brand-logo-text {
    display: flex !important;
    flex-direction: column !important;
    line-height: 1.1 !important;
}
.brand-name {
    font-weight: 800 !important;
    font-size: 1.05rem !important;
    letter-spacing: 1.8px !important;
    color: #111111 !important;
    text-transform: uppercase !important;
}
.brand-sub {
    font-size: 0.58rem !important;
    font-weight: 700 !important;
    letter-spacing: 1.6px !important;
    color: #666666 !important;
    text-transform: uppercase !important;
    margin-top: 2px !important;
}

/* Search Bar */
.header-search-wrap {
    flex-grow: 1 !important;
    max-width: 320px !important;
    position: relative !important;
}
.header-search-wrap .search-input {
    width: 100% !important;
    padding: 9px 16px 9px 38px !important;
    background-color: #F7F7F6 !important;
    border: 1px solid transparent !important;
    border-radius: 30px !important;
    font-size: 0.85rem !important;
    outline: none !important;
    color: #111111 !important;
    transition: all 0.2s ease !important;
}
.header-search-wrap .search-input:focus {
    background-color: #FFFFFF !important;
    border-color: #111111 !important;
}
.header-search-wrap .search-icon-svg {
    position: absolute !important;
    left: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #666666 !important;
    pointer-events: none !important;
}

/* Navigation Menu */
.header-nav-list {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 24px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.header-nav-list li {
    margin: 0 !important;
    padding: 0 !important;
    display: inline-block !important;
}
.header-nav-list a.nav-link {
    font-size: 0.88rem !important;
    font-weight: 600 !important;
    color: #111111 !important;
    text-decoration: none !important;
    transition: opacity 0.2s ease !important;
}
.header-nav-list a.nav-link:hover,
.header-nav-list a.nav-link.active {
    opacity: 0.6 !important;
}

/* Header Actions */
.header-actions-wrap {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 16px !important;
    flex-shrink: 0 !important;
}
.action-btn-pill {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    color: #111111 !important;
    text-decoration: none !important;
}
.badge-count {
    background-color: #111111 !important;
    color: #FFFFFF !important;
    font-size: 0.7rem !important;
    font-weight: 800 !important;
    width: 18px !important;
    height: 18px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.btn-whatsapp-subtle {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    color: #128C7E !important;
    background: #E8F8F0 !important;
    padding: 8px 14px !important;
    border-radius: 30px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}
.btn-whatsapp-subtle:hover {
    background: #25D366 !important;
    color: #FFFFFF !important;
}

/* Elementor Nav Menu Widget Reset */
.elementor-widget-nav-menu .elementor-nav-menu {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 22px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.elementor-widget-nav-menu .elementor-nav-menu li {
    display: inline-flex !important;
    margin: 0 !important;
    padding: 0 !important;
}
.elementor-widget-nav-menu .elementor-nav-menu a {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #111111 !important;
    text-decoration: none !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}
.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:after {
    display: none !important;
}

/* WooCommerce Products Grid Reset & Styling */
.woocommerce ul.products,
.elementor-widget-woocommerce-products ul.products,
.elementor-widget-woocommerce-archive-products ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}
.woocommerce ul.products::before,
.woocommerce ul.products::after {
    display: none !important;
}
.woocommerce ul.products li.product,
.elementor-widget-woocommerce-products ul.products li.product,
.elementor-widget-woocommerce-archive-products ul.products li.product {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background-color: #FFFFFF !important;
    border: 1px solid #EEEEEE !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    transition: all 0.25s ease !important;
}
.woocommerce ul.products li.product:hover {
    border-color: #111111 !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06) !important;
}
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    padding: 0 !important;
    text-decoration: none !important;
}
.woocommerce ul.products li.product .onsale {
    top: 12px !important;
    left: 12px !important;
    right: auto !important;
    min-height: auto !important;
    line-height: 1 !important;
    padding: 5px 10px !important;
    border-radius: 4px !important;
    background-color: #111111 !important;
    color: #FFFFFF !important;
    font-size: 0.68rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    margin: 0 !important;
}
.woocommerce ul.products li.product img {
    height: 220px !important;
    width: 100% !important;
    object-fit: contain !important;
    background-color: #F7F7F6 !important;
    padding: 16px !important;
    margin: 0 !important;
    transition: transform 0.3s ease !important;
}
.woocommerce ul.products li.product:hover img {
    transform: scale(1.03) !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 0.98rem !important;
    font-weight: 700 !important;
    color: #111111 !important;
    padding: 14px 16px 4px 16px !important;
    margin: 0 !important;
    line-height: 1.3 !important;
}
.woocommerce ul.products li.product .price {
    font-size: 1.05rem !important;
    font-weight: 800 !important;
    color: #111111 !important;
    padding: 0 16px 14px 16px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}
.woocommerce ul.products li.product .price del {
    color: #999999 !important;
    font-size: 0.88rem !important;
    font-weight: 500 !important;
}
.woocommerce ul.products li.product .price ins {
    text-decoration: none !important;
    color: #111111 !important;
}
.woocommerce ul.products li.product .button {
    margin: 0 16px 16px 16px !important;
    background-color: #111111 !important;
    color: #FFFFFF !important;
    font-size: 0.8rem !important;
    font-weight: 700 !important;
    padding: 8px 16px !important;
    border-radius: 6px !important;
    text-align: center !important;
    border: none !important;
    transition: all 0.2s ease !important;
}
.woocommerce ul.products li.product .button:hover {
    background-color: #333333 !important;
}

@media (max-width: 992px) {
    .woocommerce ul.products,
    .elementor-widget-woocommerce-products ul.products,
    .elementor-widget-woocommerce-archive-products ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
@media (max-width: 600px) {
    .woocommerce ul.products,
    .elementor-widget-woocommerce-products ul.products,
    .elementor-widget-woocommerce-archive-products ul.products {
        grid-template-columns: 1fr !important;
    }
}


/* HEADER FIDELITY FIXES */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

/* Top Announcement Bar */
.lb-announcement-bar,
.elementor-element-e2370bd {
    background-color: #111111 !important;
    padding: 8px 0 !important;
    width: 100% !important;
    margin: 0 !important;
}
.lb-announcement-inner,
.lb-announcement-bar .e-con-inner,
.elementor-element-475bb39 > .e-con-inner,
.elementor-element-475bb39 {
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
}
.lb-announcement-text,
.lb-announcement-hotline,
.lb-announcement-bar .elementor-heading-title,
.elementor-element-2086796 .elementor-heading-title,
.elementor-element-bc0f44f .elementor-heading-title {
    color: #FFFFFF !important;
    font-size: 12px !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    letter-spacing: 0.3px !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    line-height: 1.2 !important;
}
.lb-announcement-hotline,
.lb-announcement-hotline .elementor-heading-title,
.elementor-element-bc0f44f,
.elementor-element-bc0f44f .elementor-heading-title {
    font-weight: 600 !important;
    text-align: right !important;
}
.lb-announcement-bar .elementor-widget {
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
}

/* Main Header */
.lb-main-header,
.elementor-element-8c4d2e0 {
    background-color: #FFFFFF !important;
    border-bottom: 1px solid #EEEEEE !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
}
.lb-header-row,
.elementor-element-9000e8e > .e-con-inner,
.elementor-element-9000e8e {
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    height: 76px !important;
    min-height: 76px !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 20px !important;
    width: 100% !important;
}

/* Brand Logo Wrap */
.lb-brand-wrap,
.elementor-element-48c84f1,
.elementor-element-48c84f1 > .e-con-inner {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 12px !important;
    flex-shrink: 0 !important;
    width: auto !important;
    text-decoration: none !important;
}
.lb-brand-wrap img,
.elementor-element-98a268d img {
    width: 38px !important;
    height: 38px !important;
    border-radius: 8px !important;
    display: block !important;
    flex-shrink: 0 !important;
    object-fit: cover !important;
}
.lb-brand-text-wrap,
.elementor-element-fe809e8,
.elementor-element-fe809e8 > .e-con-inner {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    width: auto !important;
}
.lb-brand-name .elementor-heading-title,
.elementor-element-5ea9ca9 .elementor-heading-title,
.lb-brand-name .elementor-heading-title a,
.elementor-element-5ea9ca9 .elementor-heading-title a {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 16.5px !important;
    font-weight: 800 !important;
    letter-spacing: 1.8px !important;
    color: #111111 !important;
    text-transform: uppercase !important;
    line-height: 1.1 !important;
    margin: 0 !important;
    white-space: nowrap !important;
    text-decoration: none !important;
}
.lb-brand-sub .elementor-heading-title,
.elementor-element-b577ad1 .elementor-heading-title {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    letter-spacing: 1.6px !important;
    color: #666666 !important;
    text-transform: uppercase !important;
    line-height: 1.1 !important;
    margin: 0 !important;
    white-space: nowrap !important;
}

/* Search Bar Pill */
.lb-search-wrap,
.elementor-element-a212f46 {
    flex-shrink: 0 !important;
    width: 300px !important;
    max-width: 320px !important;
}
.lb-header-search .elementor-search-form,
.elementor-element-bf51541 .elementor-search-form {
    background-color: #F7F7F6 !important;
    border-radius: 30px !important;
    border: 1px solid transparent !important;
    padding: 0 16px 0 14px !important;
    height: 38px !important;
    display: flex !important;
    align-items: center !important;
    transition: all 0.2s ease !important;
    box-shadow: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
.lb-header-search .elementor-search-form:focus-within,
.elementor-element-bf51541 .elementor-search-form:focus-within {
    background-color: #FFFFFF !important;
    border-color: #111111 !important;
}
.lb-header-search .elementor-search-form__container,
.elementor-element-bf51541 .elementor-search-form__container {
    background: transparent !important;
    border: none !important;
    height: 100% !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
}
.lb-header-search .elementor-search-form__input,
.elementor-element-bf51541 .elementor-search-form__input {
    background: transparent !important;
    border: none !important;
    outline: none !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 12px !important;
    color: #111111 !important;
    padding: 0 8px !important;
    height: 100% !important;
    box-shadow: none !important;
    flex-grow: 1 !important;
    min-width: 0 !important;
}
.lb-header-search .elementor-search-form__input::placeholder,
.elementor-element-bf51541 .elementor-search-form__input::placeholder {
    color: #888888 !important;
    font-size: 12px !important;
}
.lb-header-search .elementor-search-form__icon,
.elementor-element-bf51541 .elementor-search-form__icon {
    color: #666666 !important;
    fill: #666666 !important;
    width: 14px !important;
    height: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    order: -1 !important;
    padding: 0 !important;
    margin: 0 !important;
}
.lb-header-search .elementor-search-form__icon svg,
.elementor-element-bf51541 .elementor-search-form__icon svg {
    width: 14px !important;
    height: 14px !important;
    fill: #666666 !important;
}
.lb-header-search .elementor-search-form__submit,
.elementor-element-bf51541 .elementor-search-form__submit {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    border: none !important;
}

/* Nav Menu: SINGLE HORIZONTAL LINE */
.lb-nav-menu,
.elementor-element-1e7702a {
    flex-shrink: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
.lb-nav-menu .elementor-nav-menu--main,
.elementor-element-1e7702a .elementor-nav-menu--main {
    display: flex !important;
}
.lb-nav-menu .elementor-nav-menu,
.elementor-element-1e7702a .elementor-nav-menu {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 22px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.lb-nav-menu .elementor-nav-menu li,
.elementor-element-1e7702a .elementor-nav-menu li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    display: inline-flex !important;
}
.lb-nav-menu .elementor-nav-menu li a,
.elementor-element-1e7702a .elementor-nav-menu li a {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: #111111 !important;
    text-decoration: none !important;
    transition: opacity 0.2s ease !important;
    padding: 4px 0 !important;
    display: inline-block !important;
    border: none !important;
    background: transparent !important;
    white-space: nowrap !important;
}
.lb-nav-menu .elementor-nav-menu li a:hover,
.lb-nav-menu .elementor-nav-menu li.current-menu-item a,
.elementor-element-1e7702a .elementor-nav-menu li a:hover,
.elementor-element-1e7702a .elementor-nav-menu li.current-menu-item a {
    opacity: 0.6 !important;
    color: #111111 !important;
    background: transparent !important;
}
@media (min-width: 1025px) {
    .lb-nav-menu .elementor-menu-toggle,
    .elementor-element-1e7702a .elementor-menu-toggle {
        display: none !important;
    }
    .lb-nav-menu .elementor-nav-menu--main,
    .elementor-element-1e7702a .elementor-nav-menu--main {
        display: block !important;
    }
}

/* Actions Wrap: Cart + WhatsApp */
.lb-actions-wrap,
.elementor-element-31ae76a,
.elementor-element-31ae76a > .e-con-inner {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 14px !important;
    flex-shrink: 0 !important;
    width: auto !important;
}
.lb-cart-widget,
.elementor-element-c470123 {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
}
.lb-cart-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    text-decoration: none !important;
    color: #111111 !important;
    position: relative !important;
    cursor: pointer !important;
    padding: 4px !important;
    margin: 0 !important;
    line-height: 1 !important;
}
.lb-cart-btn svg {
    width: 20px !important;
    height: 20px !important;
    stroke: #111111 !important;
    fill: none !important;
    stroke-width: 2 !important;
    display: inline-block !important;
    vertical-align: middle !important;
}
.lb-cart-btn .badge-count {
    background-color: #111111 !important;
    color: #FFFFFF !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    width: 18px !important;
    height: 18px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
}

/* WhatsApp Button */
.lb-btn-whatsapp,
.elementor-element-5bf36cc {
    display: inline-flex !important;
    margin: 0 !important;
    padding: 0 !important;
}
.lb-btn-whatsapp .elementor-button,
.elementor-element-5bf36cc .elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #128C7E !important;
    background-color: #E8F8F0 !important;
    padding: 7px 16px !important;
    border-radius: 30px !important;
    text-decoration: none !important;
    border: none !important;
    transition: all 0.2s ease !important;
    line-height: 1 !important;
}
.lb-btn-whatsapp .elementor-button:hover,
.elementor-element-5bf36cc .elementor-button:hover {
    background-color: #25D366 !important;
    color: #FFFFFF !important;
}
.lb-btn-whatsapp .elementor-button svg,
.elementor-element-5bf36cc .elementor-button svg {
    width: 15px !important;
    height: 15px !important;
    fill: currentColor !important;
}


/* ==========================================================================
   HERO FIDELITY FIXES (MATCHING REFERENCE IMAGE EXACTLY)
   ========================================================================== */
.lb-hero-section,
.elementor-element-41b20cc {
    background-color: #FFFFFF !important;
    padding: 60px 0 !important;
    margin: 0 !important;
}
.elementor-element-41b20cc > .e-con-inner,
.lb-hero-section .e-con-inner {
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 48px !important;
    width: 100% !important;
}
.lb-hero-content,
.elementor-element-f50707b,
.elementor-element-f50707b > .e-con-inner {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    width: 48% !important;
    max-width: 520px !important;
    flex-shrink: 0 !important;
}
.hero-tagline,
.elementor-element-38f82f2 .elementor-heading-title {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    color: #666666 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
}
.hero-title,
.elementor-element-deb9651 .elementor-heading-title {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 52px !important;
    font-weight: 800 !important;
    line-height: 1.08 !important;
    letter-spacing: -1.5px !important;
    color: #111111 !important;
    margin: 0 !important;
    padding: 0 !important;
}
.hero-desc,
.elementor-element-f76a731 .elementor-heading-title {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 15.5px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
    color: #666666 !important;
    margin: 0 !important;
    padding: 0 !important;
    max-width: 460px !important;
}
.hero-actions,
.elementor-element-b2b7df1,
.elementor-element-b2b7df1 > .e-con-inner {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 14px !important;
    margin-top: 8px !important;
    width: auto !important;
}
.hero-actions .btn-black,
.elementor-element-7e8b0ae .elementor-button {
    background-color: #111111 !important;
    color: #FFFFFF !important;
    padding: 12px 26px !important;
    border-radius: 6px !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    border: 1px solid #111111 !important;
    transition: all 0.2s ease !important;
    line-height: 1.2 !important;
    display: inline-block !important;
}
.hero-actions .btn-black:hover,
.elementor-element-7e8b0ae .elementor-button:hover {
    background-color: #2D2D2D !important;
    border-color: #2D2D2D !important;
    color: #FFFFFF !important;
    transform: translateY(-1px) !important;
}
.hero-actions .btn-outline,
.elementor-element-dad1706 .elementor-button {
    background-color: transparent !important;
    color: #111111 !important;
    padding: 12px 26px !important;
    border-radius: 6px !important;
    border: 1px solid #EAEAEA !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    line-height: 1.2 !important;
    display: inline-block !important;
}
.hero-actions .btn-outline:hover,
.elementor-element-dad1706 .elementor-button:hover {
    border-color: #111111 !important;
    color: #111111 !important;
    background-color: #FAFAFA !important;
}

/* Hero Image Card & Floating Pill */
.hero-image-wrap,
.elementor-element-2ee1a2a {
    position: relative !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
    background-color: #F7F7F6 !important;
    width: 50% !important;
    max-width: 600px !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
}
.hero-image-wrap .elementor-widget-image,
.elementor-element-c9c2b12 {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
    display: block !important;
}
.hero-image-wrap img,
.hero-img,
.elementor-element-c9c2b12 img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    object-fit: cover !important;
    border-radius: 20px !important;
    transition: transform 0.6s ease !important;
    margin: 0 !important;
    padding: 0 !important;
}
.hero-image-wrap:hover img {
    transform: scale(1.02) !important;
}
.elementor-element-7906e38 {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 10 !important;
}
.hero-floating-pill,
.elementor-element-7906e38 .hero-floating-pill {
    position: absolute !important;
    bottom: 24px !important;
    left: 24px !important;
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    padding: 8px 18px !important;
    border-radius: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.1) !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #111111 !important;
    white-space: nowrap !important;
    z-index: 10 !important;
    pointer-events: none !important;
    line-height: 1.4 !important;
    margin: 0 !important;
}
.hero-floating-pill .dot {
    width: 8px !important;
    height: 8px !important;
    background-color: #D4AF37 !important;
    border-radius: 50% !important;
    display: inline-block !important;
    flex-shrink: 0 !important;
}