/* Open editorial archive; only selection state needs a boundary. */
.food-snacks-catalogue [hidden]{display:none!important}
.food-snacks-page{background:#f8f5ed;padding-bottom:0}
.food-snacks-page .food-snacks-hero{display:flex;align-items:center;background:linear-gradient(90deg,#f8f5edf5 0%,#f8f5edda 35%,#f8f5ed20 76%),var(--food-directory-hero,url('../images/heroes/food-minglu-quanbu-20261003.webp')) center/cover no-repeat;border:0}
.food-snacks-hero h1{font-size:clamp(3rem,6vw,5.2rem);font-weight:700;letter-spacing:.06em}
.food-snacks-hero .green-hero__intro{max-width:28rem;font-size:.95rem;line-height:2}
.food-snacks-catalogue{padding-block:3.5rem 5rem}
.food-snacks-categories{display:flex;flex-wrap:wrap;gap:1rem 2.5rem;margin-bottom:2rem}
.food-snacks-categories a{display:inline-block;padding:.4rem 0 .6rem;text-decoration:none;font-size:1.2rem;color:var(--cha-body-color,#666a68);border-bottom:2px solid transparent}
.food-snacks-categories a[aria-current]{border-color:#526656;color:var(--cha-heading-color,#293f30);font-weight:700}
.food-snacks-tools{padding-block:1.5rem;border-block:1px solid #e3ddcf}
.food-snacks-filter-help{margin:0 0 1rem;font-size:.8rem;color:var(--cha-body-color,#666a68)}
.food-snacks-filter-row{display:grid;grid-template-columns:8rem minmax(0,1fr);gap:1rem;align-items:baseline}
.food-snacks-filter-row+.food-snacks-filter-row{margin-top:1rem}
.food-snacks-filter-row h2{margin:0;font-size:.95rem;font-weight:700}
.food-snacks-filter-row>div{display:flex;flex-wrap:wrap;gap:.4rem 1.3rem}
.food-snacks-filter-row a{padding:.3rem 0;text-decoration:none;font-size:.9rem;color:var(--cha-body-color,#666a68);border-bottom:1px solid transparent}
.food-snacks-filter-row a[aria-current]{color:var(--cha-heading-color,#293f30);border-color:#7b8a6e;font-weight:700}
.food-snacks-categories a:hover,.food-snacks-filter-row a:hover{color:#997443}
.food-snacks-catalogue a:focus-visible{outline:2px solid #526656;outline-offset:4px}
.food-snacks-results__head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin:3rem 0 2rem}
.food-snacks-results__head h2{margin:0;font-size:1.6rem;font-weight:700}
.food-snacks-results__head small{margin-left:.8rem;font-size:.85rem;font-weight:400;color:var(--cha-body-color,#666a68)}
.food-snacks-results__head small b{font-weight:400}
.food-snacks-results__head>a{font-size:.85rem;color:var(--cha-body-color,#666a68);text-underline-offset:.3em}
.food-snacks-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3rem 2rem}
.food-snack-card{min-width:0;border:0;background:transparent;box-shadow:none}
.food-snack-card__link{display:block;text-decoration:none;color:inherit}
.food-snack-card__media{aspect-ratio:1;border-radius:12px;overflow:hidden}
.food-snack-card__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}
.food-snack-card__body{padding-top:1rem}
.food-snack-card h3{margin:0;font-size:1.2rem;font-weight:700;transition:color .25s}
.food-snack-card__body p{margin:.7rem 0 0;font-size:.9rem;line-height:1.85;color:var(--cha-body-color,#666a68)}
body main#main .food-snack-card__body .food-snack-card__meta{font-size:.8rem;color:#7a826d}
.food-snack-card__arrow{display:inline-block;margin-top:.9rem;color:var(--cha-heading-color,#293f30);transition:transform .25s}
.food-snack-card__link:is(:hover,:focus-visible) img{transform:scale(1.035)}
body main#main .food-snack-card__link:is(:hover,:focus-visible) h3{color:#997443}
.food-snack-card__link:is(:hover,:focus-visible) .food-snack-card__arrow{transform:translateX(4px)}
.food-snacks-empty{padding-block:2rem 4rem}
@media(max-width:64rem){.food-snacks-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:40rem){.food-snacks-catalogue{padding-block:2.5rem 3rem}.food-snacks-categories{gap:.5rem 1.3rem}.food-snacks-categories a{font-size:1.05rem}.food-snacks-filter-row{grid-template-columns:minmax(0,1fr);gap:.5rem}.food-snacks-filter-row>div{gap:.3rem 1.15rem}.food-snacks-results__head{margin-top:2rem}.food-snacks-grid{grid-template-columns:minmax(0,1fr);gap:2rem}}
@media(prefers-reduced-motion:reduce){.food-snack-card__media img,.food-snack-card h3,.food-snack-card__arrow{transition:none}}
