/* Mobile menu about tab — Figma 991:275 (panel 310px wide, starts x=120) */
.lacyen-mabout { padding: 5px 0 24px 5px; box-sizing: border-box; }
.lacyen-mabout__photo { display: block; width: 100%; max-width: 256px; aspect-ratio: 256 / 140; border-radius: 5px; overflow: hidden; background: #d9d9d9; }
.lacyen-mabout__photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.lacyen-mabout__grid { display: grid; grid-template-columns: 136px minmax(0, 1fr); column-gap: 0; row-gap: 26px; margin-top: 26px; padding-left: 22px; }
.lacyen-mabout__item { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; color: #000 !important; text-decoration: none; }
.lacyen-mabout__icon { width: 70px; height: 70px; border-radius: 5px; background: #EFFFD1; box-shadow: inset 0 0 0 1px #D3F0B4; display: flex; align-items: center; justify-content: center; }
.lacyen-mabout__icon img { display: block; width: 40px; height: 40px; }
.lacyen-mabout__label { font-family: "Be Vietnam Pro", sans-serif; font-size: 12px; font-weight: 400; line-height: 1.35; color: #000; }
.lacyen-mmenu__panel[data-mmenu-panel="about"] { padding: 0 !important; }
/* Desktop "Về Lạc Yên Foods" dropdown icons — same tile as mobile */
.lacyen-about-menu .lacyen-about-menu__icon { width: 64px; height: 64px; border-radius: 5px; background: #EFFFD1 !important; box-shadow: inset 0 0 0 1px #D3F0B4; display: flex !important; align-items: center; justify-content: center; overflow: hidden; }
.lacyen-about-menu .lacyen-about-menu__icon img { width: 38px !important; height: 38px !important; object-fit: contain !important; border-radius: 0 !important; }

/* fluid about tab (phones 360-430): 2 equal columns inside panel, no overflow */
@media (max-width: 849px) {
.lacyen-mmenu__panel[data-mmenu-panel="about"]:not(#bond-x):not(#bond-y) { overflow-x: hidden !important; max-width: 100% !important; }
.lacyen-mabout:not(#bond-x):not(#bond-y) { width: 100% !important; max-width: 100% !important; padding: 10px 12px 24px !important; overflow: hidden; }
.lacyen-mabout__photo:not(#bond-x):not(#bond-y) { width: 100% !important; max-width: 100% !important; margin: 0 auto !important; }
.lacyen-mabout__grid:not(#bond-x):not(#bond-y) { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 12px !important; row-gap: 20px !important; margin-top: 20px !important; padding: 0 !important; width: 100% !important; }
.lacyen-mabout__item:not(#bond-x):not(#bond-y) { align-items: center !important; text-align: center !important; gap: 8px !important; min-width: 0 !important; }
.lacyen-mabout__icon:not(#bond-x):not(#bond-y) { width: min(70px, 100%) !important; height: auto !important; aspect-ratio: 1 / 1; }
.lacyen-mabout__icon img:not(#bond-x):not(#bond-y) { width: 57% !important; height: auto !important; aspect-ratio: 1 / 1; }
.lacyen-mabout__label:not(#bond-x):not(#bond-y) { display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; max-width: 100%; font-size: 12px !important; line-height: 1.3 !important; text-align: center !important; word-break: normal; overflow-wrap: anywhere; }
}