:root{--blue:#63a7ff;--blue2:#2684ff;--dark:#16233d;--muted:#7d8aa5;--line:#e9eef8;--bg:#f5f8ff;--card:#fff;--danger:#ff5a70;--green:#24b47e;--orange:#ff8a3d;--shadow:0 12px 30px rgba(22,35,61,.08)}
*{box-sizing:border-box}body{margin:0;background:#fff;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--dark)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.phone-shell{max-width:480px;min-height:100vh;margin:0 auto;background:var(--bg);position:relative;padding-bottom:78px}.topbar{position:sticky;top:0;z-index:20;display:flex;gap:8px;align-items:center;padding:10px;background:rgba(245,248,255,.92);backdrop-filter:blur(12px)}.brand{font-weight:900;color:var(--blue2);letter-spacing:-.04em}.search{flex:1}.search input{width:100%;height:36px;border:1px solid var(--line);border-radius:999px;padding:0 14px;background:#fff}.cart-pill{font-weight:800;font-size:13px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 10px;box-shadow:var(--shadow)}.content{padding:0 10px}.hero{margin:4px 0 14px;padding:18px;min-height:170px;border-radius:22px;background:linear-gradient(145deg,#68a8ff,#3f8df8);display:grid;grid-template-columns:1.2fr .8fr;align-items:center;color:#fff;overflow:hidden;box-shadow:var(--shadow)}.hero h1{font-size:27px;line-height:1;margin:4px 0 6px;letter-spacing:-.05em}.hero p{margin:0 0 12px;opacity:.92}.hero img{width:150px;filter:drop-shadow(0 18px 20px rgba(0,0,0,.16));transform:rotate(-8deg)}.eyebrow{font-size:12px;font-weight:800;opacity:.9}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:12px;padding:11px 14px;font-weight:800;cursor:pointer}.btn.white{background:#fff;color:var(--blue2)}.btn.primary{background:var(--blue2);color:#fff}.btn.secondary{background:#fff;color:var(--dark);border:1px solid var(--line)}.btn.full{width:100%}.quick-menu{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.menu-card{border-radius:18px;color:#fff;padding:18px;font-weight:700;min-height:84px;box-shadow:var(--shadow)}.menu-card.blue{background:linear-gradient(135deg,#67c9ff,#338cff)}.menu-card.pink{background:linear-gradient(135deg,#ff83a9,#ff5b7a)}.section{margin:0 0 16px;background:#fff;border-radius:20px;padding:14px;box-shadow:var(--shadow)}.section-head,.admin-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.section h1,.section h2{margin:0;letter-spacing:-.04em}.section h1{font-size:24px}.section h2{font-size:18px}.section-head a{font-size:12px;color:var(--blue2);font-weight:800}.muted{color:var(--muted);font-size:13px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.category{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;font-size:11px;color:#485571}.category span{width:52px;height:52px;border-radius:16px;background:#eef5ff;display:grid;place-items:center;color:var(--blue2);font-weight:900;text-transform:uppercase}.sale-box{background:#f0f7ff}.horizontal-products{display:grid;grid-auto-flow:column;grid-auto-columns:45%;gap:10px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.product-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;min-width:0;scroll-snap-align:start}.product-img{position:relative;display:block;background:#f7faff;aspect-ratio:1/1}.product-img img{width:100%;height:100%;object-fit:cover}.badge{position:absolute;left:6px;top:6px;background:var(--orange);color:#fff;border-radius:999px;padding:3px 6px;font-size:10px;font-weight:900}.product-body{padding:7px;position:relative}.product-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11px;line-height:1.25;min-height:28px;font-weight:700;color:#34415c}.price-row strong{display:block;color:var(--blue2);font-size:12px}.price-row small{text-decoration:line-through;color:#a6b0c5;font-size:10px}.add-form{position:absolute;right:6px;bottom:6px}.add-form button{width:24px;height:24px;border:0;border-radius:50%;background:var(--blue2);color:#fff;font-weight:900;box-shadow:0 8px 18px rgba(38,132,255,.3)}.detail-card{background:#fff;border-radius:22px;box-shadow:var(--shadow);overflow:hidden}.detail-card>img{width:100%;max-height:320px;object-fit:cover;background:#f6f9ff}.detail-body{padding:16px}.pill{background:#eaf3ff;color:var(--blue2);padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800}.price-big{font-size:28px;font-weight:900;color:var(--blue2);letter-spacing:-.05em}.qty-form{display:grid;grid-template-columns:80px 1fr;gap:10px}.qty-form input,.checkout-form input,.checkout-form textarea,.checkout-form select{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff}.checkout-form{display:grid;gap:12px}.checkout-form label{display:grid;gap:6px;font-size:13px;font-weight:800}.cart-list{display:grid;gap:10px}.cart-item{display:grid;grid-template-columns:54px 1fr 58px auto;gap:10px;align-items:center;border:1px solid var(--line);padding:8px;border-radius:16px}.cart-item img{width:54px;height:54px;border-radius:12px;object-fit:cover;background:#f6f9ff}.cart-item small{display:block;color:var(--muted)}.cart-item input{width:58px;border:1px solid var(--line);border-radius:10px;padding:8px}.summary-card{background:#f8fbff;border:1px solid var(--line);border-radius:18px;padding:12px;display:grid;gap:10px}.summary-card div{display:flex;justify-content:space-between;gap:10px}.summary-card.compact{margin-bottom:12px}.summary-card .grand{border-top:1px dashed #cbd7ec;padding-top:10px}.summary-card .grand strong{color:var(--blue2);font-size:18px}.shipping-box{background:#f8fbff;border:1px solid var(--line);border-radius:18px;padding:12px;display:grid;gap:10px}.shipping-box h2{margin:0;font-size:16px}.shipping-rates{display:grid;gap:8px}.rate-option{display:flex;justify-content:space-between;gap:10px;align-items:center;border:1px solid var(--line);background:#fff;border-radius:14px;padding:10px;cursor:pointer}.rate-option.active{outline:2px solid var(--blue2)}.rate-option strong{color:var(--blue2)}.empty-state{text-align:center;background:#fff;border-radius:20px;padding:34px 18px;box-shadow:var(--shadow)}.alert{margin:0 10px 10px;padding:10px;border-radius:14px;font-weight:700}.alert.success{background:#e9fbf4;color:#0d7c53}.alert.error{background:#fff0f3;color:#c02d44}.bottom-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:100%;max-width:480px;background:#fff;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:8px 0 calc(8px + env(safe-area-inset-bottom));box-shadow:0 -10px 30px rgba(22,35,61,.08)}.bottom-nav a{display:grid;place-items:center;gap:2px;font-size:18px;color:#66738f}.bottom-nav span{font-size:11px;font-weight:800}.auth-card{margin-top:20px}.admin-head h1{font-size:22px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.stat{background:#f8fbff;border:1px solid var(--line);border-radius:16px;padding:12px;display:grid;gap:5px}.stat span{font-size:12px;color:var(--muted)}.stat strong{font-size:24px;color:var(--blue2)}.admin-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:#fff}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:#f8fbff;color:#5e6a83}.actions{display:flex;gap:8px;align-items:center}.actions form{display:inline}.actions button,.link-danger{border:0;background:transparent;color:var(--danger);font-weight:800;cursor:pointer}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.check input{width:auto!important}.warning h1{color:var(--orange)}.success h1{color:var(--green)}@media (max-width:360px){.product-grid{grid-template-columns:repeat(2,1fr)}.horizontal-products{grid-auto-columns:60%}.hero{grid-template-columns:1fr}.hero img{display:none}.category-grid{grid-template-columns:repeat(3,1fr)}}