/* ZERA v2.4: static responsive category discovery; no JS dependency. */

.zera-popular-section{padding-top:10px;padding-bottom:36px}

.zera-popular-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}

.zera-popular-tile{min-width:0;position:relative;display:block;aspect-ratio:1.85/1;overflow:hidden;border-radius:12px;background:linear-gradient(135deg,#e9dcc9,#c9aa83);isolation:isolate;text-decoration:none!important;box-shadow:0 2px 10px rgba(23,29,31,.06)}

.zera-popular-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(27,28,31,.58),rgba(26,27,30,.05) 72%);z-index:0;pointer-events:none}

.zera-popular-image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .28s ease}

.zera-popular-tile:hover .zera-popular-image{transform:scale(1.035)}

.zera-popular-label{position:absolute;left:18px;right:18px;bottom:16px;z-index:1;display:flex;flex-direction:column;gap:4px;color:#fff!important;text-shadow:0 1px 4px rgba(0,0,0,.25)}

.zera-popular-label strong{font-size:clamp(17px,1.7vw,24px);line-height:1.2;color:#fff}

.zera-popular-label small{font-size:12px;color:#fff}

.zera-popular-tile:focus-visible{outline:3px solid #ef9a0c;outline-offset:3px}

@media(max-width:950px){.zera-popular-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}

@media(max-width:600px){.zera-popular-grid{gap:9px}.zera-popular-tile{aspect-ratio:1.08/1}.zera-popular-label{left:10px;right:8px;bottom:11px}.zera-popular-label strong{font-size:14px}.zera-popular-label small{font-size:10px}}

@media(prefers-reduced-motion:reduce){.zera-popular-image{transition:none}}