/* Homepage category showcases: reference-matched headings and overlay cards. */
.sr-home-category-showcase{width:100%;max-width:960px;margin:0 auto}
.sr-home-category-showcase .dn-food-section-heading{align-items:baseline;gap:18px;margin:30px 0 16px}
.sr-home-category-showcase .dn-food-section-heading h2{display:flex;min-width:0;align-items:baseline;flex-wrap:wrap;gap:0 7px;margin:0;color:#111;font-family:var(--dn-script);font-size:23px;font-style:normal;font-weight:400;line-height:28px;letter-spacing:0}
.sr-home-category-showcase .dn-food-section-heading h2 span{display:inline-block;color:var(--dn-brand);font-size:28px;font-style:italic;line-height:28px}
.sr-home-category-showcase .dn-food-section-heading h2 em{display:inline-block;margin-left:-2px;color:#111;font-family:var(--dn-script);font-size:23px;font-style:normal;font-weight:400;line-height:28px}
.sr-home-category-showcase .dn-food-section-heading>a{display:inline-flex;flex:0 0 auto;align-items:baseline;gap:5px;color:#111;font-family:var(--dn-script);font-size:22px;font-weight:400;line-height:28px;text-decoration:none}
.sr-home-category-showcase .dn-food-section-heading>a:hover,.sr-home-category-showcase .dn-food-section-heading>a:focus-visible{color:var(--dn-brand)}
.sr-home-category-showcase .dn-food-section-heading>a:focus-visible{outline:2px solid var(--dn-brand);outline-offset:4px}
.sr-home-category-showcase .dn-food-overlay-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;margin:0 0 28px}
.sr-home-category-showcase .dn-food-overlay-card{position:relative;min-width:0;overflow:hidden;padding:0;border:1px solid var(--dn-line);background:#fff;box-shadow:none}
.sr-home-category-showcase .dn-food-overlay-media{display:block;overflow:hidden;aspect-ratio:1;background:#eee}
.sr-home-category-showcase .dn-food-overlay-media img{display:block;width:100%;height:100%;object-fit:cover}
.sr-home-category-showcase .dn-food-overlay-panel{position:absolute;right:16px;bottom:16px;left:16px;display:flex;min-height:70px;flex-direction:column;align-items:center;padding:0 12px 14px;border-radius:2px;background:#fff;box-shadow:none;text-align:center}
.sr-home-category-showcase .dn-food-overlay-panel .dn-food-badge{margin-top:-12px;padding:5px 12px;background:var(--dn-brand);color:#fff!important;font-size:10px;line-height:14px}
.sr-home-category-showcase .dn-food-overlay-panel h3{display:-webkit-box;min-height:36px;margin:8px 0 0;overflow:hidden;color:#111;font-size:12px;font-weight:400;line-height:18px;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.sr-home-category-showcase .dn-food-overlay-panel h3 a{color:inherit;text-decoration:none}
.sr-home-category-showcase .dn-food-overlay-panel h3 a:hover,.sr-home-category-showcase .dn-food-overlay-panel h3 a:focus-visible{color:var(--dn-brand)}
.sr-home-category-showcase .dn-food-overlay-panel h3 a:focus-visible{outline:2px solid var(--dn-brand);outline-offset:2px}

@media(max-width:1180px){
  .sr-home-category-showcase .dn-food-overlay-row{gap:22px}
  .sr-home-category-showcase .dn-food-overlay-panel{right:12px;bottom:12px;left:12px;padding:0 10px 14px}
  .sr-home-category-showcase .dn-food-overlay-panel h3{font-size:12px;line-height:18px}
}
@media(max-width:900px){
  .sr-home-category-showcase .dn-food-overlay-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
}
@media(max-width:620px){
  .sr-home-category-showcase .dn-food-section-heading{align-items:flex-start;gap:12px;margin:25px 0 14px}
  .sr-home-category-showcase .dn-food-section-heading h2{gap:0 5px;font-size:20px;line-height:25px}
  .sr-home-category-showcase .dn-food-section-heading h2 span{font-size:25px;line-height:25px}
  .sr-home-category-showcase .dn-food-section-heading h2 em{font-size:20px;line-height:25px}
  .sr-home-category-showcase .dn-food-section-heading>a{font-size:19px;line-height:25px}
  .sr-home-category-showcase .dn-food-overlay-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:24px}
  .sr-home-category-showcase .dn-food-overlay-row>.dn-food-overlay-card:last-child:nth-child(odd){display:block}
  .sr-home-category-showcase .dn-food-overlay-panel{right:9px;bottom:9px;left:9px;min-height:64px;padding:0 7px 10px}
  .sr-home-category-showcase .dn-food-overlay-panel .dn-food-badge{padding:4px 7px;font-size:9px}
  .sr-home-category-showcase .dn-food-overlay-panel h3{min-height:32px;margin-top:6px;font-size:11px;line-height:16px}
}
@media(max-width:360px){
  .sr-home-category-showcase .dn-food-section-heading{gap:8px}
  .sr-home-category-showcase .dn-food-section-heading h2{max-width:235px}
}