:root{--primary-color:#0057a1;--secondary-color:#00b9be;--primary-hover:#004488;--secondary-hover:#008b8f;--gradient-bg:linear-gradient(135deg,#0057a1 0%,#00b9be 100%);--gradient-hover:linear-gradient(135deg,#004488 0%,#008b8f 100%);--org-gradient-bg:linear-gradient(135deg,#ff6b35 0%,#c83a06 100%);--orange-color:#ff6b35;}*{margin:0;padding:0;box-sizing:border-box;}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;background-color:#f5f5f5;color:#333;}.container{width:90%;margin:0 auto;}@media (max-width:768px){.container{max-width:100% !important;width:100% !important;padding:0 !important;margin:0 !important;}.footer{display:none !important;}}header{background:var(--gradient-bg);color:white;z-index:1000;box-shadow:0 2px 8px rgba(0,0,0,0.1);}.header-top{background:#333;padding:5px 0;font-size:12px;}.header-top .container{display:flex;justify-content:space-between;align-items:center;}.header-main{padding:12px 0;}.header-content{display:grid;grid-template-columns:200px 1fr auto auto;gap:20px;align-items:center;margin:0px 250px;}.logo{font-size:24px;font-weight:bold;color:white;}.search-container{position:relative;}.search-box{width:100%;padding:12px 50px 12px 16px;border:none;border-radius:4px;font-size:14px;outline:none;}.search-btn{position:absolute;right:0;top:0;height:100%;padding:0 16px;background:#ff6b35;border:none;color:white;cursor:pointer;border-radius:0 4px 4px 0;}.header-actions{display:flex;gap:20px;align-items:center;}.cart-info{display:flex;align-items:center;gap:8px;cursor:pointer;}.cart-icon{position:relative;font-size:20px;}.cart-count{position:absolute;top:-8px;right:-8px;background:#ff6b35;color:white;font-size:10px;padding:2px 6px;border-radius:10px;min-width:16px;text-align:center;}.nav-bar{background:white;border-bottom:1px solid #e0e0e0;padding:12px 0;}.categories-nav{display:flex;gap:30px;align-items:center;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;}.categories-nav::-webkit-scrollbar{display:none;}.category-link{color:#333;text-decoration:none;padding:8px 16px;border-radius:4px;transition:all 0.3s;white-space:nowrap;font-size:14px;font-weight:500;}.category-link:hover,.category-link.active{background:var(--org-gradient-bg);color:white;}.breadcrumb{display:flex;align-items:center;padding:20px 0;margin-bottom:0;font-size:14px;line-height:1.4;}.breadcrumb-item{color:#666;text-decoration:none;transition:color 0.3s ease;white-space:nowrap;}.breadcrumb-item:hover{color:var(--primary-color);text-decoration:none;}.breadcrumb-separator{margin:0 8px;color:#ccc;user-select:none;}.breadcrumb-current{color:#333;font-weight:500;white-space:nowrap;}@media (max-width:768px){.breadcrumb{padding:15px 0;font-size:13px;}.breadcrumb-separator{margin:0 6px;}}@media (max-width:480px){.breadcrumb{padding:12px 0;font-size:12px;flex-wrap:wrap;}.breadcrumb-separator{margin:0 4px;}.breadcrumb-item,.breadcrumb-current{white-space:normal;word-break:break-word;}}.btn{padding:10px 20px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all 0.3s;text-align:center;text-decoration:none;display:inline-block;border:2px solid transparent;}.btn-primary{background:var(--gradient-bg);color:white;}.btn-primary:hover{background:var(--gradient-hover);}.btn-secondary{background:white;color:#333;border:2px solid #ddd;}.btn-secondary:hover{border-color:var(--primary-color);color:var(--primary-color);}.btn-cart{background:var(--gradient-bg);color:white;}.btn-cart:hover{background:var(--gradient-hover);}.btn-details{background:white;color:#333;text-decoration:none;display:inline-block;}.btn-details:hover{background:#f5f5f5;color:#333;text-decoration:none;}.notification{position:fixed;top:20px;right:20px;background:#00a650;color:white;padding:15px 20px;border-radius:4px;z-index:2000;font-size:14px;box-shadow:0 4px 12px rgba(0,0,0,0.15);animation:slideIn 0.3s ease-out;}.notification.error{background:var(--primary-color);}@keyframes slideIn{from{transform:translateX(100%);opacity:0;}to{transform:translateX(0);opacity:1;}}footer{background:#333;color:white;padding:40px 0 20px;margin-top:50px;}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-bottom:30px;}.footer-section h4{margin-bottom:15px;color:var(--secondary-color);}.footer-section a{color:#ccc;text-decoration:none;display:block;margin-bottom:8px;transition:color 0.3s;}.footer-section a:hover{color:var(--secondary-color);}.footer-bottom{border-top:1px solid #555;padding-top:20px;text-align:center;color:#ccc;font-size:14px;}.cart-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);backdrop-filter:blur(2px);z-index:9998;opacity:0;visibility:hidden;transition:all 0.3s ease;}.cart-overlay.active{opacity:1;visibility:visible;}.cart-sidebar{position:fixed;top:0;right:-420px;width:420px;height:100vh;background:white;z-index:9999;transition:right 0.3s ease;box-shadow:-4px 0 20px rgba(0,0,0,0.15);display:flex;flex-direction:column;}.cart-sidebar.active{right:0;}.cart-header{padding:20px;background:var(--gradient-bg);color:white;display:flex;justify-content:space-between;align-items:center;min-height:70px;}.cart-header h3{margin:0;font-size:18px;font-weight:600;}.cart-close{background:none;border:none;color:white;font-size:24px;cursor:pointer;padding:5px;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;transition:background 0.3s;}.cart-close:hover{background:rgba(255,255,255,0.2);}.cart-body{flex:1;overflow-y:auto;padding:0;}.empty-cart{text-align:center;padding:60px 20px;color:#666;}.empty-cart-icon{font-size:48px;margin-bottom:15px;opacity:0.5;}.empty-cart p{font-size:18px;margin-bottom:5px;color:#333;}.empty-cart small{font-size:14px;color:#999;}.cart-items{padding:0;}.cart-item{display:flex;align-items:center;padding:15px 20px;border-bottom:1px solid #f0f0f0;transition:background 0.2s;}.cart-item:hover{background:#fafafa;}.cart-item-image{width:60px;height:60px;background:#f5f5f5;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-right:15px;flex-shrink:0;}.cart-item-details{flex:1;min-width:0;}.cart-item-name{font-weight:500;color:#333;margin-bottom:5px;font-size:14px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.cart-item-price{color:var(--primary-color);font-weight:600;font-size:15px;margin-bottom:8px;}.cart-item-controls{display:flex;align-items:center;gap:10px;}.qty-control{display:flex;align-items:center;border:1px solid #ddd;border-radius:6px;overflow:hidden;}.qty-btn{background:white;border:none;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:all 0.2s;}.qty-btn:hover{background:#f5f5f5;color:var(--primary-color);}.qty-input{border:none;width:40px;text-align:center;font-size:14px;font-weight:500;}.remove-item{background:none;border:none;color:#999;cursor:pointer;padding:5px;border-radius:4px;transition:all 0.2s;font-size:16px;}.remove-item:hover{color:#ff4757;background:#fff5f5;}.cart-footer{border-top:1px solid #f0f0f0;padding:20px;background:#fafafa;}.subtotal{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:14px;font-weight:500;color:#666;}.subtotal span:first-child,.summary-line span:first-child{margin-right:10px;text-align:right;}.subtotal-amount{color:#333;font-size:14px;font-weight:600;}.summary-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:14px;font-weight:500;color:#666;}.summary-line:last-child{margin-bottom:0;}.summary-line.total-line{font-size:14px;color:#333;font-weight:600;}.summary-line span:last-child{font-weight:600;color:#333;}.summary-line.total-line span:last-child{font-weight:600;color:#00b9be;}.tax-info{text-align:center;margin-bottom:15px;}.tax-info small{color:#666;font-size:12px;}.cart-actions{display:flex;flex-direction:column;gap:10px;}.btn-continue-shopping,.btn-checkout{width:100%;padding:12px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.3s;text-align:center !important;text-decoration:none;display:flex;align-items:center;justify-content:center;}.btn-continue-shopping{background:#f8f9fa;color:#333;border:2px solid #e9ecef;font-weight:500;}.btn-continue-shopping:hover{background:#e9ecef;border-color:#dee2e6;color:#495057;}.btn-checkout{background:var(--gradient-bg);color:white;font-size:15px;text-align:center !important;display:flex;align-items:center;justify-content:center;padding:14px;}.btn-checkout:hover{background:var(--gradient-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,87,161,0.3);}@media (max-width:768px){.header-content{grid-template-columns:1fr;gap:10px;}.categories-nav{gap:15px;}.container{padding:0 15px;}}@media (max-width:480px){.header-actions{gap:10px;}.category-link{padding:8px 12px;font-size:13px;}.cart-sidebar{width:100vw;right:-100vw;}.cart-item{padding:12px 15px;}.cart-item-image{width:50px;height:50px;font-size:20px;margin-right:12px;}.cart-footer{padding:15px;}.btn-continue-shopping,.btn-checkout{padding:14px;font-size:15px;}}.account-section{position:relative;display:flex;align-items:center;cursor:pointer;}.account-info,.user-info{display:flex;align-items:center;gap:5px;color:white;transition:opacity 0.3s;}.account-info:hover,.user-info:hover{opacity:0.8;}.user-name{font-weight:500;text-transform:capitalize;}.dropdown-arrow{font-size:10px;margin-left:5px;transition:transform 0.2s;}.user-info.active .dropdown-arrow{transform:rotate(180deg);}.login-popup{position:fixed;top:100px;right:20px;width:320px;background:white;border-radius:8px;box-shadow:0 8px 25px rgba(0,0,0,0.15);z-index:10001;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.3s ease;max-width:calc(100vw - 20px);}.login-popup.active{opacity:1;visibility:visible;transform:translateY(0);}.login-popup::before{content:'';position:absolute;top:-8px;right:20px;width:16px;height:16px;background:white;transform:rotate(45deg);box-shadow:-2px -2px 5px rgba(0,0,0,0.1);}.popup-header{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 15px;border-bottom:1px solid #f0f0f0;}.popup-header h3{margin:0;font-size:18px;font-weight:600;color:#333;}.popup-close{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all 0.2s;}.popup-close:hover{background:#f5f5f5;color:#333;}.login-popup form{padding:20px;}.form-group{margin-bottom:15px;}.form-group input{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color 0.3s;box-sizing:border-box;}.form-group input:focus{outline:none;border-color:var(--primary-color);}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}.remember-me{display:flex;align-items:center;gap:5px;font-size:14px;color:#666;cursor:pointer;}.remember-me input[type="checkbox"]{margin:0;width:auto;}.forgot-link{font-size:14px;color:var(--primary-color);text-decoration:none;}.forgot-link:hover{text-decoration:underline;}.btn-login{width:100%;padding:12px;background:var(--gradient-bg);color:white;border:none;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:all 0.3s;}.btn-login:hover{background:var(--gradient-hover);transform:translateY(-1px);}.login-divider{border:none;height:1px;background:#e0e0e0;margin:15px 20px 12px 20px;}.btn-register{width:calc(100% - 40px);padding:12px;background:#f8f9fa;color:var(--primary-color);border:1px solid #dee2e6;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:all 0.3s;margin:0 20px 20px 20px;box-sizing:border-box;}.btn-register:hover{background:var(--primary-color);color:white;border-color:var(--primary-color);transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,87,161,0.2);}.user-menu-dropdown{position:fixed;top:60px;right:20px;width:280px;background:white;border-radius:8px;box-shadow:0 8px 25px rgba(0,0,0,0.15);z-index:10001;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.3s ease;max-width:calc(100vw - 20px);}.user-menu-dropdown.active{opacity:1;visibility:visible;transform:translateY(0);}.user-menu-dropdown::before{content:'';position:absolute;top:-8px;right:20px;width:16px;height:16px;background:white;transform:rotate(45deg);box-shadow:-2px -2px 5px rgba(0,0,0,0.1);}.user-menu-header{display:flex;align-items:center;padding:20px;border-bottom:1px solid #f0f0f0;background:var(--gradient-bg);color:white;border-radius:8px 8px 0 0;}.user-avatar{font-size:28px;margin-right:12px;}.user-details{flex:1;}.user-full-name{font-size:16px;font-weight:600;margin-bottom:2px;}.user-email{font-size:13px;opacity:0.9;}.user-menu-items{padding:10px 0;}.user-menu-dropdown .menu-item{display:block;padding:12px 20px;color:#333;text-decoration:none;font-size:14px;transition:background 0.2s;}.user-menu-dropdown .menu-item:hover{background:#f8f9fa;color:var(--primary-color);}.user-menu-dropdown .menu-item.logout{color:#dc3545;}.user-menu-dropdown .menu-item.logout:hover{background:#fff5f5;color:#dc3545;}.user-menu-dropdown .menu-divider{height:1px;background:#f0f0f0;margin:5px 0;}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);backdrop-filter:blur(2px);z-index:10001;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all 0.3s ease;}.modal-overlay.active{opacity:1;visibility:visible;}.registration-modal{background:white;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;transform:scale(0.9);transition:transform 0.3s ease;}.modal-overlay.active .registration-modal{transform:scale(1);}.registration-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:10px 30px;border-bottom:1px solid #f0f0f0;background:var(--gradient-bg);color:white;border-radius:12px 12px 0 0;}.registration-modal .modal-header h2{margin:0;font-size:24px;font-weight:600;}.registration-modal .modal-close{background:none;border:none;color:white;font-size:28px;cursor:pointer;padding:0;width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background 0.2s;}.registration-modal .modal-close:hover{background:rgba(255,255,255,0.2);}.form-sections{padding:25px 30px 15px;max-height:65vh;overflow-y:auto;}.form-section{margin-bottom:25px;}.form-section h4{margin:0 0 15px 0;font-size:16px;font-weight:600;color:#333;padding-bottom:8px;border-bottom:2px solid var(--secondary-color);display:inline-block;}.form-row{display:grid;gap:15px;}.form-row{grid-template-columns:1fr 1fr;}.form-row.three-column{grid-template-columns:1fr 1fr 1fr;}.form-row:has(.form-group:nth-child(3)){grid-template-columns:1fr 1fr 1fr;}.form-section .form-group{margin-bottom:15px;}.form-section .form-group input,.form-section .form-group select{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color 0.3s;box-sizing:border-box;}.form-section .form-group input:focus,.form-section .form-group select:focus{outline:none;border-color:var(--primary-color);}.form-footer{padding:15px 30px 25px;border-top:1px solid #e0e0e0;background:#f8f9fa;margin-top:-5px;}.terms-checkbox{display:flex;align-items:flex-start;gap:8px;margin-bottom:20px;font-size:14px;color:#666;cursor:pointer;line-height:1.4;}.terms-checkbox input[type="checkbox"]{margin:2px 0 0 0;width:auto;flex-shrink:0;}.terms-checkbox a{color:var(--primary-color);text-decoration:none;}.terms-checkbox a:hover{text-decoration:underline;}.btn-create-account{width:100%;padding:14px;background:var(--gradient-bg);color:white;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s;margin-bottom:15px;}.btn-create-account:hover{background:var(--gradient-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,87,161,0.3);}.login-link{text-align:center;font-size:14px;color:#666;margin:0;}.login-link a{color:var(--primary-color);text-decoration:none;font-weight:500;}.login-link a:hover{text-decoration:underline;}.forgot-password-modal,.reset-password-modal{background:white;border-radius:12px;width:90%;max-width:450px;transform:scale(0.9);transition:transform 0.3s ease;}.modal-overlay.active .forgot-password-modal,.modal-overlay.active .reset-password-modal{transform:scale(1);}.forgot-password-modal .modal-header,.reset-password-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:10px 30px;border-bottom:1px solid #f0f0f0;background:var(--gradient-bg);color:white;border-radius:12px 12px 0 0;}.forgot-password-modal .modal-header h2,.reset-password-modal .modal-header h2{margin:0;font-size:22px;font-weight:600;}.forgot-password-modal .modal-close,.reset-password-modal .modal-close{background:none;border:none;color:white;font-size:28px;cursor:pointer;padding:0;width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background 0.2s;}.forgot-password-modal .modal-close:hover,.reset-password-modal .modal-close:hover{background:rgba(255,255,255,0.2);}.modal-body{padding:30px;}.modal-description{color:#666;font-size:14px;line-height:1.5;margin:0 0 25px 0;text-align:center;}.btn-send-reset,.btn-reset-password{width:100%;padding:14px;background:var(--gradient-bg);color:white;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s;margin-bottom:20px;}.btn-send-reset:hover,.btn-reset-password:hover{background:var(--gradient-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,87,161,0.3);}.back-to-login{text-align:center;margin:0;}.back-to-login a{color:var(--primary-color);text-decoration:none;font-size:14px;font-weight:500;}.back-to-login a:hover{text-decoration:underline;}@media (max-width:768px){.login-popup{width:300px;right:-10px;}.user-menu-dropdown{width:260px;right:-10px;}.registration-modal{width:95%;margin:20px;}.forgot-password-modal,.reset-password-modal{width:95%;max-width:350px;}.modal-body{padding:20px;}.form-sections{padding:20px 20px 10px;}.form-footer{padding:15px 20px 25px;}.form-row{grid-template-columns:1fr !important;gap:15px;}.form-row.three-column{grid-template-columns:1fr !important;}}.cart-item-controls{display:flex;justify-content:space-between;align-items:center;margin-top:8px;}.qty-control{display:flex;align-items:center;gap:5px;}.qty-btn{background:#f8f9fa;border:1px solid #ddd;width:28px;height:28px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;font-weight:bold;transition:all 0.2s;}.qty-btn:hover:not(:disabled){background:#007bff;color:white;border-color:#007bff;}.qty-btn:disabled{opacity:0.5;cursor:not-allowed;}.qty-input{width:50px !important;height:28px;text-align:center;border:1px solid #ddd;border-radius:4px;font-size:12px;}.cart-item-name{font-weight:600;margin-bottom:4px;transition:color 0.2s;}.cart-item-name:hover{color:#0056b3 !important;}.cart-item-options{margin-bottom:4px;line-height:1.2;}.cart-item-shipping{margin-bottom:6px;}.cart-item-price{color:#28a745;font-size:13px;margin-bottom:6px;}.remove-item{background:#dc3545;color:white;border:none;border-radius:4px;width:28px;height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:background 0.2s;}.remove-item:hover{background:#c82333;}.cart-item-image{border-radius:6px;overflow:hidden;transition:transform 0.2s;}.cart-item-image:hover{transform:scale(1.05);}.shimmer-effect{position:relative;overflow:hidden !important;}.shimmer-effect::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient( 90deg,transparent,rgba(255,255,255,0.2) 20%,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0.2) 80%,transparent );animation:shimmer 3s infinite;z-index:1;pointer-events:none;overflow:hidden;clip-path:inset(0);}@keyframes shimmer{0%{left:-100%;}100%{left:100%;}}.header-main .container{position:relative;z-index:2;}.btn i,button i,.cart-icon i{font-size:16px;vertical-align:middle;}.btn-wishlist-compact i{margin-right:4px;font-size:14px;}.search-btn i{margin-right:0;font-size:18px;}.cart-icon{display:flex;align-items:center;justify-content:center;position:relative;}.cart-icon i{margin-right:0;font-size:20px;}.remove-item i{margin-right:0;font-size:14px;}.cart-item-shipping i{margin-right:4px;font-size:12px;}.qty-btn i{margin-right:0;font-size:12px;}.search-btn{background:var(--org-gradient-bg);border:none;padding:12px 15px;border-radius:0 3px 3px 0;color:white;cursor:pointer;font-size:16px;transition:all 0.3s;}.search-btn:hover{background:var(--org-gradient-bg);opacity:0.8;}.smart-alert-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;transition:opacity 0.2s ease;}@media screen and (max-width:768px){.smart-alert-overlay{z-index:10001 !important;}.smart-alert-container{max-width:90% !important;width:90% !important;margin:20px !important;max-height:80vh !important;}.smart-alert-header{padding:15px 20px !important;}.smart-alert-title{font-size:18px !important;}.smart-alert-body{padding:20px !important;}.smart-alert-message{font-size:16px !important;line-height:1.5 !important;}.smart-alert-footer{padding:15px 20px !important;gap:10px !important;}.smart-btn{padding:12px 20px !important;font-size:16px !important;min-width:100px !important;}}.smart-alert-overlay.show{opacity:1;}.smart-alert-overlay.closing{opacity:0;}.smart-alert-container{background:white;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,0.3);max-width:450px;width:90%;max-height:90vh;overflow:hidden;transform:scale(0.8);transition:transform 0.2s cubic-bezier(0.34,1.56,0.64,1);}.smart-alert-overlay.show .smart-alert-container{transform:scale(1);}.smart-alert-overlay.closing .smart-alert-container{transform:scale(0.8);}.smart-alert-header{background:var(--gradient-bg);color:white;padding:10px 24px;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;}.smart-alert-header::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient( 90deg,transparent,rgba(255,255,255,0.3) 50%,transparent );animation:smartAlertShimmer 3s ease-in-out infinite;z-index:1;}@keyframes smartAlertShimmer{0%{left:-100%;}50%{left:100%;}100%{left:100%;}}.smart-alert-header > *{position:relative;z-index:2;}.smart-alert-title{margin:0;font-size:20px;font-weight:600;text-align:center;}.smart-alert-body{padding:24px;text-align:center;}.smart-alert-message{margin:0;font-size:16px;line-height:1.5;color:#333;}.smart-alert-footer{padding:20px 24px;border-top:1px solid #eee;display:flex;justify-content:center;gap:15px;}@media (max-width:480px){.smart-alert-container{margin:20px;width:calc(100% - 40px);}.smart-alert-footer{flex-direction:column;}.smart-btn{width:100%;}}.cart-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:9998;opacity:0;visibility:hidden;transition:all 0.3s ease;}.cart-overlay.active{opacity:1;visibility:visible;}.cart-sidebar{position:fixed;top:0;right:-400px;width:400px;height:100%;background:white;z-index:9999;display:flex;flex-direction:column;box-shadow:-4px 0 20px rgba(0,0,0,0.15);transition:right 0.3s ease;border-radius:0;}.cart-sidebar.active{right:0;}.cart-header{padding:10px 24px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#00b9be 0%,#007a7f 100%);color:white;position:relative;overflow:hidden;border-radius:0;}.cart-header::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.1),transparent);transition:left 0.5s ease;}.cart-header:hover::before{left:100%;}.cart-header h3{margin:0;font-size:18px;font-weight:600;display:flex;align-items:center;gap:8px;}.cart-close{background:linear-gradient(135deg,#dc3545 0%,#c82333 100%);border:none;color:white;font-size:18px;font-weight:bold;cursor:pointer;padding:0;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(220,53,69,0.3);transition:all 0.2s ease;position:relative;overflow:hidden;}.cart-close::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.3s ease;}.cart-close:hover::before{left:100%;}.cart-close:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(220,53,69,0.4);}.cart-content{flex:1;padding:20px;overflow-y:auto;}.cart-empty{text-align:center;padding:40px 20px;color:#666;}.cart-empty i{font-size:48px;color:#ccc;margin-bottom:16px;display:block;}.cart-empty p{font-size:16px;margin-bottom:20px;}.cart-item{display:flex;align-items:flex-start;padding:15px 0;border-bottom:1px solid #eee;}.cart-item:last-child{border-bottom:none;}.cart-item-image{width:60px;height:60px;background:#f5f5f5;border-radius:8px;margin-right:12px;display:flex;align-items:flex-start;justify-content:center;color:#999;flex-shrink:0;}.cart-item-image img{width:100%;height:100%;object-fit:cover;border-radius:8px;}.cart-item-details{flex:1;margin-right:10px;}.cart-item-name{font-weight:500;font-size:14px;margin-bottom:4px;line-height:1.2;}.cart-item-price{color:#00b9be;font-weight:600;font-size:14px;}.cart-item-options{margin-top:4px;}.option-tag{display:inline-block;background:#f0f0f0;color:#666;font-size:11px;padding:2px 6px;border-radius:3px;margin-right:4px;margin-bottom:2px;}.cart-items-container{max-height:calc(100vh - 200px);overflow-y:auto;}.cart-item-quantity{display:flex;align-items:center;gap:8px;margin-top:8px;}.quantity-btn{width:24px;height:24px;border:1px solid #ddd;background:white;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all 0.2s ease;}.quantity-btn:hover{background:#f5f5f5;border-color:#00b9be;}.quantity-btn:disabled{opacity:0.5;cursor:not-allowed;}.quantity-btn:disabled:hover{background:white;border-color:#ddd;}.quantity-display{font-size:14px;font-weight:500;min-width:20px;text-align:center;}.cart-footer{padding:20px;border-top:1px solid #eee;background:#f9f9f9;}.cart-total{text-align:center;margin-bottom:15px;font-size:18px;font-weight:600;color:#333;}.cart-actions{display:flex;flex-direction:column;gap:10px;}.btn-checkout{padding:12px 20px;font-weight:600;text-align:center;text-decoration:none;border-radius:6px;}@media (max-width:768px){.cart-sidebar{width:100%;right:-100%;}}.user-menu-dropdown .menu-item i{margin:0 !important;}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:15px;}.product-card{background:white;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.1);transition:all 0.3s ease;cursor:pointer;position:relative;}.product-card:hover{box-shadow:0 8px 25px rgba(0,0,0,0.15);transform:translateY(-2px);}.product-image{position:relative;aspect-ratio:1;background:#f8f8f8;display:flex;align-items:center;justify-content:center;overflow:hidden;}.product-img{width:100%;height:100%;object-fit:cover;object-position:center;}.product-placeholder{font-size:48px;color:#ddd;}.product-badges{position:absolute;top:8px;left:8px;display:flex;flex-direction:column;gap:5px;z-index:2;}.badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:bold;text-transform:uppercase;}.badge-sale{background:var(--gradient-bg);color:white;}.badge-choice{background:#ff6b35;color:white;}.badge-new{background:#00a650;color:white;}.badge-free-ship{background:#1e90ff;color:white;}.wishlist-btn{position:absolute;top:8px;right:8px;background:rgba(255,255,255,0.9);border:none;border-radius:50%;width:28px;height:28px;font-size:14px;cursor:pointer;transition:all 0.3s;z-index:2;display:flex;align-items:center;justify-content:center;}.wishlist-btn:hover{background:white;box-shadow:0 2px 8px rgba(0,0,0,0.2);}.wishlist-btn.active{color:var(--primary-color);}.product-info{padding:12px;}.product-title{font-size:13px;color:#333;margin-bottom:8px;height:32px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;}.product-rating{display:flex;align-items:center;gap:4px;margin-bottom:6px;}.product-rating .stars{color:#ffb400;font-size:12px;}.stars{color:#ffb400;font-size:12px;}.rating-text{color:#999;font-size:11px;}.product-price{margin-bottom:8px;}.current-price{font-size:16px;font-weight:bold;color:var(--primary-color);}.original-price{font-size:12px;color:#999;text-decoration:line-through;margin-left:5px;}.discount{background:var(--gradient-bg);color:white;font-size:11px;padding:2px 6px;border-radius:3px;font-weight:bold;}.shipping-info{color:#00a650;font-size:12px;margin-bottom:8px;font-weight:500;}.seller-info{color:#666;font-size:12px;margin-bottom:12px;}.product-actions{display:flex;gap:8px;}.product-actions .btn{flex:1;padding:8px 12px;border:1px solid #ddddddcf;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all 0.3s;text-align:center;text-decoration:none;display:flex;align-items:center;justify-content:center;}.btn-cart{background:var(--gradient-bg);color:white;border-color:var(--primary-color);}.btn-cart:hover{background:var(--gradient-hover);}.btn-details{background:white;color:#333;text-decoration:none;display:inline-block;}.btn-details:hover{background:#f5f5f5;color:#333;text-decoration:none;}.products-list{display:flex;flex-direction:column;gap:15px;}@media (max-width:1400px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;}.product-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;}}@media (max-width:1200px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px;}.product-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;padding:18px;}}@media (max-width:992px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;}.product-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;padding:16px;}}@media (max-width:768px){.products-grid,.flash-products-grid,.product-grid{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:10px !important;padding:10px !important;width:100% !important;box-sizing:border-box !important;}.products-grid{grid-template-columns:1fr 1fr !important;max-width:100% !important;}.flash-products-grid{grid-template-columns:1fr 1fr !important;max-width:100% !important;}.product-grid{grid-template-columns:1fr 1fr !important;max-width:100% !important;}.product-title{font-size:12px;height:28px;-webkit-line-clamp:2;}.current-price{font-size:15px;}.original-price{font-size:11px;}.product-actions .btn{padding:8px;font-size:16px;min-width:36px;border-radius:6px;text-align:center;display:flex;align-items:center;justify-content:center;}.product-actions .btn-cart{background:var(--gradient-bg);color:white;}.product-actions .btn-details{background:#f8f9fa;color:#495057;}.product-actions .btn-cart::before{content:"🛒";font-size:14px;}.product-actions .btn-details::before{content:"👁";font-size:14px;}.product-actions .btn{font-size:0;}.product-info{padding:10px;}.shipping-info{font-size:11px;margin-bottom:6px;}.seller-info{font-size:11px;margin-bottom:10px;}}@media (max-width:480px){.products-grid,.flash-products-grid,.product-grid{display:grid !important;grid-template-columns:1fr 1fr !important;gap:8px !important;padding:8px !important;width:100% !important;max-width:100% !important;box-sizing:border-box !important;}.product-card{border-radius:6px;}.product-title{font-size:11px;height:24px;line-height:1.2;}.current-price{font-size:14px;}.original-price{font-size:10px;}.product-actions .btn{padding:5px 8px;font-size:10px;border-radius:3px;}.product-info{padding:8px;}.product-rating{margin-bottom:4px;}.stars{font-size:10px;}.rating-text{font-size:9px;}.shipping-info{font-size:10px;margin-bottom:5px;}.seller-info{font-size:10px;margin-bottom:8px;}.product-badges{top:6px;left:6px;gap:3px;}.badge{padding:3px 6px;font-size:9px;border-radius:3px;}.wishlist-btn{width:24px;height:24px;font-size:12px;top:6px;right:6px;}}@media (max-width:360px){.products-grid{grid-template-columns:repeat(2,1fr);gap:8px;}.product-grid{grid-template-columns:repeat(2,1fr);gap:8px;padding:10px;}.product-card{border-radius:4px;}.product-title{font-size:10px;height:20px;-webkit-line-clamp:2;line-height:1.0;}.current-price{font-size:12px;}.original-price{font-size:9px;}.product-actions{gap:4px;}.product-actions .btn{padding:4px 6px;font-size:9px;}.product-info{padding:6px;}.product-price{margin-bottom:6px;}.shipping-info{font-size:9px;margin-bottom:4px;}.seller-info{font-size:9px;margin-bottom:6px;}.product-rating{margin-bottom:3px;gap:2px;}.stars{font-size:8px;}.rating-text{font-size:8px;}.product-badges{top:4px;left:4px;gap:2px;}.badge{padding:2px 4px;font-size:8px;border-radius:2px;}.wishlist-btn{width:20px;height:20px;font-size:10px;top:4px;right:4px;}.discount{font-size:9px;padding:1px 4px;border-radius:2px;}}@media (max-width:768px){.products-list{gap:12px;}.product-list-item{flex-direction:column;text-align:center;padding:12px;}.product-list-image{align-self:center;width:100px;height:100px;font-size:32px;margin-bottom:10px;}.product-list-info{align-items:center;text-align:center;}.product-list-title{font-size:14px;}.product-list-description{font-size:12px;}.product-list-actions{justify-content:center;margin-top:10px;}}@media (max-width:480px){.products-list{gap:8px;}.product-list-item{padding:10px;border-radius:6px;}.product-list-image{width:80px;height:80px;font-size:24px;margin-bottom:8px;}.product-list-title{font-size:13px;}.product-list-description{font-size:11px;}}@media (max-width:768px){.product-card{touch-action:manipulation;}.product-actions .btn{min-height:32px;min-width:60px;}.wishlist-btn{min-height:28px;min-width:28px;}.product-card:active{transform:scale(0.98);transition:transform 0.1s ease;}.product-actions .btn:active{transform:scale(0.95);}.wishlist-btn:active{transform:scale(0.90);}}@media (max-width:768px){.product-card{will-change:transform;transform:translateZ(0);}@media (prefers-reduced-motion:reduce){.product-card,.product-actions .btn,.wishlist-btn{transition:none;animation:none;}.product-card:active,.product-actions .btn:active,.wishlist-btn:active{transform:none;}}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.product-card{border-width:0.5px;}.badge{border:0.5px solid rgba(255,255,255,0.2);}.wishlist-btn{border:0.5px solid rgba(0,0,0,0.1);}}.btn{display:inline-block;padding:12px 24px;font-size:14px;font-weight:600;text-align:center;text-decoration:none;border:none;border-radius:8px;cursor:pointer;transition:all 0.3s ease;position:relative;overflow:hidden;user-select:none;white-space:nowrap;vertical-align:middle;line-height:1.4;}.btn:focus{outline:none;box-shadow:0 0 0 3px rgba(0,123,255,0.25);}.btn:disabled{opacity:0.65;cursor:not-allowed;pointer-events:none;}.btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient( 90deg,transparent,rgba(255,255,255,0.4) 50%,transparent );transition:left 0.6s ease;z-index:1;}.btn:hover::before{left:100%;transition:left 0.6s ease;}.btn:not(:hover)::before{left:-100%;transition:left 0.6s ease 0.1s;animation:shimmerReverse 0.6s ease;}@keyframes shimmerReverse{0%{left:100%;}100%{left:-100%;}}.btn > *{position:relative;z-index:2;}.btn-primary{background:var(--gradient-bg);color:white;border:2px solid transparent;}.btn-primary:hover{background:var(--gradient-hover);transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,87,161,0.3);color:white;}.btn-secondary{background:#6c757d;color:white;border:2px solid #6c757d;}.btn-secondary:hover{background:#5a6268;border-color:#5a6268;transform:translateY(-2px);box-shadow:0 8px 20px rgba(108,117,125,0.3);color:white;}.btn-success{background:linear-gradient(135deg,#28a745,#20c997);color:white;border:2px solid transparent;}.btn-success:hover{background:linear-gradient(135deg,#218838,#1da88a);transform:translateY(-2px);box-shadow:0 8px 20px rgba(40,167,69,0.3);color:white;}.btn-danger{background:linear-gradient(135deg,#dc3545,#c82333);color:white;border:2px solid transparent;}.btn-danger:hover{background:linear-gradient(135deg,#c82333,#bd2130);transform:translateY(-2px);box-shadow:0 8px 20px rgba(220,53,69,0.3);color:white;}.btn-warning{background:linear-gradient(135deg,#ffc107,#e0a800);color:#212529;border:2px solid transparent;}.btn-warning:hover{background:linear-gradient(135deg,#e0a800,#d39e00);transform:translateY(-2px);box-shadow:0 8px 20px rgba(255,193,7,0.3);color:#212529;}.btn-info{background:linear-gradient(135deg,#17a2b8,#138496);color:white;border:2px solid transparent;}.btn-info:hover{background:linear-gradient(135deg,#138496,#117a8b);transform:translateY(-2px);box-shadow:0 8px 20px rgba(23,162,184,0.3);color:white;}.btn-light{background:#f8f9fa;color:#212529;border:2px solid #f8f9fa;}.btn-light:hover{background:#e2e6ea;border-color:#dae0e5;transform:translateY(-2px);box-shadow:0 8px 20px rgba(248,249,250,0.3);color:#212529;}.btn-dark{background:#343a40;color:white;border:2px solid #343a40;}.btn-dark:hover{background:#23272b;border-color:#1d2124;transform:translateY(-2px);box-shadow:0 8px 20px rgba(52,58,64,0.3);color:white;}.btn-outline-primary{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color);}.btn-outline-primary:hover{background:var(--gradient-bg);color:white;transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,87,161,0.3);}.btn-outline-secondary{background:transparent;color:#6c757d;border:2px solid #6c757d;}.btn-outline-secondary:hover{background:#6c757d;color:white;transform:translateY(-2px);box-shadow:0 8px 20px rgba(108,117,125,0.3);}.btn-outline-danger{background:transparent;color:#dc3545;border:2px solid #dc3545;}.btn-outline-danger:hover{background:linear-gradient(135deg,#dc3545,#c82333);color:white;transform:translateY(-2px);box-shadow:0 8px 20px rgba(220,53,69,0.3);}.btn-sm{padding:8px 16px;font-size:12px;}.btn-lg{padding:16px 32px;font-size:16px;}.btn-xl{padding:20px 40px;font-size:18px;}.btn-block{display:block;width:100%;}.btn-group{display:inline-flex;border-radius:8px;overflow:hidden;}.btn-group .btn{border-radius:0;margin-left:-1px;}.btn-group .btn:first-child{border-radius:8px 0 0 8px;margin-left:0;}.btn-group .btn:last-child{border-radius:0 8px 8px 0;}.btn-group .btn:only-child{border-radius:8px;}.btn-loading{pointer-events:none;opacity:0.8;}.btn-loading::after{content:'';position:absolute;width:16px;height:16px;margin:auto;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:btn-loading-spin 1s linear infinite;top:0;left:0;right:0;bottom:0;z-index:3;}@keyframes btn-loading-spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}.smart-alert-btn{min-width:100px;font-weight:600;position:relative;overflow:hidden;}.smart-alert-btn-cancel{background:#f8f9fa;color:#6c757d;border:2px solid #dee2e6;}.smart-alert-btn-cancel:hover{background:#e2e6ea;border-color:#dae0e5;color:#6c757d;transform:translateY(-2px);box-shadow:0 8px 20px rgba(108,117,125,0.2);}.smart-alert-btn-confirm{background:linear-gradient(135deg,#28a745,#20c997);color:white;border:2px solid transparent;}.smart-alert-btn-confirm:hover{background:linear-gradient(135deg,#218838,#1da88a);color:white;transform:translateY(-2px);box-shadow:0 8px 20px rgba(40,167,69,0.3);}@media (max-width:768px){.btn{padding:14px 20px;font-size:14px;}.btn-sm{padding:10px 16px;font-size:12px;}.btn-lg{padding:18px 28px;font-size:16px;}}@media (max-width:480px){.btn{padding:16px 24px;font-size:16px;}}.footer{background:linear-gradient(135deg,#2c3e50 0%,#34495e 100%);color:white;margin-top:50px;}.footer-main{padding:50px 0 30px 0;}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;max-width:1200px;margin:0 auto;}.footer-section h3.footer-title{font-size:18px;font-weight:700;margin-bottom:20px;color:#ecf0f1;position:relative;}.footer-section h3.footer-title::after{content:'';position:absolute;bottom:-8px;left:0;width:30px;height:3px;background:var(--org-gradient-bg);border-radius:2px;}.footer-links{list-style:none;padding:0;margin:0;}.footer-links li{margin-bottom:12px;}.footer-links a{color:#bdc3c7;text-decoration:none;font-size:14px;transition:all 0.3s ease;display:inline-block;}.footer-links a:hover{color:#ecf0f1;transform:translateX(5px);text-decoration:none;}.footer-newsletter{background:rgba(255,255,255,0.05);padding:25px;border-radius:12px;border:1px solid rgba(255,255,255,0.1);}.newsletter-text{color:#bdc3c7;margin-bottom:20px;font-size:14px;line-height:1.5;}.newsletter-form{display:flex;margin-bottom:25px;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.2);}.newsletter-input{flex:1;padding:12px 15px;border:none;background:rgba(255,255,255,0.9);font-size:14px;outline:none;color:#2c3e50;}.newsletter-input::placeholder{color:#7f8c8d;}.newsletter-btn{background:var(--org-gradient-bg);color:white;border:none;padding:12px 20px;cursor:pointer;font-size:16px;transition:all 0.3s ease;position:relative;overflow:hidden;}.newsletter-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left 0.5s ease;}.newsletter-btn:hover::before{left:100%;}.newsletter-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(255,107,53,0.4);}.social-links{display:flex;gap:15px;}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(255,255,255,0.1);color:#bdc3c7;border-radius:50%;text-decoration:none;font-size:18px;transition:all 0.3s ease;}.social-link:hover{background:var(--org-gradient-bg);color:white;transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,107,53,0.3);}.footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding:25px 0;background:rgba(0,0,0,0.2);}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;}.copyright p{margin:0;color:#bdc3c7;font-size:14px;}.footer-payment-info{display:flex;align-items:center;gap:10px;}.payment-text{color:#bdc3c7;font-size:14px;}.stripe-logo{height:20px;width:auto;filter:brightness(0) invert(1);position:relative;top:2px;left:-9px;}.stripe-text{color:#ecf0f1;font-weight:600;font-size:16px;}.footer-badges{display:flex;gap:20px;}.trust-badges{display:flex;gap:20px;}.badge-item{display:flex;align-items:center;gap:8px;color:#bdc3c7;font-size:12px;}.badge-item i{font-size:16px;color:var(--org-gradient-bg);}.back-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:var(--org-gradient-bg);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;transition:all 0.3s ease;opacity:0;visibility:hidden;transform:translateY(20px);z-index:1000;box-shadow:0 4px 12px rgba(255,107,53,0.3);}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0);}.back-to-top:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(255,107,53,0.4);}@media (max-width:768px){.footer{margin-top:20px !important;}.footer-content{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px !important;margin-bottom:15px !important;}.footer-main{padding:20px 0 10px 0 !important;}.footer-section{margin-bottom:15px !important;}.footer-bottom{padding:15px 0 !important;}.footer-bottom-content{flex-direction:column;text-align:center;gap:15px;}.trust-badges{flex-wrap:wrap;justify-content:center;gap:15px;}.newsletter-form{flex-direction:column;border-radius:0;}.newsletter-input,.newsletter-btn{border-radius:6px;}.newsletter-btn{margin-top:10px;}.back-to-top{bottom:20px;right:20px;width:45px;height:45px;font-size:18px;}}@media (max-width:480px){.footer-content{grid-template-columns:1fr;gap:25px;}.footer-section{text-align:center;}.footer-section h3.footer-title::after{left:50%;transform:translateX(-50%);}.social-links{justify-content:center;}}.filter-group h4{margin:0 0 1rem 0;font-size:0.9rem;font-weight:600;color:#333;text-transform:uppercase;letter-spacing:0.5px;padding-bottom:0.5rem;border-bottom:2px solid #FF6B47;}.price-filter-loading{display:flex;align-items:center;justify-content:center;padding:2rem 1rem;color:#666;font-size:0.9rem;}.filter-spinner{width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #FF6B47;border-radius:50%;animation:spin 1s linear infinite;margin-right:0.5rem;}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}.price-filter{padding:0;}.price-range-display{text-align:left;font-size:0.85rem;color:#666;margin:0.5rem 0 1rem 0;font-weight:500;}.price-range-slider{margin:1.5rem 0;height:60px;position:relative;}.jquery-ui-slider.ui-slider{position:relative !important;display:block !important;text-align:left !important;height:6px !important;width:100% !important;border-radius:3px !important;background:#ddd !important;background-color:#ddd !important;background-image:none !important;border:none !important;margin:27px 0 !important;box-shadow:none !important;outline:none !important;cursor:default !important;}.jquery-ui-slider .ui-slider-range{position:absolute !important;z-index:1;font-size:.7em;display:block;border:none !important;border-radius:3px !important;background:linear-gradient(90deg,#FF6B47,#E74C3C) !important;height:6px !important;top:0 !important;box-shadow:none !important;}.jquery-ui-slider .ui-slider-range.ui-widget-header{border:none !important;background:linear-gradient(90deg,#FF6B47,#E74C3C) !important;}.jquery-ui-slider .ui-slider-range.ui-corner-all{border-radius:3px !important;}.jquery-ui-slider .ui-slider-handle{position:absolute !important;z-index:10 !important;width:20px !important;height:20px !important;cursor:pointer !important;cursor:grab !important;text-decoration:none !important;border-radius:50% !important;border:3px solid white !important;border-color:white !important;background:#FF6B47 !important;background-color:#FF6B47 !important;background-image:none !important;box-shadow:0 2px 6px rgba(0,0,0,0.3) !important;outline:none !important;top:50% !important;margin-left:-10px !important;margin-top:-10px !important;display:block !important;}.jquery-ui-slider .ui-slider-handle:active{cursor:grabbing !important;}.jquery-ui-slider .ui-slider-handle:last-child{background:#E74C3C !important;background-color:#E74C3C !important;background-image:none !important;}.jquery-ui-slider .ui-slider-handle:hover,.jquery-ui-slider .ui-slider-handle:focus{transform:scale(1.1);box-shadow:0 4px 12px rgba(255,107,71,0.5) !important;}.jquery-ui-slider.ui-widget,.jquery-ui-slider .ui-widget-content,.jquery-ui-slider .ui-widget-header,.jquery-ui-slider .ui-state-default{background:transparent !important;background-color:transparent !important;background-image:none !important;border:none !important;border-color:transparent !important;box-shadow:none !important;}.jquery-ui-slider.ui-slider{background:#ddd !important;background-color:#ddd !important;background-image:none !important;height:6px !important;border-radius:3px !important;}.jquery-ui-slider .ui-slider-range{background:linear-gradient(90deg,#FF6B47,#E74C3C) !important;background-color:transparent !important;background-image:linear-gradient(90deg,#FF6B47,#E74C3C) !important;height:6px !important;border-radius:3px !important;}.jquery-ui-slider .ui-slider-handle{background:#FF6B47 !important;background-color:#FF6B47 !important;background-image:none !important;border:3px solid white !important;border-color:white !important;width:20px !important;height:20px !important;border-radius:50% !important;}.jquery-ui-slider .ui-slider-handle:last-child{background:#E74C3C !important;background-color:#E74C3C !important;background-image:none !important;}.price-filter-actions{display:flex;gap:0.5rem;margin-top:1rem;}.price-clear-btn{flex:1;background:#f8f9fa;color:#666;border:1px solid #e9ecef;padding:0.4rem 0.6rem;border-radius:4px;font-weight:600;font-size:0.7rem;cursor:pointer;transition:all 0.2s ease;text-transform:uppercase;letter-spacing:0.3px;min-height:28px;}.price-clear-btn:hover{background:#e9ecef;border-color:#dee2e6;transform:translateY(-1px);}.price-apply-btn{flex:1;background:#FF6B47;color:white;border:none;padding:0.4rem 0.6rem;border-radius:4px;font-weight:600;font-size:0.7rem;cursor:pointer;transition:all 0.2s ease;text-transform:uppercase;letter-spacing:0.3px;min-height:28px;}.price-apply-btn:hover{background:#E55A42;transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,107,71,0.3);}.price-apply-btn:active,.price-clear-btn:active{transform:translateY(0);}.ui-slider-tooltip{position:absolute !important;background:#333 !important;background-color:#333 !important;background-image:none !important;color:white !important;padding:4px 8px !important;border:none !important;border-radius:4px !important;font-size:0.7rem !important;font-weight:600 !important;white-space:nowrap !important;pointer-events:none !important;transform:translateX(-50%) !important;z-index:100 !important;min-width:30px !important;text-align:center !important;display:block !important;opacity:1 !important;visibility:visible !important;}.ui-slider-tooltip.tooltip-min{top:25px !important;}.ui-slider-tooltip.tooltip-min::after{content:'' !important;position:absolute !important;top:100% !important;left:50% !important;transform:translateX(-50%) !important;border:4px solid transparent !important;border-top-color:#333 !important;border-bottom:none !important;border-left:none !important;border-right:none !important;}.ui-slider-tooltip.tooltip-max{top:25px !important;}.ui-slider-tooltip.tooltip-max::after{content:'' !important;position:absolute !important;bottom:100% !important;left:50% !important;transform:translateX(-50%) !important;border:4px solid transparent !important;border-bottom-color:#333 !important;border-top:none !important;border-left:none !important;border-right:none !important;}@media (max-width:768px){.price-range-slider{height:50px;}.ui-slider-tooltip{font-size:0.65rem !important;padding:3px 6px !important;}.jquery-ui-slider .ui-slider-handle{width:18px !important;height:18px !important;margin-left:-9px !important;margin-top:-9px !important;}}@media (prefers-color-scheme:dark){.jquery-ui-slider.ui-slider{background-color:#444;}.price-filter-loading{color:#ccc;}}@media (prefers-contrast:high){.jquery-ui-slider .ui-slider-handle{border:4px solid #000;}.ui-slider-tooltip{background:#000;border:1px solid #fff;}}.container-fullwidth{max-width:none;width:100%;padding:0 20px;margin:0;}.nav-bar{background:#fff;border-bottom:1px solid #e5e5e5;box-shadow:0 2px 8px rgba(0,0,0,0.1);position:relative;}.main-navigation{display:flex;align-items:center;gap:30px;padding:0;max-width:1400px;margin:0 auto;}.all-categories-wrapper{position:relative;}.all-categories-btn{display:flex;align-items:center;gap:12px;background:#ff6b35;color:white;border:none;padding:12px 20px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s ease;min-width:200px;justify-content:space-between;}.all-categories-btn:hover{background:#e55a2b;transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,107,53,0.3);}.menu-icon{display:flex;flex-direction:column;gap:2px;width:18px;}.menu-icon span{height:2px;background:white;border-radius:1px;transition:all 0.3s ease;}#categoriesMegaMenu .menu-icon span:nth-child(1){width:18px;}#categoriesMegaMenu .menu-icon span:nth-child(2){width:14px;}#categoriesMegaMenu .menu-icon span:nth-child(3){width:10px;}#categoriesMegaMenu .dropdown-arrow{transition:transform 0.3s ease;font-size:14px;}#categoriesMegaMenu .all-categories-btn.active .dropdown-arrow{transform:rotate(180deg);}.categories-mega-menu{position:absolute;top:100%;left:0;width:800px;background:white;border:1px solid #e5e5e5;border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,0.15);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.3s ease;z-index:1001;margin-top:8px;}.categories-mega-menu.show{opacity:1;visibility:visible;transform:translateY(0);}.mega-menu-container{display:flex;min-height:500px;max-height:600px;overflow:hidden;}.main-categories-column{width:300px;background:#f8f9fa;border-right:1px solid #e5e5e5;overflow-y:auto;padding:15px 0;}.main-category-item{padding:0;cursor:pointer;transition:all 0.2s ease;border-left:3px solid transparent;}.main-category-item:hover{background:#e9ecef;border-left-color:#ff6b35;}.main-category-item.active{background:#e9ecef;border-left-color:#ff6b35;}#categoriesMegaMenu .category-content{display:flex;align-items:center;gap:12px;padding:12px 20px;position:relative;}#categoriesMegaMenu .category-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#6c757d;font-size:18px;flex-shrink:0;}#categoriesMegaMenu .category-name{flex:1;font-size:14px;font-weight:500;color:#2c3e50;line-height:1.3;}#categoriesMegaMenu .arrow-right{font-size:12px;color:#adb5bd;transition:all 0.2s ease;}#categoriesMegaMenu .main-category-item:hover .arrow-right{color:#ff6b35;transform:translateX(3px);}#categoriesMegaMenu .menu-section-divider{height:1px;background:#dee2e6;margin:15px 20px;}#categoriesMegaMenu .menu-section-title{padding:8px 20px;font-size:12px;font-weight:700;color:#6c757d;text-transform:uppercase;letter-spacing:0.5px;}#categoriesMegaMenu .special-category{opacity:0.9;}#categoriesMegaMenu .special-category:hover{opacity:1;background:#fff3cd;border-left-color:#ffc107;}#categoriesMegaMenu .special-category .category-icon{color:#ff6b35;}#categoriesMegaMenu .subcategories-column{flex:1;background:white;display:flex;flex-direction:column;}#categoriesMegaMenu .subcategories-header{padding:20px 25px 15px;border-bottom:1px solid #f0f0f0;background:#fafbfc;}#categoriesMegaMenu .subcategory-title{font-size:18px;font-weight:700;color:#2c3e50;}#categoriesMegaMenu .subcategories-content{flex:1;padding:20px 25px;overflow-y:auto;}#categoriesMegaMenu .subcategories-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;color:#adb5bd;text-align:center;}#categoriesMegaMenu .subcategories-placeholder i{font-size:48px;margin-bottom:15px;color:#dee2e6;}#categoriesMegaMenu .subcategories-placeholder p{font-size:16px;margin:0;color:#6c757d;}#categoriesMegaMenu .subcategory-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;}#categoriesMegaMenu .subcategory-item{padding:8px 12px;border-radius:6px;transition:all 0.2s ease;cursor:pointer;text-decoration:none;color:inherit;}#categoriesMegaMenu .subcategory-item:hover{background:#f8f9fa;color:#ff6b35;text-decoration:none;}#categoriesMegaMenu .subcategory-name{font-size:14px;font-weight:500;color:#495057;line-height:1.3;}#categoriesMegaMenu .subcategory-item:hover .subcategory-name{color:#ff6b35;}.quick-categories{display:flex;align-items:center;gap:25px;flex:1;}.quick-category-link{color:#495057;text-decoration:none;font-size:15px;font-weight:500;padding:8px 12px;border-radius:6px;transition:all 0.3s ease;position:relative;}.quick-category-link.active{color:#fff;background:linear-gradient(165deg,#109fb7 0%,#114d99 50%,#109fb7 100%) !important;text-decoration:none;}.quick-category-link:hover{color:#fff;background:linear-gradient(165deg,#109fb7 0%,#114d99 50%,#109fb7 100%) !important;opacity:0.8;}.nav-links{display:flex;align-items:center;gap:20px;}.nav-link{display:flex;align-items:center;gap:6px;color:#6c757d;text-decoration:none;font-size:14px;font-weight:500;transition:all 0.3s ease;}.nav-link:hover{color:#ff6b35;text-decoration:none;}.nav-link i{font-size:16px;}#categoriesMegaMenu .subcategories-loading{display:flex;align-items:center;justify-content:center;height:200px;color:#6c757d;}#categoriesMegaMenu .loading-spinner{width:24px;height:24px;border:2px solid #f3f3f3;border-top:2px solid #ff6b35;border-radius:50%;animation:spin 1s linear infinite;margin-right:10px;}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}@media (max-width:1200px){#categoriesMegaMenu .container-fullwidth{padding:0 15px;}#categoriesMegaMenu .main-navigation{gap:20px;}#categoriesMegaMenu .categories-mega-menu{width:700px;}#categoriesMegaMenu .quick-categories{gap:15px;}}@media (max-width:992px){#categoriesMegaMenu .quick-categories{display:none;}#categoriesMegaMenu .categories-mega-menu{width:600px;}#categoriesMegaMenu .main-categories-column{width:250px;}#categoriesMegaMenu .subcategory-list{grid-template-columns:1fr;}}@media (max-width:768px){#categoriesMegaMenu .main-navigation{flex-direction:column;gap:15px;padding:15px 0;}#categoriesMegaMenu .all-categories-wrapper{width:100%;}#categoriesMegaMenu .all-categories-btn{width:100%;justify-content:center;}#categoriesMegaMenu .categories-mega-menu{width:100vw;left:-20px;right:-20px;border-radius:0;}#categoriesMegaMenu .mega-menu-container{flex-direction:column;min-height:auto;max-height:70vh;}#categoriesMegaMenu .main-categories-column{width:100%;max-height:200px;border-right:none;border-bottom:1px solid #e5e5e5;}#categoriesMegaMenu .nav-links{width:100%;justify-content:center;gap:30px;padding-top:15px;border-top:1px solid #e5e5e5;}}@media (max-width:480px){#categoriesMegaMenu .container-fullwidth{padding:0 10px;}#categoriesMegaMenu .nav-links{flex-direction:column;gap:15px;}#categoriesMegaMenu .subcategories-content{padding:15px;}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);backdrop-filter:blur(5px);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all 0.3s ease;}.modal-overlay.show{opacity:1;visibility:visible;}.modal-overlay .login-modal{background:white;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,0.3);width:90%;max-width:480px;max-height:90vh;overflow-y:auto;transform:scale(0.8) translateY(20px);transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275);position:relative;}.modal-overlay.show .login-modal{transform:scale(1) translateY(0);}.modal-overlay .modal-header{display:flex;align-items:center;justify-content:space-between;padding:30px 30px 20px;border-bottom:2px solid #f8f9fa;position:relative;}.modal-overlay .modal-header::before{content:'';position:absolute;bottom:0;left:30px;width:60px;height:3px;background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:2px;}.modal-overlay .modal-title{font-size:28px;font-weight:700;color:#2c3e50;margin:0;display:flex;align-items:center;gap:12px;}.modal-overlay .modal-title i{font-size:30px;color:#ff6b35;}.modal-overlay .modal-close-btn{width:40px;height:40px;border:none;background:linear-gradient(135deg,#dc3545 0%,#c82333 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;color:white;font-size:18px;font-weight:bold;}.modal-overlay .modal-close-btn:hover{background:linear-gradient(135deg,#c82333 0%,#a71e2a 100%);color:white;transform:scale(1.05);}.modal-overlay .modal-body{padding:30px;}.modal-overlay .form-group{margin-bottom:25px;}.modal-overlay .form-group label{display:block;font-size:14px;font-weight:600;color:#2c3e50;margin-bottom:8px;letter-spacing:0.3px;}.modal-overlay .input-wrapper{position:relative;display:flex;align-items:center;}.modal-overlay .input-icon{position:absolute;left:15px;font-size:18px;color:#adb5bd;z-index:2;transition:color 0.3s ease;}.modal-overlay .input-wrapper input{width:100%;padding:15px 15px 15px 50px;border:2px solid #e9ecef;border-radius:12px;font-size:16px;background:#fafbfc;transition:all 0.3s ease;color:#2c3e50;}.modal-overlay .input-wrapper input:focus{outline:none;border-color:#ff6b35;background:white;box-shadow:0 0 0 3px rgba(255,107,53,0.1);}.modal-overlay .input-wrapper input:focus + .input-icon,.modal-overlay .input-wrapper input:focus ~ .input-icon{color:#ff6b35;}.modal-overlay .password-toggle{position:absolute;right:15px;background:none;border:none;color:#adb5bd;cursor:pointer;font-size:18px;padding:5px;border-radius:6px;transition:all 0.3s ease;z-index:2;}.modal-overlay .password-toggle:hover{color:#6c757d;background:rgba(0,0,0,0.05);}.modal-overlay .form-options{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;flex-wrap:wrap;gap:15px;}.modal-overlay .checkbox-wrapper{display:flex;align-items:center;cursor:pointer;user-select:none;position:relative;}.modal-overlay .checkbox-wrapper input{position:absolute;opacity:0;cursor:pointer;height:0;width:0;}.modal-overlay .checkmark{height:20px;width:20px;background-color:#f8f9fa;border:2px solid #dee2e6;border-radius:4px;position:relative;transition:all 0.3s ease;margin-right:10px;}.modal-overlay .checkbox-wrapper:hover .checkmark{border-color:#ff6b35;}.modal-overlay .checkbox-wrapper input:checked ~ .checkmark{background-color:#ff6b35;border-color:#ff6b35;}.modal-overlay .checkmark:after{content:"";position:absolute;display:none;left:6px;top:2px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);}.modal-overlay .checkbox-wrapper input:checked ~ .checkmark:after{display:block;}.modal-overlay .label-text{font-size:14px;color:#495057;font-weight:500;}.modal-overlay .forgot-link{color:#ff6b35;text-decoration:none;font-size:14px;font-weight:600;transition:all 0.3s ease;}.modal-overlay .forgot-link:hover{color:#e55a2b;text-decoration:underline;}.modal-overlay .btn-primary,.modal-overlay .btn-secondary{width:100%;padding:16px 24px;border-radius:12px;font-size:16px;font-weight:600;border:none;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;position:relative;overflow:hidden;}.modal-overlay .btn-primary{color:white;box-shadow:0 4px 15px rgba(255,107,53,0.3);}.modal-overlay .btn-primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.6s ease;}.modal-overlay .btn-primary:hover::before{left:100%;}.modal-overlay .btn-primary:hover{transform:translateY(-2px);}.modal-overlay .btn-secondary{background:white;color:#ff6b35;border:2px solid #ff6b35;box-shadow:0 4px 15px rgba(255,107,53,0.1);}.modal-overlay .btn-secondary:hover{background:#ff6b35;color:white;transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,107,53,0.3);}.modal-overlay .btn-full-width{width:100%;margin-bottom:15px;}.modal-overlay .modal-divider{text-align:center;position:relative;margin:30px 0;}.modal-overlay .modal-divider::before{content:'';position:absolute;top:50%;left:0;right:0;height:1px;background:#e9ecef;transform:translateY(-50%);}.modal-overlay .modal-divider span{background:white;color:#6c757d;font-size:14px;font-weight:500;padding:0 20px;position:relative;z-index:1;}.modal-overlay .modal-footer-links{text-align:center;margin-top:25px;}.modal-overlay .modal-footer-links p{font-size:12px;color:#6c757d;margin:0;line-height:1.5;}.modal-overlay .modal-footer-links a{color:#ff6b35;text-decoration:none;font-weight:500;}.modal-overlay .modal-footer-links a:hover{text-decoration:underline;}.modal-overlay .modal-loading{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.9);display:none;align-items:center;justify-content:center;border-radius:16px;z-index:10;}.modal-overlay .modal-loading.show{display:flex;}.modal-overlay .loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #ff6b35;border-radius:50%;animation:spin 1s linear infinite;}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}@media (max-width:576px){.modal-overlay .login-modal{width:95%;margin:20px;max-height:calc(100vh - 40px);}.modal-overlay .modal-header{padding:25px 20px 15px;}.modal-overlay .modal-header::before{left:20px;width:50px;}.modal-overlay .modal-title{font-size:24px;}.modal-overlay .modal-body{padding:20px;}.modal-overlay .form-options{flex-direction:column;align-items:flex-start;gap:12px;}.modal-overlay .input-wrapper input{padding:14px 14px 14px 45px;font-size:16px;}.modal-overlay .btn-primary,.modal-overlay .btn-secondary{padding:15px 20px;font-size:16px;}}@media (max-width:360px){.modal-overlay .modal-header{padding:20px 15px 15px;}.modal-overlay .modal-body{padding:15px;}.modal-overlay .modal-title{font-size:22px;}}@media (prefers-reduced-motion:reduce){.modal-overlay,.modal-overlay .login-modal,.modal-overlay .btn-primary,.modal-overlay .btn-secondary,.modal-overlay .input-wrapper input{transition:none;}.modal-overlay .btn-primary::before{display:none;}}.modal-overlay .modal-close-btn:focus,.modal-overlay .btn-primary:focus,.modal-overlay .btn-secondary:focus,.modal-overlay .forgot-link:focus{outline:2px solid #ff6b35;outline-offset:2px;}@media (prefers-contrast:high){.modal-overlay{background:rgba(0,0,0,0.8);}.modal-overlay .input-wrapper input{border-width:3px;}.modal-overlay .btn-primary,.modal-overlay .btn-secondary{border-width:3px;}}.modal-overlay .forgot-password-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:16px;margin-bottom:20px;text-align:center;}.modal-overlay .forgot-password-info p{margin:0;color:#6c757d;font-size:14px;line-height:1.5;}.modal-overlay .registration-modal{max-width:600px !important;width:95% !important;}.modal-overlay .registration-modal .modal-close{background:linear-gradient(135deg,#e74c3c,#c0392b) !important;border:none !important;color:white !important;font-size:20px !important;font-weight:bold !important;width:40px !important;height:40px !important;border-radius:8px !important;cursor:pointer !important;display:flex !important;align-items:center !important;justify-content:center !important;transition:all 0.3s ease !important;position:relative !important;overflow:hidden !important;}.modal-overlay .registration-modal .modal-close:hover{background:linear-gradient(135deg,#dc3545,#bd2130) !important;transform:translateY(-1px) !important;box-shadow:0 6px 12px rgba(231,76,60,0.5),0 3px 6px rgba(231,76,60,0.4) !important;}.modal-overlay .form-section{margin-bottom:30px;padding-bottom:25px;border-bottom:1px solid #e9ecef;}.modal-overlay .form-section:last-of-type{border-bottom:none;margin-bottom:20px;}.modal-overlay .section-title{font-size:18px;font-weight:600;color:#333;margin:0 0 20px 0;display:flex;align-items:center;gap:8px;}.modal-overlay .section-title::before{content:'';width:4px;height:20px;background:var(--primary-color);border-radius:2px;}.modal-overlay .form-row{display:flex;gap:15px;margin-bottom:15px;}.modal-overlay .form-group.half{flex:1;}.modal-overlay .form-group.third{flex:1;}.modal-overlay .registration-modal .input-wrapper input{padding:12px 12px 12px 40px !important;}.modal-overlay .registration-modal .input-wrapper select{padding:12px 12px 12px 40px !important;}.modal-overlay .input-wrapper select{width:100%;padding:14px 14px 14px 45px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;background:white;color:#333;transition:all 0.3s ease;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px;}.modal-overlay .registration-modal .input-wrapper select{padding:12px 40px 12px 40px !important;}.modal-overlay .input-wrapper select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(0,87,161,0.1);}.modal-overlay .input-wrapper select:hover{border-color:#ced4da;}@media (max-width:768px){.modal-overlay{z-index:100000 !important;}.modal-overlay .login-modal,.modal-overlay .registration-modal{max-width:95% !important;margin:10px !important;max-height:90vh !important;overflow-y:auto !important;}.modal-overlay .registration-modal{max-width:95% !important;margin:10px !important;}.modal-overlay .form-row{flex-direction:column;gap:0;}.modal-overlay .form-group.half{width:100%;margin-bottom:15px;}.modal-overlay .form-group.third{width:100%;margin-bottom:15px;}.modal-overlay .section-title{font-size:16px;}.modal-overlay .modal-header{padding:15px 20px !important;}.modal-overlay .modal-title{font-size:18px !important;}.modal-overlay .modal-body{padding:20px !important;}.modal-overlay .btn-primary{padding:12px 20px !important;font-size:16px !important;}.modal-overlay .input-wrapper input,.modal-overlay .input-wrapper select{padding:12px 15px !important;font-size:16px !important;}.modal-overlay .modal-close{width:32px !important;height:32px !important;font-size:18px !important;}}@media (max-width:480px){.modal-overlay .login-modal,.modal-overlay .registration-modal{max-width:98% !important;margin:5px !important;max-height:95vh !important;}.modal-overlay .modal-body{padding:15px !important;}.modal-overlay .form-section{margin-bottom:20px;padding-bottom:15px;}.modal-overlay .section-title{font-size:16px !important;margin-bottom:15px !important;}.modal-overlay .input-wrapper input,.modal-overlay .input-wrapper select{padding:10px 12px !important;}}.cart-item-pricing{font-size:14px;line-height:1.4;}.item-price{color:#495057;font-weight:500;}.item-shipping{color:#6c757d;font-size:13px;}.item-total{color:#2c3e50;font-weight:600;font-size:15px;margin-top:2px;}.cart-breakdown{background:#f8f9fa;border-radius:8px;padding:20px;margin-top:20px;}.breakdown-line{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:16px;}.breakdown-line:not(:last-child){border-bottom:1px solid #e9ecef;}.breakdown-line.total-line{border-top:2px solid #dee2e6;padding-top:15px;margin-top:10px;font-size:18px;color:#2c3e50;}.breakdown-line span:first-child{color:#495057;}.breakdown-line span:last-child{color:#2c3e50;font-weight:600;}.cart-total{text-align:center;margin-bottom:15px;font-size:20px;font-weight:700;color:#2c3e50;padding:15px;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:8px;}@media (max-width:768px){.cart-breakdown{padding:15px;margin-top:15px;}.breakdown-line{font-size:14px;padding:6px 0;}.breakdown-line.total-line{font-size:16px;}.cart-item-pricing{font-size:13px;}.item-total{font-size:14px;}}@media (max-width:480px){.cart-breakdown{padding:12px;}.breakdown-line{font-size:13px;}.breakdown-line.total-line{font-size:15px;}}.container-fluid{width:100% !important;padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto;}.container-responsive{width:100%;max-width:1400px;margin:0 auto;padding:0 20px;}@media (max-width:1200px){.header-content{grid-template-columns:200px 1fr auto;gap:15px;margin:0 20px;}.container-responsive{padding:0 15px;}}@media (max-width:992px){.header-content{grid-template-columns:180px 1fr auto;gap:12px;margin:0 15px;}.search-box{padding:10px 40px 10px 12px;font-size:13px;}.search-btn{padding:0 12px;font-size:14px;}.logo{font-size:20px;}}@media (max-width:768px){.header-main{padding:8px 0 !important;}.header-content{display:grid !important;grid-template-columns:64px 1fr 64px !important;grid-template-rows:auto auto !important;gap:0 !important;align-items:center !important;padding:8px 15px 0 15px !important;margin:0 !important;text-align:left !important;}.mobile-user-icon{grid-column:1;grid-row:1;display:flex !important;justify-content:flex-start;align-items:center;}.mobile-user-btn{background:none;border:none;color:white;font-size:24px;cursor:pointer;padding:8px;border-radius:50%;transition:background 0.3s ease;display:flex;align-items:center;justify-content:center;width:48px;height:48px;}.mobile-user-btn:hover,.mobile-user-btn:active{background:rgba(255,255,255,0.2) !important;transform:scale(1.05);}.mobile-user-btn{opacity:1 !important;pointer-events:all !important;z-index:1000 !important;}.logo{grid-column:2 !important;grid-row:1 !important;text-align:center !important;font-size:22px !important;margin:0 auto !important;padding:0 !important;order:unset !important;display:flex !important;align-items:center !important;justify-content:center !important;width:100% !important;}.mobile-cart-wrapper{grid-column:3;grid-row:1;display:flex !important;justify-content:flex-end;align-items:center;}.mobile-cart-btn{background:none;border:none;color:white;cursor:pointer;padding:8px;border-radius:50%;transition:background 0.3s ease;display:flex;align-items:center;justify-content:center;position:relative;width:44px;height:44px;}.mobile-cart-btn:hover{background:rgba(255,255,255,0.1);}.mobile-cart-btn i{font-size:24px;}.mobile-cart-count{position:absolute;top:4px;right:4px;background:#ff6b35;color:white;font-size:10px;padding:2px 6px;border-radius:10px;min-width:16px;text-align:center;font-weight:600;}.mobile-search-row{grid-column:1 / -1;grid-row:2;display:flex !important;align-items:center !important;gap:10px !important;padding:12px 0 8px 0 !important;width:100% !important;}.mobile-categories-btn{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3);color:white;cursor:pointer;padding:12px;border-radius:8px;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:48px;height:48px;}.mobile-categories-btn:hover,.mobile-categories-btn:active,.mobile-categories-btn.active{background:rgba(255,255,255,0.2) !important;border-color:rgba(255,255,255,0.5) !important;transform:scale(1.05) !important;}.mobile-categories-btn{opacity:1 !important;pointer-events:all !important;z-index:1000 !important;}.mobile-menu-icon{display:flex;flex-direction:column;gap:3px;width:20px;}.mobile-menu-icon span{display:block;height:2px;background:white;border-radius:1px;transition:all 0.3s ease;}.mobile-menu-icon span:nth-child(1){width:20px;}.mobile-menu-icon span:nth-child(2){width:16px;}.mobile-menu-icon span:nth-child(3){width:12px;}.search-container{flex:1 !important;margin:0 !important;order:unset !important;width:auto !important;margin-top:0 !important;}.search-box{width:100% !important;padding:12px 50px 12px 16px !important;font-size:16px !important;border:1px solid rgba(255,255,255,0.3) !important;border-radius:8px !important;background:rgba(255,255,255,0.1) !important;color:white !important;backdrop-filter:blur(10px) !important;}.search-box::placeholder{color:rgba(255,255,255,0.7) !important;}.search-btn{background:#ff6b35 !important;border-radius:0 7px 7px 0 !important;right:1px !important;top:1px !important;height:calc(100% - 2px) !important;padding:0 12px !important;font-size:16px !important;}.header-actions,.account-section,.cart-info{display:none !important;}.nav-bar{position:fixed !important;top:-9999px !important;left:-9999px !important;width:1px !important;height:1px !important;overflow:hidden !important;}}@media (max-width:480px){.header-main{padding:8px 0;}.header-content{margin:0 5px;gap:8px;}.logo{font-size:18px;}.search-box{padding:8px 35px 8px 10px;font-size:12px;}.search-btn{padding:0 10px;font-size:12px;}.header-actions{gap:10px;}.cart-info{gap:4px;}.cart-icon{font-size:16px;}.categories-nav{gap:10px;padding:0 5px;}.category-link{font-size:12px;padding:5px 8px;}}.row{display:flex;flex-wrap:wrap;margin:0 -15px;}.col{flex:1;padding:0 15px;}@media (min-width:1200px){.col-xl-1{width:8.333333%;}.col-xl-2{width:16.666667%;}.col-xl-3{width:25%;}.col-xl-4{width:33.333333%;}.col-xl-6{width:50%;}.col-xl-12{width:100%;}}@media (min-width:992px) and (max-width:1199px){.col-lg-1{width:8.333333%;}.col-lg-2{width:16.666667%;}.col-lg-3{width:25%;}.col-lg-4{width:33.333333%;}.col-lg-6{width:50%;}.col-lg-12{width:100%;}}@media (min-width:768px) and (max-width:991px){.col-md-1{width:8.333333%;}.col-md-2{width:16.666667%;}.col-md-3{width:25%;}.col-md-4{width:33.333333%;}.col-md-6{width:50%;}.col-md-12{width:100%;}}@media (min-width:576px) and (max-width:767px){.col-sm-1{width:8.333333%;}.col-sm-2{width:16.666667%;}.col-sm-3{width:25%;}.col-sm-4{width:33.333333%;}.col-sm-6{width:50%;}.col-sm-12{width:100%;}}@media (max-width:575px){.col-xs-12{width:100%;}}@media (max-width:767px){.d-md-none{display:none !important;}.d-md-block{display:block !important;}.d-md-flex{display:flex !important;}}@media (max-width:575px){.d-sm-none{display:none !important;}.d-sm-block{display:block !important;}.d-sm-flex{display:flex !important;}}@media (max-width:767px){.text-md-center{text-align:center !important;}.text-md-left{text-align:left !important;}.text-md-right{text-align:right !important;}}@media (max-width:575px){.text-sm-center{text-align:center !important;}.text-sm-left{text-align:left !important;}.text-sm-right{text-align:right !important;}}@media (max-width:767px){.p-md-0{padding:0 !important;}.p-md-1{padding:0.25rem !important;}.p-md-2{padding:0.5rem !important;}.p-md-3{padding:1rem !important;}.p-md-4{padding:1.5rem !important;}.m-md-0{margin:0 !important;}.m-md-1{margin:0.25rem !important;}.m-md-2{margin:0.5rem !important;}.m-md-3{margin:1rem !important;}.m-md-4{margin:1.5rem !important;}}*{box-sizing:border-box;}html,body{overflow-x:hidden;width:100%;}@media (max-width:768px){footer{margin-top:20px !important;padding:20px 0 10px !important;}.footer-content{margin-bottom:15px !important;gap:20px !important;}.footer-section{margin-bottom:15px !important;}.footer-bottom{padding-top:15px !important;font-size:12px !important;}.main-content,.page-content,.content-area{margin-bottom:0 !important;padding-bottom:0 !important;}.container,.container-fluid{margin-bottom:0 !important;padding-bottom:0 !important;}.main-content > *:last-child,.page-content > *:last-child,.content-area > *:last-child{margin-bottom:0 !important;padding-bottom:0 !important;}body{margin:0 !important;padding:0 !important;}html{margin:0 !important;padding:0 !important;}}img{max-width:100%;height:auto;}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}@media (max-width:767px){.table-responsive{border:none;}.table-responsive table{min-width:600px;}}@media (max-width:767px){.btn{padding:10px 16px;font-size:14px;}.btn-sm{padding:6px 12px;font-size:12px;}.btn-lg{padding:12px 20px;font-size:16px;}}@media (max-width:480px){.btn{padding:8px 12px;font-size:13px;}.btn-block{width:100%;display:block;}}@media (max-width:767px){.user-menu-dropdown,.login-popup{position:fixed !important;top:70px !important;right:10px !important;left:10px !important;width:auto !important;max-width:none !important;transform:none !important;margin:0 !important;}.user-menu-dropdown::before,.login-popup::before{display:none;}.user-menu-dropdown{border-radius:8px !important;box-shadow:0 10px 40px rgba(0,0,0,0.25) !important;}.login-popup{border-radius:8px !important;box-shadow:0 10px 40px rgba(0,0,0,0.25) !important;}}@media (max-width:767px){.modal-overlay{padding:10px;}.registration-modal,.forgot-password-modal,.reset-password-modal{width:100%;max-width:none;margin:0;border-radius:8px;}.modal-header{padding:15px 20px;}.modal-body,.form-sections{padding:20px;}.form-row{grid-template-columns:1fr !important;gap:12px;}}@media (max-width:768px){.cart-sidebar{width:100vw !important;right:-100vw;border-radius:0;}.cart-sidebar.active{right:0;}.cart-header{padding:15px 20px;}.cart-item{padding:12px 20px;}.cart-item-image{width:50px;height:50px;margin-right:10px;}.cart-footer{padding:15px 20px;}}@media (max-width:480px){.cart-item{padding:10px 15px;}.cart-item-image{width:45px;height:45px;margin-right:8px;}.cart-header,.cart-footer{padding:12px 15px;}.qty-control{gap:3px;}.quantity-btn{width:20px;height:20px;font-size:12px;}.quantity-display{font-size:12px;min-width:16px;}}*{scroll-behavior:smooth;}::-webkit-scrollbar{width:6px;height:6px;}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px;}::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px;}::-webkit-scrollbar-thumb:hover{background:#999;}@media (max-width:767px){.btn,.category-link,.nav-link,.pagination-btn{min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;}.btn:focus,.category-link:focus,.nav-link:focus{outline:2px solid #007bff;outline-offset:2px;}}@media (max-width:767px){*{-webkit-transform:translateZ(0);transform:translateZ(0);}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;}}}@media print{.header-main,.nav-bar,.cart-sidebar,.modal-overlay,.btn,.pagination{display:none !important;}body{font-size:12pt;line-height:1.4;}.container,.container-responsive{width:100% !important;max-width:none !important;padding:0 !important;margin:0 !important;}}@media (max-width:1200px){.hero-banners{max-width:100%;padding:0 15px;gap:10px;}.main-banner{padding:30px 40px;}.banner-content h2{font-size:42px;}.banner-content p{font-size:18px;}.side-banner{padding:25px;}.side-banner h3{font-size:20px;}}@media (max-width:992px){.hero-banners{grid-template-columns:1fr;min-height:auto;padding:0 10px;}.side-banners{flex-direction:row;order:-1;gap:10px;}.main-banner{padding:25px 30px;order:1;}.banner-content h2{font-size:36px;}.banner-content p{font-size:16px;max-width:100%;}.side-banner{flex:1;padding:20px;}.side-banner h3{font-size:18px;}.side-banner p{font-size:14px;}}@media (max-width:768px){.hero-section{display:none !important;}.hero-banners{grid-template-columns:1fr !important;min-height:auto;padding:0 5px;gap:10px;}.main-banner{padding:30px 20px;text-align:center;order:2;width:100%;box-sizing:border-box;}.banner-content{width:100%;max-width:100%;}.banner-content h2{font-size:32px;line-height:1.2;margin-bottom:15px;}.banner-content p{font-size:16px;margin-bottom:25px;max-width:100%;}.banner-btn{padding:12px 24px;font-size:16px;}.side-banners{display:flex;flex-direction:row;gap:5px;order:1;width:100%;}.side-banner{flex:1;padding:20px 15px;min-height:100px;display:flex;flex-direction:column;justify-content:center;text-align:center;}.side-banner h3{font-size:18px;margin-bottom:8px;}.side-banner p{font-size:14px;}}@media (max-width:480px){.hero-banners{padding:0;}.main-banner{padding:15px 10px;}.banner-content h2{font-size:24px;}.banner-content p{font-size:14px;margin-bottom:15px;}.banner-btn{padding:10px 20px;font-size:14px;}.side-banners{flex-direction:column;gap:3px;}.side-banner{padding:12px 8px;min-height:60px;}.side-banner h3{font-size:14px;margin-bottom:3px;}.side-banner p{font-size:12px;}}@media (max-width:1200px){.homepage-section{border-bottom:6px solid #f5f5f5;}.recommendation-section,.products-section,.flash-sale{padding:20px 15px;}.section-header{padding-left:15px;padding-right:15px;margin-bottom:20px;}.recommendation-title,.section-title,.flash-title{font-size:26px;}.section-icon,.flash-icon{font-size:28px;}}@media (max-width:992px){.recommendation-section,.products-section,.flash-sale{padding:18px 10px;}.recommendation-header,.section-header,.flash-sale-header{flex-direction:column;gap:15px;align-items:flex-start;margin-bottom:18px;}.carousel-nav{align-self:flex-end;order:1;}.recommendation-title,.section-title,.flash-title{order:0;font-size:24px;}.carousel-btn{width:45px;height:45px;font-size:16px;}}@media (max-width:768px){.recommendation-section,.products-section,.flash-sale{padding:15px 8px;}.recommendation-header,.section-header,.flash-sale-header{gap:12px;margin-bottom:15px;padding-bottom:10px;}.recommendation-title,.section-title,.flash-title{font-size:22px;}.section-icon,.flash-icon{font-size:24px;}.carousel-btn{width:40px;height:40px;font-size:14px;}.view-all-link{font-size:14px;}}@media (max-width:480px){.recommendation-section,.products-section,.flash-sale{padding:12px 5px;}.recommendation-header,.section-header,.flash-sale-header{text-align:center;flex-direction:column;align-items:center;gap:10px;}.recommendation-title,.section-title,.flash-title{font-size:20px;text-align:center;}.carousel-nav{align-self:center;}.carousel-btn{width:36px;height:36px;font-size:12px;}.view-all-link{font-size:13px;}}@media (max-width:1200px){.products-grid,.flash-products-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;}}@media (max-width:992px){.products-grid,.flash-products-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:15px;}}@media (max-width:768px){.products-grid,.flash-products-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:15px;}}@media (max-width:480px){.products-grid,.flash-products-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;margin-top:12px;}}@media (max-width:360px){.products-grid,.flash-products-grid{grid-template-columns:repeat(2,1fr);gap:6px;}}@media (max-width:1200px){.recommendation-carousel-wrapper{margin:0 -8px;overflow:visible;}.recommendation-carousel{padding:0 8px;gap:15px;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;}.recommendation-carousel::-webkit-scrollbar{display:none;}.carousel-item{flex:0 0 260px;max-width:260px;scroll-snap-align:start;}.view-more-item{flex:0 0 260px;scroll-snap-align:start;}}@media (max-width:992px){.recommendation-carousel-wrapper{margin:0 -5px;overflow:visible;}.recommendation-carousel{padding:0 5px;gap:12px;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;}.recommendation-carousel::-webkit-scrollbar{display:none;}.carousel-item{flex:0 0 240px;max-width:240px;scroll-snap-align:start;}.view-more-item{flex:0 0 240px;scroll-snap-align:start;}}@media (max-width:768px){.recommendation-carousel-wrapper{margin:0 -5px;overflow:visible;position:relative;}.recommendation-carousel{padding:0 5px;gap:15px;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;display:flex !important;}.recommendation-carousel::-webkit-scrollbar{display:none;}.carousel-item{flex:0 0 280px;max-width:280px;scroll-snap-align:start;margin-right:0;}.view-more-item{flex:0 0 280px;scroll-snap-align:start;margin-right:0;}.view-more-card{height:350px;padding:30px 15px;}.view-more-icon{font-size:36px;margin-bottom:15px;}.view-more-content h4{font-size:18px;margin-bottom:8px;}.view-more-content p{font-size:13px;margin-bottom:15px;}.products-grid,.flash-products-grid{display:grid !important;width:100%;grid-template-columns:repeat(2,1fr) !important;gap:15px !important;overflow:visible !important;margin-bottom:40px;}}@media (max-width:480px){.recommendation-carousel{gap:8px;padding:0 2px;}.carousel-item{flex:0 0 160px;max-width:160px;}.view-more-item{flex:0 0 160px;}.view-more-card{height:250px;padding:20px 10px;}.view-more-icon{font-size:28px;margin-bottom:12px;}.view-more-content h4{font-size:16px;margin-bottom:6px;}.view-more-content p{font-size:12px;margin-bottom:12px;}}@media (max-width:360px){.carousel-item{flex:0 0 140px;max-width:140px;}.view-more-item{flex:0 0 140px;}.view-more-card{height:220px;padding:15px 8px;}.view-more-icon{font-size:24px;margin-bottom:10px;}.view-more-content h4{font-size:14px;margin-bottom:5px;}.view-more-content p{font-size:11px;margin-bottom:10px;}}@media (max-width:768px){.flash-sale-header{flex-direction:column;align-items:flex-start;gap:15px;}.flash-title{font-size:24px;}.flash-icon{font-size:28px;}.countdown{align-self:stretch;justify-content:center;font-size:14px;}.time-unit{padding:6px 8px;min-width:40px;font-size:14px;}.time-unit small{font-size:10px;}}@media (max-width:480px){.flash-title{font-size:20px;text-align:center;width:100%;}.flash-icon{font-size:24px;}.countdown{font-size:13px;}.countdown-timer{gap:4px;}.time-unit{padding:4px 6px;min-width:35px;font-size:12px;}.time-unit small{font-size:9px;}}@media (max-width:768px){.no-products{padding:40px 15px;margin:15px 0;}.no-products-icon i{font-size:48px;margin-bottom:15px;}.no-products h3{font-size:20px;margin-bottom:8px;}.no-products p{font-size:14px;margin-bottom:20px;}}@media (max-width:480px){.no-products{padding:30px 10px;margin:10px 0;}.no-products-icon i{font-size:36px;margin-bottom:12px;}.no-products h3{font-size:18px;margin-bottom:6px;}.no-products p{font-size:13px;margin-bottom:15px;}}@media (max-width:768px){.btn{padding:10px 20px;font-size:14px;border-radius:6px;}.btn-primary,.btn-outline-primary{min-height:44px;}}@media (max-width:480px){.btn{padding:8px 16px;font-size:13px;}.banner-btn{padding:8px 16px;font-size:14px;}}@media (max-width:768px){.carousel-nav{display:none;}.recommendation-carousel-wrapper::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:30px;height:4px;background:#dee2e6;border-radius:2px;opacity:0.5;}.recommendation-carousel{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;}.recommendation-carousel::-webkit-scrollbar{display:none;}}@media (max-width:768px){.carousel-item,.view-more-card,.btn{will-change:auto;transform:translateZ(0);}@media (prefers-reduced-motion:reduce){.recommendation-carousel,.carousel-item,.view-more-card{transition:none;animation:none;}}}@media (max-width:768px) and (orientation:landscape){.hero-banners{min-height:200px;}.main-banner{padding:15px 25px;}.banner-content h2{font-size:24px;margin-bottom:10px;}.banner-content p{font-size:14px;margin-bottom:15px;}.side-banners{flex-direction:row;}.side-banner{padding:10px;min-height:60px;}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.carousel-btn,.btn,.view-more-card{border-width:0.5px;}.hero-banners,.recommendation-section{background-size:contain;background-position:center;}}@media (max-width:1400px){.categories-mega-menu{width:720px;}.main-categories-column{width:280px;}}@media (max-width:1200px){.main-navigation{gap:20px;max-width:1200px;padding:0 15px;}.categories-mega-menu{width:680px;}.quick-categories{gap:15px;}.quick-category-link{font-size:14px;padding:6px 10px;}}@media (max-width:992px){.main-navigation{gap:15px;padding:0 12px;}.all-categories-btn{min-width:180px;padding:10px 16px;font-size:15px;}.quick-categories{display:none;}.categories-mega-menu{width:600px;left:50%;transform:translateX(-50%);margin-top:5px;}.main-categories-column{width:240px;}.mega-menu-container{min-height:450px;max-height:500px;}.subcategory-list{grid-template-columns:1fr;gap:6px;}.subcategories-content{padding:15px 20px;}.category-content{padding:10px 16px;}.category-name{font-size:13px;}.subcategory-name{font-size:13px;}}@media (max-width:768px){.nav-bar{padding:8px 0;position:relative;z-index:999;}.main-navigation{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 15px;width:100%;box-sizing:border-box;}.all-categories-wrapper{order:1;flex-shrink:0;}.all-categories-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 15px;background:#ff6b35;color:white;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.3s ease;min-width:140px;text-align:center;}.all-categories-btn:hover{background:#e55a2b;transform:translateY(-1px);}.all-categories-btn.active{background:#d94e20;}.nav-links{display:none !important;}.categories-mega-menu{position:fixed !important;top:0 !important;left:-100vw !important;width:100vw !important;height:100vh !important;background:white !important;z-index:99999 !important;border-radius:0 !important;box-shadow:4px 0 20px rgba(0,0,0,0.15) !important;transition:left 0.3s ease !important;opacity:1 !important;visibility:visible !important;transform:none !important;margin:0 !important;border:none !important;display:block !important;overflow:hidden !important;}.categories-mega-menu.show{left:0 !important;}.mega-menu-container{display:flex !important;flex-direction:column !important;height:100vh !important;width:100% !important;background:white !important;position:relative !important;overflow:hidden !important;}.mobile-menu-header{display:flex !important;justify-content:space-between !important;align-items:center !important;padding:15px 20px !important;background:#ff6b35 !important;color:white !important;border-bottom:1px solid rgba(255,255,255,0.2) !important;flex-shrink:0 !important;z-index:10 !important;}.mobile-menu-title{font-size:18px !important;font-weight:700 !important;margin:0 !important;color:white !important;}.mobile-menu-close{background:none !important;border:none !important;color:white !important;font-size:28px !important;cursor:pointer !important;padding:8px !important;border-radius:50% !important;transition:background 0.3s ease !important;width:44px !important;height:44px !important;display:flex !important;align-items:center !important;justify-content:center !important;}.mobile-menu-close:hover{background:rgba(255,255,255,0.15) !important;}.mobile-nav-main{flex:1 !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch !important;background:white !important;transform:translateX(0) !important;transition:transform 0.4s cubic-bezier(0.25,0.8,0.25,1) !important;}.mobile-nav-main.slide-left{transform:translateX(-100%) !important;}.mobile-nav-sub{position:absolute !important;top:60px !important;left:0 !important;width:100% !important;height:calc(100vh - 60px) !important;background:white !important;transform:translateX(100%) !important;transition:transform 0.4s cubic-bezier(0.25,0.8,0.25,1) !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch !important;z-index:5 !important;}.mobile-nav-sub.slide-in{transform:translateX(0) !important;}.mobile-back-btn{display:flex !important;align-items:center !important;gap:12px !important;padding:18px 20px !important;background:#f8f9fa !important;border:none !important;width:100% !important;text-align:left !important;cursor:pointer !important;font-size:16px !important;font-weight:600 !important;color:#333 !important;border-bottom:2px solid #e5e5e5 !important;transition:background 0.3s ease !important;box-sizing:border-box !important;min-height:60px !important;}.mobile-back-btn:hover,.mobile-back-btn:active{background:#e9ecef !important;}.mobile-back-btn i{font-size:20px !important;color:#ff6b35 !important;}.main-categories-column{width:100% !important;background:white !important;border:none !important;padding:0 !important;height:auto !important;max-height:none !important;overflow:visible !important;}.main-category-item{border:none !important;border-bottom:1px solid #f0f0f0 !important;min-height:64px !important;cursor:pointer !important;background:white !important;transition:background 0.3s ease !important;display:block !important;}.main-category-item:hover{background:#f8f9fa !important;}.main-category-item:active{background:#e9ecef !important;}.main-category-item.active{background:#fff3f0 !important;border-left:4px solid #ff6b35 !important;}.category-content{padding:18px 20px !important;display:flex !important;align-items:center !important;justify-content:space-between !important;width:100% !important;box-sizing:border-box !important;}.category-main-info{display:flex !important;align-items:center !important;gap:15px !important;flex:1 !important;}.category-icon{font-size:22px !important;color:#ff6b35 !important;width:28px !important;text-align:center !important;flex-shrink:0 !important;}.category-name{font-size:16px !important;font-weight:600 !important;color:#333 !important;line-height:1.3 !important;}.arrow-right{font-size:16px !important;color:#adb5bd !important;flex-shrink:0 !important;}.subcategories-column{background:white !important;height:100% !important;max-height:none !important;overflow:visible !important;padding:0 !important;}.subcategories-header{display:none !important;}.subcategories-content{padding:0 !important;}.subcategory-list{display:block !important;grid-template-columns:none !important;gap:0 !important;}.subcategory-item{display:block !important;padding:18px 20px !important;border-radius:0 !important;text-align:left !important;border-bottom:1px solid #f0f0f0 !important;background:white !important;margin:0 !important;transition:background 0.3s ease !important;text-decoration:none !important;color:#333 !important;min-height:56px !important;box-sizing:border-box !important;display:flex !important;align-items:center !important;}.subcategory-item:hover{background:#f8f9fa !important;text-decoration:none !important;color:#333 !important;}.subcategory-item:active{background:#e9ecef !important;}.subcategory-name{font-size:16px !important;font-weight:500 !important;color:#333 !important;line-height:1.4 !important;}.main-category-item,.subcategory-item,.mobile-back-btn,.mobile-menu-close,.all-categories-btn{min-height:48px !important;touch-action:manipulation !important;-webkit-tap-highlight-color:rgba(0,0,0,0.1) !important;}.subcategories-placeholder,.menu-section-divider,.menu-section-title,.special-category{display:none !important;}.mobile-nav-main::-webkit-scrollbar,.mobile-nav-sub::-webkit-scrollbar{width:4px;}.mobile-nav-main::-webkit-scrollbar-track,.mobile-nav-sub::-webkit-scrollbar-track{background:#f1f1f1;}.mobile-nav-main::-webkit-scrollbar-thumb,.mobile-nav-sub::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px;}.mobile-nav-main::-webkit-scrollbar-thumb:hover,.mobile-nav-sub::-webkit-scrollbar-thumb:hover{background:#a1a1a1;}}@media (max-width:480px){.main-navigation{padding:0 10px !important;gap:10px !important;}.all-categories-btn{min-width:120px !important;font-size:13px !important;padding:8px 12px !important;}.nav-links{gap:8px !important;}.nav-link{font-size:12px !important;padding:6px 8px !important;}.categories-mega-menu{left:-100vw !important;transition:left 0.3s ease !important;}.categories-mega-menu.show{left:0 !important;}.mobile-menu-header{padding:12px 15px !important;}.mobile-menu-title{font-size:16px !important;}.mobile-menu-close{width:40px !important;height:40px !important;font-size:24px !important;}.mobile-back-btn{padding:15px 15px !important;font-size:15px !important;min-height:56px !important;}.category-content,.subcategory-item{padding:15px 15px !important;min-height:56px !important;}.category-name,.subcategory-name{font-size:15px !important;}.category-icon{font-size:20px !important;}.mobile-nav-main,.mobile-nav-sub{height:calc(100vh - 52px) !important;}}@media (max-width:360px){.main-navigation{padding:0 8px !important;gap:6px !important;}.all-categories-btn{min-width:100px !important;padding:6px 10px !important;font-size:12px !important;}.nav-links{gap:6px !important;}.nav-link{font-size:11px !important;padding:5px 6px !important;}.mobile-menu-header{padding:10px 12px !important;}.mobile-menu-title{font-size:15px !important;}.mobile-menu-close{width:36px !important;height:36px !important;font-size:20px !important;}.mobile-back-btn{padding:12px 12px !important;font-size:14px !important;min-height:52px !important;}.category-content,.subcategory-item{padding:12px 12px !important;min-height:52px !important;}.category-name,.subcategory-name{font-size:14px !important;}.category-icon{font-size:18px !important;}.arrow-right{font-size:14px !important;}.mobile-nav-main,.mobile-nav-sub{height:calc(100vh - 48px) !important;}}@media (max-width:768px){.subcategories-loading{height:150px;padding:30px;}.loading-spinner{width:20px;height:20px;border-width:2px;margin-right:8px;}}@media (max-width:480px){.subcategories-loading{height:120px;padding:20px;}.loading-spinner{width:18px;height:18px;border-width:2px;margin-right:6px;}}@media (max-width:768px){.subcategories-placeholder{height:200px;padding:20px;}.subcategories-placeholder i{font-size:32px;margin-bottom:10px;}.subcategories-placeholder p{font-size:14px;}}@media (max-width:480px){.subcategories-placeholder{height:150px;padding:15px;}.subcategories-placeholder i{font-size:24px;margin-bottom:8px;}.subcategories-placeholder p{font-size:13px;}}@media (max-width:768px){.menu-section-divider{margin:10px 15px;}.menu-section-title{padding:6px 15px;font-size:11px;}.special-category .category-content{padding:10px 15px;}}@media (max-width:480px){.menu-section-divider{margin:8px 12px;}.menu-section-title{padding:5px 12px;font-size:10px;}.special-category .category-content{padding:8px 12px;}}@media (max-width:768px){.all-categories-btn,.main-category-item,.subcategory-item,.nav-link{min-height:44px;min-width:44px;touch-action:manipulation;}.categories-mega-menu{touch-action:pan-y;}.main-categories-column,.subcategories-content{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;}.main-category-item:active{background:#dee2e6;transform:scale(0.98);}.subcategory-item:active{background:#e9ecef;transform:scale(0.98);}.all-categories-btn:active{transform:scale(0.98);}}@media (max-width:768px) and (orientation:landscape){.categories-mega-menu{max-height:85vh;}.mega-menu-container{max-height:85vh;}.main-categories-column{max-height:40vh;}.subcategories-column{max-height:45vh;}}@media (max-width:480px) and (orientation:landscape){.categories-mega-menu{max-height:90vh;}.main-categories-column{max-height:35vh;}.subcategories-column{max-height:55vh;}}@media (max-width:768px){.categories-mega-menu,.main-category-item,.subcategory-item,.all-categories-btn{will-change:transform;transform:translateZ(0);}@media (prefers-reduced-motion:reduce){.categories-mega-menu,.main-category-item,.subcategory-item{transition:none;animation:none;}.all-categories-btn:active,.main-category-item:active,.subcategory-item:active{transform:none;}}}@media (max-width:768px){.all-categories-btn:focus,.main-category-item:focus,.subcategory-item:focus,.nav-link:focus{outline:2px solid #ff6b35;outline-offset:2px;}@media (prefers-contrast:high){.categories-mega-menu{border:2px solid;}.main-categories-column{border-bottom:2px solid;}.main-category-item,.subcategory-item{border:1px solid;}}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.categories-mega-menu{border-width:0.5px;box-shadow:0 8px 32px rgba(0,0,0,0.12);}.main-categories-column{border-right-width:0.5px;border-bottom-width:0.5px;}.menu-section-divider{height:0.5px;}}@media print{.categories-mega-menu,.all-categories-btn,.nav-links{display:none !important;}}@media screen and (max-width:768px){.products-grid,.flash-products-grid,.product-grid,.homepage-section .products-grid,.recommendation-section .products-grid,.flash-sale .flash-products-grid{display:grid !important;grid-template-columns:1fr 1fr !important;grid-template-rows:auto !important;gap:8px !important;width:100% !important;max-width:100% !important;min-width:auto !important;padding:8px !important;margin:0 auto !important;box-sizing:border-box !important;overflow:visible !important;}.container,.homepage-section,.recommendation-section,.products-section,.flash-sale{width:100% !important;max-width:100% !important;padding-left:5px !important;padding-right:5px !important;margin:0 auto !important;box-sizing:border-box !important;}.product-card{width:100% !important;max-width:100% !important;min-width:auto !important;height:auto !important;margin:0 !important;box-sizing:border-box !important;border-radius:6px !important;overflow:hidden !important;}.product-image{width:100% !important;height:140px !important;aspect-ratio:1 !important;object-fit:cover !important;border-radius:0 !important;}.product-info{padding:6px !important;box-sizing:border-box !important;}.product-title{font-size:11px !important;line-height:1.2 !important;height:auto !important;max-height:28px !important;margin-bottom:4px !important;overflow:hidden !important;display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;word-break:break-word !important;}.current-price{font-size:13px !important;font-weight:bold !important;margin-bottom:4px !important;}.product-actions{display:flex !important;gap:4px !important;margin-top:6px !important;}.product-actions .btn{flex:1 !important;padding:6px 4px !important;font-size:10px !important;border-radius:4px !important;text-align:center !important;min-height:28px !important;box-sizing:border-box !important;}}@media screen and (max-width:480px){.products-grid,.flash-products-grid,.product-grid{gap:6px !important;padding:6px !important;}.product-image{height:120px !important;}.product-info{padding:5px !important;}.product-title{font-size:10px !important;max-height:24px !important;}.current-price{font-size:12px !important;}.product-actions .btn{padding:5px 3px !important;font-size:9px !important;min-height:24px !important;}.details .product-info .product-actions .btn{padding:20px 10px !important;font-size:16px !important;min-height:24px !important;}}@media screen and (max-width:768px){}@media (max-width:768px){#categoriesMegaMenu{position:fixed !important;top:0 !important;left:0 !important;width:85% !important;max-width:320px !important;height:100vh !important;background:white !important;border-radius:0 !important;box-shadow:2px 0 20px rgba(0,0,0,0.15) !important;transform:translateX(-100%) !important;transition:transform 0.3s cubic-bezier(0.25,0.8,0.25,1) !important;z-index:99999 !important;margin:0 !important;opacity:1 !important;visibility:visible !important;overflow-y:auto !important;}#categoriesMegaMenu.show{transform:translateX(0) !important;}#categoriesMegaMenu .mega-menu-container{flex-direction:column !important;min-height:100vh !important;max-height:none !important;overflow:visible !important;}#categoriesMegaMenu::before{content:"";display:none;}#categoriesMegaMenu .mega-menu-container::before{content:"Categories";display:flex !important;flex-shrink:0 !important;padding:15px 20px !important;background:var(--gradient-bg) !important;color:white !important;min-height:60px !important;justify-content:space-between !important;align-items:center !important;font-size:18px !important;font-weight:600 !important;border-bottom:1px solid rgba(255,255,255,0.1) !important;position:sticky !important;top:0 !important;z-index:10 !important;}#categoriesMegaMenu .mega-menu-container::after{content:"×";position:absolute !important;top:15px !important;right:20px !important;background:linear-gradient(135deg,#dc3545 0%,#c82333 100%) !important;border:none !important;color:white !important;font-size:18px !important;cursor:pointer !important;padding:8px !important;border-radius:4px !important;width:32px !important;height:32px !important;display:flex !important;align-items:center !important;justify-content:center !important;transition:all 0.3s ease !important;font-weight:bold !important;z-index:11 !important;}#categoriesMegaMenu .mega-menu-container::after:hover{background:linear-gradient(135deg,#c82333 0%,#a71e2a 100%) !important;transform:scale(1.05) !important;}#categoriesMegaMenu .main-categories-column{width:100% !important;max-height:none !important;border:none !important;background:white !important;padding-top:60px !important;}#categoriesMegaMenu .main-category-item{border-left:4px solid transparent !important;padding:0 !important;}#categoriesMegaMenu .category-content{padding:16px 20px !important;font-size:16px !important;display:flex !important;align-items:center !important;gap:12px !important;}#categoriesMegaMenu .category-icon{display:flex !important;align-items:center !important;justify-content:center !important;width:24px !important;height:24px !important;color:#0057a1 !important;font-size:18px !important;flex-shrink:0 !important;}#categoriesMegaMenu .category-icon i{font-size:18px !important;color:#0057a1 !important;}#categoriesMegaMenu .category-name{flex:1 !important;font-weight:500 !important;color:#333 !important;}#categoriesMegaMenu .arrow-right{color:#999 !important;font-size:14px !important;flex-shrink:0 !important;}#categoriesMegaMenu .subcategories-column{width:100% !important;min-height:auto !important;padding:0 !important;}#categoriesMegaMenu .subcategories-header{padding:15px 20px !important;background:#f8f9fa !important;position:sticky !important;top:60px !important;z-index:5 !important;}#categoriesMegaMenu .subcategories-content{padding:15px 20px !important;}#categoriesMegaMenu .subcategory-list{grid-template-columns:1fr !important;gap:5px !important;}#categoriesMegaMenu .subcategory-item{padding:12px 16px !important;border-bottom:1px solid #f0f0f0 !important;}}.mobile-menu-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);backdrop-filter:blur(2px);z-index:99998;opacity:0;visibility:hidden;transition:all 0.3s ease;}.mobile-menu-backdrop.show{opacity:1;visibility:visible;}#bottomLoginModal{position:fixed !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;background:rgba(0,0,0,0.5) !important;backdrop-filter:blur(2px) !important;z-index:100000 !important;display:flex !important;align-items:flex-end !important;justify-content:center !important;opacity:0 !important;visibility:hidden !important;transition:all 0.3s ease !important;}#bottomLoginModal.show{opacity:1 !important;visibility:visible !important;}#bottomLoginModal > div{background:white !important;width:100% !important;max-width:500px !important;padding:30px 20px !important;transform:translateY(100%) !important;transition:transform 0.3s cubic-bezier(0.25,0.8,0.25,1) !important;box-shadow:0 -8px 32px rgba(0,0,0,0.3) !important;max-height:80vh !important;overflow-y:auto !important;position:absolute !important;top:80px !important;}#bottomLoginModal.show > div{transform:translateY(0) !important;}#mobileCategoriesBtn.active{background:rgba(255,107,53,0.2) !important;border-color:#ff6b35 !important;}#mobileUserBtn.active{background:rgba(255,107,53,0.2) !important;border-color:#ff6b35 !important;}@media (max-width:768px){*{-webkit-tap-highlight-color:transparent;}body.mobile-menu-open{overflow:hidden !important;position:fixed !important;width:100% !important;}#categoriesMegaMenu,#categoriesMegaMenu .main-categories-column,#categoriesMegaMenu .subcategories-column{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;}}@media (max-width:768px){#mobileCategoriesBtn:focus,#mobileUserBtn:focus,#mobileCartBtn:focus{outline:2px solid #ff6b35;outline-offset:2px;}@media (prefers-reduced-motion:reduce){#categoriesMegaMenu,#bottomLoginModal,#bottomLoginModal > div,.mobile-menu-backdrop{transition:none !important;}}}#mobileAccountPanel{position:fixed !important;top:0 !important;left:0 !important;width:100vw !important;height:100vh !important;background:white !important;z-index:100000 !important;display:flex !important;flex-direction:column !important;transform:translateY(-100%) !important;transition:transform 0.3s cubic-bezier(0.25,0.8,0.25,1) !important;opacity:0 !important;visibility:hidden !important;}#mobileAccountPanel.show{transform:translateY(0) !important;opacity:1 !important;visibility:visible !important;}#mobileAccountPanel .account-header{background:var(--gradient-bg) !important;border-bottom:1px solid rgba(255,255,255,0.2) !important;padding:15px 20px !important;min-height:60px !important;display:flex !important;justify-content:space-between !important;align-items:center !important;border-radius:0 !important;position:sticky !important;top:0 !important;z-index:10 !important;}#mobileAccountPanel .account-title{font-size:18px !important;font-weight:600 !important;color:white !important;margin:0 !important;display:flex !important;align-items:center !important;gap:8px !important;}#mobileAccountPanel .account-close-btn{background:linear-gradient(135deg,#dc3545 0%,#c82333 100%) !important;border:none !important;color:white !important;font-size:18px !important;cursor:pointer !important;padding:8px !important;border-radius:4px !important;width:32px !important;height:32px !important;display:flex !important;align-items:center !important;justify-content:center !important;transition:all 0.3s ease !important;font-weight:bold !important;box-shadow:0 2px 8px rgba(220,53,69,0.3) !important;}#mobileAccountPanel .account-close-btn:hover{background:linear-gradient(135deg,#c82333 0%,#a71e2a 100%) !important;transform:scale(1.05) !important;box-shadow:0 4px 12px rgba(220,53,69,0.4) !important;}#mobileAccountPanel .account-body{flex:1 !important;overflow-y:auto !important;padding:20px !important;background:white !important;}#mobileAccountPanel .account-content{max-width:100% !important;margin:0 auto !important;}@media (max-width:768px){#bottomLoginModal{position:fixed;bottom:0;left:0;right:0;background:white;border-radius:20px 20px 0 0;box-shadow:0 -10px 30px rgba(0,0,0,0.2);z-index:100000;transform:translateY(100%);transition:transform 0.3s cubic-bezier(0.25,0.8,0.25,1);max-height:80vh;overflow-y:auto;padding:0;margin:0;}#bottomLoginModal.show{transform:translateY(0);}#bottomLoginModal > div{padding:25px 20px 30px 20px;margin:0;}#bottomLoginModal button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.15);}#bottomLoginModal button[onclick="closeBottomModal()"]:hover{background:#f8f9fa !important;color:#333 !important;}#bottomLoginModal button[onclick="ajaxLogout()"]:hover{background:linear-gradient(135deg,#c82333 0%,#a71e2a 100%) !important;}#bottomLoginModal button[onclick*="openLoginModal"]:hover{background:linear-gradient(135deg,#004085 0%,#00a3a3 100%) !important;}}@media screen and (max-width:768px){.mobile-menu-v2{position:fixed !important;top:0 !important;left:0 !important;width:100% !important;height:100vh !important;background:#ffffff !important;z-index:999999 !important;transform:translateX(-100%) !important;transition:transform 0.3s cubic-bezier(0.25,0.8,0.25,1) !important;overflow:hidden !important;display:none !important;flex-direction:column !important;box-shadow:2px 0 20px rgba(0,0,0,0.2) !important;visibility:hidden !important;}.mobile-menu-v2:not(.active){display:none !important;visibility:hidden !important;transform:translateX(-100%) !important;}.mobile-menu-v2.active{display:flex !important;transform:translateX(0) !important;visibility:visible !important;}.mobile-menu-v2 .menu-header{background:linear-gradient(135deg,#0057a1 0%,#00b9be 100%) !important;color:white !important;padding:15px !important;display:flex !important;align-items:center !important;justify-content:space-between !important;min-height:60px !important;box-shadow:0 2px 10px rgba(0,0,0,0.1) !important;flex-shrink:0 !important;}.mobile-menu-v2 .menu-title{font-size:18px !important;font-weight:600 !important;margin:0 !important;flex:1 !important;text-align:left !important;}.mobile-menu-v2 .menu-close-btn{background:linear-gradient(135deg,#dc3545 0%,#c82333 100%) !important;border:none !important;color:white !important;font-size:18px !important;width:32px !important;height:32px !important;border-radius:4px !important;display:flex !important;align-items:center !important;justify-content:center !important;cursor:pointer !important;transition:all 0.3s ease !important;font-weight:bold !important;padding:8px !important;}.mobile-menu-v2 .menu-close-btn:hover{background:linear-gradient(135deg,#c82333 0%,#a71e2a 100%) !important;transform:scale(1.05) !important;}.mobile-menu-v2 .menu-back-btn{background:rgba(255,255,255,0.2) !important;border:none !important;color:white !important;font-size:20px !important;width:40px !important;height:40px !important;border-radius:50% !important;display:flex !important;align-items:center !important;justify-content:center !important;cursor:pointer !important;transition:all 0.3s ease !important;margin-right:10px !important;}.mobile-menu-v2 .menu-back-btn:hover{background:rgba(255,255,255,0.3) !important;}.mobile-menu-v2 .menu-back-btn.hidden{opacity:0 !important;pointer-events:none !important;transform:translateX(-20px) !important;}.mobile-menu-v2 .menu-content{flex:1 !important;overflow:hidden !important;position:relative !important;background:#f8f9fa !important;}.mobile-menu-v2 .nav-panel{position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;overflow-y:auto !important;overflow-x:hidden !important;background:white !important;transform:translateX(100%) !important;transition:transform 0.3s cubic-bezier(0.25,0.8,0.25,1) !important;-webkit-overflow-scrolling:touch !important;}.mobile-menu-v2 .nav-panel.active{transform:translateX(0) !important;}.mobile-menu-v2 .nav-panel.slide-out-left{transform:translateX(-100%) !important;}.mobile-menu-v2 .category-item{display:flex !important;align-items:center !important;padding:15px 20px !important;border-bottom:1px solid #e9ecef !important;cursor:pointer !important;transition:background 0.2s ease !important;background:white !important;text-decoration:none !important;color:#333 !important;}.mobile-menu-v2 .category-item:hover{background:#f8f9fa !important;}.mobile-menu-v2 .category-item:active{background:#e9ecef !important;}.mobile-menu-v2 .category-icon{width:40px !important;height:40px !important;display:flex !important;align-items:center !important;justify-content:center !important;background:#f8f9fa !important;border-radius:8px !important;margin-right:15px !important;font-size:20px !important;color:#0057a1 !important;flex-shrink:0 !important;}.mobile-menu-v2 .category-info{flex:1 !important;display:flex !important;flex-direction:column !important;}.mobile-menu-v2 .category-name{font-size:16px !important;font-weight:500 !important;color:#333 !important;margin-bottom:3px !important;}.mobile-menu-v2 .category-count{font-size:12px !important;color:#6c757d !important;}.mobile-menu-v2 .category-arrow{font-size:18px !important;color:#adb5bd !important;margin-left:10px !important;transition:transform 0.2s ease !important;}.mobile-menu-v2 .category-item:hover .category-arrow{transform:translateX(3px) !important;}.mobile-menu-v2 .category-item.special{background:linear-gradient(135deg,#fff5f5 0%,#ffeee5 100%) !important;}.mobile-menu-v2 .category-item.special .category-icon{background:#ff6b35 !important;color:white !important;}.mobile-menu-v2 .loading-panel{display:flex !important;align-items:center !important;justify-content:center !important;height:100% !important;flex-direction:column !important;}.mobile-menu-v2 .loading-spinner{width:40px !important;height:40px !important;border:3px solid #f3f3f3 !important;border-top:3px solid #0057a1 !important;border-radius:50% !important;animation:mobile-menu-spin 1s linear infinite !important;margin-bottom:15px !important;}@keyframes mobile-menu-spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}.mobile-menu-v2 .loading-text{color:#6c757d !important;font-size:14px !important;}.mobile-menu-v2 .empty-state{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;height:100% !important;padding:40px !important;text-align:center !important;}.mobile-menu-v2 .empty-icon{font-size:48px !important;color:#dee2e6 !important;margin-bottom:15px !important;}.mobile-menu-v2 .empty-text{color:#6c757d !important;font-size:16px !important;}.mobile-menu-backdrop{position:fixed !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;background:rgba(0,0,0,0.5) !important;z-index:999998 !important;opacity:0 !important;visibility:hidden !important;transition:all 0.3s ease !important;}.mobile-menu-backdrop.active{opacity:1 !important;visibility:visible !important;}body.mobile-menu-open{overflow:hidden !important;position:fixed !important;width:100% !important;}.mobile-menu-v2 .breadcrumb-trail{background:#f8f9fa !important;padding:10px 20px !important;border-bottom:1px solid #dee2e6 !important;display:flex !important;align-items:center !important;overflow-x:auto !important;white-space:nowrap !important;font-size:12px !important;color:#6c757d !important;flex-shrink:0 !important;}.mobile-menu-v2 .breadcrumb-item{display:inline-flex !important;align-items:center !important;}.mobile-menu-v2 .breadcrumb-separator{margin:0 8px !important;color:#adb5bd !important;}.mobile-menu-v2 .breadcrumb-link{color:#0057a1 !important;text-decoration:none !important;cursor:pointer !important;}.mobile-menu-v2 .breadcrumb-link:hover{text-decoration:underline !important;}.mobile-menu-v2 .breadcrumb-current{color:#333 !important;font-weight:500 !important;}}@media screen and (max-width:768px){.mobile-menu-v2,.mobile-menu-v2 *{box-sizing:border-box !important;}#categoriesMegaMenu,.categories-mega-menu,.nav-bar{display:none !important;}.mobile-menu-backdrop:not(.active){display:none !important;}}@media screen and (max-width:768px){.cart-sidebar{display:flex !important;flex-direction:column !important;height:100vh !important;width:100vw !important;right:-100vw !important;position:fixed !important;top:0 !important;z-index:9999 !important;background:white !important;box-shadow:-4px 0 20px rgba(0,0,0,0.15) !important;transition:right 0.3s ease !important;}.cart-sidebar.active{right:0 !important;}.cart-header{flex-shrink:0 !important;padding:15px 20px !important;background:var(--gradient-bg) !important;color:white !important;min-height:60px !important;display:flex !important;justify-content:space-between !important;align-items:center !important;}.cart-header h3{margin:0 !important;font-size:18px !important;font-weight:600 !important;}.cart-close{background:linear-gradient(135deg,#dc3545 0%,#c82333 100%) !important;border:none !important;color:white !important;font-size:18px !important;cursor:pointer !important;padding:8px !important;border-radius:4px !important;width:32px !important;height:32px !important;display:flex !important;align-items:center !important;justify-content:center !important;transition:all 0.3s ease !important;font-weight:bold !important;}.cart-close:hover{background:linear-gradient(135deg,#c82333 0%,#a71e2a 100%) !important;transform:scale(1.05) !important;}.cart-content{flex:1 !important;overflow-y:auto !important;overflow-x:hidden !important;padding:0 !important;margin:0 !important;display:flex !important;flex-direction:column !important;}.cart-items-container{flex:1 !important;padding:0 !important;margin:0 !important;}.cart-item{padding:15px 20px !important;display:flex !important;align-items:center !important;gap:12px !important;position:relative !important;}.cart-item-image{width:60px !important;height:60px !important;border-radius:8px !important;overflow:hidden !important;flex-shrink:0 !important;background:#f8f9fa !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:24px !important;color:#6c757d !important;}.cart-item-image img{width:100% !important;height:100% !important;object-fit:cover !important;}.cart-item-details{flex:1 !important;min-width:0 !important;}.cart-item-name{font-size:14px !important;font-weight:500 !important;margin-bottom:4px !important;line-height:1.3 !important;color:#333 !important;}.cart-item-price{font-size:16px !important;font-weight:600 !important;color:#00b9be !important;margin-bottom:8px !important;}.cart-item-actions{display:flex !important;align-items:center !important;gap:8px !important;}.qty-control{display:flex !important;align-items:center !important;gap:8px !important;background:#f8f9fa !important;border-radius:6px !important;padding:4px !important;}.quantity-btn{width:28px !important;height:28px !important;border:none !important;background:white !important;color:#333 !important;border-radius:4px !important;cursor:pointer !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:14px !important;font-weight:600 !important;transition:all 0.2s ease !important;box-shadow:0 1px 3px rgba(0,0,0,0.1) !important;}.quantity-btn:hover{background:#e9ecef !important;transform:scale(1.05) !important;}.quantity-btn:active{transform:scale(0.95) !important;}.quantity-display{font-size:14px !important;font-weight:600 !important;color:#333 !important;min-width:20px !important;text-align:center !important;}.remove-item{background:#dc3545 !important;color:white !important;border:none !important;border-radius:4px !important;width:28px !important;height:28px !important;cursor:pointer !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:12px !important;transition:background 0.2s !important;}.remove-item:hover{background:#c82333 !important;}.cart-empty{display:none !important;visibility:hidden !important;opacity:0 !important;height:0 !important;overflow:hidden !important;padding:0 !important;margin:0 !important;}}@media screen and (max-width:480px){.cart-footer{padding:16px 16px 45px 16px !important;}.cart-empty i{font-size:48px !important;color:#6c757d !important;margin-bottom:16px !important;}.cart-empty p{font-size:16px !important;color:#6c757d !important;margin-bottom:20px !important;}.cart-empty .btn{padding:12px 24px !important;font-size:14px !important;border-radius:6px !important;}.cart-footer{flex-shrink:0 !important;padding:20px !important;background:white !important;box-shadow:0 -2px 10px rgba(0,0,0,0.1) !important;}.cart-total{margin-bottom:16px !important;}.cart-summary{margin-bottom:12px !important;}.summary-line{display:flex !important;justify-content:space-between !important;align-items:center !important;margin-bottom:4px !important;font-size:13px !important;color:#666 !important;}.summary-line:last-child{margin-bottom:0 !important;}.summary-line.total-line{font-size:14px !important;color:#333 !important;font-weight:600 !important;}.summary-line span:last-child{font-weight:500 !important;}.summary-line.total-line span:last-child{font-weight:600 !important;color:#00b9be !important;}.cart-actions{display:flex !important;flex-direction:column !important;gap:12px !important;}.btn-checkout{width:100% !important;padding:16px 20px !important;background:var(--gradient-bg) !important;color:white !important;border:none !important;border-radius:8px !important;font-size:16px !important;font-weight:600 !important;cursor:pointer !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;transition:all 0.3s ease !important;text-decoration:none !important;}.btn-checkout:hover{background:var(--gradient-hover) !important;transform:translateY(-1px) !important;box-shadow:0 4px 12px rgba(0,87,161,0.3) !important;}.btn-checkout:active{transform:translateY(0) !important;}html.cart-open{overflow:hidden !important;}body.cart-open{overflow:hidden !important;}}@media screen and (max-width:480px){.cart-header{padding:12px 16px !important;min-height:56px !important;}.cart-header h3{font-size:16px !important;}.cart-item{padding:12px 16px !important;position:relative !important;}.cart-item-image{width:50px !important;height:50px !important;}.cart-item-name{font-size:13px !important;}.cart-item-price{font-size:15px !important;}.quantity-btn{width:24px !important;height:24px !important;font-size:12px !important;}.remove-item{width:24px !important;height:24px !important;font-size:10px !important;}.cart-footer{padding:16px 16px 75px 16px !important;}.cart-total span{font-size:16px !important;}.btn-checkout{padding:14px 16px !important;font-size:15px !important;}}@media screen and (max-width:768px){.cart-overlay{position:fixed !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;background:rgba(0,0,0,0.5) !important;backdrop-filter:blur(2px) !important;z-index:9998 !important;opacity:0 !important;visibility:hidden !important;transition:all 0.3s ease !important;}.cart-overlay.active{opacity:1 !important;visibility:visible !important;}}@media screen and (max-width:768px){.cart-content::-webkit-scrollbar{width:4px !important;}.cart-content::-webkit-scrollbar-track{background:#f1f1f1 !important;border-radius:2px !important;}.cart-content::-webkit-scrollbar-thumb{background:#ccc !important;border-radius:2px !important;}.cart-content::-webkit-scrollbar-thumb:hover{background:#999 !important;}}@media (max-width:768px){.account-section-header{padding:20px 15px 15px 15px !important;margin-bottom:20px !important;}.account-section-header .section-title{font-size:24px !important;margin-bottom:8px !important;}.account-section-header .section-description{font-size:14px !important;margin:0 !important;}.addresses-container,.orders-container,.payment-methods-container,.profile-container,.wishlist-container{padding:0 15px 20px 15px !important;}.empty-state{text-align:center !important;padding:40px 20px !important;}.empty-state .empty-icon{font-size:48px !important;margin-bottom:20px !important;color:#ccc !important;}.empty-state h3{font-size:20px !important;margin-bottom:10px !important;}.empty-state p{font-size:14px !important;margin-bottom:25px !important;color:#666 !important;}}@media (max-width:768px){.addresses-actions{margin-bottom:20px !important;padding:0 !important;}.addresses-actions .btn{width:100% !important;padding:15px 20px !important;font-size:16px !important;}.addresses-grid{display:block !important;gap:0 !important;}.address-card{width:100% !important;margin-bottom:15px !important;padding:20px !important;border-radius:12px !important;border:1px solid #e9ecef !important;}.address-card.default-address{border-color:#0057a1 !important;background:#f8f9ff !important;}.address-badge{position:static !important;display:inline-block !important;margin-bottom:15px !important;padding:6px 12px !important;font-size:12px !important;}.address-header{margin-bottom:15px !important;}.address-name{font-size:16px !important;margin-bottom:5px !important;}.type-badge{font-size:11px !important;padding:4px 8px !important;}.address-info{margin-bottom:20px !important;}.address-line{font-size:14px !important;margin-bottom:5px !important;line-height:1.4 !important;}.address-line.phone{display:flex !important;align-items:center !important;gap:8px !important;}.address-actions{display:flex !important;flex-direction:column !important;gap:10px !important;}.address-actions .btn{width:100% !important;padding:12px 16px !important;font-size:14px !important;justify-content:center !important;}}@media (max-width:768px){.orders-summary{margin-bottom:20px !important;padding:15px !important;background:#f8f9fa !important;border-radius:8px !important;}.orders-count{font-size:14px !important;color:#666 !important;}.orders-list{display:block !important;gap:0 !important;}.order-card{width:100% !important;margin-bottom:15px !important;padding:20px !important;border-radius:12px !important;border:1px solid #e9ecef !important;cursor:pointer !important;}.order-header{margin-bottom:15px !important;}.order-number{font-size:16px !important;margin-bottom:8px !important;}.status-badge{font-size:11px !important;padding:4px 8px !important;}.order-details{margin-bottom:15px !important;}.order-info{display:flex !important;flex-direction:column !important;gap:8px !important;}.order-date,.order-items-count,.order-total{display:flex !important;align-items:center !important;gap:8px !important;font-size:14px !important;}.order-tracking{margin-top:10px !important;padding:10px !important;background:#f8f9fa !important;border-radius:6px !important;}.tracking-info{display:flex !important;align-items:center !important;gap:8px !important;font-size:13px !important;}.order-items-preview{margin-bottom:15px !important;}.items-preview{display:flex !important;flex-wrap:wrap !important;gap:10px !important;}.item-preview{display:flex !important;align-items:center !important;gap:8px !important;padding:8px !important;background:#f8f9fa !important;border-radius:6px !important;flex:1 !important;min-width:120px !important;}.item-image{width:40px !important;height:40px !important;border-radius:4px !important;overflow:hidden !important;}.item-image img{width:100% !important;height:100% !important;object-fit:cover !important;}.item-info{flex:1 !important;}.item-name{font-size:12px !important;font-weight:500 !important;margin-bottom:2px !important;}.item-qty{font-size:11px !important;color:#666 !important;}.more-items{display:flex !important;align-items:center !important;justify-content:center !important;padding:8px 12px !important;background:#e9ecef !important;border-radius:6px !important;font-size:12px !important;color:#666 !important;}.order-actions{display:flex !important;flex-direction:column !important;gap:10px !important;}.order-actions .btn{width:100% !important;padding:12px 16px !important;font-size:14px !important;justify-content:center !important;}}@media (max-width:768px){.payment-methods-actions{margin-bottom:20px !important;padding:0 !important;}.payment-methods-actions .btn{width:100% !important;padding:15px 20px !important;font-size:16px !important;}.payment-methods-grid{display:block !important;gap:0 !important;}.payment-card{width:100% !important;margin-bottom:15px !important;padding:20px !important;border-radius:12px !important;border:1px solid #e9ecef !important;}.payment-card.default-payment{border-color:#0057a1 !important;background:#f8f9ff !important;}.payment-badge{position:static !important;display:inline-block !important;margin-bottom:15px !important;padding:6px 12px !important;font-size:12px !important;}.card-header{margin-bottom:15px !important;}.card-brand{display:flex !important;align-items:center !important;gap:10px !important;margin-bottom:8px !important;}.card-brand-icon{font-size:24px !important;}.card-brand-name{font-size:16px !important;font-weight:600 !important;}.card-nickname{font-size:14px !important;color:#666 !important;}.card-info{margin-bottom:20px !important;}.card-number{font-size:16px !important;font-weight:600 !important;margin-bottom:10px !important;letter-spacing:1px !important;}.card-details{display:flex !important;flex-direction:column !important;gap:5px !important;}.cardholder-name{font-size:14px !important;font-weight:500 !important;}.card-expiry{font-size:13px !important;color:#666 !important;display:flex !important;align-items:center !important;gap:8px !important;}.expired-badge,.expiring-badge{font-size:10px !important;padding:2px 6px !important;}.card-actions{display:flex !important;flex-direction:column !important;gap:10px !important;}.card-actions .btn{width:100% !important;padding:12px 16px !important;font-size:14px !important;justify-content:center !important;}.payment-security-info{margin-top:30px !important;padding:20px !important;background:#f8f9fa !important;border-radius:12px !important;}.security-badge{display:flex !important;align-items:flex-start !important;gap:15px !important;}.security-badge i{font-size:24px !important;color:#28a745 !important;margin-top:2px !important;}.security-text{flex:1 !important;}.security-text strong{font-size:16px !important;margin-bottom:8px !important;display:block !important;}.security-text p{font-size:14px !important;color:#666 !important;margin:0 !important;line-height:1.5 !important;}}@media (max-width:768px){.profile-section{margin-bottom:30px !important;padding:20px !important;background:white !important;border-radius:12px !important;border:1px solid #e9ecef !important;}.profile-section h3{font-size:18px !important;margin-bottom:20px !important;color:#333 !important;}.form-row{display:block !important;gap:0 !important;}.form-group{width:100% !important;margin-bottom:20px !important;}.form-group label{font-size:14px !important;font-weight:600 !important;margin-bottom:8px !important;display:block !important;}.form-group input{width:100% !important;padding:12px 15px !important;font-size:16px !important;border:1px solid #ddd !important;border-radius:8px !important;}.info-group{display:block !important;gap:0 !important;}.info-item{display:flex !important;justify-content:space-between !important;align-items:center !important;padding:12px 0 !important;border-bottom:1px solid #f0f0f0 !important;}.info-item:last-child{border-bottom:none !important;}.info-item label{font-size:14px !important;font-weight:500 !important;color:#666 !important;}.info-item span{font-size:14px !important;color:#333 !important;}.status-badge{font-size:11px !important;padding:4px 8px !important;}.section-note{font-size:13px !important;color:#666 !important;margin-bottom:20px !important;padding:10px !important;background:#f8f9fa !important;border-radius:6px !important;}.password-requirements{margin-top:20px !important;padding:15px !important;background:#f8f9fa !important;border-radius:8px !important;}.password-requirements p{font-size:14px !important;font-weight:600 !important;margin-bottom:10px !important;}.password-requirements ul{margin:0 !important;padding-left:20px !important;}.password-requirements li{font-size:13px !important;color:#666 !important;margin-bottom:5px !important;}.profile-actions{margin-top:30px !important;padding:0 !important;}.profile-actions .btn{width:100% !important;padding:15px 20px !important;font-size:16px !important;}}@media (max-width:768px){.wishlist-summary{margin-bottom:20px !important;padding:15px !important;background:#f8f9fa !important;border-radius:8px !important;display:flex !important;flex-direction:column !important;gap:15px !important;}.wishlist-count{font-size:14px !important;color:#666 !important;}.wishlist-actions{display:flex !important;gap:10px !important;}.wishlist-actions .btn{flex:1 !important;padding:12px 16px !important;font-size:14px !important;}.product-grid{display:grid !important;grid-template-columns:1fr 1fr !important;gap:15px !important;}.product-card{border-radius:12px !important;overflow:hidden !important;}.product-image{height:120px !important;}.product-info{padding:12px !important;}.product-name{font-size:13px !important;line-height:1.3 !important;margin-bottom:8px !important;height:auto !important;overflow:visible !important;}.product-price{font-size:14px !important;margin-bottom:10px !important;}.product-actions{display:flex !important;flex-direction:column !important;gap:8px !important;}.product-actions .btn{width:100% !important;padding:10px 12px !important;font-size:12px !important;justify-content:center !important;}}@media (max-width:768px){.pagination-container{margin-top:30px !important;padding:0 15px !important;}.pagination{display:flex !important;justify-content:center !important;flex-wrap:wrap !important;gap:5px !important;}.pagination a,.pagination span{padding:8px 12px !important;font-size:14px !important;border-radius:6px !important;}}@media (max-width:768px){.btn{border-radius:8px !important;font-weight:500 !important;transition:all 0.3s ease !important;}.btn:hover{transform:translateY(-1px) !important;box-shadow:0 4px 12px rgba(0,0,0,0.15) !important;}.btn-primary{background:linear-gradient(135deg,#0057a1 0%,#00b9be 100%) !important;border:none !important;}.btn-secondary{background:#6c757d !important;border:none !important;color:white !important;}.btn-danger{background:#dc3545 !important;border:none !important;}.btn-warning{background:#ffc107 !important;border:none !important;color:#333 !important;}.btn-info{background:#17a2b8 !important;border:none !important;}}@media (max-width:480px){.mobile-account-container{min-height:100vh;background:#f8f9fa;position:relative;z-index:1;padding-bottom:0;margin-bottom:0;}.mobile-account-container ~ .account-container{display:none !important;}.mobile-account-header{top:0;z-index:999;background:white;border-bottom:1px solid #e9ecef;box-shadow:0 2px 4px rgba(0,0,0,0.1);width:100%;box-sizing:border-box;}.mobile-account-nav{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;height:56px;position:relative;}.account-nav-btn{width:32px !important;height:32px !important;border:none !important;background:linear-gradient(135deg,#dc3545 0%,#c82333 100%) !important;border-radius:4px !important;display:flex !important;align-items:center !important;justify-content:center !important;cursor:pointer !important;transition:all 0.3s ease !important;flex-shrink:0 !important;font-weight:bold !important;box-shadow:0 2px 8px rgba(220,53,69,0.3) !important;color:white !important;min-height:32px !important;padding:0 !important;margin:0 !important;outline:none !important;}.account-nav-btn:hover{background:linear-gradient(135deg,#c82333 0%,#a71e2a 100%) !important;transform:scale(1.05) !important;box-shadow:0 4px 12px rgba(220,53,69,0.4) !important;color:white !important;text-decoration:none !important;}.account-nav-btn i{font-size:16px !important;color:white !important;line-height:1 !important;display:flex !important;align-items:center !important;justify-content:center !important;width:100% !important;height:100% !important;}.account-nav-btn:disabled{opacity:0.5 !important;pointer-events:none !important;cursor:not-allowed !important;}.mobile-nav-btn{width:32px;height:32px;border:none;background:linear-gradient(135deg,#dc3545 0%,#c82333 100%);border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;flex-shrink:0;font-weight:bold;box-shadow:0 2px 8px rgba(220,53,69,0.3);text-decoration:none;color:white;}.mobile-nav-btn:hover{background:linear-gradient(135deg,#c82333 0%,#a71e2a 100%);transform:scale(1.05);box-shadow:0 4px 12px rgba(220,53,69,0.4);color:white;text-decoration:none;}.mobile-nav-btn i{font-size:16px;color:white;line-height:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%;}.mobile-nav-btn:disabled{opacity:0.5;pointer-events:none;cursor:not-allowed;}.mobile-account-title{font-size:16px;font-weight:600;color:#333;margin:0;text-align:center;flex:1;padding:0 15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:absolute;left:50%;transform:translateX(-50%);max-width:calc(100% - 120px);}.mobile-account-content{padding:20px 0 0 0;margin-bottom:0;}.mobile-account-content > *:last-child{margin-bottom:0 !important;padding-bottom:0 !important;}.mobile-account-content .mobile-section:last-child,.mobile-account-content .mobile-orders-list:last-child,.mobile-account-content .mobile-addresses-list:last-child,.mobile-account-content .mobile-payment-methods-list:last-child,.mobile-account-content .mobile-wishlist-list:last-child{margin-bottom:0 !important;padding-bottom:0 !important;}.mobile-account-container::after{content:'';display:block;height:0;clear:both;}@media (max-width:768px){.mobile-account-container{min-height:calc(100vh - 0px);height:auto;}body.mobile-account-page{margin:0;padding:0;overflow-x:hidden;}}.mobile-account-loading{text-align:center;padding:40px 20px;}.mobile-account-loading .loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #0057a1;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 15px;}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}.mobile-account-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:10000;opacity:0;visibility:hidden;transition:all 0.3s ease;}.mobile-account-menu-overlay.show{opacity:1;visibility:visible;}.mobile-account-menu{position:absolute;right:0;top:0;bottom:0;width:280px;background:white;transform:translateX(100%);transition:transform 0.3s ease;display:flex;flex-direction:column;}.mobile-account-menu-overlay.show .mobile-account-menu{transform:translateX(0);}.mobile-account-menu-header{padding:20px;border-bottom:1px solid #e9ecef;display:flex;align-items:center;justify-content:space-between;}.user-info{display:flex;align-items:center;gap:12px;}.user-avatar{width:50px;height:50px;background:linear-gradient(135deg,#0057a1 0%,#00b9be 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:20px;}.user-details{flex:1;}.user-name{font-size:16px;font-weight:600;color:#333;margin-bottom:2px;}.user-email{font-size:14px;color:#666;}.mobile-menu-close{width:32px;height:32px;border:none;background:#f8f9fa;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;}.mobile-menu-close:hover{background:#e9ecef;}.mobile-menu-close i{font-size:16px;color:#666;}.mobile-account-menu-items{flex:1;padding:20px 0;overflow-y:auto;}.menu-item{display:flex;align-items:center;gap:15px;padding:15px 20px;color:#333;text-decoration:none;transition:all 0.3s ease;border-left:3px solid transparent;}.menu-item:hover{background:#f8f9fa;color:#0057a1;}.menu-item.active{background:#f0f8ff;color:#0057a1;border-left-color:#0057a1;}.menu-item i:first-child{font-size:18px;width:20px;text-align:center;}.menu-item span{flex:1;font-size:16px;font-weight:500;}.menu-item i:last-child{font-size:14px;color:#999;}.menu-item.logout{color:#dc3545;}.menu-item.logout:hover{background:#fff5f5;color:#dc3545;}.menu-divider{height:1px;background:#e9ecef;margin:10px 20px;}.mobile-section-header{padding:0 20px 20px;text-align:center;}.mobile-section-title{font-size:24px;font-weight:700;color:#333;margin:0 0 8px 0;display:flex;align-items:center;justify-content:center;gap:10px;}.mobile-section-title i{color:#0057a1;}.mobile-section-description{font-size:14px;color:#666;margin:0;}.mobile-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:all 0.3s ease;min-height:44px;}.mobile-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,0.15);}.mobile-btn-primary{background:linear-gradient(135deg,#0057a1 0%,#00b9be 100%);color:white;}.mobile-btn-secondary{background:#6c757d;color:white;}.mobile-btn-danger{background:#dc3545;color:white;}.mobile-btn-warning{background:#ffc107;color:#333;}.mobile-btn-info{background:#17a2b8;color:white;}.mobile-addresses-actions{padding:0 20px 20px;}.mobile-addresses-actions .mobile-btn{width:100%;}.mobile-addresses-list{padding:0 20px;display:flex;flex-direction:column;gap:15px;}.mobile-address-card{background:white;border-radius:12px;padding:20px;border:1px solid #e9ecef;position:relative;}.mobile-address-card.default-address{border-color:#0057a1;background:#f8f9ff;}.mobile-address-badge{position:absolute;top:15px;right:15px;background:linear-gradient(135deg,#0057a1 0%,#00b9be 100%);color:white;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;display:flex;align-items:center;gap:4px;}.mobile-address-header{margin-bottom:15px;}.mobile-address-name{font-size:16px;font-weight:600;color:#333;margin-bottom:5px;}.mobile-type-badge{font-size:11px;padding:4px 8px;border-radius:4px;font-weight:500;}.mobile-type-badge.type-shipping{background:#e3f2fd;color:#1976d2;}.mobile-type-badge.type-billing{background:#f3e5f5;color:#7b1fa2;}.mobile-type-badge.type-both{background:#e8f5e8;color:#388e3c;}.mobile-address-info{margin-bottom:20px;}.mobile-address-line{font-size:14px;color:#666;margin-bottom:4px;line-height:1.4;}.mobile-address-line.mobile-phone{display:flex;align-items:center;gap:8px;color:#333;}.mobile-address-line.mobile-phone i{color:#0057a1;}.mobile-address-actions{display:flex;flex-direction:column;gap:10px;}.mobile-address-actions .mobile-btn{width:100%;font-size:13px;padding:10px 16px;}.mobile-orders-summary{padding:15px 20px;background:white;margin:0 20px 20px;border-radius:8px;border:1px solid #e9ecef;}.mobile-orders-count{font-size:14px;color:#666;}.mobile-orders-list{padding:0 20px;display:flex;flex-direction:column;gap:15px;}.mobile-order-card{background:white;border-radius:12px;padding:20px;border:1px solid #e9ecef;cursor:pointer;transition:all 0.3s ease;}.mobile-order-card:hover{box-shadow:0 4px 12px rgba(0,0,0,0.1);transform:translateY(-2px);}.mobile-order-header{margin-bottom:15px;}.mobile-order-number{font-size:16px;font-weight:600;color:#333;margin-bottom:8px;}.mobile-status-badge{font-size:11px;padding:4px 8px;border-radius:4px;font-weight:500;}.mobile-status-badge.status-pending{background:#fff3cd;color:#856404;}.mobile-status-badge.status-processing{background:#cce5ff;color:#004085;}.mobile-status-badge.status-shipped{background:#d1ecf1;color:#0c5460;}.mobile-status-badge.status-delivered{background:#d4edda;color:#155724;}.mobile-status-badge.status-cancelled{background:#f8d7da;color:#721c24;}.mobile-order-details{margin-bottom:15px;}.mobile-order-info{display:flex;flex-direction:column;gap:8px;}.mobile-order-date,.mobile-order-items-count,.mobile-order-total{display:flex;align-items:center;gap:8px;font-size:14px;color:#666;}.mobile-order-date i,.mobile-order-items-count i,.mobile-order-total i{color:#0057a1;width:16px;}.mobile-order-tracking{margin-top:10px;padding:10px;background:#f8f9fa;border-radius:6px;}.mobile-tracking-info{display:flex;align-items:center;gap:8px;font-size:13px;color:#666;}.mobile-tracking-info i{color:#0057a1;}.mobile-carrier{color:#999;}.mobile-order-items-preview{margin-bottom:15px;}.mobile-items-preview{display:flex;flex-direction:column;gap:8px;}.mobile-item-preview{display:flex;align-items:center;gap:10px;padding:8px;background:#f8f9fa;border-radius:6px;}.mobile-item-image{width:40px;height:40px;border-radius:4px;overflow:hidden;flex-shrink:0;}.mobile-item-image img{width:100%;height:100%;object-fit:cover;}.mobile-item-image i{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#e9ecef;color:#666;}.mobile-item-info{flex:1;}.mobile-item-name{font-size:12px;font-weight:500;color:#333;margin-bottom:2px;line-height:1.3;}.mobile-item-qty{font-size:11px;color:#666;}.mobile-more-items{display:flex;align-items:center;justify-content:center;padding:8px 12px;background:#e9ecef;border-radius:6px;font-size:12px;color:#666;}.mobile-order-actions{display:flex;flex-direction:column;gap:10px;}.mobile-order-actions .mobile-btn{width:100%;font-size:13px;padding:10px 16px;}.mobile-profile-container{padding:0 20px;}.mobile-profile-section{background:white;border-radius:12px;padding:20px;margin-bottom:20px;border:1px solid #e9ecef;}.mobile-profile-section h3{font-size:18px;font-weight:600;color:#333;margin:0 0 20px 0;}.mobile-form-row{display:flex;gap:15px;}.mobile-form-group{flex:1;margin-bottom:20px;}.mobile-form-group label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:8px;}.mobile-form-group input,.mobile-form-group select{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:8px;font-size:16px;transition:border-color 0.3s ease;}.mobile-form-group input:focus,.mobile-form-group select:focus{outline:none;border-color:#0057a1;box-shadow:0 0 0 3px rgba(0,87,161,0.1);}.mobile-info-group{display:flex;flex-direction:column;gap:0;}.mobile-info-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0;}.mobile-info-item:last-child{border-bottom:none;}.mobile-info-item label{font-size:14px;font-weight:500;color:#666;margin:0;}.mobile-info-item span{font-size:14px;color:#333;}.mobile-section-note{font-size:13px;color:#666;margin-bottom:20px;padding:10px;background:#f8f9fa;border-radius:6px;}.mobile-password-requirements{margin-top:20px;padding:15px;background:#f8f9fa;border-radius:8px;}.mobile-password-requirements p{font-size:14px;font-weight:600;margin-bottom:10px;color:#333;}.mobile-password-requirements ul{margin:0;padding-left:20px;}.mobile-password-requirements li{font-size:13px;color:#666;margin-bottom:5px;}.mobile-profile-actions{margin-top:30px;}.mobile-profile-actions .mobile-btn{width:100%;}.mobile-payment-actions{padding:0 20px 20px;}.mobile-payment-actions .mobile-btn{width:100%;}.mobile-payment-methods-list{padding:0 20px;display:flex;flex-direction:column;gap:15px;}.mobile-payment-card{background:white;border-radius:12px;padding:20px;border:1px solid #e9ecef;position:relative;}.mobile-payment-card.default-payment{border-color:#0057a1;background:#f8f9ff;}.mobile-payment-badge{position:absolute;top:15px;right:15px;background:linear-gradient(135deg,#0057a1 0%,#00b9be 100%);color:white;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;display:flex;align-items:center;gap:4px;}.mobile-payment-header{margin-bottom:15px;}.mobile-payment-brand{display:flex;align-items:center;gap:10px;margin-bottom:8px;}.mobile-payment-brand-icon{font-size:24px;color:#0057a1;}.mobile-payment-brand-name{font-size:16px;font-weight:600;color:#333;}.mobile-payment-nickname{font-size:14px;color:#666;}.mobile-payment-info{margin-bottom:20px;}.mobile-payment-number{font-size:16px;font-weight:600;color:#333;margin-bottom:10px;letter-spacing:1px;}.mobile-payment-details{display:flex;flex-direction:column;gap:5px;}.mobile-payment-cardholder{font-size:14px;font-weight:500;color:#333;}.mobile-payment-expiry{font-size:13px;color:#666;display:flex;align-items:center;gap:8px;}.mobile-expired-badge,.mobile-expiring-badge{font-size:10px;padding:2px 6px;border-radius:3px;font-weight:500;}.mobile-expired-badge{background:#f8d7da;color:#721c24;}.mobile-expiring-badge{background:#fff3cd;color:#856404;}.mobile-payment-actions{display:flex;flex-direction:column;gap:10px;}.mobile-payment-actions .mobile-btn{width:100%;font-size:13px;padding:10px 16px;}.mobile-payment-security-info{margin:30px 20px 0;padding:20px;background:#f8f9fa;border-radius:12px;}.mobile-security-badge{display:flex;align-items:flex-start;gap:15px;}.mobile-security-badge i{font-size:24px;color:#28a745;margin-top:2px;}.mobile-security-text{flex:1;}.mobile-security-text strong{font-size:16px;color:#333;margin-bottom:8px;display:block;}.mobile-security-text p{font-size:14px;color:#666;margin:0;line-height:1.5;}.mobile-wishlist-summary{padding:15px 20px;background:white;margin:0 20px 20px;border-radius:8px;border:1px solid #e9ecef;display:flex;flex-direction:column;gap:15px;}.mobile-wishlist-count{font-size:14px;color:#666;}.mobile-wishlist-actions{display:flex;gap:10px;}.mobile-wishlist-actions .mobile-btn{flex:1;font-size:13px;padding:10px 16px;}.mobile-wishlist-grid{padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:15px;}.mobile-wishlist-item{background:white;border-radius:12px;overflow:hidden;border:1px solid #e9ecef;transition:all 0.3s ease;}.mobile-wishlist-item:hover{box-shadow:0 4px 12px rgba(0,0,0,0.1);transform:translateY(-2px);}.mobile-wishlist-item-image{position:relative;height:120px;overflow:hidden;cursor:pointer;}.mobile-wishlist-item-image img{width:100%;height:100%;object-fit:cover;}.mobile-no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f8f9fa;color:#666;font-size:24px;}.mobile-wishlist-remove{position:absolute;top:8px;right:8px;width:32px;height:32px;border:none;background:rgba(255,255,255,0.9);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;}.mobile-wishlist-remove:hover{background:white;transform:scale(1.1);}.mobile-wishlist-remove i{color:#dc3545;font-size:14px;}.mobile-wishlist-item-info{padding:12px;}.mobile-wishlist-item-name{font-size:13px;font-weight:600;color:#333;margin:0 0 8px 0;line-height:1.3;cursor:pointer;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.mobile-wishlist-item-name:hover{color:#0057a1;}.mobile-wishlist-item-price{margin-bottom:8px;}.mobile-current-price{font-size:14px;font-weight:600;color:#0057a1;}.mobile-original-price{font-size:12px;color:#999;text-decoration:line-through;margin-left:5px;}.mobile-wishlist-item-rating{display:flex;align-items:center;gap:5px;margin-bottom:10px;}.mobile-stars{display:flex;gap:1px;}.mobile-stars i{font-size:10px;color:#ffc107;}.mobile-rating-count{font-size:11px;color:#666;}.mobile-wishlist-item-actions{display:flex;flex-direction:column;gap:8px;}.mobile-wishlist-item-actions .mobile-btn{width:100%;font-size:12px;padding:8px 12px;}.mobile-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:10001;opacity:0;visibility:hidden;transition:all 0.3s ease;display:flex;align-items:flex-end;justify-content:center;}.mobile-modal-overlay.show{opacity:1;visibility:visible;}.mobile-modal{background:white;border-radius:20px 20px 0 0;width:100%;max-width:500px;max-height:90vh;transform:translateY(100%);transition:transform 0.3s ease;display:flex;flex-direction:column;}.mobile-modal-overlay.show .mobile-modal{transform:translateY(0);}.mobile-modal-header{padding:20px;border-bottom:1px solid #e9ecef;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;}.mobile-modal-header h2{font-size:18px;font-weight:600;color:#333;margin:0;display:flex;align-items:center;gap:8px;}.mobile-modal-header h2 i{color:#0057a1;}.mobile-modal-close{width:32px;height:32px;border:none;background:#f8f9fa;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;}.mobile-modal-close:hover{background:#e9ecef;}.mobile-modal-close i{font-size:16px;color:#666;}.mobile-modal-body{flex:1;padding:20px;overflow-y:auto;}.mobile-form-section{margin-bottom:25px;}.mobile-form-section h4{font-size:16px;font-weight:600;color:#333;margin:0 0 15px 0;padding-bottom:8px;border-bottom:1px solid #e9ecef;}.mobile-form-actions{display:flex;gap:10px;margin-top:25px;}.mobile-form-actions .mobile-btn{flex:1;}.mobile-checkbox-container{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:#333;}.mobile-checkbox-container input[type="checkbox"]{width:18px;height:18px;margin:0;}.mobile-checkmark{width:18px;height:18px;border:2px solid #ddd;border-radius:3px;position:relative;transition:all 0.3s ease;}.mobile-checkbox-container input[type="checkbox"]:checked + .mobile-checkmark{background:#0057a1;border-color:#0057a1;}.mobile-checkbox-container input[type="checkbox"]:checked + .mobile-checkmark::after{content:'✓';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:white;font-size:12px;font-weight:bold;}.mobile-empty-state{text-align:center;padding:60px 20px;}.mobile-empty-icon{font-size:64px;color:#ccc;margin-bottom:20px;}.mobile-empty-state h3{font-size:20px;font-weight:600;color:#333;margin:0 0 10px 0;}.mobile-empty-state p{font-size:14px;color:#666;margin:0 0 25px 0;line-height:1.5;}.mobile-empty-state .mobile-btn{min-width:200px;}.mobile-pagination-container{margin-top:30px;padding:0 20px;}.mobile-pagination-container .pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:5px;}.mobile-pagination-container .pagination a,.mobile-pagination-container .pagination span{padding:8px 12px;font-size:14px;border-radius:6px;text-decoration:none;color:#666;background:white;border:1px solid #e9ecef;}.mobile-pagination-container .pagination a:hover,.mobile-pagination-container .pagination .current{background:#0057a1;color:white;border-color:#0057a1;}.mobile-order-details{padding:0;}.mobile-order-details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e9ecef;}.mobile-order-details-header h3{font-size:18px;font-weight:600;color:#333;margin:0;}.mobile-order-details-info{margin-bottom:25px;}.mobile-order-info-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f0f0f0;}.mobile-order-info-item:last-child{border-bottom:none;}.mobile-order-info-item label{font-size:14px;font-weight:500;color:#666;}.mobile-order-info-item span{font-size:14px;color:#333;}.mobile-order-total{font-weight:600;color:#0057a1;}.mobile-order-items{margin-bottom:25px;}.mobile-order-items h4{font-size:16px;font-weight:600;color:#333;margin:0 0 15px 0;padding-bottom:8px;border-bottom:1px solid #e9ecef;}.mobile-order-item{display:flex;gap:15px;padding:15px 0;border-bottom:1px solid #f0f0f0;}.mobile-order-item:last-child{border-bottom:none;}.mobile-order-item-image{width:60px;height:60px;border-radius:8px;overflow:hidden;flex-shrink:0;}.mobile-order-item-image img{width:100%;height:100%;object-fit:cover;}.mobile-order-item-image .mobile-no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f8f9fa;color:#666;font-size:20px;}.mobile-order-item-info{flex:1;}.mobile-order-item-info h5{font-size:14px;font-weight:600;color:#333;margin:0 0 8px 0;line-height:1.3;}.mobile-order-item-details{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;}.mobile-order-item-price{font-size:14px;font-weight:600;color:#0057a1;}.mobile-order-item-qty{font-size:12px;color:#666;}.mobile-order-item-total{font-size:13px;font-weight:600;color:#333;}.mobile-order-actions{display:flex;flex-direction:column;gap:10px;margin-top:20px;}.mobile-order-actions .mobile-btn{width:100%;}.mobile-notification{position:fixed;top:20px;left:20px;right:20px;padding:15px 20px;border-radius:8px;font-size:14px;font-weight:500;z-index:10001;transform:translateY(-100px);opacity:0;transition:all 0.3s ease;}.mobile-notification.show{transform:translateY(0);opacity:1;}.mobile-notification-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb;}.mobile-notification-error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb;}.mobile-notification-warning{background:#fff3cd;color:#856404;border:1px solid #ffeaa7;}.mobile-notification-info{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb;}.mobile-loading{text-align:center;padding:40px 20px;}.mobile-loading .loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #0057a1;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 15px;}.mobile-error{text-align:center;padding:40px 20px;color:#dc3545;font-size:16px;}.mobile-account-nav{padding:15px;}.mobile-account-title{font-size:16px;}.mobile-section-title{font-size:20px;}.mobile-wishlist-grid{grid-template-columns:1fr;gap:12px;}.mobile-form-row{flex-direction:column;gap:0;}.mobile-wishlist-actions{flex-direction:column;}.mobile-form-actions{flex-direction:column;}}@media (min-width:769px){.mobile-account-container{display:none !important;}}.mobile-account-container *{box-sizing:border-box;}.mobile-account-container .mobile-account-title{font-size:16px !important;font-weight:600 !important;color:#333 !important;margin:0 !important;text-align:center !important;flex:1 !important;padding:0 15px !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;position:absolute !important;left:50% !important;transform:translateX(-50%) !important;max-width:calc(100% - 120px) !important;}.mobile-account-container .mobile-nav-btn{width:32px !important;height:32px !important;border:none !important;background:linear-gradient(135deg,#dc3545 0%,#c82333 100%) !important;border-radius:4px !important;display:flex !important;align-items:center !important;justify-content:center !important;cursor:pointer !important;transition:all 0.3s ease !important;font-weight:bold !important;box-shadow:0 2px 8px rgba(220,53,69,0.3) !important;flex-shrink:0 !important;}.mobile-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);backdrop-filter:blur(2px);z-index:9998;opacity:0;visibility:hidden;transition:all 0.3s ease;}.mobile-modal-overlay.show{opacity:1;visibility:visible;}.mobile-modal{position:fixed !important;top:0 !important;right:-100vw !important;width:100vw !important;height:100vh !important;max-height:100vh !important;background:white !important;box-shadow:-4px 0 20px rgba(0,0,0,0.15) !important;transition:right 0.3s ease !important;display:flex !important;flex-direction:column !important;overflow:hidden !important;z-index:9999 !important;border-radius:0 !important;}.mobile-modal-overlay.show .mobile-modal{right:0 !important;}#mobileLoginModalOverlay .mobile-modal,#mobileRegisterModalOverlay .mobile-modal,#mobileForgotPasswordModalOverlay .mobile-modal{position:fixed !important;top:0 !important;right:-100vw !important;width:100vw !important;height:100vh !important;max-height:100vh !important;background:white !important;box-shadow:-4px 0 20px rgba(0,0,0,0.15) !important;transition:right 0.3s ease !important;display:flex !important;flex-direction:column !important;overflow:hidden !important;z-index:9999 !important;border-radius:0 !important;}#mobileLoginModalOverlay.show .mobile-modal,#mobileRegisterModalOverlay.show .mobile-modal,#mobileForgotPasswordModalOverlay.show .mobile-modal{right:0 !important;}.mobile-modal-header{flex-shrink:0;padding:15px 20px;background:var(--gradient-bg);color:white;min-height:60px;display:flex;justify-content:space-between;align-items:center;border-radius:0;}.mobile-modal-title{margin:0;font-size:18px;font-weight:600;color:white;display:flex;align-items:center;gap:10px;}.mobile-modal-title i{font-size:18px;color:white;}.mobile-modal-close-btn{background:linear-gradient(135deg,#dc3545 0%,#c82333 100%);border:none;color:white;font-size:18px;cursor:pointer;padding:8px;border-radius:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;font-weight:bold;}.mobile-modal-close-btn:hover{background:linear-gradient(135deg,#c82333 0%,#a71e2a 100%);transform:scale(1.05);}#mobileLoginModalOverlay .mobile-modal-header,#mobileRegisterModalOverlay .mobile-modal-header,#mobileForgotPasswordModalOverlay .mobile-modal-header{flex-shrink:0 !important;padding:15px 20px !important;background:var(--gradient-bg) !important;color:white !important;min-height:60px !important;display:flex !important;justify-content:space-between !important;align-items:center !important;border-radius:0 !important;}#mobileLoginModalOverlay .mobile-modal-title,#mobileRegisterModalOverlay .mobile-modal-title,#mobileForgotPasswordModalOverlay .mobile-modal-title{margin:0 !important;font-size:18px !important;font-weight:600 !important;color:white !important;display:flex !important;align-items:center !important;gap:10px !important;}#mobileLoginModalOverlay .mobile-modal-title i,#mobileRegisterModalOverlay .mobile-modal-title i,#mobileForgotPasswordModalOverlay .mobile-modal-title i{font-size:18px !important;color:white !important;}#mobileLoginModalOverlay .mobile-modal-close-btn,#mobileRegisterModalOverlay .mobile-modal-close-btn,#mobileForgotPasswordModalOverlay .mobile-modal-close-btn{background:linear-gradient(135deg,#dc3545 0%,#c82333 100%) !important;border:none !important;color:white !important;font-size:18px !important;cursor:pointer !important;padding:8px !important;border-radius:4px !important;width:32px !important;height:32px !important;display:flex !important;align-items:center !important;justify-content:center !important;transition:all 0.3s ease !important;font-weight:bold !important;}#mobileLoginModalOverlay .mobile-modal-close-btn:hover,#mobileRegisterModalOverlay .mobile-modal-close-btn:hover,#mobileForgotPasswordModalOverlay .mobile-modal-close-btn:hover{background:linear-gradient(135deg,#c82333 0%,#a71e2a 100%) !important;transform:scale(1.05) !important;}.mobile-modal-body{flex:1;padding:20px;overflow-y:auto;-webkit-overflow-scrolling:touch;}.mobile-modal-body::-webkit-scrollbar{width:0;background:transparent;}.mobile-modal-body .form-group{margin-bottom:20px;}.mobile-modal-body .form-row{display:flex;gap:15px;margin-bottom:20px;}.mobile-modal-body .form-row .form-group{flex:1;margin-bottom:0;}.mobile-modal-body label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:8px;}.mobile-modal-body .input-wrapper{position:relative;}.mobile-modal-body .input-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#999;font-size:16px;z-index:2;}.mobile-modal-body input{width:100%;padding:15px 15px 15px 45px;border:2px solid #e9ecef;border-radius:12px;font-size:16px;background:white;transition:all 0.3s ease;box-sizing:border-box;}.mobile-modal-body .form-group.has-icon input{padding-left:50px !important;}.mobile-modal-body .form-group.has-icon .input-icon{position:absolute !important;left:15px !important;top:50% !important;transform:translateY(-50%) !important;color:#999 !important;font-size:16px !important;z-index:2 !important;}#mobileLoginModalOverlay .form-group.has-icon input,#mobileRegisterModalOverlay .form-group.has-icon input,#mobileForgotPasswordModalOverlay .form-group.has-icon input{padding-left:50px !important;}#mobileLoginModalOverlay .form-group.has-icon .input-icon,#mobileRegisterModalOverlay .form-group.has-icon .input-icon,#mobileForgotPasswordModalOverlay .form-group.has-icon .input-icon{position:absolute !important;left:15px !important;top:50% !important;transform:translateY(-50%) !important;color:#999 !important;font-size:16px !important;z-index:2 !important;}.mobile-modal-body input:focus{outline:none;border-color:var(--primary-color,#0057a1);box-shadow:0 0 0 3px rgba(0,87,161,0.1);}.mobile-modal-body select{width:100%;padding:15px 15px 15px 45px;border:2px solid #e9ecef;border-radius:12px;font-size:16px;background:white;transition:all 0.3s ease;box-sizing:border-box;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 15px center;background-size:16px;}.mobile-modal-body select:focus{outline:none;border-color:var(--primary-color,#0057a1);box-shadow:0 0 0 3px rgba(0,87,161,0.1);}.mobile-modal-body .form-group.has-icon select{padding-left:50px !important;}.mobile-modal-body .form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;flex-wrap:wrap;gap:10px;}.mobile-modal-body .checkbox-wrapper{display:flex;align-items:flex-start;gap:10px;cursor:pointer;flex:1;min-width:200px;}.mobile-modal-body .checkbox-wrapper input[type="checkbox"]{width:auto;margin:0;padding:0;}.mobile-modal-body .checkmark{width:20px;height:20px;border:2px solid #e9ecef;border-radius:4px;position:relative;flex-shrink:0;transition:all 0.3s ease;}.mobile-modal-body .checkbox-wrapper input[type="checkbox"]:checked + .checkmark{background:var(--primary-color,#0057a1);border-color:var(--primary-color,#0057a1);}.mobile-modal-body .checkbox-wrapper input[type="checkbox"]:checked + .checkmark::after{content:'✓';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:white;font-size:12px;font-weight:bold;}.mobile-modal-body .label-text{font-size:13px;color:#666;line-height:1.4;}.mobile-modal-body .label-text a{color:var(--primary-color,#0057a1);text-decoration:none;}.mobile-modal-body .label-text a:hover{text-decoration:underline;}.mobile-modal-body .forgot-password-link{color:var(--primary-color,#0057a1);text-decoration:none;font-size:14px;font-weight:500;}.mobile-modal-body .forgot-password-link:hover{text-decoration:underline;}.mobile-modal-body .btn-primary,.mobile-modal-body .btn-secondary,.mobile-modal-body .btn-tertiary{width:100%;padding:16px 20px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:15px;text-decoration:none;}.mobile-modal-body .btn-primary{background:linear-gradient(135deg,#0057a1 0%,#00b9be 100%);color:white;}.mobile-modal-body .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,87,161,0.3);}.mobile-modal-body .btn-secondary{background:white;color:#333;border:2px solid #e9ecef;}.mobile-modal-body .btn-secondary:hover{border-color:var(--primary-color,#0057a1);color:var(--primary-color,#0057a1);}.mobile-modal-body .btn-tertiary{background:#f8f9fa;color:#666;border:2px solid #e9ecef;}.mobile-modal-body .btn-tertiary:hover{background:#e9ecef;color:#333;}.mobile-modal-body .btn-full-width{width:100%;}.mobile-modal-body .modal-divider{text-align:center;margin:20px 0;position:relative;}.mobile-modal-body .modal-divider::before{content:'';position:absolute;top:50%;left:0;right:0;height:1px;background:#e9ecef;}.mobile-modal-body .modal-divider span{background:white;padding:0 20px;color:#999;font-size:14px;position:relative;z-index:1;}.mobile-modal-body .forgot-password-info{background:#f8f9fa;border-radius:12px;padding:20px;margin-bottom:25px;text-align:center;}.mobile-modal-body .forgot-password-info p{margin:0;color:#666;font-size:14px;line-height:1.5;}@media (max-width:480px){.mobile-modal-header{padding:15px 15px 10px 15px;}.mobile-modal-body{padding:15px;}.mobile-modal-body .form-row{flex-direction:column;gap:0;}.mobile-modal-body .form-row .form-group{margin-bottom:20px;}.mobile-modal-body .form-options{flex-direction:column;align-items:flex-start;gap:15px;}.mobile-modal-body .checkbox-wrapper{min-width:auto;}}.mobile-modal.slide-out{transform:translateX(-100%);}.mobile-modal.slide-in{transform:translateX(0);}html.mobile-modal-open{overflow:hidden !important;}body.mobile-modal-open{overflow:hidden !important;}.mobile-modal-body .btn-primary.loading{opacity:0.7;pointer-events:none;}.mobile-modal-body .btn-primary.loading::after{content:'';width:16px;height:16px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-left:10px;}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}.mobile-modal-body .form-group.error input{border-color:#dc3545;}.mobile-modal-body .form-group.error .error-message{color:#dc3545;font-size:12px;margin-top:5px;}.mobile-modal-body .form-group.success input{border-color:#28a745;}.mobile-notification{position:fixed;top:20px;left:50%;transform:translateX(-50%) translateY(-100px);background:white;border-radius:12px;padding:15px 20px;box-shadow:0 8px 25px rgba(0,0,0,0.15);z-index:10002;transition:transform 0.3s ease;max-width:90%;text-align:center;}.mobile-notification.show{transform:translateX(-50%) translateY(0);}.mobile-notification-success{border-left:4px solid #28a745;color:#28a745;}.mobile-notification-error{border-left:4px solid #dc3545;color:#dc3545;}.mobile-notification-info{border-left:4px solid #0057a1;color:#0057a1;}.modal-header{display:flex !important;justify-content:space-between !important;align-items:center !important;padding:10px 30px !important;border-bottom:1px solid #f0f0f0 !important;background:var(--gradient-bg) !important;color:white !important;border-radius:12px 12px 0 0 !important;margin:0 !important;position:relative !important;overflow:hidden !important;}.modal-header::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient( 90deg,transparent,rgba(255,255,255,0.3) 50%,transparent );animation:modalHeaderShimmer 3s ease-in-out infinite;z-index:1;}@keyframes modalHeaderShimmer{0%{left:-100%;}50%{left:100%;}100%{left:100%;}}.modal-header > *{position:relative !important;z-index:2 !important;}.modal-header h1,.modal-header h2,.modal-header h3,.modal-header .smart-alert-title{margin:0 !important;font-weight:600 !important;color:white !important;}.modal-close{background:linear-gradient(135deg,#e74c3c,#c0392b) !important;border:none !important;color:white !important;font-size:20px !important;font-weight:bold !important;cursor:pointer !important;padding:0 !important;width:32px !important;height:32px !important;display:flex !important;align-items:center !important;justify-content:center !important;border-radius:6px !important;transition:all 0.3s ease !important;line-height:1 !important;box-shadow:0 4px 8px rgba(231,76,60,0.4),0 2px 4px rgba(231,76,60,0.3) !important;position:relative !important;overflow:hidden !important;}.modal-close::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient( 90deg,transparent,rgba(255,255,255,0.4) 50%,transparent );transition:left 0.4s ease;z-index:1;}.modal-close:hover::before{left:100%;}.modal-close:hover{background:linear-gradient(135deg,#dc3545,#bd2130) !important;transform:translateY(-1px) !important;box-shadow:0 6px 12px rgba(231,76,60,0.5),0 3px 6px rgba(231,76,60,0.4) !important;}.modal-close:active{transform:translateY(0) !important;box-shadow:0 2px 4px rgba(231,76,60,0.4) !important;}.modal-close > *{position:relative !important;z-index:2 !important;}.smart-alert-header{background:var(--gradient-bg) !important;color:white !important;padding:10px 24px !important;border-radius:12px 12px 0 0 !important;display:flex !important;justify-content:space-between !important;align-items:center !important;position:relative !important;overflow:hidden !important;}.smart-alert-header::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient( 90deg,transparent,rgba(255,255,255,0.3) 50%,transparent );animation:modalHeaderShimmer 3s ease-in-out infinite;z-index:1;}.smart-alert-header > *{position:relative !important;z-index:2 !important;}.smart-alert-icon{font-size:20px !important;margin-right:8px !important;display:flex !important;align-items:center !important;color:white !important;}.smart-alert-title{margin:0 0 0 8px !important;font-size:18px !important;font-weight:600 !important;flex:1 !important;color:white !important;}@media (max-width:768px){.modal-header{padding:10px 20px !important;}.smart-alert-header{padding:10px 20px !important;}}.order-modal .modal-header,.address-modal .modal-header,.payment-modal .modal-header,.registration-modal .modal-header,.forgot-password-modal .modal-header,.reset-password-modal .modal-header,.checkout-success-modal .modal-header{padding:10px 30px !important;background:var(--gradient-bg) !important;color:white !important;position:relative !important;overflow:hidden !important;}.order-modal .modal-header::before,.address-modal .modal-header::before,.payment-modal .modal-header::before,.registration-modal .modal-header::before,.forgot-password-modal .modal-header::before,.reset-password-modal .modal-header::before,.checkout-success-modal .modal-header::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient( 90deg,transparent,rgba(255,255,255,0.3) 50%,transparent );animation:modalHeaderShimmer 3s ease-in-out infinite;z-index:1;}.order-modal .modal-header > *,.address-modal .modal-header > *,.payment-modal .modal-header > *,.registration-modal .modal-header > *,.forgot-password-modal .modal-header > *,.reset-password-modal .modal-header > *,.checkout-success-modal .modal-header > *{position:relative !important;z-index:2 !important;}.order-modal .modal-header h2,.address-modal .modal-header h2,.payment-modal .modal-header h2,.registration-modal .modal-header h2,.forgot-password-modal .modal-header h2,.reset-password-modal .modal-header h2,.checkout-success-modal .modal-header h3{color:white !important;}.cart-header{border-radius:0px 0px 0px 0px !important;}