/* fix1005 — sửa lỗi demo nhahang4 (2026-10-05). Nạp sau sbm-*.css (tên zz-fix1005.css). Tiền tố sbx- (sbx-fix.php, tpl-sbx-dish.php). */
.sbx-w { max-width: 1240px; margin: 0 auto; padding: 0 20px; }
.sbx-page { background: var(--sbm-cream, #F7F4EE); }

/* Dải đầu trang Món */
.sbx-band { background: #1E1A16 center / cover no-repeat; padding: 78px 0 70px; }
.sbx-crumb { color: rgba(255,255,255,.85) !important; font-size: 14px !important; margin: 0 0 14px !important; }
.sbx-crumb a { color: rgba(255,255,255,.85) !important; } .sbx-crumb span { margin: 0 10px; }
.sbx-h1 { font-family: "Cormorant Garamond", Georgia, serif !important; color: #fff !important; font-size: 56px !important; font-weight: 600 !important; line-height: 1.12 !important; margin: 0 0 10px !important; text-shadow: 0 2px 12px rgba(0,0,0,.4); }
.sbx-lead { color: #fff !important; font-family: "Cormorant Garamond", Georgia, serif; font-size: 24px !important; margin: 0 !important; }
.sbx-lead span { margin: 0 8px; color: var(--sbm-gold2, #D4AE62); }
.sbx-sec { padding: 56px 0; } .sbx-sec-alt { background: #fff; border-top: 1px solid #E8DFCF; border-bottom: 1px solid #E8DFCF; }
.sbx-head { text-align: center; }
.sbx-h2 { font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 40px !important; font-weight: 700 !important; color: var(--sbm-bronze, #8A6428) !important; text-transform: uppercase; margin: 0 0 4px !important; }
.sbx-h3 { font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 32px !important; font-weight: 700 !important; color: var(--sbm-bronze, #8A6428) !important; margin: 0 0 14px !important; }
.sbx-sub { color: #6B655B !important; font-size: 16px !important; margin: 0 0 28px !important; }
.sbx-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px; }
.sbx-grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.sbx-card { background: #fff; border: 1px solid #E3D8C4; display: flex; flex-direction: column; min-width: 0; transition: box-shadow .2s; }
.sbx-card:hover { box-shadow: 0 10px 28px rgba(60,40,10,.12); }
.sbx-card-img { display: block; aspect-ratio: 4 / 3; background: #2A241E center / cover no-repeat; }
.sbx-card-body { padding: 18px 20px 20px; display: flex; flex-direction: column; flex: 1; }
.sbx-card-title { font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 25px !important; font-weight: 700 !important; line-height: 1.2 !important; margin: 0 0 8px !important; }
.sbx-card-title a { color: var(--sbm-title, #2E2A24) !important; }
.sbx-grid-4 .sbx-card-title { font-size: 21px !important; }
.sbx-card-ex { font-size: 14.5px !important; color: #6B655B !important; margin: 0 0 14px !important; line-height: 1.55 !important; }
.sbx-card-foot { margin-top: auto; display: flex; justify-content: space-between; align-items: center; gap: 10px; border-top: 1px dashed #E3D8C4; padding-top: 12px; }
.sbx-price { color: var(--sbm-bronze, #8A6428); font-weight: 700; font-size: 16px; }
.sbx-more { color: var(--sbm-gold, #B88A3E) !important; font-weight: 600; font-size: 14px; white-space: nowrap; } .sbx-more span { margin-left: 6px; }
.sbx-cta-line { text-align: center; margin: 32px 0 0 !important; color: #6B655B !important; font-size: 15.5px !important; }
.sbx-cta-line a { color: var(--sbm-bronze, #8A6428) !important; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }

/* Chi tiết món */
.sbx-dish { display: grid; grid-template-columns: minmax(0, 588px) minmax(0, 1fr); gap: 50px; align-items: start; }
.sbx-dish-img { margin: 0; } .sbx-dish-img img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border: 6px solid #fff; box-shadow: 0 12px 34px rgba(60,40,10,.16); }
.sbx-kicker { color: var(--sbm-gold, #B88A3E) !important; font-size: 15px !important; letter-spacing: .12em; text-transform: uppercase; margin: 6px 0 6px !important; }
.sbx-kicker span { margin: 0 6px; }
.sbx-dish-title { font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 46px !important; font-weight: 700 !important; line-height: 1.1 !important; color: var(--sbm-title, #2E2A24) !important; margin: 0 0 6px !important; }
.sbx-dish .sbm-orn-left { margin: 4px 0 18px !important; }
.sbx-dish-price { font-size: 30px !important; font-weight: 700; color: #A2402B !important; margin: 0 0 14px !important; font-family: "Be Vietnam Pro", Arial, sans-serif; }
.sbx-dish-price small { font-size: 15px; color: #6B655B; font-weight: 400; margin-left: 6px; }
.sbx-dish-short p { font-size: 16.5px !important; line-height: 1.7 !important; color: var(--sbm-text, #4A4740) !important; }
.sbx-ticks { list-style: none; margin: 4px 0 22px !important; padding: 0; }
.sbx-ticks li { position: relative; padding-left: 28px; margin: 0 0 8px !important; font-size: 15.5px; color: var(--sbm-text, #4A4740); }
.sbx-ticks li::before { content: ""; position: absolute; left: 0; top: 5px; width: 16px; height: 16px; background: var(--sbm-gold, #B88A3E); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12.5l5 5L20 6.5' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12.5l5 5L20 6.5' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; }
.sbx-dish-btns { display: flex; gap: 14px; flex-wrap: wrap; margin: 0 0 18px !important; }
.sbx-btn, .sbx-btn-o { display: inline-flex; align-items: center; gap: 8px; min-height: 50px; padding: 0 28px; font-size: 15px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; border-radius: 4px; }
.sbx-btn { background: var(--sbm-gold, #B88A3E); color: #fff !important; }
.sbx-btn-o { border: 1.5px solid var(--sbm-gold, #B88A3E); color: var(--sbm-bronze, #8A6428) !important; }
.sbx-dish-note { display: flex; gap: 10px; align-items: center; font-size: 14.5px !important; color: #6B655B !important; border-top: 1px solid #E3D8C4; padding-top: 14px; margin: 0 !important; }
.sbx-dish-note img { width: 20px; height: 20px; }
.sbx-desc { max-width: 860px; }
.sbx-desc-text p { font-size: 17px !important; line-height: 1.75 !important; color: var(--sbm-text, #4A4740) !important; }

/* Thực đơn HTML (thay ảnh chụp tờ thực đơn cũ) */
.sbx-menu { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px 28px; margin-top: 10px; }
.sbx-mcard { background: #FBF8F1; border: 1px solid #D9C69F; outline: 1px solid #E9DCC0; outline-offset: -9px; padding: 28px 26px 0; display: flex; flex-direction: column; height: 100%; box-shadow: 0 8px 22px rgba(60,40,10,.08); }
.sbx-mcard-wrap { display: flex; flex-direction: column; }
.sbx-mcard-logo { display: flex; flex-direction: column; align-items: center; gap: 2px; margin: 0 0 6px !important; }
.sbx-mcard-logo img { width: 28px; height: 28px; }
.sbx-mcard-logo span { font-family: "Cormorant Garamond", Georgia, serif; font-size: 13px; letter-spacing: .24em; color: var(--sbm-bronze, #8A6428); font-weight: 700; }
.sbx-mcard-title { text-align: center; font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 27px !important; font-weight: 700 !important; color: #7A2E1E !important; text-transform: uppercase; margin: 0 0 14px !important; line-height: 1.15 !important; }
.sbx-mlist { list-style: none; margin: 0 0 18px !important; padding: 0; }
.sbx-mlist li { display: flex; align-items: baseline; gap: 6px; margin: 0 0 7px !important; font-size: 15px; color: #3A342C; }
.sbx-mlist li span { flex: 0 1 auto; min-width: 0; }
.sbx-mlist li i { flex: 1 1 20px; border-bottom: 1px dotted #B8A47E; transform: translateY(-4px); }
.sbx-mlist li b { flex: 0 0 auto; font-weight: 600; color: #3A342C; font-variant-numeric: tabular-nums; }
.sbx-mcard-img { margin: auto -26px 0; aspect-ratio: 4 / 3; background: center / cover no-repeat; border-top: 1px solid #E3D8C4; }
.sbx-mcard-no { text-align: center; font-family: "Cormorant Garamond", Georgia, serif; font-size: 17px !important; color: #4A4740 !important; margin: 10px 0 0 !important; }
.sbx-mnote { text-align: center; color: #8A7B62 !important; font-family: "Cormorant Garamond", Georgia, serif; font-size: 19px !important; margin: 26px 0 0 !important; }
.sbm-mpages .sbm-viewicons { display: none !important; }

/* Trang Thanh toán */
.sbx-pay-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; margin: 10px 0 30px; }
.sbx-pay-step { background: #fff; border: 1px solid #E3D8C4; padding: 26px 24px; text-align: left; }
.sbx-pay-no { font-family: "Cormorant Garamond", Georgia, serif; font-size: 42px; font-weight: 700; color: var(--sbm-gold, #B88A3E); line-height: 1; }
.sbx-pay-step h3, .sbx-pay-box h3 { font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 26px !important; color: var(--sbm-title, #2E2A24) !important; margin: 8px 0 8px !important; }
.sbx-pay-step p { font-size: 15.5px !important; color: #6B655B !important; margin: 0 !important; }
.sbx-pay-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; text-align: left; }
.sbx-pay-box { background: #fff; border: 1px solid #E3D8C4; padding: 26px 28px; }
.sbx-pay-note { background: #2A241E; border-color: #2A241E; }
.sbx-pay-note h3 { color: var(--sbm-gold2, #D4AE62) !important; } .sbx-pay-note p { color: rgba(255,255,255,.88) !important; font-size: 15.5px !important; } .sbx-pay-note strong { color: #fff; }
.sbx-pay-ex { background: rgba(255,255,255,.08); padding: 10px 14px; font-family: monospace; letter-spacing: .03em; }
.sbx-pay-list { list-style: none; margin: 0 !important; padding: 0; }
.sbx-pay-list li { padding: 10px 0 10px 28px; border-bottom: 1px dashed #E3D8C4; margin: 0 !important; position: relative; font-size: 15.5px; color: var(--sbm-text, #4A4740); }
.sbx-pay-list li::before { content: ""; position: absolute; left: 0; top: 15px; width: 14px; height: 14px; border-radius: 50%; border: 2px solid var(--sbm-gold, #B88A3E); }

/* Bài viết: icon meta và chia sẻ cùng cỡ nét (audit icon_oversize) */
.sbm-post-meta img { width: 22px !important; height: 22px !important; }
.sbm-share a img[src*="fb-sq"] { width: 18px !important; height: 18px !important; }
.sbm-share a img[src*="mail"] { width: 26px !important; height: 26px !important; }

/* Ảnh giới thiệu trang chủ: khung cố định theo tỉ lệ, không kéo cao theo cột */
.sbm-about-media .img-inner, .sbm-intro-img .img-inner { max-height: 520px; }

@media (max-width: 849px) {
  .sbx-band { padding: 46px 0 40px; } .sbx-h1 { font-size: 36px !important; } .sbx-lead { font-size: 19px !important; }
  .sbx-grid, .sbx-grid-4 { grid-template-columns: minmax(0, 1fr); }
  .sbx-dish { grid-template-columns: minmax(0, 1fr); gap: 24px; } .sbx-dish-title { font-size: 34px !important; }
  .sbx-menu { grid-template-columns: minmax(0, 1fr); }
  .sbx-pay-steps, .sbx-pay-grid { grid-template-columns: minmax(0, 1fr); }
  .sbx-h2 { font-size: 30px !important; }
}
@media (min-width: 850px) and (max-width: 1099px) { .sbx-grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sbx-menu { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
/* Ảnh bếp trưởng + ảnh không gian trong dải chào mừng: không kéo cao quá 1.2 lần bề rộng (sidebar_big_img) */
@media (min-width: 850px) {
  .sbm-intro-chef .img-inner { min-height: 576px !important; max-height: 576px; }
  .sbm-intro-side .img-inner { padding-top: 118% !important; }
}
.sbx-dish-note { flex-wrap: wrap; } .sbx-dish-note strong { white-space: nowrap; }