:root{--primary-color: #3b82f6;--secondary-color: #e5e7eb;--text-color: #1f2937;--text-muted: #6b7280;--bg-color: #f3f4f6;--card-bg: #ffffff;--header-height: 60px;--bottom-nav-height: 60px;--safe-top: env(safe-area-inset-top);--safe-bottom: env(safe-area-inset-bottom)}[hidden]{display:none!important}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{background-color:var(--bg-color);color:var(--text-color);padding-top:calc(var(--header-height) + var(--safe-top));padding-bottom:calc(var(--bottom-nav-height) + var(--safe-bottom) + 20px);-webkit-text-size-adjust:100%;text-size-adjust:100%}.skip-link{position:fixed;top:8px;left:8px;padding:10px 12px;background:#111827;color:#fff;border-radius:10px;text-decoration:none;z-index:5000;transform:translateY(-150%);transition:transform .2s}.skip-link:focus{transform:translateY(0);outline:2px solid rgba(255,255,255,.6);outline-offset:2px}.icon{width:20px;height:20px;display:inline-block;color:currentColor}.icon-btn{appearance:none;border:none;background:transparent;padding:8px;border-radius:10px;cursor:pointer;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center}.icon-btn:focus-visible{outline:2px solid rgba(59,130,246,.5);outline-offset:2px}.header{position:fixed;top:0;left:0;width:100%;height:calc(var(--header-height) + var(--safe-top));background:var(--card-bg);display:flex;justify-content:space-between;align-items:center;padding:var(--safe-top) 15px 0 15px;box-shadow:0 2px 4px #0000000d;z-index:1000}.header-title{display:flex;align-items:center;gap:10px}.logo-img{width:35px;height:35px;border-radius:50%;object-fit:cover;color:var(--primary-color)}.shop-name{font-weight:700;font-size:18px;color:var(--primary-color)}.header-icons{display:flex;gap:15px;color:var(--text-muted)}.hero-banner{position:relative;height:200px;overflow:hidden;margin:-20px -15px 20px;background:linear-gradient(135deg,#ff6b35,#f72c25)}.hero-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;z-index:2;width:min(92%,520px)}.hero-emoji{font-size:48px;animation:bounce 2s infinite}.hero-title{font-size:24px;font-weight:800;margin:10px 0;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hero-title.hero-error{color:#f44}.hero-slogan{font-size:14px;opacity:.95}.status-badge{margin-top:15px;display:inline-flex;align-items:center;gap:8px;background:#fff3;padding:8px 15px;border-radius:999px;backdrop-filter:blur(6px)}.status-dot{width:10px;height:10px;border-radius:50%;background:#9ca3af}.status-dot.open{background:#22c55e;animation:pulse 1.5s infinite}.status-dot.closed{background:#ef4444}.status-text{font-size:13px}.hero-fade{position:absolute;bottom:0;left:0;right:0;height:30px;background:linear-gradient(to top,var(--bg-color),transparent)}.anim-up{animation:fadeInUp .6s ease-out both}.anim-delay-1{animation-delay:.15s}.anim-delay-2{animation-delay:.2s}.anim-delay-3{animation-delay:.25s}.anim-delay-4{animation-delay:.3s}.anim-delay-5{animation-delay:.35s}.category-tabs{background:var(--card-bg);padding:10px 15px;display:flex;gap:15px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--secondary-color);position:sticky;top:calc(var(--header-height) + var(--safe-top));z-index:900}.category-tabs::-webkit-scrollbar{display:none}.tab-btn{border:none;background:none;font-weight:600;color:var(--text-muted);padding-bottom:5px;white-space:nowrap;cursor:pointer;font-size:15px}.tab-btn.active{color:var(--primary-color);border-bottom:2px solid var(--primary-color)}.section-title{padding:15px;font-size:18px;font-weight:700;background:var(--bg-color)}.carousel{display:flex;gap:15px;padding:0 15px 15px;overflow-x:auto;scrollbar-width:none}.carousel::-webkit-scrollbar{display:none}.popular-card{background:var(--card-bg);min-width:140px;border-radius:12px;overflow:hidden;box-shadow:0 2px 4px #0000000d;text-align:center;padding-bottom:10px}.popular-img{width:100%;height:100px;object-fit:cover}.popular-name{font-size:14px;font-weight:600;margin:8px 0 4px}.popular-price{font-size:13px;color:var(--text-muted)}.product-list{background:var(--card-bg)}.product-item{display:flex;justify-content:space-between;padding:15px;border-bottom:1px solid var(--secondary-color);gap:15px;cursor:pointer}.product-info{flex:1}.product-name{font-weight:600;font-size:16px;margin-bottom:5px}.product-desc{font-size:13px;color:var(--text-muted);margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-price{font-weight:700;font-size:15px;display:flex;flex-wrap:wrap;gap:8px;align-items:baseline}.price-current{font-weight:800}.price-old{text-decoration:line-through;color:var(--text-muted);font-weight:600;font-size:13px}.product-img{width:90px;height:90px;border-radius:8px;object-fit:cover}.badge-popular{background:#f59e0b;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;margin-left:5px;vertical-align:middle;text-transform:uppercase}.badge-label{background:#10b981;color:#fff;font-size:10px;font-weight:800;padding:2px 6px;border-radius:4px;margin-left:5px;vertical-align:middle;text-transform:uppercase}.badge-off{background:#ef4444;color:#fff;font-size:10px;font-weight:800;padding:2px 6px;border-radius:999px}.bottom-nav{position:fixed;bottom:0;left:0;width:100%;height:calc(var(--bottom-nav-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--card-bg);display:flex;justify-content:space-around;align-items:center;box-shadow:0 -2px 10px #0000000d;z-index:1000}.nav-item{display:flex;flex-direction:column;align-items:center;font-size:10px;color:var(--text-muted);text-decoration:none;cursor:pointer}.nav-item.active{color:var(--primary-color)}.nav-icon{width:20px;height:20px;margin-bottom:3px;color:currentColor}#cart-badge{display:inline-flex;align-items:center;justify-content:center;background:#ef4444;color:#fff;border-radius:999px;padding:2px 6px;margin-left:-5px;font-size:10px;font-weight:800}.view{display:none}.view.active{display:block}.cart-view{padding:15px;min-height:80vh;display:flex;flex-direction:column}.cart-empty{text-align:center;margin-top:50px;color:var(--text-muted)}.cart-empty i{font-size:48px;margin-bottom:15px}.cart-empty h3{color:var(--text-color);margin-bottom:10px}.btn-primary{background:var(--primary-color);color:#fff;border:none;padding:12px;border-radius:8px;font-weight:600;width:100%;margin-top:20px;cursor:pointer}.cart-items{flex:1}.cart-item{background:var(--card-bg);padding:15px;border-radius:8px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}.cart-item-details h4{font-size:15px;margin-bottom:5px}.cart-item-meta{font-size:12px;color:#666;margin-bottom:8px;line-height:1.35}.cart-item-details p{font-size:14px;color:var(--primary-color);font-weight:600}.cart-summary{background:#fff;padding:15px;border-radius:8px;margin-top:20px}.cart-summary-row{display:flex;justify-content:space-between;font-weight:800;font-size:18px;margin-bottom:15px}.cart-controls{display:flex;align-items:center;gap:10px}.qty-btn{width:25px;height:25px;border-radius:50%;border:1px solid var(--secondary-color);background:#fff;cursor:pointer}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:flex-end;z-index:2000;opacity:0;visibility:hidden;transition:all .3s}.modal.open{opacity:1;visibility:visible}.modal-content{background:#fff;width:100%;max-width:500px;border-radius:20px 20px 0 0;padding:20px;transform:translateY(100%);transition:transform .3s;max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px - var(--safe-top));overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(20px + var(--safe-bottom))}.modal.open .modal-content{transform:translateY(0)}.modal-header{display:flex;justify-content:space-between;margin-bottom:20px}.close-modal{background:none;border:none;font-size:24px;cursor:pointer}.add-to-cart-btn{background:var(--primary-color);color:#fff;width:100%;padding:15px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;margin-top:15px}.add-to-cart-btn:disabled{opacity:.6;cursor:not-allowed}.modal-desc{color:#666;margin-bottom:15px}.modal-row{display:flex;justify-content:space-between;align-items:center}.modal-label{font-weight:800}.form-group{margin-bottom:15px}.form-center{text-align:center}.form-label{display:block;margin-bottom:5px;font-weight:700}.form-input{width:100%;padding:10px;border:1px solid #ddd;border-radius:10px}.form-input[aria-invalid=true]{border-color:#ef4444;box-shadow:0 0 0 3px #ef444426}.form-input:focus-visible{outline:2px solid rgba(59,130,246,.5);outline-offset:2px}.form-textarea{width:100%;border:1px solid #ccc;padding:10px;margin-top:5px;border-radius:10px;min-height:90px;resize:vertical}.form-row{display:flex;gap:10px;align-items:center}.form-row-2>.form-group{flex:1}.form-hint{font-size:12px;margin-top:6px;color:#666}.form-error{font-size:12px;margin-top:6px;color:#ef4444}.status-info,.status-success,.status-warn,.status-error{font-weight:700}.status-info{color:#2563eb}.status-success{color:#16a34a}.status-warn{color:#d97706}.status-error{color:#dc2626}.btn-secondary{background:var(--primary-color);color:#fff;border:none;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:700;white-space:nowrap}.btn-link{appearance:none;border:none;background:transparent;color:var(--primary-color);font-weight:800;cursor:pointer;padding:6px 8px;border-radius:10px}.btn-link:focus-visible{outline:2px solid rgba(59,130,246,.5);outline-offset:2px}.saved-controls{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.saved-controls .form-hint{margin-top:0}.btn-secondary:focus-visible{outline:2px solid rgba(59,130,246,.5);outline-offset:2px}.btn-geo{background:#10b981;color:#fff;border:none;padding:10px 14px;border-radius:999px;cursor:pointer;font-size:13px;display:inline-flex;align-items:center;gap:8px;font-weight:700}.btn-geo .icon{width:18px;height:18px}.center-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.center-card{max-width:520px;width:100%;padding:18px}.center-title{margin:0 0 8px;font-size:20px}.center-text{margin:0 0 16px;color:var(--text-muted);line-height:1.4}.center-cta{display:inline-block;width:auto;margin-top:0;text-decoration:none;padding:10px 14px}.modal-footer{display:flex;justify-content:space-between;align-items:center;margin-top:20px;gap:12px}.modal-total{font-weight:800;font-size:18px}.search-results{max-height:300px;overflow-y:auto}.empty-icon{width:48px;height:48px;margin-bottom:15px;color:var(--text-muted)}.store-info{text-align:center;padding:10px}.store-info-logo{width:80px;height:80px;border-radius:18px;object-fit:cover;margin-bottom:15px}.store-info-name{margin-bottom:10px}.store-info-slogan{color:#666;margin-bottom:15px}.store-info-card{text-align:left;background:#f8f9fa;padding:15px;border-radius:10px}.store-info-row{display:flex;align-items:center;gap:8px;margin:10px 0}.store-info-icon{color:var(--primary-color);width:20px;height:20px;flex:0 0 20px}.floating-cart-bar{position:fixed;bottom:calc(var(--bottom-nav-height) + var(--safe-bottom));left:0;width:100%;background:#ea1d2c;color:#fff;padding:15px;display:none;justify-content:space-between;align-items:center;z-index:2000;box-shadow:0 -2px 10px #0000001a;cursor:pointer;animation:slideUp .3s ease-out;border:none;font:inherit;text-align:left}.floating-cart-bar.visible{display:flex}@media (min-width: 768px){.modal{align-items:center}.modal-content{border-radius:20px;max-width:560px}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.cart-info{display:flex;align-items:center;gap:10px}#floating-count{background:#fff;color:#ea1d2c;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.cart-text{font-weight:600;font-size:16px}#floating-total{font-weight:700;font-size:16px}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.product-item{transition:transform .2s,box-shadow .2s}.product-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.neighborhood-badge{background:#e3f2fd;color:#1976d2;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:500}.delivery-section{padding:15px;margin-top:20px}.delivery-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000001a}.delivery-map{position:relative;height:200px;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:15px;overflow:hidden}.delivery-ring{position:absolute;border:3px dashed #4caf50;border-radius:50%}.delivery-ring-lg{width:150px;height:150px;opacity:.5}.delivery-ring-sm{width:100px;height:100px;border-color:#8bc34a;opacity:.7}.delivery-pin{background:#ff5722;width:20px;height:20px;border-radius:50%;box-shadow:0 0 20px #ff572280}.delivery-radius{position:absolute;bottom:10px;left:10px;font-size:12px;color:#666}.delivery-title{margin-bottom:10px;color:#333}.delivery-neighborhoods{display:flex;flex-wrap:wrap;gap:8px}.delivery-fee{margin-top:15px;font-size:13px;color:#666;text-align:center}.pizza-customization{margin-bottom:15px}.pizza-box{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:12px}.pizza-heading{font-weight:800;margin-bottom:10px;color:var(--primary-color)}.pizza-second-flavor{margin-top:10px}.pizza-label-accent{color:var(--primary-color)}.pizza-hint{font-size:12px;color:#666;margin-top:5px}.pizza-grid-top,.pizza-block{margin-top:10px}.pizza-warning{margin-top:10px;background:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:10px;border-radius:10px;font-size:13px}.pizza-summary{margin-top:10px;font-size:12px;color:#6b7280}.pizza-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width: 420px){.pizza-grid{grid-template-columns:1fr}}.pizza-label{display:block;margin-bottom:5px;font-weight:600;font-size:13px;color:var(--text-color)}.pizza-required{color:#ef4444;font-weight:800}.pizza-select{width:100%;padding:10px;border:1px solid #ddd;border-radius:10px;background:#fff}.pizza-options-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}@media (max-width: 420px){.pizza-options-list{grid-template-columns:1fr}}.pizza-options-list label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-color);background:#fff;border:1px solid #e5e7eb;padding:10px;border-radius:10px;cursor:pointer;user-select:none}.pizza-options-list input{accent-color:var(--primary-color)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.popular-card{cursor:pointer}.popular-card:focus-visible{outline:2px solid rgba(59,130,246,.6);outline-offset:3px}.product-item:focus-visible{outline:2px solid rgba(59,130,246,.6);outline-offset:-2px}.search-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid var(--secondary-color);cursor:pointer}.search-row:hover{background:#f8fafc}.search-row:focus-visible{outline:2px solid rgba(59,130,246,.6);outline-offset:-2px}.search-row-main strong{display:block}.search-row-meta{margin-top:2px;font-size:12px;color:var(--text-muted)}.search-row-price{font-weight:800;white-space:nowrap}.search-hint{padding:10px 12px;color:var(--text-muted)}.toast-region{position:fixed;left:12px;right:12px;bottom:calc(var(--bottom-nav-height) + var(--safe-bottom) + 10px);display:grid;gap:10px;z-index:4000;pointer-events:none}.toast{pointer-events:auto;background:#0f172af2;color:#fff;border-radius:14px;padding:12px 12px 12px 14px;box-shadow:0 10px 30px #00000038;border:1px solid rgba(255,255,255,.14);display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start}.toast--success{background:#16a34af2}.toast--error{background:#dc2626f2}.toast--warn{background:#f59e0bf2;color:#111827}.toast__message{white-space:pre-line;font-size:14px;line-height:1.3}.toast__close{appearance:none;border:none;background:#ffffff2e;color:inherit;width:34px;height:34px;border-radius:10px;cursor:pointer;font:inherit}.toast__close:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:2px}