/* ==========================================================================
   Shop ALLURE - Exact Temu Desktop & Mobile Marketplace Theme
   ========================================================================== */

:root {
    --temu-orange: #FB5805;
    --temu-orange-hover: #E04800;
    --temu-orange-grad: linear-gradient(135deg, #FF601C 0%, #FB5805 50%, #EE4C00 100%);
    --temu-green: #059669;
    --temu-trust-bar: linear-gradient(90deg, #0B1325 0%, #152238 50%, #0F172A 100%);
    --temu-dark: #0A0F1D;
    --temu-footer: #0B1120;
    --temu-border: #E2E8F0;
    --temu-gold: #F59E0B;
    --temu-gold-hover: #FBBF24;
    --temu-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

html {
    box-sizing: border-box;
    width: 100%;
    max-width: 100vw;
    overflow-x: clip;
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: 100%;
}

*, *:before, *:after {
    box-sizing: inherit;
}

body {
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 100vw;
    overflow-x: clip;
    position: relative;
    font-family: var(--temu-font) !important;
    background-color: #FFFFFF !important;
    color: #111111;
    -webkit-font-smoothing: antialiased;
}

#page, .site, .site-content, #content, main {
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
}

/* Hide Astra default wrappers that conflict */
.home .entry-header,
.site-content,
#content {
    padding: 0 !important;
    margin: 0 !important;
}

.ast-container,
.site-content .ast-container {
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* --------------------------------------------------------------------------
   1. MASTER TEMU HEADER
   -------------------------------------------------------------------------- */
.temu-header-wrap {
    width: 100%;
    position: sticky;
    top: 0;
    z-index: 99990;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

.temu-desktop-header-wrap {
    display: block;
    width: 100%;
}

.temu-mobile-header-wrap {
    display: none;
    width: 100%;
}

/* Top Sleek Obsidian Utility Bar */
.temu-utility-bar {
    background: var(--temu-dark);
    color: #FFFFFF;
    font-size: 12px;
    padding: 6px 24px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.temu-utility-inner {
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.utility-left {
    display: flex;
    align-items: center;
    gap: 28px;
}

.utility-link,
.utility-link:link,
.utility-link:visited {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    color: #FFFFFF !important;
    text-decoration: none !important;
}

.utility-link:hover,
.utility-link:active,
.utility-link:focus {
    color: #FFFFFF !important;
    text-decoration: none !important;
    opacity: 0.9;
}

.utility-link strong {
    font-weight: 700;
    color: #FFFFFF !important;
}

.utility-link .sub {
    color: #D1D5DB !important;
    font-size: 11px;
    margin-left: 2px;
}

.utility-link .arrow {
    color: #9CA3AF !important;
}

.utility-app-btn,
.utility-app-btn:link,
.utility-app-btn:visited {
    color: #FFFFFF !important;
    text-decoration: none !important;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 5px;
}

.utility-app-btn:hover,
.utility-app-btn:active,
.utility-app-btn:focus {
    color: #FFFFFF !important;
    text-decoration: none !important;
    opacity: 0.9;
}

/* Main Elevated Orange Navigation Bar */
.temu-main-nav {
    background: var(--temu-orange-grad) !important;
    color: #FFFFFF;
    padding: 9px 24px;
    box-shadow: 0 4px 14px rgba(251, 88, 5, 0.16);
}

.temu-nav-inner {
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.temu-logo-area {
    flex-shrink: 0;
}

.temu-logo-and-cats {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-shrink: 0;
}

.temu-cat-btn-wrap {
    position: relative;
}

.temu-cat-pill-btn {
    background: rgba(255, 255, 255, 0.18) !important;
    color: #FFFFFF !important;
    border: 1px solid rgba(255, 255, 255, 0.35) !important;
    padding: 7px 15px !important;
    border-radius: 20px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    cursor: pointer !important;
    transition: background 0.2s ease, border-color 0.2s ease !important;
    line-height: 1 !important;
}

.temu-cat-pill-btn:hover {
    background: rgba(255, 255, 255, 0.28) !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
}

.temu-cat-btn-wrap .temu-categories-megamenu {
    left: 0 !important;
    top: calc(100% + 12px) !important;
}

.temu-white-logo {
    height: 40px;
    width: auto;
    display: block;
    object-fit: contain;
}

/* Quick Nav Links */
.temu-quick-links {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-shrink: 0;
}

.quick-link,
.quick-link:link,
.quick-link:visited {
    color: #FFFFFF !important;
    text-decoration: none !important;
    font-size: 13px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
    opacity: 0.95;
    transition: opacity 0.15s ease;
}

.quick-link:hover,
.quick-link:active,
.quick-link:focus {
    color: #FFFFFF !important;
    text-decoration: none !important;
    opacity: 1;
}

.temu-dropdown-trigger {
    color: #FFFFFF !important;
    font-size: 13px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
}

/* Centered Search Bar - Un-choked & Spacious */
.temu-search-container {
    flex: 1;
    max-width: 660px;
    margin: 0 20px;
}

.temu-search-box {
    display: flex;
    align-items: center;
    background: #FFFFFF;
    border-radius: 50px;
    padding: 2px 4px 2px 18px;
    height: 42px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.temu-search-input {
    flex: 1;
    border: none !important;
    outline: none !important;
    font-size: 14px !important;
    color: #111111 !important;
    background: transparent !important;
    padding: 0 !important;
}

.temu-search-icon-btn {
    background: #111111 !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 50% !important;
    width: 36px !important;
    height: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    transition: background 0.15s ease !important;
}

.temu-search-icon-btn:hover {
    background: #333333 !important;
}

/* Right User Actions */
.temu-user-actions {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-shrink: 0;
}

.user-action-item,
.user-action-item a,
.user-action-item a:link,
.user-action-item a:visited,
.user-action-link,
.user-action-link:link,
.user-action-link:visited {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #FFFFFF !important;
    text-decoration: none !important;
    cursor: pointer;
}

.user-action-link:hover,
.user-action-link:active,
.user-action-link:focus,
.user-action-item:hover,
.user-action-item a:hover {
    color: #FFFFFF !important;
    text-decoration: none !important;
    opacity: 0.95;
}

.user-avatar-circle {
    display: flex;
    align-items: center;
    color: #FFFFFF !important;
}

.user-avatar-circle svg {
    stroke: #FFFFFF !important;
}

.user-text {
    display: flex;
    flex-direction: column;
    line-height: 1.15;
    color: #FFFFFF !important;
}

.user-text .sub-greeting {
    font-size: 11px;
    opacity: 0.9;
    color: #FFFFFF !important;
}

.user-text .main-title {
    font-size: 13px;
    font-weight: 700;
    color: #FFFFFF !important;
}

.user-action-item.icon-only {
    flex-direction: column;
    align-items: center;
    font-size: 11px;
    font-weight: 600;
    gap: 2px;
    color: #FFFFFF !important;
}

.user-action-item .action-icon,
.user-action-item .flag-icon {
    font-size: 16px;
    color: #FFFFFF !important;
}

.user-action-item .action-label {
    color: #FFFFFF !important;
}

.temu-cart-btn,
.temu-cart-btn:link,
.temu-cart-btn:visited {
    color: #FFFFFF !important;
    text-decoration: none !important;
    margin-left: 4px;
    display: flex;
    align-items: center;
}

.temu-cart-btn:hover,
.temu-cart-btn:active {
    color: #FFFFFF !important;
    text-decoration: none !important;
}

.cart-icon-wrap {
    position: relative;
    display: flex;
    align-items: center;
    color: #FFFFFF !important;
}

.cart-icon-wrap svg {
    stroke: #FFFFFF !important;
}

.cart-badge-number {
    position: absolute;
    top: -6px;
    right: -10px;
    background: #FFFFFF;
    color: var(--temu-orange);
    font-size: 11px;
    font-weight: 900;
    border-radius: 12px;
    padding: 0 6px;
    min-width: 18px;
    text-align: center;
    line-height: 16px;
    border: 1px solid var(--temu-orange);
}

/* Modern Midnight Slate & Gold Trust Bar */
.temu-green-bar-wrap {
    background: #FFFFFF;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.temu-green-bar {
    background: var(--temu-trust-bar) !important;
    color: #FFFFFF !important;
    padding: 8px 24px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2px;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.08);
}

.green-perks-left {
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.perk-title {
    color: #F8FAFC !important;
    font-weight: 800 !important;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    font-size: 11.5px !important;
}

.perk-title .perk-badge-icon {
    color: #F59E0B;
}

.perk-sep {
    opacity: 0.3;
    color: #94A3B8 !important;
}

.perk-item,
.perk-item:link,
.perk-item:visited {
    color: #F1F5F9 !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    transition: color 0.2s ease, transform 0.2s ease;
}

.perk-item .icon {
    font-size: 13px;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25));
}

.perk-item:hover,
.perk-item:active,
.perk-item:focus {
    color: #FBBF24 !important;
    text-decoration: none !important;
    transform: translateY(-1px);
}

.perk-item .arrow {
    font-size: 10px;
    color: #94A3B8;
    margin-left: 2px;
    transition: transform 0.2s ease, color 0.2s ease;
}

.perk-item:hover .arrow {
    transform: translateX(2px);
    color: #FBBF24;
}

.temu-security-reminder {
    background: #F8FAFC !important;
    border-bottom: 1px solid #E2E8F0 !important;
    color: #475569 !important;
    font-size: 11.5px !important;
    padding: 6px 24px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-weight: 500;
}

.temu-security-reminder .bell-icon {
    color: #F59E0B;
    font-size: 13px;
}

.temu-security-reminder .reminder-text {
    color: #334155;
    line-height: 1.4;
}

.temu-security-reminder .view-link {
    color: #FB5805 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    margin-left: 6px;
    transition: color 0.15s ease;
}

.temu-security-reminder .view-link:hover {
    color: #D94400 !important;
    text-decoration: underline !important;
}

/* ======================================================================
   C. CLEAN WHITE SUB-NAV RIBBON (Option 1: Temu Clean Signature)
   ====================================================================== */
.temu-subnav-ribbon {
    background: #FFFFFF !important;
    height: 40px !important;
    border-bottom: 1px solid #E5E7EB !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.02) !important;
}

.temu-subnav-inner {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 24px;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
}

.subnav-links-left {
    display: flex;
    gap: 20px;
    align-items: center;
    overflow-x: auto;
    scrollbar-width: none;
}

.subnav-links-left::-webkit-scrollbar {
    display: none;
}

.subnav-link,
.subnav-link:link,
.subnav-link:visited {
    color: #374151 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    white-space: nowrap !important;
    transition: color 0.15s ease !important;
    font-size: 13px !important;
}

.subnav-link:hover,
.subnav-link:active,
.subnav-link:focus {
    color: #FB5805 !important;
    text-decoration: none !important;
}

.subnav-link.highlight strong {
    font-weight: 800;
    color: #111827;
}

.subnav-sep {
    color: #D1D5DB;
    font-weight: 300;
    margin: 0 2px;
}

.subnav-right {
    flex-shrink: 0;
    margin-left: 16px;
}

.subnav-trust-pill,
.subnav-trust-pill:link,
.subnav-trust-pill:visited {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #059669 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    text-decoration: none !important;
    transition: color 0.15s ease !important;
    white-space: nowrap !important;
}

.subnav-trust-pill:hover {
    color: #047857 !important;
    text-decoration: none !important;
}

/* ======================================================================
   DESKTOP HEADER LAYOUT 2: COMPACT MODERN ENTERPRISE (2-ROW ULTRA-SLIM)
   ====================================================================== */
.temu-desktop-header-option2 .opt2-main-nav {
    background: var(--temu-orange-grad) !important;
    height: 70px;
    display: flex;
    align-items: center;
    padding: 0 24px;
    box-shadow: 0 4px 14px rgba(251, 88, 5, 0.16);
}
.temu-desktop-header-option2 .opt2-nav-inner {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}
.temu-desktop-header-option2 .opt2-logo-group {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-shrink: 0;
}
.temu-desktop-header-option2 .opt2-cat-btn-wrap {
    position: relative;
}
.temu-desktop-header-option2 .opt2-cat-btn {
    background: #111827 !important;
    color: #FFFFFF !important;
    border: none !important;
    padding: 9px 16px !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    cursor: pointer !important;
    transition: background 0.2s ease, transform 0.1s ease !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
}
.temu-desktop-header-option2 .opt2-cat-btn:hover {
    background: #000000 !important;
    transform: translateY(-1px);
}
.temu-desktop-header-option2 .opt2-cat-btn-wrap .temu-categories-megamenu {
    position: absolute;
    top: calc(100% + 12px);
    left: 0;
    z-index: 99999;
}
.temu-desktop-header-option2 .opt2-search-container {
    flex: 1;
    max-width: 720px;
    margin: 0 10px;
}
.temu-desktop-header-option2 .opt2-search-box {
    display: flex;
    align-items: center;
    background: #FFFFFF;
    border-radius: 8px;
    padding: 3px 4px 3px 18px;
    height: 44px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.temu-desktop-header-option2 .opt2-search-btn {
    background: #111827 !important;
    color: #FFFFFF !important;
    border: none !important;
    height: 38px !important;
    width: 60px !important;
    border-radius: 6px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: background 0.15s ease !important;
    flex-shrink: 0 !important;
}
.temu-desktop-header-option2 .opt2-search-btn:hover {
    background: #000000 !important;
}
.temu-desktop-header-option2 .opt2-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}
.temu-desktop-header-option2 .opt2-action-pill {
    background: rgba(0, 0, 0, 0.15) !important;
    color: #FFFFFF !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    padding: 7px 12px !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    cursor: pointer !important;
    text-decoration: none !important;
    transition: background 0.15s ease !important;
}
.temu-desktop-header-option2 .opt2-action-pill:hover {
    background: rgba(0, 0, 0, 0.25) !important;
    color: #FFFFFF !important;
}
.temu-desktop-header-option2 .opt2-cart-btn {
    background: #111827 !important;
    color: #FFFFFF !important;
    text-decoration: none !important;
    padding: 9px 18px !important;
    border-radius: 6px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    transition: background 0.15s ease !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
.temu-desktop-header-option2 .opt2-cart-btn:hover {
    background: #000000 !important;
    color: #FFFFFF !important;
}
.temu-desktop-header-option2 .opt2-cart-badge {
    background: #FB5805;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: 800;
    padding: 1px 7px;
    border-radius: 10px;
    line-height: 16px;
}
.temu-desktop-header-option2 .opt2-strip {
    background: #F8FAFC !important;
    height: 38px !important;
    border-bottom: 1px solid #E2E8F0 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02) !important;
}
.temu-desktop-header-option2 .opt2-strip-inner {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 24px;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12.5px;
}
.temu-desktop-header-option2 .opt2-quick {
    display: flex;
    gap: 16px;
    align-items: center;
    overflow-x: auto;
    scrollbar-width: none;
}
.temu-desktop-header-option2 .opt2-quick::-webkit-scrollbar {
    display: none;
}
.temu-desktop-header-option2 .opt2-quick a {
    color: #334155 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    white-space: nowrap !important;
    transition: color 0.15s ease !important;
}
.temu-desktop-header-option2 .opt2-quick a:hover {
    color: #FB5805 !important;
}
.temu-desktop-header-option2 .opt2-trust {
    display: flex;
    gap: 18px;
    align-items: center;
    color: #475569;
    font-weight: 600;
    flex-shrink: 0;
    white-space: nowrap;
}
.temu-desktop-header-option2 .opt2-trust span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.temu-desktop-header-option2 .opt2-trust .icon {
    color: #FB5805;
}

/* ======================================================================
   DESKTOP HEADER LAYOUT 3: SPACIOUS REFINED 3-TIER
   ====================================================================== */
.temu-desktop-header-option3 .opt3-utility {
    background: #111827 !important;
    color: #D1D5DB !important;
    font-size: 11.5px !important;
    height: 30px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}
.temu-desktop-header-option3 .opt3-utility-inner {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 24px;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.temu-desktop-header-option3 .opt3-utility a {
    color: inherit !important;
    text-decoration: none !important;
}
.temu-desktop-header-option3 .opt3-utility .perks {
    display: flex;
    gap: 20px;
    align-items: center;
}
.temu-desktop-header-option3 .opt3-utility .right-links {
    display: flex;
    gap: 16px;
    align-items: center;
}
.temu-desktop-header-option3 .opt3-main-nav {
    background: var(--temu-orange-grad) !important;
    height: 68px;
    display: flex;
    align-items: center;
    padding: 0 24px;
    box-shadow: 0 4px 14px rgba(251, 88, 5, 0.16);
}
.temu-desktop-header-option3 .opt3-nav-inner {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}
.temu-desktop-header-option3 .opt3-logo-group {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}
.temu-desktop-header-option3 .opt3-cat-btn-wrap {
    position: relative;
}
.temu-desktop-header-option3 .opt3-cat-btn-wrap .temu-categories-megamenu {
    position: absolute;
    top: calc(100% + 12px);
    left: 0;
    z-index: 99999;
}
.temu-desktop-header-option3 .opt3-quick-links {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-shrink: 0;
}
.temu-desktop-header-option3 .opt3-qlink {
    color: #FFFFFF !important;
    text-decoration: none !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    padding: 6px 12px !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, 0.16) !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    transition: background 0.15s ease !important;
    white-space: nowrap !important;
}
.temu-desktop-header-option3 .opt3-qlink:hover {
    background: rgba(255, 255, 255, 0.28) !important;
}
.temu-desktop-header-option3 .opt3-search-container {
    flex: 1;
    min-width: 440px;
    max-width: 580px;
    margin: 0 10px;
}
.temu-desktop-header-option3 .opt3-search-box {
    display: flex;
    align-items: center;
    background: #FFFFFF;
    border-radius: 50px;
    padding: 2px 4px 2px 18px;
    height: 42px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.temu-desktop-header-option3 .opt3-search-btn {
    background: #111827 !important;
    color: #FFFFFF !important;
    border: none !important;
    height: 36px !important;
    width: 48px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
    transition: background 0.15s ease !important;
}
.temu-desktop-header-option3 .opt3-search-btn:hover {
    background: #333333 !important;
}
.temu-desktop-header-option3 .opt3-actions {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-shrink: 0;
}
.temu-desktop-header-option3 .opt3-trust-bar {
    background: #1E242B !important;
    height: 36px !important;
    color: #E5E7EB !important;
    font-size: 12px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}
.temu-desktop-header-option3 .opt3-trust-inner {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 24px;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.temu-desktop-header-option3 .opt3-perks-left {
    display: flex;
    gap: 20px;
    align-items: center;
}
.temu-desktop-header-option3 .opt3-perks-left span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.temu-desktop-header-option3 .opt3-security-note {
    font-size: 11.5px;
    color: #9CA3AF;
}
.temu-desktop-header-option3 .opt3-security-note a {
    color: #FBBF24 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.utility-perk {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    color: #FFFFFF;
}

.utility-perk .check {
    color: #10B981;
    font-weight: 800;
}

.utility-support-link,
.utility-support-link:link,
.utility-support-link:visited {
    color: #FFFFFF !important;
    text-decoration: none !important;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-right: 14px;
}

.utility-support-link:hover {
    color: #FFFFFF !important;
    opacity: 0.9;
}

/* ======================================================================
   BULLETPROOF TOP HEADER & NAVIGATION WHITE LINKS ENFORCER
   Forces all links and text in the top utility bar, orange navbar, and green bar to be pure white (#FFFFFF)
   ====================================================================== */
.temu-desktop-header-wrap a,
.temu-desktop-header-wrap a:link,
.temu-desktop-header-wrap a:visited,
.temu-utility-bar a,
.temu-utility-bar a:link,
.temu-utility-bar a:visited,
.temu-main-nav a,
.temu-main-nav a:link,
.temu-main-nav a:visited,
.temu-green-bar a,
.temu-green-bar a:link,
.temu-green-bar a:visited,
.utility-link,
.utility-link:link,
.utility-link:visited,
.utility-app-btn,
.utility-app-btn:link,
.utility-app-btn:visited,
.quick-link,
.quick-link:link,
.quick-link:visited,
.user-action-link,
.user-action-link:link,
.user-action-link:visited,
.user-action-item a,
.user-action-item a:link,
.user-action-item a:visited,
.temu-cart-btn,
.temu-cart-btn:link,
.temu-cart-btn:visited,
.perk-item,
.perk-item:link,
.perk-item:visited {
    color: #FFFFFF !important;
    text-decoration: none !important;
}

/* Flyouts and subnav inside header keep dark links */
.temu-categories-megamenu a,
.temu-categories-megamenu a:link,
.temu-categories-megamenu a:visited,
.temu-account-flyout a,
.temu-account-flyout a:link,
.temu-account-flyout a:visited,
.temu-support-flyout a,
.temu-support-flyout a:link,
.temu-support-flyout a:visited,
.temu-subnav-ribbon a,
.temu-subnav-ribbon a:link,
.temu-subnav-ribbon a:visited {
    color: #374151 !important;
}

.temu-subnav-ribbon .subnav-trust-pill,
.temu-subnav-ribbon .subnav-trust-pill:link,
.temu-subnav-ribbon .subnav-trust-pill:visited {
    color: #059669 !important;
}

.temu-categories-megamenu a:hover,
.temu-account-flyout a:hover,
.temu-support-flyout a:hover,
.temu-subnav-ribbon a:hover {
    color: #FB5805 !important;
}

.temu-subnav-ribbon .subnav-trust-pill:hover {
    color: #047857 !important;
}

.temu-account-flyout .flyout-signin-btn,
.temu-account-flyout .flyout-signin-btn:link,
.temu-account-flyout .flyout-signin-btn:visited {
    color: #FFFFFF !important;
}

/* --------------------------------------------------------------------------
   2. TEMU HOMEPAGE MAIN CONTENT WRAPPER
   -------------------------------------------------------------------------- */
.temu-homepage-container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 16px 24px 60px 24px;
}

/* --------------------------------------------------------------------------
   3. SECTION 1: LIGHTNING DEALS & CLEARANCE DEALS
   -------------------------------------------------------------------------- */
.temu-deals-split-section {
    margin-bottom: 28px;
}

.deals-header-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 14px;
}

.deal-col-header {
    display: flex;
    align-items: center;
    gap: 12px;
}

.deal-col-header h2 {
    font-size: 20px;
    font-weight: 900;
    color: var(--temu-orange);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 6px;
    letter-spacing: -0.3px;
}

.deal-col-header.clearance h2 {
    color: #E60012;
}

.see-deals-link {
    color: #666666;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
}

.see-deals-link:hover {
    color: var(--temu-orange);
}

.temu-deals-carousel-row {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 14px;
}

.temu-deal-card {
    background: #FFFFFF;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #ECECEC;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.temu-deal-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

.deal-img-link {
    position: relative;
    display: block;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: #F9F9F9;
}

.deal-img-link img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.stock-pill-badge {
    position: absolute;
    bottom: 8px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.72);
    color: #FFFFFF;
    font-size: 10px;
    font-weight: 800;
    padding: 3px 8px;
    border-radius: 20px;
    white-space: nowrap;
}

.deal-card-info {
    padding: 8px 10px;
}

.deal-price-line {
    display: flex;
    align-items: baseline;
    gap: 6px;
    margin-bottom: 4px;
}

.deal-price {
    color: var(--temu-orange);
    font-size: 17px;
    font-weight: 900;
}

.deal-reg-price {
    color: #888888;
    font-size: 11px;
    text-decoration: line-through;
}

.deal-timer-line {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 10px;
    color: #555555;
    font-weight: 700;
}

.mini-progress-track {
    flex: 1;
    height: 4px;
    background: #EBEBEB;
    border-radius: 4px;
    overflow: hidden;
}

.mini-progress-fill {
    height: 100%;
    background: var(--temu-orange);
}

/* --------------------------------------------------------------------------
   4. SECTION 2: EXPLORE YOUR INTERESTS (Category Pills Bar)
   -------------------------------------------------------------------------- */
.temu-explore-interests-section {
    text-align: center;
    margin: 28px 0 20px 0;
}

.explore-sub-tag {
    color: var(--temu-orange);
    font-size: 13px;
    font-weight: 800;
    margin-bottom: 4px;
}

.explore-title {
    font-size: 24px;
    font-weight: 900;
    color: #111111;
    margin: 0 0 16px 0;
    letter-spacing: -0.5px;
}

.temu-interests-pills-bar-wrap {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 20px;
}

.temu-interests-pills-bar {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    overflow-x: auto;
    scroll-behavior: smooth;
    padding: 6px 2px 14px 2px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    flex: 1;
}

.temu-interests-pills-bar::-webkit-scrollbar {
    display: none;
}

.interest-pill {
    background: #FFFFFF;
    color: #333333;
    border: 1px solid #DCDCDC;
    padding: 8px 16px;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
    transition: all 0.15s ease;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}

.interest-pill:hover {
    border-color: #111111;
    background: #FAFAFA;
}

.interest-pill.is-active {
    background: #111111;
    color: #FFFFFF;
    border-color: #111111;
}

.interest-pill-arrow {
    background: #FFFFFF;
    border: 1px solid #DCDCDC;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 900;
    color: #222222;
    cursor: pointer;
    flex-shrink: 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: all 0.2s ease;
    z-index: 5;
    margin-left: 8px;
}

.interest-pill-arrow:hover {
    background: #FB5805;
    color: #FFFFFF;
    border-color: #FB5805;
    box-shadow: 0 4px 14px rgba(251, 88, 5, 0.4);
    transform: scale(1.08);
}

.interest-pill-arrow-prev {
    margin-left: 0;
    margin-right: 8px;
    display: none;
}

/* --------------------------------------------------------------------------
   5. SECTION 3: MAIN TEMU PRODUCT DISCOVERY GRID
   -------------------------------------------------------------------------- */
.temu-discovery-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 14px;
    margin-bottom: 30px;
}

.temu-product-card {
    background: #FFFFFF;
    border: 1px solid #EFEFEF;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.temu-product-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
}

.product-img-wrap {
    position: relative;
    display: block;
    aspect-ratio: 1 / 1;
    background: #F9F9F9;
    overflow: hidden;
}

.product-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.temu-product-card:hover .product-img-wrap img {
    transform: scale(1.03);
}

.product-body {
    padding: 10px 10px 12px 10px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.product-title-link {
    font-size: 13px;
    font-weight: 500;
    color: #222222;
    text-decoration: none;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 35px;
    margin-bottom: 6px;
}

.product-title-link:hover {
    color: var(--temu-orange);
}

.deal-tag-inline {
    background: var(--temu-orange);
    color: #FFFFFF;
    font-size: 10px;
    font-weight: 900;
    padding: 1px 4px;
    border-radius: 3px;
    margin-right: 4px;
    display: inline-block;
    vertical-align: middle;
}

/* Pricing Row with Circle Cart Button */
.product-pricing-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 6px;
}

.price-stack {
    display: flex;
    align-items: baseline;
    gap: 5px;
    flex-wrap: wrap;
}

.last-day-tag {
    color: var(--temu-orange);
    font-size: 12px;
    font-weight: 700;
}

.price-val {
    color: var(--temu-orange);
    font-size: 19px;
    font-weight: 900;
}

.reg-val {
    color: #888888;
    font-size: 11px;
    text-decoration: line-through;
}

.temu-circle-cart-btn {
    border: 1px solid #CCCCCC !important;
    background: #FFFFFF !important;
    color: #222222 !important;
    border-radius: 50% !important;
    width: 32px !important;
    height: 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    padding: 0 !important;
    transition: all 0.15s ease !important;
    flex-shrink: 0 !important;
}

.temu-circle-cart-btn:hover {
    background: var(--temu-orange) !important;
    color: #FFFFFF !important;
    border-color: var(--temu-orange) !important;
}

/* Extra Saved Row */
.product-extra-saved-row {
    margin-bottom: 6px;
}

.extra-saved-pill {
    background: #FFF4E5;
    color: var(--temu-orange);
    border: 1px solid #FFD8A8;
    font-size: 10px;
    font-weight: 800;
    padding: 2px 6px;
    border-radius: 4px;
    display: inline-block;
}

.mini-countdown {
    font-family: monospace;
    font-weight: 900;
    margin-left: 2px;
}

/* Proof Row */
.product-proof-row {
    font-size: 10.5px;
    color: #D32F2F;
    font-weight: 800;
    line-height: 1.25;
}

/* --------------------------------------------------------------------------
   6. SECTION 4: BIG ORANGE "SEE MORE" BUTTON
   -------------------------------------------------------------------------- */
.temu-see-more-wrap {
    text-align: center;
    margin: 30px 0 20px 0;
}

.temu-see-more-btn {
    display: inline-block;
    background: var(--temu-orange);
    color: #FFFFFF;
    font-size: 17px;
    font-weight: 900;
    padding: 12px 60px;
    border-radius: 50px;
    text-decoration: none;
    box-shadow: 0 4px 16px rgba(251, 88, 5, 0.35);
    transition: all 0.2s ease;
}

.temu-see-more-btn:hover {
    background: var(--temu-orange-hover);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(251, 88, 5, 0.45);
}

/* --------------------------------------------------------------------------
   7. STICKY RIGHT CART SIDEBAR & FLOATING TOOLS (From Screenshot 1)
   -------------------------------------------------------------------------- */
.temu-sticky-sidebar {
    position: fixed;
    top: max(115px, calc(50vh - 270px)); /* Sits towards the middle, but never higher than 115px (never cut off at top) */
    right: 14px;
    width: 224px;
    max-height: calc(100vh - 135px); /* Never cut off at bottom */
    background: #FFFFFF;
    border: 1px solid #ECECEC;
    border-radius: 12px;
    box-shadow: 0 10px 32px rgba(0, 0, 0, 0.14);
    z-index: 99980;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s ease;
}

.temu-sticky-sidebar.is-minimized {
    transform: translateX(260px);
    pointer-events: none;
    opacity: 0;
}

@media (max-width: 1280px) {
    .temu-sticky-sidebar {
        display: none !important; /* Hide on smaller/medium screens to prevent any overlap */
    }
}

.sticky-cart-header {
    background: #FFF7ED;
    padding: 12px 34px 12px 12px;
    border-bottom: 1px solid #FED7AA;
    position: relative;
    flex-shrink: 0;
}

/* Sidebar Minimize Toggle Button */
.sidebar-toggle-btn {
    position: absolute;
    top: 9px;
    right: 9px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.08);
    border: none;
    color: #555555;
    font-size: 11px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.15s ease;
    line-height: 1;
    padding: 0;
    z-index: 5;
}

.sidebar-toggle-btn:hover {
    background: #FB5805;
    color: #FFFFFF;
    transform: scale(1.1);
}

/* Floating Collapsed Pill (Shown when user minimizes sidebar) */
.sidebar-collapsed-pill {
    display: none;
    position: fixed;
    top: max(135px, 50vh);
    right: 0;
    transform: translateY(-50%);
    background: #111111;
    color: #FFFFFF;
    border: none;
    border-radius: 24px 0 0 24px;
    padding: 10px 14px 10px 12px;
    cursor: pointer;
    box-shadow: -4px 6px 20px rgba(0, 0, 0, 0.25);
    z-index: 99981;
    align-items: center;
    gap: 7px;
    font-size: 12px;
    font-weight: 700;
    transition: all 0.2s ease;
}

.sidebar-collapsed-pill:hover {
    background: #FB5805;
    padding-right: 18px;
    transform: translate(-3px, -50%);
}

.sidebar-collapsed-pill .pill-cart-icon {
    font-size: 14px;
}

.sidebar-collapsed-pill .pill-cart-text {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.2px;
}

.sidebar-collapsed-pill .pill-cart-count {
    background: #FB5805;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: 900;
    padding: 2px 7px;
    border-radius: 12px;
}

.sidebar-collapsed-pill .pill-open-arrow {
    font-size: 14px;
    font-weight: 900;
    margin-left: 2px;
}

/* Pulse animation on minimized pill when item is added */
@keyframes pillPulseAttention {
    0% { transform: translateY(-50%) scale(1); box-shadow: -4px 6px 20px rgba(0,0,0,0.25); }
    50% { transform: translateY(-50%) scale(1.15) translateX(-8px); background: #FB5805; box-shadow: -4px 6px 25px rgba(251,88,5,0.6); }
    100% { transform: translateY(-50%) scale(1); box-shadow: -4px 6px 20px rgba(0,0,0,0.25); }
}

.pill-pulse-attention {
    animation: pillPulseAttention 0.8s ease-in-out 2;
}

@media (max-width: 1280px) {
    .sidebar-collapsed-pill {
        display: none !important;
    }
}

.subtotal-row {
    display: flex;
    align-items: baseline;
    gap: 4px;
    margin-bottom: 4px;
}

.subtotal-row .bolt {
    color: var(--temu-orange);
    font-size: 16px;
}

.subtotal-row .label {
    font-size: 13px;
    font-weight: 700;
    color: #444444;
}

.subtotal-row .val {
    font-size: 17px;
    font-weight: 900;
    color: #111111;
    margin-left: auto;
}

.free-shipping-note {
    font-size: 11px;
    color: #00873E;
    font-weight: 700;
    margin-bottom: 8px;
}

.checkout-discount-pill {
    background: var(--temu-orange);
    color: #FFFFFF;
    font-size: 11px;
    padding: 6px;
    border-radius: 6px;
    text-align: center;
    line-height: 1.25;
    margin-bottom: 8px;
}

.btn-go-to-cart {
    display: block;
    background: #FFFFFF;
    color: #111111;
    border: 1px solid #CCCCCC;
    font-size: 13px;
    font-weight: 800;
    text-align: center;
    padding: 7px 0;
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.15s ease;
}

.btn-go-to-cart:hover {
    border-color: #111111;
}

.select-all-line {
    padding: 8px 12px;
    border-bottom: 1px solid #EFEFEF;
    font-size: 11px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 6px;
}

.sticky-cart-items-preview {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 80px;
}

.select-all-line {
    padding: 8px 12px;
    border-bottom: 1px solid #EFEFEF;
    font-size: 11px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}

.sidebar-mini-items-list {
    flex: 1 1 auto;
    max-height: calc(100vh - 380px);
    min-height: 80px;
    overflow-y: auto;
    padding: 8px 10px;
    -webkit-overflow-scrolling: touch;
}

/* Empty cart state inside sidebar */
.sidebar-empty-cart-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 24px 8px 20px;
}

.sidebar-empty-cart-state .empty-icon-circle {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: #FFF7ED;
    border: 1.5px dashed #FB923C;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
}

.sidebar-empty-cart-state .empty-cart-icon {
    font-size: 26px;
    line-height: 1;
}

.sidebar-empty-cart-state .empty-cart-title {
    font-size: 13.5px;
    font-weight: 800;
    color: #111111;
    margin: 0 0 5px 0;
    letter-spacing: -0.2px;
}

.sidebar-empty-cart-state .empty-cart-subtitle {
    font-size: 11px;
    color: #666666;
    line-height: 1.35;
    margin: 0 0 14px 0;
}

.sidebar-empty-cart-state .btn-sidebar-shop-now {
    display: inline-block;
    background: var(--temu-orange);
    color: #FFFFFF !important;
    font-size: 12px;
    font-weight: 800;
    padding: 7px 18px;
    border-radius: 20px;
    text-decoration: none;
    transition: all 0.15s ease;
    box-shadow: 0 3px 10px rgba(251, 88, 5, 0.28);
}

.sidebar-empty-cart-state .btn-sidebar-shop-now:hover {
    background: var(--temu-orange-hover);
    transform: translateY(-1px);
}

/* Sidebar Item Row */
.sidebar-item {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 8px 0;
    border-bottom: 1px solid #F1F1F1;
    transition: all 0.2s ease;
}

.sidebar-item:last-child {
    border-bottom: none;
}

.sidebar-item-check-col {
    padding-top: 2px;
    flex-shrink: 0;
}

.sidebar-item-check-col input[type="checkbox"] {
    cursor: pointer;
    accent-color: #FB5805;
    width: 14px;
    height: 14px;
}

.sidebar-item-img-col {
    flex-shrink: 0;
}

.sidebar-item-img-col img {
    width: 44px;
    height: 44px;
    border-radius: 6px;
    object-fit: cover;
    border: 1px solid #ECECEC;
    display: block;
}

.sidebar-item-info-col {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.sidebar-item-header-line {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 1;
    margin-bottom: 2px;
}

.sidebar-item-header-line .warn {
    font-size: 9.5px;
    font-weight: 700;
    color: #D32F2F;
}

.sidebar-item-remove-btn {
    background: transparent;
    border: none;
    color: #999999;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    padding: 0 2px;
    transition: color 0.15s ease;
}

.sidebar-item-remove-btn:hover {
    color: #D32F2F;
}

.sidebar-item-info-col .item-title-link {
    text-decoration: none;
    color: #222222;
    display: block;
}

.sidebar-item-info-col .item-title-short {
    font-size: 11px;
    font-weight: 700;
    color: #222222;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.25;
}

.sidebar-item-info-col .item-var-info {
    font-size: 10px;
    color: #FB5805;
    font-weight: 700;
    display: block;
    margin-top: 1px;
    line-height: 1.2;
}

.sidebar-item-bottom-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 4px;
}

.sidebar-item-bottom-row .price {
    font-size: 12px;
    font-weight: 800;
    color: #111111;
}

.sidebar-item-qty-select {
    font-size: 11px;
    font-weight: 700;
    padding: 1px 4px;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    background: #FFFFFF;
    color: #111111;
    cursor: pointer;
    height: 22px;
    line-height: 20px;
}

.btn-go-to-cart.btn-cart-empty {
    background: #FFFFFF;
    color: #FB5805;
    border: 1.5px solid #FB5805;
}

.btn-go-to-cart.btn-cart-empty:hover {
    background: #FB5805;
    color: #FFFFFF;
}

/* Floating Action Tools (Bottom Right) */
.temu-floating-tools {
    position: fixed;
    bottom: 24px;
    right: 18px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    z-index: 99990;
}

.tool-btn {
    background: #FFFFFF;
    border: 1px solid #E0E0E0;
    border-radius: 6px;
    width: 54px;
    height: 52px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    position: relative;
    padding: 0;
}

.tool-btn:hover {
    border-color: #111111;
}

.tool-btn .badge-num {
    position: absolute;
    top: -4px;
    right: -4px;
    background: var(--temu-orange);
    color: #FFFFFF;
    font-size: 9px;
    font-weight: 900;
    border-radius: 10px;
    padding: 1px 4px;
}

.tool-btn .tool-icon {
    font-size: 16px;
}

.tool-btn .tool-lbl {
    font-size: 9px;
    font-weight: 700;
    color: #444444;
}

/* --------------------------------------------------------------------------
   8. MASTER TEMU FOOTER (From Screenshot 2)
   -------------------------------------------------------------------------- */
.temu-footer-wrap {
    background: var(--temu-footer);
    color: #FFFFFF;
    padding: 48px 24px 24px 24px;
    font-size: 12px;
}

.temu-footer-inner {
    max-width: 1440px;
    margin: 0 auto;
}

.footer-columns-row {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 28px;
    padding-bottom: 36px;
    border-bottom: 1px solid #2C2C2C;
}

.footer-col h3 {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 800;
    margin: 0 0 14px 0;
}

.footer-col ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-col ul li {
    margin-bottom: 9px;
}

.footer-col ul li a {
    color: #AAAAAA;
    text-decoration: none;
    font-size: 12px;
    transition: color 0.15s ease;
}

.footer-col ul li a:hover {
    color: #FFFFFF;
}

/* App perks */
.app-perks-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px 12px;
    color: #CCCCCC;
    font-size: 11px;
    margin-bottom: 16px;
}

.app-download-badges {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.store-badge-box {
    background: #000000;
    border: 1px solid #3A3A3A;
    border-radius: 8px;
    padding: 6px 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #FFFFFF;
    text-decoration: none;
    width: fit-content;
}

.store-badge-box .store-icon {
    font-size: 20px;
}

.store-badge-box div {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}

.store-badge-box small {
    font-size: 9px;
    color: #AAAAAA;
}

.store-badge-box strong {
    font-size: 12px;
}

/* Social icons */
.social-icons-row {
    display: flex;
    align-items: center;
    gap: 10px;
}

.social-circle {
    background: #2A2A2A;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    text-decoration: none;
    font-size: 14px;
    transition: background 0.15s ease;
}

.social-circle:hover {
    background: var(--temu-orange);
}

/* Badges row */
.footer-badges-row {
    padding: 24px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    border-bottom: 1px solid #2C2C2C;
}

.badge-label {
    font-size: 12px;
    font-weight: 800;
    color: #FFFFFF;
    margin-bottom: 8px;
}

.badges-flex {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.cert-pill,
.pay-pill {
    background: #FFFFFF;
    color: #111111;
    font-size: 10px;
    font-weight: 900;
    padding: 4px 8px;
    border-radius: 3px;
    letter-spacing: 0.5px;
}

.footer-copyright-bar {
    padding-top: 20px;
    text-align: center;
    color: #777777;
    font-size: 11px;
}

.footer-copyright-bar a {
    color: #888888;
    text-decoration: none;
}

/* --------------------------------------------------------------------------
   10. TEMU QUICK LOOK MODAL & CARD HOVER (Matching Screenshots 1 & 2)
   -------------------------------------------------------------------------- */
.temu-card-brand-header {
    padding: 6px 8px 4px 8px;
    font-size: 11px;
    font-weight: 800;
    color: #333333;
    display: flex;
    align-items: center;
    gap: 4px;
    background: #FAFAFA;
    border-bottom: 1px solid #F0F0F0;
}

.temu-card-brand-header .star-badge {
    background: #6A1B9A;
    color: #FFFFFF;
    font-size: 9px;
    padding: 1px 4px;
    border-radius: 3px;
    margin-left: auto;
}

.product-img-wrap {
    position: relative;
    overflow: hidden;
}

.temu-quick-look-btn {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%) translateY(40px);
    background: rgba(255, 255, 255, 0.95);
    color: #111111;
    border: 1px solid #CCCCCC;
    border-radius: 20px;
    padding: 5px 14px;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    opacity: 0;
    transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 5px;
    z-index: 5;
}

.temu-quick-look-btn:hover {
    background: #111111;
    color: #FFFFFF;
    border-color: #111111;
}

.temu-product-card:hover .temu-quick-look-btn {
    transform: translateX(-50%) translateY(0);
    opacity: 1;
}

/* Modal Overlay & Card */
.temu-modal-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(4px);
    z-index: 2000000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.temu-modal-dialog {
    background: #FFFFFF;
    border-radius: 12px;
    width: 100%;
    max-width: 880px;
    max-height: 90vh;
    overflow-y: auto;
    position: relative;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3);
    animation: temuModalPop 0.25s ease-out;
}

@keyframes temuModalPop {
    from { opacity: 0; transform: scale(0.95) translateY(10px); }
    to { opacity: 1; transform: scale(1) translateY(0); }
}

.temu-modal-close {
    position: absolute;
    top: 14px;
    right: 18px;
    background: transparent;
    border: none;
    font-size: 28px;
    color: #666666;
    cursor: pointer;
    line-height: 1;
    z-index: 10;
}

.temu-modal-close:hover {
    color: #111111;
}

.temu-modal-body {
    display: grid;
    grid-template-columns: 1fr 1.15fr;
    gap: 28px;
    padding: 28px;
}

@media (max-width: 768px) {
    .temu-modal-body {
        grid-template-columns: 1fr;
        padding: 16px;
    }
}

/* Left: Gallery */
.modal-left-gallery {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.modal-main-img-box {
    aspect-ratio: 1 / 1;
    border-radius: 8px;
    overflow: hidden;
    background: #F8F8F8;
    border: 1px solid #ECECEC;
}

.modal-main-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.modal-thumbnails-strip {
    display: flex;
    align-items: center;
    gap: 8px;
    overflow-x: auto;
}

.modal-thumb {
    width: 54px;
    height: 54px;
    border-radius: 6px;
    border: 2px solid #E5E5E5;
    overflow: hidden;
    cursor: pointer;
    flex-shrink: 0;
    transition: border-color 0.15s ease;
}

.modal-thumb.is-active,
.modal-thumb:hover {
    border-color: var(--temu-orange);
}

.modal-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Right: Details */
.modal-right-details h2 {
    font-size: 18px;
    font-weight: 700;
    color: #111111;
    line-height: 1.35;
    margin: 0 0 8px 0;
}

.modal-sold-meta {
    font-size: 12px;
    color: #666666;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.modal-sold-meta strong {
    color: #111111;
}

.modal-price-box {
    display: flex;
    align-items: baseline;
    gap: 6px;
    margin-bottom: 4px;
    flex-wrap: wrap;
}

.modal-price-box .alarm-icon {
    font-size: 16px;
    color: var(--temu-orange);
}

.modal-last-day {
    color: var(--temu-orange);
    font-weight: 800;
    font-size: 14px;
}

.modal-reg-price {
    color: #888888;
    text-decoration: line-through;
    font-size: 13px;
}

.modal-est-lbl {
    color: #444444;
    font-size: 13px;
    font-weight: 600;
}

.modal-sale-price {
    color: var(--temu-orange);
    font-size: 24px;
    font-weight: 900;
}

.modal-off-tag {
    color: var(--temu-orange);
    border: 1px solid var(--temu-orange);
    border-radius: 3px;
    padding: 1px 5px;
    font-size: 11px;
    font-weight: 800;
}

.modal-promo-note {
    font-size: 11px;
    color: #666666;
    margin-bottom: 12px;
}

.modal-promo-note strong {
    color: #111111;
}

/* Big Sale Banner */
.modal-big-sale-bar {
    background: var(--temu-orange);
    color: #FFFFFF;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 800;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
}

.modal-big-sale-bar .bs-time strong {
    font-family: monospace;
    font-size: 13px;
}

/* Color Swatches */
.modal-swatch-group {
    margin-bottom: 16px;
}

.swatch-label,
.model-label {
    font-size: 12px;
    color: #333333;
    margin-bottom: 8px;
}

.swatches-row {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.color-swatch-card {
    border: 1.5px solid #DDDDDD;
    border-radius: 6px;
    padding: 4px 8px;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    font-size: 11px;
    font-weight: 700;
    transition: all 0.15s ease;
}

.color-swatch-card:hover {
    border-color: #111111;
}

.color-swatch-card.is-active {
    border-color: var(--temu-orange);
    background: #FFF7ED;
}

.color-swatch-card .swatch-color-circle {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.15);
}

/* Model Pills */
.modal-model-group {
    margin-bottom: 20px;
}

.models-row {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.model-pill-item {
    border: 1px solid #CCCCCC;
    background: #FFFFFF;
    color: #222222;
    padding: 6px 14px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s ease;
}

.model-pill-item:hover {
    border-color: #111111;
}

.model-pill-item.is-active {
    border-color: #111111;
    background: #111111;
    color: #FFFFFF;
}

/* Big Orange CTA Button */
.modal-add-to-cart-btn {
    background: var(--temu-orange);
    color: #FFFFFF;
    border: none;
    width: 100%;
    padding: 14px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 6px 20px rgba(251, 88, 5, 0.4);
    transition: all 0.2s ease;
    letter-spacing: 0.3px;
    margin-bottom: 12px;
}

.modal-add-to-cart-btn:hover {
    background: var(--temu-orange-hover);
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(251, 88, 5, 0.5);
}

.modal-add-to-cart-btn.added-success {
    background: #00873E !important;
}

.modal-details-link a {
    color: #555555;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
}

.modal-details-link a:hover {
    color: #111111;
}

/* ==========================================================================
   TEMU ULTRA-MODERN CHECKOUT & CART STYLING
   ========================================================================== */

/* Page Background & Wrapper for Checkout/Cart */
.woocommerce-checkout,
.woocommerce-cart {
    background-color: #F6F7F9 !important;
}

.woocommerce-checkout #content,
.woocommerce-checkout .entry-content,
.woocommerce-cart #content,
.woocommerce-cart .entry-content {
    background-color: #F6F7F9 !important;
    padding: 20px 0 60px 0 !important;
}

/* 1. Checkout Top Progress Bar & Trust Pill */
.temu-checkout-header-banner {
    max-width: 1200px;
    margin: 10px auto 24px auto;
    padding: 16px 24px;
    background: #FFFFFF;
    border-radius: 12px;
    border: 1px solid #E8E8E8;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.temu-checkout-steps-row {
    display: flex;
    align-items: center;
    gap: 12px;
}

.temu-step-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 700;
    color: #888888;
    text-decoration: none;
}

.temu-step-item .step-badge {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #EEEEEE;
    color: #666666;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 800;
}

.temu-step-item.is-done {
    color: #00873E;
}

.temu-step-item.is-done .step-badge {
    background: #E8F5E9;
    color: #00873E;
}

.temu-step-item.is-current {
    color: #FB5805;
}

.temu-step-item.is-current .step-badge {
    background: #FB5805;
    color: #FFFFFF;
    box-shadow: 0 2px 8px rgba(251, 88, 5, 0.4);
}

.temu-step-arrow {
    color: #DDDDDD;
    letter-spacing: -2px;
    font-size: 12px;
}

.temu-checkout-trust-pill {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: #444444;
    background: #F8F9FA;
    padding: 6px 14px;
    border-radius: 20px;
    border: 1px solid #EEEEEE;
}

.temu-checkout-trust-pill .lock-shield {
    color: #00873E;
}

/* 2. Main Checkout Form 2-Column CSS Grid Layout */
form.woocommerce-checkout {
    max-width: 1200px !important;
    margin: 0 auto !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 390px !important;
    gap: 28px !important;
    align-items: start !important;
    float: none !important;
    width: 100% !important;
}

form.woocommerce-checkout #customer_details {
    grid-column: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Force WooCommerce col2-set columns to full width inside customer_details */
.woocommerce form.woocommerce-checkout #customer_details.col2-set .col-1,
.woocommerce form.woocommerce-checkout #customer_details.col2-set .col-2,
.woocommerce-page form.woocommerce-checkout #customer_details.col2-set .col-1,
.woocommerce-page form.woocommerce-checkout #customer_details.col2-set .col-2 {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 20px 0 !important;
    padding: 0 !important;
    clear: both !important;
}

form.woocommerce-checkout .temu-delivery-guarantee-card {
    grid-column: 1 !important;
    width: 100% !important;
    margin-top: 10px !important;
    margin-bottom: 20px !important;
}

#order_review_heading {
    display: none !important;
}

form.woocommerce-checkout #order_review {
    grid-column: 2 !important;
    grid-row: 1 / span 10 !important;
    float: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
    position: sticky !important;
    top: 90px !important;
    background: #FFFFFF !important;
    border-radius: 14px !important;
    border: 1px solid #EAEAEA !important;
    padding: 24px !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.05) !important;
}

