:root{--primary:#00d2ff;--primary-dark:#08c;--accent:#00f3ff;--dark:#111827;--dark-secondary:#1f2937;--light-bg:#f3f4f6;--white:#fff;--text-main:#1f2937;--text-muted:#6b7280;--border:#e5e7eb;--neon-glow:0 0 10px #00d2ff80, 0 0 20px #00f3ff4d}*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,Inter,sans-serif}body{background-color:var(--dark);color:var(--text-main);line-height:1.6;overflow-x:clip}a{color:inherit;text-decoration:none;transition:all .3s}ul{list-style:none}.app-wrapper{background-image:url(https://images.unsplash.com/photo-1598368195835-91e67f80c9d7?q=80&w=2000&auto=format&fit=crop);background-position:50%;background-size:cover;background-attachment:fixed;justify-content:center;align-items:flex-start;min-height:100vh;display:flex;position:relative}.app-wrapper:before{content:"";-webkit-backdrop-filter:blur(15px);z-index:0;background:#111827b3;position:absolute;inset:0}.mobile-container{background-color:var(--light-bg);z-index:1;width:100%;max-width:480px;min-height:100vh;position:relative;overflow-x:clip;box-shadow:0 0 30px #00000080}.mobile-padding{padding:0 1rem}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}.mt-10{margin-top:10px}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--accent));color:var(--dark);cursor:pointer;text-align:center;border:none;border-radius:50px;width:100%;padding:.8rem 1.5rem;font-weight:600;transition:all .3s;box-shadow:0 4px 6px #00d2ff33}.btn-primary-small{background:linear-gradient(135deg, var(--primary), var(--accent));color:var(--dark);cursor:pointer;border:none;border-radius:50px;padding:.4rem 1rem;font-size:.85rem;font-weight:600}.mobile-header{background:var(--white);z-index:1000;position:sticky;top:0;box-shadow:0 2px 10px #0000000d}.mobile-header-inner{justify-content:space-between;align-items:center;padding:1rem;display:flex}.hamburger-btn{color:var(--dark);cursor:pointer;background:0 0;border:none;font-size:1.5rem}.mobile-logo{color:var(--dark);align-items:center;gap:.5rem;font-size:1.2rem;font-weight:800;display:flex}.mobile-logo i{color:var(--primary);text-shadow:var(--neon-glow)}.cart-icon-btn{color:var(--dark);cursor:pointer;font-size:1.5rem;position:relative}.badge{background:var(--primary);color:var(--dark);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:-5px;right:-8px}.mobile-search-bar{padding:0 1rem 1rem}.search-input-wrapper{background:var(--light-bg);border:1px solid var(--border);border-radius:8px;display:flex;overflow:hidden}.search-input-wrapper input{background:0 0;border:none;outline:none;flex:1;padding:.8rem 1rem;font-size:.9rem}.search-input-wrapper button{background:var(--primary);color:var(--dark);cursor:pointer;border:none;padding:0 1.2rem}.mobile-city-selector{background:var(--dark-secondary);color:var(--white);justify-content:space-between;align-items:center;padding:.6rem 1rem;font-size:.85rem;display:flex}.mobile-city-selector i.fa-map-marker-alt{color:var(--primary);margin-right:8px}.drawer-overlay{z-index:1001;background:#00000080;position:fixed;inset:0}.drawer-menu{background:var(--white);z-index:1002;border-radius:20px;width:85%;max-width:340px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:15px;bottom:15px;left:15px;overflow-y:auto;transform:translate(calc(-100% - 20px));box-shadow:0 10px 40px #00000026}.drawer-menu.open{transform:translate(0)}.sidebar-item{cursor:pointer;border-radius:12px;align-items:center;gap:15px;margin:0 -10px;padding:8px 10px;transition:all .2s;display:flex}.sidebar-item:hover{background:#f3f4f6;transform:translate(5px)}.sidebar-item:active{transform:scale(.98)translate(5px)}.sidebar-divider{border-bottom:1px dashed #e5e7eb;margin:15px 0}.sidebar-cs-btn{border:1px solid #e5e7eb;border-radius:30px;justify-content:space-between;align-items:center;padding:12px 15px;text-decoration:none;transition:all .2s;display:flex}.sidebar-cs-btn:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 4px 10px #0000000d}.sidebar-cs-btn:active{transform:scale(.98)}.drawer-close{color:var(--white);cursor:pointer;background:0 0;border:none;font-size:1.5rem}.drawer-item{border-bottom:1px solid var(--border);color:var(--text-main);justify-content:space-between;padding:1rem 1.5rem;font-weight:500;display:flex}.drawer-item i{color:var(--primary-dark)}.mobile-hero{background-position:50%;background-size:cover;height:250px;position:relative}.mobile-hero-overlay{color:var(--white);background:linear-gradient(#11182733,#111827e6);flex-direction:column;justify-content:flex-end;padding:1.5rem;display:flex;position:absolute;inset:0}.mobile-hero-overlay h2{color:var(--accent);margin-bottom:.5rem;font-size:1.5rem}.features-scroll{scroll-snap-type:x mandatory;gap:1rem;padding:1.5rem 1rem;display:flex;overflow-x:auto}.features-scroll::-webkit-scrollbar{display:none}.feature-card-mobile{background:var(--white);text-align:center;scroll-snap-align:start;border-radius:12px;min-width:150px;padding:1rem;box-shadow:0 2px 5px #0000000d}.feature-card-mobile i{color:var(--primary);margin-bottom:.5rem;font-size:2rem}.feature-card-mobile h4{margin-bottom:.2rem;font-size:.9rem}.feature-card-mobile p{color:var(--text-muted);font-size:.75rem}.section-header{justify-content:space-between;align-items:center;margin:1.5rem 1rem 1rem;display:flex}.section-header h3{border-bottom:2px solid var(--primary);padding-bottom:4px;font-size:1.2rem}.view-all{color:var(--primary-dark);font-size:.85rem}.product-grid-mobile{grid-template-columns:repeat(2,1fr);gap:10px;padding:0 1rem;display:grid}.product-card-mobile{background:var(--white);border-radius:8px;overflow:hidden;box-shadow:0 2px 5px #0000000d}.product-image-mobile{width:100%;height:120px}.product-image-mobile img{object-fit:cover;width:100%;height:100%}.product-info-mobile{padding:.8rem}.product-info-mobile h4{white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:.85rem;overflow:hidden}.product-info-mobile .rating{color:#fbbf24;margin-bottom:6px;font-size:.65rem}.product-info-mobile .price{color:var(--primary-dark);margin-bottom:8px;font-size:.9rem;font-weight:700}.product-info-mobile button{width:100%;padding:.4rem}.how-to-order-mobile{background:var(--dark);color:var(--white);text-align:center;margin-top:2rem;padding:3rem 1rem}.how-to-order-mobile h3{color:var(--accent);margin-bottom:2rem}.steps-list{flex-direction:column;gap:1.5rem;display:flex}.step-item{text-align:left;background:#ffffff0d;border-radius:8px;align-items:center;gap:1rem;padding:1rem;display:flex}.step-item i{color:var(--primary);text-align:center;width:40px;font-size:1.8rem}.mobile-footer{background:var(--dark-secondary);color:var(--white);text-align:center;padding:2rem 1rem}.mobile-footer-logo{color:var(--accent);margin-bottom:1rem;font-size:1.2rem;font-weight:700}.mobile-footer-links{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2rem;font-size:.85rem;display:flex}.mobile-footer-links a{color:#9ca3af}.mobile-footer-bottom{color:#6b7280;border-top:1px solid #ffffff1a;padding-top:1rem;font-size:.8rem}.category-grid-wrapper{background:var(--white);z-index:10;border-radius:16px;margin-top:-30px;padding:1.5rem 1rem;position:relative;box-shadow:0 -10px 20px #00000005}.category-grid-title{color:var(--dark);align-items:center;gap:10px;margin-bottom:1rem;font-size:.95rem;font-weight:700;display:flex}.category-grid-title:after{content:"";border-bottom:2px dotted #e5e7eb;flex:1}.category-grid-5{grid-template-columns:repeat(5,1fr);gap:.5rem;display:grid}.category-item-box{background:var(--white);text-align:center;color:var(--dark);border:1px solid #00000005;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:.8rem .2rem;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 2px 8px #0000000f}.category-item-box:hover{border-color:#00d2ff4d;transform:translateY(-5px)scale(1.05);box-shadow:0 10px 20px #00d2ff26}.category-item-box:hover .category-item-icon{transform:scale(1.1)rotate(5deg)}.category-item-icon{color:var(--primary);margin-bottom:.5rem;font-size:1.5rem;transition:transform .3s}.category-item-text{font-size:.6rem;font-weight:600;line-height:1.2}.product-horizontal-scroll{scroll-snap-type:x mandatory;gap:1rem;padding:0 1rem 1rem;display:flex;overflow-x:auto}.product-horizontal-scroll::-webkit-scrollbar{display:none}.product-card-horizontal{background:var(--white);scroll-snap-align:start;border-radius:12px;min-width:250px;position:relative;overflow:hidden;box-shadow:0 2px 10px #0000000d}.product-card-horizontal img{object-fit:cover;width:100%;height:140px}.nav-arrow-left,.nav-arrow-right{width:30px;height:30px;color:var(--primary);z-index:2;cursor:pointer;background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 5px #0000001a}.nav-arrow-left{left:10px}.nav-arrow-right{right:10px}.bottom-nav-bar{background:var(--white);z-index:1000;border-radius:20px 20px 0 0;justify-content:space-around;align-items:center;width:100%;max-width:480px;padding:.8rem 0 1.2rem;display:flex;position:fixed;bottom:0;box-shadow:0 -2px 15px #00000014}.bottom-nav-item{color:var(--text-muted);flex-direction:column;align-items:center;gap:4px;width:20%;font-size:.65rem;font-weight:600;text-decoration:none;display:flex}.bottom-nav-item.active{color:var(--primary)}.bottom-nav-item i{font-size:1.2rem}.fab-chat-wrapper{justify-content:center;width:20%;display:flex;position:relative}.fab-chat{width:80px;height:80px;box-shadow:none;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;display:flex;position:absolute;bottom:-20px}.fab-chat img{object-fit:contain;filter:drop-shadow(0 4px 8px #0003);width:100%;height:100%}.fab-chat-label{color:var(--dark);font-size:.65rem;font-weight:700;position:absolute;bottom:-35px}@keyframes pulseGlow{0%{transform:scale(1);box-shadow:0 0 #00d2ffb3}50%{transform:scale(1.05);box-shadow:0 0 0 15px #00d2ff00}to{transform:scale(1);box-shadow:0 0 #00d2ff00}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRightFade{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.animate-pulse-glow{animation:2s ease-in-out infinite pulseGlow}.animate-fade-in-scale{animation:.6s cubic-bezier(.175,.885,.32,1.275) backwards fadeInScale}.animate-slide-down{animation:.8s ease-out backwards slideDownFade}.animate-slide-right{animation:.6s ease-out backwards slideRightFade}@keyframes slowZoom{0%{transform:scale(1)}to{transform:scale(1.15)}}.animate-slow-zoom{animation:7.5s ease-in-out infinite alternate slowZoom}.product-card-horizontal{transition:transform .3s,box-shadow .3s}.product-card-horizontal:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001a}.admin-page-title{color:var(--dark);margin-bottom:2rem;font-size:1.8rem;font-weight:800;display:inline-block;position:relative}.admin-page-title:after{content:"";background:linear-gradient(90deg, var(--primary), var(--accent));border-radius:2px;width:50%;height:4px;position:absolute;bottom:-8px;left:0}.admin-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffff80;border-radius:16px;padding:2rem;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 20px #00000008,0 1px 3px #00000005}.admin-card:hover{box-shadow:0 10px 30px #0000000d}.admin-card-title{color:var(--dark-secondary);align-items:center;gap:10px;margin-bottom:1.5rem;font-size:1.2rem;font-weight:700;display:flex}.admin-card-title i{color:var(--primary);background:#00d2ff1a;border-radius:8px;padding:8px}.admin-form-group{margin-bottom:1.5rem}.admin-label{color:var(--text-main);margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.admin-input{border:1px solid var(--border);width:100%;color:var(--dark);background:#f9fafb;border-radius:10px;outline:none;padding:12px 16px;font-size:.95rem;transition:all .3s}.admin-input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #00d2ff26}.admin-btn-primary{background:linear-gradient(135deg, var(--primary), var(--accent));color:var(--dark);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 4px 10px #00d2ff33}.admin-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 15px #00d2ff4d}.admin-btn-primary:active{transform:translateY(0)}.admin-btn-danger{color:#dc2626;cursor:pointer;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.admin-btn-danger:hover{color:#fff;background:#f87171;border-color:#ef4444}.admin-table-wrapper{border:1px solid var(--border);border-radius:12px;overflow-x:auto}.admin-table{border-collapse:separate;border-spacing:0;width:100%}.admin-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border);background:#f9fafb;padding:1rem;font-size:.85rem;font-weight:600}.admin-table td{border-bottom:1px solid var(--border);color:var(--text-main);vertical-align:middle;padding:1rem}.admin-table tr:last-child td{border-bottom:none}.admin-table tbody tr{transition:background-color .2s}.admin-table tbody tr:hover{background-color:#f9fafb}.admin-grid-layout{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;display:grid}