/* Lafood® — navigazione catalogo: ricerca, filtro, barra categorie, prodotti correlati */
:root{--lf-accent:#7a1f3d;--lf-accent-soft:rgba(122,31,61,.08);}
body.div-beer{--lf-accent:#9a6a0c;--lf-accent-soft:rgba(176,121,17,.1);}

/* ---- ricerca (hero) ---- */
.lf-search{position:relative;max-width:620px;margin:0 auto;text-align:left;z-index:20;}
.lf-s-field{display:flex;align-items:center;gap:10px;background:#fff;border-radius:980px;padding:0 8px 0 20px;height:58px;box-shadow:0 12px 34px rgba(0,0,0,.28);color:#6e6e73;}
.lf-s-field input{flex:1;min-width:0;border:none;outline:none;background:transparent;font:inherit;font-size:16px;color:#1d1d1f;height:100%;}
.lf-s-field input::-webkit-search-cancel-button{display:none;}
.lf-s-x{display:none;border:none;background:rgba(0,0,0,.06);color:#3a3a3c;width:30px;height:30px;border-radius:50%;font-size:18px;line-height:1;cursor:pointer;}
.lf-s-res{position:absolute;left:0;right:0;top:calc(100% + 8px);background:#fff;border-radius:18px;box-shadow:0 18px 50px rgba(13,24,40,.28);max-height:min(430px,60vh);overflow-y:auto;padding:8px;display:none;}
.lf-s-res.open{display:block;}
.lf-s-it{display:flex;flex-direction:column;gap:2px;padding:11px 14px;border-radius:12px;color:#1d1d1f;}
.lf-s-it b{font-size:15px;font-weight:650;color:#1e3457;}
.lf-s-it span{font-size:12.5px;color:#6e6e73;}
.lf-s-it:hover,.lf-s-it.sel{background:var(--lf-accent-soft);}
.lf-s-cat b{color:var(--lf-accent);}
.lf-s-none{padding:14px;font-size:14px;color:#6e6e73;}
.lf-s-none a,.lf-f-none a{color:var(--lf-accent);font-weight:600;}

/* ---- filtro (pagina categoria) ---- */
.lf-filter{max-width:460px;margin:22px 0 0;}
.lf-filter .lf-s-field{height:48px;box-shadow:none;border:1px solid rgba(0,0,0,.14);padding-left:16px;}
.lf-filter .lf-s-field:focus-within{border-color:var(--lf-accent);box-shadow:0 0 0 3px var(--lf-accent-soft);}
.lf-filter input{font-size:15px;}
.lf-f-count{font-size:13px;color:#6e6e73;margin-top:8px;min-height:1em;}
.lf-f-none{font-size:15px;color:#6e6e73;margin-top:6px;}

/* ---- barra categorie fissa sotto il menu ---- */
.lf-catbar{position:sticky;top:62px;z-index:900;background:rgba(255,255,255,.9);backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);border-bottom:1px solid rgba(0,0,0,.07);}
.lf-catbar-in{max-width:1140px;margin:0 auto;display:flex;gap:6px;overflow-x:auto;padding:10px 24px;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
.lf-catbar-in::-webkit-scrollbar{display:none;}
.lf-catbar a{flex:0 0 auto;white-space:nowrap;font-size:13px;font-weight:600;color:#3a3a3c;padding:7px 14px;border-radius:980px;border:1px solid rgba(0,0,0,.09);background:#fff;transition:all .2s;}
.lf-catbar a:hover{border-color:var(--lf-accent);color:var(--lf-accent);}
.lf-catbar a.on{background:var(--lf-accent);border-color:var(--lf-accent);color:#fff;}
/* seconda riga: linee di una categoria (es. Malto) */
.lf-catbar-sub{padding-top:0;}
.lf-catbar-sub a{font-size:12.5px;padding:5px 12px;border-color:transparent;background:var(--lf-accent-soft);color:var(--lf-accent);}
.lf-catbar-sub a.on{background:#fff;border-color:var(--lf-accent);color:var(--lf-accent);}

/* ---- prodotti correlati (scheda prodotto) ---- */
.lf-related{max-width:1140px;margin:0 auto;padding:10px 24px 80px;}
.lf-related h2{font-size:22px;font-weight:700;color:#1e3457;letter-spacing:-.01em;margin-bottom:18px;}
.lf-related h2 strong{color:var(--lf-accent);}
.lf-rel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.lf-rel-grid a{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:4px;transition:transform .2s,box-shadow .2s;}
.lf-rel-grid a:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(30,52,87,.1);}
.lf-rel-grid b{font-size:15px;color:#1e3457;line-height:1.25;}
.lf-rel-grid span{font-size:12.5px;color:#6e6e73;}
.lf-rel-all{display:inline-block;margin-top:18px;font-size:14px;font-weight:600;color:var(--lf-accent);}
.lf-rel-all:hover{text-decoration:underline;}
@media(max-width:1000px){.lf-rel-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:720px){.lf-rel-grid{grid-template-columns:repeat(2,1fr);}.lf-catbar-in{padding:9px 16px;}}
@media(max-width:520px){.lf-s-field{height:52px;}.lf-s-field input{font-size:15px;}}