/* White Cards for Sections */
.woocommerce-billing-fields,
.woocommerce-shipping-fields,
.woocommerce-additional-fields {
    background: #FFFFFF;
    border-radius: 14px;
    border: 1px solid #EAEAEA;
    padding: 24px;
    margin-bottom: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
}

.temu-checkout-card-heading {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
    padding-bottom: 14px;
    border-bottom: 1px solid #F0F0F0;
}

.temu-checkout-card-heading .heading-icon {
    font-size: 22px;
}

.temu-checkout-card-heading .heading-title {
    margin: 0;
    font-size: 17px;
    font-weight: 800;
    color: #111111;
}

.temu-checkout-card-heading .heading-subtitle {
    margin: 2px 0 0 0;
    font-size: 12px;
    color: #777777;
}

/* Inputs & Form Rows */
.woocommerce-billing-fields__field-wrapper,
.woocommerce-shipping-fields__field-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 14px;
}

.woocommerce-billing-fields .form-row,
.woocommerce-shipping-fields .form-row {
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    width: 100% !important;
    float: none !important;
}

.woocommerce-billing-fields .form-row-first,
.woocommerce-shipping-fields .form-row-first {
    width: calc(50% - 7px) !important;
}

.woocommerce-billing-fields .form-row-last,
.woocommerce-shipping-fields .form-row-last {
    width: calc(50% - 7px) !important;
}

.woocommerce-billing-fields label,
.woocommerce-shipping-fields label,
.woocommerce-additional-fields label {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: #333333;
    margin-bottom: 6px;
}

.woocommerce-billing-fields .input-text,
.woocommerce-shipping-fields .input-text,
.woocommerce-additional-fields .input-text,
.woocommerce-checkout select,
.woocommerce-checkout textarea {
    width: 100% !important;
    border: 1.5px solid #DCDFE6 !important;
    border-radius: 8px !important;
    padding: 12px 14px !important;
    font-size: 14px !important;
    color: #222222 !important;
    background: #FAFAFA !important;
    transition: all 0.2s ease !important;
    box-sizing: border-box !important;
}

.woocommerce-billing-fields .input-text:focus,
.woocommerce-shipping-fields .input-text:focus,
.woocommerce-additional-fields .input-text:focus,
.woocommerce-checkout select:focus,
.woocommerce-checkout textarea:focus {
    border-color: #FB5805 !important;
    background: #FFFFFF !important;
    box-shadow: 0 0 0 3px rgba(251, 88, 5, 0.15) !important;
    outline: none !important;
}

/* 3. Delivery Guarantee Card */
.temu-delivery-guarantee-card {
    background: #F0FDF4;
    border: 1.5px solid #86EFAC;
    border-radius: 14px;
    padding: 20px 24px;
    margin-bottom: 24px;
}

.temu-delivery-guarantee-card .guarantee-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid #DCFCE7;
}

.temu-delivery-guarantee-card .guarantee-title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    font-weight: 800;
    color: #065F46;
}

.temu-delivery-guarantee-card .guarantee-tag {
    background: #00873E;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: 800;
    padding: 4px 10px;
    border-radius: 20px;
    letter-spacing: 0.3px;
}

.temu-delivery-guarantee-card .guarantee-badges-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
    gap: 16px !important;
}

.temu-delivery-guarantee-card .guarantee-badge-box {
    display: flex;
    gap: 10px;
    align-items: flex-start;
}

.temu-delivery-guarantee-card .badge-emoji {
    font-size: 20px;
    line-height: 1;
}

.temu-delivery-guarantee-card .badge-content strong {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: #065F46;
    margin-bottom: 3px;
}

.temu-delivery-guarantee-card .badge-content p {
    margin: 0;
    font-size: 11px;
    line-height: 1.4;
    color: #047857;
}

/* 4. Order Review Right Sticky Panel */
#order_review .temu-checkout-item-preview {
    display: flex;
    align-items: center;
    gap: 12px;
}

#order_review .temu-checkout-item-preview img {
    width: 52px;
    height: 52px;
    object-fit: cover;
    border-radius: 8px;
    border: 1px solid #EEEEEE;
    flex-shrink: 0;
}

#order_review .temu-checkout-item-meta {
    font-size: 13px;
    font-weight: 600;
    color: #222222;
    line-height: 1.35;
}

#order_review .product-quantity {
    display: inline-block;
    background: #F1F1F1;
    color: #666666;
    font-size: 11px;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: 4px;
    margin-left: 4px;
}

table.woocommerce-checkout-review-order-table {
    width: 100% !important;
    border: none !important;
    border-collapse: collapse !important;
    margin-bottom: 18px !important;
}

table.woocommerce-checkout-review-order-table th,
table.woocommerce-checkout-review-order-table td {
    padding: 12px 0 !important;
    border: none !important;
    border-bottom: 1px solid #F3F3F3 !important;
    vertical-align: middle !important;
}

table.woocommerce-checkout-review-order-table thead {
    display: none;
}

table.woocommerce-checkout-review-order-table .cart-subtotal th,
table.woocommerce-checkout-review-order-table .woocommerce-shipping-totals th {
    font-size: 13px;
    font-weight: 600;
    color: #666666;
}

table.woocommerce-checkout-review-order-table .cart-subtotal td {
    font-size: 14px;
    font-weight: 700;
    color: #222222;
    text-align: right;
}

table.woocommerce-checkout-review-order-table .woocommerce-shipping-totals td {
    font-size: 13px;
    font-weight: 800;
    color: #00873E;
    text-align: right;
}

table.woocommerce-checkout-review-order-table .order-total th {
    font-size: 16px;
    font-weight: 800;
    color: #111111;
    padding-top: 16px !important;
}

table.woocommerce-checkout-review-order-table .order-total td {
    font-size: 22px;
    font-weight: 900;
    color: #FB5805;
    text-align: right;
    padding-top: 16px !important;
}

/* Payment Methods Styling */
#payment {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 16px 0 !important;
}

#payment ul.wc_payment_methods {
    padding: 0 !important;
    margin: 0 0 16px 0 !important;
    list-style: none !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}

#payment ul.wc_payment_methods li.wc_payment_method {
    border: 1.5px solid #E2E8F0 !important;
    border-radius: 10px !important;
    padding: 14px 16px !important;
    background: #FFFFFF !important;
    transition: all 0.15s ease !important;
    cursor: pointer !important;
}

#payment ul.wc_payment_methods li.wc_payment_method:hover {
    border-color: #FB5805 !important;
    background: #FFF9F5 !important;
}

#payment ul.wc_payment_methods li.wc_payment_method input[type="radio"] {
    accent-color: #FB5805 !important;
    width: 18px !important;
    height: 18px !important;
    margin-right: 10px !important;
    cursor: pointer !important;
}

#payment ul.wc_payment_methods li.wc_payment_method label {
    font-weight: 700 !important;
    font-size: 14px !important;
    color: #0F172A !important;
    cursor: pointer !important;
}

#payment div.payment_box {
    background: #F8FAFC !important;
    border-radius: 8px !important;
    padding: 12px 14px !important;
    margin-top: 10px !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    color: #475569 !important;
    border-left: 3px solid #FB5805 !important;
}

#payment div.payment_box:before {
    display: none !important;
}

/* Order Review Payment & Place Order Flow (Completely Eliminates Button Overlap) */
.woocommerce-checkout #payment {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 16px 0 0 0 !important;
    clear: both !important;
    width: 100% !important;
}

.woocommerce-checkout #payment .form-row.place-order,
.woocommerce-page #payment .form-row.place-order,
#payment .form-row.place-order {
    display: flex !important;
    flex-direction: column !important;
    float: none !important;
    clear: both !important;
    width: 100% !important;
    margin: 16px 0 0 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* 1. Privacy Policy Notice */
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper,
.woocommerce-checkout .woocommerce-privacy-policy-text {
    width: 100% !important;
    float: none !important;
    clear: both !important;
    margin: 0 0 16px 0 !important;
    padding: 12px 14px !important;
    background: #F8FAFC !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
}

.woocommerce-checkout .woocommerce-privacy-policy-text p {
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
    color: #64748B !important;
    text-align: left !important;
}

.woocommerce-checkout .woocommerce-privacy-policy-text a,
.woocommerce-checkout .woocommerce-privacy-policy-link {
    color: #0F172A !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
}

/* 2. Big Orange "Place Order" CTA - Standalone Block with Zero Overlap */
#place_order,
.woocommerce-checkout #payment #place_order,
.woocommerce-page #payment #place_order,
.woocommerce #payment #place_order {
    float: none !important;
    clear: both !important;
    display: block !important;
    width: 100% !important;
    margin: 0 0 18px 0 !important;
    background: #FB5805 !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 16px 24px !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    cursor: pointer !important;
    box-shadow: 0 6px 20px rgba(251, 88, 5, 0.4) !important;
    transition: all 0.2s ease !important;
    letter-spacing: 0.3px !important;
    text-align: center !important;
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 10 !important;
}

#place_order:hover,
.woocommerce-checkout #payment #place_order:hover,
.woocommerce-page #payment #place_order:hover,
.woocommerce #payment #place_order:hover {
    background: #E04800 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 24px rgba(251, 88, 5, 0.5) !important;
}

/* 3. Purchase Protection Guarantee Card - Positioned Cleanly Below Button */
.temu-checkout-security-card {
    clear: both !important;
    float: none !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    background: #F8FAFC !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 12px !important;
    padding: 18px !important;
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 1 !important;
}

.temu-checkout-security-card .security-card-header {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 12px;
}

.temu-checkout-security-card .shield-big {
    font-size: 24px;
}

.temu-checkout-security-card .security-card-titles h4 {
    margin: 0;
    font-size: 13px;
    font-weight: 800;
    color: #111111;
}

.temu-checkout-security-card .security-card-titles p {
    margin: 2px 0 0 0;
    font-size: 11px;
    color: #666666;
}

.temu-checkout-security-card .security-features-list {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 14px;
}

.temu-checkout-security-card .sec-item {
    font-size: 11px;
    color: #444444;
    line-height: 1.35;
    display: flex;
    align-items: flex-start;
    gap: 6px;
}

.temu-checkout-security-card .check-mark {
    color: #00873E;
    font-weight: 800;
}

