:root{--primary-color: #6366f1;--primary-dark: #4f46e5;--primary-light: #818cf8;--secondary-color: #f59e0b;--accent-color: #ec4899;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--background-color: #f8fafc;--surface-color: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--border-color: #e2e8f0;--shadow-color: rgba(0, 0, 0, .1);--gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-secondary: linear-gradient(135deg, #f59e0b 0%, #f97316 100%);--gradient-accent: linear-gradient(135deg, #ec4899 0%, #f43f5e 100%);--navbar-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #ec4899 100%)}html{font-size:16px;box-sizing:border-box}body{margin:0;padding:0;font-family:Roboto,sans-serif;color:var(--text-primary);background-color:var(--background-color)}*,*:before,*:after{box-sizing:inherit}@media (max-width: 375px){html{font-size:15px}}body{max-width:768px;margin:0 auto}.main-content-wrapper{width:100%;max-width:768px;margin:0 auto;box-shadow:0 0 10px #0000001a}@media (max-width: 768px){body{max-width:100%;padding:0;margin:0}.main-content-wrapper{max-width:100%;box-shadow:none}.top-navbar{padding:10px 12px!important}.top-navbar .nav-item{padding:4px 6px!important;font-size:.9rem!important}.top-navbar .material-icons{font-size:1.3rem!important}.top-navbar .center-item .title-link{font-size:1.1rem!important}.bottom-navbar{padding:8px 0!important}.bottom-navbar .nav-item{padding:4px 2px!important;font-size:.75rem!important}.bottom-navbar .material-icons{font-size:1.3rem!important;margin-bottom:2px!important}.checkout-banner{padding:10px 12px!important;bottom:60px!important}.checkout-banner .cart-info{gap:6px!important}.checkout-banner .item-count,.checkout-banner .total-price{font-size:1rem!important}.checkout-banner .proceed-button{padding:6px 12px!important;font-size:.9rem!important}.product-tile-card{margin:8px!important;max-width:100%!important}.product-tile-card .image-wrapper{height:130px!important}.product-tile-card .product-info{padding:12px!important}.product-tile-card .product-name{font-size:1.1rem!important}.product-tile-card .product-description{font-size:.9rem!important;margin-bottom:12px!important}.product-tile-card .current-price{font-size:1.2rem!important}.product-tile-card .add-to-cart-button{padding:6px 12px!important;font-size:.9rem!important}.product-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important;padding:0 8px!important}.product-scroller{padding:0 8px!important}.product-scroll-item{width:180px!important}.categories-grid{grid-template-columns:repeat(3,1fr)!important;gap:10px!important}.hero-section{margin-bottom:15px!important;margin-top:0!important}.hero-section .hero-image{height:150px!important}.hero-section .hero-content h1{font-size:1.6rem!important;margin-bottom:4px!important}.hero-section .hero-content p{font-size:.85rem!important;margin-bottom:8px!important}.hero-section .call-to-action{padding:8px 16px!important;font-size:.9rem!important}.coffee-categories{margin-top:10px!important;padding:10px!important}.coffee-categories h3{font-size:1.1rem!important;margin-bottom:8px!important;margin-top:0!important}.coffee-categories .category-item{padding:8px 6px!important}.coffee-categories .material-icons{font-size:1.8rem!important;margin-bottom:6px!important}.coffee-categories .category-name{font-size:.85rem!important}.section-title{font-size:1.3rem!important;margin-bottom:10px!important;padding-bottom:6px!important}.home-container,.menu-container,.cart-container,.stores-container,.profile-container{padding:8px 12px!important}h1{font-size:1.3rem!important;margin-bottom:6px!important;margin-top:0!important;padding:0!important}h2{font-size:1.2rem!important;margin-bottom:4px!important;margin-top:0!important;padding:0!important}h3{font-size:1rem!important;margin-bottom:4px!important;margin-top:0!important;padding:0!important}p{font-size:.9rem!important;line-height:1.4!important;margin-bottom:12px!important}button{padding:8px 16px!important;font-size:.9rem!important}.store-card .store-image{height:160px!important}.store-card .store-details{padding:12px!important}.store-card .store-details h3{font-size:1.3rem!important}.store-card .store-details p{font-size:.9rem!important}.store-card .store-details button{padding:8px 16px!important;font-size:.85rem!important}}@media (max-width: 375px){.product-grid{grid-template-columns:1fr!important;gap:8px!important}.categories-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.coffee-categories .category-item{padding:10px 6px!important}.coffee-categories .material-icons{font-size:1.6rem!important}.coffee-categories .category-name{font-size:.8rem!important}.top-navbar{padding:8px 10px!important}.bottom-navbar{padding:6px 0!important}.checkout-banner{padding:8px 10px!important}.home-container,.menu-container,.cart-container,.stores-container,.profile-container{padding:6px 10px!important}h1{font-size:1.2rem!important;margin-bottom:4px!important}h2{font-size:1.1rem!important;margin-bottom:3px!important}h3{font-size:.95rem!important;margin-bottom:3px!important}p{font-size:.85rem!important;margin-bottom:8px!important}.hero-section{margin-bottom:10px!important}.hero-section .hero-image{height:120px!important}.hero-section .hero-content h1{font-size:1.4rem!important}.coffee-categories{margin-top:8px!important;padding:8px!important}}