/* maya-new.css - He mau + font theo file giao dien mau (Mayafoodvn)
   Ban thu v4 - 2026-09-30 - danh cho theme ban sao 1001518674.
   KHONG duoc nap tren /pages/dat-hang-sunday-basic, /collections/sunday-basic
   va moi trang dung template page.collection-landing (dieu kien nam o theme.liquid).
   Chi doi MAU / NEN / FONT theo tung khu vuc. Khong doi bo cuc, khong doi chuc nang. */

/* 1. BIEN MAU CUA THEME (theme EGA doc mau tu cac bien nay) */
:root {
  --maya-primary: #1F5A4A;
  --maya-primary-dark: #173F35;
  --maya-text: #1F2937;
  --maya-muted: #667085;
  --maya-bg: #FFFFFF;
  --maya-soft: #F6F7F4;
  --maya-line: #E5E7EB;
  --maya-hover: #C7772D;
  --maya-price: #B45309;
  --maya-font: 'Be Vietnam Pro', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  --text-color: var(--maya-text);
  --text-hover: var(--maya-hover);
  --text-secondary-color: var(--maya-muted);
  --link-color: var(--maya-primary);
  --primary-color: var(--maya-primary);
  --sub-color: var(--maya-hover);
  --secondary-color: var(--maya-primary-dark);
  --body-background: var(--maya-bg);
  --border-color: var(--maya-line);
  --price-color: var(--maya-price);
  --label-background: var(--maya-price);
  --label-color: #FFFFFF;
  --addtocart-bg: var(--maya-primary);
  --addtocart-text-color: #FFFFFF;
  --addtocart-border: var(--maya-primary);
  --cta-color: var(--maya-primary);
  --cta-text-color: #FFFFFF;
  --viewmore-bg: var(--maya-primary);
  --viewmore-text: #FFFFFF;
  --viewmore-arrow-color: #FFFFFF;
  --header-category-bg: var(--maya-primary);
  --header-category-color: #FFFFFF;
  --subheader-background: var(--maya-primary-dark);
  --subheader-color: #FFFFFF;
  --top_bar_bg: var(--maya-primary-dark);
  --footer-bg: var(--maya-primary-dark);
  --footer-color: rgba(255, 255, 255, .85);
}

/* 2. NEN WEBSITE + FONT */
body {
  background-color: var(--maya-bg);
  font-family: var(--maya-font);
}
.heading-bar__title {
  font-family: var(--maya-font);
}
/* main.css dang ep font Comfortaa cho .rte * bang !important -> phai dung !important de doi font (chi font, khong doi mau) */
#template-article .rte *,
#template-page .rte *,
#template-product .rte *,
#template-collection .rte *,
#template-blog .rte * {
  font-family: var(--maya-font) !important;
}

/* 3. HEADER: chi doi mau nen/chu/vien, giu nguyen bo cuc */
header.ega-header {
  background-color: var(--maya-bg) !important;
  color: var(--maya-text);
  border-bottom: 1px solid var(--maya-line);
}
/* O tai khoan so xuong (Dang nhap / Dang ky) co nen toi #333 -> giu chu trang */
header.ega-header .account-action a {
  color: #FFFFFF;
}

/* 4. KHOI NOI DUNG TRANG CHU dang to nen den */
#template-index .body_module {
  background-color: var(--maya-bg);
}

/* 5. FOOTER: nen #173F35, chu sang */
footer {
  background-color: var(--maya-primary-dark);
  color: rgba(255, 255, 255, .85);
}
footer .footer-block a {
  color: rgba(255, 255, 255, .85);
}
footer .footer-block a:hover {
  color: #F3C79A;
}
/* O mang xa hoi (Facebook, Youtube, Tiktok, Instgram) co nen trang -> chu toi */
footer .follow_option li .link a {
  color: var(--maya-text);
}

/* 6. THE SAN PHAM: nhan giam gia */
.label_product .label_wrapper {
  background-color: var(--maya-price);
  color: #FFFFFF;
}

/* 7. TRANG GIOI THIEU (about-us, all-about-mayafoodvn)
   Noi dung gan cung mau chu sang cho nen den. Chi nham dung khoi co style inline do.
   Khung nen xanh dam (#1E5631, #143d24) GIU chu trang. */
#template-page .content-page div[style*="color:#EAE8E0"] {
  color: var(--maya-text) !important;
}
#template-page .content-page div[style*="color:#EAE8E0"] strong[style*="color:#fff"] {
  color: var(--maya-primary-dark) !important;
}
#template-page .content-page div[style*="background:#1E5631"] strong[style],
#template-page .content-page div[style*="background:#143d24"] strong[style] {
  color: #FFFFFF !important;
}
#template-page .content-page p[style*="color:#c7c7c7"] {
  color: var(--maya-muted) !important;
}
#template-page .content-page h2[style*="color:#7ED957"],
#template-page .content-page span[style*="color:#7ED957"] {
  color: var(--maya-primary) !important;
}
#template-page .content-page div[style*="rgba(255,255,255,0.05)"] {
  background: var(--maya-soft) !important;
  border-left-color: var(--maya-primary) !important;
}

