@font-face{font-family:Luckiest Guy;src:url(/fonts/LuckiestGuy-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Kaushan Script;src:url(/fonts/KaushanScript-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Barlow Condensed;src:url(/fonts/BarlowCondensed-SemiBold.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Barlow Condensed;src:url(/fonts/BarlowCondensed-Bold.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Barlow;src:url(/fonts/Barlow-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Barlow;src:url(/fonts/Barlow-SemiBold.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Barlow;src:url(/fonts/Barlow-Bold.woff2)format("woff2");font-weight:700;font-display:swap}:root{--maiz:#f7c51e;--chile:#e62227;--nopal:#0a7a1e;--adobo:#7a120c;--trompo:#f0961e;--madera:#8a3c10;--carbon:#1a0f0a;--crema:#fbf5e9;--on-maiz:#1a0f0a;--on-chile:#fff;--on-nopal:#fff;--on-adobo:#fbf5e9;--surface:#fbf5e9;--surface-raised:#fff;--surface-sunken:#f3e8d2;--line:#8c7864;--line-soft:#e3d3b8;--ink:#1a0f0a;--ink-muted:#5e4b3e;--ink-accent:#c3201a;--status-ok:#0b6b1d;--status-ok-bg:#e3f1e1;--status-warn:#9e4d00;--status-warn-bg:#fcebd2;--status-danger:#c3201a;--status-danger-bg:#fbe1dc;--focus:#1a0f0a;--shadow-sticker:3px 3px 0 #1a0f0a;--font-display:"Luckiest Guy","Arial Black",Impact,sans-serif;--font-script:"Kaushan Script","Brush Script MT",cursive;--font-condensed:"Barlow Condensed","Arial Narrow",sans-serif;--font-sans:Barlow,"Segoe UI",system-ui,sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--radius-sm:4px;--radius-md:10px;--radius-lg:18px;--radius-pill:999px}[data-theme=dark]{--surface:#1a0f0a;--surface-raised:#2a1a12;--surface-sunken:#120a06;--line:#8a715e;--line-soft:#3e2a1e;--ink:#fbf5e9;--ink-muted:#cdbba8;--ink-accent:#ff5a47;--status-ok:#4cc25e;--status-ok-bg:#13301a;--status-warn:#f59a2a;--status-warn-bg:#3a2410;--status-danger:#ff5a47;--status-danger-bg:#3a1410;--focus:#f7c51e;--shadow-sticker:3px 3px 0 #000}*{box-sizing:border-box}body{background:var(--surface);color:var(--ink);font-family:var(--font-sans);margin:0;font-size:16px;line-height:24px}button,input,select{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.num{font-variant-numeric:tabular-nums}.site-head{background:var(--carbon);color:var(--crema);padding:var(--space-3) var(--space-4);align-items:center;gap:var(--space-3);display:flex}.site-head img{width:56px;height:56px}.site-head .brand{font-family:var(--font-display);color:var(--maiz);letter-spacing:.01em;font-size:30px;line-height:1}.site-head .brand small{font-family:var(--font-script);color:var(--crema);margin-top:2px;font-size:18px;display:block}.site-head .grow{flex:1;min-width:0}.tricolor{height:8px;display:flex}.tricolor span{flex:1}.tricolor span:first-child{background:var(--nopal)}.tricolor span:nth-child(2){background:var(--crema)}.tricolor span:nth-child(3){background:var(--chile)}.intro{max-width:1180px;padding:var(--space-4);color:var(--ink-muted);margin:0 auto;font-size:15px}nav.tabs{gap:var(--space-2);padding:0 var(--space-4) var(--space-3);flex-wrap:wrap;max-width:1180px;margin:0 auto;display:flex}nav.tabs button{min-height:44px;padding:var(--space-2) var(--space-4);border:1px solid var(--line);background:var(--surface-raised);border-radius:var(--radius-pill);cursor:pointer;font-family:var(--font-condensed);letter-spacing:.05em;text-transform:uppercase;font-size:15px;font-weight:600}nav.tabs button[aria-selected=true]{background:var(--maiz);color:var(--on-maiz);border:3px solid var(--carbon);box-shadow:var(--shadow-sticker)}main{max-width:1180px;padding:0 var(--space-4) var(--space-8);margin:0 auto}section.screen{display:none}section.screen.on{display:block}h2.title{font-family:var(--font-display);letter-spacing:.01em;margin:0 0 var(--space-3);text-transform:uppercase;font-size:30px;font-weight:400;line-height:1.05}.appbar h3,.k-bar h3{text-transform:uppercase}.cols{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;display:grid}.stepcap{font-family:var(--font-condensed);letter-spacing:.06em;text-transform:uppercase;margin:0 0 var(--space-2);text-align:center;color:var(--ink-muted);font-size:16px;font-weight:700}.phone{background:var(--surface);border:3px solid var(--carbon);border-radius:28px;flex-direction:column;width:100%;max-width:390px;min-height:640px;margin:0 auto;display:flex;overflow:hidden}[data-theme=dark] .phone,[data-theme=dark] .tablet{border-color:var(--line)}.tablet{background:var(--surface);border:3px solid var(--carbon);border-radius:22px;width:100%;overflow:hidden}.appbar{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--carbon);color:var(--crema);display:flex}[data-theme=dark] .appbar{background:var(--adobo);color:var(--on-adobo)}.appbar h3{font-family:var(--font-display);letter-spacing:.02em;margin:0;font-size:22px;font-weight:400;line-height:1}.appbar .sub{opacity:.85;font-size:13px}.conn{font-family:var(--font-condensed);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.conn i{background:#4cc25e;border-radius:50%;width:10px;height:10px;display:inline-block}.conn.slow i{background:var(--trompo)}.conn.slow{color:var(--maiz)}.body{padding:var(--space-3) var(--space-4) var(--space-4);gap:var(--space-3);flex:1;align-content:start;display:grid}.foot{padding:var(--space-3) var(--space-4) var(--space-4);border-top:1px solid var(--line-soft);background:var(--surface-raised);gap:var(--space-2);display:grid}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:48px;padding:var(--space-3) var(--space-4);cursor:pointer;width:100%;font-family:var(--font-condensed);letter-spacing:.05em;text-transform:uppercase;border-radius:var(--radius-md);border:1px solid var(--line);background:var(--surface-raised);color:var(--ink);font-size:17px;font-weight:700;line-height:20px;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.btn svg{flex:none;width:18px;height:18px}.btn.primary{background:var(--maiz);color:var(--on-maiz);border:3px solid var(--carbon);box-shadow:var(--shadow-sticker)}.btn.primary:active{box-shadow:none;transform:translate(3px,3px)}.btn.danger{background:var(--chile);color:var(--on-chile);border-color:var(--chile)}.btn.sm{min-height:40px;padding:var(--space-2) var(--space-3);width:auto;font-size:15px}.btn.ghost{text-underline-offset:4px;background:0 0;border-color:#0000;text-decoration:underline}.btn.left{text-align:left;justify-content:space-between}.btn.prod{text-transform:none;letter-spacing:0;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;min-height:64px}.btn.prod b{font-family:var(--font-sans);font-size:16px;font-weight:600}.btn.prod span{font-family:var(--font-condensed);font-size:20px;font-weight:700}.grid2{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.dj-estado{align-items:center;gap:var(--space-1);padding:2px var(--space-2) 2px 6px;border-radius:var(--radius-pill);font-family:var(--font-condensed);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;font-size:14px;font-weight:600;line-height:20px;display:inline-flex}.dj-estado svg{flex:none;width:14px;height:14px}.dj-estado--ok{background:var(--status-ok-bg);color:var(--status-ok)}.dj-estado--warn{background:var(--status-warn-bg);color:var(--status-warn)}.dj-estado--danger{background:var(--status-danger-bg);color:var(--status-danger)}.dj-estado--nuevo{background:var(--maiz);color:var(--on-maiz)}.dj-estado--muted{background:var(--surface-sunken);color:var(--ink-muted)}.card{background:var(--surface-raised);border:1px solid var(--line-soft);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);gap:var(--space-2);display:grid}.card .top{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.ficha{font-family:var(--font-display);font-size:34px;line-height:1}.who-name{font-size:18px;font-weight:700}.muted{color:var(--ink-muted);font-size:14px;line-height:20px}.row{justify-content:space-between;align-items:baseline;gap:var(--space-2);border-bottom:1px dashed var(--line-soft);padding:6px 0;display:flex}.row:last-child{border-bottom:0}.row.total{font-family:var(--font-condensed);border-top:2px solid var(--ink);padding-top:var(--space-2);border-bottom:0;font-size:22px;font-weight:700}.price{font-family:var(--font-condensed);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.nota{color:var(--ink-accent);font-size:13px;font-style:italic;line-height:18px;display:block}.cats{gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.cats span{border:1px solid var(--line);border-radius:var(--radius-pill);white-space:nowrap;min-height:40px;font-family:var(--font-condensed);text-transform:uppercase;letter-spacing:.05em;background:var(--surface-raised);align-items:center;padding:8px 14px;font-size:15px;font-weight:600;display:inline-flex}.cats span.on{background:var(--carbon);color:var(--crema);border-color:var(--carbon)}[data-theme=dark] .cats span.on{background:var(--maiz);color:var(--on-maiz);border-color:var(--maiz)}.qty{align-items:center;gap:10px;display:flex}.qty b{text-align:center;min-width:22px;font-family:var(--font-condensed);font-size:20px}.qty i{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-raised);place-items:center;width:40px;height:40px;font-style:normal;font-weight:700;display:grid}.ronda-h{justify-content:space-between;align-items:center;gap:var(--space-2);font-family:var(--font-condensed);text-transform:uppercase;letter-spacing:.06em;background:var(--surface-sunken);border-radius:var(--radius-sm);padding:6px 10px;font-size:16px;font-weight:700;display:flex}.ronda-h.new{background:var(--maiz);color:var(--on-maiz)}.legend{color:var(--ink-muted);font-size:13px;line-height:18px}.callout{background:var(--surface-raised);border:1px solid var(--line-soft);border-radius:var(--radius-md);padding:var(--space-4);font-size:15px}.callout b.h{font-family:var(--font-condensed);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-2);font-size:17px;display:block}.callout ul{gap:6px;margin:0;padding-left:20px;display:grid}label.f{color:var(--ink-muted);gap:4px;font-size:13px;display:grid}input.in,select.in{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-sunken);width:100%;min-height:48px;color:var(--ink);padding:8px 12px;font-size:16px}.cinta{padding:4px var(--space-3);font-family:var(--font-condensed);letter-spacing:.08em;text-transform:uppercase;background:var(--carbon);color:var(--maiz);border-radius:var(--radius-sm);font-size:15px;font-weight:700;display:inline-block}.seg{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-raised);grid-auto-columns:1fr;grid-auto-flow:column;display:grid;overflow:hidden}.seg button{cursor:pointer;min-height:44px;font-family:var(--font-condensed);text-transform:uppercase;letter-spacing:.05em;border:0;border-right:1px solid var(--line-soft);background:0 0;font-size:14px;font-weight:700}.seg button:last-child{border-right:0}.seg button[aria-selected=true]{background:var(--carbon);color:var(--crema)}[data-theme=dark] .seg button[aria-selected=true]{background:var(--maiz);color:var(--on-maiz)}.chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface-raised);cursor:pointer;min-height:44px;padding:6px 14px;font-weight:600}.chip[aria-pressed=true]{background:var(--maiz);color:var(--on-maiz);border:3px solid var(--carbon);padding:4px 12px}.chip.x[aria-pressed=true]{background:var(--status-danger-bg);color:var(--status-danger);border:2px solid var(--status-danger);padding:5px 13px;text-decoration:line-through}.grp-h{font-family:var(--font-condensed);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;align-items:baseline;font-size:16px;font-weight:700;display:flex}.sheet{background:var(--surface-raised);border-top:3px solid var(--carbon);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--space-4);gap:var(--space-3);margin-top:auto;display:grid;box-shadow:0 -6px #1a0f0a40}.scrim{background:#1a0f0a8c;flex-direction:column;flex:1;display:flex}.who-chips{gap:6px;display:flex}.who-chips button{border:1px solid var(--line);background:var(--surface-raised);width:44px;height:44px;font-family:var(--font-condensed);cursor:pointer;border-radius:50%;font-size:16px;font-weight:700}.who-chips button[aria-pressed=true]{background:var(--carbon);color:var(--crema);border:3px solid var(--maiz)}[data-theme=dark] .who-chips button[aria-pressed=true]{background:var(--maiz);color:var(--on-maiz);border-color:var(--crema)}.split-line{gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px dashed var(--line-soft);grid-template-columns:1fr auto;align-items:center;display:grid}.person{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--line-soft);border-radius:var(--radius-md);background:var(--surface-raised);display:flex}.person.sel{border:3px solid var(--carbon);box-shadow:var(--shadow-sticker)}.progress{border-radius:var(--radius-pill);background:var(--surface-sunken);height:10px;overflow:hidden}.progress span{background:var(--nopal);height:100%;display:block}.k-bar{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--carbon);color:var(--crema);flex-wrap:wrap;display:flex}[data-theme=dark] .k-bar{background:var(--adobo);color:var(--on-adobo)}.k-bar h3{font-family:var(--font-display);letter-spacing:.02em;margin:0;font-size:26px;font-weight:400}.k-bar .btn{color:inherit;background:0 0;border-color:currentColor;width:auto;min-height:44px}.kds{gap:var(--space-4);padding:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));align-items:start;display:grid}.kcard{background:var(--surface-raised);border:3px solid var(--line-soft);border-radius:var(--radius-md);overflow:hidden}.kcard--nuevo{border-color:var(--maiz)}.kcard--prep{border-color:var(--status-warn)}.kcard--listo{border-color:var(--status-ok)}.kcard header{padding:var(--space-3) var(--space-4);background:var(--surface-sunken);gap:4px;display:grid}.kcard .k-top{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.k-who{font-family:var(--font-display);font-size:38px;line-height:1}.k-who small{font-family:var(--font-sans);margin-left:6px;font-size:20px;font-weight:700}.k-meta{color:var(--ink-muted);gap:var(--space-2);flex-wrap:wrap;align-items:center;font-size:15px;display:flex}.k-lines{padding:var(--space-2) var(--space-4);margin:0;list-style:none}.k-line{gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px dashed var(--line-soft);grid-template-columns:36px 1fr;font-size:21px;line-height:26px;display:grid}.k-line:last-child{border-bottom:0}.k-qty{font-family:var(--font-condensed);font-size:26px;font-weight:700}.k-name{font-weight:700}.k-chips{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.k-chip{border-radius:var(--radius-pill);background:var(--surface-sunken);border:1px solid var(--line);padding:1px 10px;font-size:16px;font-weight:600}.k-chip.mixta{background:var(--maiz);color:var(--on-maiz);border-color:var(--carbon)}.k-chip.warn{background:var(--status-danger-bg);color:var(--status-danger);border-color:var(--status-danger)}.k-toggle{border:0;border-top:1px solid var(--line-soft);background:var(--surface-sunken);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-2);width:100%;min-height:48px;font-family:var(--font-condensed);text-transform:uppercase;letter-spacing:.06em;font-size:16px;font-weight:700;display:flex}.k-toggle svg{width:18px;height:18px;transition:transform .15s}.k-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.k-detail{padding:var(--space-3) var(--space-4);border-top:1px solid var(--line-soft);gap:var(--space-3);background:var(--surface);display:grid}.k-detail[hidden]{display:none}.d-item{border:1px solid var(--line-soft);border-radius:var(--radius-md);background:var(--surface-raised);padding:var(--space-3);gap:var(--space-2);display:grid}.d-item.done{opacity:.55}.d-item.done .d-title b{text-decoration:line-through}.d-title{justify-content:space-between;align-items:center;gap:var(--space-2);font-size:20px;display:flex}.d-check{cursor:pointer;min-height:44px;font-family:var(--font-condensed);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;font-size:15px;font-weight:700;display:inline-flex}.d-check input{width:24px;height:24px;accent-color:var(--nopal)}.d-opts{gap:2px var(--space-3);grid-template-columns:auto 1fr;margin:0;font-size:18px;line-height:26px;display:grid}.d-opts dt{color:var(--ink-muted);font-size:15px}.d-opts dd{margin:0;font-weight:600}.d-note{background:var(--status-warn-bg);color:var(--status-warn);border-radius:var(--radius-sm);padding:6px 10px;font-size:17px;font-weight:700}.d-meta{color:var(--ink-muted);gap:2px;font-size:15px;display:grid}.k-actions{padding:var(--space-3) var(--space-4) var(--space-4)}.k-actions .btn{min-height:56px;font-size:20px}.k-hint{color:var(--ink-muted);text-align:center;font-size:14px}@media (max-width:480px){.kds{grid-template-columns:1fr}}html,body,#root{height:100%}body{overscroll-behavior-y:contain;-webkit-tap-highlight-color:transparent}.app{background:var(--surface);flex-direction:column;max-width:640px;min-height:100%;margin:0 auto;display:flex}.app.wide{max-width:1280px}.app .appbar{z-index:20;padding-top:calc(var(--space-3) + env(safe-area-inset-top));position:sticky;top:0}.app .appbar .back{color:inherit;cursor:pointer;background:0 0;border:0;min-width:44px;min-height:44px;margin-left:-8px;padding:0;font-size:30px;line-height:1}.app .body{padding-bottom:120px}.app .foot{z-index:15;padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom));position:sticky;bottom:0}.stack{gap:var(--space-3);display:grid}.center{text-align:center}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.err{color:var(--status-danger);font-size:15px;font-weight:600}input.in.invalid,select.in.invalid{border-color:var(--status-danger);background:var(--status-danger-bg);box-shadow:0 0 0 1px var(--status-danger)}label.f.invalid{color:var(--status-danger)}.f-err{color:var(--status-danger);font-size:13px;font-weight:700}.invalid-block{border:1px solid var(--status-danger);border-radius:var(--radius-sm);background:var(--status-danger-bg);outline:0;padding:8px}.invalid-block .grp-h{color:var(--status-danger)}.f-err.block{margin-top:6px;display:block}.banner{padding:var(--space-3) var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-2);font-weight:600;display:flex}.banner.warn{background:var(--status-warn-bg);color:var(--status-warn)}.banner.danger{background:var(--status-danger-bg);color:var(--status-danger)}.banner .btn{width:auto}.toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:60;background:var(--carbon);max-width:92vw;color:var(--crema);border-radius:var(--radius-md);box-shadow:var(--shadow-sticker);padding:12px 18px;font-weight:600;position:fixed;transform:translate(-50%)}.toast.error{background:var(--chile);color:var(--on-chile)}.overlay{z-index:50;background:#1a0f0a8c;flex-direction:column;justify-content:flex-end;display:flex;position:fixed;inset:0}.overlay .sheet{align-self:center;width:100%;max-width:640px;max-height:92vh;margin-top:0;overflow-y:auto}.overlay.center-modal{justify-content:center;align-items:center}.overlay.center-modal .sheet{border-radius:var(--radius-lg);border:3px solid var(--carbon);width:auto;margin:16px}.pending{opacity:.85;border-style:dashed}.spin{border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.tabrow{cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit}.seg.three{grid-auto-columns:1fr}.round-lines .row{align-items:flex-start}.grid3{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.k-grid-wrap .kds{grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr))}.kcard.flash{animation:1.2s ease-out 2 flash}@keyframes flash{0%,to{box-shadow:0 0 #0000}50%{box-shadow:0 0 0 6px var(--maiz)}}.k-bar .btn.on{background:var(--maiz);color:var(--on-maiz);border-color:var(--carbon)}.fs-lg .k-line{font-size:26px;line-height:32px}.fs-lg .k-who{font-size:48px}.fs-lg .d-opts{font-size:22px}.login{align-content:center;gap:var(--space-4);min-height:100%;padding:var(--space-6) var(--space-4);max-width:420px;margin:0 auto;display:grid}.login img{width:120px;margin:0 auto;display:block}.login h1{font-family:var(--font-display);text-transform:uppercase;text-align:center;margin:0;font-size:34px;font-weight:400;line-height:1}.receipt{color:#000;background:#fff;max-width:320px;margin:0 auto;padding:16px;font-family:ui-monospace,Menlo,monospace;font-size:13px;line-height:1.35}.receipt h2{font-family:var(--font-display);text-align:center;text-transform:uppercase;margin:0;font-size:24px;font-weight:400}.receipt .r{justify-content:space-between;gap:8px;display:flex}.receipt hr{border:0;border-top:1px dashed #000;margin:8px 0}@media print{body *{visibility:hidden}.receipt,.receipt *{visibility:visible}.receipt{width:80mm;max-width:none;padding:0;position:absolute;top:0;left:0}@page{size:80mm auto;margin:4mm}}@media (max-width:359px){.grid2.stack-narrow{grid-template-columns:1fr}.appbar h3{text-overflow:ellipsis;white-space:nowrap;max-width:170px;font-size:18px;overflow:hidden}.k-who{font-size:32px}}.appbar h3{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (min-width:768px){.app:not(.wide){max-width:980px}.products{grid-template-columns:repeat(3,1fr)}.cards{gap:var(--space-3);grid-template-columns:1fr 1fr;align-items:start;display:grid}}@media (min-width:1100px){.products{grid-template-columns:repeat(4,1fr)}}