/* ===== style_01.blade.php ===== */
/* V109: never hide the entire page while API/settings are loading.
         The previous visibility:hidden gate caused refresh blank/flicker. */
      html.nexozs-loading body,
      html.nexozs-ready body { visibility: visible !important; }
      html.nexozs-loading { background: #f8fafc !important; }

/* ===== style_02.blade.php ===== */
:root {
        --theme-primary: #ef4444; 
        --theme-primary-rgb: 239, 68, 68;
      }
      *, *::before, *::after { box-sizing: border-box !important; margin: 0; padding: 0; }
      html, body { width: 100% !important; max-width: 100% !important; overflow-x: hidden !important; margin: 0 !important; padding: 0 !important; background-color: #f8fafc !important; color: #0f172a !important; font-family: 'Plus Jakarta Sans', sans-serif !important; line-height: 1.5; padding-top: 58px !important; }
      a { color: inherit; text-decoration: none; }
      button { cursor: pointer; border: none; background: none; font-family: inherit; }
      .container { width: 100% !important; max-width: 1280px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 1.25rem !important; padding-right: 1.25rem !important; box-sizing: border-box !important; }
      
      /* 100% FIXED TOP HEADER CONTAINER */
      .sticky-header-container { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; width: 100% !important; z-index: 999999 !important; background: #ffffff !important; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06) !important; border-bottom: 1px solid #e2e8f0 !important; transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), background 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease !important; }
      .sticky-header-container.header-scrolled { background: rgba(255, 255, 255, 0.98) !important; backdrop-filter: blur(16px) !important; box-shadow: 0 8px 25px rgba(var(--theme-primary-rgb), 0.15) !important; border-bottom: 1px solid rgba(var(--theme-primary-rgb), 0.3) !important; }
      .sticky-header-container.header-hidden { transform: translateY(-100%) !important; }
      .header { background: #ffffff !important; backdrop-filter: blur(12px) !important; padding: 0.65rem 0 !important; }
      .header-content { display: flex; align-items: center; justify-content: space-between; gap: 1.25rem; }
      .header-right-actions { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 0.85rem !important; }
      .logo-menu-group { display: flex; align-items: center; gap: 0.85rem; }
      .menu-3line-btn { background: #f1f5f9 !important; border: 1px solid #cbd5e1 !important; color: #0f172a !important; width: 42px; height: 42px; border-radius: 8px; font-size: 1.2rem; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.2s ease; }
      .menu-3line-btn:hover { background: var(--theme-primary) !important; border-color: var(--theme-primary) !important; color: #ffffff !important; }
      
      /* BRAND TITLE & ANTI-FLICKER LOGO CONTAINER */
      .brand-title { font-size: 1.6rem; font-weight: 900; color: #0f172a; display: flex; align-items: center; gap: 0.4rem; min-height: 38px; min-width: 120px; }
      .brand-title img { height: 38px; width: auto; max-width: 180px; object-fit: contain; display: block; }
      
      /* 3-LINE CATEGORY SIDEBAR DRAWER */
      .drawer-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); backdrop-filter: blur(4px); z-index: 9999999; display: none; opacity: 0; transition: opacity 0.3s ease; }
      .drawer-overlay.active { display: block; opacity: 1; }
      .category-drawer { position: fixed; top: 0; left: -330px; width: 310px; height: 100vh; background: #ffffff; z-index: 10000000; border-right: 1px solid #e2e8f0; box-shadow: 10px 0 30px rgba(0,0,0,0.1); transition: left 0.3s ease; display: flex; flex-direction: column; }
      .category-drawer.open { left: 0; }
      .drawer-header { padding: 1.25rem; background: #f8fafc; border-bottom: 1px solid #e2e8f0; display: flex; justify-content: space-between; align-items: center; color: #0f172a; }
      .btn-close-drawer { color: #94a3b8; font-size: 1.3rem; cursor: pointer; }
      .btn-close-drawer:hover { color: var(--theme-primary); }
      .drawer-content { padding: 1rem; overflow-y: auto; flex: 1; display: flex; flex-direction: column; gap: 0.5rem; }
      .drawer-cat-link { display: flex; align-items: center; gap: 0.85rem; padding: 0.8rem 1rem; color: #334155; border-radius: 8px; font-weight: 600; font-size: 0.92rem; transition: all 0.2s ease; background: #f8fafc; border: 1px solid #e2e8f0; }
      .drawer-cat-link:hover { background: var(--theme-primary); color: #fff; border-color: var(--theme-primary); transform: translateX(4px); }
      .drawer-cat-link:hover i { color: #ffffff !important; }
      .drawer-brand-badge { display: flex; align-items: center; gap: 0.45rem; padding: 0.6rem 0.75rem; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; color: #0f172a; font-weight: 700; font-size: 0.85rem; transition: all 0.2s ease; text-decoration: none; }
      .drawer-brand-badge:hover { background: var(--theme-primary) !important; border-color: var(--theme-primary) !important; color: #ffffff !important; transform: translateY(-2px); }
      .drawer-brand-badge:hover i { color: #ffffff !important; }
      
      /* 🔥 Hero Section Spacing Fix */
      .section-padding { padding: 1rem 0; }
      .hero-sec-wrapper { padding-top: 0.5rem !important; padding-bottom: 0 !important; margin-top: 0 !important; }
      .hero-dual-grid { display: grid; grid-template-columns: 2.2fr 1fr; gap: 1.25rem; margin-top: 0 !important; align-items: stretch; }
       /* V110: keep hero stable until banner state is known. */
       .hero-dual-grid.nexozs-hero-pending { visibility:hidden !important; }
       .hero-banner-box.nexozs-banner-loading { visibility:hidden !important; }
       /* V109: no empty banner area while banners are loading/unavailable. */
       .hero-banner-box.nexozs-banner-hidden { display:none !important; }
       .hero-dual-grid:has(.hero-banner-box.nexozs-banner-hidden) .hero-features-column { grid-column: 1 / -1; }
      
      /* 🔥 DYNAMIC BANNER HEIGHT FIX */
      .hero-banner-box { 
          background: transparent; 
          border: none; 
          padding: 0 !important; 
          position: relative; 
          overflow: hidden; 
          width: 100%; 
          height: auto; 
          aspect-ratio: 24 / 9; /* Perfect wide banner ratio */
          border-radius: 16px; 
          box-shadow: var(--hero-banner-shadow, none); 
      }
      .hero-banner-slider { width: 100%; height: 100%; position: relative; }
      .hero-slide-link { display: block; position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 0.8s ease; z-index: 0; }
      .hero-slide-link.active { opacity: 1; z-index: 1; }
      .hero-slide-img { width: 100%; height: 100%; object-fit: cover; border-radius: 16px; display: block; }
      
      .hero-slider-dots { position: absolute; bottom: 14px; left: 50%; transform: translateX(-50%); display: flex; gap: 6px; z-index: 10; }
      .slider-dot { width: 8px; height: 8px; border-radius: 50%; background: rgba(0, 0, 0, 0.4); cursor: pointer; transition: all 0.3s ease; border: 1px solid rgba(255,255,255,0.2); }
      .slider-dot.active { width: 24px; border-radius: 10px; background: var(--theme-primary); border-color: transparent; }
      
      .hero-features-column { display: flex; flex-direction: column; justify-content: space-between; gap: 0.85rem; height: 100%; }
      .feature-card-item { background: #ffffff; border: 1px solid #e2e8f0; border-radius: 14px; padding: 1rem 1.25rem; display: flex; align-items: center; gap: 1rem; flex: 1; box-shadow: 0 4px 12px rgba(0,0,0,0.03); transition: transform 0.2s ease, border-color 0.2s ease; color: #0f172a; }
      .feature-card-item h4 { color: #0f172a !important; }
      .feature-card-item p { color: #64748b !important; }
      .feature-card-item:hover { border-color: rgba(var(--theme-primary-rgb), 0.3); transform: translateY(-2px); }

      /* FLASH SALE STYLES */
      .flash-sale-box { background: linear-gradient(135deg, #fff5f5 0%, #fff 100%); border: 1px solid rgba(var(--theme-primary-rgb), 0.2); border-radius: 16px; padding: 1.5rem 1.25rem; margin: 1rem 0; box-shadow: 0 10px 30px rgba(var(--theme-primary-rgb), 0.08); display: none; } /* Hidden by default until activated */
      .flash-header-flex { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.25rem; flex-wrap: wrap; gap: 1rem; }
      .flash-title-area { display: flex; flex-direction: column; }
      .flash-main-title { color: var(--theme-primary); font-size: 1.45rem; font-weight: 900; display: flex; align-items: center; gap: 0.5rem; letter-spacing: -0.5px; }
      .flash-subtitle { color: #64748b; font-size: 0.82rem; font-weight: 600; margin-top: 0.15rem; }
      .flash-timer-wrapper { display: flex; align-items: center; gap: 0.6rem; }
      .flash-timer-lbl { font-size: 0.85rem; font-weight: 700; color: #334155; }
      .timer-digits-box { display: flex; align-items: center; gap: 0.45rem; }
      .time-box-item { background: var(--theme-primary); color: #fff; padding: 0.35rem 0.5rem; border-radius: 6px; font-weight: 800; font-size: 0.95rem; min-width: 38px; text-align: center; box-shadow: 0 4px 10px rgba(var(--theme-primary-rgb), 0.3); }
      
      @keyframes pulseBtn {
          0% { box-shadow: 0 0 0 0 rgba(var(--theme-primary-rgb), 0.6); }
          70% { box-shadow: 0 0 0 10px rgba(var(--theme-primary-rgb), 0); }
          100% { box-shadow: 0 0 0 0 rgba(var(--theme-primary-rgb), 0); }
      }
      .view-deals-btn { background: var(--theme-primary); color: #fff; padding: 0.6rem 1.25rem; border-radius: 20px; font-weight: 800; font-size: 0.9rem; transition: all 0.3s ease; display: inline-flex; align-items: center; gap: 0.4rem; animation: pulseBtn 2s infinite; }
      .view-deals-btn:hover { filter: brightness(0.9); transform: translateY(-2px); }
      
      .flash-badge-custom { position: absolute; top: 10px; left: 10px; background: var(--theme-primary); color: #fff; font-size: 0.72rem; font-weight: 800; padding: 0.2rem 0.5rem; border-radius: 4px; z-index: 2; }
      .flash-stock-progress { margin: 0.75rem 0 0.5rem 0; }
      .progress-bar-bg { width: 100%; height: 6px; background: #e2e8f0; border-radius: 3px; overflow: hidden; }
      .progress-bar-fill { height: 100%; background: var(--theme-primary); border-radius: 3px; }
      .stock-info-row { display: flex; justify-content: space-between; font-size: 0.72rem; font-weight: 700; color: #64748b; margin-top: 0.25rem; }

      /* Top Categories Grid (6 columns) */
      .featured-cat-grid { display: grid; grid-template-columns: repeat(6, 1fr) !important; gap: 1.25rem; }
      .cat-card-box { background: rgba(255, 255, 255, 0.8) !important; backdrop-filter: blur(12px) saturate(180%) !important; -webkit-backdrop-filter: blur(12px) saturate(180%) !important; border: 1px solid rgba(226, 232, 240, 0.8) !important; border-radius: 16px !important; padding: 1.5rem 1rem !important; text-align: center !important; color: #0f172a !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 0.75rem !important; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.04), inset 0 0 0 1px rgba(255, 255, 255, 0.6) !important; }
      .cat-card-box span { color: #0f172a !important; font-weight: 700 !important; }
      .cat-card-box:hover { transform: translateY(-5px) scale(1.02) !important; background: #ffffff !important; border-color: var(--theme-primary) !important; box-shadow: 0 12px 30px rgba(var(--theme-primary-rgb),0.2) !important; }
      .cat-icon-circle { width: 54px; height: 54px; border-radius: 50%; background: rgba(var(--theme-primary-rgb), 0.08) !important; display: flex; align-items: center; justify-content: center; font-size: 1.4rem; color: var(--theme-primary); border: 1px solid rgba(var(--theme-primary-rgb), 0.15); }
      
      /* TOP BRAND PARTNERS TOUCH / MOUSE SCROLLABLE CONTAINER */
      .brands-scroll-container { display: flex; gap: 1.25rem; overflow-x: auto; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; padding-bottom: 0.75rem; cursor: grab; user-select: none; scrollbar-width: thin; scrollbar-color: var(--theme-primary) #e2e8f0; }
      .brands-scroll-container:active { cursor: grabbing; }
      .brands-scroll-container::-webkit-scrollbar { height: 6px; }
      .brands-scroll-container::-webkit-scrollbar-track { background: #e2e8f0; border-radius: 10px; }
      .brands-scroll-container::-webkit-scrollbar-thumb { background: var(--theme-primary); border-radius: 10px; }
      .brands-grid { display: flex; gap: 1.25rem; width: max-content; }
      .brand-card-item { background: rgba(255, 255, 255, 0.8) !important; backdrop-filter: blur(12px) saturate(180%) !important; -webkit-backdrop-filter: blur(12px) saturate(180%) !important; border: 1px solid rgba(226, 232, 240, 0.8) !important; border-radius: 16px !important; padding: 1.25rem !important; text-align: center !important; color: #0f172a !important; transition: transform 0.2s ease, border-color 0.2s ease !important; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.04), inset 0 0 0 1px rgba(255, 255, 255, 0.6) !important; width: 150px; flex-shrink: 0; }
      .brand-card-item:hover { border-color: var(--theme-primary) !important; transform: translateY(-3px) !important; background: #ffffff !important; box-shadow: 0 12px 30px rgba(var(--theme-primary-rgb), 0.2) !important; }
      .brand-logo-img { width: 60px; height: 60px; border-radius: 12px; object-fit: cover; margin-bottom: 0.5rem; background: #ffffff; padding: 6px; box-shadow: 0 2px 8px rgba(0,0,0,0.06); border: 1px solid #f1f5f9; pointer-events: none; }

      /* Product Grid */
      .product-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 1.25rem; }
      .product-grid.section-size-small { grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 0.85rem; }
      .product-grid.section-size-medium { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 1.25rem; }
      .product-grid.section-size-large { grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); gap: 1.5rem; }
      .product-card { background: #ffffff; border: 1px solid #e2e8f0; border-radius: 14px; overflow: hidden; transition: all 0.3s ease; display: flex; flex-direction: column; position: relative; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04); }
      .product-card:hover { transform: translateY(-4px); border-color: var(--theme-primary); box-shadow: 0 10px 25px rgba(var(--theme-primary-rgb),0.15); }
      .product-thumb { height: 200px; width: 100%; object-fit: cover; background: #f8fafc; }
      .product-info { padding: 1.2rem; display: flex; flex-direction: column; flex: 1; }
      .product-title { font-size: 0.95rem; font-weight: 700; color: #0f172a; margin-bottom: 0.5rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 2.7em; }
      .product-price { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.5rem; }
      .current-price { font-size: 1.15rem; font-weight: 800; color: var(--theme-primary); }
      .old-price { font-size: 0.85rem; color: #64748b; text-decoration: line-through; }
      .product-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 0.6rem; margin-top: auto; padding-top: 0.5rem; }
      .btn-add-cart { background: #ffffff !important; color: var(--theme-primary) !important; border: 2px solid var(--theme-primary) !important; padding: 0.6rem 0.5rem !important; border-radius: 8px !important; font-size: 0.82rem !important; font-weight: 800 !important; text-align: center !important; cursor: pointer !important; transition: all 0.25s ease !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 0.35rem !important; }
      .btn-add-cart:hover { background: var(--theme-primary) !important; color: #ffffff !important; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(var(--theme-primary-rgb), 0.3); }
      .btn-buy-now { background: var(--theme-primary) !important; color: #ffffff !important; border: 2px solid var(--theme-primary) !important; padding: 0.6rem 0.5rem !important; border-radius: 8px !important; font-size: 0.82rem !important; font-weight: 800 !important; text-align: center !important; cursor: pointer !important; transition: all 0.25s ease !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 0.35rem !important; }
      .btn-buy-now:hover { filter: brightness(0.9); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(var(--theme-primary-rgb), 0.4); }
      .badge-instock, .badge-limited, .badge-outstock, .badge-upcoming { position: absolute; top: 10px; left: 10px; color: #fff; font-size: 0.72rem; font-weight: 900; padding: 0.34rem 0.62rem; border-radius: 999px; z-index: 5; display:inline-flex; align-items:center; gap:0.3rem; line-height:1; letter-spacing:.1px; box-shadow:0 5px 14px rgba(15,23,42,.16); border:1px solid rgba(255,255,255,.65); }
      .badge-instock { background:#10b981; }
      .badge-limited { background:#f59e0b; }
      .badge-outstock { background:#475569; }
      .badge-upcoming { background:#2563eb; }

      /* Home FAQ: placed directly below Brand Partners with generous breathing room. */
      .home-faq-section { display:block; padding:5.5rem 0 6rem; background:#fff; }
      .home-faq-container { max-width:1000px; }
      .home-faq-heading { text-align:center; margin:0 auto 2.6rem; }
      .home-faq-kicker { display:inline-flex; align-items:center; gap:10px; color:var(--theme-primary); font-size:.68rem; font-weight:900; letter-spacing:4px; margin-bottom:.85rem; }
      .home-faq-kicker span { width:24px; height:2px; background:var(--theme-primary); display:inline-block; border-radius:4px; }
      .home-faq-heading h2 { margin:0; color:#0f172a; font-size:clamp(1.9rem,3.2vw,2.55rem); font-weight:900; letter-spacing:-.7px; }
      .home-faq-list { border-top:1px solid #e2e8f0; }
      .home-faq-item { border-bottom:1px solid #e2e8f0; background:#fff; }
      .home-faq-question { width:100%; border:0; background:transparent; min-height:68px; padding:0 0; display:flex; align-items:center; justify-content:space-between; gap:18px; text-align:left; color:#0f172a; font-size:1rem; font-weight:800; cursor:pointer; }
      .home-faq-question > span:first-child { padding-right:10px; }
      .home-faq-plus { flex:0 0 28px; width:28px; height:28px; border:1px solid #cbd5e1; border-radius:8px; display:grid; place-items:center; color:#334155; transition:.25s ease; font-size:.7rem; }
      .home-faq-item.is-open .home-faq-plus { transform:rotate(45deg); border-color:var(--theme-primary); color:var(--theme-primary); }
      .home-faq-answer { max-height:0; overflow:hidden; transition:max-height .28s ease; color:#475569; font-size:.9rem; line-height:1.75; }
      .home-faq-answer > div { padding:0 48px 20px 0; }
      @media (max-width:768px) { .home-faq-section { padding:4rem 0 4.5rem; } .home-faq-heading { margin-bottom:1.8rem; } .home-faq-question { min-height:62px; font-size:.9rem; } .home-faq-answer > div { padding-right:34px; } }
      
      /* Toast Notice */
      .toast-notice { position: fixed; bottom: 20px; right: 20px; background: #10b981; color: #fff; padding: 0.75rem 1.25rem; border-radius: 8px; font-weight: 700; z-index: 9999999; display: none; align-items: center; gap: 0.5rem; box-shadow: 0 10px 20px rgba(0,0,0,0.3); }
      
      /* Footer */
      .footer { background: #ffffff; border-top: 1px solid #e2e8f0; padding-top: 1.5rem; margin-top: 1rem; color: #0f172a; }
      .footer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 2rem; margin-bottom: 2.5rem; }
      .mobile-bottom-nav { display: none; }

      /* =======================================================
         🔥 APP-LIKE PREMIUM MOBILE RESPONSIVE CSS 🔥
         ======================================================= */
      @media (max-width: 1024px) {
        body { padding-top: 55px !important; }
        .hero-dual-grid { grid-template-columns: 1fr; gap: 0.5rem !important; margin-top: 0 !important; }
        .header-content { flex-wrap: nowrap; gap: 0.5rem !important; }
        .featured-cat-grid { grid-template-columns: repeat(3, 1fr) !important; }
      }
      
      @media (max-width: 768px) {
        body { padding-top: 55px !important; padding-bottom: 75px !important; }
        
        /* 🔥 Banner Spacing Fix For Mobile (Zero Margin/Padding) 🔥 */
        .section-padding { padding: 0.5rem 0 !important; }
        .hero-sec-wrapper { padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; }
        .hero-dual-grid { grid-template-columns: 1fr !important; gap: 0 !important; margin-top: 0 !important; }
        
        /* Mobile Dynamic Banner Ratio */
        .hero-banner-box { aspect-ratio: 16 / 7 !important; height: auto !important; min-height: unset !important; border-radius: 12px !important; }
        .hero-slide-img { border-radius: 12px !important; }
        .hero-features-column { display: none !important; }
        
        .footer { padding-top: 1rem !important; margin-top: 0.5rem !important; }
        .header { padding: 0.35rem 0 !important; }
        .header-content { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: space-between !important; gap: 0.25rem !important; padding: 0 0.35rem !important; height: 44px !important; width: 100% !important; box-sizing: border-box !important; }
        .logo-menu-group { order: 1 !important; flex-shrink: 0 !important; display: flex !important; align-items: center !important; gap: 0.25rem !important; }
        .brand-title img { height: 22px !important; max-width: 68px !important; }
        .menu-3line-btn { width: 32px !important; height: 32px !important; font-size: 0.9rem !important; }
        
        /* 📱 Mobile Search Bar */
        .search-container { order: 2 !important; flex: 1 1 auto !important; width: 100% !important; max-width: 135px !important; margin: 0 !important; position: relative !important; }
        .search-container form { display: flex !important; width: 100% !important; align-items: center !important; }
        .search-container input { padding: 0.25rem 0.45rem !important; font-size: 0.72rem !important; height: 32px !important; border-radius: 6px 0 0 6px !important; width: 100% !important; }
        .search-container button { padding: 0 0.45rem !important; height: 32px !important; font-size: 0.75rem !important; border-radius: 0 6px 6px 0 !important; background: var(--theme-primary) !important; color: #fff !important; }
        .search-container:focus-within, .search-container.search-expanded { flex: 1 1 auto !important; width: 100% !important; max-width: 100% !important; z-index: 100 !important; }
        .search-container:focus-within input, .search-container.search-expanded input { padding: 0.35rem 0.65rem !important; font-size: 0.8rem !important; }
        .header-content:has(.search-container:focus-within) .brand-title img,
        .header-content:has(.search-container.search-expanded) .brand-title img { max-width: 0 !important; opacity: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; }
        
        .header-right-actions { order: 3 !important; flex-shrink: 0 !important; display: flex !important; align-items: center !important; gap: 0.25rem !important; }
        .cart-btn-pill, .account-btn-pill { padding: 0 !important; border-radius: 6px !important; height: 32px !important; width: 32px !important; min-width: 32px !important; display: flex !important; align-items: center !important; justify-content: center !important; }
        .cart-btn-pill i { font-size: 0.9rem !important; color: var(--theme-primary) !important; }
        .cart-text-wrap, .account-text-wrap { display: none !important; }
        
        /* 📱 MOBILE APP-LIKE PRODUCT GRID 📱 */
        .product-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 0.5rem !important; }
        .product-thumb { height: 130px !important; }
        .product-info { padding: 0.6rem !important; }
        .product-title { font-size: 0.8rem !important; height: 2.8em !important; line-height: 1.4 !important; margin-bottom: 0.25rem !important; }
        .product-price { flex-direction: column !important; align-items: flex-start !important; gap: 0.1rem !important; margin-bottom: 0.5rem !important; }
        .current-price { font-size: 0.95rem !important; }
        .old-price { font-size: 0.7rem !important; }
        
        /* 📱 MOBILE APP-LIKE ACTION BUTTONS 📱 */
        .product-actions { display: flex !important; flex-direction: row !important; gap: 0.4rem !important; }
        .btn-add-cart { flex: 0 0 38px !important; padding: 0 !important; height: 36px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 8px !important; }
        .btn-add-cart span { display: none !important; }
        .btn-add-cart i { font-size: 1.1rem !important; margin: 0 !important; }
        .btn-buy-now { flex: 1 !important; height: 36px !important; border-radius: 8px !important; font-size: 0.8rem !important; padding: 0 !important; }
        
        /* 📱 MOBILE FLASH SALE 📱 */
        .flash-sale-box { padding: 1rem !important; margin: 0.5rem 0 !important; border-radius: 12px !important; }
        .flash-header-flex { flex-direction: column !important; align-items: flex-start !important; gap: 0.75rem !important; }
        .flash-main-title { font-size: 1.2rem !important; }
        .time-box-item { min-width: 28px !important; font-size: 0.8rem !important; padding: 0.2rem 0.4rem !important; }
        .view-deals-btn { font-size: 0.8rem !important; padding: 0.5rem 1rem !important; width: 100% !important; justify-content: center !important; }
        
        .container { padding-left: 0.75rem !important; padding-right: 0.75rem !important; }
        
        /* 📱 MOBILE BOTTOM APP NAV 📱 */
        .mobile-bottom-nav { display: flex !important; position: fixed !important; bottom: 0 !important; left: 0 !important; right: 0 !important; height: 60px !important; background: rgba(255, 255, 255, 0.95) !important; backdrop-filter: blur(10px) !important; border-top: 1px solid #e2e8f0 !important; z-index: 999999 !important; align-items: center !important; justify-content: space-around !important; padding: 0 0.5rem !important; box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.08) !important; }
        .mob-nav-item { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; text-decoration: none !important; color: #64748b !important; font-size: 0.65rem !important; font-weight: 700 !important; gap: 0.15rem !important; flex: 1 !important; }
        .mob-nav-item i { font-size: 1.15rem !important; color: #475569 !important; }
        .mob-nav-item.active i { color: var(--theme-primary) !important; }
        .mob-nav-item.active { color: var(--theme-primary) !important; }
        .mob-home-pill { background: rgba(var(--theme-primary-rgb), 0.1) !important; border-radius: 20px !important; padding: 0.2rem 0.8rem !important; display: flex !important; align-items: center !important; justify-content: center !important; }
        .mob-home-pill i { color: var(--theme-primary) !important; }
        
        .featured-cat-grid { grid-template-columns: repeat(3, 1fr) !important; gap: 0.65rem !important; }
        .cat-card-box { padding: 0.85rem 0.35rem !important; border-radius: 12px !important; }
        .cat-icon-circle { background: transparent !important; color: #0f172a !important; width: 36px !important; height: 36px !important; font-size: 1.6rem !important; border: none !important; }
        .cat-card-box span { color: #334155 !important; font-size: 0.72rem !important; font-weight: 700 !important; }
      }

/* ===== style_03.blade.php ===== */
/* Professional compact page headers */
.page-header-box{
  padding: .85rem 1.25rem !important;
  min-height: 0 !important;
  margin-bottom: 1rem !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 10px rgba(15,23,42,.035) !important;
}
.page-header-box .page-title{
  font-size: 1.35rem !important;
  line-height: 1.2 !important;
  margin: 0 0 .2rem !important;
}
.page-header-box .page-subtitle{
  font-size: .78rem !important;
  line-height: 1.35 !important;
}
.main-content,.main-content-flex{
  padding-top: .8rem !important;
  margin-top: .5rem !important;
}
.all-cats-grid{gap:1rem !important}
.cat-card-box{padding:1.05rem .8rem !important;gap:.55rem !important}
.cat-icon-circle{width:46px !important;height:46px !important;font-size:1.15rem !important}

/* Flash sale page: slimmer hero */
.flash-hero{
  padding: 1.15rem 1rem !important;
  margin-bottom: 1rem !important;
  border-radius: 0 0 12px 12px;
}
.flash-hero h1{font-size:1.65rem !important;margin-bottom:.2rem !important}
.flash-hero p{font-size:.82rem !important;margin:0 !important}

/* Brand page title/intro */
.brand-page-title,.brand-hero,.brand-header{
  padding-top: .8rem !important;
  padding-bottom: .8rem !important;
}

/* Smooth reveal animation */
.nx-reveal{ opacity:1;
  transform:none;
  transition:opacity .55s ease, transform .55s cubic-bezier(.2,.7,.2,1);
  will-change:opacity,transform;
}
.nx-reveal.nx-visible{opacity:1;transform:none}
.nx-reveal.nx-from-right{transform:translateX(28px)}
.nx-reveal.nx-from-right.nx-visible{transform:none}
.nx-reveal.nx-from-up{transform:translateY(-22px)}
.nx-reveal.nx-from-up.nx-visible{transform:none}
@media (prefers-reduced-motion:reduce){
 .nx-reveal,.nx-reveal.nx-from-right,.nx-reveal.nx-from-up{opacity:1!important;transform:none!important;transition:none!important}
}

/* Home dynamic sections: compact and premium */
#dynamicSectionsContainer .section-padding{
  padding:.45rem 0 !important;
}
#dynamicSectionsContainer .section-padding > .container > div{
  padding:2.65rem 1rem 1rem !important;
  margin:1.55rem 0 .75rem !important;
  border-radius:14px !important;
}
#dynamicSectionsContainer .section-padding > .container > div > div:first-child{
  top:-18px !important;
  padding:.45rem 1.25rem !important;
  font-size:.92rem !important;
  border-radius:20px !important;
}
#dynamicSectionsContainer .section-padding > .container > div > a{
  top:10px !important;
  font-size:.72rem !important;
}

/* Home hero/trust feature strip */
.hero-features-column .feature-card-item{
  padding:.7rem !important;
  gap:.65rem !important;
  min-height:0 !important;
}
.hero-features-column .feature-card-item i{font-size:1.35rem !important}
.hero-features-column .feature-card-item h4{font-size:.82rem !important}
.hero-features-column .feature-card-item p{font-size:.68rem !important}

/* Mobile: eliminate oversized empty areas */
@media (max-width:768px){
  .main-content,.main-content-flex{
    padding: .35rem 0 1.2rem !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
  }
  .page-header-box{
    padding:.7rem .9rem !important;
    margin:0 0 .65rem !important;
    border-radius:10px !important;
  }
  .page-header-box .page-title{font-size:1.05rem !important}
  .page-header-box .page-subtitle{font-size:.68rem !important}
  .product-grid,.products-grid{
    gap:.65rem !important;
  }
  .all-cats-grid{
    grid-template-columns:repeat(2,1fr) !important;
    gap:.65rem !important;
  }
  .cat-card-box{
    padding:.8rem .5rem !important;
    min-height:105px !important;
  }
  .cat-icon-circle{width:40px !important;height:40px !important;font-size:1rem !important}
  .flash-hero{
    padding:.8rem .75rem !important;
    margin-bottom:.65rem !important;
  }
  .flash-hero h1{font-size:1.25rem !important}
  .flash-hero p{font-size:.68rem !important}
  #dynamicSectionsContainer .section-padding{
    padding:.15rem 0 !important;
  }
  #dynamicSectionsContainer .section-padding > .container{
    padding-left:.65rem !important;
    padding-right:.65rem !important;
  }
  #dynamicSectionsContainer .section-padding > .container > div{
    padding:2.15rem .55rem .65rem !important;
    margin:1.15rem 0 .35rem !important;
  }
  #dynamicSectionsContainer .section-padding > .container > div > div:first-child{
    top:-15px !important;
    font-size:.78rem !important;
    padding:.38rem .85rem !important;
    max-width:72% !important;
  }
  #dynamicSectionsContainer .section-padding > .container > div > a{
    top:7px !important;
    right:9px !important;
    font-size:.66rem !important;
  }
  .hero-sec-wrapper{padding-top:0 !important}
}

/* Prevent horizontal overflow from animation */
html,body{overflow-x:hidden}

/* ===== style_04.blade.php ===== */
/* V25: remove the large outer product section box while keeping cards, title and View All */
#dynamicSectionsContainer .section-padding > .container > .home-product-section-title-outside{
  padding:0 !important; margin:1.15rem 0 .65rem !important; background:transparent !important; border:0 !important; box-shadow:none !important;
}
#dynamicSectionsContainer .section-padding > .container > .home-product-section{
  position:relative !important; background:transparent !important; border:0 !important; border-radius:0 !important;
  padding:0 !important; margin:0 0 1.25rem !important; box-shadow:none !important;
}
#dynamicSectionsContainer .section-padding > .container > .home-product-section .home-product-section-head{
  margin:0 0 .75rem !important; padding:0 !important; background:transparent !important;
}
@media (max-width:768px){
  #dynamicSectionsContainer .section-padding > .container > .home-product-section-title-outside{margin:.9rem 0 .5rem !important; padding:0 !important;}
  #dynamicSectionsContainer .section-padding > .container > .home-product-section{padding:0 !important; margin:0 0 .9rem !important; border-radius:0 !important; box-shadow:none !important;}
  #dynamicSectionsContainer .section-padding > .container > .home-product-section .home-product-section-head{margin-bottom:.55rem !important;}
}

/* ===== style_05.blade.php ===== */
@media (max-width:768px){
  .hero-dual-grid{display:block !important;margin:0 !important}
  .hero-banner-box{border-radius:10px !important}
  .hero-features-column{
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:.4rem !important;
    margin-top:.45rem !important;
  }
  .hero-features-column .feature-card-item{
    min-height:64px !important;
    padding:.5rem .35rem !important;
    border-radius:9px !important;
    text-align:center !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
  }
  .hero-features-column .feature-card-item i{font-size:1rem !important}
  .hero-features-column .feature-card-item h4{
    font-size:.65rem !important;
    margin:.15rem 0 0 !important;
  }
  .hero-features-column .feature-card-item p{
    display:none !important;
  }
  #flashSaleMainWrapper{padding-left:.65rem !important;padding-right:.65rem !important}
}

/* ===== style_06.blade.php ===== */
:root{--hero-banner-shadow:none;}
.home-product-section-title-outside{text-align:center;line-height:1.15;color:#0f172a;margin:1.15rem 0 .65rem;padding:0 .5rem;}
.home-product-section-title-outside strong{display:block;font-size:1.35rem;font-weight:900;letter-spacing:-.35px;}
.home-product-section-title-outside span{display:block;color:#64748b;font-size:.86rem;font-weight:600;margin-top:.22rem;}
.home-product-section{position:relative;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.15rem 1.15rem 1.25rem;margin:0 0 1.25rem;box-shadow:0 4px 15px rgba(0,0,0,.025);}
.home-product-section-head{position:relative;display:flex;align-items:center;justify-content:flex-end;min-height:0;margin:0 0 .9rem;padding:0;}
.home-product-section-head>a{color:var(--theme-primary);font-size:.82rem;font-weight:800;text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;gap:.25rem;}
.home-product-section-head>a i{font-size:.7rem;margin-left:.05rem;}
@media(max-width:768px){
  .hero-sec-wrapper{padding:0 !important;margin:0 !important;}
  .hero-banner-box{border-radius:10px !important;}
  .home-product-section-title-outside{margin:.9rem 0 .5rem;padding:0 .35rem;}
  .home-product-section-title-outside strong{font-size:1.12rem;}
  .home-product-section-title-outside span{font-size:.72rem;margin-top:.16rem;}
  .home-product-section{padding:.7rem .6rem .95rem;margin:0 0 .9rem;border-radius:14px;box-shadow:none;}
  .home-product-section-head{min-height:0;margin-bottom:.55rem;padding:0;}
  .home-product-section-head>a{font-size:.7rem;}
}

/* ===== style_07.blade.php ===== */
/* V9: stable document scrolling — keep the fixed header from creating a second top offset */
html{
  display:block !important;
  width:100% !important;
  min-height:100% !important;
  padding-top:0 !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  scroll-behavior:auto !important;
  overscroll-behavior-y:auto !important;
}
body{
  display:block !important;
  width:100% !important;
  min-height:100vh !important;
  overflow-x:hidden !important;
  overflow-y:visible !important;
  scroll-behavior:auto !important;
  overscroll-behavior-y:auto !important;
  touch-action:pan-y !important;
}
/* The fixed header needs only one reserved offset on the document. */
@media (min-width:769px){
  body{padding-top:0 !important;}
}
@media (max-width:768px){
  body{padding-top:0 !important;padding-bottom:75px !important;}
  .sticky-header-container{min-height:54px !important;}
  .header{padding:.35rem 0 !important;}
  .header-content{height:48px !important;}
  .brand-title{min-width:0 !important;min-height:32px !important;}
  .brand-title img{height:34px !important;max-width:125px !important;width:auto !important;}
  .logo-menu-group{gap:.4rem !important;}
  .menu-3line-btn{width:38px !important;height:38px !important;font-size:1rem !important;}
  .search-container{max-width:145px !important;}
  .search-container input,.search-container button{height:36px !important;}
  .header-right-actions{gap:.3rem !important;}
  .notification-btn-pill,.cart-btn-pill,.account-btn-pill{width:36px !important;height:36px !important;min-width:36px !important;}

  /* Mobile: banner first, no extra trust-strip/gap above it. */
  .hero-sec-wrapper{padding-top:0 !important;margin-top:0 !important;}
  .hero-dual-grid{display:flex !important;flex-direction:column !important;gap:0 !important;}
  .hero-banner-box{order:1 !important;margin:0 !important;box-shadow:var(--hero-banner-shadow, none) !important;}
  .hero-features-column{display:none !important;}


  /* Home title blocks become compact instead of giant mobile pills. */
  #topCategoriesSection .container > div:first-child,
  #dynamicSectionsContainer + section .container > div:first-child{margin-bottom:.65rem !important;}
  #topCategoriesSection h2,
  #dynamicSectionsContainer + section h2{font-size:1.05rem !important;}
  #topCategoriesSection a{font-size:.72rem !important;}
}

/* Scroll reveal: subtle, consistent and actually visible on every public page. */
.nx-reveal{ opacity:1;
  transform:none;
  transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1) !important;
  will-change:opacity,transform;
}
.nx-reveal.nx-from-right{transform:translate3d(24px,0,0);}
.nx-reveal.nx-from-up{transform:translate3d(0,-18px,0);}
.nx-reveal.nx-visible{opacity:1 !important;transform:translate3d(0,0,0) !important;}
.nx-reveal:nth-child(2){transition-delay:.05s !important;}
.nx-reveal:nth-child(3){transition-delay:.1s !important;}
.nx-reveal:nth-child(4){transition-delay:.15s !important;}
.nx-reveal:nth-child(5){transition-delay:.2s !important;}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto !important;}
  .nx-reveal,.nx-reveal.nx-from-right,.nx-reveal.nx-from-up{opacity:1 !important;transform:none !important;transition:none !important;}
}

/* ===== style_08.blade.php ===== */
@media (max-width: 768px){
  body{padding-bottom:78px !important;}
  .mobile-bottom-nav{display:flex !important;position:fixed !important;left:0 !important;right:0 !important;bottom:0 !important;height:68px !important;background:rgba(255,255,255,.97) !important;backdrop-filter:blur(12px) !important;-webkit-backdrop-filter:blur(12px) !important;border-top:1px solid #e2e8f0 !important;box-shadow:0 -5px 22px rgba(15,23,42,.10) !important;z-index:999999 !important;align-items:flex-end !important;justify-content:space-around !important;padding:0 .35rem 5px !important;}
  .mobile-bottom-nav .mob-nav-item{display:flex !important;flex:1 1 0 !important;min-width:0 !important;height:58px !important;flex-direction:column !important;align-items:center !important;justify-content:flex-end !important;gap:3px !important;text-decoration:none !important;color:#64748b !important;font-size:.68rem !important;font-weight:800 !important;line-height:1 !important;}
  .mobile-bottom-nav .mob-nav-item>i{font-size:1.32rem !important;line-height:1 !important;color:#475569 !important;}
  .mobile-bottom-nav .mob-nav-item span:last-child{display:block !important;line-height:1 !important;}
  .mobile-bottom-nav .mob-nav-item.active,.mobile-bottom-nav .mob-nav-item.active>i{color:var(--theme-primary,#f43f5e) !important;}
  .mobile-bottom-nav .mob-home-nav{height:66px !important;justify-content:flex-end !important;gap:3px !important;}
  .mobile-bottom-nav .mob-home-orb{width:48px !important;height:48px !important;border-radius:50% !important;background:var(--theme-primary,#f43f5e) !important;color:#fff !important;display:flex !important;align-items:center !important;justify-content:center !important;box-shadow:0 8px 20px rgba(244,63,94,.28) !important;margin-top:-8px !important;border:4px solid #fff !important;}
  .mobile-bottom-nav .mob-home-orb i{font-size:1.45rem !important;color:#fff !important;}
  .mobile-bottom-nav .mob-home-nav span:last-child{color:var(--theme-primary,#f43f5e) !important;font-weight:900 !important;}
}
@media (min-width:769px){.mobile-bottom-nav{display:none !important;}}

/* ===== style_09.blade.php ===== */
.header-right-actions{gap:.45rem!important;flex-shrink:0!important}
.cart-btn-pill{width:42px!important;height:42px!important;min-width:42px!important;padding:0!important;justify-content:center!important;border-radius:10px!important;position:relative!important}
.cart-btn-pill i{font-size:1.05rem!important}
.cart-btn-pill b{font-size:0!important;position:absolute!important;right:-5px!important;top:-5px!important;min-width:17px!important;height:17px!important;line-height:17px!important;padding:0 4px!important;border-radius:999px!important;background:var(--theme-primary)!important;color:#fff!important}
.account-btn-pill{width:42px!important;height:42px!important;min-width:42px!important;padding:0!important;justify-content:center!important;border-radius:10px!important;gap:0!important}
.account-btn-pill>b{display:none!important}
.account-btn-pill>div:first-child{width:30px!important;height:30px!important;font-size:.78rem!important}
.account-btn-pill>i{font-size:1.15rem!important}
@media(max-width:600px){.header-content{gap:.45rem!important}.logo-menu-group{gap:.5rem!important}.brand-title img{max-width:150px!important;height:34px!important}.menu-3line-btn{width:38px!important;height:38px!important}.cart-btn-pill,.account-btn-pill{width:38px!important;height:38px!important;min-width:38px!important}.account-btn-pill>div:first-child{width:28px!important;height:28px!important}.header-right-actions{gap:.25rem!important}}

/* ===== style_10.blade.php ===== */
.header-content{min-width:0!important;}
.logo-menu-group{min-width:0!important;flex:1 1 auto!important;}
.brand-title{min-width:0!important;flex:0 1 auto!important;}
.brand-title img{max-width:180px!important;width:auto!important;}
.header-right-actions{flex:0 0 auto!important;min-width:0!important;gap:.45rem!important;}
.account-text-wrap,.cart-text-wrap{display:none!important;}
.account-btn-pill{width:42px!important;height:42px!important;min-width:42px!important;padding:0!important;justify-content:center!important;gap:0!important;border-radius:10px!important;overflow:hidden!important;}
.account-btn-pill>div:first-child{width:30px!important;height:30px!important;min-width:30px!important;}
.account-btn-pill>img{width:30px!important;height:30px!important;min-width:30px!important;border-radius:50%!important;object-fit:cover!important;}
.header-right-actions>a[href="/"]{display:none!important;}
@media(max-width:600px){
  .header{padding:.35rem 0!important;}
  .header-content{gap:.45rem!important;}
  .logo-menu-group{gap:.5rem!important;}
  .brand-title img{max-width:150px!important;height:34px!important;}
  .menu-3line-btn{width:38px!important;height:38px!important;min-width:38px!important;}
  .cart-btn-pill,.account-btn-pill{width:38px!important;height:38px!important;min-width:38px!important;}
  .account-btn-pill>div:first-child,.account-btn-pill>img{width:28px!important;height:28px!important;min-width:28px!important;font-size:.76rem!important;}
  .header-right-actions{gap:.3rem!important;}
}

/* ===== style_11.blade.php ===== */
.header-content{display:flex!important;align-items:center!important;gap:.65rem!important;min-width:0!important;flex-wrap:nowrap!important;}
.logo-menu-group{display:flex!important;align-items:center!important;gap:.65rem!important;min-width:0!important;flex:0 1 auto!important;}
.brand-title{display:flex!important;align-items:center!important;min-width:0!important;overflow:hidden!important;}
.brand-title img,#siteHeaderLogo{display:block!important;height:38px!important;width:auto!important;max-width:180px!important;object-fit:contain!important;}
.header-right-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:.4rem!important;flex:0 0 auto!important;min-width:0!important;margin-left:auto!important;}
.header-right-actions .cart-text-wrap,.header-right-actions .account-text-wrap{display:none!important;}
.header-right-actions .cart-btn-pill,.header-right-actions .account-btn-pill{position:relative!important;width:40px!important;min-width:40px!important;height:40px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important;border-radius:10px!important;overflow:visible!important;white-space:nowrap!important;}
.header-right-actions .cart-btn-pill i{font-size:1.05rem!important;}
.header-right-actions .account-btn-pill>div:first-child{width:30px!important;height:30px!important;min-width:30px!important;}
.header-right-actions>a[href="/"],.header-right-actions>a[href="/"] i{display:none!important;}
.header-right-actions .cart-btn-pill #headerCartCount{position:absolute!important;top:-5px!important;right:-5px!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:18px!important;height:18px!important;padding:0 4px!important;border-radius:999px!important;background:var(--theme-primary,#ef4444)!important;color:#fff!important;font-size:.62rem!important;line-height:1!important;border:2px solid #fff!important;}
@media(max-width:900px){.header-content{gap:.45rem!important}.brand-title img,#siteHeaderLogo{height:34px!important;max-width:150px!important}.menu-3line-btn{width:38px!important;height:38px!important;min-width:38px!important}.header-right-actions .cart-btn-pill,.header-right-actions .account-btn-pill{width:38px!important;min-width:38px!important;height:38px!important;border-radius:9px!important}.header-right-actions{gap:.25rem!important}.search-container{min-width:0!important;max-width:none!important;flex:1 1 auto!important}.search-container form{min-width:0!important}.search-container input{min-width:0!important;width:100%!important;}}
@media(max-width:600px){.header-content{padding-left:.55rem!important;padding-right:.55rem!important}.brand-title img,#siteHeaderLogo{max-width:138px!important;height:32px!important}.header-right-actions .cart-btn-pill,.header-right-actions .account-btn-pill{width:36px!important;min-width:36px!important;height:36px!important}.header-right-actions .account-btn-pill>div:first-child{width:27px!important;height:27px!important;min-width:27px!important;font-size:.72rem!important}.header-right-actions .cart-btn-pill i{font-size:.95rem!important}.header-right-actions .cart-btn-pill #headerCartCount{min-width:16px!important;height:16px!important;font-size:.56rem!important;top:-4px!important;right:-4px!important;}}

/* ===== style_12.blade.php ===== */
/* V26: keep header actions clean; place search on its own row */
.header-content{display:flex!important;flex-wrap:wrap!important;align-items:center!important;}
.logo-menu-group{order:1!important;flex:0 0 auto!important;}
.header-right-actions{order:2!important;margin-left:auto!important;}
.search-container{order:3!important;flex:0 0 100%!important;width:100%!important;max-width:none!important;margin-top:.45rem!important;}
.search-container form{width:100%!important;}
@media(max-width:600px){.header{padding:.35rem 0 .55rem!important}.header-content{gap:.35rem!important}.search-container{margin-top:.3rem!important}.search-container input{height:38px!important;font-size:.82rem!important}.search-container button{height:38px!important;padding:0 .8rem!important;}}

/* ===== style_13.blade.php ===== */
.home-active-notice{display:none;margin:.5rem auto .8rem;max-width:1200px;padding:10px 14px;border:1px solid rgba(var(--theme-primary-rgb),.22);background:rgba(var(--theme-primary-rgb),.06);border-radius:10px;align-items:center;gap:10px;color:#0f172a}.home-active-notice.show{display:flex}.home-active-notice .notice-icon{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--theme-primary);color:#fff;flex:0 0 auto}.home-active-notice .notice-body{min-width:0;flex:1}.home-active-notice .notice-title{font-weight:800;font-size:.88rem}.home-active-notice .notice-msg{font-size:.78rem;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-active-notice .notice-time{font-size:.7rem;color:#64748b;white-space:nowrap}.home-active-notice a{color:var(--theme-primary);font-weight:800;text-decoration:none;font-size:.76rem;white-space:nowrap}@media(max-width:600px){.home-active-notice{margin:.35rem .6rem .65rem;padding:8px 10px}.home-active-notice .notice-msg{max-width:180px}.home-active-notice .notice-time{display:none}}

/* ===== style_14.blade.php ===== */
/* V27: keep search inside header, but place it on its own row below logo/actions */
.header-content{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  justify-content:space-between !important;
  row-gap:.45rem !important;
}
.header-content .logo-menu-group{order:1 !important; flex:0 0 auto !important;}
.header-content .header-right-actions{order:2 !important; margin-left:auto !important; flex:0 0 auto !important;}
.header-content .search-container{
  order:3 !important;
  flex:0 0 100% !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
}
.header-content .search-container form{width:100% !important;}
.header-content .search-container input{min-width:0 !important;}
/* Larger clean cart; remove colored circular/pill background */
.header-right-actions .cart-btn-pill{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  width:auto !important;
  min-width:46px !important;
  height:42px !important;
  padding:.35rem .55rem !important;
  border-radius:10px !important;
  position:relative !important;
}
.header-right-actions .cart-btn-pill > i{
  font-size:1.45rem !important;
  color:var(--theme-primary) !important;
}
.header-right-actions .account-btn-pill{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  min-width:46px !important;
  height:42px !important;
  padding:.25rem !important;
  border-radius:10px !important;
  justify-content:center !important;
}
.header-right-actions .account-btn-pill > div:first-child{
  width:34px !important;height:34px !important;
  min-width:34px !important;
  border-radius:50% !important;
}
@media(max-width:768px){
  .header{padding:.35rem 0 !important;}
  .header-content{
    height:auto !important;
    min-height:44px !important;
    padding:0 .45rem .45rem !important;
    row-gap:.35rem !important;
  }
  .header-content .logo-menu-group{order:1 !important;}
  .header-content .header-right-actions{order:2 !important;gap:.15rem !important;}
  .header-content .search-container{
    order:3 !important;
    flex:0 0 100% !important;
    max-width:none !important;
  }
  .header-content .search-container input{
    height:36px !important;
    font-size:.82rem !important;
    padding:.4rem .7rem !important;
  }
  .header-content .search-container button{height:36px !important;}
  .header-right-actions .cart-btn-pill,
  .header-right-actions .account-btn-pill{
    width:40px !important; min-width:40px !important;
    height:40px !important;
    padding:0 !important;
  }
  .header-right-actions .cart-btn-pill > i{font-size:1.3rem !important;}
  .header-right-actions .account-btn-pill > div:first-child{
    width:30px !important;height:30px !important;min-width:30px !important;
  }
  .cart-text-wrap,.account-text-wrap{display:none !important;}
}
/* Home section heading: View All stays separate from title on mobile */
#dynamicSectionsContainer .home-product-section-title-outside{
  position:relative !important;
  display:block !important;
  padding-right:0 !important;
}
#dynamicSectionsContainer .home-product-section-title-outside strong{
  display:block !important;
  max-width:calc(100% - 90px) !important;
  line-height:1.25 !important;
}
#dynamicSectionsContainer .home-product-section-head{
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  margin-top:-1.35rem !important;
  position:relative !important;
  z-index:2 !important;
}
#dynamicSectionsContainer .home-product-section-head a{
  white-space:nowrap !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:.25rem !important;
  text-decoration:none !important;
}
@media(max-width:768px){
  #dynamicSectionsContainer .home-product-section-title-outside strong{
    max-width:calc(100% - 78px) !important;
    font-size:1rem !important;
  }
  #dynamicSectionsContainer .home-product-section-head{
    margin-top:-1.2rem !important;
    margin-bottom:.55rem !important;
  }
  #dynamicSectionsContainer .home-product-section-head a{font-size:.72rem !important;}
}

/* ===== style_15.blade.php ===== */
/* V28: mobile centered logo + clean responsive header */
@media (max-width: 768px){
  .header-content{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    flex-wrap:wrap !important;
    width:100% !important;
    box-sizing:border-box !important;
  }
  .logo-menu-group{
    position:relative !important;
    flex:0 0 auto !important;
    min-width:40px !important;
    z-index:4 !important;
  }
  .logo-menu-group .brand-title{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%,-50%) !important;
    margin:0 !important;
    width:max-content !important;
    max-width:48vw !important;
    z-index:2 !important;
  }
  .logo-menu-group .brand-title img,
  .logo-menu-group #siteHeaderLogo{
    display:block !important;
    width:auto !important;
    height:34px !important;
    max-width:48vw !important;
    object-fit:contain !important;
  }
  .header-right-actions{
    margin-left:auto !important;
    flex:0 0 auto !important;
    z-index:4 !important;
  }
}
/* V28: professional home search */
.search-container form{
  display:flex !important;
  align-items:stretch !important;
  gap:0 !important;
  background:#fff !important;
  border:1px solid #d8e0eb !important;
  border-radius:14px !important;
  overflow:hidden !important;
  box-shadow:0 3px 12px rgba(15,23,42,.06) !important;
}
.search-container input{
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.search-container button{
  width:54px !important;
  min-width:54px !important;
  border:0 !important;
  border-radius:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  cursor:pointer !important;
  transition:filter .2s ease, transform .2s ease !important;
}
.search-container button:hover{filter:brightness(.96) !important;}
.search-container button i{font-size:1.05rem !important;}
@media(max-width:768px){
  .search-container{width:100% !important;max-width:none !important;}
  .search-container form{height:44px !important;border-radius:13px !important;}
  .search-container input{height:44px !important;padding:.55rem .85rem !important;font-size:.9rem !important;}
  .search-container button{height:44px !important;width:52px !important;min-width:52px !important;}
}
/* V28: keep home section title, subtitle and View All visually separated */
#dynamicSectionsContainer .home-product-section-title-outside{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  text-align:center !important;
  padding:0 .5rem !important;
}
#dynamicSectionsContainer .home-product-section-title-outside strong{
  display:block !important;
  max-width:100% !important;
  line-height:1.2 !important;
}
#dynamicSectionsContainer .home-product-section-title-outside span{
  display:block !important;
  max-width:100% !important;
  line-height:1.25 !important;
}
#dynamicSectionsContainer .home-product-section-head{
  position:static !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  width:100% !important;
  margin:.35rem 0 0 !important;
  padding:0 !important;
}
#dynamicSectionsContainer .home-product-section-head a{
  display:inline-flex !important;
  align-items:center !important;
  gap:.28rem !important;
  white-space:nowrap !important;
  line-height:1 !important;
}
@media(max-width:768px){
  #dynamicSectionsContainer .home-product-section-title-outside strong{font-size:1.12rem !important;}
  #dynamicSectionsContainer .home-product-section-title-outside span{font-size:.78rem !important;margin-top:.18rem !important;}
  #dynamicSectionsContainer .home-product-section-head{margin:.42rem 0 .65rem !important;}
  #dynamicSectionsContainer .home-product-section-head a{font-size:.76rem !important;font-weight:800 !important;}
}

/* ===== style_16.blade.php ===== */
/* V29: center the mobile logo relative to the full header, not the left menu group */
@media (max-width: 768px){
  .header-content{position:relative!important;}
  .logo-menu-group{position:static!important; min-width:0!important;}
  .logo-menu-group .brand-title{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    margin:0!important;
    width:max-content!important;
    max-width:45vw!important;
    z-index:3!important;
  }
  .logo-menu-group .brand-title img,
  .logo-menu-group #siteHeaderLogo{
    width:auto!important;
    height:34px!important;
    max-width:45vw!important;
    object-fit:contain!important;
  }
}
@media (max-width:480px){
  .logo-menu-group .brand-title img,
  .logo-menu-group #siteHeaderLogo{height:32px!important;max-width:43vw!important;}
}

/* ===== style_17.blade.php ===== */
/* V29: View All sits at the upper-right of each home product section */
#dynamicSectionsContainer .home-product-section{
  position:relative!important;
}
#dynamicSectionsContainer .home-product-section-head{
  position:absolute!important;
  top:-2.15rem!important;
  right:0!important;
  left:auto!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  z-index:5!important;
}
#dynamicSectionsContainer .home-product-section-head a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  white-space:nowrap!important;
  font-weight:800!important;
  text-decoration:none!important;
}
@media(max-width:768px){
  #dynamicSectionsContainer .home-product-section-head{
    top:-2.05rem!important;
    right:.35rem!important;
  }
  #dynamicSectionsContainer .home-product-section-head a{font-size:.78rem!important;}
}

/* ===== style_18.blade.php ===== */
/* V30: clean two-row mobile header — row 1 = menu/logo/cart/account, row 2 = home search */
@media (max-width: 768px){
  .header{padding:.35rem 0 .55rem !important;}
  .header-content{
    position:relative !important;
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    width:100% !important;
    min-height:92px !important;
    padding:0 .55rem .35rem !important;
    box-sizing:border-box !important;
    row-gap:.4rem !important;
  }
  .header-content .logo-menu-group{
    order:1 !important;
    flex:0 0 auto !important;
    width:auto !important;
    min-width:40px !important;
    height:42px !important;
    position:static !important;
  }
  .header-content .logo-menu-group .brand-title{
    position:absolute !important;
    left:50% !important;
    top:21px !important;
    transform:translate(-50%,-50%) !important;
    width:max-content !important;
    max-width:45vw !important;
    margin:0 !important;
    z-index:3 !important;
    overflow:visible !important;
  }
  .header-content .logo-menu-group .brand-title img,
  .header-content .logo-menu-group #siteHeaderLogo{
    display:block !important;
    width:auto !important;
    height:34px !important;
    max-width:45vw !important;
    object-fit:contain !important;
  }
  .header-content .header-right-actions{
    order:2 !important;
    margin-left:auto !important;
    flex:0 0 auto !important;
    height:42px !important;
    display:flex !important;
    align-items:center !important;
    gap:.35rem !important;
    z-index:4 !important;
  }
  .header-content .header-right-actions .cart-btn-pill,
  .header-content .header-right-actions .account-btn-pill{
    width:42px !important;
    min-width:42px !important;
    height:42px !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    border-radius:10px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
  .header-content .header-right-actions .cart-btn-pill > i{font-size:1.45rem !important;}
  .header-content .header-right-actions .account-btn-pill > div:first-child{
    width:34px !important;height:34px !important;min-width:34px !important;
    border-radius:50% !important;
  }
  .header-content .search-container{
    order:3 !important;
    flex:0 0 100% !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    z-index:2 !important;
  }
  .header-content .search-container form{height:44px !important;border-radius:13px !important;}
  .header-content .search-container input{height:44px !important;font-size:.9rem !important;padding:.55rem .85rem !important;}
  .header-content .search-container button{height:44px !important;width:54px !important;min-width:54px !important;}
  .cart-text-wrap,.account-text-wrap{display:none !important;}
}
@media (max-width:480px){
  .header-content{min-height:90px !important;}
  .header-content .logo-menu-group .brand-title{top:21px !important;max-width:43vw !important;}
  .header-content .logo-menu-group .brand-title img,
  .header-content .logo-menu-group #siteHeaderLogo{height:32px !important;max-width:43vw !important;}
  .header-content .header-right-actions{gap:.2rem !important;}
  .header-content .header-right-actions .cart-btn-pill,
  .header-content .header-right-actions .account-btn-pill{width:40px !important;min-width:40px !important;height:40px !important;}
  .header-content .header-right-actions .cart-btn-pill > i{font-size:1.35rem !important;}
  .header-content .header-right-actions .account-btn-pill > div:first-child{width:32px !important;height:32px !important;min-width:32px !important;}
}
/* V30: home notification shows title only; View opens the full notification page */
.home-active-notice .notice-msg,.home-active-notice .notice-time{display:none !important;}
.home-active-notice{gap:12px !important;}
.home-active-notice .notice-body{display:flex !important;align-items:center !important;min-width:0 !important;}
.home-active-notice .notice-title{white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
.home-active-notice > a{margin-left:auto !important;flex:0 0 auto !important;}

/* ===== style_19.blade.php ===== */
/* V31 — one consistent public header, no accidental top gaps */
html,body{width:100%!important;overflow-x:hidden!important}
body{padding-top:0!important;margin:0!important}
.sticky-header-container{position:sticky!important;top:0!important;left:auto!important;right:auto!important;width:100%!important;min-height:0!important;height:auto!important;z-index:999999!important;background:#fff!important;transform:none!important}
.header{width:100%!important;background:#fff!important;padding:.65rem 0!important;border-bottom:1px solid #e2e8f0!important;box-shadow:0 3px 14px rgba(15,23,42,.055)!important}
.header-content{position:relative!important;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;gap:1rem!important;min-height:58px!important;height:auto!important;padding:0 1rem!important}
.logo-menu-group{display:flex!important;align-items:center!important;gap:.75rem!important;min-width:0!important;flex:0 0 auto!important;position:relative!important}
.menu-3line-btn{width:42px!important;height:42px!important;min-width:42px!important;border-radius:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#f1f5f9!important;border:1px solid #cbd5e1!important;color:#0f172a!important;font-size:1.15rem!important}
.brand-title{display:flex!important;align-items:center!important;min-width:0!important;min-height:38px!important;text-decoration:none!important}
.brand-title img,#siteHeaderLogo{display:block!important;width:auto!important;height:38px!important;max-width:180px!important;object-fit:contain!important}
.header-right-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:.65rem!important;margin-left:auto!important;flex:0 0 auto!important}
.cart-btn-pill,.account-btn-pill{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:.45rem!important;width:42px!important;height:42px!important;min-width:42px!important;padding:0!important;border-radius:10px!important;overflow:visible!important}
.cart-btn-pill i{font-size:1.2rem!important}
.cart-btn-pill #headerCartCount,.cart-btn-pill b{position:absolute!important;right:-5px!important;top:-5px!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:18px!important;height:18px!important;padding:0 4px!important;border-radius:999px!important;background:var(--theme-primary,#ef4444)!important;color:#fff!important;font-size:.6rem!important;line-height:1!important;border:2px solid #fff!important}
.account-btn-pill>div:first-child{width:30px!important;height:30px!important;min-width:30px!important;border-radius:50%!important}
.cart-text-wrap,.account-text-wrap{display:none!important}
/* Home is the only page allowed to show the product search bar. */
.search-container{box-sizing:border-box!important}

@media(min-width:769px){
  .header-content{min-height:60px!important;padding:0 1.25rem!important}
  .header{padding:.55rem 0!important}
}

@media(max-width:768px){
  .header{padding:.45rem 0!important}
  .header-content{min-height:56px!important;height:56px!important;padding:0 .55rem!important;gap:.4rem!important}
  .logo-menu-group{height:100%!important;min-width:42px!important}
  .logo-menu-group .brand-title{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:max-content!important;max-width:48vw!important;margin:0!important;z-index:3!important}
  .logo-menu-group .brand-title img,#siteHeaderLogo{height:34px!important;max-width:48vw!important}
  .menu-3line-btn{width:40px!important;height:40px!important;min-width:40px!important;font-size:1.05rem!important}
  .header-right-actions{gap:.35rem!important;z-index:4!important}
  .cart-btn-pill,.account-btn-pill{width:40px!important;height:40px!important;min-width:40px!important;border-radius:10px!important}
  .cart-btn-pill i{font-size:1.22rem!important}
  .account-btn-pill>div:first-child{width:30px!important;height:30px!important;min-width:30px!important}
  /* Index: header is two clean rows — controls/logo on row 1, search on row 2. */
  body:has(#searchForm) .header-content{height:auto!important;min-height:56px!important;flex-wrap:wrap!important;padding-bottom:.55rem!important}
  body:has(#searchForm) .logo-menu-group{order:1!important;height:56px!important}
  body:has(#searchForm) .header-right-actions{order:2!important;height:56px!important}
  body:has(#searchForm) .search-container{order:3!important;flex:0 0 100%!important;width:100%!important;max-width:none!important;margin:0!important}
  body:has(#searchForm) .search-container form{height:44px!important;border-radius:13px!important}
  body:has(#searchForm) .search-container input{height:44px!important;font-size:.92rem!important;padding:.55rem .85rem!important}
  body:has(#searchForm) .search-container button{height:44px!important;width:54px!important;min-width:54px!important}
  body:has(#searchForm) .sticky-header-container{position:sticky!important}
  body:has(#searchForm) .header{padding:.35rem 0 .55rem!important}
  body:has(#searchForm) .header-content .brand-title img,#siteHeaderLogo{height:34px!important;max-width:48vw!important}
  body:has(#searchForm){padding-bottom:75px!important}
  body:not(:has(#searchForm)){padding-bottom:75px!important}
}
/* No accidental empty band above page content */
main,.main-content,.main-content-flex{margin-top:0!important}
/* Notifications / Flash use the same header now. */
.notice .msg{white-space:pre-wrap}

/* ===== style_20.blade.php ===== */
/* V32 — final public-page layout cleanup */
html,body{margin:0!important;padding:0!important;min-height:100%!important;width:100%!important;overflow-x:hidden!important;}
body{padding-bottom:0!important;}
.sticky-header-container{margin:0!important;padding:0!important;top:0!important;}
/* V118: admin-controlled top notice is enabled; visibility is controlled by its own inline state. */
.header{margin:0!important;}
/* Non-home pages never show the product search in the global header. */
body:not(:has(#searchForm)) .search-container{display:none!important;}
/* Keep the mobile header balanced: logo is vertically centered with cart/account. */
@media(max-width:768px){
  .header{padding:.4rem 0!important;}
  .header-content{height:64px!important;min-height:64px!important;padding:0 .7rem!important;gap:.5rem!important;display:flex!important;align-items:center!important;flex-wrap:nowrap!important;}
  .logo-menu-group{height:64px!important;min-height:64px!important;display:flex!important;align-items:center!important;}
  .logo-menu-group .brand-title{top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;}
  .logo-menu-group .brand-title img,#siteHeaderLogo{height:34px!important;max-height:34px!important;max-width:46vw!important;}
  .menu-3line-btn{width:42px!important;height:42px!important;min-width:42px!important;}
  .header-right-actions{height:64px!important;display:flex!important;align-items:center!important;gap:.35rem!important;}
  .cart-btn-pill,.account-btn-pill{width:42px!important;height:42px!important;min-width:42px!important;}
  .account-btn-pill>div:first-child{width:32px!important;height:32px!important;min-width:32px!important;}
  .cart-btn-pill i{font-size:1.28rem!important;}
  /* Home: clean second-row search, with no extra top gap. */
  body:has(#searchForm) .header-content{height:auto!important;min-height:64px!important;flex-wrap:wrap!important;padding-bottom:.55rem!important;}
  body:has(#searchForm) .logo-menu-group,body:has(#searchForm) .header-right-actions{height:64px!important;}
  body:has(#searchForm) .search-container{display:block!important;order:3!important;flex:0 0 100%!important;width:100%!important;max-width:none!important;margin:0!important;}
  body:has(#searchForm) .search-container form{height:46px!important;border-radius:14px!important;}
  body:has(#searchForm) .search-container input{height:46px!important;font-size:.92rem!important;}
  body:has(#searchForm) .search-container button{height:46px!important;width:54px!important;min-width:54px!important;}
  body:has(#searchForm) .header{padding:.35rem 0 .55rem!important;}
  body:has(#searchForm) .sticky-header-container{position:sticky!important;}
  body:has(#searchForm) .hero-sec-wrapper{margin-top:0!important;padding-top:0!important;}
  body:not(:has(#searchForm)) main,.main-content,.main-content-flex{margin-top:0!important;padding-top:.65rem!important;}
}
@media(min-width:769px){
  .header-content{min-height:60px!important;}
  body:not(:has(#searchForm)) .search-container{display:none!important;}
}
/* Keep the home section View All at the far right, never inside the title/subtitle. */
#dynamicSectionsContainer .home-product-section-title-outside{position:relative!important;}
#dynamicSectionsContainer .home-product-section-head{display:flex!important;justify-content:flex-end!important;align-items:center!important;}

/* ===== style_21.blade.php ===== */
/* V32 HOTFIX: one identical mobile header geometry on every public page */
@media (max-width:768px){
  html,body{margin:0!important;padding-top:0!important;}
  body{padding-top:0!important;}
  .sticky-header-container{position:sticky!important;top:0!important;left:0!important;right:0!important;margin:0!important;padding:0!important;width:100%!important;min-height:0!important;transform:none!important;}
  .header{margin:0!important;padding:.35rem 0!important;}
  .header-content{position:relative!important;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;height:64px!important;min-height:64px!important;padding:0 .7rem!important;margin:0!important;}
  .logo-menu-group{position:static!important;height:64px!important;min-height:64px!important;display:flex!important;align-items:center!important;min-width:42px!important;}
  .logo-menu-group .brand-title{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;margin:0!important;padding:0!important;min-width:0!important;min-height:0!important;width:max-content!important;max-width:48vw!important;z-index:5!important;overflow:visible!important;display:flex!important;align-items:center!important;}
  .logo-menu-group .brand-title img,#siteHeaderLogo{display:block!important;width:auto!important;height:34px!important;max-height:34px!important;max-width:44vw!important;object-fit:contain!important;}
  .header-right-actions{height:64px!important;min-height:64px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:.35rem!important;margin-left:auto!important;z-index:6!important;}
  .header-right-actions .cart-btn-pill,.header-right-actions .account-btn-pill{display:flex!important;align-items:center!important;justify-content:center!important;width:42px!important;height:42px!important;min-width:42px!important;padding:0!important;margin:0!important;}
  .header-right-actions .cart-btn-pill i{font-size:1.28rem!important;}
  .header-right-actions .account-btn-pill>div:first-child{width:32px!important;height:32px!important;min-width:32px!important;}
  /* Home search is always row two; never push the logo upward. */
  body:has(#searchForm) .header-content{height:auto!important;min-height:64px!important;flex-wrap:wrap!important;row-gap:.45rem!important;padding-bottom:.55rem!important;}
  body:has(#searchForm) .logo-menu-group,body:has(#searchForm) .header-right-actions{height:64px!important;min-height:64px!important;}
  body:has(#searchForm) .logo-menu-group .brand-title{top:32px!important;}
  body:has(#searchForm) .search-container{display:block!important;order:3!important;flex:0 0 100%!important;width:100%!important;max-width:none!important;margin:0!important;}
  body:has(#searchForm) .search-container form{width:100%!important;height:46px!important;}
  body:has(#searchForm) .search-container input{height:46px!important;min-height:46px!important;}
  body:has(#searchForm) .search-container button{height:46px!important;min-height:46px!important;}
  /* Kill legacy top spacers/reserved fixed-header offsets on mobile. */
  body:has(#searchForm),body:not(:has(#searchForm)){padding-top:0!important;}
  body:has(#searchForm) main,body:has(#searchForm) .hero-sec-wrapper{margin-top:0!important;padding-top:0!important;}
  body:not(:has(#searchForm)) main{margin-top:0!important;}
}
@media (max-width:480px){
  .header-content{padding-left:.55rem!important;padding-right:.55rem!important;}
  .logo-menu-group .brand-title img,#siteHeaderLogo{height:32px!important;max-height:32px!important;max-width:43vw!important;}
  .menu-3line-btn{width:40px!important;height:40px!important;min-width:40px!important;}
  .header-right-actions .cart-btn-pill,.header-right-actions .account-btn-pill{width:40px!important;height:40px!important;min-width:40px!important;}
  .header-right-actions .account-btn-pill>div:first-child{width:30px!important;height:30px!important;min-width:30px!important;}
}
/* Notification page uses the same header classes but a different base stylesheet. */
@media(max-width:768px){
  .header-content .brand-title{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;}
  .header-content .brand-title img{height:34px!important;max-height:34px!important;max-width:44vw!important;}
}

/* ===== style_22.blade.php ===== */
/* V34: desktop header — logo/menu/actions on row 1, homepage search on row 2. */
@media (min-width:769px){
  .sticky-header-container .header{padding:.65rem 0 .7rem!important;}
  .sticky-header-container .header-content{
    position:relative!important; display:flex!important; flex-wrap:wrap!important;
    align-items:center!important; justify-content:space-between!important;
    gap:0!important; min-height:58px!important; height:auto!important;
    padding-top:0!important; padding-bottom:0!important;
  }
  .sticky-header-container .logo-menu-group{
    order:1!important; flex:1 1 0!important; min-width:0!important;
    display:flex!important; align-items:center!important; gap:.75rem!important;
  }
  .sticky-header-container .logo-menu-group .brand-title{
    position:static!important; transform:none!important; width:auto!important;
    max-width:none!important; min-width:0!important; margin:0!important;
    display:flex!important; align-items:center!important;
  }
  .sticky-header-container .logo-menu-group .brand-title img,#siteHeaderLogo{
    display:block!important; height:40px!important; max-height:40px!important;
    width:auto!important; max-width:210px!important; object-fit:contain!important;
  }
  .sticky-header-container .header-right-actions{
    order:2!important; flex:1 1 0!important; margin-left:auto!important;
    display:flex!important; align-items:center!important; justify-content:flex-end!important;
    gap:.55rem!important; height:58px!important;
  }
  .sticky-header-container .search-container{
    order:3!important; flex:0 0 100%!important; width:100%!important;
    max-width:none!important; margin:.55rem 0 0!important; display:block!important;
  }
  .sticky-header-container .search-container form{
    width:100%!important; height:44px!important; border:1px solid #d7e0eb!important;
    border-radius:12px!important; overflow:hidden!important; background:#fff!important;
    box-shadow:0 2px 10px rgba(15,23,42,.05)!important;
  }
  .sticky-header-container .search-container input{
    height:100%!important; min-width:0!important; padding:0 1rem!important;
    font-size:.9rem!important; border:0!important; outline:none!important; background:#fff!important;
  }
  .sticky-header-container .search-container button{
    height:100%!important; width:54px!important; min-width:54px!important;
    padding:0!important; border:0!important; border-radius:0!important;
    display:flex!important; align-items:center!important; justify-content:center!important;
  }
}

/* ===== style_23.blade.php ===== */
/* V64: Home footer dark theme. */
.footer{background:#0f172a !important;border-top:1px solid #1e293b !important;color:#cbd5e1 !important;}
.footer h4{color:var(--theme-primary) !important;}
.footer a#footerPhone,.footer a#footerEmail,.footer a[href="/about-us"],.footer a[href="/terms-conditions"],.footer a[href="/orders"],.footer a[href="/privacy-policy"],.footer a[href="/refund-policy"],.footer a[href="/return-policy"],.footer a[href="/warranty-policy"],.footer a[href="/delivery-policy"]{color:#cbd5e1 !important;}
.footer #footerBrandName{color:#fff !important;}
.footer #footerText{color:#94a3b8 !important;}
.footer > div:last-child{background:#020617 !important;border-top:1px solid #1e293b !important;}
.footer #footerCopy{color:#94a3b8 !important;}
.footer > div:last-child span{background:#0f172a !important;border-color:#334155 !important;color:#e2e8f0 !important;}
.footer > div:last-child span[style*="e2136e"]{background:#e2136e !important;color:#fff !important;}
.footer > div:last-child span[style*="f7941d"]{background:#f7941d !important;color:#fff !important;}

/* V64: Featured/Home product section heading is centered inside the section. */
#dynamicSectionsContainer .home-product-section-title-outside{display:none !important;}
#dynamicSectionsContainer .home-product-section{padding-top:1rem !important;}
#dynamicSectionsContainer .v64-featured-heading{
  position:relative !important;
  min-height:62px !important;
  margin:0 0 1rem !important;
  padding:0 110px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  border-bottom:1px solid #eef2f7 !important;
}
#dynamicSectionsContainer .v64-featured-heading-copy{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;line-height:1.2 !important;}
#dynamicSectionsContainer .v64-featured-heading-copy strong{display:block !important;font-size:1.35rem !important;font-weight:900 !important;letter-spacing:-.35px !important;color:#0f172a !important;}
#dynamicSectionsContainer .v64-featured-heading-copy span{display:block !important;margin-top:.22rem !important;color:#64748b !important;font-size:.86rem !important;font-weight:600 !important;}
#dynamicSectionsContainer .v64-view-all-btn{
  position:absolute !important;
  right:0 !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:.3rem !important;
  padding:.55rem .85rem !important;
  border:1px solid rgba(var(--theme-primary-rgb),.22) !important;
  background:rgba(var(--theme-primary-rgb),.06) !important;
  color:var(--theme-primary) !important;
  border-radius:9px !important;
  font-size:.78rem !important;
  font-weight:800 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}
#dynamicSectionsContainer .v64-view-all-btn:hover{background:var(--theme-primary) !important;color:#fff !important;}
@media(max-width:768px){
  /* V65: keep the section title/subtitle and View All visually separated on mobile. */
  #dynamicSectionsContainer .v64-featured-heading{
    min-height:98px !important;
    margin-bottom:.7rem !important;
    padding:10px 6px 42px !important;
    display:flex !important;
    align-items:flex-start !important;
    justify-content:center !important;
    position:relative !important;
  }
  #dynamicSectionsContainer .v64-featured-heading-copy{
    width:100% !important;
    max-width:72% !important;
    margin:0 auto !important;
    text-align:center !important;
  }
  #dynamicSectionsContainer .v64-featured-heading-copy strong{
    font-size:1.08rem !important;
    line-height:1.15 !important;
  }
  #dynamicSectionsContainer .v64-featured-heading-copy span{
    font-size:.72rem !important;
    line-height:1.2 !important;
    margin-top:.16rem !important;
  }
  #dynamicSectionsContainer .v64-view-all-btn{
    right:8px !important;
    top:auto !important;
    bottom:7px !important;
    transform:none !important;
    padding:.42rem .62rem !important;
    font-size:.68rem !important;
    border-radius:8px !important;
    z-index:3 !important;
  }
}

/* ===== style_24.blade.php ===== */
/* V66: On mobile, Featured Products matches the Top Categories header layout. */
@media (max-width:768px){
  #dynamicSectionsContainer .v64-featured-heading{
    min-height:48px !important;
    height:auto !important;
    margin:0 0 .75rem !important;
    padding:0 !important;
    border-bottom:0 !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;
    text-align:left !important;
    gap:.6rem !important;
  }
  #dynamicSectionsContainer .v64-featured-heading-copy{
    width:auto !important;
    max-width:none !important;
    margin:0 !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    align-items:flex-start !important;
    justify-content:center !important;
    text-align:left !important;
  }
  #dynamicSectionsContainer .v64-featured-heading-copy strong{
    font-size:1.05rem !important;
    line-height:1.2 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  #dynamicSectionsContainer .v64-featured-heading-copy span{
    display:none !important;
  }
  #dynamicSectionsContainer .v64-view-all-btn{
    position:static !important;
    transform:none !important;
    flex:0 0 auto !important;
    padding:.42rem .62rem !important;
    font-size:.68rem !important;
    line-height:1 !important;
    border-radius:8px !important;
    white-space:nowrap !important;
    margin:0 !important;
  }
}

/* ===== style_25.blade.php ===== */
/* V109: keep the already-rendered page visible during refresh/API calls. */
  html.nexozs-booting { background:#fff !important; }
  html.nexozs-booting body { visibility:visible !important; background:#fff !important; }

/* ===== style_26.blade.php ===== */
.nexozs-float-stack{
    position:fixed;right:20px;bottom:20px;z-index:99990;
    display:flex;flex-direction:column;align-items:flex-end;gap:11px;
    font-family:inherit;
  }
  .nexozs-float-btn{
    position:relative;width:56px;height:56px;border:0;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    text-decoration:none;cursor:pointer;color:#fff;
    box-shadow:0 8px 22px rgba(15,23,42,.18);
    transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease,visibility .2s ease;
    -webkit-tap-highlight-color:transparent;
  }
  .nexozs-float-btn:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(15,23,42,.25)}
  .nexozs-float-support{
    width:56px;height:56px;background:var(--theme-primary,#ef4444);
    box-shadow:0 8px 25px rgba(var(--theme-primary-rgb,239,68,68),.35);
  }
  .nexozs-float-support i{font-size:23px}
  .nexozs-float-support::after{
    content:"";position:absolute;inset:-6px;border:2px solid rgba(var(--theme-primary-rgb,239,68,68),.18);
    border-radius:50%;animation:nexozsFloatPulse 2s infinite;pointer-events:none;
  }
  .nexozs-float-top{
    background:#ef4444;opacity:0;visibility:hidden;transform:translateY(10px);
    overflow:hidden;
  }
  .nexozs-float-top.show{opacity:1;visibility:visible;transform:translateY(0)}
  .nexozs-progress-ring{
    position:absolute;inset:3px;border-radius:50%;transform:rotate(-90deg);pointer-events:none;
  }
  .nexozs-progress-ring circle{fill:none;stroke-width:3}
  .nexozs-progress-track{stroke:rgba(255,255,255,.28)}
  .nexozs-progress-value{
    stroke:#fff;stroke-linecap:round;stroke-dasharray:150.8;stroke-dashoffset:150.8;
    transition:stroke-dashoffset .12s linear;
  }
  .nexozs-top-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;line-height:1}
  .nexozs-top-percent{font-size:8px;font-weight:900;margin-top:3px}
  .nexozs-float-cart{background:#ef4444}
  .nexozs-float-cart .nexozs-cart-count{
    position:absolute;top:-5px;right:-5px;min-width:20px;height:20px;padding:0 5px;
    border-radius:999px;background:#111827;color:#fff;border:2px solid #fff;
    font-size:10px;line-height:16px;text-align:center;font-weight:900;
  }
  .nexozs-help-panel{
    display:none;flex-direction:column;gap:7px;position:absolute;right:0;bottom:73px;
    min-width:190px;padding:10px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;
    box-shadow:0 14px 35px rgba(15,23,42,.18);
  }
  .nexozs-help-panel.open{display:flex}
  .nexozs-help-title{font-size:12px;font-weight:900;color:#0f172a;padding:3px 5px 6px}
  .nexozs-help-option{
    display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:9px;
    text-decoration:none;color:#0f172a;font-size:12px;font-weight:800;background:#f8fafc;
  }
  .nexozs-help-option:hover{background:#f1f5f9}
  .nexozs-help-option i{width:20px;text-align:center;font-size:17px}
  @keyframes nexozsFloatPulse{0%,100%{transform:scale(1);opacity:.8}50%{transform:scale(1.08);opacity:.25}}
  @media(max-width:600px){
    .nexozs-float-stack{right:13px;bottom:72px;gap:9px}
    .nexozs-float-btn{width:50px;height:50px}
    .nexozs-float-support{width:50px;height:50px}
    .nexozs-help-panel{bottom:66px;min-width:175px}
  }

/* ===== style_27.blade.php ===== */
/* V27: professional homepage header search layout */
@media (min-width:769px){
  .header-content{
    flex-wrap:nowrap !important;
    align-items:center !important;
    gap:1rem !important;
  }
  .header-content > .search-container{
    order:2 !important;
    flex:1 1 420px !important;
    max-width:560px !important;
    margin:0 auto !important;
  }
  .header-content > .header-right-actions{order:3 !important; flex-shrink:0 !important;}
  .search-container form{
    height:42px !important;
    border:1px solid #dbe3ee !important;
    border-radius:12px !important;
    overflow:hidden !important;
    background:#fff !important;
    box-shadow:0 3px 14px rgba(15,23,42,.06) !important;
  }
  .search-container input{
    border:0 !important;
    background:#fff !important;
    height:100% !important;
    padding:0 1rem !important;
    font-size:.9rem !important;
  }
  .search-container button{
    width:48px !important;
    height:100% !important;
    border:0 !important;
    border-radius:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    transition:transform .18s ease, filter .18s ease !important;
  }
  .search-container button:hover{filter:brightness(.96); transform:scale(1.02);}
}

@media (max-width:768px){
  /* Two clean header rows: logo/actions on row 1, search on row 2. */
  body{padding-top:92px !important;}
  .header{padding:.35rem 0 .45rem !important;}
  .header-content{
    flex-wrap:wrap !important;
    height:auto !important;
    min-height:78px !important;
    align-items:center !important;
    row-gap:.45rem !important;
    column-gap:.35rem !important;
  }
  .logo-menu-group{order:1 !important; flex:1 1 auto !important; min-width:0 !important;}
  .header-right-actions{order:2 !important; flex:0 0 auto !important;}
  .header-content > .search-container{
    order:3 !important;
    flex:0 0 100% !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
  }
  .search-container form{
    height:38px !important;
    width:100% !important;
    border:1px solid #d7e0eb !important;
    border-radius:11px !important;
    overflow:hidden !important;
    background:#fff !important;
    box-shadow:0 2px 10px rgba(15,23,42,.055) !important;
  }
  .search-container input{
    min-width:0 !important;
    flex:1 !important;
    height:100% !important;
    padding:0 .75rem !important;
    font-size:.78rem !important;
    border:0 !important;
    background:#fff !important;
    outline:none !important;
  }
  .search-container input::placeholder{color:#94a3b8 !important;}
  .search-container button{
    flex:0 0 42px !important;
    width:42px !important;
    height:100% !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:.82rem !important;
  }
  .search-container button i{font-size:.82rem !important;}
  .cart-btn-pill,.account-btn-pill{width:36px !important;height:36px !important;border-radius:9px !important;}
  .cart-btn-pill i,.account-btn-pill i{font-size:1rem !important;}
}

/* ===== style_28.blade.php ===== */
/* FINAL V32 OVERRIDE — same mobile header on every public page */
html,body{
  margin:0!important;
  padding:0!important;
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}
body{padding-top:0!important;padding-bottom:0!important;}
.sticky-header-container{
  position:sticky!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  min-height:0!important;
  height:auto!important;
  transform:none!important;
  z-index:999999!important;
  background:#fff!important;
}
.header{
  width:100%!important;
  margin:0!important;
  background:#fff!important;
  border-bottom:1px solid #e2e8f0!important;
  box-shadow:0 3px 14px rgba(15,23,42,.055)!important;
}
.header-content{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  flex-wrap:nowrap!important;
  min-width:0!important;
  min-height:64px!important;
  height:64px!important;
  padding:0 .7rem!important;
  gap:.5rem!important;
}
.logo-menu-group{
  position:static!important;
  display:flex!important;
  align-items:center!important;
  height:64px!important;
  min-height:64px!important;
  min-width:42px!important;
  flex:0 0 auto!important;
  gap:0!important;
}
.menu-3line-btn{
  width:42px!important;height:42px!important;min-width:42px!important;
  border-radius:10px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
}
.logo-menu-group .brand-title{
  position:absolute!important;
  left:50%!important;
  top:32px!important;
  transform:translate(-50%,-50%)!important;
  width:max-content!important;
  max-width:46vw!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  z-index:3!important;
  overflow:visible!important;
}
.logo-menu-group .brand-title img,#siteHeaderLogo{
  display:block!important;
  width:auto!important;
  height:34px!important;
  max-height:34px!important;
  max-width:46vw!important;
  object-fit:contain!important;
}
.header-right-actions{
  height:64px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:.35rem!important;
  margin-left:auto!important;
  flex:0 0 auto!important;
  z-index:4!important;
}
.header-right-actions .cart-btn-pill,.header-right-actions .account-btn-pill{
  width:42px!important;height:42px!important;min-width:42px!important;
  padding:0!important;border-radius:10px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  overflow:visible!important;
}
.header-right-actions .cart-btn-pill i{font-size:1.28rem!important;}
.header-right-actions .account-btn-pill>div:first-child{
  width:32px!important;height:32px!important;min-width:32px!important;
}
.header-right-actions .cart-btn-pill #headerCartCount,
.header-right-actions .cart-btn-pill b{
  position:absolute!important;top:-5px!important;right:-5px!important;
}
.cart-text-wrap,.account-text-wrap{display:none!important;}
/* Search remains homepage-only and is always the second row. */
body:not(:has(#searchForm)) .search-container{display:none!important;}
@media(max-width:768px){
  body:has(#searchForm) .header{padding:.35rem 0 .55rem!important;}
  body:has(#searchForm) .header-content{
    height:auto!important;min-height:64px!important;
    flex-wrap:wrap!important;padding-bottom:.55rem!important;
    row-gap:.45rem!important;
  }
  body:has(#searchForm) .logo-menu-group,
  body:has(#searchForm) .header-right-actions{height:64px!important;min-height:64px!important;}
  body:has(#searchForm) .search-container{
    display:block!important;order:3!important;
    flex:0 0 100%!important;width:100%!important;max-width:none!important;
    margin:0!important;
  }
  body:has(#searchForm) .search-container form{
    width:100%!important;height:46px!important;border-radius:14px!important;
  }
  body:has(#searchForm) .search-container input{
    height:46px!important;min-width:0!important;font-size:.92rem!important;
    padding:.55rem .85rem!important;
  }
  body:has(#searchForm) .search-container button{
    height:46px!important;width:54px!important;min-width:54px!important;
  }
  /* Prevent the centered logo from sitting inside the search row. */
  body:has(#searchForm) .logo-menu-group .brand-title{top:32px!important;}
  body:not(:has(#searchForm)) .header{padding:.4rem 0!important;}
  body:not(:has(#searchForm)) .header-content{height:64px!important;min-height:64px!important;}
}
@media(max-width:480px){
  .header-content{padding-left:.55rem!important;padding-right:.55rem!important;}
  .logo-menu-group .brand-title img,#siteHeaderLogo{height:32px!important;max-height:32px!important;max-width:43vw!important;}
  .menu-3line-btn{width:40px!important;height:40px!important;min-width:40px!important;}
  .header-right-actions .cart-btn-pill,.header-right-actions .account-btn-pill{width:40px!important;height:40px!important;min-width:40px!important;}
  .header-right-actions .account-btn-pill>div:first-child{width:30px!important;height:30px!important;min-width:30px!important;}
  .header-right-actions .cart-btn-pill i{font-size:1.22rem!important;}
}
/* Home: remove any legacy top spacer and keep hero immediately below header. */
body:has(#searchForm) .hero-sec-wrapper{margin-top:0!important;padding-top:0!important;}
body:has(#searchForm) main{margin-top:0!important;}
/* Other pages: no artificial top offset. */
body:not(:has(#searchForm)) main,
body:not(:has(#searchForm)) .main-content,
body:not(:has(#searchForm)) .main-content-flex{margin-top:0!important;}
/* Notification/other pages should keep the footer above the mobile nav. */
.footer-dark{margin-bottom:0!important;}
@media(max-width:768px){.footer-dark{padding-bottom:5.5rem!important;}}

/* ===== style_29.blade.php ===== */
/* V64: global website header theme switch. Default remains the existing light header. */
html.nexozs-header-dark .sticky-header-container,
html.nexozs-header-dark .header{
  background:#0f172a !important;
  color:#f8fafc !important;
  border-color:#1e293b !important;
}
html.nexozs-header-dark .sticky-header-container.header-scrolled{
  background:rgba(15,23,42,.97) !important;
  border-bottom-color:#334155 !important;
  box-shadow:0 8px 25px rgba(0,0,0,.28) !important;
}
html.nexozs-header-dark .brand-title,
html.nexozs-header-dark .brand-title b,
html.nexozs-header-dark .header-content,
html.nexozs-header-dark .header-right-actions{color:#f8fafc !important;}
html.nexozs-header-dark .menu-3line-btn{
  background:#1e293b !important;
  border-color:#334155 !important;
  color:#f8fafc !important;
}
html.nexozs-header-dark .menu-3line-btn:hover{background:var(--theme-primary) !important;border-color:var(--theme-primary) !important;color:#fff !important;}
html.nexozs-header-dark .search-container form{
  background:#1e293b !important;
  border-color:#334155 !important;
  box-shadow:none !important;
}
html.nexozs-header-dark .search-container input{
  background:#1e293b !important;
  color:#f8fafc !important;
  border-color:#334155 !important;
}
html.nexozs-header-dark .search-container input::placeholder{color:#94a3b8 !important;}
html.nexozs-header-dark .header-right-actions .cart-btn-pill,
html.nexozs-header-dark .header-right-actions .cart-btn-pill i{color:#f8fafc !important;}
html.nexozs-header-dark .header-right-actions .account-btn-pill{color:#f8fafc !important;}
html.nexozs-header-dark .header-right-actions .account-btn-pill .account-text-wrap b{color:#f8fafc !important;}
html.nexozs-header-dark .header-right-actions .account-btn-pill .account-text-wrap small{color:#94a3b8 !important;}

/* Profile menu is intentionally always light, regardless of header theme. */
#userProfileDropdown{
  background:#ffffff !important;
  color:#0f172a !important;
  border:1px solid #e2e8f0 !important;
  box-shadow:0 20px 35px rgba(15,23,42,.18) !important;
}
#userProfileDropdown > div:first-child{border-bottom-color:#e2e8f0 !important;}
#userProfileDropdown #profNameLabel{color:#0f172a !important;}
#userProfileDropdown #profEmailLabel{color:#64748b !important;}
#userProfileDropdown a{color:#334155 !important;background:transparent !important;}
#userProfileDropdown a:hover{background:#f8fafc !important;color:#0f172a !important;}
#userProfileDropdown button{background:rgba(var(--theme-primary-rgb),.08) !important;color:var(--theme-primary) !important;border-color:rgba(var(--theme-primary-rgb),.2) !important;}

/* ===== style_30.blade.php ===== */
.nexozs-header-logo{
    visibility:hidden !important;
    opacity:0 !important;
  }
  .nexozs-header-logo.logo-ready{
    visibility:visible !important;
    opacity:1 !important;
  }

/* ===== style_31.blade.php ===== */
#topNoticeBar{
  height:32px !important;
  min-height:32px !important;
  padding:0 !important;
  margin:0 !important;
  overflow:hidden !important;
  background:#0f172a !important;
  color:#f8fafc !important;
  position:relative !important;
}
#topNoticeBar > .container{
  position:relative !important;
  width:100% !important;
  height:32px !important;
  display:flex !important;
  align-items:center !important;
  overflow:hidden !important;
}
#topNoticeBar #bindTopNotice{
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  width:max-content !important;
  max-width:none !important;
  white-space:nowrap !important;
  will-change:transform !important;
  animation:nexozsV118NoticeTicker var(--nexozs-notice-speed,18s) linear infinite !important;
}
@keyframes nexozsV118NoticeTicker{
  0%{transform:translateX(100vw);}
  100%{transform:translateX(-100%);}
}
#topNoticeBar #bindTopPhone{
  flex:0 0 auto !important;
  position:absolute !important;
  right:0 !important;
  top:0 !important;
  height:32px !important;
  display:flex !important;
  align-items:center !important;
  padding:0 .75rem !important;
  background:#0f172a !important;
  z-index:2 !important;
}
/* The header bell is the only notification entry point; remove the duplicate strip below the header. */
#homeActiveNotice{display:none !important;}
@media(max-width:768px){
  #topNoticeBar{height:30px !important;min-height:30px !important;}
  #topNoticeBar > .container{height:30px !important;}
  #topNoticeBar #bindTopPhone{display:none !important;}
  #topNoticeBar #bindTopNotice{animation-duration:var(--nexozs-notice-speed,13s) !important;}
}

/* ===== style_32.blade.php ===== */
/* The admin-controlled topbar notice was previously suppressed by a legacy global rule. */
#topNoticeBar{
  display:none;
  height:32px !important;
  min-height:32px !important;
  padding:0 !important;
  margin:0 !important;
  overflow:hidden !important;
  background:#0f172a !important;
  color:#f8fafc !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:nowrap !important;
}
#topNoticeBar[style*="display: block"]{display:flex !important;}

#topNoticeBar #bindTopNotice{
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  width:max-content !important;
  max-width:none !important;
  white-space:nowrap !important;
  will-change:transform !important;
  animation:nexozsNoticeTicker var(--nexozs-notice-speed,18s) linear infinite !important;
}
@keyframes nexozsNoticeTicker{
  0%{transform:translateX(110vw);}
  100%{transform:translateX(-110vw);}
}

/* Desktop: notification bell sits immediately to the left of Cart. */
.header-right-actions .notification-btn-pill{
  position:relative !important;
  width:42px !important;
  min-width:42px !important;
  height:42px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:var(--theme-primary) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-decoration:none !important;
  border-radius:10px !important;
}
.header-right-actions .notification-btn-pill i{
  font-size:1.28rem !important;
  color:var(--theme-primary) !important;
}
.header-notification-badge{
  position:absolute !important;
  top:0 !important;
  right:0 !important;
  min-width:15px !important;
  height:15px !important;
  padding:0 3px !important;
  border-radius:999px !important;
  background:#ef4444 !important;
  color:#fff !important;
  border:2px solid #fff !important;
  font-size:9px !important;
  line-height:11px !important;
  text-align:center !important;
  font-weight:800 !important;
}

@media(max-width:768px){
  /* Keep mobile header clean: notification remains available but compact. */
  .header-right-actions .notification-btn-pill{
    width:36px !important; min-width:36px !important; height:36px !important;
  }
  .header-right-actions .notification-btn-pill i{font-size:1.05rem !important;}
  .header-notification-badge{top:-2px !important;right:-2px !important;}

  /* Mobile search: smaller and right-aligned instead of taking the full row. */
  body:has(#searchForm) .search-container{
    flex:0 0 74% !important;
    width:74% !important;
    max-width:74% !important;
    margin-left:auto !important;
    margin-right:0 !important;
  }
  body:has(#searchForm) .search-container form{
    height:40px !important;
    border-radius:11px !important;
  }
  body:has(#searchForm) .search-container input{
    height:40px !important;
    font-size:.82rem !important;
    padding:.45rem .7rem !important;
  }
  body:has(#searchForm) .search-container button{
    height:40px !important;
    width:46px !important;
    min-width:46px !important;
    padding:0 !important;
  }
}
@media(max-width:480px){
  body:has(#searchForm) .search-container{
    flex-basis:70% !important; width:70% !important; max-width:70% !important;
  }
}