.food-hero{background:linear-gradient(135deg,#633D28,#B35E3F)}.food-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dish-card{display:flex;min-height:230px;padding:19px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,#FFFDF8,#fff);flex-direction:column}.dish-card span{font-size:8px;letter-spacing:.13em;font-weight:900;color:#A45A42}.dish-card h2{margin:10px 0 9px;color:var(--ink);font-size:27px;line-height:1;letter-spacing:-.04em}.dish-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}.dish-card .dish-foot{margin-top:auto;padding-top:16px;display:flex;justify-content:space-between;gap:10px;align-items:end}.dish-card .dish-foot small{font-size:8px;color:var(--muted)}.dish-card .dish-foot b{font-size:18px}.food-article-main{width:min(1120px,calc(100% - 30px));margin:auto;padding:38px 0 80px}.food-article{max-width:760px;margin:auto}.food-article .crumb{font-size:8px;letter-spacing:.15em;font-weight:900;color:#A45A42}.food-article h1{margin:10px 0 16px;color:var(--ink);font-size:clamp(46px,7vw,76px);line-height:.92;letter-spacing:-.055em}.food-article .lead{margin:0 0 32px;color:#506963;font-size:19px;line-height:1.55}.food-article section{padding:25px 0;border-top:1px solid var(--line)}.food-article section h2{margin:0 0 10px;color:var(--ink);font-size:25px;letter-spacing:-.03em}.food-article section p,.food-article li{color:#455F59;font-size:14px;line-height:1.75}.food-article ul{padding-left:20px}.food-hashtags{display:flex;flex-wrap:wrap;gap:6px;margin-top:22px}.food-hashtags span{padding:6px 8px;border-radius:999px;background:#F7EEE9;color:#8C553E;font-size:8px;font-weight:850}.more-dishes{max-width:900px;margin:48px auto 0;padding-top:24px;border-top:1px solid var(--line)}.more-dishes h3{font-size:18px;color:var(--ink)}.more-dish-links{display:flex;gap:8px;flex-wrap:wrap}.more-dish-links a{padding:9px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:10px;font-weight:800}@media(max-width:900px){.food-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.food-grid{grid-template-columns:1fr}.dish-card{min-height:180px}.food-article-main{width:calc(100% - 24px);padding-top:26px}.food-article h1{font-size:49px}.food-article .lead{font-size:17px}}
.dish-card{padding:0;overflow:hidden}
.dish-card-copy{flex:1;padding:17px 18px 18px;display:flex;flex-direction:column}
.dish-media{position:relative;background:#F1F6F4}
.dish-media img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.dish-media small{
  position:absolute;left:10px;right:10px;bottom:9px;
  padding:6px 8px;border-radius:9px;background:rgba(18,61,59,.72);
  color:#fff;font-size:11px;line-height:1.35;backdrop-filter:blur(6px)
}
.dish-card>.visual-placeholder{min-height:160px;border:0;border-radius:0}
.food-article .visual-gallery-block{margin-top:26px}
.food-article .visual-facts{margin-top:24px;margin-bottom:28px}
@media(max-width:640px){
  .dish-card>.visual-placeholder{min-height:135px}
  .dish-media img{aspect-ratio:16/9}
  .dish-card-copy{padding:15px}
}

.food-section-label{
  margin-bottom:7px;color:#A45A42;font-size:11px;font-weight:900;letter-spacing:.14em
}
.ingredient-panel,.food-safety,.food-sources{
  margin-top:28px;padding:22px;border:1px solid var(--line);border-radius:20px;background:#fff
}
.ingredient-panel h2,.food-safety h2{margin:0 0 14px!important}
.ingredient-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ingredient-grid>div{
  min-height:72px;padding:12px;display:grid;grid-template-columns:30px minmax(0,1fr);gap:9px;align-items:start;
  border:1px solid var(--line);border-radius:14px;background:#FFFDF9
}
.ingredient-grid span{
  width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#F7EEE9;color:#A45A42;
  font-size:10px;font-weight:900
}
.ingredient-grid strong{color:var(--ink);font-size:13px;line-height:1.4}
.ingredient-panel>small{
  display:block;margin-top:12px;color:var(--muted);font-size:12px;line-height:1.55
}
.food-safety{background:linear-gradient(145deg,#FFF8F4,#fff)}
.food-safety>p{margin:10px 0 0!important}
.allergen-chips{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 12px}
.allergen-chips span{
  padding:7px 9px;border-radius:999px;background:#FFF0EA;color:#9A4936;font-size:12px;font-weight:850
}
.allergen-chips span[data-level="possible"]{background:#FFF6DB;color:#806216}
.ask-staff{
  margin-top:15px;padding:14px;border-radius:15px;background:#fff;border:1px solid var(--line)
}
.ask-staff strong{display:block;color:var(--ink);font-size:13px}
.ask-staff ul{margin:8px 0 0;padding-left:19px}
.ask-staff li{font-size:13px!important;line-height:1.55!important}
.food-sources{display:grid;gap:7px;background:var(--soft)}
.food-sources .food-section-label{margin-bottom:2px}
.food-sources a{
  padding:10px 0;border-top:1px solid var(--line);color:#2D6F69;font-size:13px;font-weight:750
}
.food-sources a:first-of-type{border-top:0}
.food-article .visual-infographic{margin-top:30px}
.food-article .visual-infographic-grid article{min-height:170px}
@media(max-width:640px){
  .ingredient-panel,.food-safety,.food-sources{padding:16px}
  .ingredient-grid{grid-template-columns:1fr}
  .food-article .visual-infographic-grid{grid-template-columns:1fr}
}

.food-context-visual{margin:18px 0 22px}
.food-context-visual .visual-gallery-block{margin:0}
.food-context-visual .visual-gallery{grid-template-columns:1.15fr .85fr}
.food-context-visual .visual-photo:first-child img{aspect-ratio:16/9}
.food-context-visual .visual-photo:last-child img{aspect-ratio:4/3}
@media(max-width:640px){
  .food-context-visual{margin:14px 0 18px}
  .food-context-visual .visual-gallery{display:flex}
}


/* Food editorial readability */
.dish-card span,
.dish-card .dish-foot small,
.food-article .crumb,
.food-hashtags span,
.more-dish-links a{font-size:11px}

.food-sources{margin-top:24px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.food-sources>summary{cursor:pointer;list-style:none;font-size:12px;font-weight:850;color:var(--muted)}
.food-sources>summary::-webkit-details-marker{display:none}
.food-sources>summary:after{content:" +";color:var(--coral)}
.food-sources[open]>summary:after{content:" −"}
.food-sources>div{display:grid;gap:7px;margin-top:12px}
.food-sources a{font-size:12px;color:var(--ink);font-weight:750}

.food-random{display:grid;grid-template-columns:1fr auto;gap:12px 18px;align-items:center;margin:20px 0 24px;padding:20px;border:1px solid #E8D8C7;border-radius:22px;background:linear-gradient(120deg,#FFF4E5,#FFFDF8 62%,#EEF7F1)}.food-random h2{margin:5px 0 0;color:var(--ink);font-size:clamp(22px,3vw,32px);line-height:1.1}.food-random>button{border:0;border-radius:999px;padding:13px 18px;background:#174D46;color:#fff;font:inherit;font-weight:800;cursor:pointer}.food-random>button:hover{background:#267064;transform:translateY(-1px)}#randomDishResult{grid-column:1/-1}.random-dish-empty{margin:0;color:var(--muted);font-size:14px}.random-dish-pick{padding:14px 16px;border-left:3px solid #E88945;background:rgba(255,255,255,.72);border-radius:0 14px 14px 0}.random-dish-pick>span{display:block;color:#A45A42;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.random-dish-pick strong{display:block;margin:5px 0;color:var(--ink);font-size:25px}.random-dish-pick p{margin:0 0 8px;color:var(--muted);line-height:1.55}.random-dish-pick a{color:#174D46;font-weight:800;text-decoration:none}.toolbar button[data-meal]{border-color:#E8D8C7}.toolbar button[data-meal].active{background:#174D46;color:#fff;border-color:#174D46}@media(max-width:650px){.food-random{grid-template-columns:1fr}.food-random>button{justify-self:start}.food-random h2{font-size:24px}.random-dish-pick strong{font-size:21px}}

/* Photo availability is visible, never silently swapped for a different dish. */
.dish-media{position:relative;overflow:hidden;border-radius:12px;background:#f5eee7}
.dish-media.is-error{min-height:155px;display:flex;align-items:center;justify-content:center}
.dish-media.is-error img,.dish-media.is-error small{display:none}
.dish-media.is-error::after{content:"Ảnh món hiện chưa tải được";font-size:13px;color:#715f55;font-weight:650}
.food-context-visual .visual-photo img{width:100%;object-fit:cover}

/* Show three suggestions at once without squeezing text on phones. */
.random-dish-picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.random-dish-pick{display:flex;flex-direction:column;min-width:0;padding:14px 16px}
.random-dish-pick strong{font-size:clamp(19px,2.3vw,24px);line-height:1.18}
.random-dish-pick p{flex:1;font-size:13px}
@media(max-width:720px){.random-dish-picks{grid-template-columns:1fr}}


/* 25/09/2026 - preserve the master logo's full artwork and wordmark. */
header.module-head img[src*="logo-master"]{
  width:54px!important;height:52px!important;max-width:54px!important;max-height:52px!important;
  padding:3px 0!important;box-sizing:content-box!important;
  object-fit:contain!important;object-position:center center!important;
  clip-path:none!important;
}
@media(max-width:720px){header.module-head img[src*="logo-master"]{
  width:44px!important;height:42px!important;max-width:44px!important;max-height:42px!important;
}}