.food-gallery{margin:90px 0;font-family:"Onest",sans-serif}
.food-gallery__title{font-size:42px;font-weight:700;text-align:center;margin-bottom:28px;color:#000}
.food-gallery__tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:36px;position:relative}
.food-gallery__tab-pill{position:absolute;top:0;left:0;border-radius:999px;background:#004B36;pointer-events:none;z-index:0;opacity:0}
.food-gallery__tabs.has-pill .food-gallery__tab-pill{opacity:1}
.food-gallery__tab{background:transparent;border:1px solid #e5e5e7;padding:10px 22px;border-radius:999px;color:#222;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;user-select:none;position:relative;z-index:1;transform:none;box-shadow:none;transition:color .3s ease,border-color .3s ease}
.food-gallery__tab.is-active,.food-gallery__tab.active{background:#004B36;color:#fff;border-color:#004B36;transform:none;box-shadow:none}
.food-gallery__tabs.has-pill .food-gallery__tab.is-active,.food-gallery__tabs.has-pill .food-gallery__tab.active{background:transparent;border-color:transparent}
.food-gallery__tab:hover:not(.is-active):not(.active){border-color:#004B36;color:#004B36;background:transparent;transform:none}
.food-gallery__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;position:relative;width:100%}
.food-gallery__grid.is-empty{min-height:180px}
.food-gallery__grid.is-filtering{overflow:hidden}
.food-gallery__grid.is-filtering .food-gallery__image img{transition:none}
.food-gallery__empty{grid-column:1/-1;margin:0;padding:48px 16px;color:#666;font-size:16px;text-align:center}
.food-gallery__item{height:340px;overflow:hidden;border-radius:25px;display:block;position:relative;padding:0;border:none;background:#ececec;cursor:pointer;width:100%;text-align:left;contain:none;overflow-anchor:none}
.food-gallery__item.is-hidden{display:none}
.food-gallery__item[hidden]{display:none}
.food-gallery__item:hover:not([hidden]) .food-gallery__image img,
.food-gallery__item:focus-visible:not([hidden]) .food-gallery__image img{transform:scale(1.04)}
.food-gallery__item:hover:not([hidden]) .food-gallery__caption,
.food-gallery__item:focus-visible:not([hidden]) .food-gallery__caption{opacity:1}
.food-gallery__item:focus-visible{outline:2px solid #004B36;outline-offset:3px}
.food-gallery__image{width:100%;height:100%}
.food-gallery__image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.22,1,.36,1)}
.food-gallery__caption{position:absolute;left:0;right:0;bottom:0;padding:28px 20px 18px;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.55) 100%);color:#fff;opacity:0;transition:opacity .35s ease;pointer-events:none}
.food-gallery__caption-title{display:block;font-size:15px;font-weight:600;line-height:1.3}
.food-gallery__popup{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;pointer-events:none;visibility:hidden}
.food-gallery__popup.is-open{pointer-events:auto;visibility:visible}
.food-gallery__popup-overlay{position:absolute;inset:0;background:rgba(10,10,10,.62);opacity:0}
.food-gallery__popup-dialog{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;width:min(1040px,100%);max-height:min(84vh,700px);background:#fff;border-radius:25px;overflow:hidden;opacity:0}
.food-gallery__popup-close{position:absolute;top:16px;right:16px;z-index:2;width:44px;height:44px;border:none;border-radius:50%;background:rgba(255,255,255,.94);color:#000;cursor:pointer;display:flex;align-items:center;justify-content:center}
.food-gallery__popup-media{min-height:320px;background:#f2f2f2;overflow:hidden}
.food-gallery__popup-image{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .35s ease}
.food-gallery__popup-image.is-ready{opacity:1}
.food-gallery__popup-info{display:flex;flex-direction:column;justify-content:center;padding:48px 40px}
.food-gallery__popup-title{font-size:32px;font-weight:700;color:#000;margin:0 0 16px;line-height:1.2}
.food-gallery__popup-text{font-size:16px;line-height:1.6;color:rgba(0,0,0,.72);margin:0 0 28px}
.food-gallery__popup-btn{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;padding:14px 28px;border-radius:999px;background:#004B36;color:#fff;font-size:14px;font-weight:600;text-transform:uppercase;text-decoration:none}
@media (min-width:993px){
  .food-gallery__item--wide-start,.food-gallery__item--wide-end{grid-column:span 2}
  .food-gallery__item--narrow{grid-column:span 1}
}
@media (max-width:1200px){.food-gallery__item{height:280px}}
@media (max-width:992px){.food-gallery__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:768px){
  .food-gallery__title{font-size:32px;margin-bottom:20px}
  .food-gallery__tabs{gap:8px;margin-bottom:24px}
  .food-gallery__tab{padding:8px 16px;font-size:12px}
  .food-gallery__item{height:240px}
  .food-gallery__caption{opacity:1}
  .food-gallery__popup-dialog{grid-template-columns:1fr;max-height:90vh;overflow-y:auto}
  .food-gallery__popup-media{min-height:240px}
  .food-gallery__popup-info{padding:28px 24px 32px}
  .food-gallery__popup-title{font-size:24px}
}
@media (max-width:576px){
  .food-gallery__grid{grid-template-columns:1fr;gap:12px}
  .food-gallery__item{grid-column:span 1!important}
}
@media (prefers-reduced-motion:reduce){
  .food-gallery__image img{transition:none}
  .food-gallery__caption{opacity:1}
}