.temu-checkout-security-card .security-trust-logos {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    border-top: 1px solid #EAEAEA;
    padding-top: 10px;
}

.temu-checkout-security-card .trust-badge-logo {
    background: #FFFFFF;
    border: 1px solid #E0E0E0;
    border-radius: 4px;
    padding: 3px 8px;
    font-size: 10px;
    font-weight: 800;
    color: #555555;
    letter-spacing: 0.3px;
}

.temu-checkout-security-card .trust-badge-logo.ssl {
    background: #E8F5E9;
    border-color: #C8E6C9;
    color: #00873E;
}

/* 5. Cart Page Specific Improvements */
.woocommerce-cart table.cart {
    background: #FFFFFF;
    border-radius: 12px;
    border: 1px solid #E8E8E8;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
}

.woocommerce-cart table.cart th {
    background: #FAFAFA;
    font-size: 13px;
    font-weight: 700;
    color: #444444;
    border-bottom: 1px solid #EEEEEE;
    padding: 14px 16px;
}

.woocommerce-cart table.cart td {
    padding: 16px;
    border-bottom: 1px solid #F5F5F5;
}

.woocommerce-cart .cart_totals {
    background: #FFFFFF;
    border-radius: 12px;
    border: 1px solid #E8E8E8;
    padding: 24px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
}

.woocommerce-cart .cart_totals h2 {
    font-size: 18px;
    font-weight: 800;
    color: #111111;
    margin-bottom: 16px;
}

.woocommerce-cart .wc-proceed-to-checkout .checkout-button {
    background: #FB5805 !important;
    color: #FFFFFF !important;
    border-radius: 50px !important;
    padding: 16px 24px !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    box-shadow: 0 6px 20px rgba(251, 88, 5, 0.35) !important;
    text-align: center !important;
    display: block !important;
}

.woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover {
    background: #E04800 !important;
    transform: translateY(-2px) !important;
}

/* Responsive adjustments */
@media (max-width: 991px) {
    form.woocommerce-checkout {
        flex-direction: column;
    }

    #customer_details,
    #order_review {
        flex: 1 1 100%;
        width: 100% !important;
        position: static;
    }

    .temu-checkout-header-banner {
        flex-direction: column;
        gap: 12px;
        align-items: flex-start;
    }

    .temu-delivery-guarantee-card .guarantee-badges-grid {
        grid-template-columns: 1fr;
    }

    .woocommerce-billing-fields .form-row-first,
    .woocommerce-billing-fields .form-row-last,
    .woocommerce-shipping-fields .form-row-first,
    .woocommerce-shipping-fields .form-row-last {
        width: 100% !important;
    }
}

/* 6. Temu Thank You / Order Confirmation Banner */
.temu-thankyou-banner {
    max-width: 900px;
    margin: 30px auto 40px auto;
    background: #FFFFFF;
    border-radius: 16px;
    border: 1px solid #E8E8E8;
    padding: 36px 30px;
    text-align: center;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

.temu-thankyou-banner .thankyou-badge-icon {
    font-size: 48px;
    margin-bottom: 12px;
}

.temu-thankyou-banner .thankyou-title {
    font-size: 26px;
    font-weight: 900;
    color: #111111;
    margin: 0 0 10px 0;
}

.temu-thankyou-banner .thankyou-subtitle {
    font-size: 15px;
    color: #555555;
    margin: 0 0 24px 0;
}

.temu-thankyou-banner .thankyou-guarantee-strip {
    display: flex;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 28px;
}

.temu-thankyou-banner .strip-pill {
    background: #F0FDF4;
    border: 1px solid #BBF7D0;
    color: #065F46;
    font-size: 13px;
    padding: 8px 16px;
    border-radius: 20px;
}

.temu-thankyou-banner .temu-continue-btn {
    display: inline-block;
    background: #FB5805;
    color: #FFFFFF;
    text-decoration: none;
    font-size: 16px;
    font-weight: 800;
    padding: 14px 36px;
    border-radius: 50px;
    box-shadow: 0 4px 16px rgba(251, 88, 5, 0.35);
    transition: all 0.2s ease;
}

.temu-thankyou-banner .temu-continue-btn:hover {
    background: #E04800;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(251, 88, 5, 0.45);
}

/* ======================================================================
   FORCEFUL REMOVAL OF ASTRA FOOTER ARTIFACTS
   ====================================================================== */
#colophon,
.site-footer,
.site-below-footer-wrap,
.ast-footer-copyright,
.ast-builder-footer-grid-columns,
.ast-footer-overlay,
footer.ast-builder-footer-grid-columns {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ======================================================================
   CHECKOUT COUPON & RESPONSIVE GRID ENHANCEMENTS
   ====================================================================== */
.woocommerce-form-coupon-toggle,
.woocommerce-notices-wrapper {
    max-width: 1200px !important;
    margin: 0 auto 16px auto !important;
}

.woocommerce-form-coupon-toggle .woocommerce-info {
    background: #FFF7ED !important;
    border: 1.5px dashed #FB5805 !important;
    border-radius: 12px !important;
    color: #9A3412 !important;
    padding: 14px 22px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    box-shadow: 0 2px 8px rgba(251, 88, 5, 0.08) !important;
}

.woocommerce-form-coupon-toggle .woocommerce-info::before {
    content: "🏷️" !important;
    color: #FB5805 !important;
    font-size: 18px !important;
    margin-right: 4px !important;
}

.woocommerce-form-coupon-toggle .showcoupon {
    color: #FB5805 !important;
    font-weight: 800 !important;
    text-decoration: underline !important;
    margin-left: 6px !important;
}

form.checkout_coupon.woocommerce-form-coupon {
    max-width: 1200px !important;
    margin: 0 auto 24px auto !important;
    background: #FFFFFF !important;
    border: 1px solid #EAEAEA !important;
    border-radius: 12px !important;
    padding: 20px 24px !important;
    display: flex !important;
    gap: 12px !important;
    align-items: center !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

form.checkout_coupon.woocommerce-form-coupon .input-text {
    max-width: 320px !important;
    border-radius: 8px !important;
    border: 1.5px solid #DCDFE6 !important;
    padding: 10px 14px !important;
}

form.checkout_coupon.woocommerce-form-coupon .button {
    background: #111111 !important;
    color: #FFFFFF !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    padding: 11px 20px !important;
    border: none !important;
    cursor: pointer !important;
}

form.checkout_coupon.woocommerce-form-coupon .button:hover {
    background: #FB5805 !important;
}

@media (max-width: 991px) {
    form.woocommerce-checkout {
        grid-template-columns: 1fr !important;
        display: flex !important;
        flex-direction: column !important;
    }
    form.woocommerce-checkout #order_review {
        position: static !important;
        width: 100% !important;
        grid-column: 1 !important;
        margin-top: 20px !important;
    }
}

/* ======================================================================
   COUNTRY & CURRENCY SELECTOR MODAL & BUTTON
   ====================================================================== */
.temu-country-switch-btn {
    background: rgba(255, 255, 255, 0.12) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    color: #FFFFFF !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    padding: 4px 12px !important;
    border-radius: 20px !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    transition: all 0.2s ease !important;
    line-height: 1.3 !important;
}

.temu-country-switch-btn:hover {
    background: rgba(255, 255, 255, 0.25) !important;
    border-color: #FFFFFF !important;
    transform: translateY(-1px) !important;
}

.temu-country-switch-btn .flag-icon {
    font-size: 16px !important;
    line-height: 1 !important;
}

.temu-country-switch-btn .country-name {
    letter-spacing: 0.3px !important;
}

.temu-country-switch-btn .chevron {
    font-size: 8px !important;
    opacity: 0.8 !important;
}

.temu-country-modal-dialog {
    max-width: 520px !important;
    width: 90% !important;
    padding: 32px 28px !important;
    border-radius: 18px !important;
    background: #FFFFFF !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35) !important;
    position: relative !important;
    margin: auto !important;
}

.country-modal-head {
    text-align: center;
    margin-bottom: 24px;
}

.country-modal-head .globe-icon {
    font-size: 42px;
    display: block;
    margin-bottom: 8px;
    line-height: 1;
}

.country-modal-head h3 {
    margin: 0 0 6px 0;
    font-size: 21px;
    font-weight: 900;
    color: #111111;
}

.country-modal-head p {
    margin: 0;
    font-size: 13px;
    color: #666666;
}

.country-options-grid {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 20px;
    max-height: 360px;
    overflow-y: auto;
    padding-right: 4px;
}

.country-opt-btn {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 18px;
    background: #F9FAFB;
    border: 1.5px solid #E5E7EB;
    border-radius: 12px;
    cursor: pointer;
    text-align: left;
    transition: all 0.2s ease;
    width: 100%;
    box-sizing: border-box;
}

.country-opt-btn:hover {
    background: #FFF7ED;
    border-color: #FB5805;
}

.country-opt-btn.is-active {
    background: #FFF7ED;
    border-color: #FB5805;
    box-shadow: 0 0 0 2px rgba(251, 88, 5, 0.2);
}

.country-opt-btn .flag {
    font-size: 28px;
    line-height: 1;
}

.country-opt-btn .c-info {
    flex: 1;
}

.country-opt-btn .c-info strong {
    display: block;
    font-size: 14px;
    font-weight: 800;
    color: #111111;
    margin-bottom: 2px;
}

.country-opt-btn .c-info small {
    display: block;
    font-size: 12px;
    color: #6B7280;
}

.country-opt-btn .checkmark {
    font-size: 16px;
    font-weight: 800;
    color: #FB5805;
    display: none;
}

.country-opt-btn.is-active .checkmark {
    display: inline-block;
}

.country-modal-note {
    background: #F3F4F6;
    border-radius: 10px;
    padding: 12px 16px;
    font-size: 12px;
    color: #4B5563;
    line-height: 1.45;
    text-align: center;
}

/* Modal Currency & Language Tabs */
.modal-switch-tabs {
    display: flex;
    gap: 8px;
    justify-content: center;
    margin-bottom: 20px;
}

.modal-tab-pill {
    padding: 8px 20px;
    border-radius: 20px;
    border: 1.5px solid #E5E7EB;
    background: #F3F4F6;
    font-size: 13px;
    font-weight: 700;
    color: #4B5563;
    cursor: pointer;
    transition: all 0.2s ease;
}

.modal-tab-pill:hover {
    background: #E5E7EB;
    color: #111827;
}

.modal-tab-pill.active {
    background: #FB5805;
    color: #FFFFFF;
    border-color: #FB5805;
    box-shadow: 0 2px 8px rgba(251, 88, 5, 0.35);
}

.language-options-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
    margin-bottom: 20px !important;
    max-height: 380px !important;
    overflow-y: auto !important;
    padding-right: 4px !important;
}

@media (max-width: 480px) {
    .language-options-grid {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }
    .lang-opt-btn {
        padding: 10px 14px !important;
    }
}

.lang-opt-btn {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 18px;
    background: #F9FAFB;
    border: 1.5px solid #E5E7EB;
    border-radius: 12px;
    cursor: pointer;
    text-align: left;
    transition: all 0.2s ease;
    width: 100%;
    box-sizing: border-box;
}

.lang-opt-btn:hover {
    background: #FFF7ED;
    border-color: #FB5805;
}

.lang-opt-btn.is-active {
    background: #FFF7ED;
    border-color: #FB5805;
    box-shadow: 0 0 0 2px rgba(251, 88, 5, 0.2);
}

.lang-opt-btn .flag {
    font-size: 26px;
    line-height: 1;
}

.lang-opt-btn .c-info {
    flex: 1;
}

.lang-opt-btn .c-info strong {
    display: block;
    font-size: 14px;
    font-weight: 800;
    color: #111111;
    margin-bottom: 2px;
}

.lang-opt-btn .c-info small {
    display: block;
    font-size: 12px;
    color: #6B7280;
}

.lang-opt-btn .checkmark {
    font-size: 16px;
    font-weight: 800;
    color: #FB5805;
    display: none;
}

.lang-opt-btn.is-active .checkmark {
    display: inline-block;
}

.default-badge {
    background: #10B981;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: 800;
    padding: 2px 7px;
    border-radius: 10px;
    margin-left: 6px;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
}

/* Hide Google Translate Toolbar & Banner Frame */
.skiptranslate,
.goog-te-banner-frame,
#goog-gt-tt,
.goog-te-balloon-frame {
    display: none !important;
}

body {
    top: 0 !important;
}

.goog-text-highlight {
    background: none !important;
    box-shadow: none !important;
}

/* Header Language & Currency buttons */
.temu-lang-switch-btn {
    margin-right: 8px;
}

.temu-lang-switch-btn .lang-globe {
    font-size: 14px;
    margin-right: 4px;
}

/* ======================================================================
   TEMU SINGLE PRODUCT & WOOCOMMERCE CONTAINER LAYOUT
   Centers content cleanly with balanced left/right margins and dedicated
   clearance so floating widgets never overlap product description.
   ====================================================================== */
.woocommerce-main-wrapper {
    width: 100%;
    background: #F8F9FA;
    min-height: 60vh;
    box-sizing: border-box;
}

.temu-woocommerce-container {
    max-width: 1320px;
    margin: 0 auto;
    padding: 24px 20px 60px;
    box-sizing: border-box;
}

.single-product .woocommerce-main-wrapper {
    background: #F4F5F7;
    padding: 20px 16px 60px;
}

.single-product .temu-woocommerce-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 32px 36px 60px;
    background: #FFFFFF;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
    box-sizing: border-box;
    position: relative;
    transition: padding-right 0.25s ease;
}

/* Dedicated clearance zone on mid-sized desktops (1281px - 1540px) */
@media (min-width: 1281px) and (max-width: 1540px) {
    .single-product .temu-woocommerce-container {
        padding-right: 250px !important;
    }
}

/* Expand container padding when user minimizes the sticky cart */
body.sidebar-minimized.single-product .temu-woocommerce-container {
    padding-right: 36px !important;
}

/* Single Product Wrapper Reset: Ensure top main section & bottom showroom stack vertically */
.single-product div.product {
    display: block !important;
    width: 100% !important;
    float: none !important;
    clear: both !important;
}

/* Desktop 2-Column Product Grid (Option A: Tabs shifted directly under Gallery on Left, Sticky Buy Box on Right) */
@media (min-width: 769px) {
    .temu-single-product-main {
        display: grid !important;
        grid-template-columns: minmax(0, 5.2fr) minmax(0, 4.8fr) !important;
        column-gap: 36px !important;
        align-items: start !important;
        width: 100% !important;
    }

    .temu-single-left-col {
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    .temu-single-left-col .woocommerce-product-gallery,
    .temu-single-left-col div.images {
        width: 100% !important;
        margin: 0 !important;
        float: none !important;
    }

    .temu-single-tabs-dock {
        width: 100% !important;
        margin-top: 4px !important;
    }

    .temu-single-right-col {
        position: -webkit-sticky !important;
        position: sticky !important;
        top: 80px !important;
        z-index: 10 !important;
        width: 100% !important;
        min-width: 0 !important;
        float: none !important;
        margin: 0 !important;
    }

    /* Fallback if template override is not used */
    .single-product div.product:not(.temu-single-product-layout) {
        display: grid !important;
        grid-template-columns: minmax(0, 5.2fr) minmax(0, 4.8fr) !important;
        column-gap: 36px !important;
        row-gap: 18px !important;
        align-items: start !important;
    }
    .single-product div.product:not(.temu-single-product-layout) div.images {
        float: none !important;
        width: 100% !important;
        margin: 0 !important;
        grid-column: 1 !important;
        grid-row: 1 !important;
    }
    .single-product div.product:not(.temu-single-product-layout) div.summary {
        float: none !important;
        width: 100% !important;
        margin: 0 !important;
        grid-column: 2 !important;
        grid-row: 1 / span 2 !important;
        position: -webkit-sticky !important;
        position: sticky !important;
        top: 80px !important;
        z-index: 10 !important;
    }
    .single-product div.product:not(.temu-single-product-layout) .woocommerce-tabs {
        grid-column: 1 !important;
        grid-row: 2 !important;
        width: 100% !important;
        margin-top: 14px !important;
        margin-bottom: 0 !important;
        float: none !important;
        clear: none !important;
    }
    .single-product div.product:not(.temu-single-product-layout) section.related,
    .single-product div.product:not(.temu-single-product-layout) section.upsells {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        margin-top: 44px !important;
        padding-top: 32px !important;
        border-top: 1px solid #ECECEC !important;
        clear: both !important;
    }
}

.temu-single-product-bottom {
    display: block !important;
    width: 100% !important;
    clear: both !important;
    margin-top: 48px !important;
    padding-top: 28px !important;
    border-top: 1px solid #ECECEC !important;
}

@media (max-width: 768px) {
    .temu-single-product-main {
        display: flex !important;
        flex-direction: column !important;
        gap: 18px !important;
        width: 100% !important;
    }
    .temu-single-right-col {
        position: static !important;
        width: 100% !important;
    }
    .temu-single-left-col {
        width: 100% !important;
    }
    .temu-single-product-bottom {
        margin-top: 24px !important;
        padding-top: 16px !important;
    }
}

/* ==========================================================================
   COMPACT SINGLE PRODUCT THUMBNAIL GALLERY (Reduced from oversized circled area)
   ========================================================================== */
.woocommerce-product-gallery {
    position: relative !important;
    margin-bottom: 12px !important;
    width: 100% !important;
}

.woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
    margin: 0 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    background: #FFFFFF !important;
    border: 1px solid #EFEFEF !important;
}

.woocommerce-product-gallery .woocommerce-product-gallery__image {
    border-radius: 12px !important;
    overflow: hidden !important;
}

.woocommerce-product-gallery .woocommerce-product-gallery__image img {
    border-radius: 12px !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* Reduced Compact Thumbnail Row (Addresses user request for circled area) */
.woocommerce-product-gallery ol.flex-control-nav.flex-control-thumbs,
.single-product .woocommerce-product-gallery ol.flex-control-thumbs,
div.product .woocommerce-product-gallery ol.flex-control-thumbs {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 10px 0 14px 0 !important;
    padding: 2px 0 !important;
    list-style: none !important;
    width: 100% !important;
    float: none !important;
    clear: both !important;
}

.woocommerce-product-gallery ol.flex-control-thumbs li,
.single-product .woocommerce-product-gallery ol.flex-control-thumbs li,
div.product .woocommerce-product-gallery ol.flex-control-thumbs li {
    flex: 0 0 54px !important;
    width: 54px !important;
    height: 54px !important;
    max-width: 54px !important;
    max-height: 54px !important;
    float: none !important;
    margin: 0 !important;
    padding: 2px !important;
    border: 1.5px solid #E2E8F0 !important;
    border-radius: 8px !important;
    background: #FFFFFF !important;
    cursor: pointer !important;
    overflow: hidden !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-sizing: border-box !important;
    position: relative !important;
}

.woocommerce-product-gallery ol.flex-control-thumbs li:hover {
    border-color: #FB5805 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 3px 8px rgba(251, 88, 5, 0.2) !important;
}

.woocommerce-product-gallery ol.flex-control-thumbs li img,
.single-product .woocommerce-product-gallery ol.flex-control-thumbs li img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 5px !important;
    opacity: 0.65 !important;
    transition: opacity 0.2s ease !important;
}

.woocommerce-product-gallery ol.flex-control-thumbs li:hover img,
.woocommerce-product-gallery ol.flex-control-thumbs li img.flex-active {
    opacity: 1 !important;
}

.woocommerce-product-gallery ol.flex-control-thumbs li:has(img.flex-active),
.woocommerce-product-gallery ol.flex-control-thumbs li.active,
.woocommerce-product-gallery ol.flex-control-thumbs li:hover {
    border-color: #FB5805 !important;
    border-width: 2px !important;
    box-shadow: 0 0 0 1px #FB5805, 0 2px 6px rgba(251, 88, 5, 0.25) !important;
}

@media (max-width: 768px) {
    .woocommerce-product-gallery ol.flex-control-nav.flex-control-thumbs {
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        padding-bottom: 4px !important;
        gap: 6px !important;
    }
    .woocommerce-product-gallery ol.flex-control-nav.flex-control-thumbs::-webkit-scrollbar {
        display: none !important;
    }
    .woocommerce-product-gallery ol.flex-control-thumbs li {
        flex: 0 0 46px !important;
        width: 46px !important;
        height: 46px !important;
        max-width: 46px !important;
        max-height: 46px !important;
    }
}

/* Modern Tabs Toolbar Styling (Compact & Clean under Left Gallery) */
.single-product .woocommerce-tabs {
    background: #ffffff;
    border: 1px solid #e8e8e8;
    border-radius: 12px;
    padding: 16px 18px 22px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.03);
    overflow: hidden;
}

.single-product .woocommerce-tabs ul.tabs {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 0 0 12px 0 !important;
    margin: 0 0 16px 0 !important;
    border-bottom: 2px solid #f0f0f0 !important;
    list-style: none !important;
}

.single-product .woocommerce-tabs ul.tabs::before,
.single-product .woocommerce-tabs ul.tabs::after {
    display: none !important;
}

.single-product .woocommerce-tabs ul.tabs li {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
}

.single-product .woocommerce-tabs ul.tabs li::before,
.single-product .woocommerce-tabs ul.tabs li::after {
    display: none !important;
}

.single-product .woocommerce-tabs ul.tabs li a {
    display: inline-flex !important;
    align-items: center !important;
    padding: 8px 14px !important;
    background: #f5f5f5 !important;
    color: #444444 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    border: 1px solid transparent !important;
    line-height: 1.2 !important;
}

.single-product .woocommerce-tabs ul.tabs li a:hover {
    background: #fff3ec !important;
    color: #fb5805 !important;
    border-color: #ffd8bf !important;
}

.single-product .woocommerce-tabs ul.tabs li.active a {
    background: #fb5805 !important;
    color: #ffffff !important;
    border-color: #fb5805 !important;
    box-shadow: 0 2px 6px rgba(251, 88, 5, 0.28) !important;
}

.single-product .woocommerce-tabs .panel {
    margin: 0 !important;
    padding: 4px 2px 0 !important;
    border: none !important;
    box-shadow: none !important;
}

.single-product .woocommerce-tabs .panel h2 {
    font-size: 17px !important;
    font-weight: 800 !important;
    color: #111111 !important;
    margin: 0 0 12px 0 !important;
    letter-spacing: -0.3px !important;
}

.single-product .woocommerce-tabs .panel p {
    font-size: 13.5px !important;
    line-height: 1.6 !important;
    color: #333333 !important;
    margin-bottom: 12px !important;
}

.single-product .woocommerce-tabs .panel ul {
    padding-left: 20px !important;
    margin-bottom: 14px !important;
}

.single-product .woocommerce-tabs .panel ul li {
    font-size: 13.5px !important;
    line-height: 1.55 !important;
    color: #444444 !important;
    margin-bottom: 5px !important;
}

.single-product .woocommerce-tabs .woocommerce-product-attributes {
    width: 100% !important;
    border-collapse: collapse !important;
    border: 1px solid #eeeeee !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    margin: 10px 0 !important;
}

.single-product .woocommerce-tabs .woocommerce-product-attributes th {
    background: #fafafa !important;
    color: #222222 !important;
    font-weight: 700 !important;
    padding: 10px 14px !important;
    font-size: 13px !important;
    width: 28% !important;
    border-bottom: 1px solid #eeeeee !important;
}

.single-product .woocommerce-tabs .woocommerce-product-attributes td {
    padding: 10px 14px !important;
    font-size: 13px !important;
    color: #444444 !important;
    border-bottom: 1px solid #eeeeee !important;
}

/* "More Products" Tab: 3-Column Grid in a Row */
.single-product .woocommerce-tabs #tab-more_seller_product ul.products,
.single-product .woocommerce-Tabs-panel--more_seller_product ul.products,
.single-product .woocommerce-tabs .panel ul.products,
.single-product .woocommerce-tabs div[id*="more_seller_product"] ul.products {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin: 12px 0 20px 0 !important;
    padding: 0 !important;
    width: 100% !important;
    list-style: none !important;
    box-sizing: border-box !important;
    float: none !important;
    clear: both !important;
}

.single-product .woocommerce-tabs #tab-more_seller_product ul.products li.product,
.single-product .woocommerce-Tabs-panel--more_seller_product ul.products li.product,
.single-product .woocommerce-tabs .panel ul.products li.product {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

@media (max-width: 580px) {
    .single-product .woocommerce-tabs #tab-more_seller_product ul.products,
    .single-product .woocommerce-Tabs-panel--more_seller_product ul.products,
    .single-product .woocommerce-tabs .panel ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }
}

@media (max-width: 768px) {
    .single-product .temu-woocommerce-container {
        padding: 16px 12px 40px !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }
}

.single-product .entry-summary {
    position: relative;
}

/* Brand Strip */
.temu-single-brand-strip {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.temu-single-brand-strip .brand-pill {
    background: #111111;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: 800;
    padding: 4px 10px;
    border-radius: 4px;
    letter-spacing: 0.3px;
}

.temu-single-brand-strip .seller-pill {
    background: #FFF7ED;
    color: #C2410C;
    border: 1px solid #FFEDD5;
    font-size: 11px;
    font-weight: 800;
    padding: 3px 8px;
    border-radius: 4px;
}

.temu-single-brand-strip .positive-rate {
    font-size: 12px;
    font-weight: 700;
    color: #059669;
}

/* Social Proof Row */
.temu-single-social-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    font-size: 13px;
    color: #555555;
    flex-wrap: wrap;
}

.temu-single-social-row .stars-gold {
    color: #FB5805;
    font-size: 14px;
    letter-spacing: 1px;
}

.temu-single-social-row .score {
    font-weight: 800;
    color: #111111;
    margin-left: 2px;
}

.temu-single-social-row .rev-count {
    color: #777777;
    text-decoration: underline;
    cursor: pointer;
}

.temu-single-social-row .dot-sep {
    color: #CCCCCC;
}

.temu-single-social-row .hot-sold {
    font-weight: 700;
    color: #111111;
}

.temu-single-social-row .in-cart-tag {
    background: #FEE2E2;
    color: #991B1B;
    font-size: 11px;
    font-weight: 800;
    padding: 2px 8px;
    border-radius: 20px;
}

/* Product Page Title & Price */
.single-product .product_title {
    font-size: 24px !important;
    font-weight: 900 !important;
    color: #111111 !important;
    line-height: 1.35 !important;
    margin-bottom: 12px !important;
}

.single-product div.product p.price {
    display: flex !important;
    align-items: baseline !important;
    gap: 10px !important;
    margin-bottom: 16px !important;
}

.single-product div.product p.price ins,
.single-product div.product p.price > .amount {
    color: #FB5805 !important;
    font-size: 28px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}

.single-product div.product p.price del {
    color: #9CA3AF !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

/* Big Sale Banner */
.temu-single-sale-bar {
    background: linear-gradient(90deg, #FFEDD5 0%, #FEE2E2 100%);
    border: 1.5px solid #FDBA74;
    border-radius: 10px;
    padding: 10px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.temu-single-sale-bar .sale-left {
    display: flex;
    align-items: center;
    gap: 8px;
}

.temu-single-sale-bar .sale-fire {
    font-size: 18px;
    color: #FB5805;
}

.temu-single-sale-bar .sale-title {
    font-size: 13px;
    font-weight: 900;
    color: #C2410C;
    letter-spacing: 0.5px;
}

.temu-single-sale-bar .bar-sep {
    color: #FDBA74;
}

.temu-single-sale-bar .sale-ends {
    font-size: 13px;
    color: #7C2D12;
}

.temu-single-sale-bar .single-countdown-clock {
    font-weight: 900;
    color: #DC2626;
    background: #FFFFFF;
    padding: 2px 6px;
    border-radius: 4px;
    margin-left: 4px;
    font-variant-numeric: tabular-nums;
}

.temu-single-sale-bar .limited-tag {
    background: #DC2626;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: 800;
    padding: 3px 8px;
    border-radius: 4px;
}

/* Promo Voucher Box */
.temu-single-promo-strip {
    background: #FFFBEB;
    border: 1px dashed #F59E0B;
    border-radius: 8px;
    padding: 8px 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 18px;
    flex-wrap: wrap;
}

.temu-single-promo-strip .saved-badge {
    font-size: 12px;
    font-weight: 800;
    color: #B45309;
}

.temu-single-promo-strip .coupon-pill {
    font-size: 12px;
    color: #92400E;
}

.temu-single-promo-strip .coupon-pill strong {
    background: #FEF3C7;
    border: 1px solid #FDE68A;
    color: #B45309;
    padding: 2px 6px;
    border-radius: 4px;
    letter-spacing: 0.5px;
}

/* Swatches & Model Pills (Replaces ugly default WooCommerce dropdown with real dynamic pills) */
.single-product form.variations_form table.variations {
    display: none !important;
}

.temu-single-swatches-block {
    margin-bottom: 18px;
    padding: 16px;
    background: #FAFAFA;
    border-radius: 12px;
    border: 1px solid #EEEEEE;
}

.allure-real-swatch {
    background: #FFFFFF !important;
    border: 1.5px solid #D1D5DB !important;
    border-radius: 8px !important;
    padding: 7px 14px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #374151 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1.3 !important;
    text-align: left !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.02) !important;
}

.allure-real-swatch:hover {
    border-color: #FB5805 !important;
    color: #FB5805 !important;
    background: #FFF7ED !important;
}

.allure-real-swatch.is-active {
    border-color: #FB5805 !important;
    background: #FFF7ED !important;
    color: #C2410C !important;
    font-weight: 700 !important;
    box-shadow: 0 0 0 1px #FB5805 inset !important;
}

.temu-single-swatches-block .swatch-group,
.temu-single-swatches-block .model-group {
    margin-bottom: 14px;
}

.temu-single-swatches-block .swatch-lbl,
.temu-single-swatches-block .model-lbl {
    display: block;
    font-size: 13px;
    color: #4B5563;
    margin-bottom: 8px;
}

.temu-single-swatches-block .swatch-lbl strong,
.temu-single-swatches-block .model-lbl strong {
    color: #111111;
}

.temu-single-swatches-block .swatches-flex,
.temu-single-swatches-block .models-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.single-swatch {
    background: #FFFFFF;
    border: 1.5px solid #D1D5DB;
    border-radius: 8px;
    padding: 6px 12px;
    font-size: 12px;
    font-weight: 700;
    color: #374151;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.single-swatch:hover {
    border-color: #FB5805;
}

.single-swatch.is-active {
    border-color: #FB5805;
    background: #FFF7ED;
    color: #C2410C;
    box-shadow: 0 0 0 1px #FB5805;
}

.single-swatch .swatch-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: inline-block;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.15);
}

