/* LỘC NHIÊN V5 — BẢN KIỂM TRA MOBILE, 17/10/2026
   CSS bổ sung: KHÔNG thay ảnh, phông nền, thứ tự hay nội dung 1–8 trên desktop.
   Ưu tiên tránh tràn ngang, thao tác cảm ứng và khả năng đọc/zoom ảnh trên điện thoại. */
@media (max-width: 900px) {
  html,body {max-width:100%;overflow-x:clip}
  .container {width:min(calc(100% - 28px),var(--w,1240px))}
  .head-main {gap:10px}
  .head-search {min-width:0;flex:1}
  .head-search input {min-width:0}
  .nav-wrap .nav {gap:8px 15px;flex-wrap:wrap}
  .nav-wrap .nav a {font-size:12px;padding:10px 1px}
  .contact-panel,.garden-inner,.story-inner,.review-layout,.award-layout,.split {min-width:0}
  img {max-width:100%}
  h1,h2,h3,h4,p,.footer-grid a {overflow-wrap:break-word}
  .content-page,.product-grid,.press-full {min-width:0}
  .footer-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:701px) and (max-width:900px) {
  .head-main .logo-link img {width:100px;height:72px}
  .head-main .head-phone strong {font-size:13px}
  .head-main .head-side {gap:8px}
  .head-main .head-search {height:42px}
  .press-full {grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .press-full .news-card {min-width:0;max-width:100%}
}
@media (max-width:700px) {
  /* Không làm đổi các mục đã chốt trên desktop */
  html {font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
  .head-main {gap:7px}
  .head-search {max-width:none;min-width:0}
  .head-search input {min-width:0;width:100%;font-size:12px}
  .head-search input::placeholder {text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
  .head-search button {min-width:40px}
  .head-main .logo-link {flex:0 0 auto}
  .head-side {flex:0 0 auto}
  .head-side .cart {display:flex;min-width:34px}
  .mobile-toggle {touch-action:manipulation;min-width:40px;min-height:40px}
  .nav-wrap .nav {display:none;flex-direction:column;align-items:stretch;gap:0;flex-wrap:nowrap}
  .nav-wrap .nav.open {display:flex}
  .nav-wrap .nav a {padding:12px 10px;font-size:14px}
  .btn,button,a {touch-action:manipulation}
  button,.btn,.circle-btn {min-height:42px}
  .inline-actions {gap:10px;justify-content:center}
  .inline-actions .btn {max-width:100%;white-space:normal;text-align:center}
  .choice {flex-wrap:wrap}
  .choice button {flex:1 1 125px;min-width:0}
  .product-card {min-width:0}
  .product-grid,.press-full {min-width:0}
  .press-full {grid-template-columns:1fr;gap:16px}
  .press-full .news-card {min-width:0;max-width:100%;width:100%}
  .press-full .news-card img {display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
  .approved-8 .news-track {max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;padding-bottom:18px}
  .approved-8 .news-card {flex:0 0 min(76vw,280px);min-width:0;scroll-snap-align:center;max-width:280px}
  .approved-8 .news-card button {min-height:44px;display:block}
  .approved-8 .news-card img {width:100%;height:auto;aspect-ratio:1;object-fit:contain}
  .approved-8 .news-card .label {min-height:65px}
  .press-bottom {overflow-wrap:anywhere}
  .lightbox {padding:12px}
  .lightbox img {max-width:calc(100vw - 24px);max-height:calc(100dvh - 88px);height:auto;width:auto;object-fit:contain}
  .lightbox button {min-width:46px;min-height:46px;top:12px;right:12px;z-index:5}
  /* Nút dưới cùng của Mục 5 không di chuyển theo độ dài tiêu đề */
  .award-matched-ocop .award-mobile-card {min-height:650px}
  .award-matched-ocop .award-mobile-nav {margin-top:auto;padding-top:18px;width:100%;flex-shrink:0}
  .award-matched-ocop .award-mobile-nav button {min-width:44px;min-height:44px}
  #phan-hoi.review-locked-6 .review-locked-mobile-nav {flex-shrink:0;gap:16px}
  #phan-hoi.review-locked-6 .review-locked-mobile-nav button {min-width:44px;min-height:44px}
  /* Giữ nguyên nguyên ảnh Mục 7: trên mobile bổ sung nút thật, dễ bấm,
     thay vì chỉ dựa vào vùng chạm nhỏ ẩn trong hình chụp đã chốt. */
  #vung-nguyen-lieu .exact-image-card .exact-home-cta {position:static;transform:none;opacity:1;display:flex;width:max-content;max-width:90%;margin:12px auto 18px;padding:12px 28px;min-height:44px;font-size:13px;box-sizing:border-box;box-shadow:0 5px 14px #143c291a}
  .exact-subpage-frame {max-width:100%}
  .exact-subpage-image {height:auto;max-width:100%}
  .garden-approved-actions {display:flex;flex-wrap:wrap;justify-content:center}
  .garden-approved-actions .btn {min-height:44px}
  .footer-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px}
  .footer-grid >div {min-width:0}
  .footer-grid p,.footer-grid a {overflow-wrap:anywhere}
  .footer-bottom {overflow-wrap:break-word}
}
@media (max-width:360px) {
  .head-main .logo-link img {width:67px;height:53px}
  .head-main .mobile-toggle {padding:4px 7px;min-width:35px}
  .head-main .head-search input {padding:0 7px;font-size:11px}
  .head-main .head-search button {width:35px;min-width:35px}
  .footer-grid {column-gap:9px}
  .award-matched-ocop .award-mobile-card {padding:24px 13px}
}