/* Pakistan Food — calibrated Biryani steam pilot (2026-10-10).
   No generic overlay on all recipes, no smoke on plates/tables.
   Lightweight composited canvas over one real food photo. */
.pf-food-photo {
  position:relative;
  isolation:isolate;
  display:block;
  width:100%;
  min-width:0;
  overflow:hidden;
  line-height:0;
}
.featured-card .pf-food-photo img,
.popular-recipe-card .pf-food-photo img{
  display:block;
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
}
.featured-card:last-child .pf-food-photo{height:100%}
.featured-card:last-child .pf-food-photo img{height:100%}
.popular-recipe-card .pf-food-photo{display:block;gap:0;padding:0}
.seo-recipe .pf-recipe-photo{border-radius:18px}
.seo-recipe .pf-recipe-photo picture{display:block}
.seo-recipe .pf-recipe-photo img{display:block;width:100%;height:auto}

/* Overlay attaches to the visible Biryani FOOD photo only.
   Canvas pointer-events:none ensures it cannot block links, taps or swipes. */
.pf-steam-canvas{
  position:absolute!important;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  border:0;
  pointer-events:none!important;
  touch-action:pan-y;
  background:none!important;
  user-select:none;
  z-index:2;
}
@media(prefers-reduced-motion:reduce){
  .pf-steam-canvas{display:none}
}
@media print{
  .pf-steam-canvas{display:none!important}
  .pf-food-photo{overflow:visible}
}
@media(max-width:760px){
  .featured-card:last-child .pf-food-photo{height:auto}
  .featured-card:last-child .pf-food-photo img{height:auto}
}