.single-model-pill {
    background: #FFFFFF;
    border: 1.5px solid #D1D5DB;
    border-radius: 8px;
    padding: 7px 14px;
    font-size: 12px;
    font-weight: 700;
    color: #374151;
    cursor: pointer;
    transition: all 0.2s ease;
}

.single-model-pill:hover {
    border-color: #FB5805;
}

.single-model-pill.is-active {
    border-color: #FB5805;
    background: #FFF7ED;
    color: #C2410C;
    box-shadow: 0 0 0 1px #FB5805;
}

/* Stock Badge */
.temu-single-stock-badge {
    background: #FFF1F2;
    border: 1px solid #FECDD3;
    border-radius: 8px;
    padding: 8px 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: #9F1239;
    font-weight: 600;
}

.temu-single-stock-badge .flame {
    font-size: 15px;
}

.temu-single-stock-badge strong {
    color: #BE123C;
    font-weight: 800;
}

/* Single Add to Cart Form */
.single-product form.cart {
    margin-bottom: 24px !important;
}

.single-product form.cart .quantity {
    margin-right: 12px !important;
}

.single-product form.cart .quantity .qty {
    height: 48px !important;
    border: 1.5px solid #D1D5DB !important;
    border-radius: 8px !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    width: 65px !important;
    text-align: center !important;
}

.single-product form.cart .single_add_to_cart_button {
    background: #FB5805 !important;
    color: #FFFFFF !important;
    height: 48px !important;
    padding: 0 42px !important;
    border-radius: 50px !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    border: none !important;
    box-shadow: 0 4px 16px rgba(251, 88, 5, 0.4) !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
    letter-spacing: 0.3px !important;
}

.single-product form.cart .single_add_to_cart_button:hover {
    background: #E04800 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 22px rgba(251, 88, 5, 0.5) !important;
}

/* Single Product 4-Point Guarantee Card */
.temu-single-guarantee-card {
    background: #F0FDF4;
    border: 1.5px solid #BBF7D0;
    border-radius: 14px;
    padding: 18px 20px;
    margin-top: 20px;
    margin-bottom: 24px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.temu-single-guarantee-card .guarantee-row {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.temu-single-guarantee-card .g-icon {
    font-size: 20px;
    line-height: 1.2;
    flex-shrink: 0;
}

.temu-single-guarantee-card .g-text strong {
    display: block;
    font-size: 13px;
    font-weight: 800;
    color: #065F46;
    margin-bottom: 2px;
}

.temu-single-guarantee-card .g-text p {
    margin: 0;
    font-size: 12px;
    color: #047857;
    line-height: 1.35;
}

/* ======================================================================
   DEDICATED RESTRUCTURED CHECKOUT HEADER
   ====================================================================== */
.temu-dedicated-checkout-header {
    background: #FB5805 !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important;
}

.temu-checkout-utility-bar {
    background: #111111 !important;
    color: #FFFFFF !important;
    padding: 6px 0 !important;
    font-size: 12px !important;
}

.temu-checkout-main-nav {
    background-color: #FB5805 !important;
    height: 72px !important;
    min-height: 72px !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 24px !important;
}

.temu-checkout-nav-inner {
    max-width: 1400px !important;
    width: 100% !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 20px !important;
}

.temu-checkout-brand-area {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    flex-shrink: 0 !important;
}

.temu-checkout-logo-img {
    height: 36px !important;
    max-height: 36px !important;
    width: auto !important;
    max-width: 180px !important;
    display: block !important;
    object-fit: contain !important;
}

.temu-checkout-back-cart {
    color: rgba(255, 255, 255, 0.9) !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 6px 12px !important;
    background: rgba(0, 0, 0, 0.15) !important;
    border-radius: 20px !important;
    transition: all 0.2s ease !important;
}

.temu-checkout-back-cart:hover {
    color: #FFFFFF !important;
    background: rgba(0, 0, 0, 0.28) !important;
    transform: translateX(-2px) !important;
}

.temu-checkout-header-stepper {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex: 0 1 auto !important;
}

.header-step-item {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    text-decoration: none !important;
    color: rgba(255, 255, 255, 0.75) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}

.header-step-item .step-circle {
    width: 24px !important;
    height: 24px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.25) !important;
    color: #FFFFFF !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

.header-step-item.is-done {
    color: #FFFFFF !important;
}

.header-step-item.is-done .step-circle {
    background: #00873E !important;
    color: #FFFFFF !important;
}

.header-step-item.is-current {
    color: #FFFFFF !important;
}

.header-step-item.is-current .step-circle {
    background: #FFFFFF !important;
    color: #FB5805 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}

.header-step-divider {
    width: 28px !important;
    height: 2px !important;
    background: rgba(255, 255, 255, 0.3) !important;
}

.header-step-divider.is-done {
    background: rgba(255, 255, 255, 0.8) !important;
}

.temu-checkout-security-area {
    flex-shrink: 0 !important;
}

.checkout-ssl-badge {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    background: rgba(0, 0, 0, 0.18) !important;
    padding: 6px 14px !important;
    border-radius: 30px !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.checkout-ssl-badge .shield-lock {
    font-size: 20px !important;
    line-height: 1 !important;
}

.checkout-ssl-badge .ssl-text strong {
    font-size: 12px !important;
    font-weight: 900 !important;
    color: #FFFFFF !important;
    letter-spacing: 0.5px !important;
    display: block !important;
}

.checkout-ssl-badge .ssl-text small {
    font-size: 10px !important;
    color: rgba(255, 255, 255, 0.85) !important;
    display: block !important;
}

.checkout-support-pill {
    color: #FFFFFF !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    margin-left: 10px !important;
}

/* ======================================================================
   DROPDOWNS & FLYOUT MENUS (CATEGORIES, ACCOUNT, SUPPORT)
   ====================================================================== */
.has-flyout {
    position: relative;
}

/* Invisible hover bridges across the gap between trigger and flyout */
.temu-categories-megamenu::before,
.temu-account-flyout::before,
.temu-support-flyout::before {
    content: '';
    position: absolute;
    top: -18px;
    left: 0;
    right: 0;
    height: 18px;
    background: transparent;
    z-index: 999999;
}

/* 1. Categories Mega-Menu */
.temu-dropdown-trigger {
    cursor: pointer;
    position: relative;
    user-select: none;
}

.temu-categories-megamenu {
    position: absolute;
    top: calc(100% + 14px);
    left: -120px;
    width: 880px;
    background: #FFFFFF;
    border-radius: 14px;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.22);
    border: 1px solid #EAEAEA;
    z-index: 999999;
    overflow: hidden;
    animation: temuFadeDown 0.18s ease-out;
}

@keyframes temuFadeDown {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: translateY(0); }
}

.megamenu-inner {
    display: flex;
    min-height: 440px;
    max-height: 520px;
}

.megamenu-sidebar {
    width: 220px;
    background: #F8F9FA;
    border-right: 1px solid #EEEEEE;
    padding: 10px 0;
    overflow-y: auto;
    flex-shrink: 0;
}

.sidebar-cat-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 11px 18px;
    color: #222222;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    transition: all 0.15s ease;
    border-left: 3px solid transparent;
}

.sidebar-cat-link:hover,
.sidebar-cat-link.is-active {
    background: #FFFFFF;
    color: #FB5805;
    border-left-color: #FB5805;
}

.sidebar-cat-link .chevron {
    color: #999999;
    font-size: 14px;
}

.megamenu-grid-area {
    flex: 1;
    padding: 22px 24px;
    overflow-y: auto;
    background: #FFFFFF;
}

.megamenu-grid-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
    padding-bottom: 10px;
    border-bottom: 1px solid #F0F0F0;
}

.megamenu-grid-header h4 {
    margin: 0;
    font-size: 15px;
    font-weight: 800;
    color: #111111;
}

.megamenu-grid-header .see-all-link {
    font-size: 12px;
    font-weight: 700;
    color: #FB5805;
    text-decoration: none;
}

.subcategories-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 16px 10px;
}

.subcat-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    text-align: center;
    gap: 8px;
    transition: transform 0.2s ease;
    padding: 4px;
    border-radius: 8px;
}

.subcat-card:hover {
    transform: translateY(-2px);
}

.subcat-card:hover .subcat-label {
    color: #FB5805;
}

.subcat-circle-wrap {
    width: 68px;
    height: 68px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    border: 1.5px solid #EEEEEE;
    background: #F9FAFB;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}

.subcat-circle-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.2s ease;
}

.subcat-card:hover img {
    transform: scale(1.08);
}

.subcat-hot-pill {
    position: absolute;
    top: 0;
    right: 0;
    background: #FB5805;
    color: #FFFFFF;
    font-size: 9px;
    font-weight: 900;
    padding: 1px 5px;
    border-radius: 10px;
    line-height: 1.2;
}

.subcat-label {
    font-size: 12px;
    font-weight: 600;
    color: #333333;
    line-height: 1.25;
    max-width: 85px;
}

.cat-emoji {
    display: inline-block;
    margin-right: 6px;
    font-size: 14px;
}

.subcat-pills-wrap {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    padding: 8px 4px 18px 4px;
    max-height: 480px;
    overflow-y: auto;
}

.subcat-pill-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 10px 14px;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 10px;
    text-decoration: none !important;
    transition: all 0.18s ease;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
}

.subcat-pill-item:hover {
    background: #FFF7ED;
    border-color: #FED7AA;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(251, 88, 5, 0.12);
}

.subcat-pill-title {
    font-size: 13px;
    font-weight: 600;
    color: #1E293B;
    line-height: 1.3;
}

.subcat-pill-item:hover .subcat-pill-title {
    color: #FB5805;
}

.subcat-pill-badge {
    font-size: 11px;
    font-weight: 700;
    background: #F1F5F9;
    color: #64748B;
    padding: 2px 7px;
    border-radius: 9999px;
    white-space: nowrap;
}

.subcat-pill-item:hover .subcat-pill-badge {
    background: #FFEDD5;
    color: #FB5805;
}

@media (max-width: 900px) {
    .subcat-pills-wrap {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 600px) {
    .subcat-pills-wrap {
        grid-template-columns: 1fr;
    }
}

/* 2. Account & Orders Flyout */
.user-account-trigger {
    position: relative;
    cursor: pointer;
}

.user-action-link {
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    color: inherit;
}

.temu-account-flyout {
    position: absolute;
    top: calc(100% + 14px);
    right: 0;
    width: 480px;
    background: #FFFFFF;
    border-radius: 14px;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.22);
    border: 1px solid #EAEAEA;
    z-index: 999999;
    overflow: hidden;
    animation: temuFadeDown 0.18s ease-out;
}

.account-flyout-header {
    background: #FFF7ED;
    padding: 16px 20px;
    border-bottom: 1px solid #FED7AA;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.user-greeting-box {
    display: flex;
    align-items: center;
    gap: 12px;
}

.flyout-avatar {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #FB5805;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 800;
    box-shadow: 0 2px 6px rgba(251, 88, 5, 0.3);
}

.greeting-text strong {
    display: block;
    font-size: 14px;
    font-weight: 800;
    color: #111111;
}

.greeting-text small {
    display: block;
    font-size: 11px;
    color: #666666;
}

.flyout-signin-btn {
    background: #FB5805;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 800;
    padding: 7px 16px;
    border-radius: 20px;
    text-decoration: none;
    box-shadow: 0 2px 8px rgba(251, 88, 5, 0.3);
    transition: all 0.2s ease;
}

.flyout-signin-btn:hover {
    background: #E04800;
}

.account-flyout-grid {
    display: grid;
    grid-template-columns: 190px 1fr;
    min-height: 290px;
}

.flyout-col-history {
    background: #FAFAFA;
    border-right: 1px solid #EEEEEE;
    padding: 14px 12px;
}

.col-title-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    font-size: 12px;
    font-weight: 800;
    color: #444444;
}

.col-title-bar .more-link {
    color: #888888;
    text-decoration: none;
}

.flyout-history-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.history-item-row {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    border-radius: 8px;
    padding: 6px 8px;
    position: relative;
}

.history-item-row .item-img-link img {
    width: 36px;
    height: 36px;
    border-radius: 6px;
    object-fit: cover;
    display: block;
}

.history-item-row .item-meta {
    flex: 1;
    min-width: 0;
}

.history-item-row .item-name {
    display: block;
    font-size: 11px;
    font-weight: 600;
    color: #222222;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.history-item-row .item-price {
    font-size: 12px;
    font-weight: 800;
    color: #FB5805;
}

.history-item-row .mini-add-cart {
    background: #F3F4F6;
    border: none;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    cursor: pointer;
    font-size: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s ease;
}

.history-item-row .mini-add-cart:hover {
    background: #FB5805;
}

.flyout-col-menu {
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    background: #FFFFFF;
}

.flyout-nav-link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 8px;
    color: #333333;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    transition: all 0.15s ease;
}

.flyout-nav-link:hover {
    background: #FFF7ED;
    color: #FB5805;
}

.flyout-nav-link .icon {
    font-size: 16px;
    width: 20px;
    text-align: center;
}

.flyout-nav-link .pill-active-coupon {
    margin-left: auto;
    background: #FEE2E2;
    color: #B91C1C;
    font-size: 10px;
    font-weight: 800;
    padding: 2px 7px;
    border-radius: 12px;
}

.flyout-nav-link .credit-pill {
    margin-left: auto;
    background: #DCFCE7;
    color: #15803D;
    font-size: 11px;
    font-weight: 800;
    padding: 2px 7px;
    border-radius: 12px;
}

.flyout-nav-link .dot-badge {
    margin-left: auto;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #FB5805;
}

.flyout-nav-link.signout-link {
    color: #DC2626;
    border-top: 1px solid #F0F0F0;
    margin-top: 6px;
    padding-top: 10px;
}

/* 3. Support Flyout */
.user-support-trigger {
    position: relative;
    cursor: pointer;
}

.temu-support-flyout {
    position: absolute;
    top: calc(100% + 14px);
    right: 0;
    width: 235px;
    background: #FFFFFF;
    border-radius: 14px;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.22);
    border: 1px solid #EAEAEA;
    padding: 8px;
    z-index: 999999;
    animation: temuFadeDown 0.18s ease-out;
}

.support-flyout-inner {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.support-flyout-link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 12px;
    border-radius: 8px;
    color: #333333;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    transition: all 0.15s ease;
}

.support-flyout-link:hover {
    background: #FFF7ED;
    color: #FB5805;
}

.support-flyout-link .icon {
    font-size: 16px;
    width: 20px;
    text-align: center;
}

.support-flyout-link .live-dot-tag {
    margin-left: auto;
    background: #DCFCE7;
    color: #15803D;
    font-size: 10px;
    font-weight: 800;
    padding: 2px 6px;
    border-radius: 10px;
}

/* ======================================================================
   SUPPORT & COUPONS INTERACTIVE MODALS
   ====================================================================== */
.temu-support-modal-dialog {
    max-width: 520px !important;
    width: 90% !important;
    padding: 24px !important;
    border-radius: 16px !important;
    background: #FFFFFF !important;
}

.support-modal-header {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 14px;
    border-bottom: 1px solid #EEEEEE;
    margin-bottom: 16px;
}

.agent-avatar-wrap {
    position: relative;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #FFF7ED;
    border: 1.5px solid #FB5805;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
}

.online-indicator {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #22C55E;
    border: 2px solid #FFFFFF;
}

.agent-info h3 {
    margin: 0 0 3px 0;
    font-size: 16px;
    font-weight: 800;
    color: #111111;
}

.agent-info p {
    margin: 0;
    font-size: 12px;
    color: #666666;
}

.support-modal-chatbox {
    background: #F9FAFB;
    border-radius: 12px;
    padding: 16px;
    min-height: 220px;
    max-height: 300px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 14px;
}

.chat-message.bot .msg-bubble {
    background: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 12px 12px 12px 2px;
    padding: 10px 14px;
    font-size: 13px;
    color: #1F2937;
    line-height: 1.4;
    max-width: 85%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03);
}

.chat-message.user .msg-bubble {
    background: #FB5805;
    color: #FFFFFF;
    border-radius: 12px 12px 2px 12px;
    padding: 10px 14px;
    font-size: 13px;
    line-height: 1.4;
    max-width: 85%;
    margin-left: auto;
}

.quick-support-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 6px;
}

.support-chip {
    background: #FFFFFF;
    border: 1px solid #D1D5DB;
    border-radius: 20px;
    padding: 6px 12px;
    font-size: 11px;
    font-weight: 700;
    color: #374151;
    cursor: pointer;
    transition: all 0.15s ease;
}

.support-chip:hover {
    background: #FFF7ED;
    border-color: #FB5805;
    color: #C2410C;
}

.support-modal-input-row {
    display: flex;
    gap: 8px;
}

.support-modal-input-row input {
    flex: 1;
    border: 1.5px solid #D1D5DB;
    border-radius: 25px;
    padding: 10px 16px;
    font-size: 13px;
    outline: none;
}

.support-modal-input-row input:focus {
    border-color: #FB5805;
}

.support-modal-input-row button {
    background: #FB5805;
    color: #FFFFFF;
    border: none;
    border-radius: 25px;
    padding: 0 20px;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
}

/* Coupons Modal */
.temu-coupons-modal-dialog {
    max-width: 480px !important;
    width: 90% !important;
    padding: 26px !important;
    border-radius: 16px !important;
    background: #FFFFFF !important;
}

.coupons-modal-header {
    text-align: center;
    margin-bottom: 20px;
}

.coupons-modal-header .ticket-icon {
    font-size: 38px;
    display: block;
    margin-bottom: 6px;
}

.coupons-modal-header h3 {
    margin: 0 0 4px 0;
    font-size: 20px;
    font-weight: 900;
    color: #111111;
}

.coupons-modal-header p {
    margin: 0;
    font-size: 13px;
    color: #666666;
}

.coupons-cards-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 20px;
}

.coupon-ticket-card {
    display: flex;
    background: #FFFBEB;
    border: 1.5px dashed #F59E0B;
    border-radius: 12px;
    overflow: hidden;
}

.ticket-left {
    flex: 1;
    padding: 14px 16px;
    border-right: 1.5px dashed #F59E0B;
}

.ticket-left .discount-big {
    display: block;
    font-size: 20px;
    font-weight: 900;
    color: #B45309;
}

.ticket-left .min-spend {
    font-size: 11px;
    color: #78350F;
}

.ticket-right {
    width: 130px;
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #FEF3C7;
}

.ticket-right .coupon-code {
    font-size: 14px;
    font-weight: 900;
    color: #92400E;
    letter-spacing: 0.5px;
}

.ticket-right small {
    font-size: 10px;
    color: #B45309;
    margin-bottom: 6px;
}

.copy-coupon-btn {
    background: #B45309;
    color: #FFFFFF;
    border: none;
    border-radius: 15px;
    font-size: 11px;
    font-weight: 800;
    padding: 4px 10px;
    cursor: pointer;
    transition: all 0.15s ease;
}

.copy-coupon-btn:hover {
    background: #92400E;
}

.btn-apply-and-checkout {
    display: block;
    background: #FB5805;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    font-size: 15px;
    font-weight: 800;
    padding: 12px 24px;
    border-radius: 30px;
    box-shadow: 0 4px 14px rgba(251, 88, 5, 0.35);
}

.btn-apply-and-checkout:hover {
    background: #E04800;
}

/* ======================================================================
   FREE SHIPPING / EXPRESS DELIVERY PROGRESS BAR (STICKY CART)
   ====================================================================== */
.cart-shipping-progress-wrap {
    margin: 8px 0 10px 0;
    background: #FFF7ED;
    border: 1px solid #FFEDD5;
    border-radius: 8px;
    padding: 7px 9px;
    box-sizing: border-box;
}

.progress-info-line {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 6px;
    font-size: 11px;
    color: #374151;
    margin-bottom: 6px;
    line-height: 1.3;
}

.progress-info-line .progress-msg {
    flex: 1;
    font-size: 10.5px;
    line-height: 1.3;
    word-break: break-word;
}

.progress-info-line strong {
    color: #111111;
}

.progress-info-line .progress-tag {
    background: #DCFCE7;
    color: #15803D;
    font-size: 9px;
    font-weight: 800;
    padding: 2px 6px;
    border-radius: 10px;
    white-space: nowrap;
    flex-shrink: 0;
}

.progress-track-bg {
    width: 100%;
    height: 7px;
    background: #E5E7EB;
    border-radius: 10px;
    overflow: hidden;
}

.progress-fill-bar {
    height: 100%;
    background: linear-gradient(90deg, #F59E0B, #10B981);
    border-radius: 10px;
    transition: width 0.3s ease;
}

.progress-fill-bar.is-unlocked {
    background: #10B981;
}

/* ======================================================================
   STICKY MOBILE "ADD TO CART" BAR ON PRODUCT PAGES
   ====================================================================== */
.temu-sticky-product-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #FFFFFF;
    box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.12);
    border-top: 1px solid #E5E7EB;
    padding: 10px 16px;
    z-index: 999980;
    animation: temuSlideUpBar 0.25s ease-out;
}

@keyframes temuSlideUpBar {
    from { transform: translateY(100%); }
    to { transform: translateY(0); }
}

.sticky-pbar-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.sticky-pbar-product {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    flex: 1;
}

.sticky-pbar-img {
    width: 44px;
    height: 44px;
    border-radius: 6px;
    object-fit: cover;
    border: 1px solid #E5E7EB;
    flex-shrink: 0;
}

