@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{font-family:Inter,system-ui,sans-serif;color:#171923;background:#f7f7f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}header{height:72px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(16px,calc((100vw - 1180px)/2));position:sticky;top:0;z-index:20;border-bottom:1px solid #eee}.brand{display:flex;gap:10px;align-items:center}.logo{width:44px;height:44px;border-radius:15px;background:#c91f35;color:#fff;display:grid;place-items:center;font-size:23px;font-weight:800}.brand strong,.brand span{display:block}.brand strong{font-size:15px}.brand span{color:#8a8f9c;font-size:12px;margin-top:2px}.dealer{border:0;background:#f3f4f6;border-radius:14px;padding:10px 13px;font-weight:600;color:#343740}main{max-width:1180px;margin:auto;padding:24px 16px 110px}.intro p{color:#c91f35;text-transform:uppercase;font-weight:800;font-size:11px;letter-spacing:.12em;margin:0 0 6px}.intro h1,.page h1{font-size:28px;letter-spacing:-.04em;margin:0 0 22px}.search{height:54px;background:#fff;border:1px solid #e5e7eb;border-radius:18px;display:flex;align-items:center;padding:0 16px;gap:11px;box-shadow:0 4px 18px #19191908}.search span{font-size:27px;transform:rotate(-20deg);color:#757b86}.search input{border:0;outline:0;width:100%;font-size:16px;background:transparent}.search button{opacity:0;border:0;background:#eee;border-radius:50%;width:28px;height:28px}.search button.visible{opacity:1}.categories{display:flex;overflow-x:auto;gap:9px;margin:18px -16px 22px;padding:0 16px;scrollbar-width:none}.categories button{border:1px solid #e6e7e9;background:#fff;border-radius:999px;padding:11px 17px;white-space:nowrap;font-weight:600;color:#555b66}.categories button.active{background:#171923;color:#fff;border-color:#171923}.result{display:flex;justify-content:space-between;align-items:end;margin:0 0 14px}.result strong{font-size:20px}.result span{color:#9297a1;font-size:13px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card{background:#fff;border:1px solid #e9eaec;border-radius:22px;overflow:hidden;box-shadow:0 5px 18px #1616160b;min-width:0}.photo{aspect-ratio:1.2;background:#f0f1f3;display:grid;place-items:center;overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover}.photo span{color:#c91f35;font-weight:800}.cardbody{padding:13px}.card h2{font-size:14px;line-height:1.35;margin:0;height:38px;overflow:hidden}.meta{color:#9196a0;font-size:11px;margin:7px 0}.price{display:block;font-size:16px;margin-bottom:12px}.add{height:42px;width:100%;border:0;border-radius:13px;background:#171923;color:#fff;font-weight:700}.stepper{height:42px;background:#171923;color:#fff;border-radius:13px;display:flex;align-items:center;justify-content:space-between}.stepper button{height:100%;width:40px;background:none;color:#fff;border:0;font-size:21px}.bottom{position:fixed;z-index:30;bottom:0;left:0;right:0;height:76px;padding:6px max(16px,calc((100vw - 520px)/2)) max(7px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e9e9eb;display:flex;justify-content:space-around}.bottom button{position:relative;border:0;background:none;color:#8f949e;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:78px;font-size:11px;font-weight:600}.bottom i{font-style:normal;font-size:22px}.bottom button.active{color:#c91f35}.bottom em{position:absolute;top:0;right:13px;background:#c91f35;color:#fff;font-style:normal;border-radius:20px;font-size:10px;min-width:17px;padding:2px}.page{min-height:65vh}.cartrow{background:#fff;border-radius:18px;padding:10px;display:flex;align-items:center;gap:11px;margin-bottom:10px}.cartrow img{width:62px;height:62px;border-radius:13px;object-fit:cover;background:#eee}.cartrow>div:nth-child(2){flex:1;min-width:0}.cartrow strong,.cartrow span{display:block}.cartrow strong{font-size:13px}.cartrow span{font-size:11px;color:#888;margin-top:5px}.mini{display:flex;align-items:center;gap:6px}.mini button{border:0;border-radius:8px;width:28px;height:28px}.checkout{background:#fff;border-radius:20px;padding:18px;margin-top:20px}.checkout span{display:flex;justify-content:space-between;font-size:18px}.checkout button{width:100%;height:52px;border:0;border-radius:15px;background:#c91f35;color:#fff;font-weight:700;margin-top:18px}.empty{text-align:center;color:#9297a1;padding:70px 10px}@media(min-width:700px){.grid{grid-template-columns:repeat(3,1fr);gap:18px}.card h2{font-size:15px}.cardbody{padding:16px}}@media(min-width:1024px){.grid{grid-template-columns:repeat(4,1fr)}main{padding-top:34px}}.photos{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;position:relative}.photos::-webkit-scrollbar{display:none}.photos .photo{min-width:100%;scroll-snap-align:start}.swipehint{position:absolute;right:8px;bottom:8px;background:#171923d8;color:#fff;border-radius:99px;padding:5px 8px;font-size:10px;font-weight:700;pointer-events:none}@keyframes shimmer{to{background-position-x:-200%}}.line,.skeleton-button,.skeleton-photo,.category-skeleton i{display:block;background:linear-gradient(90deg,#eceef1 25%,#f8f8f9,#eceef1 75%);background-size:200% 100%;animation:shimmer 1.25s infinite;border-radius:10px}.category-skeleton{display:flex;gap:9px;overflow:hidden;margin:18px -16px 22px;padding:0 16px}.category-skeleton i{min-width:82px;height:43px;border-radius:999px}.category-skeleton i:nth-child(2){min-width:110px}.category-skeleton i:nth-child(3){min-width:76px}.line{height:14px}.line.wide{width:72%}.line.medium{width:55%}.line.short{width:34%}.result>.line.short{width:75px}.skeleton-photo{aspect-ratio:1.2;border-radius:0}.skeleton-card .cardbody{display:flex;flex-direction:column;gap:10px}.skeleton-button{height:42px;width:100%;margin-top:4px;border-radius:13px}.error-state{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;color:#8a8f9c}.error-state strong{color:#252832;font-size:18px}.error-state button{border:0;border-radius:13px;background:#171923;color:#fff;font-weight:700;padding:12px 20px;margin-top:8px}@media(prefers-reduced-motion:reduce){.line,.skeleton-button,.skeleton-photo,.category-skeleton i{animation:none}}:root{-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body,#app{width:100%;min-height:100%;overflow-x:hidden}.boot{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#fff}.boot i{width:110px;height:5px;border-radius:9px;background:linear-gradient(90deg,#ca2037 45%,#eee 45%)}.boot span{font-size:13px;color:#8b9099}.login-page{min-height:100dvh;padding:24px 18px;display:grid;place-items:center;background:radial-gradient(circle at 20% 0,#fff1f3,transparent 38%),#f7f7f8}.login-card{width:min(100%,430px);background:#fff;border-radius:28px;padding:26px;box-shadow:0 18px 55px #17192312}.login-brand{display:flex;gap:12px;align-items:center;margin-bottom:48px}.login-brand strong,.login-brand span{display:block}.login-brand span{font-size:12px;color:#9499a2;margin-top:3px}.login-card p,.admin-title p{margin:0 0 7px;color:#c91f35;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.login-card h1{font-size:30px;letter-spacing:-.04em;margin:0 0 6px}.muted{font-size:14px;color:#8c919b}.login-card form{display:grid;gap:16px;margin-top:30px}.login-card label{display:grid;gap:7px;font-size:13px;font-weight:700}.login-card input,.new-dealer input,.reset input{height:52px;border:1px solid #e1e3e7;border-radius:15px;padding:0 15px;outline:none;background:#fafafa}.login-card input:focus,.new-dealer input:focus,.reset input:focus{border-color:#c91f35;box-shadow:0 0 0 3px #c91f3512}.login-card form>button,.new-dealer>button{height:52px;border:0;border-radius:15px;background:#171923;color:#fff;font-weight:800}.login-card form>button:disabled{opacity:.55}.form-error{background:#fff0f2;color:#b5162c;border-radius:12px;padding:11px;font-size:13px}.admin-page{max-width:920px}.admin-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.admin-title h1{font-size:28px;letter-spacing:-.04em;margin:0}.admin-title>span{font-size:12px;color:#9297a1}.admin-tabs{display:flex;gap:8px;background:#eceef1;border-radius:16px;padding:4px;margin-bottom:20px}.admin-tabs button{flex:1;border:0;border-radius:12px;background:transparent;padding:12px;font-weight:700;color:#747984}.admin-tabs button.active{background:#fff;color:#171923;box-shadow:0 2px 8px #1111}.admin-tabs b{background:#e8e9ec;border-radius:20px;padding:2px 6px;font-size:10px}.admin-list,.dealer-admin{display:grid;gap:12px}.order-card,.dealer-card,.new-dealer{background:#fff;border:1px solid #e8e9ec;border-radius:20px;padding:17px}.order-top,.order-summary{display:flex;justify-content:space-between;align-items:center}.order-top time{font-size:12px;color:#9297a1}.order-card h2{font-size:15px;margin:13px 0}.order-summary{margin:12px 0}.order-summary span{color:#777d87;font-size:13px}.order-card select{width:100%;height:42px;border:1px solid #e2e4e7;border-radius:12px;padding:0 10px;background:#fafafa}.new-dealer{display:grid;gap:10px}.new-dealer h2{margin:0 0 5px;font-size:18px}.new-dealer>span{font-size:12px;color:#198754}.dealer-card>div:first-child strong,.dealer-card>div:first-child span{display:block}.dealer-card>div:first-child span{font-size:12px;color:#8f949e;margin-top:6px}.reset{display:flex;gap:7px;margin-top:14px}.reset input{height:42px;min-width:0;flex:1}.reset button{border:0;border-radius:12px;background:#171923;color:#fff;padding:0 12px;font-size:12px;font-weight:700}.placeholder{background:linear-gradient(145deg,#f7e8eb,#f1f2f4)}.placeholder span,.cart-image{display:grid;place-items:center;color:#c91f35;font-weight:800}.cart-image{width:62px;height:62px;border-radius:13px;background:#f1e5e7;overflow:hidden}.cart-image img{width:100%;height:100%;object-fit:cover}@media(min-width:700px){.admin-list{grid-template-columns:repeat(2,1fr)}}