/* Pa Food landing: online order checkout (#pf-checkout). Uses the landing's :root tokens and .sheet styles. */
.chk-body{display:flex;flex-direction:column;gap:6px}
.chk-grupo{border:0;min-width:0;margin-top:14px}
.chk-grupo legend{font-weight:700;font-size:15px;margin-bottom:8px}
.chk-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.chk-cards--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.chk-card{position:relative;display:flex;flex-direction:column;gap:2px;min-width:0;padding:12px 10px;
  border:1px solid var(--line);border-radius:14px;background:var(--glass);cursor:pointer;
  transition:border-color .15s ease,background-color .15s ease}
.chk-card input{position:absolute;opacity:0;width:1px;height:1px}
.chk-card-t{font-weight:700;font-size:15px;line-height:1.2}
.chk-card small{font-size:12px;line-height:1.3;color:var(--muted);overflow-wrap:anywhere}
.chk-card:has(input:checked){border-color:var(--gold-2);background:rgba(200,162,74,.16);box-shadow:0 0 0 1px var(--gold-2) inset}
.chk-card:has(input:focus-visible){outline:2px solid var(--gold-2);outline-offset:2px}
.chk-nota{margin-top:8px;font-size:13px;line-height:1.4;color:var(--muted)}
.chk-label{display:block;margin:10px 0 4px;font-size:14px;font-weight:600}
.chk-body input[type="text"],.chk-body input[type="tel"],.chk-body textarea{
  display:block;width:100%;padding:11px 12px;border-radius:12px;border:1px solid var(--line);
  background:rgba(10,4,18,.45);color:var(--cream);font:inherit;font-size:16px;resize:vertical}
.chk-body input:focus-visible,.chk-body textarea:focus-visible{outline:2px solid var(--gold-2);outline-offset:1px}
.chk-body ::placeholder{color:var(--faint)}
.chk-delivery[hidden]{display:none}
.chk-mapa-acc{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:6px}
.chk-mapa{height:240px;margin-top:8px;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:#e5e3df}
.chk-mapa[hidden]{display:none}
.chk-mapa .leaflet-control-attribution{font-size:10px}
.chk-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
#pf-checkout .cart-total{margin-top:14px}
#pf-checkout .sheet-go:disabled{opacity:.6;cursor:progress}
#pf-checkout .sheet-links{flex-wrap:wrap;gap:4px 12px}
@media (max-width:360px){.chk-cards--3{grid-template-columns:1fr}.chk-card{flex-direction:row;align-items:baseline;gap:8px}}

/* Product search in the sticky menu bar */
.buscar{flex:none;display:flex;align-items:center}
.buscar input{width:128px;height:36px;padding:0 12px 0 32px;border-radius:999px;border:1px solid var(--gold);
  background:rgba(10,3,18,.55) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23eccb84' stroke-width='2' stroke-linecap='round' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 11px center;
  color:var(--cream);font:600 14px/1 Inter,system-ui,sans-serif;transition:width .2s ease}
.buscar input::placeholder{color:var(--gold-2);opacity:.9}
.buscar input:focus{outline:none;width:200px;box-shadow:0 0 0 3px rgba(236,203,132,.25)}
.pf-buscando .buscar input{width:200px}
.sin-resultados{max-width:var(--max);margin:28px auto;padding:0 var(--gutter);text-align:center;color:var(--muted)}
@media (max-width:420px){.buscar input:focus,.pf-buscando .buscar input{width:170px}}
@media (prefers-reduced-motion:reduce){.buscar input{transition:none}}
/* iOS zooms the page into any field under 16 px. */
@media (pointer:coarse){.buscar input{height:44px;font-size:16px}}