.sticky-pbar-meta {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.sticky-pbar-title {
    font-size: 13px;
    font-weight: 700;
    color: #111111;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sticky-pbar-price {
    font-size: 14px;
    font-weight: 900;
    color: var(--temu-orange, #FB5805);
}

.sticky-pbar-price del {
    font-size: 11px;
    color: #888888;
    margin-right: 4px;
}

.sticky-pbar-cta .sticky-pbar-add-btn {
    background: var(--temu-orange, #FB5805);
    color: #FFFFFF;
    border: none;
    padding: 10px 22px;
    border-radius: 25px;
    font-size: 14px;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(251, 88, 5, 0.35);
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: all 0.2s ease;
}

.sticky-pbar-cta .sticky-pbar-add-btn:hover {
    background: #E04800;
    transform: translateY(-1px);
}

@media (max-width: 768px) {
    .temu-sticky-product-bar {
        bottom: 54px;
        padding: 8px 12px;
    }
}

/* ======================================================================
   LIVE RECENT BUYER SOCIAL PROOF TOAST TICKER
   ====================================================================== */
.temu-social-toast {
    position: fixed;
    bottom: 95px; /* Shifted up so Live Chat bubble does not block it */
    left: 20px;
    background: #FFFFFF;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.16);
    border: 1px solid #EEEEEE;
    padding: 10px 14px;
    display: flex;
    align-items: center;
    gap: 12px;
    z-index: 999970;
    max-width: 320px;
    animation: temuToastSlideIn 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes temuToastSlideIn {
    from { opacity: 0; transform: translateY(20px) scale(0.96); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

.toast-img-wrap {
    position: relative;
    width: 44px;
    height: 44px;
    flex-shrink: 0;
}

.toast-img-wrap img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    object-fit: cover;
    border: 1px solid #E5E7EB;
}

.toast-verified-icon {
    position: absolute;
    bottom: -2px;
    right: -2px;
    background: #10B981;
    color: #FFFFFF;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    font-size: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1.5px solid #FFFFFF;
}

.toast-content-wrap {
    flex: 1;
    min-width: 0;
}

.toast-buyer-line {
    margin: 0 0 2px 0;
    font-size: 11px;
    color: #4B5563;
    line-height: 1.2;
}

.toast-action-line {
    margin: 0 0 3px 0;
    font-size: 12px;
    color: #111111;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
}

.toast-time-ago {
    font-size: 10px;
    color: #059669;
    font-weight: 700;
}

.toast-close-btn {
    background: none;
    border: none;
    color: #9CA3AF;
    font-size: 16px;
    cursor: pointer;
    padding: 0;
    line-height: 1;
}

.toast-close-btn:hover {
    color: #111111;
}

@media (max-width: 768px) {
    .temu-social-toast {
        bottom: 115px; /* Sits above mobile bar and live chat */
        left: 12px;
        right: 12px;
        max-width: calc(100% - 24px);
    }
}

/* ======================================================================
   MOBILE APP-STYLE BOTTOM NAVIGATION DOCK (Max-width 768px)
   ====================================================================== */
.temu-mobile-app-bar {
    display: none;
}

@media (max-width: 768px) {
    body {
        padding-bottom: 56px !important;
    }

    .temu-mobile-app-bar {
        display: flex;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        height: 54px;
        background: #FFFFFF;
        border-top: 1px solid #E5E7EB;
        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.06);
        z-index: 999990;
        align-items: center;
        justify-content: space-around;
        padding: 0 4px;
    }

    .mobile-nav-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: none;
        border: none;
        padding: 4px 8px;
        color: #4B5563;
        text-decoration: none;
        cursor: pointer;
        flex: 1;
        transition: color 0.15s ease;
    }

    .mobile-nav-item:hover,
    .mobile-nav-item.is-active {
        color: var(--temu-orange, #FB5805);
    }

    .mobile-nav-icon {
        font-size: 18px;
        line-height: 1.1;
    }

    .mobile-nav-label {
        font-size: 10px;
        font-weight: 700;
        margin-top: 2px;
    }

    .mobile-cart-wrap {
        position: relative;
        display: inline-block;
    }

    .mobile-cart-badge {
        position: absolute;
        top: -6px;
        right: -10px;
        background: var(--temu-orange, #FB5805);
        color: #FFFFFF;
        font-size: 9px;
        font-weight: 900;
        border-radius: 10px;
        padding: 1px 4px;
        line-height: 1;
    }
}

/* --------------------------------------------------------------------------
   16. TEMU SHOP CATALOG & ARCHIVE GRID OVERRIDES (/shop/, /product-category/*)
   -------------------------------------------------------------------------- */
.woocommerce .woocommerce-breadcrumb,
.woocommerce-page .woocommerce-breadcrumb {
    font-size: 12px !important;
    color: #888888 !important;
    margin: 14px 0 8px 0 !important;
    padding: 0 !important;
}

.woocommerce .woocommerce-breadcrumb a,
.woocommerce-page .woocommerce-breadcrumb a {
    color: #555555 !important;
    text-decoration: none !important;
}

.woocommerce .woocommerce-breadcrumb a:hover,
.woocommerce-page .woocommerce-breadcrumb a:hover {
    color: var(--temu-orange, #FB5805) !important;
}

.woocommerce-products-header {
    display: none !important;
}

/* Category explore pills header on shop archive */
.temu-shop-archive-interests {
    margin: 10px 0 20px 0 !important;
}

.temu-shop-archive-interests .explore-header {
    text-align: center;
    margin-bottom: 14px;
}

.temu-shop-archive-interests .explore-sub-tag {
    color: var(--temu-orange, #FB5805);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.5px;
    margin-bottom: 4px;
}

.temu-shop-archive-interests .explore-title {
    font-size: 22px;
    font-weight: 900;
    color: #111111;
    margin: 0;
    letter-spacing: -0.5px;
}

.temu-shop-archive-interests .temu-interests-pills-bar {
    display: flex;
    align-items: center;
    gap: 8px;
    overflow-x: auto;
    padding: 6px 4px 12px 4px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

.temu-shop-archive-interests .temu-interests-pills-bar::-webkit-scrollbar {
    display: none;
}

.temu-shop-archive-interests .interest-pill {
    background: #F4F4F4;
    color: #333333;
    border: 1px solid #E5E5E5;
    border-radius: 24px;
    padding: 8px 18px;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: all 0.15s ease;
    flex-shrink: 0;
}

.temu-shop-archive-interests .interest-pill:hover {
    background: #EAEAEA;
    border-color: #D5D5D5;
    color: #111111;
}

.temu-shop-archive-interests .interest-pill.is-active {
    background: #111111;
    color: #FFFFFF;
    border-color: #111111;
}

.temu-shop-archive-interests .interest-pill .pill-icon {
    font-size: 14px;
}

/* Shop container & toolbar */
.woocommerce .ast-woocommerce-container,
.woocommerce-page .ast-woocommerce-container {
    max-width: 1440px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
}

.woocommerce .ast-woocommerce-container::after,
.woocommerce .ast-woocommerce-container::before {
    display: table;
    content: "";
    clear: both;
}

.woocommerce .woocommerce-notices-wrapper {
    width: 100% !important;
    clear: both !important;
}

.woocommerce .woocommerce-result-count {
    float: left !important;
    margin: 12px 0 16px 0 !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #555555 !important;
}

.woocommerce form.woocommerce-ordering {
    float: right !important;
    margin: 8px 0 16px 0 !important;
}

.woocommerce form.woocommerce-ordering select.orderby {
    background: #FFFFFF !important;
    border: 1px solid #D6D6D6 !important;
    border-radius: 20px !important;
    padding: 6px 16px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #222222 !important;
    outline: none !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
    cursor: pointer !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.woocommerce form.woocommerce-ordering select.orderby:hover,
.woocommerce form.woocommerce-ordering select.orderby:focus {
    border-color: var(--temu-orange, #FB5805) !important;
    box-shadow: 0 0 0 2px rgba(251, 88, 5, 0.15) !important;
}

/* 5-Column Discovery Grid on Shop and Category Archives (Desktop) */
.woocommerce ul.products,
.woocommerce-page ul.products,
.woocommerce ul.products.columns-4,
.woocommerce-page ul.products.columns-4 {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 14px !important;
    margin: 0 0 35px 0 !important;
    padding: 0 !important;
    list-style: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
    float: none !important;
    clear: both !important;
}

.woocommerce ul.products::before,
.woocommerce ul.products::after,
.woocommerce-page ul.products::before,
.woocommerce-page ul.products::after {
    display: none !important;
    content: none !important;
}

@media (max-width: 1024px) {
    .woocommerce ul.products,
    .woocommerce-page ul.products,
    .woocommerce ul.products.columns-4,
    .woocommerce-page ul.products.columns-4 {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }
}

/* Mobile Strict 2-Column Grid on /shop/ and Category Archives (Per User Request) */
@media (max-width: 768px) {
    .woocommerce ul.products,
    .woocommerce-page ul.products,
    .woocommerce ul.products[class*="columns-"],
    .woocommerce-page ul.products[class*="columns-"],
    .woocommerce .products,
    ul.products {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        margin: 10px 0 30px 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }

    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product,
    .woocommerce ul.products li.temu-archive-item-wrapper,
    .woocommerce-page ul.products li.temu-archive-item-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        float: none !important;
    }
}

/* ======================================================================
   RELATED PRODUCTS & UPSELLS (FIX FOR SQUISHED COLUMNS)
   ====================================================================== */
.single-product section.related,
.single-product section.upsells,
.woocommerce section.related.products,
.woocommerce section.upsells.products,
section.related.products {
    display: block !important;
    width: 100% !important;
    grid-column: 1 / -1 !important;
    margin-top: 48px !important;
    padding-top: 28px !important;
    border-top: 1px solid #ECECEC !important;
    clear: both !important;
    float: none !important;
}

.woocommerce section.related.products > h2,
.woocommerce section.upsells.products > h2,
section.related.products > h2 {
    display: block !important;
    width: 100% !important;
    font-size: 24px !important;
    font-weight: 900 !important;
    color: #111111 !important;
    margin: 0 0 24px 0 !important;
    letter-spacing: -0.4px !important;
    clear: both !important;
}

.woocommerce section.related.products ul.products,
.woocommerce section.upsells.products ul.products,
section.related.products ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 16px !important;
    width: 100% !important;
    margin: 0 0 30px 0 !important;
    padding: 0 !important;
    list-style: none !important;
    float: none !important;
}

@media (max-width: 1024px) {
    .woocommerce section.related.products ul.products,
    .woocommerce section.upsells.products ul.products,
    section.related.products ul.products {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 640px) {
    .woocommerce section.related.products ul.products,
    .woocommerce section.upsells.products ul.products,
    section.related.products ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }
}

/* ======================================================================
   "MORE PRODUCTS" TAB: 3-COLUMN GRID IN A ROW
   ====================================================================== */
.single-product .woocommerce-tabs ul.products,
.single-product .woocommerce-tabs .panel ul.products,
.single-product .woocommerce-tabs #tab-more_seller_product ul.products,
.single-product .woocommerce-Tabs-panel--more_seller_product ul.products,
body.single-product .woocommerce-tabs ul.products,
body.single-product #tab-more_seller_product ul.products {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin: 12px 0 20px 0 !important;
    padding: 0 !important;
    width: 100% !important;
    list-style: none !important;
    box-sizing: border-box !important;
    float: none !important;
    clear: both !important;
}

.single-product .woocommerce-tabs ul.products li.product,
.single-product .woocommerce-tabs .panel ul.products li.product,
.single-product .woocommerce-tabs #tab-more_seller_product ul.products li.product,
body.single-product .woocommerce-tabs ul.products li.product {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

@media (max-width: 580px) {
    .single-product .woocommerce-tabs ul.products,
    .single-product .woocommerce-tabs .panel ul.products,
    .single-product .woocommerce-tabs #tab-more_seller_product ul.products,
    body.single-product .woocommerce-tabs ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }
}

/* Reset individual li items in product loop */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.woocommerce ul.products li.temu-archive-item-wrapper,
.woocommerce-page ul.products li.temu-archive-item-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: none !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    position: static !important;
    text-align: left !important;
}

/* Ensure the inner .temu-product-card stretches to 100% height */
.temu-archive-item-wrapper .temu-product-card {
    height: 100% !important;
    margin: 0 !important;
}

.temu-card-img-anchor {
    display: block;
    width: 100%;
    height: 100%;
}

/* Authentic Temu Pagination */
.woocommerce nav.woocommerce-pagination,
.woocommerce-page nav.woocommerce-pagination {
    margin: 35px 0 45px 0 !important;
    text-align: center !important;
    clear: both !important;
    display: flex !important;
    justify-content: center !important;
}

.woocommerce nav.woocommerce-pagination ul,
.woocommerce-page nav.woocommerce-pagination ul {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 auto !important;
}

.woocommerce nav.woocommerce-pagination ul li,
.woocommerce-page nav.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    list-style: none !important;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce-page nav.woocommerce-pagination ul li a,
.woocommerce-page nav.woocommerce-pagination ul li span.current {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 14px !important;
    border-radius: 20px !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    border: 1px solid #D6D6D6 !important;
    background: #FFFFFF !important;
    color: #333333 !important;
    transition: all 0.15s ease !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce-page nav.woocommerce-pagination ul li a:hover {
    border-color: var(--temu-orange, #FB5805) !important;
    color: var(--temu-orange, #FB5805) !important;
    transform: translateY(-1px) !important;
}

.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce-page nav.woocommerce-pagination ul li span.current {
    background: var(--temu-orange, #FB5805) !important;
    border-color: var(--temu-orange, #FB5805) !important;
    color: #FFFFFF !important;
    box-shadow: 0 3px 8px rgba(251, 88, 5, 0.35) !important;
}

/* Responsive Grid Breakpoints */
@media (max-width: 1200px) {
    .temu-discovery-grid,
    .woocommerce ul.products,
    .woocommerce-page ul.products,
    .woocommerce .products.columns-4,
    .woocommerce-page .products.columns-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }
}

@media (max-width: 900px) {
    .temu-discovery-grid,
    .woocommerce ul.products,
    .woocommerce-page ul.products,
    .woocommerce .products.columns-4,
    .woocommerce-page .products.columns-4 {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }
}

@media (max-width: 600px) {
    .temu-discovery-grid,
    .woocommerce ul.products,
    .woocommerce-page ul.products,
    .woocommerce .products.columns-4,
    .woocommerce-page .products.columns-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    .temu-card-brand-header {
        font-size: 10px !important;
        padding: 4px 6px !important;
    }

    .product-title-link {
        font-size: 12px !important;
        height: 32px !important;
    }

    .product-pricing-row .price-val {
        font-size: 16px !important;
    }

    .temu-circle-cart-btn {
        width: 28px !important;
        height: 28px !important;
    }

    .temu-circle-cart-btn svg {
        width: 15px !important;
        height: 15px !important;
    }

    .extra-saved-pill {
        font-size: 9px !important;
        padding: 1px 4px !important;
    }

    .product-proof-row {
        font-size: 9.5px !important;
    }

    .woocommerce .woocommerce-result-count,
    .woocommerce form.woocommerce-ordering {
        float: none !important;
        width: 100% !important;
        text-align: left !important;
        margin-bottom: 8px !important;
    }
}

/* ==========================================================================
   16. TEMU CORPORATE & INFORMATIONAL PAGES STYLING
   ========================================================================== */
.temu-page-wrapper {
    max-width: 1180px;
    margin: 0 auto;
    padding: 24px 20px 60px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    color: #1F2937;
}

.temu-page-hero {
    background: linear-gradient(135deg, #111827 0%, #1F2937 60%, #374151 100%);
    border-radius: 16px;
    padding: 44px 36px;
    color: #FFFFFF;
    margin-bottom: 28px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
}

.temu-page-hero::after {
    content: '';
    position: absolute;
    right: -40px;
    bottom: -40px;
    width: 220px;
    height: 220px;
    background: radial-gradient(circle, rgba(251, 88, 5, 0.25) 0%, rgba(251, 88, 5, 0) 70%);
    border-radius: 50%;
    pointer-events: none;
}

.temu-hero-badge {
    display: inline-block;
    background: #FB5805;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    padding: 4px 12px;
    border-radius: 9999px;
    margin-bottom: 14px;
}

.temu-hero-title {
    font-size: 32px;
    font-weight: 800;
    line-height: 1.25;
    color: #FFFFFF !important;
    margin: 0 0 12px 0;
    letter-spacing: -0.5px;
}

.temu-hero-desc {
    font-size: 16px;
    line-height: 1.6;
    color: #D1D5DB;
    max-width: 720px;
    margin: 0;
}

.temu-page-content-card {
    background: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 16px;
    padding: 36px 40px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

.temu-page-article h2 {
    font-size: 22px;
    font-weight: 700;
    color: #111827;
    margin-top: 36px;
    margin-bottom: 16px;
    padding-bottom: 10px;
    border-bottom: 2px solid #F3F4F6;
    display: flex;
    align-items: center;
    gap: 8px;
}

.temu-page-article h2:first-child {
    margin-top: 0;
}

.temu-page-article h3 {
    font-size: 17px;
    font-weight: 700;
    color: #1F2937;
    margin-top: 24px;
    margin-bottom: 12px;
}

.temu-page-article p {
    font-size: 15px;
    line-height: 1.7;
    color: #4B5563;
    margin-bottom: 16px;
}

.temu-page-article ul, .temu-page-article ol {
    margin: 0 0 20px 24px;
    padding: 0;
    color: #4B5563;
    font-size: 15px;
    line-height: 1.7;
}

.temu-page-article li {
    margin-bottom: 8px;
}

.temu-page-article a {
    color: #FB5805;
    text-decoration: underline;
    font-weight: 600;
}

.temu-page-article a:hover {
    color: #D9480F;
}

/* Feature Cards Grid */
.temu-feature-cards-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    margin: 24px 0 36px;
}

.temu-feature-card {
    background: #F9FAFB;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    padding: 24px 20px;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.temu-feature-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.08);
    border-color: #FB5805;
}

.temu-feature-card .feat-icon {
    font-size: 32px;
    display: block;
    margin-bottom: 12px;
}

.temu-feature-card h4 {
    font-size: 16px;
    font-weight: 700;
    color: #111827;
    margin: 0 0 8px 0;
}

.temu-feature-card p {
    font-size: 14px;
    color: #6B7280;
    line-height: 1.55;
    margin: 0;
}

/* Support Action Tiles */
.support-action-tiles {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 16px;
    margin: 24px 0 36px;
}

.support-tile {
    display: flex;
    align-items: center;
    gap: 16px;
    background: #FFFFFF;
    border: 1.5px solid #E5E7EB;
    border-radius: 12px;
    padding: 20px;
    text-decoration: none !important;
    color: #1F2937 !important;
    transition: all 0.2s ease;
}

.support-tile:hover {
    border-color: #FB5805;
    background: #FFF7ED;
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(251, 88, 5, 0.1);
}

.support-tile .tile-icon {
    font-size: 30px;
    flex-shrink: 0;
}

.support-tile .tile-info strong {
    display: block;
    font-size: 15px;
    color: #111827;
    margin-bottom: 4px;
}

.support-tile .tile-info small {
    display: block;
    font-size: 12.5px;
    color: #6B7280;
    line-height: 1.4;
}

/* FAQ Accordion */
.support-faq-section {
    margin: 28px 0;
}

.temu-faq-item {
    background: #F9FAFB;
    border: 1px solid #E5E7EB;
    border-radius: 10px;
    margin-bottom: 12px;
    overflow: hidden;
    transition: border-color 0.2s ease;
}

.temu-faq-item:hover {
    border-color: #D1D5DB;
}

.temu-faq-item summary {
    font-size: 15px;
    font-weight: 700;
    color: #111827;
    padding: 16px 20px;
    cursor: pointer;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    user-select: none;
}

.temu-faq-item summary::-webkit-details-marker {
    display: none;
}

.temu-faq-item summary::after {
    content: '+';
    font-size: 18px;
    font-weight: 700;
    color: #FB5805;
    transition: transform 0.2s ease;
}

.temu-faq-item[open] summary::after {
    content: '−';
}

.temu-faq-item[open] {
    background: #FFFFFF;
    border-color: #FB5805;
}

.temu-faq-item .faq-body {
    padding: 0 20px 16px 20px;
    font-size: 14px;
    line-height: 1.65;
    color: #4B5563;
}

/* Contact Channels */
.contact-channels-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 16px;
    margin: 20px 0 32px;
}

.channel-card {
    background: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    padding: 24px;
    text-align: center;
    box-shadow: 0 2px 4px rgba(0,0,0,0.04);
}

.channel-card .channel-icon {
    font-size: 36px;
    display: inline-block;
    margin-bottom: 10px;
}

.channel-card h4 {
    font-size: 16px;
    font-weight: 700;
    color: #111827;
    margin: 0 0 6px 0;
}

.channel-card p {
    font-size: 13.5px;
    color: #6B7280;
    margin: 0 0 14px 0;
}

.channel-card .channel-action {
    display: inline-block;
    background: #FB5805;
    color: #FFFFFF !important;
    text-decoration: none !important;
    font-weight: 700;
    font-size: 13px;
    padding: 8px 18px;
    border-radius: 6px;
    transition: background 0.2s ease;
}

.channel-card .channel-action:hover {
    background: #E04B00;
}

/* Form Styles */
.temu-styled-form {
    background: #F9FAFB;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    padding: 28px;
    margin: 20px 0;
}

.temu-form-row {
    margin-bottom: 16px;
}

.temu-form-row label {
    display: block;
    font-size: 13.5px;
    font-weight: 700;
    color: #374151;
    margin-bottom: 6px;
}

.temu-form-row input,
.temu-form-row select,
.temu-form-row textarea {
    width: 100%;
    padding: 10px 14px;
    border: 1px solid #D1D5DB;
    border-radius: 8px;
    font-size: 14px;
    background: #FFFFFF;
    color: #1F2937;
    outline: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.temu-form-row input:focus,
.temu-form-row select:focus,
.temu-form-row textarea:focus {
    border-color: #FB5805;
    box-shadow: 0 0 0 3px rgba(251, 88, 5, 0.15);
}

.temu-form-submit-btn {
    background: #FB5805;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 700;
    border: none;
    padding: 12px 28px;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.2s ease, transform 0.1s ease;
}

.temu-form-submit-btn:hover {
    background: #E04B00;
    transform: translateY(-1px);
}

/* Policy Highlight Box & Timeline */
.policy-highlight-box {
    background: #FFF7ED;
    border-left: 4px solid #FB5805;
    border-radius: 0 8px 8px 0;
    padding: 18px 22px;
    margin: 20px 0 28px;
}

.policy-highlight-box h4 {
    margin: 0 0 6px 0;
    color: #9A3412;
    font-size: 15px;
    font-weight: 700;
}

.policy-highlight-box p {
    margin: 0;
    color: #C2410C;
    font-size: 13.5px;
    line-height: 1.55;
}

.policy-timeline {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin: 24px 0 32px;
    position: relative;
}

.timeline-step {
    flex: 1;
    background: #F9FAFB;
    border: 1px solid #E5E7EB;
    border-radius: 10px;
    padding: 18px 14px;
    text-align: center;
}

.timeline-step .step-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #FB5805;
    color: #FFFFFF;
    font-weight: 800;
    font-size: 14px;
    margin-bottom: 10px;
}

.timeline-step strong {
    display: block;
    font-size: 14px;
    color: #111827;
    margin-bottom: 4px;
}

.timeline-step p {
    font-size: 12px;
    color: #6B7280;
    margin: 0;
    line-height: 1.4;
}

/* Safety Alert Banner */
.safety-alert-banner {
    display: flex;
    align-items: center;
    gap: 14px;
    background: #FEF2F2;
    border: 1px solid #FCA5A5;
    border-radius: 10px;
    padding: 14px 18px;
    color: #991B1B;
    font-size: 14px;
    margin: 18px 0 26px;
}

.safety-alert-banner .alert-icon {
    font-size: 24px;
    flex-shrink: 0;
}

/* Tree Stats & Affiliates */
.tree-stats-grid, .affiliate-tiers-grid, .jobs-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 16px;
    margin: 20px 0 30px;
}

.tree-stat-card, .affiliate-tier-card, .job-listing-card {
    background: #F9FAFB;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    padding: 22px 18px;
    text-align: center;
}

.tree-stat-card .stat-number, .affiliate-tier-card .tier-rate {
    font-size: 28px;
    font-weight: 800;
    color: #FB5805;
    display: block;
    margin-bottom: 4px;
}

.job-listing-card {
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.job-listing-card h4 {
    margin: 0 0 6px 0;
    font-size: 16px;
    color: #111827;
}

.job-listing-card .job-meta {
    font-size: 13px;
    color: #6B7280;
    margin-bottom: 12px;
}

@media (max-width: 768px) {
    .temu-page-wrapper {
        padding: 16px 12px 60px;
    }

    .temu-page-hero {
        padding: 28px 20px;
    }

    .temu-hero-title {
        font-size: 24px;
    }

    .temu-page-content-card {
        padding: 22px 18px;
    }

    .policy-timeline {
        flex-direction: column;
    }
}

/* ==========================================================================
   17. IMMEDIATE CHECKOUT APPEARANCE & ADDED-TO-CART DRAWER / POPUP
   ========================================================================== */

/* Quick Look Modal Post-Add Actions */
.modal-post-add-actions {
    margin-top: 4px;
    margin-bottom: 12px;
}

.modal-checkout-now-btn {
    display: block;
    background: linear-gradient(135deg, #FF6A00 0%, #FB5805 100%);
    color: #FFFFFF !important;
    text-align: center;
    text-decoration: none !important;
    padding: 14px 20px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 900;
    letter-spacing: 0.3px;
    box-shadow: 0 6px 20px rgba(251, 88, 5, 0.45);
    transition: all 0.2s ease;
    animation: temuCheckoutGlow 2s infinite ease-in-out;
}

.modal-checkout-now-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 26px rgba(251, 88, 5, 0.6);
    background: linear-gradient(135deg, #FB5805 0%, #E04B00 100%);
}

.modal-post-add-links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 10px;
}

.modal-continue-btn {
    background: none;
    border: none;
    color: #6B7280;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    text-decoration: underline;
    padding: 4px;
}

.modal-continue-btn:hover {
    color: #111827;
}

.modal-post-add-links .sep {
    color: #D1D5DB;
    font-size: 12px;
}

.modal-view-cart-link {
    color: #111827 !important;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
}

.modal-view-cart-link:hover {
    color: #FB5805 !important;
    text-decoration: underline !important;
}

/* Global Floating Added-to-Cart Checkout Drawer / Toast */
.temu-added-popup {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 999999;
    max-width: 390px;
    width: 90vw;
    background: #FFFFFF;
    border: 1.5px solid #FB5805;
    border-radius: 14px;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.18), 0 0 0 1px rgba(251, 88, 5, 0.1);
    animation: temuPopupSlideUp 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.temu-added-popup .popup-inner {
    padding: 16px 18px;
    position: relative;
}

.temu-added-popup .popup-close {
    position: absolute;
    top: 10px;
    right: 12px;
    background: none;
    border: none;
    font-size: 22px;
    line-height: 1;
    color: #9CA3AF;
    cursor: pointer;
    padding: 4px;
    transition: color 0.15s ease;
}

.temu-added-popup .popup-close:hover {
    color: #111827;
}

.temu-added-popup .popup-header-line {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
    padding-right: 20px;
}

.popup-success-badge {
    background: #ECFDF5;
    color: #059669;
    font-size: 12px;
    font-weight: 800;
    padding: 3px 8px;
    border-radius: 6px;
    border: 1px solid #A7F3D0;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.popup-free-shipping {
    font-size: 12px;
    font-weight: 700;
    color: #047857;
}

.popup-product-row {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #F9FAFB;
    padding: 10px 12px;
    border-radius: 10px;
    margin-bottom: 14px;
}

.popup-product-row img {
    width: 48px;
    height: 48px;
    object-fit: cover;
    border-radius: 8px;
    border: 1px solid #E5E7EB;
    flex-shrink: 0;
}

.popup-item-meta {
    flex: 1;
    min-width: 0;
}

.popup-item-title {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: #111827;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 2px;
}

.popup-item-variant-tag {
    font-size: 11px;
    color: #C2410C;
    background: #FFF7ED;
    padding: 1px 6px;
    border-radius: 4px;
    display: inline-block;
    font-weight: 700;
    margin-bottom: 4px;
}

.popup-subtotal-line {
    font-size: 12px;
    color: #4B5563;
}

.popup-subtotal-line strong {
    color: #FB5805;
    font-size: 13.5px;
    font-weight: 800;
    margin-left: 3px;
}

.popup-actions-row {
    display: flex;
    gap: 10px;
}

.popup-btn-cart {
    flex: 1;
    text-align: center;
    background: #FFFFFF;
    color: #374151 !important;
    border: 1.5px solid #D1D5DB;
    padding: 10px 12px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
    transition: all 0.15s ease;
}

.popup-btn-cart:hover {
    border-color: #111827;
    color: #111827 !important;
    background: #F9FAFB;
}

.popup-btn-checkout {
    flex: 2;
    text-align: center;
    background: linear-gradient(135deg, #FF6A00 0%, #FB5805 100%);
    color: #FFFFFF !important;
    border: none;
    padding: 10px 14px;
    border-radius: 8px;
    font-size: 13.5px;
    font-weight: 900;
    text-decoration: none !important;
    box-shadow: 0 4px 12px rgba(251, 88, 5, 0.4);
    transition: all 0.15s ease;
}

.popup-btn-checkout:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(251, 88, 5, 0.55);
}

/* Sidebar Pulse Animation */
.sidebar-highlight-pulse {
    animation: temuSidebarPulse 1.8s ease-out;
}

@keyframes temuCheckoutGlow {
    0%, 100% {
        box-shadow: 0 6px 20px rgba(251, 88, 5, 0.45);
    }
    50% {
        box-shadow: 0 8px 30px rgba(251, 88, 5, 0.75);
    }
}

@keyframes temuSidebarPulse {
    0% {
        box-shadow: 0 0 0 0 rgba(251, 88, 5, 0.7), 0 8px 30px rgba(0,0,0,0.15);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(251, 88, 5, 0), 0 8px 30px rgba(0,0,0,0.15);
    }
    100% {
        box-shadow: 0 8px 30px rgba(0,0,0,0.15);
    }
}

@keyframes temuPopupSlideUp {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ==========================================================================
   100% MOBILE RESPONSIVE MASTER RULES (Screen widths <= 991px, <= 768px, <= 480px)
   Eliminates all horizontal page overflow ("going right") and delivers a
   flawless, native-app Temu marketplace experience on all mobile devices.
   ========================================================================== */

/* Tablet Breakpoint (<= 991px) */
@media (max-width: 991px) {
    .temu-categories-megamenu {
        display: none !important;
    }
    .temu-deals-carousel-row {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }
    .footer-columns-row {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 20px !important;
    }
    .temu-sticky-sidebar {
        display: none !important;
    }
}

/* Primary Mobile Breakpoint (<= 768px) */
@media (max-width: 768px) {
    /* 1. Viewport & Document Level Overflow Protection */
    html, body {
        max-width: 100vw !important;
        overflow-x: clip !important;
        width: 100% !important;
    }

    body {
        padding-bottom: 60px !important; /* Avoid overlap with mobile bottom dock */
    }

    #page, .site, .site-content, #content, main, .temu-homepage-container {
        max-width: 100vw !important;
        width: 100% !important;
        overflow-x: clip !important;
    }

    .temu-homepage-container {
        padding: 10px 10px 60px 10px !important;
    }

    /* ======================================================================
       AUTHENTIC TEMU MOBILE HEADER (1:1 Match to Native Screenshot)
       ====================================================================== */
    .temu-header-wrap {
        position: relative !important;
        box-shadow: none !important;
    }

    .temu-desktop-header-wrap {
        display: none !important;
    }

    .temu-mobile-header-wrap {
        display: block !important;
        width: 100% !important;
        background: #FFFFFF !important;
        box-sizing: border-box !important;
    }

    /* Sticky Group (Row 1 & Row 2 Stay Pinned on Scroll) */
    .temu-mobile-sticky-bar {
        position: sticky !important;
        top: 0 !important;
        z-index: 1000 !important;
        background: #FFFFFF !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
        width: 100% !important;
    }

    /* ----------------------------------------------------------------------
       ROW 1: Pure White Top Bar (Logo | Rounded Pill Search | 3 Clean Icons)
       ---------------------------------------------------------------------- */
    .temu-mobile-top-bar {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 7px 10px 6px 10px !important;
        background: #FFFFFF !important;
        gap: 6px !important;
        box-sizing: border-box !important;
        width: 100% !important;
        overflow: hidden !important;
    }

    /* 1. Logo Area: Punchy Vibrant Orange Temu-Style Wordmark */
    .temu-mobile-logo-area {
        flex: 0 0 auto !important;
        flex-shrink: 0 !important;
        display: flex !important;
        align-items: center !important;
    }

    .temu-mobile-logo-link {
        text-decoration: none !important;
        display: inline-flex !important;
        align-items: center !important;
        line-height: 1 !important;
    }

    .temu-mobile-logo-text {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
        font-size: 18px !important;
        font-weight: 900 !important;
        color: #FB5805 !important;
        line-height: 1 !important;
        letter-spacing: -0.4px !important;
        display: inline-flex !important;
        align-items: baseline !important;
        gap: 2px !important;
    }

    .temu-mobile-logo-text .logo-shop {
        font-size: 13px !important;
        font-weight: 700 !important;
        color: #FB5805 !important;
        letter-spacing: -0.2px !important;
    }

    .temu-mobile-logo-text .logo-allure {
        font-size: 18px !important;
        font-weight: 900 !important;
        color: #FB5805 !important;
        letter-spacing: 0.2px !important;
        text-transform: uppercase !important;
    }

    /* 2. Rounded Pill Search Box */
    .temu-mobile-search-area {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 4px !important;
    }

    .temu-mobile-search-form {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        background: #F4F4F4 !important;
        border-radius: 9999px !important;
        height: 33px !important;
        padding: 0 8px 0 8px !important;
        box-sizing: border-box !important;
        border: none !important;
        box-shadow: none !important;
    }

    .temu-mobile-search-form .search-mag-icon {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 auto !important;
        flex-shrink: 0 !important;
        margin-right: 5px !important;
        color: #757575 !important;
    }

    .temu-mobile-search-form .search-mag-icon svg {
        width: 14px !important;
        height: 14px !important;
        stroke: #757575 !important;
        stroke-width: 2.5 !important;
        display: block !important;
    }

    .temu-mobile-search-input {
        flex: 1 1 0% !important;
        min-width: 0 !important;
        width: 0 !important;
        border: none !important;
        background: transparent !important;
        padding: 0 !important;
        font-size: 12.5px !important;
        font-weight: 400 !important;
        color: #222222 !important;
        outline: none !important;
        box-shadow: none !important;
        height: 100% !important;
        line-height: 33px !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        overflow: hidden !important;
    }

    .temu-mobile-search-input::placeholder {
        color: #757575 !important;
        font-size: 12.5px !important;
        opacity: 1 !important;
    }

    /* 3. Right Icons (Language, Categories, Profile, Cart) */
    .temu-mobile-icons-group {
        flex: 0 0 auto !important;
        flex-shrink: 0 !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        gap: 8px !important;
        white-space: nowrap !important;
    }

    .temu-mobile-icon-btn,
    .temu-mobile-icon-btn:link,
    .temu-mobile-icon-btn:visited {
        background: none !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
        cursor: pointer !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #111111 !important;
        text-decoration: none !important;
        position: relative !important;
        line-height: 1 !important;
        -webkit-tap-highlight-color: transparent !important;
    }

    .temu-mobile-lang-btn {
        position: relative !important;
    }

    .mobile-lang-sub-badge {
        position: absolute !important;
        bottom: -5px !important;
        right: -6px !important;
        background: #111111 !important;
        color: #FFFFFF !important;
        font-size: 8px !important;
        font-weight: 800 !important;
        padding: 1px 3px !important;
        border-radius: 3px !important;
        line-height: 1 !important;
        text-transform: uppercase !important;
        border: 1px solid #FFFFFF !important;
        letter-spacing: 0.2px !important;
        pointer-events: none !important;
    }

    .temu-mobile-icon-btn svg {
        width: 21px !important;
        height: 21px !important;
        stroke: #111111 !important;
        stroke-width: 2 !important;
        display: block !important;
    }

    .temu-mobile-cart-btn {
        position: relative !important;
    }

    .temu-mobile-cart-badge {
        position: absolute !important;
        top: -6px !important;
        right: -8px !important;
        background: #FB5805 !important;
        color: #FFFFFF !important;
        font-size: 10px !important;
        font-weight: 800 !important;
        border-radius: 9999px !important;
        min-width: 16px !important;
        height: 16px !important;
        line-height: 14px !important;
        text-align: center !important;
        padding: 0 4px !important;
        border: 1.5px solid #FFFFFF !important;
        box-sizing: border-box !important;
    }

    .temu-mobile-cart-badge.is-empty {
        display: none !important;
    }

    /* ----------------------------------------------------------------------
       ROW 2: Horizontal Category Navigation Strip with Underline Indicator
       ---------------------------------------------------------------------- */
    .temu-mobile-cat-strip {
        background: #FFFFFF !important;
        border-bottom: 1px solid #F0F0F0 !important;
        width: 100% !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .temu-mobile-cat-scroll {
        display: flex !important;
        align-items: center !important;
        gap: 18px !important;
        padding: 0 12px !important;
        overflow-x: auto !important;
        white-space: nowrap !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
        box-sizing: border-box !important;
    }

    .temu-mobile-cat-scroll::-webkit-scrollbar {
        display: none !important;
    }

    .mobile-cat-tab-link,
    .mobile-cat-tab-link:link,
    .mobile-cat-tab-link:visited {
        text-decoration: none !important;
        padding: 8px 3px 7px 3px !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        color: #222222 !important;
        position: relative !important;
        flex-shrink: 0 !important;
        display: inline-flex !important;
        flex-direction: column !important;
        align-items: center !important;
        line-height: 1.25 !important;
        -webkit-tap-highlight-color: transparent !important;
    }

    .mobile-cat-tab-link .tab-label {
        color: #222222 !important;
        font-size: 14px !important;
        display: block !important;
    }

    .mobile-cat-tab-link.is-active .tab-label,
    .mobile-cat-tab-link.is-active {
        font-weight: 800 !important;
        color: #111111 !important;
    }

    .mobile-cat-tab-link.is-active::after {
        content: "" !important;
        position: absolute !important;
        bottom: 0 !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: 18px !important;
        height: 2.5px !important;
        background: #111111 !important;
        border-radius: 2px !important;
    }

    /* ----------------------------------------------------------------------
       ROW 3: 2-Column Peach Guarantee Ribbon (Free shipping / Return within 90d)
       ---------------------------------------------------------------------- */
    .temu-mobile-guarantee-ribbon {
        background: #FCF5EE !important;
        border-radius: 8px !important;
        margin: 6px 12px !important;
        padding: 6px 10px !important;
        display: flex !important;
        align-items: center !important;
        border: 1px solid rgba(238, 223, 206, 0.6) !important;
        box-sizing: border-box !important;
    }

    .guarantee-card-item {
        flex: 1 1 50% !important;
        text-decoration: none !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 1px !important;
        min-width: 0 !important;
        -webkit-tap-highlight-color: transparent !important;
    }

    .guarantee-card-item.guarantee-left {
        padding-right: 8px !important;
    }

    .guarantee-card-item.guarantee-right {
        padding-left: 8px !important;
    }

    .guarantee-card-sep {
        width: 1px !important;
        height: 28px !important;
        background: #EEDFCE !important;
        flex-shrink: 0 !important;
    }

    .card-line-main {
        display: flex !important;
        align-items: center !important;
        gap: 5px !important;
        line-height: 1.2 !important;
    }

    .card-check-icon {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        line-height: 1 !important;
        flex-shrink: 0 !important;
    }

    .green-accent {
        color: #0A8754 !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .card-box-icon {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        line-height: 1 !important;
        flex-shrink: 0 !important;
    }

    .dark-text {
        color: #111111 !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .card-sub-text {
        font-size: 11px !important;
        color: #777777 !important;
        line-height: 1.2 !important;
        padding-left: 17px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    /* ----------------------------------------------------------------------
       ROW 4: Solid Emerald Green Security Banner
       ---------------------------------------------------------------------- */
    .temu-mobile-security-strip {
        background: #008744 !important;
        border-radius: 6px !important;
        margin: 0 12px 8px 12px !important;
        padding: 6.5px 12px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        box-sizing: border-box !important;
    }

    .security-strip-left {
        display: flex !important;
        align-items: center !important;
        gap: 7px !important;
        color: #FFFFFF !important;
        font-size: 12.5px !important;
        font-weight: 700 !important;
    }

    .sec-badge-circle {
        width: 15px !important;
        height: 15px !important;
        background: #FFFFFF !important;
        color: #008744 !important;
        border-radius: 50% !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 10px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
        flex-shrink: 0 !important;
    }

    .sec-brand-text {
        color: #FFFFFF !important;
        font-size: 12.5px !important;
        font-weight: 700 !important;
        letter-spacing: -0.1px !important;
    }

    .security-strip-right {
        flex-shrink: 0 !important;
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
    }

    .mobile-strip-lang-btn {
        background: rgba(255, 255, 255, 0.22) !important;
        border: 1px solid rgba(255, 255, 255, 0.4) !important;
        color: #FFFFFF !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        padding: 2.5px 7px !important;
        border-radius: 12px !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 3.5px !important;
        cursor: pointer !important;
        line-height: 1.2 !important;
        text-decoration: none !important;
        -webkit-tap-highlight-color: transparent !important;
    }

    .mobile-strip-lang-btn:active {
        background: rgba(255, 255, 255, 0.4) !important;
    }

    .mobile-strip-lang-btn .globe-icon {
        font-size: 12px !important;
        line-height: 1 !important;
    }

    .mobile-strip-lang-btn small {
        font-size: 9px !important;
        opacity: 0.8 !important;
    }

    .sec-privacy-link {
        color: #FFFFFF !important;
        font-size: 12px !important;
        font-weight: 500 !important;
        text-decoration: none !important;
        opacity: 0.95 !important;
        white-space: nowrap !important;
    }

    /* 5. Lightning Deals & Clearance Section */
    .temu-deals-split-section {
        margin-bottom: 20px !important;
    }
    .deals-header-row {
        flex-wrap: wrap !important;
        gap: 6px 12px !important;
        margin-bottom: 10px !important;
    }
    .deal-col-header h2 {
        font-size: 16px !important;
    }
    .see-deals-link {
        font-size: 11px !important;
    }
    .temu-deals-carousel-row {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        width: 100% !important;
    }
    .deal-body {
        padding: 6px 8px 8px 8px !important;
    }
    .deal-price {
        font-size: 15px !important;
    }
    .deal-reg-price {
        font-size: 10px !important;
    }

    /* 6. Explore Interests Category Pills Bar */
    .temu-explore-interests-section {
        margin: 18px 0 14px 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }
    .explore-sub-tag {
        font-size: 11px !important;
        margin-bottom: 2px !important;
    }
    .explore-title {
        font-size: 18px !important;
        margin-bottom: 10px !important;
    }
    .temu-interests-pills-bar {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        gap: 6px !important;
        padding: 4px 2px 10px 2px !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    .temu-interests-pills-bar::-webkit-scrollbar {
        display: none !important;
    }
    .interest-pill {
        padding: 6px 12px !important;
        font-size: 12px !important;
        flex-shrink: 0 !important;
        border-radius: 20px !important;
    }
    .interest-pill-arrow {
        display: none !important;
    }

    /* 7. Product Discovery 2-Column Grid */
    .temu-discovery-grid,
    .woocommerce ul.products,
    .woocommerce-page ul.products,
    .woocommerce .products.columns-4,
    .woocommerce-page .products.columns-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        margin-bottom: 20px !important;
        width: 100% !important;
        padding: 0 !important;
    }
    .temu-product-card {
        border-radius: 8px !important;
        width: 100% !important;
        min-width: 0 !important;
    }
    .product-body {
        padding: 8px 8px 10px 8px !important;
    }
    .product-title-link {
        font-size: 12px !important;
        height: 32px !important;
        line-height: 1.3 !important;
        margin-bottom: 4px !important;
    }
    .product-pricing-row {
        margin-bottom: 4px !important;
    }
    .price-val {
        font-size: 16px !important;
    }
    .reg-val {
        font-size: 10px !important;
    }
    .temu-circle-cart-btn {
        width: 28px !important;
        height: 28px !important;
    }
    .temu-circle-cart-btn svg {
        width: 13px !important;
        height: 13px !important;
    }
    .extra-saved-pill {
        font-size: 9.5px !important;
        padding: 1px 4px !important;
    }
    .product-proof-row {
        font-size: 9.5px !important;
    }
    .temu-quick-look-btn {
        display: none !important;
    }

    /* 8. See More Button */
    .temu-see-more-wrap {
        margin: 20px 0 !important;
    }
    .temu-see-more-btn {
        width: calc(100% - 24px) !important;
        max-width: 320px !important;
        padding: 11px 20px !important;
        font-size: 15px !important;
        margin: 0 auto !important;
        display: block !important;
        text-align: center !important;
    }

    /* 9. Master Temu Footer */
    .temu-footer-wrap {
        padding: 30px 14px 70px 14px !important;
        width: 100% !important;
        max-width: 100vw !important;
        overflow-x: clip !important;
    }
    .footer-columns-row {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
        padding-bottom: 24px !important;
    }
    .footer-col h3 {
        font-size: 13.5px !important;
        margin-bottom: 8px !important;
    }
    .app-perks-list {
        grid-template-columns: 1fr !important;
        gap: 6px !important;
    }
    .footer-badges-row {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 14px !important;
        padding: 18px 0 !important;
    }
    .badges-flex {
        gap: 6px !important;
    }
    .footer-copyright-bar {
        font-size: 10px !important;
        line-height: 1.4 !important;
        padding-top: 14px !important;
    }

    /* 10. Account & Support Flyouts on Mobile */
    .temu-account-flyout {
        position: fixed !important;
        top: auto !important;
        bottom: 58px !important;
        left: 10px !important;
        right: 10px !important;
        width: calc(100vw - 20px) !important;
        max-width: calc(100vw - 20px) !important;
        max-height: 75vh !important;
        overflow-y: auto !important;
        border-radius: 14px !important;
        box-shadow: 0 10px 40px rgba(0,0,0,0.3) !important;
    }
    .account-flyout-grid {
        grid-template-columns: 1fr !important;
    }
    .flyout-col-history {
        display: none !important;
    }
    .temu-support-flyout {
        position: fixed !important;
        top: auto !important;
        bottom: 58px !important;
        left: 10px !important;
        right: 10px !important;
        width: calc(100vw - 20px) !important;
        max-width: calc(100vw - 20px) !important;
        border-radius: 14px !important;
    }

    /* 11. Modal Overlays & Added-to-Cart Popups */
    .temu-modal-overlay {
        padding: 10px !important;
    }
    .temu-modal-dialog {
        width: calc(100vw - 20px) !important;
        max-width: calc(100vw - 20px) !important;
        max-height: 85vh !important;
        border-radius: 12px !important;
    }
    .temu-modal-body {
        grid-template-columns: 1fr !important;
        padding: 14px !important;
        gap: 14px !important;
    }
    .temu-social-toast {
        bottom: 115px !important;
        left: 8px !important;
        right: 8px !important;
        max-width: calc(100vw - 16px) !important;
        width: auto !important;
        padding: 6px 10px !important;
        font-size: 11px !important;
    }
    .temu-social-toast img {
        width: 32px !important;
        height: 32px !important;
    }
    .temu-added-popup {
        bottom: 60px !important;
        left: 8px !important;
        right: 8px !important;
        max-width: calc(100vw - 16px) !important;
        width: auto !important;
    }

    /* 12. Bottom App Dock Bar */
    .temu-mobile-app-bar {
        display: flex !important;
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        height: 52px !important;
        background: #FFFFFF !important;
        border-top: 1px solid #E5E7EB !important;
        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.08) !important;
        z-index: 999990 !important;
        align-items: center !important;
        justify-content: space-around !important;
        padding: 0 4px !important;
        padding-bottom: env(safe-area-inset-bottom, 0) !important;
    }
    .mobile-nav-item {
        flex: 1 !important;
        padding: 4px 2px !important;
    }
    .mobile-nav-icon {
        font-size: 18px !important;
    }
    .mobile-nav-label {
        font-size: 10px !important;
    }

    /* 13. WooCommerce Single Product, Cart & Checkout Mobile Safeguards */
    .single-product div.product div.images,
    .single-product div.product div.summary,
    .single-product #content div.product div.images,
    .single-product #content div.product div.summary {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    .single-product .product_title {
        font-size: 18px !important;
    }
    .single-product div.product p.price ins,
    .single-product div.product p.price > .amount {
        font-size: 22px !important;
    }
    .woocommerce-checkout form.woocommerce-checkout,
    .woocommerce form.woocommerce-checkout {
        flex-direction: column !important;
        width: 100% !important;
    }
    #customer_details, #order_review {
        width: 100% !important;
        max-width: 100% !important;
    }
    .woocommerce-cart table.cart,
    .woocommerce-cart table.cart thead,
    .woocommerce-cart table.cart tbody,
    .woocommerce-cart table.cart th,
    .woocommerce-cart table.cart td,
    .woocommerce-cart table.cart tr {
        max-width: 100% !important;
    }
    .woocommerce-cart .cart_totals {
        width: 100% !important;
        padding: 16px !important;
    }
    .temu-checkout-header-banner {
        flex-direction: column !important;
        gap: 8px !important;
        padding: 12px 14px !important;
    }
    .temu-country-modal-dialog {
        width: calc(100vw - 24px) !important;
        max-width: calc(100vw - 24px) !important;
        padding: 20px 14px !important;
    }
}

/* Extra Small Mobile Viewports (<= 480px) */
@media (max-width: 480px) {
    .temu-white-logo {
        max-width: 120px !important;
    }
    .price-val {
        font-size: 15px !important;
    }
    .deal-price {
        font-size: 14px !important;
    }
    .temu-deals-carousel-row,
    .temu-discovery-grid {
        gap: 6px !important;
    }
    .product-body {
        padding: 6px 6px 8px 6px !important;
    }
}








/* ==========================================================================
   HOMEPAGE MAIN 2-COLUMN LAYOUT (LEFT: VIDEO SHOWCASE, RIGHT: DISCOVERY GRID)
   ========================================================================== */
.temu-homepage-main-layout {
    display: flex;
    gap: 22px;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 24px;
}

.temu-video-showcase-sidebar {
    flex: 0 0 350px;
    width: 350px;
    max-width: 350px;
    position: relative;
    z-index: 5;
}

.temu-discovery-grid-wrapper {
    flex: 1 1 0;
    min-width: 0;
}

.temu-discovery-grid-wrapper .temu-discovery-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px;
}

/* ==========================================================================
   FEATURED PRODUCTS ROTATING SHOWCASE (REPLACES VIDEO SHOWCASE)
   ========================================================================== */
.allure-rotating-showcase-panel {
    background: #FFFFFF;
    border-radius: 18px;
    padding: 22px 20px;
    box-shadow: 0 6px 25px rgba(0, 0, 0, 0.07);
    border: 1px solid #ECEEF3;
    display: flex;
    flex-direction: column;
    position: relative;
    transition: box-shadow 0.25s ease, transform 0.2s ease;
}

.allure-rotating-showcase-panel:hover {
    box-shadow: 0 12px 32px rgba(251, 88, 5, 0.1);
}

.rotating-tag {
    font-size: 11px;
    font-weight: 800;
    color: #FB5805;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.rotating-clickable-card {
    cursor: pointer;
    border-radius: 14px;
    padding: 6px;
    margin: -6px;
    transition: background 0.2s ease, transform 0.2s ease;
}

.rotating-clickable-card:hover {
    background: #F8FAFC;
}

.rotating-photo-link {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    height: 230px;
    overflow: hidden;
    border-radius: 12px;
    background: #F8FAFC;
    margin: 8px 0 12px 0;
    padding: 0 !important;
    transition: background 0.2s ease;
}

.rotating-clickable-card:hover .rotating-photo-link {
    background: #F1F5F9;
}

.rotating-product-img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 230px !important;
    object-fit: cover !important;
    border-radius: 12px;
    transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
    display: block;
    user-select: none;
}

.rotating-product-img.pop {
    transform: scale(1.08);
}

.rotating-name {
    margin: 10px 0 6px 0;
    font-size: 19px;
    font-weight: 800;
    line-height: 1.35;
    min-height: 48px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.rotating-name a {
    color: #0F172A !important;
    text-decoration: none !important;
    transition: color 0.15s ease;
}

.rotating-clickable-card:hover .rotating-name a,
.rotating-name a:hover {
    color: #FB5805 !important;
}

.rotating-desc {
    color: #64748B;
    font-size: 13.5px;
    line-height: 1.4;
    margin: 0 0 10px 0;
    font-weight: 500;
}

.rotating-price-row {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 12px;
}

.rotating-price {
    font-size: 26px;
    font-weight: 800;
    color: #FB5805;
    letter-spacing: -0.5px;
    line-height: 1;
}

.rotating-reg-price {
    font-size: 14.5px;
    color: #94A3B8;
    text-decoration: line-through;
    font-weight: 500;
}

.rotating-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 7px;
    margin: 12px 0 16px 0;
}

.rotating-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #CBD5E1;
    cursor: pointer;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.rotating-dot:hover {
    background: #94A3B8;
}

.rotating-dot.on {
    background: #FB5805;
    width: 22px;
    border-radius: 9999px;
    box-shadow: 0 0 0 3px rgba(251, 88, 5, 0.2);
}

.rotating-actions {
    display: flex;
    gap: 10px;
    align-items: center;
}

.rotating-btn {
    flex: 1;
    border: 0;
    background: linear-gradient(135deg, #FF601C 0%, #FB5805 100%);
    color: #FFFFFF !important;
    padding: 12px 18px;
    border-radius: 9999px;
    font-size: 13.5px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(251, 88, 5, 0.28);
    transition: transform 0.15s ease, box-shadow 0.2s ease, background 0.2s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
}

.rotating-btn:hover {
    background: linear-gradient(135deg, #E04800 0%, #D43E00 100%);
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(251, 88, 5, 0.36);
}

.rotating-btn-view {
    flex: 1;
    border: 1.5px solid #FED7AA;
    background: #FFF7ED;
    color: #FB5805 !important;
    padding: 10.5px 16px;
    border-radius: 9999px;
    font-size: 13.5px;
    font-weight: 700;
    text-decoration: none !important;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, transform 0.15s ease;
}

.rotating-btn-view:hover {
    background: #FFEDD5;
    border-color: #FDBA74;
    color: #EA580C !important;
    transform: translateY(-1px);
}

.rotating-footnote {
    font-size: 11.5px;
    color: #94A3B8;
    margin: 12px 0 0 0;
    text-align: center;
}

/* ==========================================================================
   WHOLESALE DEALS SIDEBAR PANEL (Matching User Mockup Image 2)
   ========================================================================== */
.allure-wholesale-deals-panel {
    background: #FFFFFF;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 6px 25px rgba(0, 0, 0, 0.06);
    border: 1px solid #ECEEF3;
    margin-top: 18px;
    display: flex;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
    transition: box-shadow 0.25s ease;
}

.allure-wholesale-deals-panel:hover {
    box-shadow: 0 10px 30px rgba(251, 88, 5, 0.12);
}

/* Wholesale Header */
.wholesale-deals-header {
    background: linear-gradient(135deg, #FF4500 0%, #FA541C 50%, #FB5805 100%);
    padding: 14px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #FFFFFF;
}

.wholesale-header-left {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.wholesale-header-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    flex-shrink: 0;
}

.wholesale-header-icon svg {
    width: 26px;
    height: 26px;
}

.wholesale-header-title {
    font-size: 17px;
    font-weight: 800;
    margin: 0;
    color: #FFFFFF !important;
    line-height: 1.15;
    letter-spacing: -0.2px;
}

.wholesale-header-subtitle {
    font-size: 11px;
    margin: 3px 0 0 0;
    color: rgba(255, 255, 255, 0.92) !important;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wholesale-header-badge {
    background: #FFC107;
    color: #111111;
    border-radius: 8px;
    padding: 4px 7px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    flex-shrink: 0;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}

.wholesale-header-badge .truck-icon {
    font-size: 15px;
    line-height: 1;
}

.wholesale-header-badge .badge-txt {
    font-size: 9px;
    font-weight: 900;
    line-height: 1.1;
    text-transform: uppercase;
    letter-spacing: 0.2px;
}

/* Wholesale Products List */
.wholesale-products-list {
    display: flex;
    flex-direction: column;
}

.wholesale-card-item {
    padding: 14px 16px;
    border-bottom: 1px solid #F0F2F5;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.wholesale-card-item:last-child {
    border-bottom: none;
}

/* Media / Image */
.wholesale-card-media {
    position: relative;
    width: 100%;
    height: 135px;
    border-radius: 12px;
    overflow: hidden;
    background: #F7F7F7;
}

.wholesale-media-link {
    display: block;
    width: 100%;
    height: 100%;
}

.wholesale-card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.35s ease;
}

.wholesale-card-item:hover .wholesale-card-img {
    transform: scale(1.04);
}

/* Red Tag Badge: WHOLESALE */
.wholesale-tag-badge {
    position: absolute;
    top: 9px;
    left: 9px;
    background: #E52E2E;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    padding: 3px 8px;
    border-radius: 5px;
    box-shadow: 0 2px 6px rgba(229, 46, 46, 0.4);
    z-index: 2;
    pointer-events: none;
}

/* Green Circle Badge: BEST PRICE / BULK SUPPLY / etc */
.wholesale-circle-badge {
    position: absolute;
    top: 9px;
    right: 9px;
    background: #00A854;
    color: #FFFFFF;
    font-size: 8.5px;
    font-weight: 800;
    line-height: 1.1;
    text-align: center;
    text-transform: uppercase;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px;
    box-sizing: border-box;
    box-shadow: 0 3px 8px rgba(0, 168, 84, 0.35);
    z-index: 2;
    pointer-events: none;
}

/* Content Details */
.wholesale-card-content {
    display: flex;
    flex-direction: column;
}

.wholesale-product-title {
    font-size: 14.5px;
    font-weight: 800;
    line-height: 1.3;
    margin: 0 0 4px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 38px;
}

.wholesale-product-title a {
    color: #1A1A1A !important;
    text-decoration: none;
    transition: color 0.15s ease;
}

.wholesale-product-title a:hover {
    color: #FB5805 !important;
}

.wholesale-product-subtitle {
    font-size: 12px;
    color: #666666;
    margin: 0 0 8px 0;
    line-height: 1.35;
}

/* MOQ & Price row */
.wholesale-price-moq-row {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 10px;
}

.wholesale-moq-pill {
    background: #FFF1EB;
    color: #E52E2E;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 9px;
    border-radius: 12px;
    border: 1px solid rgba(229, 46, 46, 0.15);
}

.wholesale-price-wrap {
    display: flex;
    align-items: baseline;
    gap: 3px;
}

.wholesale-price-amount {
    color: #FB5805;
    font-size: 17px;
    font-weight: 800;
    letter-spacing: -0.3px;
}

.wholesale-price-unit {
    color: #777777;
    font-size: 11.5px;
    font-weight: 500;
}

/* Buttons */
.wholesale-actions-row {
    display: grid;
    grid-template-columns: 1fr 1.15fr;
    gap: 8px;
}

.wholesale-btn-view {
    background: #FB5805;
    color: #FFFFFF !important;
    font-size: 12px;
    font-weight: 700;
    border-radius: 20px;
    padding: 7px 10px;
    text-decoration: none !important;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    transition: background 0.2s ease, transform 0.15s ease;
}

.wholesale-btn-view:hover {
    background: #E04B00;
    transform: translateY(-1px);
}

.wholesale-btn-view .cart-icon {
    font-size: 13px;
    line-height: 1;
}

.wholesale-btn-quote {
    background: #FFFFFF;
    color: #FB5805 !important;
    border: 1.5px solid #FB5805;
    font-size: 12px;
    font-weight: 700;
    border-radius: 20px;
    padding: 6px 10px;
    text-decoration: none !important;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
}

.wholesale-btn-quote:hover {
    background: #FFF1EB;
    border-color: #E04B00;
    color: #E04B00 !important;
    transform: translateY(-1px);
}

/* Footer Banner */
.wholesale-deals-footer {
    background: #FFF8F2;
    border-top: 1px solid #FFE6D6;
    padding: 12px 16px;
}

.wholesale-footer-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none !important;
    width: 100%;
}

.wholesale-footer-left {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.wholesale-footer-icon {
    font-size: 20px;
    line-height: 1;
}

.wholesale-footer-text {
    display: flex;
    flex-direction: column;
}

.wholesale-footer-text .footer-title {
    font-size: 13px;
    font-weight: 800;
    color: #222222;
    line-height: 1.2;
}

.wholesale-footer-text .footer-subtitle {
    font-size: 10.5px;
    color: #666666;
    line-height: 1.2;
    margin-top: 2px;
}

.wholesale-footer-arrow {
    background: #FB5805;
    color: #FFFFFF;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 800;
    flex-shrink: 0;
    transition: background 0.2s ease, transform 0.2s ease;
}

.wholesale-footer-link:hover .wholesale-footer-arrow {
    background: #E04B00;
    transform: translateX(2px);
}

/* ==========================================================================
   DISCOVER MORE AT SHOPALLURE HERO BANNER (MATCHING PROTOTYPE & BRAND - IMAGE 4)
   ========================================================================== */
.allure-discover-hero-banner {
    background: #FFF5EE;
    border: 1px solid #FFE4D2;
    padding: 32px 28px 28px;
    border-radius: 20px;
    margin-bottom: 22px;
    position: relative;
    box-shadow: 0 4px 18px rgba(251, 88, 5, 0.05);
    text-align: center;
}

.discover-tag-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin-bottom: 8px;
}

.discover-tag-wrap .gift-icon {
    font-size: 16px;
    line-height: 1;
}

.discover-tag {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.8px;
    color: #C2410C;
    text-transform: uppercase;
    margin: 0;
}

.discover-title {
    font-size: 26px;
    font-weight: 800;
    color: #0F172A;
    margin: 0 0 8px 0;
    letter-spacing: -0.4px;
    line-height: 1.25;
}

.discover-subtitle {
    font-size: 13.5px;
    color: #475569;
    margin: 0 auto 16px auto;
    line-height: 1.5;
    max-width: 640px;
}

/* Feature Pills / Chips */
.discover-chips-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.discover-chip {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    padding: 5px 14px;
    border-radius: 9999px;
    font-size: 12.5px;
    font-weight: 600;
    color: #1E293B !important;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    transition: all 0.2s ease;
}

.discover-chip:hover {
    border-color: #FED7AA;
    color: #FB5805 !important;
    background: #FFF7ED;
    transform: translateY(-1px);
}

.discover-chip .chip-icon {
    font-size: 13px;
    line-height: 1;
}

/* Big Full-width action button */
.discover-btn {
    display: block;
    width: 100%;
    max-width: 580px;
    margin: 0 auto;
    border: 0;
    background: linear-gradient(135deg, #FF5E1E 0%, #FB5805 100%);
    color: #FFFFFF !important;
    padding: 12px 32px;
    border-radius: 9999px;
    font-size: 14.5px;
    font-weight: 700;
    text-decoration: none !important;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(251, 88, 5, 0.28);
    transition: background 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
}

.discover-btn:hover {
    background: linear-gradient(135deg, #E04800 0%, #D43E00 100%);
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(251, 88, 5, 0.36);
}

/* ==========================================================================
   SLIM ANIMATED PROMOTIONAL BANNER SLIDER (IMAGE 2)
   ========================================================================== */
.allure-promo-slider-wrap {
    position: relative;
    width: 100%;
    margin: 20px 0 28px 0;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04);
    background: #FFFFFF;
    box-sizing: border-box;
}

.allure-promo-slider-track {
    position: relative;
    width: 100%;
    min-height: 120px;
}

.allure-promo-slide {
    display: none;
    width: 100%;
    border-radius: 16px;
    border: 1px solid #FFE4D2;
    padding: 12px 22px;
    box-sizing: border-box;
    transition: opacity 0.4s ease;
}

.allure-promo-slide.is-active {
    display: block;
}

.promo-slide-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
}

/* Left Content */
.promo-slide-left {
    flex: 0 1 320px;
    min-width: 240px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.promo-slide-title {
    font-size: 19px;
    font-weight: 800;
    line-height: 1.25;
    margin: 0 0 4px 0;
    color: #0F172A;
    letter-spacing: -0.3px;
}

.promo-title-prefix {
    color: #0F172A;
    margin-right: 4px;
}

.promo-title-highlight {
    color: #FB5805;
}

.promo-slide-subtitle {
    font-size: 12px;
    color: #475569;
    line-height: 1.4;
    margin: 0 0 10px 0;
    max-width: 440px;
}

.promo-slide-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: linear-gradient(135deg, #FF5E1E 0%, #FB5805 100%);
    color: #FFFFFF !important;
    font-size: 12.5px;
    font-weight: 700;
    padding: 7px 18px;
    border-radius: 9999px;
    text-decoration: none !important;
    box-shadow: 0 3px 10px rgba(251, 88, 5, 0.28);
    transition: all 0.2s ease;
}

.promo-slide-btn:hover {
    background: linear-gradient(135deg, #E04800 0%, #D43E00 100%);
    transform: translateY(-1px);
    box-shadow: 0 5px 14px rgba(251, 88, 5, 0.36);
}

/* Middle Content: Mini Product Cards with Images (Replaces text links per user request) */
.promo-slide-middle-products,
.promo-slide-middle-ads {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 8px;
    min-width: 0;
}

.promo-mini-prod-card {
    flex: 0 0 74px;
    width: 74px;
    background: #FFFFFF;
    border: 1px solid #ECECEC;
    border-radius: 8px;
    padding: 4px;
    text-decoration: none !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    box-sizing: border-box;
    overflow: hidden;
}

.promo-mini-prod-card:hover {
    transform: translateY(-2px);
    border-color: #FB5805;
    box-shadow: 0 4px 12px rgba(251, 88, 5, 0.2);
}

.mini-prod-img-box {
    width: 62px;
    height: 62px;
    border-radius: 6px;
    overflow: hidden;
    background: #F8FAFC;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mini-prod-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.mini-prod-badge {
    margin-top: 4px;
    padding: 2px 4px;
    border-radius: 3px;
    font-size: 8.5px;
    font-weight: 800;
    color: #FFFFFF !important;
    width: 100%;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    line-height: 1.2;
}

.mini-prod-badge.badge-red, .badge-red {
    background: #E53E3E !important;
}
.mini-prod-badge.badge-blue, .badge-blue {
    background: #3182CE !important;
}
.mini-prod-badge.badge-purple, .badge-purple {
    background: #805AD5 !important;
}
.mini-prod-badge.badge-orange, .badge-orange {
    background: #DD6B20 !important;
}
.mini-prod-badge.badge-green, .badge-green {
    background: #38A169 !important;
}

.mini-prod-price {
    font-size: 9.5px;
    font-weight: 700;
    color: #111111;
    margin-top: 2px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: block;
}

/* Right Content: Visual Category / Deals Strip */
.promo-slide-right {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    max-width: 440px;
}

.promo-strip-link {
    display: block;
    border-radius: 10px;
    overflow: hidden;
    transition: transform 0.25s ease;
}

.promo-strip-link:hover {
    transform: translateY(-2px);
}

.promo-strip-img {
    height: 98px;
    width: auto;
    max-width: 100%;
    object-fit: contain;
    display: block;
    border-radius: 8px;
}

/* Navigation Arrows */
.allure-promo-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    color: #334155;
    font-size: 20px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    z-index: 5;
    transition: all 0.2s ease;
}

.allure-promo-arrow:hover {
    background: #FB5805;
    color: #FFFFFF;
    border-color: #FB5805;
    box-shadow: 0 4px 12px rgba(251, 88, 5, 0.3);
}

.allure-promo-prev {
    left: 8px;
}

.allure-promo-next {
    right: 8px;
}

/* Pagination Dots */
.allure-promo-dots {
    position: absolute;
    bottom: 8px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 6px;
    z-index: 5;
}

.allure-promo-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #CBD5E1;
    border: none;
    padding: 0;
    cursor: pointer;
    transition: all 0.25s ease;
}

.allure-promo-dot.is-active {
    width: 18px;
    border-radius: 8px;
    background: #FB5805;
}

@media (max-width: 1200px) {
    .promo-mid-ad-card:last-child {
        display: none;
    }
}

@media (max-width: 900px) {
    .promo-slide-inner {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }
    .promo-slide-left {
        width: 100%;
        max-width: 100%;
    }
    .promo-slide-middle-ads {
        width: 100%;
        justify-content: flex-start;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        padding: 4px 0;
        gap: 8px;
    }
    .promo-slide-middle-ads::-webkit-scrollbar {
        display: none;
    }
    .promo-mid-ad-card {
        flex: 0 0 170px;
        min-width: 170px;
    }
    .promo-mid-ad-card:last-child {
        display: flex;
    }
    .promo-slide-right {
        width: 100%;
        overflow-x: auto;
    }
    .promo-strip-img {
        height: 75px;
    }
    .allure-promo-slider-track {
        min-height: 160px;
    }
}

/* ==========================================================================
   CHRISTMAS MEGA PROMO BANNER (Fills Mobile Space When Promo Slider is Off)
   ========================================================================== */
.allure-christmas-promo-banner {
    display: none; /* Shown on mobile view; hidden on desktop */
    position: relative;
    width: 100%;
    margin: 16px 0 24px 0;
    border-radius: 16px;
    background: linear-gradient(135deg, #7F1D1D 0%, #B91C1C 45%, #DC2626 100%);
    border: 2px solid #F59E0B;
    box-shadow: 0 8px 26px rgba(185, 28, 28, 0.28);
    overflow: hidden;
    box-sizing: border-box;
    padding: 16px 18px;
    color: #FFFFFF;
}

.xmas-banner-inner {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.xmas-top-strip {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: wrap;
}

.xmas-festive-badge {
    background: rgba(255, 255, 255, 0.18);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(255, 255, 255, 0.35);
    color: #FEF08A;
    font-size: 11px;
    font-weight: 800;
    padding: 4px 10px;
    border-radius: 20px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    letter-spacing: 0.4px;
}

.xmas-timer-pill {
    background: #0F172A;
    border: 1px solid #334155;
    color: #F8FAFC;
    font-size: 10.5px;
    font-weight: 700;
    padding: 3.5px 9px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.xmas-title {
    margin: 0;
    font-size: 20px;
    font-weight: 900;
    line-height: 1.25;
    color: #FFFFFF;
    letter-spacing: -0.3px;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}

.xmas-title .xmas-highlight {
    color: #FDE047;
    text-decoration: underline decoration-thickness-2;
}

.xmas-subtitle {
    margin: 0;
    font-size: 12.5px;
    line-height: 1.45;
    color: #FEE2E2;
}

.xmas-quick-chips {
    display: flex;
    align-items: center;
    gap: 8px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding: 2px 0 4px 0;
}
.xmas-quick-chips::-webkit-scrollbar {
    display: none;
}

.xmas-chip {
    background: rgba(255, 255, 255, 0.95);
    color: #991B1B !important;
    font-size: 11.5px;
    font-weight: 800;
    padding: 6px 12px;
    border-radius: 20px;
    text-decoration: none !important;
    white-space: nowrap;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
    flex-shrink: 0;
    transition: transform 0.15s ease;
}
.xmas-chip:active {
    transform: scale(0.96);
}

.xmas-action-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 4px;
}

.xmas-cta-btn {
    background: #F59E0B;
    background: linear-gradient(135deg, #FBBF24 0%, #F59E0B 100%);
    color: #78350F !important;
    font-size: 13.5px;
    font-weight: 900;
    padding: 10px 22px;
    border-radius: 9999px;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    box-shadow: 0 4px 14px rgba(245, 158, 11, 0.45);
    transition: all 0.2s ease;
}
.xmas-cta-btn:active {
    transform: translateY(1px);
}

.xmas-delivery-perk {
    font-size: 11px;
    font-weight: 700;
    color: #FEF08A;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

/* Floating holiday decorations */
.xmas-floating-accents {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
    z-index: 1;
}

.xmas-flake {
    position: absolute;
    opacity: 0.28;
    user-select: none;
}
.xmas-flake.f1 { top: 6px; right: 28px; font-size: 26px; }
.xmas-flake.f2 { top: 40px; right: 8px; font-size: 18px; }
.xmas-flake.f3 { bottom: 10px; right: 38px; font-size: 22px; }
.xmas-flake.f4 { bottom: 12px; left: 14px; font-size: 16px; opacity: 0.2; }

/* Responsive Switch: Turn off awkward promo slider on mobile & activate Christmas promo */
@media (max-width: 768px) {
    .allure-promo-slider-wrap {
        display: none !important;
    }
    .allure-christmas-promo-banner {
        display: block !important;
    }
}

/* ==========================================================================
   PARTNERSHIPS PAGE STYLING
   ========================================================================== */
.allure-partnerships-wrapper {
    background: #FFFFFF;
    color: #0F172A;
    font-family: var(--temu-font);
}

.partnerships-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Breadcrumbs */
.partnerships-breadcrumbs {
    background: #F8FAFC;
    border-bottom: 1px solid #E2E8F0;
    padding: 10px 0;
    font-size: 12px;
    color: #64748B;
}

.partnerships-breadcrumbs a {
    color: #64748B;
    text-decoration: none;
}

.partnerships-breadcrumbs a:hover {
    color: #FB5805;
}

.partnerships-breadcrumbs .sep {
    margin: 0 6px;
    color: #CBD5E1;
}

.partnerships-breadcrumbs .current {
    color: #0F172A;
    font-weight: 600;
}

/* Hero */
.partnerships-hero {
    background: linear-gradient(135deg, #0B1325 0%, #152238 60%, #0F172A 100%);
    color: #FFFFFF;
    padding: 60px 0 50px 0;
    position: relative;
    overflow: hidden;
}

.partnerships-hero::before {
    content: "";
    position: absolute;
    top: -50%;
    right: -20%;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(251, 88, 5, 0.15) 0%, rgba(0, 0, 0, 0) 70%);
    border-radius: 50%;
    pointer-events: none;
}

.hero-content {
    max-width: 820px;
    margin: 0 auto 40px auto;
    text-align: center;
}

.hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(251, 191, 36, 0.15);
    border: 1px solid rgba(251, 191, 36, 0.35);
    color: #FCD34D;
    font-size: 11.5px;
    font-weight: 800;
    letter-spacing: 0.6px;
    padding: 5px 14px;
    border-radius: 9999px;
    margin-bottom: 18px;
    text-transform: uppercase;
}

.hero-title {
    font-size: 40px;
    font-weight: 900;
    line-height: 1.2;
    color: #FFFFFF;
    margin: 0 0 16px 0;
    letter-spacing: -0.5px;
}

.hero-subtitle {
    font-size: 16px;
    line-height: 1.6;
    color: #CBD5E1;
    margin: 0 0 28px 0;
}

.hero-subtitle strong {
    color: #FFFFFF;
}

.hero-actions {
    display: flex;
    justify-content: center;
    gap: 14px;
    flex-wrap: wrap;
}

.hero-btn-primary {
    background: linear-gradient(135deg, #FF601C 0%, #FB5805 100%);
    color: #FFFFFF !important;
    text-decoration: none !important;
    font-size: 15px;
    font-weight: 700;
    padding: 12px 28px;
    border-radius: 9999px;
    box-shadow: 0 6px 20px rgba(251, 88, 5, 0.35);
    transition: all 0.2s ease;
}

.hero-btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(251, 88, 5, 0.45);
}

.hero-btn-secondary {
    background: rgba(255, 255, 255, 0.1);
    color: #FFFFFF !important;
    border: 1px solid rgba(255, 255, 255, 0.2);
    text-decoration: none !important;
    font-size: 15px;
    font-weight: 600;
    padding: 12px 24px;
    border-radius: 9999px;
    backdrop-filter: blur(8px);
    transition: all 0.2s ease;
}

.hero-btn-secondary:hover {
    background: rgba(255, 255, 255, 0.18);
}

.hero-metrics-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    max-width: 1040px;
    margin: 0 auto;
}

.metric-card {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 14px;
    padding: 18px 14px;
    text-align: center;
    backdrop-filter: blur(8px);
}

.metric-value {
    font-size: 28px;
    font-weight: 900;
    color: #FBBF24;
    line-height: 1;
    margin-bottom: 6px;
}

.metric-label {
    font-size: 12px;
    font-weight: 600;
    color: #94A3B8;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

/* Sections Global */
.partnerships-tracks-section,
.partnerships-steps-section,
.partnerships-testimonials-section,
.partnerships-form-section,
.partnerships-faq-section {
    padding: 60px 0;
}

.section-header {
    text-align: center;
    max-width: 700px;
    margin: 0 auto 40px auto;
}

.section-tag {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    color: #FB5805;
    margin-bottom: 6px;
    display: inline-block;
}

.section-heading {
    font-size: 30px;
    font-weight: 800;
    color: #0F172A;
    margin: 0 0 10px 0;
    letter-spacing: -0.3px;
}

.section-subtext {
    font-size: 14.5px;
    color: #64748B;
    line-height: 1.5;
    margin: 0;
}

/* 4 Core Tracks */
.tracks-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.track-card {
    background: #FFFFFF;
    border-radius: 16px;
    border: 1px solid #E2E8F0;
    padding: 26px 20px;
    display: flex;
    flex-direction: column;
    position: relative;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.track-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08);
    border-color: #CBD5E1;
}

.track-card.featured {
    border-color: #FB5805;
    box-shadow: 0 6px 20px rgba(251, 88, 5, 0.12);
}

.track-badge {
    position: absolute;
    top: 14px;
    right: 14px;
    background: #FFF7ED;
    color: #EA580C;
    border: 1px solid #FED7AA;
    font-size: 9.5px;
    font-weight: 800;
    padding: 2px 7px;
    border-radius: 4px;
    letter-spacing: 0.3px;
}

.track-icon-wrap {
    font-size: 32px;
    margin-bottom: 14px;
}

.track-title {
    font-size: 19px;
    font-weight: 800;
    color: #0F172A;
    margin: 0 0 8px 0;
}

.track-desc {
    font-size: 13px;
    color: #64748B;
    line-height: 1.45;
    margin: 0 0 18px 0;
}

.track-benefits-list {
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
    flex: 1 1 auto;
}

.track-benefits-list li {
    font-size: 12px;
    color: #334155;
    line-height: 1.45;
    margin-bottom: 10px;
    display: flex;
    align-items: flex-start;
    gap: 7px;
}

.track-benefits-list .check {
    color: #059669;
    font-weight: 800;
    font-size: 12px;
    flex-shrink: 0;
    margin-top: 1px;
}

.track-categories-tag {
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    padding: 8px 10px;
    font-size: 11px;
    color: #475569;
    margin-bottom: 18px;
    line-height: 1.35;
}

.track-categories-tag strong {
    color: #0F172A;
}

.track-btn {
    display: block;
    width: 100%;
    text-align: center;
    background: #F1F5F9;
    color: #1E293B !important;
    text-decoration: none !important;
    font-size: 13px;
    font-weight: 700;
    padding: 10px 14px;
    border-radius: 8px;
    border: 1px solid #E2E8F0;
    transition: all 0.2s ease;
}

.track-btn:hover {
    background: #E2E8F0;
    color: #0F172A !important;
}

.track-btn-primary {
    background: #FB5805;
    color: #FFFFFF !important;
    border-color: #FB5805;
    box-shadow: 0 3px 10px rgba(251, 88, 5, 0.2);
}

.track-btn-primary:hover {
    background: #E04800;
    color: #FFFFFF !important;
}

/* 4-Step Journey */
.partnerships-steps-section {
    background: #F8FAFC;
    border-top: 1px solid #E2E8F0;
    border-bottom: 1px solid #E2E8F0;
}

.steps-horizontal-grid {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.step-card {
    flex: 1;
    background: #FFFFFF;
    border-radius: 14px;
    border: 1px solid #E2E8F0;
    padding: 22px 18px;
    text-align: center;
}

.step-number {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #FFF7ED;
    color: #FB5805;
    border: 1.5px solid #FDBA74;
    font-size: 14px;
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 12px auto;
}

.step-card h4 {
    font-size: 15px;
    font-weight: 800;
    color: #0F172A;
    margin: 0 0 6px 0;
}

.step-card p {
    font-size: 12.5px;
    color: #64748B;
    line-height: 1.45;
    margin: 0;
}

.step-arrow {
    font-size: 20px;
    font-weight: 800;
    color: #CBD5E1;
    flex-shrink: 0;
}

/* Testimonials */
.testimonials-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.testimonial-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 14px;
    padding: 22px 20px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.02);
}

.testimonial-stars {
    color: #F59E0B;
    font-size: 14px;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.testimonial-quote {
    font-size: 13.5px;
    line-height: 1.5;
    color: #334155;
    font-style: italic;
    margin: 0 0 16px 0;
}

.partner-meta {
    display: flex;
    align-items: center;
    gap: 10px;
}

.partner-avatar {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #F1F5F9;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.partner-meta strong {
    display: block;
    font-size: 13px;
    color: #0F172A;
}

.partner-meta span {
    font-size: 11px;
    color: #64748B;
}

/* Partnerships Application Form */
.partnerships-form-section {
    background: #FFFFFF;
}

.form-wrapper-box {
    max-width: 820px;
    margin: 0 auto;
    background: #FFFFFF;
    border: 1px solid #CBD5E1;
    border-radius: 20px;
    padding: 40px;
    box-shadow: 0 12px 36px rgba(15, 23, 42, 0.06);
}

.form-header-area {
    text-align: center;
    margin-bottom: 30px;
}

.form-kicker {
    font-size: 11px;
    font-weight: 800;
    color: #FB5805;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.form-heading {
    font-size: 26px;
    font-weight: 900;
    color: #0F172A;
    margin: 6px 0 8px 0;
}

.form-subtext {
    font-size: 14px;
    color: #64748B;
    margin: 0;
    line-height: 1.45;
}

.form-fields-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px 20px;
    margin-bottom: 24px;
}

.form-group {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.form-group.full-width {
    grid-column: span 2;
}

.form-group label {
    font-size: 12.5px;
    font-weight: 700;
    color: #1E293B;
}

.form-group label .req {
    color: #EF4444;
}

.form-group input[type="text"],
.form-group input[type="email"],
.form-group input[type="tel"],
.form-group input[type="url"],
.form-group select,
.form-group textarea {
    width: 100%;
    padding: 10px 14px;
    border: 1px solid #CBD5E1;
    border-radius: 8px;
    font-size: 13.5px;
    color: #0F172A;
    background: #FFFFFF;
    font-family: inherit;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
    box-sizing: border-box;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
    outline: none;
    border-color: #FB5805;
    box-shadow: 0 0 0 3px rgba(251, 88, 5, 0.15);
}

.checkbox-group .checkbox-label {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 12.5px;
    color: #475569;
    font-weight: 500;
    cursor: pointer;
}

.checkbox-group input[type="checkbox"] {
    margin-top: 3px;
    accent-color: #FB5805;
    width: 16px;
    height: 16px;
}

.checkbox-group a {
    color: #FB5805;
    text-decoration: underline;
}

.form-actions-row {
    text-align: center;
}

.submit-partner-btn {
    background: linear-gradient(135deg, #FF601C 0%, #FB5805 100%);
    color: #FFFFFF;
    border: none;
    font-size: 15px;
    font-weight: 700;
    padding: 14px 34px;
    border-radius: 10px;
    cursor: pointer;
    box-shadow: 0 4px 16px rgba(251, 88, 5, 0.3);
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.submit-partner-btn:hover {
    background: #E04800;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(251, 88, 5, 0.4);
}

.submit-partner-btn:disabled {
    opacity: 0.7;
    cursor: not-allowed;
    transform: none;
}

.form-status-alert {
    margin-top: 14px;
    padding: 10px;
    border-radius: 8px;
    background: #FEF2F2;
    border: 1px solid #F87171;
    font-size: 13px;
    text-align: center;
}

/* Success Card */
.form-success-card {
    text-align: center;
    padding: 30px 20px;
}

.success-icon-badge {
    font-size: 48px;
    margin-bottom: 12px;
}

.form-success-card h3 {
    font-size: 24px;
    font-weight: 900;
    color: #0F172A;
    margin: 0 0 10px 0;
}

.form-success-card p {
    font-size: 14.5px;
    color: #64748B;
    line-height: 1.5;
    max-width: 600px;
    margin: 0 auto 20px auto;
}

.success-details-list {
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    padding: 16px 20px;
    max-width: 500px;
    margin: 0 auto 24px auto;
    text-align: left;
    font-size: 13px;
    line-height: 1.6;
    color: #334155;
}

.success-details-list strong {
    color: #0F172A;
}

.return-home-btn {
    background: #0F172A;
    color: #FFFFFF !important;
    text-decoration: none !important;
    font-size: 13.5px;
    font-weight: 700;
    padding: 10px 20px;
    border-radius: 8px;
    display: inline-block;
    transition: background 0.2s;
}

.return-home-btn:hover {
    background: #1E293B;
}

/* FAQ */
.partnerships-faq-section {
    background: #F8FAFC;
    border-top: 1px solid #E2E8F0;
}

.faq-accordion-list {
    max-width: 800px;
    margin: 0 auto 40px auto;
}

.faq-accordion-item {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    margin-bottom: 10px;
    overflow: hidden;
    transition: border-color 0.15s ease;
}

.faq-accordion-item.is-active {
    border-color: #FB5805;
}

.faq-question {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: none;
    border: none;
    padding: 16px 20px;
    font-size: 14.5px;
    font-weight: 700;
    color: #0F172A;
    text-align: left;
    cursor: pointer;
    font-family: inherit;
}

.faq-caret {
    font-size: 18px;
    font-weight: 700;
    color: #94A3B8;
    transition: transform 0.2s ease;
}

.faq-accordion-item.is-active .faq-caret {
    transform: rotate(45deg);
    color: #FB5805;
}

.faq-answer {
    display: none;
    padding: 0 20px 16px 20px;
    font-size: 13.5px;
    line-height: 1.55;
    color: #475569;
}

.faq-answer p {
    margin: 0;
}

/* Direct Contact Card */
.partner-direct-contact-card {
    max-width: 800px;
    margin: 0 auto;
    background: #FFFFFF;
    border: 1.5px dashed #CBD5E1;
    border-radius: 14px;
    padding: 22px 26px;
    display: flex;
    align-items: center;
    gap: 18px;
}

.contact-card-icon {
    font-size: 32px;
    flex-shrink: 0;
}

.contact-card-text {
    flex: 1 1 0;
}

.contact-card-text h4 {
    font-size: 15px;
    font-weight: 800;
    color: #0F172A;
    margin: 0 0 4px 0;
}

.contact-card-text p {
    font-size: 12.5px;
    color: #64748B;
    margin: 0;
    line-height: 1.4;
}

.contact-card-text a {
    color: #FB5805;
    font-weight: 600;
}

.direct-email-btn {
    background: #0F172A;
    color: #FFFFFF !important;
    text-decoration: none !important;
    font-size: 12.5px;
    font-weight: 700;
    padding: 9px 16px;
    border-radius: 8px;
    white-space: nowrap;
    transition: background 0.2s;
    flex-shrink: 0;
}

.direct-email-btn:hover {
    background: #FB5805;
}

/* ==========================================================================
   RESPONSIVE BREAKPOINTS FOR VIDEO SHOWCASE & PARTNERSHIPS PAGE
   ========================================================================== */
@media (max-width: 1100px) {
    .temu-video-showcase-sidebar {
        flex: 0 0 320px;
        width: 320px;
        max-width: 320px;
    }
    .temu-discovery-grid-wrapper .temu-discovery-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
    .tracks-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 900px) {
    .temu-homepage-main-layout {
        flex-direction: column;
        gap: 16px;
    }
    .temu-video-showcase-sidebar {
        flex: none;
        width: 100%;
        max-width: 100%;
        position: static;
    }
    .showcase-player-wrap {
        height: 400px;
    }
    .playlist-items-scroll {
        justify-content: space-between;
    }
    .temu-discovery-grid-wrapper .temu-discovery-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .hero-title {
        font-size: 32px;
    }
    .hero-metrics-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .steps-horizontal-grid {
        flex-direction: column;
        gap: 14px;
    }
    .step-arrow {
        transform: rotate(90deg);
        margin: -4px 0;
    }
    .step-card {
        width: 100%;
    }
    .testimonials-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .allure-rotating-showcase-panel {
        border-radius: 14px;
        padding: 16px 14px;
    }
    .rotating-photo-link {
        height: 190px;
    }
    .rotating-product-img {
        max-height: 175px;
    }
    .rotating-name {
        font-size: 17px;
        min-height: auto;
    }
    .rotating-price {
        font-size: 22px;
    }
    .allure-discover-hero-banner {
        padding: 30px 20px;
        border-radius: 16px;
    }
    .discover-title {
        font-size: 26px;
    }
    .discover-subtitle {
        font-size: 13.5px;
    }
    .hero-title {
        font-size: 26px;
    }
    .hero-subtitle {
        font-size: 14px;
    }
    .tracks-grid {
        grid-template-columns: 1fr;
    }
    .form-wrapper-box {
        padding: 24px 16px;
    }
    .form-fields-grid {
        grid-template-columns: 1fr;
    }
    .form-group.full-width {
        grid-column: span 1;
    }
    .partner-direct-contact-card {
        flex-direction: column;
        text-align: center;
    }
}

/* ======================================================================
   INTERACTIVE FEEDBACK MODAL
   ====================================================================== */
.allure-feedback-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.feedback-modal-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.feedback-modal-dialog {
    position: relative;
    background: #FFFFFF;
    border-radius: 16px;
    width: 90%;
    max-width: 480px;
    max-height: 90vh;
    overflow-y: auto;
    padding: 28px 24px;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.25);
    z-index: 10;
    box-sizing: border-box;
    animation: feedbackPopIn 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes feedbackPopIn {
    from { opacity: 0; transform: scale(0.92) translateY(12px); }
    to { opacity: 1; transform: scale(1) translateY(0); }
}

.feedback-modal-close {
    position: absolute;
    top: 14px;
    right: 14px;
    background: #F3F4F6;
    border: none;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    font-size: 20px;
    color: #4B5563;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.15s ease;
}

.feedback-modal-close:hover {
    background: #E5E7EB;
    color: #111111;
    transform: scale(1.08);
}

.feedback-modal-head {
    text-align: center;
    margin-bottom: 20px;
}

.feedback-head-icon {
    font-size: 32px;
    display: block;
    margin-bottom: 6px;
}

.feedback-modal-head h3 {
    font-size: 20px;
    font-weight: 900;
    color: #111111;
    margin: 0 0 6px 0;
}

.feedback-head-sub {
    font-size: 13px;
    color: #6B7280;
    margin: 0;
}

.feedback-field-group {
    margin-bottom: 16px;
}

.feedback-lbl {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: #374151;
    margin-bottom: 8px;
}

.feedback-lbl .req {
    color: #EF4444;
}

.feedback-type-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.feedback-pill-opt input {
    display: none;
}

.feedback-pill-opt span {
    display: inline-block;
    padding: 7px 12px;
    border: 1.5px solid #E5E7EB;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
    color: #4B5563;
    cursor: pointer;
    transition: all 0.15s ease;
    background: #F9FAFB;
}

.feedback-pill-opt input:checked + span {
    border-color: #FB5805;
    background: #FFF7ED;
    color: #C2410C;
    box-shadow: 0 0 0 1px #FB5805;
}

.feedback-stars-picker {
    display: flex;
    align-items: center;
    gap: 6px;
}

.feedback-stars-picker .star-opt {
    font-size: 26px;
    color: #D1D5DB;
    cursor: pointer;
    transition: color 0.15s ease, transform 0.15s ease;
    line-height: 1;
}

.feedback-stars-picker .star-opt.is-active,
.feedback-stars-picker .star-opt.is-hover {
    color: #F59E0B;
}

.feedback-stars-picker .star-opt:hover {
    transform: scale(1.18);
}

.star-rating-text {
    font-size: 12px;
    font-weight: 700;
    color: #6B7280;
    margin-left: 8px;
}

.allure-feedback-form textarea,
.allure-feedback-form input[type="email"] {
    width: 100%;
    padding: 10px 14px;
    border: 1.5px solid #D1D5DB;
    border-radius: 10px;
    font-size: 13px;
    color: #111111;
    font-family: inherit;
    box-sizing: border-box;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.allure-feedback-form textarea:focus,
.allure-feedback-form input[type="email"]:focus {
    outline: none;
    border-color: #FB5805;
    box-shadow: 0 0 0 3px rgba(251, 88, 5, 0.15);
}

.allure-feedback-form textarea {
    resize: vertical;
    min-height: 80px;
}

.feedback-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 20px;
}

.btn-feedback-cancel {
    background: #F3F4F6;
    color: #4B5563;
    border: none;
    padding: 10px 18px;
    border-radius: 24px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.15s ease;
}

.btn-feedback-cancel:hover {
    background: #E5E7EB;
}

.btn-feedback-submit {
    background: #FB5805;
    color: #FFFFFF;
    border: none;
    padding: 10px 24px;
    border-radius: 24px;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(251, 88, 5, 0.35);
    transition: all 0.2s ease;
}

.btn-feedback-submit:hover {
    background: #E04800;
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(251, 88, 5, 0.45);
}

.feedback-status-msg {
    margin-top: 10px;
    font-size: 12px;
    font-weight: 700;
    padding: 8px 12px;
    border-radius: 8px;
}

.feedback-success-box {
    text-align: center;
    padding: 20px 10px;
}

.feedback-success-box .success-icon {
    font-size: 48px;
    margin-bottom: 12px;
}

.feedback-success-box h4 {
    font-size: 20px;
    font-weight: 900;
    color: #111111;
    margin: 0 0 8px 0;
}

.feedback-success-box p {
    font-size: 13px;
    color: #4B5563;
    line-height: 1.45;
    margin: 0 0 20px 0;
}

.btn-feedback-done {
    background: #111111;
    color: #FFFFFF;
    border: none;
    padding: 10px 32px;
    border-radius: 24px;
    font-size: 14px;
    font-weight: 800;
    cursor: pointer;
    transition: background 0.15s ease;
}

.btn-feedback-done:hover {
    background: #FB5805;
}

/* ======================================================================
   WELCOME 20% OFF & SPIN TO WIN MODAL (ON WEBSITE LOAD)
   ====================================================================== */
.allure-welcome-spin-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 999995;
    display: flex;
    align-items: center;
    justify-content: center;
}

.welcome-modal-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.65);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.welcome-modal-dialog {
    position: relative;
    background: #FFFFFF;
    border-radius: 20px;
    width: 90%;
    max-width: 480px;
    max-height: 90vh;
    overflow-y: auto;
    padding: 32px 28px 26px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
    z-index: 10;
    text-align: center;
    box-sizing: border-box;
    animation: welcomePopIn 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes welcomePopIn {
    from { opacity: 0; transform: scale(0.9) translateY(20px); }
    to { opacity: 1; transform: scale(1) translateY(0); }
}

.welcome-modal-close {
    position: absolute;
    top: 14px;
    right: 14px;
    background: #F3F4F6;
    border: none;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    font-size: 20px;
    color: #4B5563;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.15s ease;
}

.welcome-modal-close:hover {
    background: #E5E7EB;
    color: #111111;
    transform: scale(1.1);
}

.welcome-badge-top {
    display: inline-block;
    background: linear-gradient(90deg, #FB5805, #EA580C);
    color: #FFFFFF;
    font-size: 11px;
    font-weight: 900;
    padding: 4px 14px;
    border-radius: 20px;
    letter-spacing: 0.6px;
    margin-bottom: 12px;
    box-shadow: 0 3px 10px rgba(251, 88, 5, 0.3);
}

.welcome-modal-title {
    font-size: 24px;
    font-weight: 900;
    color: #111111;
    margin: 0 0 8px 0;
    letter-spacing: -0.4px;
}

.welcome-modal-sub {
    font-size: 14px;
    color: #4B5563;
    margin: 0 0 20px 0;
    line-height: 1.45;
}

.welcome-ticket-card {
    display: flex;
    background: linear-gradient(135deg, #FFF7ED 0%, #FFEDD5 100%);
    border: 1.5px dashed #F97316;
    border-radius: 12px;
    padding: 14px 16px;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 22px;
}

.ticket-left-col {
    text-align: left;
}

.ticket-pct {
    display: block;
    font-size: 22px;
    font-weight: 900;
    color: #C2410C;
    line-height: 1.1;
}

.ticket-note {
    font-size: 11px;
    color: #7C2D12;
    font-weight: 600;
}

.ticket-right-col {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
}

.ticket-code-lbl {
    font-size: 9px;
    font-weight: 800;
    color: #9A3412;
    letter-spacing: 0.6px;
}

.ticket-code-str {
    font-size: 16px;
    font-weight: 900;
    color: #111111;
    letter-spacing: 1px;
    background: #FFFFFF;
    padding: 2px 8px;
    border-radius: 6px;
    border: 1px solid #FED7AA;
}

.btn-copy-welcome-code {
    background: #FB5805;
    color: #FFFFFF;
    border: none;
    padding: 4px 10px;
    border-radius: 14px;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
    transition: all 0.15s ease;
}

.btn-copy-welcome-code:hover {
    background: #E04800;
}

.welcome-wheel-section {
    background: #FAFAFA;
    border: 1px solid #ECECEC;
    border-radius: 14px;
    padding: 16px;
    margin-bottom: 22px;
}

.wheel-section-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 13px;
    color: #111111;
    margin-bottom: 12px;
}

.wheel-section-title .wheel-fire {
    color: #FB5805;
    font-size: 16px;
}

.mini-wheel-graphic-wrap {
    position: relative;
    width: 140px;
    height: 140px;
    margin: 0 auto 12px;
}

.mini-wheel-wheel {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 4px solid #FB5805;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
    background: conic-gradient(
        #EA580C 0deg 60deg,
        #F97316 60deg 120deg,
        #FBBF24 120deg 180deg,
        #34D399 180deg 240deg,
        #38BDF8 240deg 300deg,
        #A855F7 300deg 360deg
    );
    position: relative;
    transition: transform 3.5s cubic-bezier(0.17, 0.67, 0.12, 0.99);
}

.wheel-pointer-pin {
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 20px;
    color: #DC2626;
    z-index: 5;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));
}

.wheel-seg {
    display: none;
}

.btn-spin-now {
    background: linear-gradient(135deg, #111111, #333333);
    color: #FFFFFF;
    border: none;
    padding: 9px 20px;
    border-radius: 24px;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
    transition: all 0.2s ease;
}

.btn-spin-now:hover {
    background: #FB5805;
    transform: scale(1.04);
}

.spin-result-box {
    margin-top: 10px;
    background: #DCFCE7;
    border: 1px solid #86EFAC;
    color: #15803D;
    font-size: 12px;
    padding: 8px 12px;
    border-radius: 8px;
    line-height: 1.4;
}

.spin-result-box .jackpot-code {
    background: #FFFFFF;
    padding: 1px 6px;
    border-radius: 4px;
    font-weight: 900;
    color: #166534;
}

.welcome-modal-foot {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center;
}

.btn-welcome-shop-now {
    display: block;
    width: 100%;
    background: #FB5805;
    color: #FFFFFF;
    padding: 13px 20px;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 900;
    text-decoration: none;
    box-shadow: 0 4px 16px rgba(251, 88, 5, 0.4);
    transition: all 0.2s ease;
    box-sizing: border-box;
}

.btn-welcome-shop-now:hover {
    background: #E04800;
    transform: translateY(-2px);
    box-shadow: 0 6px 22px rgba(251, 88, 5, 0.5);
}

.welcome-guarantee-note {
    font-size: 11px;
    color: #6B7280;
    font-weight: 600;
}

/* ======================================================================
   MOBILE ENHANCEMENTS (Categories Drawer, 4-Tab Dock, My Account, Cart)
   ====================================================================== */

/* Body scroll lock when mobile categories drawer is open */
body.allure-mobile-drawer-open {
    overflow: hidden !important;
}

/* 1. Mobile Bottom Dock (4 Equal Tabs, Support Removed) */
@media (max-width: 768px) {
    .temu-mobile-app-bar {
        display: flex !important;
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        height: 54px !important;
        background: #FFFFFF !important;
        border-top: 1px solid #E5E7EB !important;
        box-shadow: 0 -3px 12px rgba(0, 0, 0, 0.08) !important;
        z-index: 999990 !important;
        align-items: center !important;
        justify-content: space-around !important;
        padding: 0 4px !important;
        padding-bottom: env(safe-area-inset-bottom, 0) !important;
        box-sizing: border-box !important;
    }

    .temu-mobile-app-bar .mobile-nav-item {
        flex: 1 1 25% !important;
        max-width: 25% !important;
        height: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 4px 2px !important;
        background: none !important;
        border: none !important;
        color: #4B5563 !important;
        text-decoration: none !important;
        cursor: pointer !important;
        transition: color 0.15s ease, transform 0.1s ease !important;
        -webkit-tap-highlight-color: transparent !important;
    }

    .temu-mobile-app-bar .mobile-nav-item:active {
        transform: scale(0.95);
    }

    .temu-mobile-app-bar .mobile-nav-item.is-active,
    .temu-mobile-app-bar .mobile-nav-item:hover {
        color: #FB5805 !important;
    }

    .temu-mobile-app-bar .mobile-nav-icon {
        font-size: 19px !important;
        line-height: 1.1 !important;
        margin-bottom: 2px !important;
    }

    .temu-mobile-app-bar .mobile-nav-label {
        font-size: 10px !important;
        font-weight: 700 !important;
        letter-spacing: 0.2px !important;
    }

    .mobile-cart-wrap {
        position: relative !important;
        display: inline-block !important;
    }

    .mobile-cart-wrap .mobile-cart-badge {
        position: absolute !important;
        top: -4px !important;
        right: -8px !important;
        background: #FB5805 !important;
        color: #FFFFFF !important;
        font-size: 9px !important;
        font-weight: 900 !important;
        padding: 1px 5px !important;
        border-radius: 10px !important;
        min-width: 14px !important;
        text-align: center !important;
        line-height: 1.3 !important;
        box-shadow: 0 1px 4px rgba(251, 88, 5, 0.4) !important;
    }
}

/* 2. Mobile Off-Canvas Categories Drawer */
.allure-mobile-cat-overlay {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.65);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    z-index: 1000000;
}

.allure-mobile-cat-drawer {
    position: fixed;
    top: 0;
    left: -105%;
    width: 90vw;
    max-width: 375px;
    height: 100%;
    height: 100dvh;
    background: #FFFFFF;
    z-index: 1000001;
    box-shadow: 6px 0 28px rgba(0, 0, 0, 0.25);
    transition: left 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.allure-mobile-cat-drawer.is-open {
    left: 0 !important;
}

.mobile-cat-drawer-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    background: #0F172A;
    color: #FFFFFF;
    flex-shrink: 0;
}

.mobile-cat-head-title {
    display: flex;
    align-items: center;
    gap: 8px;
}

.mobile-cat-head-icon {
    font-size: 20px;
}

.mobile-cat-head-title strong {
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 0.3px;
    color: #FFFFFF;
}

.mobile-cat-close-btn {
    background: rgba(255, 255, 255, 0.1);
    border: none;
    color: #FFFFFF;
    font-size: 24px;
    line-height: 1;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.15s ease;
}

.mobile-cat-close-btn:hover {
    background: rgba(255, 255, 255, 0.25);
}

.mobile-cat-subbar {
    padding: 8px 14px;
    background: #F8FAFC;
    border-bottom: 1px solid #E2E8F0;
    flex-shrink: 0;
}

.mobile-cat-browse-all {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 13px;
    font-weight: 700;
    color: #FB5805;
    text-decoration: none;
    padding: 4px 0;
}

/* Mobile Drawer Storefront Language Strip */
.mobile-drawer-lang-strip {
    background: #FFFFFF !important;
    border-bottom: 1px solid #E2E8F0 !important;
    padding: 9px 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
    transition: background 0.15s ease !important;
    -webkit-tap-highlight-color: transparent !important;
}

.mobile-drawer-lang-strip:active {
    background: #F8FAFC !important;
}

.drawer-lang-left {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 12.5px !important;
    color: #475569 !important;
}

.drawer-lang-left .globe-icon {
    font-size: 15px !important;
    line-height: 1 !important;
}

.drawer-lang-left strong {
    color: #0F172A !important;
    font-weight: 700 !important;
}

.drawer-lang-pill {
    background: #F1F5F9 !important;
    border: 1px solid #CBD5E1 !important;
    color: #0F172A !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 2.5px 8px !important;
    border-radius: 6px !important;
    letter-spacing: -0.1px !important;
}

.mobile-cat-layout {
    flex: 1;
    display: flex;
    overflow: hidden;
}

.mobile-cat-sidebar {
    width: 105px;
    flex-shrink: 0;
    background: #F1F5F9;
    border-right: 1px solid #E2E8F0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    display: flex;
    flex-direction: column;
}

.mobile-cat-nav-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 12px 6px;
    background: transparent;
    border: none;
    border-left: 3px solid transparent;
    border-bottom: 1px solid #E2E8F0;
    cursor: pointer;
    transition: all 0.15s ease;
    -webkit-tap-highlight-color: transparent;
}

.mobile-cat-nav-btn .btn-emoji {
    font-size: 22px;
    line-height: 1.2;
    margin-bottom: 3px;
}

.mobile-cat-nav-btn .btn-label {
    font-size: 11px;
    font-weight: 600;
    color: #475569;
    line-height: 1.2;
}

.mobile-cat-nav-btn.is-active {
    background: #FFFFFF;
    border-left-color: #FB5805;
    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.04);
}

.mobile-cat-nav-btn.is-active .btn-label {
    color: #FB5805;
    font-weight: 800;
}

.mobile-cat-content {
    flex: 1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 12px;
    background: #FFFFFF;
}

.mobile-pane-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid #F1F5F9;
    font-size: 13px;
    font-weight: 800;
    color: #0F172A;
}

.mobile-pane-all-link {
    font-size: 12px;
    font-weight: 700;
    color: #FB5805;
    text-decoration: none;
}

.mobile-featured-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.mobile-feat-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    text-decoration: none;
    padding: 8px 6px;
    background: #F8FAFC;
    border: 1px solid #EDF2F7;
    border-radius: 12px;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.mobile-feat-card:active {
    transform: scale(0.97);
}

.mobile-feat-img-wrap {
    position: relative;
    width: 64px;
    height: 64px;
    margin-bottom: 6px;
    border-radius: 50%;
    overflow: hidden;
    background: #FFFFFF;
    border: 1.5px solid #E2E8F0;
}

.mobile-feat-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mobile-feat-hot {
    position: absolute;
    top: 0;
    right: 0;
    background: #E02B27;
    color: #FFFFFF;
    font-size: 8px;
    font-weight: 900;
    padding: 1px 4px;
    border-radius: 6px;
    line-height: 1.2;
}

.mobile-feat-label {
    font-size: 11px;
    font-weight: 700;
    color: #1E293B;
    line-height: 1.3;
}

.mobile-subcat-list {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.mobile-subcat-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 12px;
    background: #F8FAFC;
    border-radius: 10px;
    border: 1px solid #EDF2F7;
    text-decoration: none;
    color: #1E293B;
    font-size: 13px;
    font-weight: 600;
    transition: all 0.15s ease;
    -webkit-tap-highlight-color: transparent;
}

.mobile-subcat-row:active {
    background: #F1F5F9;
    border-color: #CBD5E1;
}

.mobile-subcat-row .row-name {
    flex: 1;
    padding-right: 8px;
}

.mobile-subcat-row .row-badge {
    background: #EEF2FF;
    color: #4F46E5;
    font-size: 10px;
    font-weight: 700;
    padding: 2px 7px;
    border-radius: 10px;
}

.mobile-subcat-row .row-chevron {
    color: #94A3B8;
    font-size: 16px;
    margin-left: 6px;
}

.mobile-cat-empty {
    font-size: 13px;
    color: #64748B;
    padding: 14px 6px;
}

/* 3. Mobile /my-account/ Experience */
@media (max-width: 768px) {
    .woocommerce-account .site-content {
        padding: 12px 10px 80px !important;
        background: #F8FAFC !important;
    }

    .woocommerce-account h1.entry-title,
    .woocommerce-account .page-header {
        display: none !important;
    }

    .allure-mobile-account-header {
        text-align: center;
        margin-bottom: 16px;
    }

    .account-welcome-badge {
        display: inline-block;
        background: #FEF3C7;
        color: #92400E;
        font-size: 11px;
        font-weight: 800;
        padding: 4px 10px;
        border-radius: 20px;
        letter-spacing: 0.5px;
        margin-bottom: 6px;
    }

    .allure-mobile-account-header h2 {
        font-size: 20px;
        font-weight: 900;
        color: #0F172A;
        margin: 4px 0 6px;
    }

    .allure-mobile-account-header p {
        font-size: 13px;
        color: #64748B;
        margin: 0 0 14px;
    }

    .allure-auth-tabs-segmented {
        display: flex;
        background: #E2E8F0;
        border-radius: 30px;
        padding: 3px;
        max-width: 320px;
        margin: 0 auto 16px;
    }

    .auth-segment-btn {
        flex: 1;
        border: none;
        background: transparent;
        padding: 8px 14px;
        border-radius: 26px;
        font-size: 14px;
        font-weight: 700;
        color: #64748B;
        cursor: pointer;
        transition: all 0.2s ease;
        -webkit-tap-highlight-color: transparent;
    }

    .auth-segment-btn.is-active {
        background: #FFFFFF;
        color: #0F172A;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    }

    #customer_login {
        display: block !important;
        margin: 0 !important;
        width: 100% !important;
    }

    #customer_login .u-column1,
    #customer_login .u-column2 {
        width: 100% !important;
        float: none !important;
        background: #FFFFFF !important;
        border-radius: 16px !important;
        padding: 20px 16px !important;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
        border: 1px solid #E2E8F0 !important;
        margin-bottom: 16px !important;
        box-sizing: border-box !important;
    }

    #customer_login .u-column2 {
        display: none;
    }

    #customer_login h2 {
        display: none !important;
    }

    .woocommerce-form-login,
    .woocommerce-form-register {
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
    }

    .woocommerce-form-row {
        margin-bottom: 14px !important;
        padding: 0 !important;
    }

    .woocommerce-form-row label {
        display: block !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        color: #334155 !important;
        margin-bottom: 6px !important;
    }

    .woocommerce-form-row input.input-text {
        width: 100% !important;
        height: 46px !important;
        border: 1.5px solid #CBD5E1 !important;
        border-radius: 10px !important;
        padding: 10px 14px !important;
        font-size: 15px !important;
        box-sizing: border-box !important;
        background: #FFFFFF !important;
        transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
    }

    .woocommerce-form-row input.input-text:focus {
        border-color: #FB5805 !important;
        outline: none !important;
        box-shadow: 0 0 0 3px rgba(251, 88, 5, 0.15) !important;
    }

    button.woocommerce-form-login__submit,
    button.woocommerce-form-register__submit {
        width: 100% !important;
        height: 48px !important;
        background: linear-gradient(135deg, #FB5805 0%, #FA4600 100%) !important;
        color: #FFFFFF !important;
        font-size: 16px !important;
        font-weight: 800 !important;
        border-radius: 50px !important;
        border: none !important;
        box-shadow: 0 4px 14px rgba(251, 88, 5, 0.35) !important;
        cursor: pointer !important;
        margin-top: 10px !important;
    }

    button.woocommerce-form-login__submit:hover,
    button.woocommerce-form-register__submit:hover {
        background: #E04800 !important;
    }

    .woocommerce-form-login__rememberme {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        font-size: 13px !important;
        color: #475569 !important;
        margin: 8px 0 !important;
    }

    .woocommerce-LostPassword {
        text-align: center !important;
        margin-top: 14px !important;
    }

    .woocommerce-LostPassword a {
        font-size: 13px !important;
        font-weight: 600 !important;
        color: #64748B !important;
        text-decoration: underline !important;
    }

    .allure-account-trust-badges {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 16px;
    }

    .trust-pill {
        font-size: 11px;
        font-weight: 700;
        color: #059669;
        background: #ECFDF5;
        border: 1px solid #A7F3D0;
        padding: 5px 11px;
        border-radius: 20px;
        display: inline-flex;
        align-items: center;
        gap: 5px;
    }

    /* Logged-in Mobile Account View */
    .allure-mobile-account-user-card {
        display: flex;
        align-items: center;
        gap: 14px;
        background: linear-gradient(135deg, #1E293B 0%, #0F172A 100%);
        color: #FFFFFF;
        padding: 16px;
        border-radius: 16px;
        margin-bottom: 12px;
        box-shadow: 0 4px 14px rgba(15, 23, 42, 0.15);
    }

    .user-avatar-circle {
        width: 48px;
        height: 48px;
        border-radius: 50%;
        background: #FB5805;
        color: #FFFFFF;
        font-size: 20px;
        font-weight: 900;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 2px 8px rgba(251, 88, 5, 0.4);
        flex-shrink: 0;
    }

    .user-meta-details {
        display: flex;
        flex-direction: column;
    }

    .user-greeting-txt {
        font-size: 11px;
        color: #94A3B8;
    }

    .user-name-txt {
        font-size: 16px;
        font-weight: 800;
        color: #FFFFFF;
    }

    .user-tier-badge {
        font-size: 11px;
        font-weight: 700;
        color: #FBBF24;
        margin-top: 2px;
    }

    .allure-mobile-account-quick-status {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 8px;
        background: #FFFFFF;
        padding: 12px 6px;
        border-radius: 14px;
        margin-bottom: 14px;
        border: 1px solid #E2E8F0;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
    }

    .quick-status-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-decoration: none;
        color: #334155;
    }

    .quick-status-item .status-icon {
        font-size: 20px;
        margin-bottom: 4px;
    }

    .quick-status-item .status-label {
        font-size: 11px;
        font-weight: 700;
    }

    .woocommerce-MyAccount-navigation ul {
        list-style: none !important;
        padding: 0 !important;
        margin: 0 0 16px !important;
        background: #FFFFFF !important;
        border-radius: 14px !important;
        border: 1px solid #E2E8F0 !important;
        overflow: hidden !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
    }

    .woocommerce-MyAccount-navigation-link {
        border-bottom: 1px solid #F1F5F9 !important;
    }

    .woocommerce-MyAccount-navigation-link:last-child {
        border-bottom: none !important;
    }

    .woocommerce-MyAccount-navigation-link a {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 13px 16px !important;
        color: #1E293B !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        text-decoration: none !important;
        transition: background 0.15s ease !important;
    }

    .woocommerce-MyAccount-navigation-link a::after {
        content: "›" !important;
        font-size: 20px !important;
        color: #94A3B8 !important;
        font-weight: 400 !important;
    }

    .woocommerce-MyAccount-navigation-link.is-active a {
        background: #FFF7ED !important;
        color: #FB5805 !important;
    }

    .woocommerce-MyAccount-navigation-link--customer-logout a {
        color: #DC2626 !important;
    }

    .woocommerce-MyAccount-content {
        background: #FFFFFF !important;
        border-radius: 14px !important;
        padding: 18px 14px !important;
        border: 1px solid #E2E8F0 !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
    }
}

/* 4. Mobile /cart/ Experience */
@media (max-width: 768px) {
    .woocommerce-cart .site-content {
        padding: 10px 10px 120px !important;
        background: #F8FAFC !important;
    }

    .woocommerce-cart h1.entry-title,
    .woocommerce-cart .page-header {
        display: none !important;
    }

    /* Empty Cart State */
    .woocommerce-cart .cart-empty {
        background: #FFFFFF !important;
        border: 1px solid #E2E8F0 !important;
        border-radius: 16px !important;
        padding: 36px 18px !important;
        text-align: center !important;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03) !important;
        color: #0F172A !important;
        font-size: 18px !important;
        font-weight: 900 !important;
        margin: 0 0 16px !important;
    }

    .woocommerce-cart .cart-empty::before {
        content: "🛒" !important;
        display: block !important;
        font-size: 52px !important;
        margin-bottom: 12px !important;
    }

    .woocommerce-cart p.return-to-shop {
        text-align: center !important;
        margin: 0 0 20px !important;
    }

    .woocommerce-cart p.return-to-shop a.button {
        display: block !important;
        width: 100% !important;
        max-width: 320px !important;
        margin: 0 auto !important;
        height: 48px !important;
        line-height: 48px !important;
        padding: 0 20px !important;
        background: linear-gradient(135deg, #FB5805 0%, #FA4600 100%) !important;
        color: #FFFFFF !important;
        font-size: 15px !important;
        font-weight: 800 !important;
        border-radius: 50px !important;
        border: none !important;
        box-shadow: 0 4px 14px rgba(251, 88, 5, 0.35) !important;
        text-decoration: none !important;
        box-sizing: border-box !important;
    }

    .allure-mobile-empty-cart-shortcuts {
        text-align: center;
        margin-top: 20px;
    }

    .allure-mobile-empty-cart-shortcuts h4 {
        font-size: 13px;
        font-weight: 800;
        color: #64748B;
        text-transform: uppercase;
        margin-bottom: 10px;
        letter-spacing: 0.5px;
    }

    .shortcut-pills-row {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 8px;
    }

    .sc-pill {
        background: #FFFFFF;
        border: 1px solid #CBD5E1;
        color: #334155;
        padding: 8px 14px;
        border-radius: 20px;
        font-size: 13px;
        font-weight: 700;
        text-decoration: none;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    }

    /* Active Cart Table Transformation into Mobile Product Cards */
    .woocommerce-cart table.cart {
        display: block !important;
        border: none !important;
        margin-bottom: 16px !important;
        background: transparent !important;
    }

    .woocommerce-cart table.cart thead {
        display: none !important;
    }

    .woocommerce-cart table.cart tbody {
        display: block !important;
        border: none !important;
    }

    .woocommerce-cart table.cart tr.cart_item {
        display: flex !important;
        flex-wrap: wrap !important;
        position: relative !important;
        background: #FFFFFF !important;
        border: 1px solid #E2E8F0 !important;
        border-radius: 14px !important;
        padding: 12px !important;
        margin-bottom: 12px !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
    }

    .woocommerce-cart table.cart td {
        border: none !important;
        padding: 0 !important;
        display: block !important;
    }

    .woocommerce-cart table.cart td.product-remove {
        position: absolute !important;
        top: 10px !important;
        right: 10px !important;
        z-index: 2 !important;
    }

    .woocommerce-cart table.cart td.product-remove a.remove {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 26px !important;
        height: 26px !important;
        border-radius: 50% !important;
        background: #F1F5F9 !important;
        color: #94A3B8 !important;
        font-size: 16px !important;
        text-decoration: none !important;
        transition: all 0.15s ease !important;
    }

    .woocommerce-cart table.cart td.product-remove a.remove:hover {
        background: #FEE2E2 !important;
        color: #DC2626 !important;
    }

    .woocommerce-cart table.cart td.product-thumbnail {
        width: 76px !important;
        height: 76px !important;
        flex-shrink: 0 !important;
        margin-right: 12px !important;
    }

    .woocommerce-cart table.cart td.product-thumbnail img {
        width: 76px !important;
        height: 76px !important;
        object-fit: cover !important;
        border-radius: 10px !important;
        border: 1px solid #E2E8F0 !important;
    }

    .woocommerce-cart table.cart td.product-name {
        flex: 1 !important;
        min-width: 0 !important;
        padding-right: 28px !important;
    }

    .woocommerce-cart table.cart td.product-name a {
        font-size: 14px !important;
        font-weight: 700 !important;
        color: #0F172A !important;
        line-height: 1.35 !important;
        text-decoration: none !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    .woocommerce-cart table.cart td.product-price {
        display: block !important;
        width: 100% !important;
        margin-top: 6px !important;
    }

    .woocommerce-cart table.cart td.product-price .amount {
        font-size: 16px !important;
        font-weight: 800 !important;
        color: #E02B27 !important;
    }

    .woocommerce-cart table.cart td.product-quantity {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        width: 100% !important;
        margin-top: 8px !important;
        padding-top: 8px !important;
        border-top: 1px dashed #F1F5F9 !important;
    }

    .woocommerce-cart table.cart td.product-quantity .quantity {
        display: flex !important;
        align-items: center !important;
        border: 1px solid #CBD5E1 !important;
        border-radius: 20px !important;
        overflow: hidden !important;
        background: #FFFFFF !important;
        height: 32px !important;
    }

    .allure-qty-btn {
        width: 32px !important;
        height: 32px !important;
        border: none !important;
        background: #F8FAFC !important;
        color: #1E293B !important;
        font-size: 16px !important;
        font-weight: 800 !important;
        cursor: pointer !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        line-height: 1 !important;
        -webkit-tap-highlight-color: transparent !important;
    }

    .woocommerce-cart table.cart td.product-quantity input.qty {
        width: 38px !important;
        height: 32px !important;
        border: none !important;
        text-align: center !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        color: #0F172A !important;
        padding: 0 !important;
        background: transparent !important;
    }

    .woocommerce-cart table.cart td.product-subtotal {
        display: none !important;
    }

    .woocommerce-cart table.cart tr:not(.cart_item) td.actions {
        display: block !important;
        width: 100% !important;
        background: #FFFFFF !important;
        border-radius: 14px !important;
        padding: 14px !important;
        border: 1px solid #E2E8F0 !important;
        margin-top: 8px !important;
        box-sizing: border-box !important;
    }

    .woocommerce-cart table.cart .coupon {
        display: flex !important;
        gap: 8px !important;
        width: 100% !important;
    }

    .woocommerce-cart table.cart .coupon input.input-text {
        flex: 1 !important;
        height: 42px !important;
        border: 1.5px solid #CBD5E1 !important;
        border-radius: 10px !important;
        padding: 0 12px !important;
        font-size: 14px !important;
    }

    .woocommerce-cart table.cart .coupon button.button {
        height: 42px !important;
        background: #0F172A !important;
        color: #FFFFFF !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        border-radius: 10px !important;
        padding: 0 16px !important;
        border: none !important;
        white-space: nowrap !important;
    }

    .woocommerce-cart button[name="update_cart"] {
        display: none !important;
    }

    /* Cart Totals Breakdown Card */
    .woocommerce-cart .cart-collaterals {
        margin-top: 16px !important;
    }

    .woocommerce-cart .cart_totals {
        background: #FFFFFF !important;
        border-radius: 14px !important;
        padding: 18px 14px !important;
        border: 1px solid #E2E8F0 !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
        width: 100% !important;
        float: none !important;
        box-sizing: border-box !important;
    }

    .woocommerce-cart .cart_totals h2 {
        font-size: 16px !important;
        font-weight: 800 !important;
        color: #0F172A !important;
        margin: 0 0 12px !important;
        border-bottom: 1px solid #F1F5F9 !important;
        padding-bottom: 8px !important;
    }

    .woocommerce-cart .cart_totals table.shop_table {
        width: 100% !important;
        border: none !important;
        margin: 0 !important;
    }

    .woocommerce-cart .cart_totals table.shop_table tr {
        display: flex !important;
        justify-content: space-between !important;
        padding: 8px 0 !important;
        border-bottom: 1px solid #F8FAFC !important;
    }

    .woocommerce-cart .cart_totals table.shop_table th {
        border: none !important;
        padding: 0 !important;
        font-size: 13px !important;
        color: #64748B !important;
        font-weight: 600 !important;
    }

    .woocommerce-cart .cart_totals table.shop_table td {
        border: none !important;
        padding: 0 !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        color: #0F172A !important;
        text-align: right !important;
    }

    .woocommerce-cart .cart_totals table.shop_table tr.order-total th {
        font-size: 16px !important;
        font-weight: 800 !important;
        color: #0F172A !important;
    }

    .woocommerce-cart .cart_totals table.shop_table tr.order-total td strong .amount {
        font-size: 20px !important;
        font-weight: 900 !important;
        color: #FB5805 !important;
    }

    .woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
        width: 100% !important;
        height: 48px !important;
        line-height: 48px !important;
        background: linear-gradient(135deg, #FB5805 0%, #FA4600 100%) !important;
        color: #FFFFFF !important;
        font-size: 16px !important;
        font-weight: 800 !important;
        border-radius: 50px !important;
        border: none !important;
        box-shadow: 0 4px 14px rgba(251, 88, 5, 0.35) !important;
        text-align: center !important;
        margin-top: 14px !important;
    }
}

/* 5. Mobile Sticky Checkout Dock (Above App Dock) */
.allure-mobile-sticky-checkout {
    display: none;
}

@media (max-width: 768px) {
    .allure-mobile-sticky-checkout {
        display: flex !important;
        position: fixed !important;
        bottom: 54px !important;
        left: 0 !important;
        right: 0 !important;
        height: 56px !important;
        background: #FFFFFF !important;
        border-top: 1px solid #E2E8F0 !important;
        box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.08) !important;
        z-index: 999980 !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 0 14px !important;
        box-sizing: border-box !important;
    }

    .sticky-checkout-left {
        display: flex !important;
        flex-direction: column !important;
    }

    .sticky-total-label {
        font-size: 11px !important;
        color: #64748B !important;
        font-weight: 600 !important;
        line-height: 1 !important;
    }

    .sticky-total-val {
        font-size: 17px !important;
        font-weight: 900 !important;
        color: #0F172A !important;
        line-height: 1.2 !important;
    }

    .sticky-free-shipping {
        font-size: 10px !important;
        color: #059669 !important;
        font-weight: 700 !important;
    }

    .sticky-checkout-btn {
        background: linear-gradient(135deg, #FB5805 0%, #FA4600 100%) !important;
        color: #FFFFFF !important;
        font-size: 14px !important;
        font-weight: 800 !important;
        padding: 10px 20px !important;
        border-radius: 25px !important;
        text-decoration: none !important;
        box-shadow: 0 3px 10px rgba(251, 88, 5, 0.3) !important;
        display: inline-block !important;
    }
}

/* ==========================================================================
   WhatsApp Customer Support Integration (+44 7765 305805)
   ========================================================================== */

/* 1. Floating WhatsApp Pill */
.allure-floating-whatsapp-pill {
    position: fixed;
    bottom: 24px;
    left: 24px;
    z-index: 9990;
    text-decoration: none;
    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s ease;
    display: inline-flex;
    align-items: center;
}

.allure-floating-whatsapp-pill:hover {
    transform: translateY(-3px) scale(1.03);
    text-decoration: none;
}

.wa-pill-inner {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #25d366;
    color: #ffffff !important;
    padding: 10px 18px 10px 14px;
    border-radius: 9999px;
    box-shadow: 0 4px 18px rgba(37, 211, 102, 0.38), 0 2px 6px rgba(0, 0, 0, 0.12);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -0.2px;
    line-height: 1;
    position: relative;
}

.wa-pill-icon {
    font-size: 20px;
    line-height: 1;
}

.wa-pill-text {
    color: #ffffff !important;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
}

.wa-pulse-dot {
    width: 8px;
    height: 8px;
    background: #ffffff;
    border-radius: 50%;
    position: relative;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
    animation: wa-pulse 2s infinite;
}

@keyframes wa-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
    }
    70% {
        box-shadow: 0 0 0 7px rgba(255, 255, 255, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

/* 2. WhatsApp Button in Floating Tools (Bottom Right) */
.tool-btn-whatsapp {
    text-decoration: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ffffff !important;
    color: #222222 !important;
}

.tool-btn-whatsapp:hover {
    background: #f0fdf4 !important;
    color: #128c7e !important;
}

.tool-btn-whatsapp .tool-icon.wa-icon-btn {
    color: #25d366;
    font-size: 18px;
}

.tool-btn-whatsapp .tool-lbl {
    color: #25d366 !important;
    font-weight: 700;
}

/* 3. WhatsApp Banner in 24/7 Live Support Modal */
.support-modal-whatsapp-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 12px;
    padding: 14px 18px;
    margin: 12px 18px 0 18px;
}

.wa-banner-left {
    flex: 1;
}

.wa-banner-badge {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    color: #15803d;
    background: #dcfce7;
    padding: 2px 8px;
    border-radius: 9999px;
    margin-bottom: 4px;
}

.wa-banner-title {
    margin: 2px 0 3px 0 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #14532d !important;
}

.wa-banner-sub {
    margin: 0 !important;
    font-size: 12px !important;
    color: #166534 !important;
    line-height: 1.35;
}

.wa-banner-action-btn {
    display: inline-flex;
    align-items: center;
    background: #25d366;
    color: #ffffff !important;
    padding: 9px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
    white-space: nowrap;
    transition: background 0.2s ease, transform 0.2s ease;
    box-shadow: 0 2px 8px rgba(37, 211, 102, 0.3);
}

.wa-banner-action-btn:hover {
    background: #1eb858;
    transform: translateY(-1px);
    color: #ffffff !important;
}

/* 4. WhatsApp Item in Header Support Flyout */
.support-flyout-link.wa-flyout-item {
    background: #f0fdf4 !important;
    border-bottom: 1px solid #dcfce7;
}

.support-flyout-link.wa-flyout-item .text strong {
    color: #15803d;
}

.support-flyout-link .wa-tag {
    background: #25d366 !important;
    color: #ffffff !important;
    font-weight: 700;
}

/* 5. Mobile Positioning (Above Bottom App Bar) */
@media (max-width: 768px) {
    .allure-floating-whatsapp-pill {
        bottom: 74px;
        right: 14px;
        left: auto;
    }

    body.woocommerce-cart .allure-floating-whatsapp-pill {
        bottom: 125px;
    }

    .support-modal-whatsapp-banner {
        flex-direction: column;
        align-items: flex-start;
        padding: 12px 14px;
        margin: 10px 14px 0 14px;
    }

    .wa-banner-action-btn {
        width: 100%;
        justify-content: center;
    }
}