/* 8. BAI VIET BLOG
   Goc: template bai viet chen <style> .article-content .rte h2, h2 * ... { color:#05ff09 !important }
   Chi ap cho trang bai viet; bo qua tieu de nam trong khoi co nen rieng (giu nguyen mau chu trong khoi do). */
#template-article .article-content .rte :is(h1, h2, h3, h4, h5, h6):not([style*="background"] *),
#template-article .article-content .rte :is(h1, h2, h3, h4, h5, h6):not([style*="background"] *) * {
  color: var(--maya-primary-dark) !important;
}
/* Chu neon #05ff09 gan san trong NOI DUNG bai (noi dung cu can lam sach) - chi trong bai viet, ngoai khoi co nen rieng */
#template-article .article-content .rte [style*="05ff09" i]:not([style*="background"] *) {
  color: var(--maya-primary) !important;
}

/* ===== MAYA BUOC 3 (DU KIEN, CHUA LUU) - noi vao CUOI assets/maya-new.css =====
   Chi dung class .maya-* (header moi, trang chu moi, trang SP mau). maya-new.css KHONG nap tren vung Sunday.
   Khong doi display/position cua nut gio hang, form, bien the. Khong dung !important. */

/* Header moi */
.maya-header .header-wrap { display: flex; align-items: center; gap: 16px; }
.maya-search { flex: 1; min-width: 0; display: flex; border: 1.5px solid var(--maya-primary); border-radius: 8px; overflow: hidden; background: var(--maya-bg); }
.maya-search input { flex: 1; min-width: 0; border: 0; padding: 10px 12px; font: inherit; color: var(--maya-text); background: transparent; }
.maya-search button { border: 0; background: var(--maya-primary); color: #FFFFFF; padding: 0 16px; font-weight: 600; font-family: inherit; cursor: pointer; }
.maya-cta { background: var(--maya-hover); color: #FFFFFF; font-weight: 700; padding: 10px 16px; border-radius: 8px; white-space: nowrap; }
.maya-cta:hover, .maya-cta:focus { background: var(--maya-primary-dark); color: #FFFFFF; }
.maya-nav-row { border-top: 1px solid var(--maya-line); }
.maya-nav-parent { cursor: pointer; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@media (max-width: 991px) {
  .maya-header .header-wrap { flex-wrap: wrap; }
  .maya-search { order: 3; flex-basis: 100%; }
  .maya-cta { padding: 8px 12px; font-size: 13px; }
}

/* Trang chu moi */
.maya-home { padding: 36px 0; }
.maya-home--alt { background: var(--maya-soft); }
.maya-eyebrow { font-size: 12.5px; letter-spacing: .12em; text-transform: uppercase; color: var(--maya-primary); font-weight: 700; margin: 0; }
.maya-hero { display: grid; grid-template-columns: 1.15fr .85fr; gap: 32px; align-items: center; }
.maya-hero__title { font-size: clamp(26px, 3.6vw, 40px); line-height: 1.2; color: var(--maya-primary-dark); margin: 10px 0 18px; }
.maya-hero__media img { width: 100%; height: auto; border-radius: 12px; }
.maya-row { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; }
.maya-btn { display: inline-block; background: var(--maya-primary); color: #FFFFFF; font-weight: 600; padding: 10px 18px; border-radius: 8px; }
.maya-btn:hover, .maya-btn:focus { background: var(--maya-primary-dark); color: #FFFFFF; }
.maya-btn--ghost { background: transparent; color: var(--maya-primary); border: 1.5px solid var(--maya-primary); }
.maya-btn--ghost:hover, .maya-btn--ghost:focus { background: transparent; color: var(--maya-hover); border-color: var(--maya-hover); }
.maya-sec-head { display: flex; justify-content: space-between; align-items: end; gap: 12px; flex-wrap: wrap; margin-bottom: 18px; }
.maya-sec-head h2 { margin: 0; font-size: 24px; color: var(--maya-primary-dark); }
.maya-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.maya-card { display: flex; flex-direction: column; border: 1px solid var(--maya-line); border-radius: 10px; overflow: hidden; background: var(--maya-bg); color: var(--maya-text); }
.maya-card__media { aspect-ratio: 1 / 1; background: var(--maya-soft); display: block; }
.maya-card__media img { width: 100%; height: 100%; object-fit: cover; }
.maya-card__body { padding: 12px; }
.maya-card__title { font-weight: 600; }
.maya-steps { list-style: none; counter-reset: s; display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; padding: 0; margin: 0 0 18px; }
.maya-steps li { counter-increment: s; background: var(--maya-bg); border: 1px solid var(--maya-line); border-radius: 10px; padding: 14px; }
.maya-steps li b::before { content: counter(s) ". "; }
.maya-steps li span { display: block; color: var(--maya-muted); font-size: 14px; margin-top: 4px; }
.maya-home--contact { background: var(--maya-primary-dark); color: rgba(255, 255, 255, .9); }
.maya-contact h2 { color: #FFFFFF; }
.maya-admins { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.maya-admin { display: flex; gap: 12px; align-items: center; background: rgba(255, 255, 255, .08); border-radius: 12px; padding: 14px; }
.maya-admin b { color: #FFFFFF; display: block; }
.maya-admin span { display: block; }
.maya-admin__img { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; }
.maya-admin__btns { display: flex; gap: 8px; margin-top: 8px; }
.maya-home--contact .maya-btn { background: #FFFFFF; color: var(--maya-primary-dark); }
.maya-home--contact .maya-btn--ghost { background: transparent; color: #FFFFFF; border-color: #FFFFFF; }
@media (max-width: 760px) {
  .maya-hero { grid-template-columns: 1fr; }
  .maya-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .maya-steps, .maya-admins { grid-template-columns: 1fr; }
}

/* Trang san pham MAU (template product.maya-mau, chi xem qua ?view=maya-mau tren ban sao) */
.maya-pdp { padding-top: 24px; padding-bottom: 40px; } /* chi dat doc: giu le ngang cua .container (mobile) */
.maya-crumb { font-size: 13px; color: var(--maya-muted); margin-bottom: 16px; }
.maya-pdp__top { display: grid; grid-template-columns: 1.1fr .9fr; gap: 28px; align-items: start; }
.maya-pdp__gallery { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; }
.maya-pdp__gallery img:first-child { grid-column: 1 / -1; }
.maya-pdp__gallery img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 8px; border: 1px solid var(--maya-line); }
.maya-pdp__info h1 { font-size: 28px; color: var(--maya-primary-dark); margin: 0 0 10px; }
.maya-pdp__label { font-weight: 600; margin: 16px 0 8px; }
.maya-chips { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.maya-chips li { border: 1px solid var(--maya-line); border-radius: 6px; padding: 6px 10px; font-size: 14px; }
.maya-pdp__cta { margin-top: 18px; }
.maya-pdp__sec { margin-top: 32px; }
.maya-pdp__sec h2 { font-size: 22px; color: var(--maya-primary-dark); }
.maya-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.maya-table th, .maya-table td { border: 1px solid var(--maya-line); padding: 8px; text-align: left; }
.maya-steps--6 { grid-template-columns: repeat(3, 1fr); }
.maya-pdp__end { text-align: center; }
@media (max-width: 760px) {
  .maya-pdp__top { grid-template-columns: 1fr; }
  .maya-steps--6 { grid-template-columns: 1fr; }
  .maya-table { display: block; overflow-x: auto; }
}

/* Thong bao khi trang ket qua/collection khong con SP sau khi loc Sunday */
.maya-empty { padding: 24px 0; color: var(--maya-muted); }

/* ===== MAYA BUOC 3 - BAN 4 (DU KIEN, CHUA LUU) ===== */

/* Menu: muc cha la <button>. Theme goc chi mo menu con khi "a:hover + .submenu" (header.css dong 768),
   nen nut can quy tac rieng: di chuot (tru khi vua bam Esc: class maya-dong) hoac bam/Enter/Space (class maya-open do JS them).
   KHONG dung :focus-within (xung dot voi Esc: focus tra ve nut lam menu mo lai). */
.maya-nav-parent { background: transparent; border: 0; font: inherit; color: inherit; cursor: pointer; text-align: left; }
.maya-nav-parent:focus-visible { outline: 2px solid var(--maya-hover); outline-offset: 2px; }
@media (min-width: 992px) {
  .maya-header .navigation .menu-item:not(.maya-dong):hover > .submenu,
  .maya-header .navigation .menu-item.maya-open > .submenu { display: block; z-index: 900; }
}
#mobile-menu .maya-nav-parent { width: 100%; }

/* The san pham gioi thieu (SP thuong): TU VAN NGAY o vi tri gia */
.maya-pcard { display: flex; flex-direction: column; height: 100%; border: 1px solid var(--maya-line); border-radius: 10px; overflow: hidden; background: var(--maya-bg); }
.maya-pcard__media { display: block; aspect-ratio: 1 / 1; background: var(--maya-soft); }
.maya-pcard__media img { width: 100%; height: 100%; object-fit: cover; }
.maya-pcard__body { display: flex; flex-direction: column; gap: 10px; flex: 1; padding: 12px; }
.maya-pcard__title { color: var(--maya-text); font-weight: 600; line-height: 1.4; }
.maya-pcard__title:hover, .maya-pcard__title:focus { color: var(--maya-primary); }
.maya-pcard__cta { margin-top: auto; display: block; text-align: center; background: var(--maya-hover); color: #FFFFFF; font-weight: 700; padding: 9px 12px; border-radius: 8px; }
.maya-pcard__cta:hover, .maya-pcard__cta:focus { background: var(--maya-primary-dark); color: #FFFFFF; }

/* Trang chu: mo ta hero, anh khoi in logo, thong tin lien he */
.maya-hero__desc { color: var(--maya-muted); margin: 0 0 20px; max-width: 56ch; }
.maya-print__media { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin: 0 0 18px; }
.maya-print__media img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 10px; }
.maya-contact__lines { display: flex; flex-wrap: wrap; gap: 10px 24px; margin: 0 0 16px; }
.maya-contact__lines a { color: #FFFFFF; font-weight: 600; }
@media (max-width: 760px) {
  .maya-print__media { grid-template-columns: 1fr; }
}

/* Trang chi tiet SP THUONG: TU VAN NGAY o vi tri gia (snippet maya-pdp-tuvan). Trang SP Sunday khong co khoi nay. */
.maya-pdp-tuvan { margin: 12px 0 16px; padding: 14px 16px; background: var(--maya-soft); border: 1px solid var(--maya-line); border-radius: 10px; }
.maya-pdp-tuvan__btn { display: inline-block; padding: 12px 28px; font-size: 16px; }
.maya-pdp-tuvan__note { margin: 10px 0 0; color: var(--maya-muted); font-size: 14px; }

/* Goi y tim kiem Egany (khu vuc thong thuong): link RIENG "TƯ VẤN NGAY" sau moi dong goi y (JS trong maya-header) */
.maya-sm-tuvan { display: block; margin: -4px 10px 8px 90px; font-size: 13px; font-weight: 700; color: var(--maya-hover); }
.maya-sm-tuvan:hover, .maya-sm-tuvan:focus { color: var(--maya-primary-dark); text-decoration: underline; }
/* The SP khu vuc thuong (vong 1): anh + ten + "Xem chi tiet ->". CHI ap trong .maya-card-tv, khong doi nut Sunday / nut lien he khac. */
.maya-card-tv .product-info { background: #FFFFFF; }
.item_product_main .maya-card-tv a.maya-card-tv__link, .maya-card-tv a.maya-card-tv__link { display: inline-flex; align-items: center; gap: 4px; min-height: 44px; color: #1F5A4A; font-size: 15px; font-weight: 600; line-height: 1.3; text-transform: none; letter-spacing: normal; background: #FFFFFF; text-decoration: none; }
.item_product_main .maya-card-tv a.maya-card-tv__link:hover, .item_product_main .maya-card-tv a.maya-card-tv__link:focus, .maya-card-tv a.maya-card-tv__link:hover, .maya-card-tv a.maya-card-tv__link:focus { color: #173F35; text-decoration: underline; }
@media (max-width: 767px) { .item_product_main .maya-card-tv a.maya-card-tv__link, .maya-card-tv a.maya-card-tv__link { font-size: 14px; } }

/* 9. DOT 3 B2 (2026-10-04): HEADER + MENU VUNG THUONG.
   CHI ap duoi header.ega-header.maya-hd. Class .maya-hd chi gan khi maya_hd_moi = true (header.liquid).
   maya-new.css CO nap tren trang SP Sunday mo truc tiep (/products/...) -> KHONG viet selector header khong co .maya-hd.
   Moc: <992 = mobile (EGA giu nguyen, CTA an) | 992-1199 = chu menu nho | 1280/1366 = 1 hang, an hotline | >=1440 = hien hotline. */
header.ega-header.maya-hd .maya-hd-cta { display: none; }
header.ega-header.maya-hd .maya-hd-tel { display: none; color: var(--maya-primary); font-size: 14px; font-weight: 600; }
header.ega-header.maya-hd .maya-hd-btn { display: inline-block; padding: 8px 12px; border-radius: 8px; background: var(--maya-primary); color: #FFFFFF; font-size: 13px; font-weight: 700; line-height: 1; }
header.ega-header.maya-hd .maya-hd-btn:hover,
header.ega-header.maya-hd .maya-hd-btn:focus { background: var(--maya-primary-dark); color: #FFFFFF; }
@media (min-width: 992px) {
  header.ega-header.maya-hd .header-wrap { display: flex; flex-wrap: nowrap; align-items: center; }
  header.ega-header.maya-hd .navigation--horizontal { flex: 1 1 auto; min-width: 0; }
  /* Khung menu dang bi gioi han 723px (nguon chua ro: header.css hoac JS gan inline) -> !important de chac thang ca style inline */
  header.ega-header.maya-hd .navigation-horizontal-wrapper { max-width: none !important; width: auto !important; }
  header.ega-header.maya-hd .navigation-horizontal { flex-wrap: nowrap; justify-content: center; }
  header.ega-header.maya-hd .navigation-horizontal .menu-item__link { padding-left: 7px; padding-right: 7px; font-size: 14px; white-space: nowrap; }
  header.ega-header.maya-hd .header-right { flex: 0 0 auto; flex-wrap: nowrap; align-items: center; gap: 10px; }
  header.ega-header.maya-hd .maya-hd-cta { display: flex; align-items: center; gap: 10px; white-space: nowrap; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  header.ega-header.maya-hd .navigation-horizontal .menu-item__link { padding-left: 5px; padding-right: 5px; font-size: 13px; }
  header.ega-header.maya-hd .maya-hd-btn { padding: 7px 10px; font-size: 12px; }
}
@media (min-width: 1440px) {
  header.ega-header.maya-hd .maya-hd-tel { display: inline; }
}

/* 10. UI POLISH DOT 1 (2026-10-05): HEADER + TYPOGRAPHY + NEN/CARD – CHI VUNG THUONG.
   Pham vi: moi selector bat dau bang body:has(header.ega-header.maya-hd). File nay CO nap tren trang SP Sunday mo truc tiep,
   nhung header Sunday khong co .maya-hd -> khong an. Trinh duyet khong ho tro :has -> giu giao dien cu (an toan).
   Font: chi dung Be Vietnam Pro da nap (400-700), heading toi da 700. Khong doi setting font global (setting ap ca Sunday). */
:root { --maya-warm: #F7F5F1; --maya-mint: #EEF3EF; --maya-card-line: #ECE7DF; --maya-radius: 20px; --maya-shadow: 0 2px 12px rgba(31, 41, 55, .05); }

/* 10.1 Typography: ep Be Vietnam Pro cho 3 cho lech (hero = Comfortaa 500, ten bai blog = Comfortaa 700, khoi tu van = Mulish 700) + heading 700 */
body:has(header.ega-header.maya-hd) { font-family: var(--maya-font); background: var(--maya-warm); }
body:has(header.ega-header.maya-hd) .home-slider h2,
body:has(header.ega-header.maya-hd) .heading-bar__title,
body:has(header.ega-header.maya-hd) .section_blog .blog-list h3,
body:has(header.ega-header.maya-hd) .section_blog .blog-list h3 a { font-family: var(--maya-font); }
body:has(header.ega-header.maya-hd) .home-slider h2 { font-size: 48px; font-weight: 700; line-height: 1.15; letter-spacing: -0.01em; }
body:has(header.ega-header.maya-hd) .heading-bar__title { font-size: 40px; font-weight: 700; line-height: 1.2; letter-spacing: -0.01em; }
/* 2 cho theme dat font rieng bang selector dai (index.css): .section_store .store-info .store-info--wrapper .heading-bar__title (Mulish)
   va .section_blog .blogwp.only-title.beauty .content_blog h3 a.link (Comfortaa) -> viet selector cu the hon, khong can !important */
body:has(header.ega-header.maya-hd) .section_store .store-info .store-info--wrapper .heading-bar__title { font-family: var(--maya-font); font-size: 30px; font-weight: 700; }
body:has(header.ega-header.maya-hd) .section_blog .blogwp .content_blog h3,
body:has(header.ega-header.maya-hd) .section_blog .blogwp .content_blog h3 a.link { font-family: var(--maya-font); font-size: 18px; font-weight: 600; line-height: 1.4; }
@media (max-width: 767px) {
  body:has(header.ega-header.maya-hd) .home-slider h2 { font-size: 32px; }
  body:has(header.ega-header.maya-hd) .heading-bar__title { font-size: 28px; }
  body:has(header.ega-header.maya-hd) .section_store .store-info .store-info--wrapper .heading-bar__title { font-size: 22px; }
}

/* 10.2 Header desktop: menu 15px/600, hotline hien tu 1200px, an tai khoan (desktop), CTA gon */
body:has(header.ega-header.maya-hd) header.ega-header.maya-hd { background: #FFFFFF; border-bottom: 1px solid var(--maya-card-line); }
header.ega-header.maya-hd .maya-hd-btn { font-weight: 600; border-radius: 10px; }
@media (min-width: 992px) {
  /* .d-lg-block cua bootstrap la display:block !important -> can !important de an icon tai khoan */
  header.ega-header.maya-hd #icon-account { display: none !important; }
  header.ega-header.maya-hd .header-right__icons { grid-template-columns: repeat(2, 1fr); }
  header.ega-header.maya-hd .navigation-horizontal .menu-item__link { font-weight: 600; }
}
@media (min-width: 1200px) {
  header.ega-header.maya-hd .navigation-horizontal .menu-item__link { padding-left: 11px; padding-right: 11px; font-size: 15px; }
  header.ega-header.maya-hd .header-right { gap: 16px; }
  header.ega-header.maya-hd .maya-hd-cta { gap: 14px; }
  header.ega-header.maya-hd .maya-hd-tel { display: inline; font-size: 15px; font-weight: 600; }
  header.ega-header.maya-hd .maya-hd-btn { padding: 10px 16px; font-size: 14px; }
}

/* 10.3 Nen + card: nen am, card trang vien nhe bo 20px bong rat nhe */
body:has(header.ega-header.maya-hd) .section_banner_coll { background: var(--maya-mint); }
/* nen khung hero do JS gan inline tu setting mau slider (data-color) -> doi mau o Dot 2 bang setting, o day chi bo goc + vien + bong */
body:has(header.ega-header.maya-hd) .home-slider .items { border: 1px solid var(--maya-card-line); border-radius: 24px; box-shadow: var(--maya-shadow); overflow: hidden; }
body:has(header.ega-header.maya-hd) .section_collections .item { background: #FFFFFF; border: 1px solid var(--maya-card-line); border-radius: var(--maya-radius); box-shadow: var(--maya-shadow); padding: 12px 12px 14px; }
/* anh o danh muc khac ti le (vd "Nap ly" thap hon) -> o lech chieu cao: ep cung ti le 1:1 */
body:has(header.ega-header.maya-hd) .section_collections .item img { border-radius: 14px; width: 100%; max-width: 180px; aspect-ratio: 1 / 1; object-fit: cover; }
body:has(header.ega-header.maya-hd) .section_banner_coll a.banner img,
body:has(header.ega-header.maya-hd) .imgtext_body img { border-radius: var(--maya-radius); }
body:has(header.ega-header.maya-hd) .section_blog .blogwp { background: #FFFFFF; border: 1px solid var(--maya-card-line); border-radius: var(--maya-radius); box-shadow: var(--maya-shadow); overflow: hidden; padding-bottom: 12px; }
body:has(header.ega-header.maya-hd) .section_blog .blogwp .content_blog { padding: 12px 14px 0; }
/* anh bai blog khac ti le (anh ngang de khoang trang tren dau the) -> ep 4:3 */
body:has(header.ega-header.maya-hd) .section_blog .blogwp a.image-blog { display: block; height: auto; }
body:has(header.ega-header.maya-hd) .section_blog .blogwp a.image-blog img { width: 100%; max-height: none; aspect-ratio: 4 / 3; object-fit: cover; }
body:has(header.ega-header.maya-hd) .store-info { border-radius: var(--maya-radius); }
body:has(header.ega-header.maya-hd) .item_product_main { background: #FFFFFF; border: 1px solid var(--maya-card-line); border-radius: var(--maya-radius); box-shadow: var(--maya-shadow); overflow: hidden; }
body:has(header.ega-header.maya-hd) .item_product_main .product-info { padding: 12px 14px 14px; }
/* anh SP khong vuong de dai trang trong the (img contain trong khung 1:1) -> phu kin khung */
body:has(header.ega-header.maya-hd) .item_product_main .image_thumb img { object-fit: cover; width: 100%; height: 100%; }
/* tieu de trang danh muc (h1.collection-title 400) + tab tim kiem mat vien tren nen am */
body:has(header.ega-header.maya-hd) h1.collection-title { font-weight: 700; font-size: 28px; }
body:has(header.ega-header.maya-hd) .nav-search-main .nav-link { background: #FFFFFF; border: 1px solid var(--maya-card-line); border-radius: 10px; }
body:has(header.ega-header.maya-hd) .nav-search-main .nav-link.active { border-color: var(--maya-primary); color: var(--maya-primary); }
body:has(header.ega-header.maya-hd) .section_collections .item { margin-left: 8px; margin-right: 8px; }
@media (max-width: 767px) {
  body:has(header.ega-header.maya-hd) .section_collections .item { margin-left: 6px; margin-right: 6px; }
}

/* ===== 11. DOT 2 TRANG CHU: HERO + DANH MUC + IN LOGO (chi vung thuong, khong !important) ===== */
/* 11.1 Hero: anh phu kin cot phai (het dai trong duoi anh) */
@media (min-width: 576px) {
  body:has(header.ega-header.maya-hd) .section_slider .items .col-sm-6:not(.content-wrap) > a,
  body:has(header.ega-header.maya-hd) .section_slider .items .col-sm-6:not(.content-wrap) picture { display: block; height: 100%; }
  body:has(header.ega-header.maya-hd) .section_slider .items .col-sm-6:not(.content-wrap) img { height: 100%; object-fit: cover; object-position: center; }
  body:has(header.ega-header.maya-hd) .section_slider .items { min-height: 440px; }
}
/* 11.2 Hero mobile: bot khoang trong duoi nut tron */
@media (max-width: 575px) {
  body:has(header.ega-header.maya-hd) .section_slider .view-more { margin-bottom: 24px; }
  body:has(header.ega-header.maya-hd) .section_slider .content-wrap { padding: 20px 24px; }
}
/* 11.3 Danh muc: anh lon hon, ten sat anh, dong "Xem chi tiet" */
body:has(header.ega-header.maya-hd) .section_collections .item img { max-width: 210px; }
body:has(header.ega-header.maya-hd) .section_collections .item h3 a { margin-top: 12px; font-size: 18px; font-weight: 600; line-height: 1.3; }
body:has(header.ega-header.maya-hd) .section_collections .item h3 a::after { content: "Xem chi tiết →"; display: block; margin-top: 6px; font-size: 14px; font-weight: 600; color: var(--maya-primary); }
body:has(header.ega-header.maya-hd) .section_collections .item h3 a:hover::after,
body:has(header.ega-header.maya-hd) .section_collections .item h3 a:focus::after { color: var(--maya-primary-dark); text-decoration: underline; }
@media (max-width: 767px) {
  body:has(header.ega-header.maya-hd) .section_collections .item > a { width: 100%; height: auto; }
  body:has(header.ega-header.maya-hd) .section_collections .item img { max-width: none; }
  body:has(header.ega-header.maya-hd) .section_collections .item h3 a { margin-top: 10px; font-size: 15px; min-height: 2.6em; }
  body:has(header.ega-header.maya-hd) .section_collections .item h3 a::after { font-size: 13px; }
}
/* 11.4 In logo: nut CTA trong mo ta + nhip section */
body:has(header.ega-header.maya-hd) .section_imgtext[data-section="imgtext_1"] { padding: 40px 0; }
body:has(header.ega-header.maya-hd) .section_imgtext[data-section="imgtext_1"] .maya-inlogo-cta { margin: 24px 0 0; }
body:has(header.ega-header.maya-hd) .section_imgtext[data-section="imgtext_1"] .maya-inlogo-cta a { display: inline-block; background: var(--maya-primary); color: #FFFFFF; font-weight: 600; font-size: 15px; line-height: 1.2; padding: 14px 24px; border-radius: 10px; text-decoration: none; }
body:has(header.ega-header.maya-hd) .section_imgtext[data-section="imgtext_1"] .maya-inlogo-cta a:hover { opacity: .9; }
@media (max-width: 767px) {
  body:has(header.ega-header.maya-hd) .section_imgtext[data-section="imgtext_1"] { padding: 24px 0; }
  body:has(header.ega-header.maya-hd) .section_imgtext[data-section="imgtext_1"] .maya-inlogo-cta { text-align: center; }
  body:has(header.ega-header.maya-hd) .section_imgtext[data-section="imgtext_1"] .maya-inlogo-cta a { display: block; }
}
/* ===== 12. DOT 3 BLOG POLISH (2026-10-05): KHOI BLOG TRANG CHU + DANH SACH /blogs/news – CHI VUNG THUONG, khong !important =====
   Pham vi: moi selector bat dau body:has(header.ega-header.maya-hd); trang danh sach blog gioi han trong section.blogpage .content-blog
   (KHONG dung sidebar "Tin noi bat", KHONG dung trang bai viet, KHONG dung Sunday). Khong doi noi dung/URL/setting.
   Khoi blog trang chu da duoc Dot 1 (muc 10.1 + 10.3) lam card trang 20px + anh 4:3 -> o day chi chinh nhip mobile. */

/* 12.1 Trang chu: nut tron "Xem them" khong sat day the (mobile dang 8px) */
@media (max-width: 767px) {
  /* .mt-2 cua bootstrap la margin !important -> dung padding-top (8px san co + 16px = 24px) */
  body:has(header.ega-header.maya-hd) .section_blog .view-more { padding-top: 16px; }
}

/* 12.2 /blogs/news: the trang dong bo Dot 1 (vien nhe, bo 20px, bong rat nhe), cao bang nhau trong hang */
body:has(header.ega-header.maya-hd) .blogpage .content-blog .row > [class*="col-"] { margin-bottom: 24px; }
body:has(header.ega-header.maya-hd) .blogpage .content-blog .blogwp { height: 100%; background: #FFFFFF; border: 1px solid var(--maya-card-line); border-radius: var(--maya-radius); box-shadow: var(--maya-shadow); overflow: hidden; gap: 0; }
/* anh: cung ti le 4:3 (dang lech 4:3 va 1:1 -> the lech 72px), phu kin khung, bo goc do the lo */
body:has(header.ega-header.maya-hd) .blogpage .content-blog .blogwp a.image-blog { aspect-ratio: 4 / 3; width: 100%; height: auto; margin: 0; border-radius: 0; }
body:has(header.ega-header.maya-hd) .blogpage .content-blog .blogwp a.image-blog img { width: 100%; height: 100%; max-height: none; object-fit: cover; }
/* .card-body.px-0.py-2 la padding !important cua bootstrap -> canh le noi dung bang margin; the dang gap 30px giua anh va chu -> gap 0 o tren */
body:has(header.ega-header.maya-hd) .blogpage .content-blog .blogwp .content_blog { margin: 6px 16px 10px; }
/* tieu de: 600 + line-height 1.4 nhu trang chu (dang 700 / 33px), giu cat 2 dong cua theme, giu cho 2 dong de hang thang */
body:has(header.ega-header.maya-hd) .blogpage .content-blog .blogwp h3,
body:has(header.ega-header.maya-hd) .blogpage .content-blog .blogwp h3 a.link { font-family: var(--maya-font); font-size: 18px; font-weight: 600; line-height: 1.4; }
body:has(header.ega-header.maya-hd) .blogpage .content-blog .blogwp h3 { margin: 0 0 8px; height: auto; min-height: 2.8em; }
/* theme khoa cung chieu cao ten bai = 2 dong x 33px -> doi line-height thi lo dong 3: tra ve auto, chan toi da 2 dong (giu line-clamp cua theme) */
body:has(header.ega-header.maya-hd) .blogpage .content-blog .blogwp h3 a.link { height: auto; max-height: 2.8em; }
body:has(header.ega-header.maya-hd) .blogpage .content-blog .blogwp .media .art-info { margin: 0 0 10px; }
body:has(header.ega-header.maya-hd) .blogpage .content-blog .blogwp p.justify { margin-bottom: 0; }
@media (max-width: 767px) {
  body:has(header.ega-header.maya-hd) .blogpage .content-blog .row > [class*="col-"] { margin-bottom: 16px; }
  body:has(header.ega-header.maya-hd) .blogpage .content-blog .blogwp { border-radius: 16px; }
  body:has(header.ega-header.maya-hd) .blogpage .content-blog .blogwp .content_blog { margin: 4px 10px 8px; }
  body:has(header.ega-header.maya-hd) .blogpage .content-blog .blogwp h3,
  body:has(header.ega-header.maya-hd) .blogpage .content-blog .blogwp h3 a.link { font-size: 15px; }
  body:has(header.ega-header.maya-hd) .blogpage .content-blog .blogwp .art-info { font-size: 12px; }
  body:has(header.ega-header.maya-hd) .blogpage .content-blog .blogwp .art-summary { font-size: 13px; }
}
/* ===== 13. DOT 3 SIDEBAR DANH MUC (chi vung thuong) ===== */
/* Khoi .maya-sb-dm (Liquid render linklists['maya-sidebar-danh-muc'] thay aside-filter, chi khi collection khong phai sunday-basic).
   Moi selector bat dau body:has(header.ega-header.maya-hd) -> trang Sunday (khong .maya-hd) khong an. Khong !important.
   main.css ep "aside.scroll.card.py-2.dqdt-sidebar.sidebar.left-content * { color:#000 !important }" -> doi mau chu bang
   -webkit-text-fill-color (thuoc tinh khac, khong can !important). .py-2 (bootstrap !important) giu padding tren/duoi 8px -> them dem trong .maya-sb-dm. */

/* 13.1 Card sidebar dong bo 10.3 (chi desktop >=992; mobile la panel offcanvas cua EGA) */
@media (min-width: 992px) {
  body:has(header.ega-header.maya-hd) aside.dqdt-sidebar:has(.maya-sb-dm) { background: #FFFFFF; border: 1px solid var(--maya-card-line); border-radius: var(--maya-radius); box-shadow: var(--maya-shadow); padding-left: 14px; padding-right: 14px; overflow: hidden; }
}

/* 13.2 Khoi danh muc */
body:has(header.ega-header.maya-hd) .maya-sb-dm { font-family: var(--maya-font); padding: 8px 0 6px; }
body:has(header.ega-header.maya-hd) .maya-sb-dm .maya-sb-dm__title { margin: 0 0 6px; padding: 0 10px 12px; border-bottom: 2px solid var(--maya-primary); font-family: var(--maya-font); font-size: 15px; font-weight: 700; line-height: 1.3; letter-spacing: .04em; text-transform: uppercase; -webkit-text-fill-color: var(--maya-primary-dark); }
body:has(header.ega-header.maya-hd) .maya-sb-dm .maya-sb-dm__list { margin: 0; padding: 0; list-style: none; }
body:has(header.ega-header.maya-hd) .maya-sb-dm .maya-sb-dm__item { margin: 0; padding: 0; border-bottom: 1px solid var(--maya-card-line); }
body:has(header.ega-header.maya-hd) .maya-sb-dm .maya-sb-dm__item:last-child { border-bottom: 0; }
body:has(header.ega-header.maya-hd) .maya-sb-dm .maya-sb-dm__link { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 44px; padding: 8px 10px; border-radius: 8px; font-family: var(--maya-font); font-size: 15px; font-weight: 500; line-height: 1.35; text-wrap: balance; text-decoration: none; -webkit-text-fill-color: var(--maya-text); transition: background-color .15s ease; }
body:has(header.ega-header.maya-hd) .maya-sb-dm .maya-sb-dm__chev { flex: 0 0 auto; font-size: 20px; line-height: 1; -webkit-text-fill-color: var(--maya-muted); transition: transform .15s ease; }
body:has(header.ega-header.maya-hd) .maya-sb-dm .maya-sb-dm__link:focus-visible,
body:has(header.ega-header.maya-hd) .maya-sb-dm .maya-sb-dm__item.is-active .maya-sb-dm__link { background: var(--maya-mint); text-decoration: none; -webkit-text-fill-color: var(--maya-primary); }
body:has(header.ega-header.maya-hd) .maya-sb-dm .maya-sb-dm__link:focus-visible .maya-sb-dm__chev,
body:has(header.ega-header.maya-hd) .maya-sb-dm .maya-sb-dm__item.is-active .maya-sb-dm__chev { -webkit-text-fill-color: var(--maya-primary); transform: translateX(2px); }
body:has(header.ega-header.maya-hd) .maya-sb-dm .maya-sb-dm__item.is-active .maya-sb-dm__link { font-weight: 600; }
/* hover chi tren thiet bi co chuot: tren dien thoai, panel mo ra ngay duoi ngon tay -> tranh dong dau bi 'dinh hover' giong is-active */
@media (hover: hover) {
  body:has(header.ega-header.maya-hd) .maya-sb-dm .maya-sb-dm__link:hover { background: var(--maya-mint); text-decoration: none; -webkit-text-fill-color: var(--maya-primary); }
  body:has(header.ega-header.maya-hd) .maya-sb-dm .maya-sb-dm__link:hover .maya-sb-dm__chev { -webkit-text-fill-color: var(--maya-primary); transform: translateX(2px); }
}
body:has(header.ega-header.maya-hd) .maya-sb-dm .maya-sb-dm__link:focus-visible { outline: 2px solid var(--maya-primary); outline-offset: -2px; }

/* 13.3 Mobile (<992): panel offcanvas EGA (.sidebar.openf 300px) - nut dong "Tim theo" + hang cham 48px */
@media (max-width: 991px) {
  body:has(header.ega-header.maya-hd) .maya-sb-dm .maya-sb-dm__close { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 44px; margin: 0 0 10px; padding: 0 10px; border: 0; border-bottom: 1px solid var(--maya-card-line); border-radius: 0; background: transparent; font-family: var(--maya-font); font-size: 15px; text-align: left; -webkit-text-fill-color: var(--maya-text); }
  body:has(header.ega-header.maya-hd) .maya-sb-dm .maya-sb-dm__close .fa { margin-right: 0; }
  body:has(header.ega-header.maya-hd) .maya-sb-dm .maya-sb-dm__link { min-height: 48px; }
}