:root{color-scheme:light;--primary:#0f766e;--primary-dark:#0b5f59;--primary-soft:#e7f5f3;--accent:#f97316;--accent-dark:#c2410c;--accent-soft:#fff2e8;--danger:#dc2626;--danger-soft:#fef2f2;--success:#15803d;--success-soft:#f0fdf4;--info:#2563eb;--info-soft:#eff6ff;--ink:#17212b;--text:#344054;--muted:#667085;--subtle:#98a2b3;--surface:#fff;--surface-alt:#f8fafb;--canvas:#f4f7f7;--line:#e4e7ec;--line-strong:#d0d5dd;--focus:#5eead4;--sidebar:264px;--radius-sm:8px;--radius:12px;--radius-lg:18px;--shadow-sm:0 1px 2px rgba(16,24,40,.05);--shadow:0 8px 24px rgba(15,23,42,.08);--shadow-lg:0 20px 48px rgba(15,23,42,.14);--ease:180ms cubic-bezier(.2,.8,.2,1);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;color:var(--ink);background:var(--canvas)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--canvas);color:var(--text);line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea{transition:border-color var(--ease),box-shadow var(--ease),background var(--ease),color var(--ease),transform var(--ease)}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-dark)}img{max-width:100%}h1,h2,h3{color:var(--ink);line-height:1.22;letter-spacing:-.02em}h1{font-size:clamp(1.65rem,3vw,2.15rem);margin:0 0 1.25rem}h2{font-size:1.18rem;margin:0 0 1rem}h3{font-size:1rem}p{margin:.5rem 0 1rem}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:1000;background:var(--ink);color:#fff;padding:.75rem 1rem;border-radius:var(--radius-sm)}.skip-link:focus{top:1rem;color:#fff}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}::selection{background:#99f6e4;color:#134e4a}.icon{display:inline-block;flex:0 0 auto;vertical-align:-.18em}
.btn,button{border:1px solid transparent;border-radius:var(--radius-sm);min-height:44px;padding:.67rem 1rem;background:var(--primary);color:#fff;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;line-height:1.2;box-shadow:var(--shadow-sm)}.btn:hover,button:hover{background:var(--primary-dark);color:#fff;transform:translateY(-1px)}.btn:active,button:active{transform:translateY(0)}button:disabled,.btn.is-disabled{opacity:.5;pointer-events:none}.btn-secondary,.secondary,.btn.secondary{background:#fff;color:var(--text);border-color:var(--line-strong)}.btn-secondary:hover,.secondary:hover,.btn.secondary:hover{background:var(--surface-alt);color:var(--ink);border-color:#aeb6c2}.btn-accent{background:var(--accent)}.btn-accent:hover{background:var(--accent-dark)}.btn-danger{background:var(--danger)}.btn-danger:hover{background:#b91c1c}.btn-ghost{background:transparent;color:var(--text);box-shadow:none}.btn-sm{min-height:38px;padding:.5rem .75rem;font-size:.875rem}.icon-button{width:42px;height:42px;min-height:42px;padding:0;background:#fff;color:var(--text);border-color:var(--line);box-shadow:none}.icon-button:hover{background:var(--surface-alt);color:var(--primary)}
label{display:block;margin-bottom:1rem;color:#344054;font-size:.875rem;font-weight:650}input,select,textarea{display:block;width:100%;min-height:44px;margin-top:.4rem;padding:.68rem .8rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:#fff;color:var(--ink);box-shadow:var(--shadow-sm)}textarea{min-height:90px;resize:vertical}input:hover,select:hover,textarea:hover{border-color:#98a2b3}input:focus,select:focus,textarea:focus{border-color:var(--primary);outline:3px solid rgba(20,184,166,.17);box-shadow:none}.field-error input,.field-error select,.field-error textarea,[aria-invalid="true"]{border-color:var(--danger)}.validation-message{display:flex;gap:.35rem;margin-top:.35rem;color:var(--danger);font-size:.8rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1rem}.wide{grid-column:1/-1}.inline-form{display:flex;align-items:flex-end;gap:.65rem;flex-wrap:wrap}.inline-form>input,.inline-form>select{flex:1;min-width:150px;margin:0}.check{display:flex;gap:.65rem;align-items:center;min-height:44px}.check input{width:18px;height:18px;min-height:0;margin:0;accent-color:var(--primary)}.toggle{display:inline-flex;align-items:center;gap:.65rem;cursor:pointer}.toggle input{position:absolute;opacity:0;width:1px;height:1px}.toggle-track{width:44px;height:24px;padding:2px;border-radius:999px;background:#d0d5dd}.toggle-track::after{content:"";display:block;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform var(--ease)}.toggle input:checked+.toggle-track{background:var(--primary)}.toggle input:checked+.toggle-track::after{transform:translateX(20px)}.toggle input:focus-visible+.toggle-track{outline:3px solid var(--focus);outline-offset:2px}.search-field{position:relative}.search-field .icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--muted)}.search-field input{padding-left:2.6rem}
.panel,.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow-sm);margin-bottom:1rem}.panel>h2:first-child,.card>h2:first-child{margin-top:0}.narrow{max-width:560px;margin-left:auto;margin-right:auto}.title-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.title-row h1,.title-row h2{margin:.25rem 0}.muted,small{color:var(--muted);font-size:.82rem}.notice,.error{display:flex;align-items:flex-start;gap:.6rem;padding:.85rem 1rem;border-radius:var(--radius-sm);margin-bottom:1rem;border:1px solid}.notice{background:var(--success-soft);color:#166534;border-color:#bbf7d0}.error{background:var(--danger-soft);color:#991b1b;border-color:#fecaca}.empty-state{text-align:center;padding:3rem 1.5rem;color:var(--muted);border:1px dashed var(--line-strong);border-radius:var(--radius);background:var(--surface-alt)}.empty-state .icon{color:var(--primary);margin-bottom:.5rem}.empty-state h2{margin:.25rem 0}.empty-state p{margin:.35rem auto 0;max-width:430px}.status-chip{display:inline-flex;align-items:center;gap:.42rem;min-height:28px;padding:.3rem .65rem;border-radius:999px;background:#f2f4f7;color:#475467;font-size:.76rem;font-weight:750;white-space:nowrap}.status-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.status-new{background:var(--accent-soft);color:var(--accent-dark)}.status-accepted,.status-preparing{background:var(--info-soft);color:#1d4ed8}.status-ready{background:var(--success-soft);color:var(--success)}.status-completed{background:var(--primary-soft);color:var(--primary-dark)}.status-cancelled{background:var(--danger-soft);color:#b91c1c}.tabs,.pills{display:flex;gap:.4rem;overflow-x:auto;padding:.2rem 0 .85rem}.tab,.pill{white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:.48rem .78rem;background:#fff;color:var(--text);font-size:.82rem;font-weight:700}.tab.active,.pill.active,.tab[aria-current="page"]{background:var(--primary-soft);border-color:#99d5cf;color:var(--primary-dark)}.pagination{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;font-size:.875rem}.skeleton-stack{display:grid;gap:.7rem}.skeleton-line{height:16px;border-radius:999px;background:linear-gradient(90deg,#edf0f2 25%,#f8fafb 50%,#edf0f2 75%);background-size:200% 100%;animation:skeleton 1.35s infinite}.skeleton-line:nth-child(2){width:82%}.skeleton-line:nth-child(3){width:68%}@keyframes skeleton{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);z-index:50;display:flex;flex-direction:column;background:#fff;border-right:1px solid var(--line);transition:width var(--ease),transform var(--ease);overflow:hidden}.sidebar-brand{height:76px;display:flex;align-items:center;gap:.75rem;padding:0 1.15rem;border-bottom:1px solid var(--line);white-space:nowrap}.brand-mark{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,var(--primary),#0d9488);color:#fff;font-weight:850;box-shadow:0 7px 18px rgba(15,118,110,.22)}.brand-copy{display:grid;line-height:1.25;min-width:0}.brand-copy strong{overflow:hidden;text-overflow:ellipsis}.brand-copy small{font-size:.7rem}.sidebar-nav{flex:1;padding:1rem .75rem;overflow-y:auto}.nav-label{margin:1rem .65rem .4rem;color:var(--subtle);font-size:.68rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}.nav-label:first-child{margin-top:.2rem}.nav-item{display:flex;align-items:center;gap:.75rem;min-height:44px;margin:.15rem 0;padding:.65rem .75rem;border-radius:9px;color:#475467;font-size:.9rem;font-weight:650;white-space:nowrap}.nav-item:hover{background:var(--surface-alt);color:var(--ink)}.nav-item.active{background:var(--primary-soft);color:var(--primary-dark)}.nav-item.active::after{content:"";width:3px;height:20px;border-radius:3px;background:var(--primary);margin-left:auto}.sidebar-footer{padding:.75rem;border-top:1px solid var(--line)}.app-frame{min-height:100vh;margin-left:var(--sidebar);transition:margin var(--ease)}.admin-topbar{height:76px;position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 1.75rem;background:rgba(255,255,255,.93);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.topbar-start{display:flex;align-items:center;gap:.8rem}.topbar-start>div:last-child{display:grid}.topbar-eyebrow{color:var(--muted);font-size:.69rem;font-weight:750;text-transform:uppercase;letter-spacing:.07em}.topbar-title{color:var(--ink);font-size:.95rem}.mobile-menu{display:none}.main-content{max-width:1440px;margin:0 auto;padding:1.75rem}.app-shell.sidebar-collapsed .sidebar{width:78px}.app-shell.sidebar-collapsed .app-frame{margin-left:78px}.app-shell.sidebar-collapsed .brand-copy,.app-shell.sidebar-collapsed .nav-item span,.app-shell.sidebar-collapsed .nav-label{display:none}.app-shell.sidebar-collapsed .sidebar-brand{padding:0 1.2rem}.app-shell.sidebar-collapsed .nav-item{justify-content:center}.app-shell.sidebar-collapsed .nav-item.active::after{display:none}.sidebar-scrim{display:none}
.dashboard-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.dashboard-heading h1{margin:0}.dashboard-heading p{margin:.3rem 0 0;color:var(--muted)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1.25rem}.metric-card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem 1.2rem;box-shadow:var(--shadow-sm)}.metric-card::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--primary)}.metric-card.accent::before{background:var(--accent)}.metric-label{display:block;color:var(--muted);font-size:.78rem;font-weight:700}.metric-value{display:block;margin:.3rem 0;color:var(--ink);font-size:1.75rem;line-height:1;font-weight:800;letter-spacing:-.04em}.metric-meta{font-size:.72rem;color:var(--subtle)}.list-row{display:flex;align-items:center;gap:.75rem;padding:.8rem 0;border-top:1px solid var(--line);flex-wrap:wrap;font-size:.875rem}.list-row:first-child{border-top:0}.list-row>input:first-of-type{flex:1;min-width:150px}.list-row>input[type=number]{width:84px}.list-row form{margin:0}.thumb{width:54px;height:54px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--line)}.order-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:1rem}.order-card{margin:0}.order-card h2{font-size:1rem}.order-card li{margin:.3rem 0}.total{display:block;color:var(--primary-dark);font-size:1.08rem;padding:.55rem 0}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table th,.data-table td{text-align:left;padding:.8rem 1rem;border-bottom:1px solid var(--line)}.data-table th{background:var(--surface-alt);color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.data-table tr:last-child td{border-bottom:0}
.toast{position:fixed;z-index:100;right:1.25rem;top:1.25rem;max-width:min(390px,calc(100vw - 2rem));display:flex;align-items:center;gap:.65rem;padding:.8rem .9rem;border-radius:var(--radius);box-shadow:var(--shadow-lg);background:#fff;border:1px solid var(--line);animation:toast-in .25s ease-out}.toast-success>.icon{color:var(--success)}.toast button{margin-left:auto;width:32px;height:32px;min-height:32px;padding:0;background:transparent;color:var(--muted);box-shadow:none}.toast button:hover{background:var(--surface-alt);color:var(--ink)}.toast.is-leaving{opacity:0;transform:translateY(-10px)}@keyframes toast-in{from{opacity:0;transform:translateY(-10px)}}.confirm-dialog{width:min(440px,calc(100vw - 2rem));border:0;border-radius:var(--radius-lg);padding:0;box-shadow:var(--shadow-lg)}.confirm-dialog::backdrop{background:rgba(15,23,42,.55);backdrop-filter:blur(2px)}.confirm-dialog form{padding:1.5rem}.dialog-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:var(--danger-soft);color:var(--danger)}.confirm-dialog h2{margin:1rem 0 .35rem}.confirm-dialog p{color:var(--muted)}.dialog-actions{display:flex;justify-content:flex-end;gap:.65rem;margin-top:1.25rem}
.public-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.public-nav{max-width:1160px;height:70px;margin:0 auto;padding:0 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.public-brand{display:flex;align-items:center;gap:.7rem;color:var(--ink)}.public-nav nav{display:flex;align-items:center;gap:.4rem}.public-nav nav a{min-height:40px;display:flex;align-items:center;padding:.5rem .8rem;border-radius:8px;color:var(--text);font-weight:650}.public-nav nav a.active{background:var(--primary-soft);color:var(--primary-dark)}.container{max-width:1160px;margin:0 auto;padding:1.75rem 1.25rem 7rem}.hero{margin-bottom:1.5rem;padding:clamp(1.75rem,5vw,3.5rem);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:space-between;gap:1.5rem;color:#fff;background:linear-gradient(125deg,#0b5f59,#0f766e 58%,#15958a);box-shadow:0 16px 36px rgba(15,118,110,.2)}.hero h1{max-width:600px;margin:.45rem 0;color:#fff;font-size:clamp(2rem,5vw,3.2rem)}.hero p{color:#d5f5f1}.eyebrow{font-size:.7rem;font-weight:850;letter-spacing:.16em}.btn.light{background:#fff;color:var(--primary-dark)}.category-section{scroll-margin-top:90px;margin-top:1.75rem}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.product-card{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.product-card>img,.product-card>.placeholder{width:100%;height:160px;object-fit:cover;background:var(--primary-soft)}.placeholder{display:grid;place-items:center;font-size:2.5rem}.product-body{padding:1rem}.product-body h3{margin:0 0 .35rem}.product-body p{min-height:38px;margin:0 0 .8rem}.add-btn{min-height:38px;padding:.45rem .7rem;font-size:.8rem}.soldout{color:var(--accent-dark);font-size:.76rem;font-weight:800}.floating-cart{position:fixed;z-index:20;right:1.25rem;bottom:1.25rem;padding:.8rem 1.2rem;border-radius:999px;background:var(--primary);color:#fff;font-weight:800;box-shadow:0 10px 28px rgba(15,118,110,.35)}.floating-cart:hover{background:var(--primary-dark);color:#fff}.cart-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:1rem}.cart-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 0;border-bottom:1px solid var(--line)}.qty-controls{display:flex;align-items:center;gap:.6rem}.qty-controls button{min-height:36px;padding:.4rem .65rem}.public-footer{text-align:center;padding:1.5rem;color:var(--subtle);font-size:.75rem}code{word-break:break-word;background:#f2f4f7;border-radius:5px;padding:.15rem .35rem}#checkout-message{line-height:1.5}[hidden]{display:none!important}
@media(max-width:1024px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{transform:translateX(-100%);width:min(290px,88vw);box-shadow:var(--shadow-lg)}.app-frame,.app-shell.sidebar-collapsed .app-frame{margin-left:0}.app-shell.sidebar-open .sidebar{transform:translateX(0)}.app-shell.sidebar-open .sidebar-scrim{display:block;position:fixed;inset:0;z-index:45;background:rgba(15,23,42,.44)}.desktop-collapse{display:none}.mobile-menu{display:inline-flex}.app-shell.sidebar-collapsed .sidebar{width:min(290px,88vw)}.app-shell.sidebar-collapsed .brand-copy,.app-shell.sidebar-collapsed .nav-item span,.app-shell.sidebar-collapsed .nav-label{display:initial}.app-shell.sidebar-collapsed .nav-item{justify-content:flex-start}.admin-topbar{padding:0 1.15rem}.main-content{padding:1.25rem}}
@media(max-width:750px){.admin-topbar .btn{font-size:0;width:42px;padding:0}.admin-topbar .btn .icon{width:19px;height:19px}.topbar-eyebrow{display:none}.main-content{padding:1rem}.dashboard-heading{display:block}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.metric-card{padding:.9rem}.metric-value{font-size:1.45rem}.form-grid{grid-template-columns:1fr}.order-grid{grid-template-columns:1fr}.list-row{align-items:stretch}.inline-form>*{flex:1}.hero{display:block}.hero .btn{margin-top:.6rem}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.product-card>img,.product-card>.placeholder{height:125px}.product-body{padding:.75rem}.product-body h3{font-size:.93rem}.cart-layout{grid-template-columns:1fr}.toast{top:.75rem;right:.75rem}.dialog-actions{flex-direction:column-reverse}.dialog-actions .btn{width:100%}}
@media(max-width:430px){.metric-grid{grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:1fr}.public-nav{padding:0 .85rem}.public-brand strong{max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.container{padding:1rem .85rem 6rem}.title-row{align-items:flex-start;flex-wrap:wrap}.pagination{flex-wrap:wrap}.pagination span{order:-1;width:100%;text-align:center}}

/* Registration and onboarding */
.text-primary{color:var(--primary)}.auth-card{margin-top:clamp(2rem,8vh,6rem)}.auth-switch{text-align:center;color:var(--muted);font-size:.875rem}.onboarding-wrap{max-width:920px;margin:0 auto}.onboarding-intro{max-width:650px;margin:1rem 0 1.5rem}.onboarding-intro h1{margin:.45rem 0}.onboarding-card{max-width:920px;margin:0 auto 1.5rem;padding:clamp(1.2rem,4vw,2rem)}.step-kicker{margin-bottom:.4rem;color:var(--primary);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.wizard-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:1.25rem}.wizard-progress{max-width:920px;margin:0 auto 1.25rem;display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.wizard-step{display:flex;align-items:center;gap:.45rem;padding:.65rem;border-radius:var(--radius-sm);color:var(--muted);font-weight:700}.wizard-step>span{display:grid;place-items:center;width:28px;height:28px;flex:0 0 auto;border:1px solid var(--line-strong);border-radius:50%;background:#fff;font-size:.75rem}.wizard-step.active{background:var(--primary-soft);color:var(--primary-dark)}.wizard-step.active>span,.wizard-step.complete>span{border-color:var(--primary);background:var(--primary);color:#fff}.service-options{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.service-options .check{min-width:140px;padding:.65rem .8rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-alt)}.hours-grid{display:grid;gap:.5rem}.hours-row{display:grid;grid-template-columns:120px 100px 1fr 1fr;align-items:center;gap:.75rem;padding:.55rem 0;border-bottom:1px solid var(--line)}.hours-row input{margin:0}.hours-row .check{margin:0}.theme-picker{border:0;padding:0;margin:1.2rem 0;display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.theme-picker legend{grid-column:1/-1;margin-bottom:.5rem;font-weight:750}.theme-option{margin:0;cursor:pointer}.theme-option input{position:absolute;opacity:0;width:1px;height:1px}.theme-option span{display:flex;align-items:center;gap:.65rem;padding:1rem;border:2px solid var(--line);border-radius:var(--radius)}.theme-option i{width:32px;height:32px;border-radius:50%;background:var(--theme-color)}.theme-option input:checked+span{border-color:var(--primary);box-shadow:0 0 0 3px rgba(15,118,110,.12)}.theme-option input:focus-visible+span{outline:3px solid var(--focus)}.brand-preview{padding:1.5rem;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--primary),#15958a);color:#fff}.brand-preview h2{margin:.35rem 0;color:#fff}.brand-preview p{margin:0;color:#e6fffb}.brand-preview.theme-sunset{background:linear-gradient(135deg,#c2410c,#f97316)}.brand-preview.theme-midnight{background:linear-gradient(135deg,#0f172a,#334155)}.finish-card{display:grid;gap:1rem;padding:1.25rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-alt)}.finish-card code{padding:.75rem;display:block}.upload-list{margin:1rem 0}
@media(max-width:750px){.wizard-progress{display:flex;overflow-x:auto}.wizard-step{min-width:86px;display:grid;justify-items:center;text-align:center}.wizard-step small{font-size:.68rem}.hours-row{grid-template-columns:1fr 1fr}.hours-row strong{grid-column:1/-1}.theme-picker{grid-template-columns:1fr}.wizard-actions{align-items:stretch;flex-direction:column-reverse}.wizard-actions>*{width:100%}.wizard-actions span:empty{display:none}}
.restaurant-theme.theme-sunset .hero{background:linear-gradient(125deg,#9a3412,#f97316)}.restaurant-theme.theme-midnight .hero{background:linear-gradient(125deg,#0f172a,#334155)}

/* Public menu category navigation and owner-managed imagery */
.public-menu-layout{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:1.25rem;align-items:start}.public-menu-main{min-width:0}.hero.has-banner{min-height:285px;background-position:center;background-size:cover;background-repeat:no-repeat}.public-category-sidebar{position:sticky;top:88px;max-height:calc(100vh - 108px);overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.category-sidebar-heading{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;padding:1rem 1rem .7rem}.category-sidebar-heading h2{margin:0;font-size:1.05rem}.category-sidebar-heading span{color:var(--muted);font-size:.72rem}.category-sidebar-list{display:grid;gap:.5rem;overflow-y:auto;padding:.15rem .75rem .85rem;max-height:calc(100vh - 165px);overscroll-behavior:contain}.category-sidebar-link{display:grid;grid-template-columns:52px minmax(0,1fr) 16px;align-items:center;gap:.75rem;min-height:66px;padding:.45rem;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--text);box-shadow:0 3px 10px rgba(15,23,42,.035)}.category-sidebar-link:hover{border-color:#99d5cf;color:var(--primary-dark);transform:translateY(-1px)}.category-sidebar-link.active{border-color:var(--primary);background:var(--primary-soft);box-shadow:0 0 0 2px rgba(15,118,110,.08)}.category-sidebar-link img,.category-thumb-placeholder{width:52px;height:52px;border-radius:9px;object-fit:cover;background:var(--primary-soft)}.category-thumb-placeholder{display:grid;place-items:center;font-size:1.35rem}.category-sidebar-link>span:nth-child(2){display:grid;min-width:0}.category-sidebar-link strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem}.category-sidebar-link small{margin-top:.15rem}.category-sidebar-link b{color:var(--primary);font-size:1.25rem}.mobile-category-rail{display:none}.category-image-form{display:grid;grid-template-columns:1fr 140px minmax(240px,1fr) auto;align-items:end;gap:1rem}.category-image-form label{margin:0}.category-image-list{display:grid;gap:.75rem}.category-image-row{display:grid;grid-template-columns:72px minmax(160px,1fr) 90px minmax(190px,1fr) minmax(150px,auto) auto;align-items:center;gap:.75rem;padding:.75rem;border:1px solid var(--line);border-radius:var(--radius)}.category-image-row label{margin:0}.category-image-preview,.category-image-preview img{width:72px;height:58px;border-radius:10px}.category-image-preview{display:grid;place-items:center;background:var(--primary-soft);font-size:1.5rem;overflow:hidden}.category-image-preview img{object-fit:cover}.category-image-meta{display:grid;gap:.3rem;color:var(--muted);font-size:.78rem}.category-image-actions{display:flex;gap:.4rem}.banner-admin-preview{display:grid;gap:.65rem;margin:.5rem 0 1rem}.banner-admin-preview img{width:100%;max-height:220px;object-fit:cover;border-radius:var(--radius);border:1px solid var(--line)}
@media(max-width:1100px){.public-menu-layout{display:block}.public-category-sidebar{display:none}.restaurant-theme{padding-right:68px}.mobile-category-rail{position:fixed;z-index:25;top:78px;right:max(.35rem,env(safe-area-inset-right));bottom:max(.75rem,env(safe-area-inset-bottom));display:flex;width:58px;flex-direction:column;align-items:center;gap:.55rem;padding:.55rem .3rem;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 12px 30px rgba(15,23,42,.14);backdrop-filter:blur(12px);scrollbar-width:none}.mobile-category-rail::-webkit-scrollbar{display:none}.mobile-category-rail-link{display:grid;place-items:center;flex:0 0 auto;width:48px;height:48px;padding:3px;border:2px solid transparent;border-radius:14px;background:var(--primary-soft);color:var(--text)}.mobile-category-rail-link img,.mobile-category-rail-link>span{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;object-fit:cover;font-size:1.15rem}.mobile-category-rail-link.active{border-color:var(--primary);background:#fff;box-shadow:0 4px 12px rgba(15,118,110,.22)}.mobile-category-rail-link:focus-visible{outline-offset:1px}.hero.has-banner{min-height:250px}.category-section{scroll-margin-top:82px}}
@media(max-width:900px){.category-image-form{grid-template-columns:1fr 110px}.category-image-form label:nth-of-type(3){grid-column:1/-1}.category-image-row{grid-template-columns:64px 1fr 80px}.category-image-row>label:nth-of-type(3),.category-image-meta,.category-image-actions{grid-column:2/-1}.category-image-actions{justify-content:flex-start}.category-image-preview,.category-image-preview img{width:64px;height:56px}}
@media(max-width:520px){.category-image-form{grid-template-columns:1fr}.category-image-form label:nth-of-type(3){grid-column:auto}.category-image-row{grid-template-columns:58px minmax(0,1fr)}.category-image-row>label:nth-of-type(2),.category-image-row>label:nth-of-type(3),.category-image-meta,.category-image-actions{grid-column:1/-1}.restaurant-theme{padding-right:62px}.mobile-category-rail{width:54px}.mobile-category-rail-link{width:44px;height:44px}.mobile-category-rail-link img,.mobile-category-rail-link>span{width:36px;height:36px}.hero.has-banner{min-height:220px}.product-grid{grid-template-columns:1fr}}
.restaurant-logo{width:64px;height:64px;object-fit:cover;border-radius:16px;margin-bottom:.8rem;border:2px solid rgba(255,255,255,.6);background:#fff}
.professional-cart-row{min-height:96px}.cart-item-main{display:flex;align-items:center;gap:.9rem;min-width:0}.cart-item-main>img,.cart-thumb-placeholder{width:76px;height:76px;flex:0 0 76px;border-radius:12px;object-fit:cover;background:var(--primary-soft)}.cart-thumb-placeholder{display:grid;place-items:center;font-size:1.6rem}.cart-item-copy{display:flex;flex-direction:column;gap:.2rem;min-width:0}.cart-item-copy strong{overflow:hidden;text-overflow:ellipsis}.cart-item-copy small{color:var(--muted)}.cart-item-copy span{font-weight:800;color:var(--ink)}.cart-empty{display:flex;min-height:180px;align-items:center;justify-content:center;flex-direction:column;gap:.4rem;text-align:center;color:var(--muted)}.cart-empty strong{color:var(--ink);font-size:1.1rem}.checkout-success-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.8rem}.whatsapp-button{background:#128c7e}.whatsapp-button:hover{background:#0b6f64}.checkout-success-actions .btn{margin:0}
@media(max-width:520px){.professional-cart-row{align-items:center}.cart-item-main>img,.cart-thumb-placeholder{width:58px;height:58px;flex-basis:58px;border-radius:10px}.cart-item-main{gap:.65rem}.cart-item-copy small{font-size:.72rem}.qty-controls{gap:.35rem}.checkout-success-actions{flex-direction:column}.checkout-success-actions .btn{width:100%;text-align:center}}
.import-start-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.provider-note{margin-top:1rem;padding:1rem;border-radius:var(--radius);background:var(--warning-soft);border:1px solid #fde68a;font-size:.84rem}.provider-note p{margin:.35rem 0}.import-history-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem;border-top:1px solid var(--line);color:var(--text)}.import-history-row>span:first-child{display:grid}.import-review{display:grid;grid-template-columns:minmax(300px,38%) minmax(0,62%);gap:1rem;align-items:start}.source-panel{position:sticky;top:92px;height:calc(100vh - 116px);overflow:auto;background:#18242b;color:#fff;border-radius:var(--radius);box-shadow:var(--shadow)}.source-panel-head{height:52px;padding:0 1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff22}.source-panel iframe,.source-panel img{display:block;width:100%;height:calc(100% - 52px);border:0;object-fit:contain;background:#fff}.source-panel pre{padding:1rem;white-space:pre-wrap;font:13px/1.55 ui-monospace,monospace}.review-items{display:grid;gap:1rem}.review-toolbar{position:sticky;top:76px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem;background:#fffffff2;border:1px solid var(--line);border-radius:var(--radius);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm)}.review-toolbar>div{display:grid}.review-item{padding:1rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.review-item>header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.7rem}.review-item>header>div:first-child{display:grid}.source-ref{color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em}.confidence{padding:.3rem .55rem;border-radius:999px;font-size:.72rem;font-weight:800;white-space:nowrap}.confidence.high{background:var(--success-soft);color:var(--success)}.confidence.medium{background:var(--warning-soft);color:var(--warning)}.confidence.low{background:var(--danger-soft);color:var(--danger)}.review-item blockquote{margin:.5rem 0 1rem;padding:.7rem;border-left:3px solid var(--line-strong);background:var(--surface-alt);color:var(--muted);font-size:.8rem}.flag-row{display:flex;gap:.35rem;flex-wrap:wrap;margin-bottom:.8rem}.flag-row span{padding:.25rem .45rem;background:var(--warning-soft);color:var(--warning);border-radius:999px;font-size:.68rem;font-weight:750}.review-item details{margin-top:.8rem;font-size:.8rem}.review-item dl{display:grid;grid-template-columns:90px 1fr;gap:.3rem}.review-item dt{font-weight:750}.review-item dd{margin:0}.item-result{margin-top:.8rem;padding:.65rem;background:var(--surface-alt);border-radius:var(--radius-sm)}.confirm-import{margin-top:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.confirm-import h2,.confirm-import p{margin:.2rem 0}
@media(max-width:900px){.import-review{grid-template-columns:1fr}.source-panel{position:relative;top:auto;height:460px}.import-start-grid{grid-template-columns:1fr}.review-toolbar{top:76px}}@media(max-width:600px){.review-item>header,.review-toolbar,.confirm-import{align-items:stretch;flex-direction:column}.source-panel{height:360px}}

/* Menu management */
.menu-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.menu-heading h1{margin:0}.menu-heading p{margin:.3rem 0 0;color:var(--muted)}.menu-admin-grid{display:grid;grid-template-columns:310px minmax(0,1fr);gap:1rem;align-items:start}.category-manager{position:sticky;top:92px}.category-add{display:grid;grid-template-columns:1fr 44px;gap:.5rem}.category-add input{margin:0}.category-admin-row{display:grid;grid-template-columns:minmax(90px,1fr) 58px 26px 38px 38px;gap:.35rem;align-items:center;padding:.65rem 0;border-top:1px solid var(--line)}.category-admin-row input{margin:0;min-height:38px;padding:.45rem}.category-admin-row .btn:last-child{grid-column:1/-1}.menu-filters{display:grid;grid-template-columns:minmax(180px,1fr) 180px 180px auto;gap:.6rem}.menu-filters input,.menu-filters select{margin:0}.bulk-bar>select,.bulk-bar>input{display:inline-block;width:auto;margin:0 .4rem .8rem 0}.menu-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:.5rem}.menu-admin-card{position:relative;display:grid;grid-template-columns:110px 1fr;min-height:150px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.menu-admin-card>img,.menu-image-placeholder{width:110px;height:100%;min-height:150px;object-fit:cover;background:var(--primary-soft)}.menu-image-placeholder{display:grid;place-items:center;font-size:2rem}.select-card{position:absolute;z-index:2;top:.5rem;left:.5rem;margin:0;padding:.3rem;border-radius:6px;background:#fff}.select-card input{width:18px;height:18px;min-height:0;margin:0}.menu-card-copy{padding:.9rem;min-width:0}.menu-card-copy h3{margin:.1rem 0}.menu-card-copy p{margin:.4rem 0;color:var(--muted);font-size:.8rem}.menu-type{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--primary)}.chip-row,.card-actions{display:flex;gap:.35rem;flex-wrap:wrap}.card-actions{margin-top:.75rem}.card-actions .btn{padding:.4rem .55rem}.product-editor{margin-top:1rem;scroll-margin-top:90px}.variant-builder,.deal-builder{margin:1rem 0;padding:1rem;border:1px solid var(--line);border-radius:var(--radius)}.variant-builder legend,.deal-builder legend{padding:0 .4rem;font-weight:800;color:var(--ink)}.builder-row{display:grid;grid-template-columns:2fr 1fr auto auto;gap:.6rem;align-items:center;margin:.6rem 0}.deal-builder .builder-row{grid-template-columns:minmax(200px,1fr) 90px auto}.builder-row input,.builder-row select,.builder-row label{margin:0}.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}
@media(max-width:1150px){.menu-admin-grid{grid-template-columns:1fr}.category-manager{position:static}.menu-cards{grid-template-columns:1fr}.menu-filters{grid-template-columns:1fr 1fr}.menu-filters .search-field{grid-column:1/-1}}@media(max-width:650px){.menu-heading{display:block}.menu-heading>div:last-child{display:flex;gap:.5rem;margin-top:1rem}.menu-heading .btn{flex:1}.menu-filters{grid-template-columns:1fr}.menu-filters .search-field{grid-column:auto}.menu-admin-card{grid-template-columns:86px 1fr}.menu-admin-card>img,.menu-image-placeholder{width:86px}.builder-row,.deal-builder .builder-row{grid-template-columns:1fr}.category-admin-row{grid-template-columns:1fr 54px 25px 38px 38px}.bulk-bar>select,.bulk-bar>input{width:100%;margin-right:0}}
.variant-options{display:grid;gap:.45rem}.variant-options>div{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-top:.45rem;border-top:1px solid var(--line)}.variant-options>div>span:first-child{display:grid}.variant-options small{font-size:.74rem}
#delivery-map{height:260px;margin:12px 0;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#eef2f2}.location-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.checkout-status{display:grid;grid-template-columns:1fr auto;gap:4px 16px;align-items:center}.checkout-status strong{color:#166534}.checkout-status span{font-size:14px}.checkout-status .btn{grid-column:2;grid-row:1/3}.checkout-publish-action{opacity:1!important;cursor:pointer!important}
@media(max-width:600px){.checkout-status{grid-template-columns:1fr}.checkout-status .btn{grid-column:1;grid-row:auto;margin-top:8px}}

/* Smart menu import */
:root{--warning:#b45309;--warning-soft:#fffbeb}
.import-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem 1.25rem;border:1px solid #d9eafe;border-radius:var(--radius-lg);background:linear-gradient(110deg,#eef8ff,#fff 48%,#f0fdfa)}.import-hero-art{display:grid;place-items:center;width:72px;height:72px;border-radius:18px;background:linear-gradient(145deg,#dbeafe,#ccfbf1);color:var(--primary)}.import-hero h1{margin:.15rem 0 .1rem}.import-hero p{margin:0;color:var(--muted)}.section-number{display:grid;place-items:center;float:left;width:28px;height:28px;margin:0 .65rem .5rem 0;border-radius:8px;background:var(--primary-soft);color:var(--primary-dark);font-weight:850}.import-upload-card,.import-top-grid>.panel{position:relative}.import-dropzone{clear:both;padding:1rem;border:1px dashed #9ab7d0;border-radius:var(--radius);background:#fbfdff}.import-dropzone label{margin:0}.import-dropzone input{padding:.5rem;background:#fff}.import-dropzone button{margin-top:.75rem}.import-top-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:1rem}.import-source-card{display:grid;grid-template-columns:auto 1fr auto;gap:.7rem;align-items:center}.import-source-card h2{margin:0}.import-source-card small,.import-source-card strong{display:block}.sheet-picker{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:.6rem;align-items:end;padding-top:.7rem;border-top:1px solid var(--line)}.sheet-picker label{margin:0}.sheet-picker select{margin-top:.3rem}.bulk-image-form{display:flex;gap:.6rem;align-items:center;clear:both}.bulk-image-form input{margin:0}.compact-results .list-row{display:grid;grid-template-columns:auto minmax(140px,.5fr) 1fr}.import-stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem;margin:1rem 0}.import-stat{display:flex;align-items:center;gap:.7rem;padding:.9rem;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-sm)}.import-stat>div{display:grid}.import-stat strong{font-size:1.25rem;color:var(--ink)}.import-stat span{font-size:.73rem;color:var(--muted)}.import-stat.blue{color:#2563eb;background:#f8fbff}.import-stat.green{color:#059669;background:#f5fffb}.import-stat.orange{color:#d97706;background:#fffaf1}.import-stat.red{color:#e11d48;background:#fff7f8}.import-stat.slate{color:#475467}.import-filters{display:grid;grid-template-columns:minmax(220px,1fr) 190px 170px 100px auto;gap:.6rem;padding:.7rem}.import-filters label{margin:0}.import-filters input,.import-filters select{margin:0}.import-table-panel{padding:0;overflow:hidden}.import-bulk-toolbar{display:flex;align-items:end;gap:.6rem;padding:.7rem;border-bottom:1px solid var(--line);background:#fbfcfd}.import-bulk-toolbar label{margin:0}.import-bulk-toolbar label:not(.check){min-width:200px}.import-bulk-toolbar input{margin-top:.2rem}.import-table-wrap{overflow:auto;max-height:calc(100vh - 220px)}.import-table{width:100%;min-width:1420px;border-collapse:separate;border-spacing:0;font-size:.78rem}.import-table th{position:sticky;top:0;z-index:3;padding:.65rem;background:#f4f7fa;color:#344054;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}.import-table td{padding:.55rem;vertical-align:top;border-right:1px solid #eef0f2;border-bottom:1px solid var(--line);background:#fff}.import-table tr:hover td{background:#fcfefe}.import-table input,.import-table select,.import-table textarea{min-height:36px;margin:0;padding:.45rem .5rem;font-size:.78rem}.import-table td:nth-child(1){width:36px}.import-table td:nth-child(2){width:38px;color:var(--muted)}.import-table td:nth-child(3){width:220px}.import-table td:nth-child(4){width:160px}.import-table td:nth-child(5){width:330px}.import-table td:nth-child(6){width:240px}.import-table td:nth-child(7){width:135px}.import-table td:nth-child(8){width:135px}.import-table td:nth-child(9){width:180px}.import-product-cell{display:grid;grid-template-columns:52px minmax(0,1fr);gap:.55rem;align-items:start}.import-product-cell label{margin:0}.import-mini-image,.image-placeholder{display:grid;place-items:center;background:#f2f6f7;color:#98a2b3;border:1px dashed var(--line-strong);border-radius:8px}.import-mini-image{width:52px;height:52px;overflow:hidden}.import-mini-image img{width:100%;height:100%;object-fit:cover}.variant-editor{display:grid;gap:.38rem}.variant-chip{display:grid;grid-template-columns:minmax(80px,1fr) 82px auto auto auto auto;gap:.25rem;align-items:end;padding:.35rem;border:1px solid var(--line);border-radius:8px;background:#fbfcfd}.variant-chip label{margin:0;font-size:.65rem}.variant-default{align-self:center;white-space:nowrap}.variant-default input{display:inline-block;width:15px;height:15px;min-height:0;margin-right:.2rem;vertical-align:-.15rem}.variant-chip button,.variant-tool{width:28px;min-height:30px;padding:0;background:#fff;color:var(--muted);border-color:var(--line);box-shadow:none}.variant-chip button:hover{background:var(--primary-soft);color:var(--primary-dark)}.add-variant{min-height:34px;padding:.35rem;background:#fff;color:var(--primary);border:1px dashed #7dd3c7;box-shadow:none}.description-box{position:relative;margin:0}.description-box textarea{padding-bottom:1.4rem;resize:none}.description-box small{position:absolute;right:.45rem;bottom:.25rem;background:#fff}.import-image-cell{display:grid;justify-items:start;gap:.35rem}.import-image-cell>img,.import-image-cell>.image-placeholder{width:82px;height:64px;object-fit:cover;border-radius:8px}.import-image-cell form{margin:0}.import-image-cell .btn{margin:0}.link-danger{min-height:28px;padding:.2rem .35rem;background:transparent;color:var(--danger);border:0;box-shadow:none;font-size:.72rem}.link-danger:hover{background:var(--danger-soft);color:#b91c1c;transform:none}.import-status-stack{display:grid;justify-items:start;gap:.35rem}.status-chip.success{background:var(--success-soft);color:var(--success)}.status-chip.warning{background:var(--warning-soft);color:#b45309}.status-chip.danger{background:var(--danger-soft);color:var(--danger)}.status-chip.neutral{background:#f2f4f7;color:#475467}.text-danger{color:var(--danger)}.import-pagination{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.7rem 1rem}.import-pagination nav{display:flex;gap:.3rem}.page-link{display:grid;place-items:center;min-width:34px;height:34px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--text)}.page-link.active{background:var(--primary);color:#fff}.import-action-bar{position:sticky;z-index:20;bottom:.65rem;display:flex;align-items:center;gap:.6rem;margin-top:1rem;padding:.7rem;border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.96);backdrop-filter:blur(12px);box-shadow:var(--shadow-lg)}.import-action-summary{display:flex;align-items:center;gap:.45rem;margin-right:auto;color:var(--muted);font-size:.76rem}.import-action-summary i{width:7px;height:7px;border-radius:50%;background:#10b981}.publish-import{display:flex;align-items:center;justify-content:space-between}.publish-import h2,.publish-import p{margin:.15rem}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.7rem;margin-top:1rem}.media-grid article{display:grid;gap:.3rem;padding:.5rem;border:1px solid var(--line);border-radius:8px}.media-grid img{width:100%;height:90px;object-fit:cover;border-radius:6px}
@media(max-width:1200px){.import-stat-grid{grid-template-columns:repeat(3,1fr)}.import-top-grid{grid-template-columns:1fr}.import-filters{grid-template-columns:1fr 1fr}.import-filters .search-field{grid-column:1/-1}.import-filters button{width:max-content}.import-action-summary{display:none}}
@media(max-width:800px){.import-hero{grid-template-columns:auto 1fr}.import-hero>.btn{grid-column:1/-1}.import-start-grid{grid-template-columns:1fr}.import-stat-grid{grid-template-columns:1fr 1fr}.import-source-card{grid-template-columns:auto 1fr}.import-source-card>.btn{grid-column:1/-1}.bulk-image-form,.import-bulk-toolbar,.import-action-bar,.publish-import{align-items:stretch;flex-direction:column}.import-filters{grid-template-columns:1fr}.import-filters .search-field{grid-column:auto}.import-table-wrap{max-height:none;overflow:visible}.import-table{display:block;min-width:0}.import-table thead{display:none}.import-table tbody{display:grid;gap:.8rem;padding:.8rem}.import-table tr{display:grid;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.import-table td{display:block;width:auto!important;border-right:0;padding:.65rem}.import-table td:nth-child(1),.import-table td:nth-child(2){display:inline-block}.import-table td:nth-child(3)::before{content:'Product';}.import-table td:nth-child(4)::before{content:'Category';}.import-table td:nth-child(5)::before{content:'Variations & prices';}.import-table td:nth-child(6)::before{content:'Description';}.import-table td:nth-child(7)::before{content:'Image';}.import-table td:nth-child(8)::before{content:'Status';}.import-table td:nth-child(9)::before{content:'Actions';}.import-table td:nth-child(n+3)::before{display:block;margin-bottom:.35rem;color:var(--muted);font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.import-action-bar{position:relative;bottom:auto}.import-action-bar>*{width:100%}.import-pagination{align-items:stretch;flex-direction:column}.variant-chip{grid-template-columns:1fr 90px repeat(4,28px)}.variant-default{grid-column:1/-1}}
.import-column-mapping{margin-top:1rem}.import-column-mapping>summary{cursor:pointer;font-weight:750}.import-column-mapping>summary .muted{margin-left:.5rem;font-weight:400}.column-mapping-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1rem}.column-mapping-form label{margin:0}.column-mapping-form select{margin-top:.25rem}.column-mapping-form fieldset{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin:0;padding:.75rem;border:1px solid var(--line);border-radius:var(--radius)}.column-mapping-form fieldset label{display:flex;align-items:center;gap:.4rem;max-width:100%;margin:0}.column-mapping-form fieldset input{flex:none}.column-mapping-form p,.column-mapping-form button{grid-column:1/-1}.column-mapping-form p{margin:0}
@media(max-width:800px){.column-mapping-form{grid-template-columns:1fr}.column-mapping-form fieldset,.column-mapping-form p,.column-mapping-form button{grid-column:auto}.import-column-mapping>summary .muted{display:block;margin:.25rem 0 0}}
.pill[aria-current="true"]{background:var(--primary-soft);border-color:#99d5cf;color:var(--primary-dark)}

/* Customer menu: compact mobile grid and persistent cart-selection state. */
.add-btn{white-space:nowrap}
.add-btn.is-added{background:#ecfdf3;color:#067647;border-color:#6ce9a6;box-shadow:inset 0 0 0 1px #a6f4c5}
.add-btn.is-added:hover{background:#dcfae6;color:#05603a}
@media(max-width:520px){
 .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}
 .product-card>img,.product-card>.placeholder{height:105px}
 .product-body{padding:.65rem}
 .product-body h3{font-size:.84rem}
 .product-body p{min-height:0;font-size:.72rem}
 .variant-options>div{align-items:flex-end;gap:.3rem}
 .variant-options strong{font-size:.76rem}
 .variant-options small{font-size:.68rem}
 .add-btn{min-height:34px;padding:.38rem .45rem;font-size:.68rem}
}