.popular-meals{padding:70px max(2vw,20px);background:#fafafa}.popular-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:36px}.popular-heading>div>span{font-size:15px;color:var(--coral);font-weight:800}.popular-heading h2{font-size:clamp(28px,2.7vw,43px);line-height:1.4;margin:10px 0 0}.popular-heading h2 em{color:#d2a15d;font-style:normal}.popular-heading>a{color:var(--teal2);font-weight:800;font-size:15px;white-space:nowrap;padding-bottom:8px}.popular-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.popular-card{overflow:hidden;border-radius:26px;background:#fff;border:1px solid #e7ded5;box-shadow:0 2px 4px #163f431a;display:flex;flex-direction:column}.popular-card>img{display:block;width:100%;height:auto;aspect-ratio:1.8;object-fit:cover}.popular-body{padding:18px;display:flex;flex-direction:column;flex:1}.popular-name{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.popular-name h3{font-size:19px;line-height:1.5;margin:0;color:var(--teal)}.popular-name>span{font-size:12px;white-space:nowrap;color:#666;direction:ltr;font-weight:700}.popular-name b{color:#d2a15d}.popular-body>p{font-size:14px;line-height:1.75;color:#888;margin:12px 0 20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.popular-suggestion{font-size:11px;color:var(--muted);margin-top:5px}.popular-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.popular-bottom>strong{font-size:18px;color:var(--coral)}.popular-bottom button{width:42px;height:42px;background:var(--teal2);color:#fff;border:0;border-radius:50%;font-size:24px;cursor:pointer;box-shadow:0 3px 6px #163f4320}.popular-bottom button:hover{background:var(--ink)}.popular-meals :is(a,button):focus-visible{outline:3px solid var(--gold);outline-offset:4px}@media(max-width:1000px){.popular-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.popular-meals{padding:45px 16px}.popular-heading{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:24px}.popular-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.popular-name{flex-wrap:wrap;gap:4px}.popular-name h3{font-size:16px}.popular-body{padding:12px}.popular-body>p{font-size:12px}.popular-bottom>strong{font-size:15px}.popular-card{border-radius:20px}}@media(max-width:380px){.popular-grid{grid-template-columns:1fr}}