/* Extracted Header V2 Enhanced Styling (moved from inline index.html to prevent raw text leakage) */
.main-header-wrapper-v2 { background: linear-gradient(135deg,#ffffff 0%,#f8fbff 100%); padding:1rem 0; border-bottom:1px solid rgba(30,60,114,.08); box-shadow:0 4px 25px rgba(30,60,114,.08); position:relative; z-index:9999 !important; min-height:80px; }
.header-layout-v2 { display:flex !important; align-items:center !important; gap:0.5rem !important; max-width:1400px !important; margin:0 auto !important; padding:0 1rem !important; overflow:visible !important; justify-content:space-between !important; }
.header-left-v2 { display:flex; align-items:center; gap:1rem; min-width:280px; position:relative; }
.hamburger-menu-v2 { display:none; background:linear-gradient(135deg,#1e3c72 0%,#2a5298 100%); border:none; color:#fff; padding:.75rem; border-radius:12px; cursor:pointer; transition:.3s; box-shadow:0 4px 15px rgba(30,60,114,.2); }
.brand-container-v2 { display:flex; align-items:center; gap:.75rem; text-decoration:none; transition:.3s; }
.brand-container-v2:hover { transform:translateY(-2px); }
#shop-logo-main-v2 { width:50px; height:50px; object-fit:contain; border-radius:12px; box-shadow:0 4px 15px rgba(30,60,114,.12); transition:.3s; border:2px solid rgba(30,60,114,.08); }
.brand-text-v2 { display:flex; flex-direction:column; }
#shop-name-display-v2 { font-size:1.4rem; font-weight:700; color:#1e3c72; margin:0; line-height:1.2; text-shadow:0 1px 3px rgba(30,60,114,.08); }
.brand-tagline-v2 { font-size:.8rem; color:#64748b; margin:0; line-height:1.2; font-weight:500; }
.header-center-v2 { display:flex; justify-content:center; align-items:center; gap:1rem; width:100%; max-width:700px; margin:0 auto; }
.category-menu-btn-v2 { display:flex !important; align-items:center; gap:.6rem; background:#FFD600 !important; color:#2c3e50 !important; border:none; padding:.7rem 1.2rem; border-radius:8px; cursor:pointer; transition:.3s; font-size:.9rem; font-weight:600; box-shadow:0 2px 10px rgba(255,214,0,.5); white-space:nowrap; flex-shrink:0; }
.category-menu-btn-v2:hover { background:#FFC700; transform:translateY(-2px); box-shadow:0 4px 15px rgba(255,214,0,.4); }
.category-menu-btn-v2 i:first-child { font-size:1.1rem; }
.category-menu-btn-v2 i:last-child { font-size:.8rem; margin-left:.3rem; }
.category-dropdown-menu-v2 { position:fixed !important; top:auto; left:auto; min-width:300px; background:#fff; border-top:3px solid #FFD600; box-shadow:0 8px 30px rgba(0,0,0,.3); border-radius:8px; z-index:999999 !important; max-height:500px; overflow-y:auto; display:none; }
.category-dropdown-content { padding:1.5rem; display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:1rem; }
.category-dropdown-item { padding:.8rem 1rem; background:#f8f9fa; border-radius:8px; cursor:pointer; transition:.3s; display:flex; align-items:center; gap:.6rem; color:#2c3e50; text-decoration:none; font-size:.9rem; font-weight:500; }
.category-dropdown-item:hover { background:#FFD600; color:#2c3e50; transform:translateX(5px); }
.category-dropdown-item i { font-size:1.1rem; color:#3498db; }
.search-container-v2 { flex:1; position:relative; }
.search-bar-v2 { display:flex; align-items:center; background:#fff; border:2px solid rgba(30,60,114,.1); border-radius:25px; padding:.5rem; box-shadow:0 4px 20px rgba(30,60,114,.08); transition:.3s; overflow:visible; }
.search-bar-v2:focus-within { border-color:#3498db; box-shadow:0 6px 25px rgba(52,152,219,.15); transform:translateY(-1px); }
.category-select-v2 { border:none; background:none; color:#64748b; font-size:.75rem; font-weight:500; padding:.5rem .6rem; border-radius:20px; cursor:pointer; transition:.3s; outline:none; min-width:80px; max-width:100px; width:auto; flex:0 0 auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.category-select-v2:hover { background:rgba(52,152,219,.05); color:#3498db; }
#search-input-main-v2 { flex:1; min-width:0; border:none; outline:none; padding:.7rem 1rem; font-size:1rem; color:#2c3e50; background:transparent; }
#search-input-main-v2::placeholder { color:#94a3b8; font-weight:400; }
#search-button-main-v2 { background:linear-gradient(135deg,#3498db 0%,#2980b9 100%); border:none; color:#fff; padding:.7rem 1.2rem; border-radius:20px; cursor:pointer; transition:.3s; font-size:1rem; font-weight:600; box-shadow:0 4px 15px rgba(52,152,219,.2); flex-shrink:0; z-index:2; }
#search-button-main-v2:hover { background:linear-gradient(135deg,#2980b9 0%,#3498db 100%); transform:translateY(-1px) scale(1.05); box-shadow:0 6px 20px rgba(52,152,219,.3); }
.header-right-v2 { display:flex !important; justify-content:flex-end !important; min-width:420px !important; overflow:visible !important; }
.user-menu-v2 { display:flex !important; align-items:center !important; gap:0.75rem !important; }
.notification-btn-v2 { position:relative; background:rgba(52,152,219,.1); border:2px solid rgba(52,152,219,.2); color:#3498db; padding:.6rem; border-radius:12px; cursor:pointer; transition:.3s; font-size:1.1rem; }
.notification-btn-v2:hover { background:rgba(52,152,219,.15); transform:translateY(-2px); box-shadow:0 4px 15px rgba(52,152,219,.2); }
.notification-badge-v2 { position:absolute; top:-5px; right:-5px; background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%); color:#fff; border-radius:50%; padding:.2rem .4rem; font-size:.7rem; font-weight:600; min-width:18px; height:18px; display:flex; align-items:center; justify-content:center; box-shadow:0 2px 8px rgba(231,76,60,.3); animation:pulse 2s infinite; }
.login-btn-v2 { display:flex; align-items:center; gap:.5rem; color:#2c3e50; text-decoration:none; font-size:.9rem; font-weight:500; padding:.6rem 1rem; border-radius:12px; transition:.3s; border:2px solid rgba(52,152,219,.1); background:rgba(52,152,219,.05); }
.login-btn-v2:hover { background:rgba(52,152,219,.1); color:#3498db; transform:translateY(-2px); box-shadow:0 4px 15px rgba(52,152,219,.15); }
.cart-link-v2 { position:relative; display:flex; align-items:center; gap:.5rem; color:#fff; text-decoration:none; font-size:.9rem; font-weight:600; padding:.6rem 1.2rem; border-radius:12px; transition:.3s; background:linear-gradient(135deg,#3498db 0%,#2980b9 100%); box-shadow:0 4px 15px rgba(52,152,219,.2); }
.cart-link-v2:hover { background:linear-gradient(135deg,#2980b9 0%,#3498db 100%); color:#fff; transform:translateY(-2px) scale(1.05); box-shadow:0 6px 20px rgba(52,152,219,.3); }
.cart-badge-v2 { background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%); color:#fff; border-radius:50%; padding:.2rem .4rem; font-size:.7rem; font-weight:600; min-width:18px; height:18px; display:flex; align-items:center; justify-content:center; position:absolute; top:-8px; right:-8px; box-shadow:0 2px 8px rgba(231,76,60,.3); animation:pulse 2s infinite; }

/* Force button text to display on desktop */
@media (min-width: 1401px) {
    .warranty-check-btn-v2 span,
    .repair-status-btn-v2 span,
    .login-btn-v2 span,
    .cart-link-v2 span,
    .cart-text-v2 {
        display: inline !important;
    }
}

/* Hide text on medium screens - show icons only */
@media (max-width: 1400px) {
    .warranty-check-btn-v2 span,
    .repair-status-btn-v2 span,
    .login-btn-v2 span,
    .cart-text-v2 {
        display: none !important;
    }

    .user-menu-v2 a,
    .user-menu-v2 button {
        padding: 0.6rem !important;
        border-radius: 50% !important;
        min-width: 36px !important;
        height: 36px !important;
        justify-content: center !important;
    }

    .user-menu-v2 {
        gap: 0.5rem !important;
    }
}

@media (max-width:1200px){ .header-layout-v2 { gap:0.4rem !important; } }
@media (max-width:992px){ .header-layout-v2 { gap:0.3rem !important; } .brand-tagline-v2 { display:none; } .hamburger-menu-v2 { display:block; } }
@media (max-width:768px){ .header-layout-v2 { display:flex; flex-direction:column; gap:1rem; } .header-left-v2 { justify-content:space-between; width:100%; min-width:auto; } .header-center-v2 { width:100%; max-width:100%; flex-direction:column; } .category-menu-btn-v2 { width:100%; justify-content:center; } .search-container-v2 { width:100%; } .header-right-v2 { justify-content:center; width:100%; min-width:auto; } .cart-text-v2 { display:none; } .notification-btn-v2 { padding:.5rem; } .login-btn-v2 span { display:none; } }
@media (max-width:480px){ .main-header-wrapper-v2 { padding:.75rem 0; } .header-layout-v2 { gap:.75rem; } #shop-name-display-v2 { font-size:1.2rem; } #shop-logo-main-v2 { width:40px; height:40px; } .search-bar-v2 { padding:.4rem; } .category-select-v2 { min-width:80px; font-size:.8rem; } .category-menu-btn-v2 { font-size:.85rem; padding:.6rem 1rem; } .user-menu-v2 { gap:.5rem; } }
/* END Header V2 extracted */