:root{--primary-dark: #10b981;--primary-hover: #059669;--primary-active: #047857;--primary-disabled: #94a3b8;--danger: #ef4444;--danger-hover: #dc2626;--danger-active: #b91c1c;--danger-dark: #991b1b;--danger-dark-hover: #7f1d1d;--orange: #f59e0b;--orange-dark: #d97706;--bg-main: #f5f7fa;--bg-card: #ffffff;--bg-hover: #f0f2f5;--text-main: #1a1a2e;--text-secondary: #666666;--border-color: #e0e0e0;--gray-300: #e2e8f0;--gray-400: #cbd5e1;--gray-500: #94a3b8;--gray-600: #64748b;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--text-xs: clamp(10px, 1.5vw, 12px);--text-sm: clamp(12px, 2vw, 14px);--text-base: clamp(14px, 2.5vw, 16px);--text-lg: clamp(16px, 3vw, 18px);--text-xl: clamp(18px, 3.5vw, 22px);--text-2xl: clamp(20px, 4vw, 28px);--text-3xl: clamp(24px, 5vw, 32px);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--spacing-3xl: 48px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 6px rgba(0,0,0,.05);--shadow-lg: 0 10px 15px rgba(0,0,0,.08);--shadow-xl: 0 20px 25px rgba(0,0,0,.1);--shadow-2xl: 0 25px 50px rgba(0,0,0,.12);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--z-sticky: 100;--z-fullscreen-modal: 1100;--z-bottom-nav: 1200;--z-chat: 1250;--z-overlay: 1300;--z-loader: 1400;--z-toast: 1500;--desktop-panel-width: 450px;--desktop-panel-width-lg: 500px}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent}body{font-family:var(--font-sans);background:var(--bg-main);color:var(--text-main);line-height:1.5;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius-full);font-weight:600;font-size:var(--text-sm);border:none;cursor:pointer;min-height:44px}.btn-primary{background:var(--primary-dark);color:#fff}.btn-primary:active{background:var(--primary-active)}.btn-secondary{background:var(--gray-400);color:var(--text-main)}.btn-secondary:active{background:var(--gray-500)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:active{background:var(--danger-active)}.btn-outline{background:transparent;border:1px solid var(--border-color);color:var(--text-main)}.btn-outline:active{border-color:var(--primary-dark);color:var(--primary-dark)}.btn-full{width:100%}.btn-sm{padding:6px 14px;font-size:var(--text-xs);min-height:36px}@media (min-width: 1025px){.btn-primary:hover{background:var(--primary-hover)}.btn-secondary:hover{background:var(--gray-500)}.btn-danger:hover{background:var(--danger-hover)}.btn-outline:hover{border-color:var(--primary-dark);color:var(--primary-dark)}}.btn.disabled,.modal-add-to-cart.disabled,button.disabled{opacity:.6;cursor:not-allowed;background:var(--gray-500)!important;pointer-events:none}.btn.disabled:hover,.modal-add-to-cart.disabled:hover{background:var(--gray-500)!important;transform:none}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--bg-card);border-top:1px solid var(--border-color);display:flex;justify-content:space-around;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0));z-index:var(--z-bottom-nav)}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:none;border:none;font-size:10px;color:var(--text-secondary);cursor:pointer;position:relative;padding:4px 12px;border-radius:8px;min-width:56px}.nav-item.active{color:var(--primary-dark)}.nav-item .material-symbols-outlined{font-size:22px}.nav-badge{position:absolute;top:-2px;right:6px;left:auto;transform:none;background:var(--danger);color:#fff;border-radius:20px;font-size:9px;font-weight:600;min-width:16px;height:16px;padding:0 4px;text-align:center;line-height:16px;display:flex;align-items:center;justify-content:center;z-index:1;box-shadow:0 0 2px #0000004d}.input-group{position:relative;margin-bottom:var(--spacing-md);width:100%}.input-group .input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:20px;pointer-events:none}.input-group input,.input-group select,.input-group textarea{width:100%;padding:12px 16px 12px 48px;border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--text-sm);background:var(--bg-card);color:var(--text-main);outline:none}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{border-color:var(--border-color);outline:none;box-shadow:none}.auth-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg);min-height:auto;width:100%}.auth-card{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--spacing-xl);width:100%;max-width:460px;box-shadow:var(--shadow-lg)}.auth-title{font-size:var(--text-2xl);font-weight:700;text-align:center;margin-bottom:var(--spacing-xl);color:var(--text-main)}.auth-footer{margin-top:var(--spacing-lg);text-align:center;font-size:var(--text-sm);color:var(--text-secondary)}.auth-footer a{color:var(--primary-dark);text-decoration:none}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-overlay)}.modal-content{background:var(--bg-card);border-radius:var(--radius-2xl);max-width:500px;width:90%;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-2xl)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color)}.modal-header h3{color:var(--text-main)}.modal-close{background:transparent;border:none;font-size:24px;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.modal-body{padding:var(--spacing-lg);color:var(--text-secondary)}.modal-footer{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.modal-confirm{text-align:center}.modal-icon{font-size:48px;margin-bottom:var(--spacing-sm)}.modal-icon.warning{color:var(--danger)}.modal-icon.success{color:#10b981}.toast-container-top{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:var(--z-toast);display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{background:#1a1a1a;border-radius:9999px;padding:12px 24px;box-shadow:0 8px 30px #0000004d;display:flex;align-items:center;justify-content:center;gap:10px;font-size:var(--text-sm);color:#fff;font-weight:500;animation:slideDown .2s ease;pointer-events:auto;border:none;width:fit-content;max-width:90vw;min-height:48px;white-space:nowrap}.toast .material-symbols-outlined{font-size:20px;color:#fff;flex-shrink:0}@media (max-width: 480px){.toast-container-top{top:12px;width:100%}.toast{padding:10px 18px;border-radius:9999px;font-size:.8rem;gap:8px;white-space:normal;text-align:center;max-width:92vw;min-height:42px}.toast .material-symbols-outlined{font-size:18px}}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-loader)}.loading-spinner{width:40px;height:40px;border:3px solid var(--gray-300);border-top-color:var(--primary-dark);border-radius:50%;animation:spin .6s linear infinite}::-webkit-scrollbar{display:none}*{scrollbar-width:none;-ms-overflow-style:none}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.btn-back,.nav-item,.filter-chip{cursor:pointer}@media (max-width: 1024px){.btn-back:focus-visible,.nav-item:focus-visible,.filter-chip:focus-visible,.quantity-btn:focus-visible,.btn:focus-visible{outline:none}}@media (min-width: 1025px){.btn-back:focus-visible,.nav-item:focus-visible,.filter-chip:focus-visible{outline:2px solid var(--primary-dark);outline-offset:2px}}@media (max-width: 640px){.bottom-nav{padding:6px 12px 10px}.auth-card{padding:var(--spacing-lg)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important}}.install-pwa-btn{position:fixed;bottom:80px;right:16px;background:var(--primary-dark);color:#fff;border-radius:40px;box-shadow:var(--shadow-lg);z-index:var(--z-toast);animation:slideUp .3s ease;overflow:hidden;display:flex;align-items:center}.install-pwa-content{display:flex;align-items:center;gap:8px;padding:12px 20px;cursor:pointer;font-weight:600;font-size:14px}.install-pwa-content .material-symbols-outlined{font-size:20px}.install-pwa-close{background:none;border:none;color:#fff;cursor:pointer;padding:0 12px;height:100%;display:flex;align-items:center;justify-content:center;transition:background .2s;border-right:1px solid rgba(255,255,255,.3)}@media (min-width: 1025px){.install-pwa-close:hover{background:#fff3}.install-pwa-content:hover{background:var(--primary-hover)}}.install-pwa-close .material-symbols-outlined{font-size:18px}@media (min-width: 1024px){.install-pwa-btn{bottom:24px;right:24px}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#confirmModal.modal-overlay{background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#confirmModal .modal-content{background:var(--bg-card);border-radius:12px;overflow:hidden;max-width:350px;width:90%;margin:0 auto}#confirmModal .modal-header{background:var(--bg-card);border-bottom:none;position:relative;padding:16px 20px;text-align:center}#confirmModal .modal-header h3{color:var(--text-main);text-align:center;margin:0;width:100%}#confirmModal .modal-header .modal-close{position:absolute;top:12px;right:12px;background:transparent;border:none;font-size:20px;cursor:pointer;color:var(--text-secondary);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}#confirmModal .modal-body{padding:20px;text-align:center}#confirmModal .modal-body p{color:var(--text-secondary);margin:0}#confirmModal .modal-actions{display:flex;gap:12px;justify-content:center;padding:16px 20px 24px;border-top:none}#confirmModal .modal-actions .btn{flex:1;margin:0;min-width:100px;padding:8px 16px;border-radius:var(--radius-full);font-size:.85rem}#confirmModal .modal-actions .btn-outline{background:var(--gray-400);border:none;color:var(--text-main)}body.modal-open{overflow:hidden!important;position:fixed!important;width:100%!important;height:100%!important;top:0!important;left:0!important}#homeView{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;height:100dvh!important;background:var(--bg-main)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.home-header{flex-shrink:0!important;background:var(--bg-card)!important;border-bottom:1px solid var(--border-color)!important;padding:calc(var(--spacing-sm) + env(safe-area-inset-top,0)) var(--spacing-lg) var(--spacing-sm)!important;position:sticky!important;top:0!important;z-index:10!important}.home-main{flex:1 1 auto!important;overflow-y:auto!important;overflow-x:hidden!important;padding:0!important;-webkit-overflow-scrolling:touch!important;height:100%!important;min-height:0!important}.search-bar{display:flex!important;align-items:center!important;gap:4px!important;background:transparent!important;border:none!important;border-radius:0!important;padding:4px 0!important;margin-bottom:var(--spacing-sm)!important;max-width:50%!important}.search-bar:focus-within{background:transparent!important;border:none!important}.search-bar input{flex:1!important;border:none!important;background:transparent!important;font-size:var(--text-sm)!important;outline:none!important;color:var(--text-main)!important;padding:8px 0!important;border-bottom:1.5px solid var(--border-color)!important;transition:border-color .3s ease!important}.search-bar input:focus{border-bottom-color:var(--primary-dark)!important}.search-bar input::placeholder{color:var(--text-secondary)!important;font-size:13px!important}.search-submit-btn,.clear-search-btn,.btn-refresh-home{background:none!important;border:none!important;cursor:pointer!important;color:var(--text-secondary)!important;padding:4px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;transition:all .3s ease!important;width:36px!important;height:36px!important}.search-submit-btn .material-symbols-outlined,.clear-search-btn .material-symbols-outlined,.btn-refresh-home .material-symbols-outlined{font-size:20px!important}.btn-refresh-home.spinning .material-symbols-outlined{animation:spin 1s linear infinite!important}.btn-refresh-home:disabled{opacity:.5!important;cursor:not-allowed!important}.category-filter-horizontal{display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;gap:2px!important;padding:4px 0 8px!important;margin-top:2px!important;scrollbar-width:none!important;-ms-overflow-style:none!important;border-bottom:none!important;margin-bottom:0!important;max-width:100%!important}.category-filter-horizontal::-webkit-scrollbar{display:none!important}.filter-chip{flex-shrink:0!important;background:transparent!important;border:none!important;font-size:var(--text-sm)!important;font-weight:500!important;color:var(--text-secondary)!important;cursor:pointer!important;padding:10px 20px!important;min-height:44px!important;white-space:nowrap!important;border-radius:40px!important}.filter-chip.active{color:var(--text-main)!important;background:var(--bg-hover)!important}.products-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important;gap:4px!important;padding:8px 4px!important;padding-bottom:calc(100px + env(safe-area-inset-bottom,0))!important;margin:0!important;max-width:100%!important;overflow:hidden!important}.products-grid .empty-state{grid-column:1 / -1!important;text-align:center!important;justify-self:center!important;width:100%!important}.product-card{position:relative!important;background:var(--bg-card)!important;border-radius:5px!important;overflow:hidden!important;cursor:pointer!important;box-shadow:var(--shadow-md)!important;max-width:100%!important}.product-fixed-image{width:100%!important;aspect-ratio:1!important;overflow:hidden!important;background:var(--gray-300)!important}.product-fixed-image img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}.product-info{padding:var(--spacing-sm)!important}.product-header{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;margin-bottom:4px!important}.product-name{font-size:var(--text-xs)!important;color:var(--text-secondary)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;flex:1!important}.category-badge{display:none!important;padding:2px 8px!important;border-radius:var(--radius-full)!important;font-size:9px!important;font-weight:600!important;color:#fff!important;text-transform:uppercase!important;flex-shrink:0!important;letter-spacing:.3px!important;background-color:var(--gray-500)!important}.product-price{font-weight:700!important;font-size:var(--text-sm)!important;color:var(--primary-dark)!important;margin:4px 0!important}.product-min-order{font-size:var(--text-xs)!important;color:var(--text-secondary)!important;margin-top:4px!important;display:flex!important;align-items:center!important;gap:4px!important}.product-min-order .material-symbols-outlined{font-size:12px!important}.product-discount{font-size:.7rem!important;color:var(--text-main)!important;font-weight:500!important;margin-top:4px!important}.product-delivery{font-size:.7rem!important;color:var(--text-main)!important;font-weight:500!important;margin-top:4px!important;display:flex!important;align-items:center!important;gap:4px!important}.product-rotating-container{position:relative!important;height:28px!important;overflow:hidden!important;margin-top:8px!important;background:transparent!important;max-width:100%!important}.product-rotating-item{position:absolute!important;top:0!important;left:0!important;width:100%!important;opacity:0!important;transform:translateY(10px)!important;transition:opacity .4s ease,transform .4s ease!important;pointer-events:none!important;font-size:.7rem!important;display:flex!important;align-items:center!important;gap:6px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.4!important}.product-rotating-item.active{opacity:1!important;transform:translateY(0)!important}.product-rotating-item .material-symbols-outlined{font-size:14px!important;width:18px!important;height:18px!important;flex-shrink:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.product-discount,.product-delivery{display:flex!important;align-items:center!important;gap:4px!important}.product-discount .material-symbols-outlined,.product-delivery .material-symbols-outlined{font-size:14px!important;width:18px!important;height:18px!important;flex-shrink:0!important}.product-stock-vertical{font-size:.7rem!important;display:flex!important;align-items:center!important;gap:4px!important}.product-stock-vertical .material-symbols-outlined{font-size:12px!important;width:16px!important;height:16px!important;flex-shrink:0!important}.product-stock-vertical.in-stock{color:var(--text-main)!important}.product-stock-vertical.in-stock .material-symbols-outlined{color:#10b981!important}.product-stock-vertical.low-stock,.product-stock-vertical.low-stock .material-symbols-outlined{color:var(--orange)!important}.product-stock-vertical.out-of-stock,.product-stock-vertical.out-of-stock .material-symbols-outlined{color:var(--danger)!important}.product-delivery .material-symbols-outlined,.product-view-delivery .material-symbols-outlined{color:var(--primary-dark)!important}.product-discount .material-symbols-outlined,.product-view-discount .material-symbols-outlined{color:#f59e0b!important}.product-min-order .material-symbols-outlined{color:var(--text-secondary)!important}.skeleton-card{width:100%!important;aspect-ratio:1 / 1.4!important;background:var(--bg-card)!important;border-radius:5px!important;overflow:hidden!important;box-shadow:var(--shadow-md)!important;max-width:100%!important}.skeleton-image{width:100%!important;aspect-ratio:1!important;background:var(--gray-300)!important;border-radius:0!important}.skeleton-text{width:85%!important;height:12px!important;margin:10px 12px 6px!important;background:var(--gray-300)!important;border-radius:4px!important}.skeleton-text.short{width:55%!important;height:10px!important;margin:0 12px 8px!important;background:var(--gray-300)!important}.skeleton-text.price{width:45%!important;height:14px!important;margin:4px 12px 10px!important;background:var(--gray-300)!important;border-radius:4px!important}.product-loader{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-height:60vh!important;gap:16px!important;text-align:center!important;padding:32px!important}.product-loader-spinner{width:48px!important;height:48px!important;border:4px solid var(--gray-300)!important;border-top-color:var(--primary-dark)!important;border-radius:50%!important;animation:productLoaderSpin .8s linear infinite!important}.product-loader p{color:var(--text-secondary)!important;font-size:.9rem!important;margin:0!important}@keyframes productLoaderSpin{to{transform:rotate(360deg)!important}}#productView{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;height:100dvh!important;background:var(--bg-main)!important;z-index:var(--z-fullscreen-modal)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}#productView[style*="display: none"]{display:none!important}#productView .view-header{flex-shrink:0!important;display:flex!important;align-items:center!important;padding:calc(var(--spacing-md) + env(safe-area-inset-top,0)) var(--spacing-lg) var(--spacing-md)!important;background:var(--bg-card)!important;border-bottom:1px solid var(--border-color)!important;position:sticky!important;top:0!important;z-index:10!important}#productView .view-header .btn-back{background:transparent!important;border:none!important;width:40px!important;height:40px!important;border-radius:50%!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;color:var(--text-secondary)!important;flex-shrink:0!important}#productView .view-header h2{margin:0 0 0 8px!important;font-size:var(--text-lg)!important;font-weight:600!important;color:var(--text-main)!important}#productView .view-body{flex:1 1 auto!important;overflow-y:auto!important;overflow-x:hidden!important;padding:0!important;padding-bottom:calc(100px + env(safe-area-inset-bottom,0))!important;-webkit-overflow-scrolling:touch!important;background:var(--bg-card)!important;height:100%!important;min-height:0!important}.product-view-card{background:var(--bg-card)!important;width:98%!important;margin:0 auto!important;border-radius:var(--radius-sm)!important;max-width:100%!important;overflow:hidden!important}.product-view-carousel-container{position:relative!important;width:100%!important;aspect-ratio:1!important;background:var(--gray-300)!important;overflow:hidden!important}.product-view-carousel-slides{display:flex!important;width:100%!important;height:100%!important;transition:transform .5s ease-in-out!important}.product-view-carousel-slide{flex:0 0 100%!important;width:100%!important;height:100%!important}.product-view-carousel-slide img{width:100%!important;height:100%!important;object-fit:cover!important}.product-view-carousel-indicators{position:absolute!important;bottom:12px!important;left:0!important;right:0!important;display:flex!important;justify-content:center!important;gap:8px!important;z-index:10!important}.product-view-carousel-dot{width:8px!important;height:8px!important;border-radius:50%!important;background:#fff9!important;cursor:pointer!important}.product-view-carousel-dot.active{background:var(--primary-dark)!important;transform:scale(1.2)!important}.product-view-info{padding:20px!important}.product-view-header{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:12px!important;flex-wrap:wrap!important;margin-bottom:16px!important}.product-view-name{font-size:1.4rem!important;font-weight:700!important;margin:0!important;color:var(--text-main)!important;flex:1!important}.product-view-price{font-size:1.5rem!important;font-weight:700!important;color:var(--primary-dark)!important;margin-bottom:16px!important}.product-view-rotating-container{position:relative!important;height:28px!important;overflow:hidden!important;margin:12px 0!important;max-width:100%!important}.product-view-rotating-item{position:absolute!important;top:0!important;left:0!important;width:100%!important;opacity:0!important;transform:translateY(10px)!important;transition:opacity .4s ease,transform .4s ease!important;pointer-events:none!important;font-size:.75rem!important;display:flex!important;align-items:center!important;gap:4px!important}.product-view-rotating-item.active{opacity:1!important;transform:translateY(0)!important}.product-view-description-full{font-size:.95rem!important;line-height:1.6!important;color:var(--text-secondary)!important;margin:20px 0!important;white-space:pre-line!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.product-view-add-to-cart{width:100%!important;padding:14px!important;border-radius:40px!important;font-weight:700!important;font-size:1rem!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;background:var(--primary-dark)!important;color:#fff!important;border:none!important;cursor:pointer!important;margin-top:20px!important;margin-bottom:20px!important}.product-view-add-to-cart.disabled{opacity:.6!important;cursor:not-allowed!important}@media (max-width: 640px){.search-bar{max-width:100%!important}.search-bar input{font-size:.9rem!important;padding:6px 0!important}.search-submit-btn,.clear-search-btn,.btn-refresh-home{width:32px!important;height:32px!important}.search-submit-btn .material-symbols-outlined,.clear-search-btn .material-symbols-outlined,.btn-refresh-home .material-symbols-outlined{font-size:18px!important}.products-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))!important}.product-info{padding:6px!important}.product-rotating-container{height:24px!important}.product-rotating-item{font-size:.65rem!important}.filter-chip{padding:8px 16px!important;min-height:40px!important}.carousel-dot{width:6px!important;height:6px!important;min-width:6px!important;min-height:6px!important}.product-view-name{font-size:1.2rem!important}.product-view-price{font-size:1.3rem!important}.product-view-info{padding:16px!important}}@media (min-width: 641px) and (max-width: 1024px){.search-bar{max-width:70%!important}}@media (min-width: 1025px){.home-header{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important}.search-bar{flex:1!important;max-width:45%!important;margin-left:180px!important;margin-right:0!important;margin-bottom:0!important}.category-filter-horizontal{width:100%!important;flex-basis:100%!important;padding-left:180px!important;gap:8px!important;margin-top:0!important}.products-grid{margin-left:180px!important;margin-right:auto!important;max-width:calc(100% - 180px)!important;width:auto!important;padding:8px 16px!important;gap:8px!important;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important}.product-card{max-width:100%!important;min-width:0!important;width:100%!important}.product-fixed-image{aspect-ratio:1!important;width:100%!important}.search-submit-btn:hover,.clear-search-btn:hover{background:var(--bg-hover)!important;color:var(--primary-dark)!important}.btn-refresh-home:hover{background:#10b98126!important;transform:rotate(60deg)!important;color:var(--primary-dark)!important}.filter-chip:hover{color:var(--text-main)!important;background:var(--bg-hover)!important}.product-card:hover{transform:translateY(-4px)!important;box-shadow:var(--shadow-lg)!important}#productView .view-header .btn-back:hover{background:var(--bg-hover)!important}.product-view-add-to-cart:hover:not(:disabled){background:var(--primary-hover)!important}#productView{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;width:500px!important;max-width:90%!important;margin:0!important;background:var(--bg-main)!important;box-shadow:-2px 0 10px #0000001a!important;z-index:1150!important}.product-view-info{padding:24px!important}.product-view-name{font-size:1.6rem!important}.product-view-price{font-size:1.8rem!important}}@media (max-width: 480px){.products-grid{grid-template-columns:repeat(2,1fr)!important}}#cartView{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;height:100dvh!important;background:var(--bg-main)!important;z-index:var(--z-fullscreen-modal)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}#cartView[style*="display: none"]{display:none!important}#cartView .view-header{flex-shrink:0!important;display:flex!important;align-items:center!important;padding:calc(var(--spacing-md) + env(safe-area-inset-top,0)) var(--spacing-lg) var(--spacing-md)!important;background:var(--bg-card)!important;border-bottom:1px solid var(--border-color)!important;position:sticky!important;top:0!important;z-index:10!important}#cartView .view-header .btn-back{background:transparent!important;border:none!important;width:40px!important;height:40px!important;border-radius:50%!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;color:var(--text-secondary)!important;flex-shrink:0!important}#cartView .view-header h2{margin:0 0 0 8px!important;font-size:var(--text-lg)!important;font-weight:600!important;color:var(--text-main)!important}#cartView .view-body{flex:1 1 auto!important;overflow-y:auto!important;overflow-x:hidden!important;padding:8px 4px!important;padding-bottom:calc(100px + env(safe-area-inset-bottom,0))!important;-webkit-overflow-scrolling:touch!important;height:100%!important;min-height:0!important}#cartView .cart-items-list{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:4px!important;margin:0 auto!important;max-width:640px!important;width:100%!important;padding:0 8px!important}#cartView .cart-item{display:flex!important;flex-direction:column!important;gap:var(--spacing-sm)!important;padding:var(--spacing-sm)!important;background:var(--bg-card)!important;border-radius:5px!important;box-shadow:var(--shadow-md)!important;margin-bottom:0!important;max-width:100%!important;overflow:hidden!important}#cartView .cart-item:last-child{margin-bottom:0!important}#cartView .cart-item-image{width:100%!important;height:auto!important;aspect-ratio:1!important;border-radius:5px!important;object-fit:cover!important;background:var(--gray-300)!important}#cartView .cart-item-details{flex:1!important;min-width:0!important}#cartView .cart-item-name{font-weight:600!important;font-size:var(--text-sm)!important;margin-bottom:4px!important;color:var(--text-main)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}#cartView .cart-item-price{color:var(--text-main)!important;font-weight:600!important;font-size:var(--text-sm)!important;margin-bottom:8px!important}#cartView .quantity-control{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin-top:8px!important}#cartView .quantity-btn{min-width:44px!important;min-height:44px!important;width:44px!important;height:44px!important;border-radius:50%!important;background:var(--gray-300)!important;border:none!important;font-weight:700!important;font-size:18px!important;cursor:pointer!important;color:var(--text-main)!important;display:flex!important;align-items:center!important;justify-content:center!important}#cartView .remove-item{min-width:44px!important;min-height:44px!important;width:44px!important;height:44px!important;background:transparent!important;border:none!important;color:var(--danger)!important;cursor:pointer!important;font-size:20px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important}#cartView .btn-note{min-width:44px!important;min-height:44px!important;width:44px!important;height:44px!important;background:var(--gray-300)!important;border:none!important;cursor:pointer!important;color:var(--text-secondary)!important;border-radius:50%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}#cartView .btn-note .material-symbols-outlined{font-size:20px!important}#cartView .cart-item-actions{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;flex-wrap:wrap!important;margin-top:8px!important}#cartView .cart-item-note{font-size:var(--text-xs)!important;color:var(--text-secondary)!important;background:var(--gray-300)!important;padding:6px 8px!important;border-radius:5px!important;margin-top:8px!important;display:flex!important;align-items:flex-start!important;gap:6px!important;border-left:3px solid var(--primary-dark)!important}#cartView .cart-item-note .material-symbols-outlined{font-size:14px!important;color:var(--primary-dark)!important;flex-shrink:0!important;margin-top:1px!important}#cartView .cart-item-note span:last-child{font-size:.65rem!important;white-space:normal!important;word-break:break-word!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;display:block!important}#cartView .cart-discount-incentive{font-size:.65rem!important;color:var(--primary-dark)!important;margin-top:8px!important;background:#10b9811a!important;padding:4px 8px!important;border-radius:20px!important;display:block!important;width:100%!important;font-weight:500!important;text-align:center!important;word-break:break-word!important}#cartView .delivery-mode-selector{display:flex!important;gap:1rem!important;margin-bottom:1rem!important;flex-wrap:wrap!important}#cartView .delivery-option{flex:1!important;display:flex!important;align-items:center!important;gap:.5rem!important;padding:.5rem 1rem!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-full)!important;cursor:pointer!important;background:var(--bg-card)!important;color:var(--text-secondary)!important}#cartView .delivery-option input{margin:0!important}#cartView .delivery-option:has(input:checked){background:#10b9811a!important;border-color:var(--primary-dark)!important;color:var(--text-main)!important}#cartView .delivery-price-info{font-size:.7rem!important;color:var(--text-secondary)!important;margin-left:auto!important}#cartView .delivery-section,#cartView .summary-section{background:var(--bg-card)!important;border-radius:5px!important;padding:var(--spacing-md)!important;margin:var(--spacing-md) auto!important;box-shadow:var(--shadow-md)!important;max-width:640px!important;width:100%!important}#cartView .delivery-section h3{display:flex!important;align-items:center!important;gap:8px!important;font-size:var(--text-base)!important;font-weight:600!important;margin-bottom:var(--spacing-md)!important;color:var(--text-main)!important}#cartView #useLocationBtn{width:100%!important;margin-top:8px!important;background:var(--gray-400)!important;color:var(--text-main)!important;border:none!important}#cartView .summary-row{display:flex!important;justify-content:space-between!important;padding:6px 0!important;font-size:var(--text-sm)!important;color:var(--text-secondary)!important}#cartView .summary-row.total{border-top:2px solid rgba(16,185,129,.2)!important;margin-top:8px!important;padding-top:12px!important;font-weight:700!important;font-size:var(--text-lg)!important;color:var(--primary-dark)!important}.payment-buttons-group{display:flex!important;gap:12px!important;margin-bottom:12px!important;flex-wrap:wrap!important}.payment-btn-online,.payment-btn-cod{flex:1!important;min-width:140px!important}.payment-btn-online{background:var(--primary-dark)!important;color:#fff!important;border:none!important}.payment-btn-cod{background:var(--gray-400)!important;color:var(--text-main)!important;border:1px solid var(--border-color)!important}.payment-btn-cod:disabled{opacity:.5!important;cursor:not-allowed!important;background:var(--gray-300)!important;color:var(--text-secondary)!important}#cartView .checkout-action{margin:var(--spacing-md) auto!important;margin-bottom:calc(var(--spacing-md) + 10px)!important;max-width:640px!important;width:100%!important}#cartView .checkout-action .btn{width:100%!important;padding:14px!important;font-size:var(--text-base)!important;font-weight:700!important;margin-bottom:0!important}#cartView .empty-cart{text-align:center!important;padding:var(--spacing-2xl) var(--spacing-lg)!important;color:var(--text-secondary)!important;grid-column:span 2!important;min-height:45vh!important}#cartView .empty-cart .material-symbols-outlined{font-size:30px!important;color:var(--text-secondary)!important;margin-bottom:var(--spacing-md)!important}#cartView .empty-cart h3{margin-bottom:var(--spacing-sm)!important;color:var(--text-secondary)!important}#cartView .empty-cart .btn{margin-top:var(--spacing-lg)!important;background:var(--primary-dark)!important;color:#fff!important}#cartView .input-group{position:relative!important;margin-bottom:var(--spacing-md)!important;width:100%!important}#cartView .input-group .input-icon{position:absolute!important;left:16px!important;top:50%!important;transform:translateY(-50%)!important;color:var(--primary-dark)!important;font-size:20px!important;pointer-events:none!important}#cartView .input-group input{width:100%!important;padding:12px 16px 12px 48px!important;border:1.5px solid var(--border-color)!important;border-radius:var(--radius-full)!important;font-size:var(--text-sm)!important;background:var(--bg-card)!important;color:var(--text-main)!important;outline:none!important}#cartView .input-group input:focus{background:var(--bg-card)!important;border-color:var(--border-color)!important;box-shadow:none!important}.cart-item-stock{font-size:.65rem!important;margin:4px 0 6px!important;display:flex!important;align-items:center!important;gap:4px!important}.cart-item-stock.in-stock{color:var(--primary-dark)!important}.cart-item-stock.out-of-stock{color:var(--danger)!important}.cart-item-stock .material-symbols-outlined{font-size:12px!important}#productNoteModal.modal-overlay{background:#0009!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important}#productNoteModal .modal-content{background:var(--bg-card)!important;border-radius:12px!important;overflow:hidden!important;max-width:400px!important;width:90%!important;margin:0 auto!important;box-shadow:var(--shadow-2xl)!important}#productNoteModal .modal-header{background:var(--bg-card)!important;border-bottom:1px solid var(--border-color)!important;padding:16px 20px!important;text-align:center!important}#productNoteModal .modal-header h3{color:var(--text-main)!important;font-size:1.1rem!important;font-weight:600!important;margin:0!important;text-align:center!important}#productNoteModal .modal-body{padding:20px!important}#productNoteModal .note-hint{font-size:.85rem!important;color:var(--text-secondary)!important;margin-bottom:12px!important;text-align:center!important}#productNoteModal #productNoteText{width:100%!important;padding:12px 16px!important;border:1.5px solid var(--border-color)!important;border-radius:8px!important;font-size:.9rem!important;font-family:var(--font-sans)!important;background:var(--bg-card)!important;color:var(--text-main)!important;resize:vertical!important;min-height:100px!important;outline:none!important}#productNoteModal #productNoteText:focus{border-color:var(--primary-dark)!important}#productNoteModal #productNoteText::placeholder{color:var(--text-secondary)!important;font-size:.85rem!important}#productNoteModal .modal-footer{padding:16px 20px 20px!important;border-top:1px solid var(--border-color)!important;display:flex!important;gap:12px!important;justify-content:center!important}#productNoteModal .modal-footer .btn-outline{background:var(--gray-400)!important;border:none!important;color:var(--text-main)!important;padding:10px 24px!important;border-radius:40px!important;font-size:.85rem!important;font-weight:500!important;cursor:pointer!important;flex:1!important;min-width:100px!important}#productNoteModal .modal-footer .btn-primary{background:var(--primary-dark)!important;border:none!important;color:#fff!important;padding:10px 24px!important;border-radius:40px!important;font-size:.85rem!important;font-weight:500!important;cursor:pointer!important;flex:1!important;min-width:100px!important}#orderSuccessModal.modal-overlay{background:#0009!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important}#orderSuccessModal .modal-content{max-width:400px!important;width:90%!important;border-radius:12px!important}#orderSuccessModal .modal-header{border-bottom:1px solid var(--border-color)!important;padding:16px 20px!important}#orderSuccessModal .modal-header .modal-icon{font-size:48px!important;color:#10b981!important;margin-bottom:4px!important}#orderSuccessModal .modal-header h3{color:var(--text-main)!important;font-size:1.1rem!important;font-weight:600!important;margin:0!important}#orderSuccessModal .modal-body{padding:16px 20px!important;text-align:center!important}#orderSuccessModal .modal-body p{color:var(--text-secondary)!important;font-size:.9rem!important;line-height:1.5!important;margin:0!important}#orderSuccessModal .modal-actions{display:flex!important;gap:12px!important;justify-content:center!important;padding:16px 20px 20px!important;border-top:1px solid var(--border-color)!important}#orderSuccessModal .modal-actions .btn{flex:1!important;min-width:100px!important;padding:10px 20px!important;border-radius:40px!important;font-size:.85rem!important;font-weight:500!important}#orderSuccessModal .modal-actions .btn-outline{background:var(--gray-400)!important;border:none!important;color:var(--text-main)!important}#orderSuccessModal .modal-actions .btn-primary{background:var(--primary-dark)!important;color:#fff!important;border:none!important}@media (max-width: 640px){#cartView .cart-items-list{gap:4px!important;max-width:100%!important;padding:0 4px!important}#cartView .cart-item{padding:var(--spacing-xs)!important;height:auto!important}#cartView .cart-item-name{font-size:.7rem!important;white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;min-height:auto!important}#cartView .cart-item-price{font-size:.7rem!important}#cartView .quantity-btn{min-width:36px!important;min-height:36px!important;width:36px!important;height:36px!important;font-size:14px!important}#cartView .btn-note{min-width:36px!important;min-height:36px!important;width:36px!important;height:36px!important}#cartView .btn-note .material-symbols-outlined{font-size:16px!important}#cartView .remove-item{min-width:36px!important;min-height:36px!important;width:36px!important;height:36px!important;font-size:18px!important}#cartView .delivery-section,#cartView .summary-section{margin:var(--spacing-sm) auto!important;max-width:100%!important}#cartView .cart-discount-incentive{font-size:.6rem!important;padding:3px 6px!important}.payment-buttons-group{flex-direction:column!important;gap:8px!important}.payment-btn-online,.payment-btn-cod{width:100%!important}#cartView .checkout-action{max-width:100%!important}}@media (min-width: 1025px){#cartView .view-header .btn-back:hover{background:var(--bg-hover)!important}#cartView .cart-item:hover{transform:translateY(-2px)!important;box-shadow:var(--shadow-lg)!important}#cartView .quantity-btn:hover{background:var(--primary-dark)!important;color:#fff!important}#cartView .remove-item:hover{background:#ef44441a!important;transform:scale(1.05)!important}#cartView .btn-note:hover{background:#10b9811a!important;color:var(--primary-dark)!important;transform:scale(1.05)!important}#cartView #useLocationBtn:hover{background:var(--gray-500)!important}.payment-btn-online:hover{background:var(--primary-hover)!important}.payment-btn-cod:hover:not(:disabled){background:var(--gray-500)!important;border-color:var(--gray-500)!important;color:var(--text-main)!important}#cartView .empty-cart .btn:hover{background:var(--primary-hover)!important}#productNoteModal .modal-footer .btn-outline:hover{background:var(--gray-500)!important;color:var(--text-main)!important;transform:scale(1.02)!important}#productNoteModal .modal-footer .btn-primary:hover{background:var(--primary-hover)!important;transform:scale(1.02)!important}#orderSuccessModal .modal-actions .btn-outline:hover{background:var(--gray-500)!important;color:var(--text-main)!important}#orderSuccessModal .modal-actions .btn-primary:hover{background:var(--primary-hover)!important}#cartView .cart-items-list{grid-template-columns:1fr!important;max-width:600px!important;padding:0 16px!important;gap:12px!important}#cartView .cart-item{display:flex!important;flex-direction:row!important;gap:var(--spacing-md)!important;padding:var(--spacing-md)!important;overflow:hidden!important}#cartView .cart-item-image{width:100px!important;height:100px!important;flex-shrink:0!important;aspect-ratio:1!important}#cartView .cart-item-details{flex:1!important;min-width:0!important}#cartView .delivery-section,#cartView .summary-section,#cartView .checkout-action{max-width:600px!important}}#profileView{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;height:100dvh!important;background:var(--bg-main)!important;z-index:var(--z-fullscreen-modal)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}#profileView[style*="display: none"]{display:none!important}#profileView .view-header{flex-shrink:0!important;display:flex!important;align-items:center!important;padding:calc(var(--spacing-md) + env(safe-area-inset-top,0)) var(--spacing-lg) var(--spacing-md)!important;background:var(--bg-card)!important;border-bottom:1px solid var(--border-color)!important;position:sticky!important;top:0!important;z-index:10!important}#profileView .view-header .btn-back{background:transparent!important;border:none!important;width:40px!important;height:40px!important;border-radius:50%!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;color:var(--text-secondary)!important;flex-shrink:0!important}#profileView .view-header h2{margin:0 0 0 8px!important;font-size:var(--text-lg)!important;font-weight:600!important;color:var(--text-main)!important}#profileView .view-body{flex:1 1 auto!important;padding:0!important;padding-bottom:calc(100px + env(safe-area-inset-bottom,0))!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;height:100%!important;min-height:0!important}.settings-body{background:var(--bg-card)!important;padding:0!important;overflow-x:hidden!important}#dashboardConnectedSection{display:flex!important;flex-direction:column!important;height:100%!important;min-height:calc(100vh - 80px)!important;overflow-x:hidden!important}.profile-welcome{padding:32px 20px 24px!important;border-bottom:none!important;overflow-x:hidden!important;background:var(--bg-card)!important;border-radius:0 0 24px 24px!important;margin:0 auto!important;position:relative!important;max-width:640px!important;width:100%!important}.profile-welcome:before{display:none!important}.profile-welcome h3{font-size:1.4rem!important;font-weight:700!important;color:var(--text-main)!important;margin-bottom:4px!important;position:relative!important;z-index:1!important}.profile-welcome .profile-email{font-size:.9rem!important;font-weight:600!important;color:var(--text-secondary)!important;position:relative!important;z-index:1!important}.profile-welcome .material-symbols-outlined{color:var(--text-secondary)!important;font-size:20px!important;vertical-align:middle!important}.profile-settings-list{display:flex!important;flex-direction:column!important;margin-top:12px!important;overflow-x:hidden!important;max-width:640px!important;margin-left:auto!important;margin-right:auto!important;width:100%!important;padding:0 8px!important}.settings-item{display:flex!important;align-items:center!important;gap:16px!important;padding:14px 20px!important;background:var(--bg-card)!important;border-bottom:none!important;cursor:pointer!important;overflow:hidden!important;max-width:100%!important;width:100%!important}.settings-icon{width:32px!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.settings-icon .material-symbols-outlined{font-size:24px!important;color:var(--text-secondary)!important}.settings-content{flex:1!important;min-width:0!important}.settings-title{font-size:1rem!important;font-weight:500!important;color:var(--text-main)!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.settings-arrow{color:var(--text-secondary)!important;font-size:20px!important;flex-shrink:0!important}.dark-mode-item{display:none!important}.auth-container{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:var(--spacing-lg)!important;min-height:auto!important;width:100%!important;overflow-x:hidden!important}.auth-card{background:var(--bg-card)!important;border-radius:var(--radius-xl)!important;padding:var(--spacing-xl)!important;width:100%!important;max-width:460px!important;box-shadow:var(--shadow-lg)!important;overflow:hidden!important}.auth-logo-small{text-align:center!important;margin-bottom:var(--spacing-md)!important}.auth-logo-small img{border-radius:12px!important}.auth-title{font-size:var(--text-2xl)!important;font-weight:700!important;text-align:center!important;margin-bottom:var(--spacing-xl)!important;color:var(--text-main)!important}.terms-section{margin:16px 0!important;display:flex!important;align-items:flex-start!important;gap:12px!important}.terms-section input[type=checkbox]{width:18px!important;height:18px!important;margin-top:2px!important;cursor:pointer!important;flex-shrink:0!important}.terms-section label{font-size:.8rem!important;color:var(--text-secondary)!important;line-height:1.4!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.terms-section a{color:var(--primary-dark)!important;text-decoration:none!important}#saveProfileBtn{padding:6px 12px!important;font-size:1rem!important;min-width:120px!important}#privacyModal .modal-body .info-section h4{color:var(--text-main)!important}#privacyModal .modal-body .info-section p{color:var(--text-secondary)!important}@media (min-width: 1024px){.settings-item{max-width:100%!important;margin:0!important;width:100%!important}.profile-welcome{max-width:600px!important;margin:0 auto!important;width:100%!important;border-radius:0 0 24px 24px!important}.profile-settings-list{max-width:600px!important;padding:0 16px!important}}@media (max-width: 640px){.profile-welcome{padding:20px 16px!important;border-radius:0!important;max-width:100%!important}.profile-welcome h3{font-size:1.2rem!important}.profile-welcome .profile-email{font-size:.8rem!important}.settings-item{padding:12px 16px!important}.settings-title{font-size:.9rem!important}.auth-card{padding:var(--spacing-lg)!important}.profile-settings-list{max-width:100%!important;padding:0 4px!important}}#profileFormModal.modal-overlay{background:#0009!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important}#profileFormModal .modal-content{background:var(--bg-card)!important;border-radius:12px!important;overflow:hidden!important;max-width:400px!important;width:90%!important;margin:0 auto!important;box-shadow:var(--shadow-2xl)!important}#profileFormModal .modal-header{background:var(--bg-card)!important;border-bottom:1px solid var(--border-color)!important;padding:16px 20px!important;display:flex!important;justify-content:space-between!important;align-items:center!important}#profileFormModal .modal-header h3{color:var(--text-main)!important;font-size:1.1rem!important;font-weight:600!important;margin:0!important}#profileFormModal .modal-header .modal-close{background:transparent!important;border:none!important;font-size:24px!important;cursor:pointer!important;color:var(--text-secondary)!important;padding:0!important;width:32px!important;height:32px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important}#profileFormModal .modal-body{padding:20px!important}#profileFormModal .profile-edit-form{display:flex!important;flex-direction:column!important;gap:12px!important}#profileFormModal .profile-edit-form .input-group{position:relative!important;width:100%!important;margin-bottom:0!important}#profileFormModal .profile-edit-form .input-group .input-icon{position:absolute!important;left:14px!important;top:50%!important;transform:translateY(-50%)!important;color:var(--text-secondary)!important;font-size:20px!important;pointer-events:none!important;z-index:1!important}#profileFormModal .profile-edit-form .input-group input{width:100%!important;padding:12px 16px 12px 46px!important;border:1.5px solid var(--border-color)!important;border-radius:8px!important;font-size:.9rem!important;background:var(--bg-card)!important;color:var(--text-main)!important;outline:none!important}#profileFormModal .profile-edit-form .input-group input:focus{border-color:var(--primary-dark)!important}#profileFormModal .profile-edit-form .input-group input::placeholder{color:var(--text-secondary)!important}#profileFormModal .modal-footer{padding:16px 20px 20px!important;border-top:1px solid var(--border-color)!important;display:flex!important;gap:12px!important;justify-content:flex-end!important}#profileFormModal .modal-footer .btn-outline{background:var(--gray-400)!important;border:none!important;color:var(--text-main)!important;padding:10px 24px!important;border-radius:40px!important;font-size:.85rem!important;font-weight:500!important;cursor:pointer!important;min-width:100px!important}#profileFormModal .modal-footer .btn-primary{background:var(--primary-dark)!important;border:none!important;color:#fff!important;padding:10px 24px!important;border-radius:40px!important;font-size:.85rem!important;font-weight:500!important;cursor:pointer!important;min-width:100px!important}#deleteAccountConfirmModal.modal-overlay{background:#0009!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important}#deleteAccountConfirmModal .modal-content{background:var(--bg-card)!important;border-radius:12px!important;overflow:hidden!important;max-width:400px!important;width:90%!important;margin:0 auto!important;box-shadow:var(--shadow-2xl)!important}#deleteAccountConfirmModal .modal-header{background:var(--bg-card)!important;border-bottom:1px solid var(--border-color)!important;padding:16px 20px!important;text-align:center!important}#deleteAccountConfirmModal .modal-header h3{color:var(--danger)!important;font-size:1.1rem!important;font-weight:600!important;margin:0!important;text-align:center!important}#deleteAccountConfirmModal .modal-body{padding:20px!important;text-align:center!important}#deleteAccountConfirmModal .modal-body p{color:var(--text-secondary)!important;font-size:.9rem!important;line-height:1.5!important;margin:0!important}#deleteAccountConfirmModal .modal-actions{padding:16px 20px 20px!important;border-top:1px solid var(--border-color)!important;display:flex!important;gap:12px!important;justify-content:center!important}#deleteAccountConfirmModal .modal-actions .btn-outline{background:var(--gray-400)!important;border:none!important;color:var(--text-main)!important;padding:10px 24px!important;border-radius:40px!important;font-size:.85rem!important;font-weight:500!important;cursor:pointer!important;flex:1!important;min-width:100px!important}#deleteAccountConfirmModal .modal-actions .btn-danger{background:var(--danger)!important;border:none!important;color:#fff!important;padding:10px 24px!important;border-radius:40px!important;font-size:.85rem!important;font-weight:500!important;cursor:pointer!important;flex:1!important;min-width:100px!important}#confirmModal.modal-overlay{background:#0009!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important}#confirmModal .modal-content{background:var(--bg-card)!important;border-radius:12px!important;overflow:hidden!important;max-width:350px!important;width:90%!important;margin:0 auto!important;box-shadow:var(--shadow-2xl)!important}#confirmModal .modal-header{background:var(--bg-card)!important;border-bottom:1px solid var(--border-color)!important;padding:16px 20px!important;text-align:center!important}#confirmModal .modal-header h3{color:var(--text-main)!important;font-size:1.1rem!important;font-weight:600!important;margin:0!important;text-align:center!important}#confirmModal .modal-body{padding:20px!important;text-align:center!important}#confirmModal .modal-body p{color:var(--text-secondary)!important;font-size:.9rem!important;line-height:1.5!important;margin:0!important}#confirmModal .modal-actions{padding:16px 20px 20px!important;border-top:1px solid var(--border-color)!important;display:flex!important;gap:12px!important;justify-content:center!important}#confirmModal .modal-actions .btn-outline{background:var(--gray-400)!important;border:none!important;color:var(--text-main)!important;padding:10px 24px!important;border-radius:40px!important;font-size:.85rem!important;font-weight:500!important;cursor:pointer!important;flex:1!important;min-width:100px!important}#confirmModal .modal-actions .btn-danger{background:var(--danger)!important;border:none!important;color:#fff!important;padding:10px 24px!important;border-radius:40px!important;font-size:.85rem!important;font-weight:500!important;cursor:pointer!important;flex:1!important;min-width:100px!important}.guide-modal-content{max-width:800px!important;width:90%!important;border-radius:28px!important;overflow:hidden!important;background:var(--bg-card)!important}.guide-modal-body{padding:0 20px 20px!important}#guideVideo{width:100%!important;max-height:50vh!important;object-fit:contain!important;border-radius:12px!important;outline:none!important;background:#000!important}@media (max-width: 640px){.guide-modal-content{width:95%!important}.guide-modal-body{padding:0 12px 16px!important}#guideVideo{max-height:40vh!important}}@media (min-width: 1025px){#profileView .view-header .btn-back:hover,.settings-item:hover{background:var(--bg-hover)!important}.terms-section a:hover{text-decoration:underline!important}#profileFormModal .modal-header .modal-close:hover{background:var(--bg-hover)!important}#profileFormModal .modal-footer .btn-outline:hover{background:var(--gray-500)!important;color:var(--text-main)!important;transform:scale(1.02)!important}#profileFormModal .modal-footer .btn-primary:hover{background:var(--primary-hover)!important;transform:scale(1.02)!important}#deleteAccountConfirmModal .modal-actions .btn-outline:hover{background:var(--gray-500)!important;color:var(--text-main)!important;transform:scale(1.02)!important}#deleteAccountConfirmModal .modal-actions .btn-danger:hover{background:var(--danger-hover)!important;transform:scale(1.02)!important}#confirmModal .modal-actions .btn-outline:hover{background:var(--gray-500)!important;color:var(--text-main)!important;transform:scale(1.02)!important}#confirmModal .modal-actions .btn-danger:hover{background:var(--danger-hover)!important;transform:scale(1.02)!important}}#ordersView{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;height:100dvh!important;background:var(--bg-main);z-index:var(--z-fullscreen-modal);display:flex!important;flex-direction:column!important;overflow:hidden!important}#ordersView[style*="display: none"]{display:none!important}#ordersView .view-header{display:flex!important;align-items:center!important;padding:var(--spacing-md) var(--spacing-lg)!important;padding-top:calc(var(--spacing-md) + env(safe-area-inset-top,0))!important;background:var(--bg-card)!important;border-bottom:1px solid var(--border-color)!important;flex-shrink:0!important;position:sticky!important;top:0!important;z-index:10!important}#ordersView .view-header .btn-back{background:transparent!important;border:none!important;width:40px!important;height:40px!important;border-radius:50%!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;color:var(--text-secondary)!important;flex-shrink:0!important}#ordersView .view-header h2{margin:0 0 0 8px!important;font-size:var(--text-lg)!important;font-weight:600!important;color:var(--text-main)!important}#ordersView .view-header .header-avatar{display:none!important}#ordersView .view-header .btn-refresh-orders{background:none!important;border:none!important;color:var(--primary-dark)!important;width:40px!important;height:40px!important;border-radius:50%!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;margin-right:4px!important;transition:all .3s ease!important}#ordersView .view-header .btn-refresh-orders .material-symbols-outlined{font-size:22px!important}.btn-refresh-orders.spinning .material-symbols-outlined{animation:spin 1s linear infinite!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#ordersView .view-header .btn-refresh-orders:disabled{opacity:.5!important;cursor:not-allowed!important}#ordersView .view-header .btn-clear-orders{background:none!important;border:none!important;color:var(--danger)!important;width:40px!important;height:40px!important;border-radius:50%!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;margin-left:auto!important}#ordersView .view-header .btn-clear-orders .material-symbols-outlined{font-size:22px!important}#ordersView .view-body{flex:1 1 auto!important;overflow-y:auto!important;overflow-x:hidden!important;padding:8px 4px!important;padding-bottom:calc(100px + env(safe-area-inset-bottom,0))!important;-webkit-overflow-scrolling:touch!important;height:100%!important;min-height:0!important}.order-unread{background:#10b9811a!important;border-left:3px solid var(--primary-dark)!important;position:relative!important}.order-unread:before{content:"●"!important;position:absolute!important;top:12px!important;right:12px!important;color:var(--primary-dark)!important;font-size:25px!important}#ordersView .orders-list,#ordersView .orders-grid{display:flex!important;flex-direction:column!important;gap:4px!important;margin:0 auto!important;max-width:640px!important;width:100%!important;padding:0 8px!important}#ordersView .order-card{background:var(--bg-card)!important;border-radius:5px!important;padding:16px!important;cursor:pointer!important;box-shadow:var(--shadow-md)!important;border:none!important;width:100%!important;max-width:100%!important;margin:0 auto!important}#ordersView .order-card:active{transform:scale(.98)!important}@media (min-width: 1025px){#ordersView .orders-list,#ordersView .orders-grid{max-width:600px!important;padding:0 16px!important}}@media (max-width: 640px){#ordersView .orders-list,#ordersView .orders-grid{max-width:100%!important;padding:0 4px!important}}#ordersView .order-header{display:flex!important;justify-content:space-between!important;margin-bottom:12px!important;font-size:13px!important;flex-wrap:wrap!important;gap:4px!important}#ordersView .order-id{font-weight:600!important;color:var(--text-main)!important;word-wrap:break-word!important;overflow-wrap:break-word!important}#ordersView .order-date{color:var(--text-main)!important;flex-shrink:0!important}#ordersView .order-delivery-info{display:flex!important;align-items:center!important;gap:8px!important;margin-bottom:10px!important;font-size:13px!important;flex-wrap:wrap!important;color:var(--text-main)!important}#ordersView .order-delivery-info .material-symbols-outlined{font-size:16px!important;color:var(--text-secondary)!important}#ordersView .order-address{color:var(--text-main)!important;font-size:12px!important;word-break:break-word!important}#ordersView .order-items-summary{display:flex!important;align-items:center!important;gap:8px!important;margin-bottom:10px!important;font-size:13px!important;color:var(--text-main)!important}#ordersView .order-items-summary .material-symbols-outlined{font-size:16px!important;color:var(--text-secondary)!important}#ordersView .order-items-summary span:last-child{color:var(--text-main)!important}#ordersView .order-total{font-weight:700!important;font-size:15px!important;margin-bottom:10px!important;color:var(--text-main)!important}#ordersView .order-status{display:flex!important;align-items:center!important;gap:6px!important;font-size:13px!important}#ordersView .order-status .material-symbols-outlined{font-size:16px!important}#ordersView .order-status.paid,#ordersView .order-status[data-status=paid]{color:#10b981!important;font-weight:600!important}#ordersView .order-status.paid .material-symbols-outlined,#ordersView .order-status[data-status=paid] .material-symbols-outlined{color:#10b981!important}#ordersView .order-status.pending,#ordersView .order-status[data-status=pending],#ordersView .order-status.pending-cod,#ordersView .order-status[data-status=pending_cod]{color:#f59e0b!important;font-weight:500!important}#ordersView .order-status.pending .material-symbols-outlined,#ordersView .order-status[data-status=pending] .material-symbols-outlined,#ordersView .order-status.pending-cod .material-symbols-outlined,#ordersView .order-status[data-status=pending_cod] .material-symbols-outlined{color:#f59e0b!important}#ordersView .order-status.cancelled,#ordersView .order-status[data-status=cancelled]{color:var(--danger)!important;font-weight:500!important}#ordersView .order-status.cancelled .material-symbols-outlined,#ordersView .order-status[data-status=cancelled] .material-symbols-outlined{color:var(--danger)!important}.modal-content{background:var(--bg-card)!important}.modal-header{border-bottom:none!important}.modal-header h3{color:var(--text-main)!important}.modal-body{color:var(--text-secondary)!important}.modal-body strong{color:var(--text-main)!important}.modal-body .order-items-list{border-left:2px solid var(--primary-dark)!important;padding-left:12px!important;margin:8px 0!important}.order-item{display:flex!important;justify-content:space-between!important;font-size:var(--text-sm)!important;margin-bottom:4px!important;color:var(--text-secondary)!important}.modal-close{color:var(--text-secondary)!important}.empty-state{text-align:center!important;padding:40px!important;color:var(--text-secondary)!important}@media (max-width: 640px){#ordersView .orders-list,#ordersView .orders-grid{gap:4px!important}}.orders-limit-banner{background:#f59e0b26!important;border-left:4px solid #F59E0B!important;border-radius:12px!important;padding:12px 16px!important;margin-bottom:16px!important;display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important;max-width:640px!important;margin-left:auto!important;margin-right:auto!important}.orders-limit-banner .material-symbols-outlined{color:#f59e0b!important;font-size:24px!important}.orders-limit-banner .banner-content{flex:1!important}.orders-limit-banner .banner-content strong{color:#f59e0b!important;font-size:.85rem!important}.orders-limit-banner .banner-content p{color:var(--text-secondary)!important;font-size:.75rem!important;margin-top:4px!important}.banner-clear-btn{background:var(--danger)!important;border:none!important;color:#fff!important;padding:8px 16px!important;border-radius:40px!important;font-size:.75rem!important;font-weight:600!important;cursor:pointer!important;display:flex!important;align-items:center!important;gap:6px!important}.banner-clear-btn .material-symbols-outlined{font-size:16px!important;color:#fff!important}.orders-hidden-warning{background:#64748b26!important;border-radius:12px!important;padding:10px 16px!important;margin-bottom:16px!important;display:flex!important;align-items:center!important;gap:10px!important;font-size:.75rem!important;color:var(--text-secondary)!important;max-width:640px!important;margin-left:auto!important;margin-right:auto!important}.orders-hidden-warning .material-symbols-outlined{font-size:18px!important;color:#64748b!important}#ordersView .order-card{border:none!important;box-shadow:var(--shadow-md)!important}@media (min-width: 1025px){#ordersView .view-header .btn-back:hover{background:var(--bg-hover)!important}#ordersView .view-header .btn-refresh-orders:hover{background:#10b98126!important;transform:rotate(60deg)!important}#ordersView .view-header .btn-clear-orders:hover{background:#ef444433!important;transform:scale(1.05)!important}#ordersView .order-card:hover{transform:translateY(-2px)!important;box-shadow:var(--shadow-lg)!important}.banner-clear-btn:hover{background:var(--danger-hover)!important;transform:scale(1.02)!important}.modal-close:hover{background:var(--bg-hover)!important}}#chatView{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;height:100dvh!important;background:var(--bg-card)!important;z-index:1300!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}#chatView[style*="display: none"]{display:none!important}#chatView .view-header{display:flex!important;align-items:center!important;gap:8px!important;padding:var(--spacing-md) var(--spacing-lg)!important;padding-top:calc(var(--spacing-md) + env(safe-area-inset-top,0))!important;background:var(--bg-card)!important;border-bottom:1px solid var(--border-color)!important;flex-shrink:0!important;z-index:10!important;position:sticky!important;top:0!important}#chatView .view-header .btn-back{background:transparent!important;border:none!important;width:40px!important;height:40px!important;border-radius:50%!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;color:var(--text-secondary)!important;flex-shrink:0!important}#chatView .view-header h2{margin:0!important;flex:1!important;font-size:var(--text-lg)!important;font-weight:600!important;color:var(--text-main)!important}#chatView .view-header .header-avatar{display:none!important}#clearChatHistoryBtn,.btn-clear-chat{background:none!important;border:none!important;color:var(--danger)!important;width:40px!important;height:40px!important;border-radius:50%!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;margin-left:auto!important}#clearChatHistoryBtn:active,.btn-clear-chat:active{transform:scale(.98)!important}#clearChatHistoryBtn .material-symbols-outlined,.btn-clear-chat .material-symbols-outlined{font-size:22px!important}#chatView .view-body{flex:1!important;overflow-y:auto!important;overflow-x:hidden!important;padding:0!important;display:flex!important;flex-direction:column!important;-webkit-overflow-scrolling:touch!important}.chat-messages-list{flex:1!important;overflow-y:auto!important;overflow-x:hidden!important;display:flex!important;flex-direction:column!important;gap:8px!important;padding:16px!important;background:var(--bg-card)!important;width:100%!important;max-width:640px!important;margin:0 auto!important;-webkit-overflow-scrolling:touch!important}.chat-message-user{display:flex!important;justify-content:flex-end!important;max-width:100%!important}.message-content-user{max-width:85%!important;text-align:right!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.message-content-user .message-text{background:var(--primary-dark)!important;color:#fff!important;padding:10px 14px!important;border-radius:18px 18px 4px!important;font-size:.85rem!important;line-height:1.4!important;word-wrap:break-word!important;overflow-wrap:break-word!important;white-space:normal!important;display:inline-block!important;max-width:100%!important}.chat-message-admin{display:flex!important;justify-content:flex-start!important;max-width:100%!important}.message-content-admin{max-width:85%!important;text-align:left!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.message-content-admin .message-text{background:var(--gray-400)!important;color:var(--text-main)!important;padding:10px 14px!important;border-radius:18px 18px 18px 4px!important;font-size:.85rem!important;line-height:1.4!important;word-wrap:break-word!important;overflow-wrap:break-word!important;white-space:normal!important;display:inline-block!important;max-width:100%!important}.chat-message-system{display:flex!important;justify-content:center!important;margin:8px 0!important;max-width:100%!important}.message-content-system{max-width:90%!important;text-align:center!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.message-content-system .message-text{background:var(--gray-300)!important;color:var(--text-secondary)!important;padding:8px 16px!important;border-radius:20px!important;font-size:.75rem!important;font-style:italic!important;line-height:1.3!important;word-wrap:break-word!important;overflow-wrap:break-word!important;white-space:normal!important;display:inline-block!important;max-width:100%!important}.message-time{font-size:.6rem!important;color:var(--text-secondary)!important;margin-top:4px!important;display:block!important}.message-content-user .message-time{text-align:right!important}.message-content-admin .message-time{text-align:left!important}.message-content-system .message-time{text-align:center!important}.chat-input-container{flex-shrink:0!important;display:flex!important;gap:10px!important;padding:12px 16px!important;padding-bottom:calc(12px + env(safe-area-inset-bottom,0))!important;background:var(--bg-card)!important;border-top:1px solid var(--border-color)!important;z-index:1250!important;position:sticky!important;bottom:0!important;max-width:640px!important;margin:0 auto!important;width:100%!important}.chat-input-container input{flex:1!important;padding:12px 16px!important;border:1.5px solid var(--border-color)!important;border-radius:40px!important;background:var(--bg-card)!important;color:var(--text-main)!important;font-size:.9rem!important;outline:none!important;min-height:44px!important}.chat-input-container input:focus{border-color:var(--border-color)!important;outline:none!important}.chat-input-container input::placeholder{color:var(--text-secondary)!important;font-size:.85rem!important}.chat-input-container button{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;border-radius:50%!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;background:var(--primary-dark)!important;color:#fff!important;border:none!important;cursor:pointer!important;flex-shrink:0!important}.chat-input-container button:active{transform:scale(.95)!important}.chat-messages-list::-webkit-scrollbar{width:4px!important}.chat-messages-list::-webkit-scrollbar-track{background:var(--gray-300)!important;border-radius:4px!important}.chat-messages-list::-webkit-scrollbar-thumb{background:var(--primary-dark)!important;border-radius:4px!important}.empty-state{text-align:center!important;padding:var(--spacing-2xl)!important;color:var(--text-secondary)!important}.empty-state .material-symbols-outlined{font-size:48px!important;color:var(--text-secondary)!important;margin-bottom:var(--spacing-md)!important}.empty-state h3{margin-bottom:var(--spacing-sm)!important;color:var(--text-secondary)!important}.empty-state p{font-size:var(--text-sm)!important}.empty-state .btn{margin-top:var(--spacing-lg)!important}@media (max-width: 640px){.message-content-user,.message-content-admin{max-width:90%!important}.message-content-user .message-text,.message-content-admin .message-text{font-size:.8rem!important;padding:8px 12px!important}.chat-messages-list{max-width:100%!important;padding:12px 8px!important}.chat-input-container{padding:10px 12px!important;padding-bottom:calc(10px + env(safe-area-inset-bottom,0))!important;max-width:100%!important}.chat-input-container input{padding:10px 14px!important;font-size:.85rem!important;min-height:40px!important}.chat-input-container input::placeholder{font-size:.8rem!important}.chat-input-container button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}#clearChatHistoryBtn,.btn-clear-chat{padding:6px!important}#clearChatHistoryBtn .material-symbols-outlined,.btn-clear-chat .material-symbols-outlined{font-size:20px!important}}@media (min-width: 641px) and (max-width: 1024px){.chat-messages-list{max-width:100%!important;padding:16px!important}.chat-input-container{padding:14px 20px!important;padding-bottom:calc(14px + env(safe-area-inset-bottom,0))!important;max-width:100%!important}.chat-input-container input{padding:14px 18px!important;font-size:1rem!important;min-height:48px!important}.chat-input-container button{width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important}.message-content-user,.message-content-admin{max-width:80%!important}.message-content-user .message-text,.message-content-admin .message-text{font-size:.9rem!important;padding:10px 16px!important}}@media (min-width: 1025px){#chatView .view-header{padding:var(--spacing-lg) var(--spacing-xl)!important;padding-top:calc(var(--spacing-lg) + env(safe-area-inset-top,0))!important}#chatView .view-header .btn-back:hover{background:var(--bg-hover)!important}#clearChatHistoryBtn:hover,.btn-clear-chat:hover{background:#ef444433!important;transform:scale(1.05)!important}.chat-input-container button:hover{background:var(--primary-hover)!important}.chat-messages-list{padding:24px!important;max-width:600px!important;margin:0 auto!important;width:100%!important}.chat-input-container{padding:16px 24px!important;padding-bottom:calc(16px + env(safe-area-inset-bottom,0))!important;max-width:600px!important;margin:0 auto!important;width:100%!important}#chatView{background:var(--bg-main)!important}#chatView .view-body{background:var(--bg-main)!important;display:flex!important;flex-direction:column!important;align-items:center!important}.chat-messages-list,.chat-input-container{background:var(--bg-card)!important;border-left:1px solid var(--border-color)!important;border-right:1px solid var(--border-color)!important}.message-content-user,.message-content-admin{max-width:70%!important}.message-content-user .message-text,.message-content-admin .message-text{font-size:.95rem!important;padding:12px 18px!important}}@media (min-width: 1024px){body{padding-bottom:0;display:flex;min-height:100vh}.bottom-nav{position:fixed;left:0;top:0;bottom:0;width:190px;flex-direction:column;justify-content:flex-start;gap:4px;padding:24px 12px;background:var(--bg-card);border-right:1px solid var(--border-color);z-index:var(--z-bottom-nav);overflow-x:hidden}.sidebar-logo{display:flex;justify-content:center;margin-bottom:24px;padding:8px 0}.sidebar-logo svg{width:36px;height:36px}.sidebar-logo-text{font-size:1rem;font-weight:700;color:var(--primary-dark);margin-left:8px;white-space:nowrap}.sidebar-logo-container{display:flex;align-items:center;justify-content:center;gap:8px;padding:0}.nav-item{flex-direction:row;justify-content:flex-start;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-lg);width:100%;font-size:var(--text-sm);transition:all .2s ease;white-space:nowrap;position:relative}.nav-item .material-symbols-outlined{font-size:22px;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.nav-item.active{background:var(--bg-hover);color:var(--primary-dark)}.nav-item.active:after{display:none}.nav-item:hover{background:var(--bg-hover)}.nav-badge{position:static;transform:none;margin-left:auto}.view-container,.fullscreen-modal{margin-left:180px;width:calc(100% - 180px);min-height:100vh}.view-header{padding:var(--spacing-md) var(--spacing-lg)}.view-header h2{flex:1;text-align:center}.view-header .header-logo,#cartView .view-header .header-logo,#ordersView .view-header .header-logo,#chatView .view-header .header-logo,#profileView .view-header .header-logo{display:none!important}#cartView,#ordersView,#chatView,#profileView,#productView{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;width:var(--desktop-panel-width)!important;max-width:var(--desktop-panel-width)!important;margin:0!important;background:var(--bg-card)!important;box-shadow:-2px 0 10px #0000001a;z-index:1100;border-radius:0;overflow-y:auto}#cartView .view-body,#ordersView .view-body,#chatView .view-body,#profileView .view-body{max-width:100%!important;margin:0!important;padding:var(--spacing-lg)!important}#cartView .cart-items-list{grid-template-columns:1fr!important;gap:12px!important;max-width:100%}#cartView .cart-item{display:flex;flex-direction:row;gap:var(--spacing-md);padding:var(--spacing-md)}#cartView .cart-item-image{width:100px;height:100px;flex-shrink:0;aspect-ratio:1}#cartView .cart-item-details{flex:1}#ordersView .orders-grid,#ordersView .orders-list{grid-template-columns:1fr!important;gap:8px!important}#chatView .chat-messages-list,#chatView .chat-input-container{max-width:100%}#profileView .view-body{max-width:100%!important;padding:var(--spacing-lg)!important}}@media (min-width: 1440px){.home-main{max-width:1400px}.bottom-nav{width:200px}.view-container,.fullscreen-modal{margin-left:200px;width:calc(100% - 200px)}#cartView,#ordersView,#chatView,#profileView,#productView{width:var(--desktop-panel-width-lg)!important;max-width:var(--desktop-panel-width-lg)!important}}