/* ============================================================
 * DPM Theme 2.1.0 — ĐẦU TRANG (bộ kéo thả) & MENU
 * Mọi con số / màu là biến CSS do DPM Giao diện xuất ra.
 * ============================================================ */
.screen-reader-text:focus{position:fixed!important;left:10px;top:10px;width:auto;height:auto;clip:auto;z-index:100000;background:#fff;color:#111;padding:8px 14px;border-radius:min(calc(6px * var(--r-k,1)),var(--r-max,999px));box-shadow:var(--sh-all,0 4px 14px rgba(0,0,0,.2))}

/* ---------- Khung chung ---------- */
.dpm-hd{position:relative;z-index:900;box-shadow:var(--hd-shadow,none);border-bottom:1px solid var(--hd-border,transparent);overflow-anchor:none}
body.dpm-hd-sticky .dpm-hd{position:sticky;top:var(--wp-admin--admin-bar--height,0px)}
@media(max-width:600px){body.admin-bar.dpm-hd-sticky .dpm-hd{top:0}}
.dpm-hd a{text-decoration:none}
.dpm-hd-wrap{width:min(calc(100% - 32px),var(--dpm-max,1200px));margin:0 auto;display:flex;align-items:center;gap:18px}
body.dpm-hd-full .dpm-hd-wrap{width:calc(100% - 48px);max-width:none}
.dpm-hd-extra{background:var(--dpm-header-bg,#fff);color:var(--dpm-header-text,inherit);padding:8px 0}
.dpm-hd-extra .dpm-hd-wrap>*{flex:1 1 auto;min-width:0}

/* Máy tính / điện thoại: chỉ hiện một bộ */
.dpm-hd-mob{display:none}
html.dpm-compact .dpm-hd-desk{display:none}
html.dpm-compact .dpm-hd-mob{display:block}

/* ---------- Tầng & ô ---------- */
.dpm-hd-row{position:relative}
.dpm-hd-row .dpm-hd-wrap{align-items:stretch}
.dpm-hb-zone{display:flex;align-items:center;gap:16px;min-width:0}
.dpm-hb-left{flex:1 1 0;justify-content:flex-start}
.dpm-hb-center{flex:0 1 auto;justify-content:center}
.dpm-hb-right{flex:1 1 0;justify-content:flex-end}
.dpm-hd-row.no-center .dpm-hb-center{display:none}
.dpm-hd-row.no-center .dpm-hb-left{flex:0 1 auto}
.dpm-hd-row.no-center .dpm-hb-left.is-grow{flex:1 1 auto}
.dpm-hd-row.no-center .dpm-hb-right{flex:1 1 auto}
.dpm-hb-center.is-grow{flex:1 1 auto}
.dpm-hb-left.is-grow,.dpm-hb-right.is-grow{flex:1 1 auto}
.dpm-hd-row:not(.no-center) .dpm-hb-left.is-empty,.dpm-hd-row:not(.no-center) .dpm-hb-right.is-empty{display:flex}

.dpm-hd-top,.dpm-hd-mtop{background:var(--hd-top-bg,#0f172a);color:var(--hd-top-text,#e5e7eb);font-size:var(--hd-top-fs,13px);line-height:1.3;max-height:var(--hd-top-h,36px);overflow:hidden;transition:max-height .25s ease}
.dpm-hd-top .dpm-hd-wrap,.dpm-hd-mtop .dpm-hd-wrap{min-height:var(--hd-top-h,36px)}
.dpm-hd-top .dpm-hb-zone,.dpm-hd-mtop .dpm-hb-zone{gap:18px}
.dpm-hd-main,.dpm-hd-mmain{background:var(--hd-main-bg,#fff);color:var(--hd-main-text,#1f2937)}
.dpm-hd-main .dpm-hd-wrap{min-height:var(--hd-main-h,76px);transition:min-height .25s ease}
.dpm-hd-mmain .dpm-hd-wrap{min-height:var(--hd-mob-h,62px);gap:10px}
.dpm-hd-bot{background:var(--hd-bot-bg,#1e3a8a);color:var(--hd-bot-text,#fff);border-top:1px solid rgba(0,0,0,.04)}
.dpm-hd-bot .dpm-hd-wrap{min-height:var(--hd-bot-h,50px)}
body.dpm-hd-shrink .dpm-hd.is-scrolled .dpm-hd-top,body.dpm-hd-shrink .dpm-hd.is-scrolled .dpm-hd-mtop,.dpm-hd.top-closed .dpm-hd-top,.dpm-hd.top-closed .dpm-hd-mtop{max-height:0}
body.dpm-hd-shrink .dpm-hd.is-scrolled .dpm-hd-main .dpm-hd-wrap{min-height:calc(var(--hd-main-h,76px) * .78)}
.dpm-top-close{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:26px;height:26px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;font-size:18px;line-height:1;opacity:.6;cursor:pointer}
.dpm-top-close:hover{opacity:1;background:rgba(255,255,255,.12)}
.dpm-hd-top .dpm-hd-wrap,.dpm-hd-mtop .dpm-hd-wrap{padding-right:22px}

/* ---------- Các viên ---------- */
.dpm-hb-logo{display:flex;align-items:center;flex:0 0 auto}
.dpm-logo{display:inline-flex;align-items:center;line-height:0;color:inherit!important}
.dpm-logo img,.dpm-logo .custom-logo{display:block;width:auto!important;height:auto!important;max-height:var(--hd-logo-h,46px)!important;max-width:var(--hd-logo-w,240px)!important;transition:max-height .25s ease}
.dpm-logo .custom-logo-link{line-height:0;margin:0!important}
.dpm-logo .dpm-logo-tr{display:none}
body.dpm-hd-shrink .dpm-hd.is-scrolled .dpm-logo img{max-height:calc(var(--hd-logo-h,46px) * .8)!important}
.dpm-hd-mob .dpm-logo img,.dpm-hd-mob .dpm-logo .custom-logo{max-height:var(--hd-mlogo-h,38px)!important;max-width:170px!important}
.dpm-logo-text{font-size:var(--hd-name-fs,22px);font-weight:800;line-height:1.2;white-space:nowrap;letter-spacing:-.01em}
.dpm-hd-mob .dpm-logo-text{font-size:min(var(--hd-name-fs,22px),19px)}

.dpm-hb-link{display:inline-flex;align-items:center;gap:6px;color:inherit!important;opacity:.92;white-space:nowrap;transition:opacity .2s}
.dpm-hb-link:hover{opacity:1}
.dpm-zalo{display:inline-block;padding:1px 9px;border-radius:min(calc(999px * var(--r-k,1)),var(--r-max,999px));background:#0068ff;color:#fff;font-weight:700;font-size:.9em;line-height:1.5}
.dpm-hb-social{display:flex;gap:6px;flex-wrap:wrap}
.dpm-hb-social a{padding:3px 10px;border:1px solid color-mix(in srgb,currentColor 30%,transparent);border-radius:min(calc(999px * var(--r-k,1)),var(--r-max,999px));color:inherit!important;font-size:.88em;font-weight:600;opacity:.9}
.dpm-hb-social a:hover{opacity:1;background:color-mix(in srgb,currentColor 10%,transparent)}
.dpm-hb-msg{position:relative;flex:1 1 auto;min-width:0;height:1.4em;overflow:hidden}
.dpm-hb-msg span{position:absolute;left:0;right:0;top:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transform:translateY(100%);transition:opacity .45s ease,transform .45s ease}
.dpm-hb-msg span.is-on{opacity:1;transform:none}
.dpm-hb-msg span.is-out{opacity:0;transform:translateY(-100%)}
.dpm-hb-center .dpm-hb-msg span{text-align:center}
.dpm-hb-html{min-width:0}
.dpm-hb-html>:first-child{margin-top:0}.dpm-hb-html>:last-child{margin-bottom:0}
.dpm-menu2{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 18px}
.dpm-menu2 a{color:inherit!important;opacity:.88;font-size:.95em;font-weight:500}
.dpm-menu2 a:hover{opacity:1;text-decoration:underline!important;text-underline-offset:3px}

/* Tìm kiếm */
.dpm-search-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:42px;height:42px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;transition:background-color .2s}
.dpm-search-toggle:hover,.dpm-hd.is-search-open .dpm-search-toggle{background:color-mix(in srgb,currentColor 12%,transparent)}
.dpm-hd-search-form{display:flex;align-items:center;gap:6px;width:100%;margin:0}
.dpm-hd-search-form input[type="search"]{flex:1 1 auto;min-width:0;height:44px;padding:0 18px;border:1px solid #d1d5db;border-radius:min(calc(999px * var(--r-k,1)),var(--r-max,999px));background:#fff;color:#111827;font-size:15px;outline:0;transition:border-color .2s,box-shadow .2s}
.dpm-hd-search-form input[type="search"]:focus{border-color:var(--m-line,#1d4ed8);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-line,#1d4ed8) 18%,transparent)}
.dpm-hd-search-form button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:44px;height:44px;padding:0;border:0;border-radius:min(calc(22px * var(--r-k,1)),var(--r-max,999px));background:var(--hd-cta-bg,#f59e0b);color:var(--hd-cta-text,#1f1300);cursor:pointer}
.dpm-hb-searchbox{flex:1 1 auto;width:100%;max-width:620px;display:flex;align-items:center}
.dpm-hb-left .dpm-hb-searchbox{margin-right:auto}.dpm-hb-right .dpm-hb-searchbox{margin-left:auto}.dpm-hb-center .dpm-hb-searchbox{margin:0 auto}
.dpm-hd-search-pop{position:absolute;right:16px;top:calc(100% + 8px);z-index:960;width:min(460px,calc(100vw - 32px));padding:12px;background:#fff;border-radius:min(calc(14px * var(--r-k,1)),var(--r-max,999px));box-shadow:var(--sh-all,0 20px 44px rgba(15,23,42,.2));opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s,transform .18s,visibility .18s}
.dpm-hd.is-search-open .dpm-hd-search-pop{opacity:1;visibility:visible;transform:none}
html.dpm-compact .dpm-hd-search-pop{left:12px;right:12px;width:auto}

/* Nút nổi bật */
.dpm-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;padding:10px 20px;border-radius:min(calc(var(--hd-cta-r,40px) * var(--r-k,1)),var(--r-max,999px));background:var(--hd-cta-bg,#f59e0b);color:var(--hd-cta-text,#1f1300)!important;font-weight:700;font-size:15px;line-height:1.2;white-space:nowrap;box-shadow:var(--sh-all,0 4px 14px color-mix(in srgb,var(--hd-cta-bg,#f59e0b) 40%,transparent));transition:transform .15s,filter .15s}
.dpm-cta:hover{transform:translateY(-1px);filter:brightness(1.06)}
.dpm-cta--m{padding:8px 14px;font-size:14px}

/* Nút Menu (điện thoại) */
.dpm-nav-toggle{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;padding:8px 13px;border:1px solid color-mix(in srgb,currentColor 28%,transparent);border-radius:min(calc(999px * var(--r-k,1)),var(--r-max,999px));background:transparent;color:inherit;font:inherit;font-weight:600;font-size:15px;cursor:pointer}
.dpm-nav-bars{display:inline-block;width:18px}
.dpm-nav-bars span{display:block;height:2px;margin:4px 0;border-radius:min(calc(2px * var(--r-k,1)),var(--r-max,999px));background:currentColor}

/* ---------- Menu chính (máy tính) ---------- */
.dpm-hb-nav--menu{display:flex;align-items:stretch;align-self:stretch;flex:1 1 auto;min-width:0}
.dpm-menu{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:stretch;flex:1 1 auto}
.dpm-hb-left .dpm-menu{justify-content:flex-start}.dpm-hb-center .dpm-menu{justify-content:center}.dpm-hb-right .dpm-menu{justify-content:flex-end}
.dpm-menu li{position:relative}
.dpm-menu>li{display:flex;align-items:stretch}
.dpm-menu>li>a{
  position:relative;isolation:isolate;display:flex;align-items:center;gap:7px;padding:0 var(--m-gap,16px);
  color:var(--m-color,#1f2937);font-size:var(--m-fs,15px);font-weight:var(--m-fw,600);letter-spacing:var(--m-ls,0);line-height:1.3;white-space:nowrap;
  transition:color .2s,background-color .2s
}
body.dpm-mup .dpm-menu>li>a{text-transform:uppercase}
.dpm-menu>li>a:hover,.dpm-menu>li:hover>a,.dpm-menu>li:focus-within>a{color:var(--m-hover,#1d4ed8)}
.dpm-menu>li.current-menu-item>a,.dpm-menu>li.current-menu-ancestor>a,.dpm-menu>li.current_page_item>a,.dpm-menu>li.current_page_ancestor>a{color:var(--m-active,#1d4ed8)}
.dpm-menu .dpm-ico{flex:0 0 auto}
.dpm-menu>.menu-item-has-children>a::after{content:"";width:6px;height:6px;margin:-3px 0 0 2px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg);opacity:.65;transition:transform .2s}
.dpm-menu>.menu-item-has-children:hover>a::after{transform:rotate(225deg);margin-top:3px}
.dpm-menu .dpm-home-menu-item>a{padding-inline:calc(var(--m-gap,16px) * .8)}
.dpm-home-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Hiệu ứng khi rê chuột */
.dpm-mh-underline .dpm-menu>li>a::before,.dpm-mh-overline .dpm-menu>li>a::before{content:"";position:absolute;left:var(--m-gap,16px);right:var(--m-gap,16px);height:var(--m-line-h,3px);border-radius:min(calc(var(--m-line-h,3px) * var(--r-k,1)),var(--r-max,999px));background:var(--m-line,#1d4ed8);transform:scaleX(0);transition:transform .25s ease}
.dpm-mh-underline .dpm-menu>li>a::before{top:calc(50% + .7em + var(--m-line-off,14px) - var(--m-line-h,3px))}
.dpm-mh-overline .dpm-menu>li>a::before{top:0;border-radius:0 0 min(calc(3px * var(--r-k,1)),var(--r-max,999px)) min(calc(3px * var(--r-k,1)),var(--r-max,999px))}
.dpm-mh-underline .dpm-menu>li:hover>a::before,.dpm-mh-underline .dpm-menu>li:focus-within>a::before,.dpm-mh-underline .dpm-menu>li.current-menu-item>a::before,.dpm-mh-underline .dpm-menu>li.current-menu-ancestor>a::before,.dpm-mh-underline .dpm-menu>li.current_page_item>a::before,
.dpm-mh-overline .dpm-menu>li:hover>a::before,.dpm-mh-overline .dpm-menu>li:focus-within>a::before,.dpm-mh-overline .dpm-menu>li.current-menu-item>a::before,.dpm-mh-overline .dpm-menu>li.current-menu-ancestor>a::before,.dpm-mh-overline .dpm-menu>li.current_page_item>a::before{transform:scaleX(1)}
.dpm-mh-pill .dpm-menu>li>a::before,.dpm-mh-box .dpm-menu>li>a::before{content:"";position:absolute;z-index:-1;left:calc(var(--m-gap,16px) * .35);right:calc(var(--m-gap,16px) * .35);top:50%;height:calc(1.3em + 18px);transform:translateY(-50%);border-radius:min(calc(999px * var(--r-k,1)),var(--r-max,999px));background:var(--m-hover-bg,#eff6ff);opacity:0;transition:opacity .2s}
.dpm-mh-box .dpm-menu>li>a::before{border-radius:min(calc(var(--m-radius,8px) * var(--r-k,1)),var(--r-max,999px))}
.dpm-mh-pill .dpm-menu>li:hover>a::before,.dpm-mh-pill .dpm-menu>li:focus-within>a::before,.dpm-mh-pill .dpm-menu>li.current-menu-item>a::before,.dpm-mh-pill .dpm-menu>li.current-menu-ancestor>a::before,.dpm-mh-pill .dpm-menu>li.current_page_item>a::before,
.dpm-mh-box .dpm-menu>li:hover>a::before,.dpm-mh-box .dpm-menu>li:focus-within>a::before,.dpm-mh-box .dpm-menu>li.current-menu-item>a::before,.dpm-mh-box .dpm-menu>li.current-menu-ancestor>a::before,.dpm-mh-box .dpm-menu>li.current_page_item>a::before{opacity:1}
.dpm-mh-fill .dpm-menu>li:hover>a,.dpm-mh-fill .dpm-menu>li:focus-within>a,.dpm-mh-fill .dpm-menu>li.current-menu-item>a,.dpm-mh-fill .dpm-menu>li.current-menu-ancestor>a,.dpm-mh-fill .dpm-menu>li.current_page_item>a{background:var(--m-hover-bg,#1d4ed8)}

/* ---------- Menu con thả xuống ---------- */
.dpm-menu .sub-menu{
  position:absolute;top:100%;left:0;z-index:950;min-width:var(--d-w,240px);margin:0;padding:8px;list-style:none;
  background:var(--d-bg,#fff);border:1px solid rgba(15,23,42,.07);border-radius:0 0 min(calc(var(--d-r,12px) * var(--r-k,1)),var(--r-max,999px)) min(calc(var(--d-r,12px) * var(--r-k,1)),var(--r-max,999px));box-shadow:var(--sh-all,var(--d-shadow,0 12px 30px rgba(15,23,42,.12)));
  opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .18s ease,transform .18s ease,visibility .18s
}
body.dpm-dline .dpm-menu>li>.sub-menu{border-top:3px solid var(--m-line,#1d4ed8)}
.dpm-menu .sub-menu .sub-menu{top:-9px;left:calc(100% + 6px);border-radius:min(calc(var(--d-r,12px) * var(--r-k,1)),var(--r-max,999px))}
.dpm-menu li:hover>.sub-menu,.dpm-menu li:focus-within>.sub-menu,.dpm-menu li.is-sub-open>.sub-menu{opacity:1;visibility:visible;transform:none}
.dpm-menu>li:nth-last-child(-n+2):not(.dpm-mega)>.sub-menu{left:auto;right:0}
.dpm-menu>li:nth-last-child(-n+2) .sub-menu .sub-menu{left:auto;right:calc(100% + 6px)}
.dpm-menu .sub-menu a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:min(calc(calc(var(--d-r,12px) * .6) * var(--r-k,1)),var(--r-max,999px));color:var(--d-text,#1f2937);font-size:var(--d-fs,14.5px);font-weight:500;line-height:1.35;text-transform:none;letter-spacing:0;transition:background-color .15s,color .15s,padding .15s}
.dpm-menu .sub-menu a:hover,.dpm-menu .sub-menu li:focus-within>a,.dpm-menu .sub-menu .current-menu-item>a{background:var(--d-hover-bg,#eff6ff);color:var(--d-hover-text,#1d4ed8)}
.dpm-menu .sub-menu a:hover{padding-left:15px}
.dpm-menu .sub-menu .menu-item-has-children>a::after{content:"";margin-left:auto;width:6px;height:6px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(-45deg);opacity:.6}
.dpm-menu-text{min-width:0}
.dpm-menu-desc{display:block;margin-top:3px;font-size:.86em;font-weight:400;line-height:1.4;color:color-mix(in srgb,var(--d-text,#1f2937) 62%,transparent);white-space:normal}
.dpm-menu-thumb-wrap{display:block;flex:0 0 42px;width:42px;height:42px;border-radius:min(calc(7px * var(--r-k,1)),var(--r-max,999px));overflow:hidden;background:color-mix(in srgb,var(--d-text,#1f2937) 8%,transparent)}
.dpm-menu-thumb{display:block;width:100%!important;height:100%!important;object-fit:cover;transition:transform .3s ease}

/* ---------- Mega menu ---------- */
.dpm-menu>li.dpm-mega{position:static}
.dpm-hd-row .dpm-hd-wrap{position:relative}
.dpm-menu>li.dpm-mega>.sub-menu{left:0;right:0;display:grid;grid-template-columns:repeat(var(--dpm-mega-cols,4),minmax(0,1fr));gap:6px 18px;padding:var(--mega-pad,22px);border-radius:0 0 min(calc(calc(var(--d-r,12px) + 4px) * var(--r-k,1)),var(--r-max,999px)) min(calc(calc(var(--d-r,12px) + 4px) * var(--r-k,1)),var(--r-max,999px))}
.dpm-mega-cols-2{--dpm-mega-cols:2}.dpm-mega-cols-3{--dpm-mega-cols:3}.dpm-mega-cols-4{--dpm-mega-cols:4}.dpm-mega-cols-5{--dpm-mega-cols:5}
.dpm-menu .dpm-mega>.sub-menu>li>a{flex-direction:column;align-items:flex-start;gap:8px;padding:10px;font-weight:700}
.dpm-menu .dpm-mega>.sub-menu>li>a:hover{padding-left:10px}
.dpm-menu .dpm-mega>.sub-menu>li>a .dpm-ico{width:22px;height:22px;color:var(--d-hover-text,#1d4ed8)}
.dpm-menu .dpm-mega>.sub-menu>li>a .dpm-menu-thumb-wrap{flex:none;width:100%;height:auto;aspect-ratio:var(--mega-ratio,16/10);border-radius:min(calc(calc(var(--d-r,12px) * .8) * var(--r-k,1)),var(--r-max,999px))}
.dpm-menu .dpm-mega>.sub-menu>li>a:hover .dpm-menu-thumb{transform:scale(1.05)}
.dpm-menu .dpm-mega>.sub-menu>li.dpm-has-thumb>a{padding:8px}
.dpm-menu .dpm-mega .sub-menu .sub-menu{position:static;opacity:1;visibility:inherit;pointer-events:inherit;transform:none;min-width:0;margin:0;padding:0 0 4px;background:transparent;border:0;border-radius:0;box-shadow:none}
.dpm-menu .dpm-mega .sub-menu .sub-menu a{padding:6px 10px;font-weight:400;font-size:calc(var(--d-fs,14.5px) * .95)}
.dpm-menu .dpm-mega .sub-menu .menu-item-has-children>a::after{display:none}

/* Màn hình vừa: thu khoảng cách cho đủ một hàng */

/* Màn hình vừa: thu khoảng cách cho đủ một hàng */
@media(min-width:901px) and (max-width:1200px){
  .dpm-menu>li>a{padding-inline:calc(var(--m-gap,16px) * .65);font-size:calc(var(--m-fs,15px) * .94)}
  .dpm-mh-underline .dpm-menu>li>a::before,.dpm-mh-overline .dpm-menu>li>a::before{left:calc(var(--m-gap,16px) * .65);right:calc(var(--m-gap,16px) * .65)}
}

/* ============================================================
 * ĐẦU TRANG TRONG SUỐT (đè lên banner)
 * ============================================================ */
body.dpm-hd-trans .dpm-hd{position:absolute;left:0;right:0;top:var(--wp-admin--admin-bar--height,0px);background:transparent;box-shadow:none;border-bottom-color:transparent;
  --m-color:var(--hd-tr-text,#fff);--m-active:var(--hd-tr-text,#fff);--m-hover:var(--hd-tr-text,#fff)}
body.dpm-hd-trans .dpm-hd .dpm-hd-row{background:transparent;color:var(--hd-tr-text,#fff)}
body.dpm-hd-trans .dpm-hd:not(.is-scrolled)::before{content:"";position:absolute;left:0;right:0;top:0;bottom:-50px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(8,12,24,.5),rgba(8,12,24,0))}
body.dpm-hd-trans .dpm-hd .dpm-hd-top,body.dpm-hd-trans .dpm-hd .dpm-hd-mtop{background:rgba(0,0,0,.18)}
body.dpm-hd-trans .dpm-hd .dpm-logo.has-tr .dpm-logo-main{display:none}
body.dpm-hd-trans .dpm-hd .dpm-logo.has-tr .dpm-logo-tr{display:block}
body.dpm-hd-trans .dpm-hd-search-form input[type="search"]{background:rgba(255,255,255,.92)}
/* Khi cuộn xuống: hiện lại nền như thường */
body.dpm-hd-trans.dpm-hd-sticky .dpm-hd.is-scrolled{position:fixed;animation:dpmHdIn .35s ease;box-shadow:var(--hd-shadow,none);border-bottom-color:var(--hd-border,transparent);
  --m-color:initial;--m-active:initial;--m-hover:initial}
body.dpm-hd-trans .dpm-hd.is-scrolled .dpm-hd-top,body.dpm-hd-trans .dpm-hd.is-scrolled .dpm-hd-mtop{background:var(--hd-top-bg);color:var(--hd-top-text)}
body.dpm-hd-trans .dpm-hd.is-scrolled .dpm-hd-main,body.dpm-hd-trans .dpm-hd.is-scrolled .dpm-hd-mmain{background:var(--hd-main-bg);color:var(--hd-main-text)}
body.dpm-hd-trans .dpm-hd.is-scrolled .dpm-hd-bot{background:var(--hd-bot-bg);color:var(--hd-bot-text)}
body.dpm-hd-trans .dpm-hd.is-scrolled .dpm-logo.has-tr .dpm-logo-main{display:block}
body.dpm-hd-trans .dpm-hd.is-scrolled .dpm-logo.has-tr .dpm-logo-tr{display:none}
@keyframes dpmHdIn{from{transform:translateY(-100%)}to{transform:none}}
/* Chừa chỗ cho nội dung banner không bị đầu trang che */
body.dpm-hd-trans .dpm-bn-hero-inner,body.dpm-hd-trans .dpm-bn-block{padding-top:calc(var(--hd-h,90px) + 28px)}
body.dpm-hd-trans .dpm-bn-cap-inner{padding-top:var(--hd-h,90px)}
body.dpm-hd-trans .dpm-bn.is-boxed .dpm-bn-hero,body.dpm-hd-trans .dpm-bn.is-boxed .dpm-bn-block,body.dpm-hd-trans .dpm-bn--slider.is-boxed .dpm-bn-slider-wrap{margin-top:0}

/* ============================================================
 * KHUNG MENU (điện thoại, hoặc khi menu quá dài) — 4 kiểu
 * ============================================================ */
.dpm-drawer{position:fixed;z-index:10001;display:flex;flex-direction:column;background:var(--mob-bg,#0f172a);color:var(--mob-text,#f1f5f9);overflow-y:auto;overscroll-behavior:contain;visibility:hidden;transition:transform .3s ease,opacity .3s ease,visibility 0s linear .3s}
html.dpm-drawer-open .dpm-drawer{visibility:visible;transition:transform .3s ease,opacity .3s ease}
.dpm-drw-right .dpm-drawer,.dpm-drw-left .dpm-drawer{top:0;bottom:0;width:min(88vw,380px);box-shadow:var(--sh-all,0 0 40px rgba(0,0,0,.3))}
.dpm-drw-right .dpm-drawer{right:0;transform:translateX(102%)}
.dpm-drw-left .dpm-drawer{left:0;transform:translateX(-102%)}
.dpm-drw-full .dpm-drawer{inset:0;opacity:0;transform:scale(1.04)}
.dpm-drw-drop .dpm-drawer{left:0;right:0;top:0;max-height:88vh;border-radius:0 0 min(calc(22px * var(--r-k,1)),var(--r-max,999px)) min(calc(22px * var(--r-k,1)),var(--r-max,999px));transform:translateY(-102%);box-shadow:var(--sh-all,0 20px 50px rgba(0,0,0,.3))}
html.dpm-drawer-open .dpm-drawer{transform:none;opacity:1}
.admin-bar .dpm-drawer{padding-top:var(--wp-admin--admin-bar--height,0px)}
.dpm-nav-overlay{position:fixed;inset:0;z-index:10000;background:rgba(10,15,25,.5);animation:dpmFade .25s ease}
.dpm-drw-full .dpm-nav-overlay{display:none}
@keyframes dpmFade{from{opacity:0}to{opacity:1}}
html.dpm-drawer-open{overflow:hidden}

.dpm-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 10px 12px 20px;border-bottom:1px solid color-mix(in srgb,var(--mob-text,#fff) 12%,transparent)}
.dpm-drawer-logo .dpm-logo img,.dpm-drawer-logo .dpm-logo .custom-logo{max-height:36px!important;max-width:170px!important}
.dpm-drawer-logo .dpm-logo-text{font-size:18px}
.dpm-drawer-logo .dpm-logo-tr{display:none}
.dpm-nav-close{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:var(--mob-text,#fff);cursor:pointer}
.dpm-nav-close:hover{background:color-mix(in srgb,var(--mob-text,#fff) 12%,transparent)}
.dpm-drawer-body{display:flex;flex-direction:column;gap:14px;padding:16px 0 28px}
.dpm-drw-full .dpm-drawer-body{width:min(560px,100%);margin:0 auto;padding-top:28px}
.dpm-drawer-item{padding:0 20px}
.dpm-drawer-menu,.dpm-drawer-menu2{padding:0}
.dpm-drawer-item .dpm-cta{display:flex;padding:14px 18px;font-size:17px}
.dpm-drawer-item .dpm-hb-link{display:flex;padding:12px 16px;border-radius:min(calc(12px * var(--r-k,1)),var(--r-max,999px));background:color-mix(in srgb,var(--mob-text,#fff) 7%,transparent);font-size:16px;font-weight:600;gap:10px}
.dpm-drawer-item .dpm-hb-searchbox{max-width:none}
.dpm-drawer-item .dpm-hb-social a{padding:6px 14px;font-size:14px}

/* Danh sách menu trong khung */
.dpm-dmenu{list-style:none;margin:0;padding:0}
.dpm-dmenu li{position:relative}
.dpm-dmenu>li{border-bottom:1px solid color-mix(in srgb,var(--mob-text,#fff) 10%,transparent)}
.dpm-dmenu>li:first-child{border-top:1px solid color-mix(in srgb,var(--mob-text,#fff) 10%,transparent)}
.dpm-dmenu a{display:flex;align-items:center;gap:12px;padding:14px 58px 14px 20px;color:var(--mob-text,#fff)!important;font-size:17px;font-weight:600;line-height:1.35}
.dpm-drw-full .dpm-dmenu a{font-size:20px;padding-top:16px;padding-bottom:16px}
.dpm-dmenu a:hover{background:color-mix(in srgb,var(--mob-text,#fff) 7%,transparent)}
.dpm-dmenu>li.current-menu-item>a,.dpm-dmenu>li.current-menu-ancestor>a,.dpm-dmenu>li.current_page_item>a{box-shadow:inset 4px 0 0 var(--hd-cta-bg,#f59e0b);background:color-mix(in srgb,var(--mob-text,#fff) 7%,transparent)}
.dpm-dmenu .dpm-home-text{position:static;width:auto;height:auto;overflow:visible;clip:auto}
.dpm-dmenu .sub-menu{list-style:none;margin:0;padding:2px 0 8px;display:none;background:color-mix(in srgb,#000 16%,transparent)}
.dpm-dmenu li.is-sub-open>.sub-menu{display:block}
.dpm-dmenu .sub-menu a{padding:11px 58px 11px 34px;font-size:15.5px;font-weight:500}
.dpm-dmenu .sub-menu .sub-menu a{padding-left:50px}
.dpm-dmenu .dpm-menu-thumb-wrap{display:block;flex:0 0 38px;width:38px;height:38px;border-radius:min(calc(7px * var(--r-k,1)),var(--r-max,999px));overflow:hidden}
.dpm-dmenu .dpm-menu-thumb{width:100%!important;height:100%!important;object-fit:cover}
.dpm-dmenu .dpm-menu-desc{display:block;margin-top:2px;font-size:.84em;font-weight:400;color:color-mix(in srgb,var(--mob-text,#fff) 68%,transparent)}
.dpm-dmenu .dpm-sub-toggle{display:block;position:absolute;right:8px;top:6px;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:var(--mob-text,#fff);cursor:pointer}
.dpm-dmenu .sub-menu .dpm-sub-toggle{top:1px;width:40px;height:40px}
.dpm-dmenu .dpm-sub-toggle:hover{background:color-mix(in srgb,var(--mob-text,#fff) 12%,transparent)}
.dpm-dmenu .dpm-sub-toggle::before{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-6px 0 0 -4px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s}
.dpm-dmenu .is-sub-open>.dpm-sub-toggle::before{transform:rotate(-135deg);margin-top:-2px}
.dpm-sub-toggle{display:none}
.dpm-drawer .dpm-menu2{flex-direction:column;gap:0;padding:0 20px}
.dpm-drawer .dpm-menu2 a{display:block;padding:8px 0;font-size:15px}

@media(prefers-reduced-motion:reduce){
  .dpm-hd *,.dpm-hd *::before,.dpm-hd *::after,.dpm-drawer,.dpm-drawer *{transition:none!important;animation:none!important}
}
.dpm-drawer .dpm-hb-nav{display:block;width:100%}

/* ============================================================
 * 2.2.0 — THANH MENU, NHÃN, MEGA QUẢNG CÁO, HIỆU ỨNG, ĐẦU TRANG NỔI / KÍNH MỜ
 * ============================================================ */
/* Nền riêng chỉ sau phần menu */
body.dpm-mband .dpm-hd-desk .dpm-hb-nav--menu{flex:0 1 auto;align-self:stretch;margin-block:var(--m-band-inset,10px);padding-inline:8px;border-radius:min(calc(var(--m-band-r,10px) * var(--r-k,1)),var(--r-max,999px));background:var(--m-band-bg,#1e3a8a)}
body.dpm-mband .dpm-hd-desk .dpm-hb-nav--menu .dpm-menu{flex:0 1 auto}

/* Nhãn nổi bật trên mục menu */
.dpm-badge{display:inline-flex;align-items:center;flex:0 0 auto;margin-left:6px;padding:2px 7px;border-radius:min(calc(999px * var(--r-k,1)),var(--r-max,999px));background:#ef4444;color:#fff;font-size:10.5px;font-weight:800;line-height:1.3;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;box-shadow:var(--sh-all,0 2px 6px rgba(0,0,0,.15))}
.dpm-menu>li>a .dpm-badge{margin-left:2px;transform:translateY(-.7em);font-size:9.5px;padding:1px 6px}
.dpm-badge--orange{background:#f97316}.dpm-badge--yellow{background:#eab308;color:#1f1300}.dpm-badge--green{background:#16a34a}.dpm-badge--blue{background:#2563eb}.dpm-badge--purple{background:#7c3aed}.dpm-badge--dark{background:#111827}
.dpm-dmenu .dpm-badge{margin-left:8px}

/* Mega: tiêu đề cột (mục cấp 2 có mục con) */
.dpm-menu .dpm-mega>.sub-menu>li.menu-item-has-children>a{padding-bottom:8px;margin-bottom:4px;border-bottom:1px solid color-mix(in srgb,var(--d-text,#1f2937) 10%,transparent);border-radius:0;font-size:calc(var(--d-fs,14.5px) * .92);letter-spacing:.05em;text-transform:uppercase;color:color-mix(in srgb,var(--d-text,#1f2937) 75%,transparent)}
.dpm-menu .dpm-mega>.sub-menu>li.menu-item-has-children>a:hover{background:transparent;padding-left:10px;color:var(--d-hover-text,#1d4ed8)}
/* Mega: ô ảnh quảng cáo ở cột cuối */
.dpm-menu .dpm-mega>.sub-menu{grid-auto-flow:row dense}
.dpm-menu .dpm-mega>.sub-menu>li.dpm-mega-promo{grid-column:-2/-1;grid-row:1/span 2}
.dpm-menu .dpm-mega>.sub-menu>li.dpm-mega-promo>a{position:relative;display:block;height:100%;min-height:160px;padding:0!important;border-radius:min(calc(calc(var(--d-r,12px) * .9) * var(--r-k,1)),var(--r-max,999px));overflow:hidden;background:#0f172a}
.dpm-mega-promo .dpm-promo-img{display:block;width:100%!important;height:100%!important;position:absolute;inset:0;object-fit:cover;transition:transform .4s ease}
.dpm-mega-promo>a:hover .dpm-promo-img{transform:scale(1.05)}
.dpm-mega-promo .dpm-promo-cap{position:absolute;left:0;right:0;bottom:0;padding:28px 14px 12px;background:linear-gradient(0deg,rgba(8,12,24,.78),rgba(8,12,24,0));color:#fff;font-weight:800;font-size:15px;line-height:1.3;text-transform:none;letter-spacing:0}
/* Mega rộng hết màn hình */
body.dpm-mega-full .dpm-hd-desk .dpm-hd-row .dpm-hd-wrap{position:static}
body.dpm-mega-full .dpm-menu>li.dpm-mega>.sub-menu{border-radius:0;border-left:0;border-right:0;padding-inline:max(var(--mega-pad,22px),calc((100% - var(--dpm-max,1200px)) / 2 + var(--mega-pad,22px)))}

/* Hiệu ứng menu con */
body.dpm-dan-fade .dpm-menu .sub-menu{transform:none}
body.dpm-dan-zoom .dpm-menu .sub-menu{transform:scale(.96);transform-origin:top center}
body.dpm-dan-none .dpm-menu .sub-menu{transition:none;transform:none}
body.dpm-dan-zoom .dpm-menu li:hover>.sub-menu,body.dpm-dan-zoom .dpm-menu li:focus-within>.sub-menu,body.dpm-dan-zoom .dpm-menu li.is-sub-open>.sub-menu{transform:none}

/* Dấu báo có menu con */
body.dpm-arr-caret .dpm-menu>.menu-item-has-children>a::after{width:0;height:0;margin:0 0 0 3px;border:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;transform:none}
body.dpm-arr-caret .dpm-menu>.menu-item-has-children:hover>a::after{transform:rotate(180deg);margin-top:0}
body.dpm-arr-plus .dpm-menu>.menu-item-has-children>a::after{content:"+";width:auto;height:auto;margin:0 0 0 2px;border:0;transform:none;font-weight:700;font-size:1.1em;line-height:1}
body.dpm-arr-plus .dpm-menu>.menu-item-has-children:hover>a::after{transform:rotate(45deg);margin-top:0}
body.dpm-arr-none .dpm-menu>.menu-item-has-children>a::after{display:none}

/* Đầu trang nổi, bo tròn, cách mép */
body.dpm-hd-float .dpm-hd{padding-top:12px;background:transparent;box-shadow:none;border-bottom:0}
body.dpm-hd-float .dpm-hd-desk,body.dpm-hd-float .dpm-hd-mob{width:min(calc(100% - 24px),calc(var(--dpm-max,1200px) + 48px));margin:0 auto;border-radius:min(calc(var(--hd-float-r,18px) * var(--r-k,1)),var(--r-max,999px));box-shadow:var(--sh-all,var(--hd-shadow,none),0 0 0 1px rgba(15,23,42,.06))}
body.dpm-hd-float .dpm-hd-desk .dpm-hd-wrap,body.dpm-hd-float .dpm-hd-mob .dpm-hd-wrap{width:calc(100% - 44px)}
body.dpm-hd-float .dpm-hd-row:first-child{border-top-left-radius:var(--hd-float-r,18px);border-top-right-radius:var(--hd-float-r,18px)}
body.dpm-hd-float .dpm-hd-row:last-child{border-bottom-left-radius:var(--hd-float-r,18px);border-bottom-right-radius:var(--hd-float-r,18px)}
body.dpm-hd-float .dpm-menu>li.dpm-mega>.sub-menu{border-radius:min(calc(calc(var(--d-r,12px) + 4px) * var(--r-k,1)),var(--r-max,999px))}
html.dpm-compact body.dpm-hd-float .dpm-hd{padding-top:8px}

/* Kính mờ khi cuộn */
body.dpm-hd-glass .dpm-hd.is-scrolled .dpm-hd-main,body.dpm-hd-glass .dpm-hd.is-scrolled .dpm-hd-mmain,body.dpm-hd-glass .dpm-hd.is-scrolled .dpm-hd-bot{
  background:color-mix(in srgb,var(--hd-main-bg,#fff) 72%,transparent);-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px)}
body.dpm-hd-glass .dpm-hd.is-scrolled .dpm-hd-bot{background:color-mix(in srgb,var(--hd-bot-bg,#1e3a8a) 78%,transparent)}

/* ============================================================
 * VỊ TRÍ KHỐI (2.3.0) — khối DPM đặt vào các chỗ của giao diện
 * ============================================================ */
.dpm-slot{position:relative}
.dpm-trans-wrap{position:relative}
body.dpm-hd-trans .dpm-trans-wrap>.dpm-hd:not(.is-scrolled){top:0}
/* Khối banner nằm dưới đầu trang trong suốt: chừa chỗ cho đầu trang (khối có slider thì để ảnh chạy lên dưới đầu trang) */
body.dpm-hd-trans .dpm-slot--banner>.dpm-slot-item:first-child .dpm-khoi:not(:has(.dpmk-slider)){border-top:var(--hd-h,90px) solid transparent}
.dpm-slot-item.is-full{width:100%}
.dpm-slot-item.is-box{padding:16px 0}
.dpm-slot--top .dpm-slot-item.is-box{padding:8px 0}
.dpm-slot--before_footer{margin-top:10px}
.dpm-slot--before_footer .dpm-slot-item.is-box{padding:24px 0}
.dpm-slot-item.is-box+.dpm-slot-item.is-box{padding-top:0}
.dpm-slot-item>.dpm-container>:first-child,.dpm-slot-item>:first-child{margin-top:0}
.dpm-slot-item>.dpm-container>:last-child,.dpm-slot-item>:last-child{margin-bottom:0}
.dpm-slot--after_post{display:grid;gap:18px;margin-top:30px;clear:both}
.dpm-slot--side{display:grid;gap:14px;margin-bottom:14px}
.dpm-slot-text{line-height:1.6}
/* Khối "tràn màn hình" đặt trong cột (cuối bài, cột bên): giữ gọn trong cột, không tràn đè sang bên cạnh */
.dpm-slot--after_post .dpmk-w-full,.dpm-slot--side .dpmk-w-full{margin-left:0!important;margin-right:0!important;width:auto!important;max-width:100%!important;border-radius:min(calc(12px * var(--r-k,1)),var(--r-max,999px))}
@media(max-width:900px){.dpm-only-d{display:none!important}}
@media(min-width:901px){.dpm-only-m{display:none!important}}

/* Khung xem trước của Studio: dấu chỗ trống + viền chỗ đang chọn */
.dpm-slot-mark{display:flex;align-items:center;justify-content:center;width:min(calc(100% - 32px),var(--dpm-max,1200px));min-height:76px;margin:12px auto;padding:14px;border:2px dashed #2563eb;border-radius:min(calc(14px * var(--r-k,1)),var(--r-max,999px));background:rgba(37,99,235,.06);color:#1d4ed8;font:600 15px/1.4 -apple-system,"Segoe UI",Roboto,Arial,sans-serif;text-align:center}
.dpm-slot-mark--in{width:100%;margin:18px 0}
.dpm-slot-mark--full{width:100%;min-height:150px;margin:0;border-radius:0}
.dpm-slot-mark[hidden]{display:none}
.dpm-slot.dpm-slot-focus{outline:3px dashed #2563eb;outline-offset:-3px}

/* Mega menu bằng khối */
.dpm-menu>li.dpm-has-mkhoi>.sub-menu{display:none!important}
.dpm-mkhoi{position:absolute;top:100%;left:0;right:0;z-index:950;max-height:calc(100vh - 150px);overflow:auto;overscroll-behavior:contain;
  padding:var(--mega-pad,22px);background:var(--d-bg,#fff);color:var(--d-text,#1f2937);border:1px solid rgba(15,23,42,.07);
  border-radius:0 0 min(calc(calc(var(--d-r,12px) + 4px) * var(--r-k,1)),var(--r-max,999px)) min(calc(calc(var(--d-r,12px) + 4px) * var(--r-k,1)),var(--r-max,999px));box-shadow:var(--sh-all,var(--d-shadow,0 12px 30px rgba(15,23,42,.12)));
  font-size:15px;font-weight:400;line-height:1.55;letter-spacing:0;text-transform:none;text-align:left;white-space:normal;
  opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .18s ease,transform .18s ease,visibility .18s}
body.dpm-dline .dpm-menu>li>.dpm-mkhoi{border-top:3px solid var(--m-line,#1d4ed8)}
.dpm-menu li:hover>.dpm-mkhoi,.dpm-menu li:focus-within>.dpm-mkhoi,.dpm-menu li.is-sub-open>.dpm-mkhoi{opacity:1;visibility:visible;transform:none}
.dpm-mkhoi .dpm-khoi{margin:0}
body.dpm-mega-full .dpm-menu>li.dpm-mega>.dpm-mkhoi{border-radius:0;border-left:0;border-right:0;padding-inline:max(var(--mega-pad,22px),calc((100% - var(--dpm-max,1200px)) / 2 + var(--mega-pad,22px)))}
body.dpm-hd-float .dpm-menu>li.dpm-mega>.dpm-mkhoi{border-radius:min(calc(calc(var(--d-r,12px) + 4px) * var(--r-k,1)),var(--r-max,999px))}
body.dpm-dan-fade .dpm-mkhoi,body.dpm-dan-none .dpm-mkhoi{transform:none}
body.dpm-dan-none .dpm-mkhoi{transition:none}
body.dpm-dan-zoom .dpm-mkhoi{transform:scale(.96);transform-origin:top center}
body.dpm-dan-zoom .dpm-menu li:hover>.dpm-mkhoi,body.dpm-dan-zoom .dpm-menu li:focus-within>.dpm-mkhoi{transform:none}

/* ============================================================
 * MÀU & CHỮ (2.4.0)
 * ============================================================ */
body{font-family:var(--dpm-font,Arial,Helvetica,sans-serif)}
h1,h2,h3,h4,h5,h6,.entry-title,.dpm-area-title{font-family:var(--dpm-font-head,var(--dpm-font,Arial,Helvetica,sans-serif));font-weight:var(--dpm-hw,700)}
h1{font-size:calc(var(--dpm-font-size,17px) * var(--dpm-hr,1.2) * var(--dpm-hr,1.2) * var(--dpm-hr,1.2) * var(--dpm-hr,1.2))}
h2{font-size:calc(var(--dpm-font-size,17px) * var(--dpm-hr,1.2) * var(--dpm-hr,1.2) * var(--dpm-hr,1.2))}
h3,.entry-title{font-size:calc(var(--dpm-font-size,17px) * var(--dpm-hr,1.2) * var(--dpm-hr,1.2))}
h4{font-size:calc(var(--dpm-font-size,17px) * var(--dpm-hr,1.2))}
h5{font-size:calc(var(--dpm-font-size,17px) * 1.06)}
h6{font-size:var(--dpm-font-size,17px)}
body{font-size:var(--dpm-font-size,17px)}
@media(max-width:600px){
  body{font-size:calc(var(--dpm-font-size,17px) * .95)}
  h1{font-size:calc(var(--dpm-font-size,17px) * var(--dpm-hr,1.2) * var(--dpm-hr,1.2) * var(--dpm-hr,1.2) * var(--dpm-hr,1.2) * .82)}
  h2{font-size:calc(var(--dpm-font-size,17px) * var(--dpm-hr,1.2) * var(--dpm-hr,1.2) * var(--dpm-hr,1.2) * .86)}
  h3,.entry-title{font-size:calc(var(--dpm-font-size,17px) * var(--dpm-hr,1.2) * var(--dpm-hr,1.2) * .9)}
}
/* Màu chính áp cho các plugin DPM (chọn ở Studio > Màu & chữ) */
body.dpm-pc-theo .dpm-khoi,body.dpm-pc-theo .dpm-bt:not([style*="--dpm-bt-accent"]){--dpmk-accent:var(--dpm-accent);--dpm-bt-accent:var(--dpm-accent)}
body.dpm-pc-theo .dpm-bt[style*="--dpm-bt-accent:#d6322b"]{--dpm-bt-accent:var(--dpm-accent)!important}
body.dpm-pc-ep .dpm-khoi,body.dpm-pc-ep .dpm-bt{--dpmk-accent:var(--dpm-accent)!important;--dpm-bt-accent:var(--dpm-accent)!important}
body.dpm-pc-theo [class*="dpmq-"],body.dpm-pc-ep [class*="dpmq-"]{--dpmq-accent:var(--dpm-accent)}

/* ============================================================
 * 2.4.1 — Thanh thông báo WooCommerce không đè lên đầu trang
 * ============================================================ */
body .woocommerce-store-notice,body p.demo_store{position:relative!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;z-index:901;margin:0}

/* ============================================================
 * 2.4.1 — Mã Flatsome cũ trong bài: hiện gọn, không lộ mã
 * ============================================================ */
.dpm-fs-old{min-width:0}
.dpm-fs-old--section,.dpm-fs-old--ux_banner,.dpm-fs-old--background,.dpm-fs-old--ux_bg{margin:0 0 18px;background-size:cover;background-position:center;border-radius:min(calc(12px * var(--r-k,1)),var(--r-max,999px))}
.dpm-fs-old.has-bg{position:relative;padding:28px 24px;min-height:180px;overflow:hidden}
.dpm-fs-old--row,.dpm-fs-old--row_inner,.dpm-fs-old--row_inner_1,.dpm-fs-old--row_inner_2{display:flex;flex-wrap:wrap;gap:20px;margin:0 0 16px}
.dpm-fs-old--col,.dpm-fs-old--col_inner,.dpm-fs-old--col_inner_1,.dpm-fs-old--col_inner_2{flex:1 1 calc(var(--dpm-fs-span,100%) - 20px);min-width:min(100%,240px)}
.dpm-fs-old--text_box{max-width:100%}
.dpm-fs-old--ux_slider{display:grid;gap:16px}
.dpm-fs-old-img img{display:block;max-width:100%;height:auto;border-radius:min(calc(8px * var(--r-k,1)),var(--r-max,999px))}
.dpm-fs-old-btn{display:inline-flex;align-items:center;padding:10px 22px;margin:6px 6px 6px 0;border-radius:min(calc(999px * var(--r-k,1)),var(--r-max,999px));background:var(--dpm-accent,#b51f24);color:#fff!important;font-weight:700;text-decoration:none!important}
.dpm-fs-old-btn:hover{filter:brightness(1.08)}
.dpm-fs-old-hr{border:0;border-top:1px solid var(--dpm-border,#e2c9a7);margin:16px 0}
.dpm-fs-old-title{margin:.6em 0 .5em}
@media(max-width:700px){.dpm-fs-old--row,.dpm-fs-old--row_inner,.dpm-fs-old--row_inner_1,.dpm-fs-old--row_inner_2{gap:12px}}

/* ============================================================
 * BỐ CỤC (2.5.0) — thay cho 30 bố cục cũ
 * ============================================================ */
body.dpm-l .dpm-container{width:min(calc(100% - 32px),var(--dpm-max,1200px));max-width:none;margin-inline:auto;padding-inline:0}
body.dpm-l.dpm-l-full .dpm-container{width:calc(100% - 32px)}
body.dpm-l .dpm-container.is-wide{width:calc(100% - 32px)}
body.dpm-l .dpm-main-wrap{padding:calc(var(--dpm-gap,24px) * .9) 0 calc(var(--dpm-gap,24px) * 1.4)}
body.dpm-l .dpm-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--dpm-gap,24px);align-items:start}
body.dpm-l .dpm-layout.has-utility{grid-template-columns:minmax(0,1fr) minmax(240px,var(--dpm-utility-width,34%))}
body.dpm-l .dpm-layout.has-utility.side-left{grid-template-columns:minmax(240px,var(--dpm-utility-width,34%)) minmax(0,1fr)}
body.dpm-l .dpm-layout.side-left>.dpm-sidebar{order:-1}
body.dpm-l .dpm-content,body.dpm-l .dpm-sidebar{min-width:0}
body.dpm-l.dpm-l-sticky .dpm-sidebar:not(.is-tall){position:sticky;top:16px;align-self:start}
body.dpm-l.dpm-l-sticky.dpm-hd-sticky .dpm-sidebar:not(.is-tall){top:calc(var(--hd-h,0px) + 16px)}
body.admin-bar.dpm-l.dpm-l-sticky .dpm-sidebar:not(.is-tall){top:calc(var(--wp-admin--admin-bar--height,32px) + 16px)}
body.admin-bar.dpm-l.dpm-l-sticky.dpm-hd-sticky .dpm-sidebar:not(.is-tall){top:calc(var(--wp-admin--admin-bar--height,32px) + var(--hd-h,0px) + 16px)}

/* Vùng tiện ích: 1 trên + 2 dưới (cột bên hẹp thì tự 1 cột) */
/* 2.15.3: bỏ container-type ở cột bên (nó nhốt cửa sổ toàn màn hình, trò chơi của plugin vào trong cột) — cột hẹp nhận lớp .is-narrow bằng script */
body.dpm-l .dpm-utility-grid{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--dpm-gap,24px) * .6);align-content:start}
body.dpm-l .dpm-utility-top{grid-column:1/-1}
body.dpm-l.dpm-lu-stack .dpm-utility-grid{grid-template-columns:1fr}
body.dpm-l .dpm-utility-grid.is-narrow{grid-template-columns:1fr}
body.dpm-l .dpm-utility-grid .widget,body.dpm-l .dpm-sidebar .widget{margin:0 0 calc(var(--dpm-gap,24px) * .6)}

/* Khung nội dung */
body.dpm-l .dpm-content,body.dpm-l .dpm-sidebar .widget{border-radius:var(--dpm-radius,10px)}
body.dpm-lc-none .dpm-content{background:transparent;border:0;box-shadow:none;padding:0}
body.dpm-lc-none .dpm-sidebar .widget{background:transparent;border:0;box-shadow:none;padding:0}
body.dpm-lc-border .dpm-content,body.dpm-lc-border .dpm-sidebar .widget,
body.dpm-lc-soft .dpm-content,body.dpm-lc-soft .dpm-sidebar .widget,
body.dpm-lc-strong .dpm-content,body.dpm-lc-strong .dpm-sidebar .widget{background:var(--dpm-content-bg,#fff);border:1px solid var(--dpm-content-border,#e5e7eb);padding:var(--dpm-pad,22px);box-shadow:none}
body.dpm-lc-soft .dpm-content,body.dpm-lc-soft .dpm-sidebar .widget{box-shadow:var(--sh-all,0 3px 14px rgba(24,39,50,.06))}
body.dpm-lc-strong .dpm-content,body.dpm-lc-strong .dpm-sidebar .widget{border-color:transparent;box-shadow:var(--sh-all,0 10px 30px rgba(15,23,42,.10))}
body.dpm-l .dpm-sidebar .widget-title{border-radius:calc(var(--dpm-radius,10px) * .6)}

/* Không vỡ trên mọi màn hình: ảnh, video, bảng tự co; chữ dài tự xuống dòng; không kéo ngang trang */
html,body{overflow-x:clip}
body.dpm-l .entry-content{overflow-wrap:break-word}
body.dpm-l .entry-content img,body.dpm-l .entry-content video,body.dpm-l .entry-content iframe,body.dpm-l .entry-content embed,body.dpm-l .entry-content object{max-width:100%}
body.dpm-l .entry-content img,body.dpm-l .entry-content video{height:auto}
body.dpm-l .entry-content table:not([class*="dpm"]):not(.shop_table):not(.variations):not(.woocommerce-table):not(.cart){display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
body.dpm-l .entry-content pre{max-width:100%;overflow-x:auto}
body.dpm-l .entry-content .wp-caption{max-width:100%}
@media(max-width:980px){
  body.dpm-l .dpm-layout.has-utility,body.dpm-l .dpm-layout.has-utility.side-left{grid-template-columns:minmax(0,1fr)}
  body.dpm-l .dpm-layout>.dpm-sidebar,body.dpm-l .dpm-layout.side-left>.dpm-sidebar,body.dpm-l .dpm-layout.has-utility.side-left>.dpm-sidebar{order:2;position:static!important}
}
@media(max-width:600px){
  body.dpm-l .dpm-container,body.dpm-l .dpm-container.is-wide,body.dpm-l.dpm-l-full .dpm-container{width:calc(100% - 22px)}
  body.dpm-lc-border .dpm-content,body.dpm-lc-soft .dpm-content,body.dpm-lc-strong .dpm-content,
  body.dpm-lc-border .dpm-sidebar .widget,body.dpm-lc-soft .dpm-sidebar .widget,body.dpm-lc-strong .dpm-sidebar .widget{padding:min(var(--dpm-pad,22px),16px)}
  body.dpm-l .dpm-utility-grid{grid-template-columns:1fr}
}

/* ============================================================
 * BÁN HÀNG (2.6.0) — viên Giỏ hàng, Tài khoản ở đầu trang
 * ============================================================ */
.dpm-hb-cart{position:relative;display:flex;align-items:center;padding-right:10px}
.dpm-cart-btn{display:inline-flex;align-items:center;gap:8px;color:inherit;text-decoration:none!important;font-weight:600;white-space:nowrap}
.dpm-cart-ico{position:relative;display:inline-flex}
.dpm-cart-count{position:absolute;top:-8px;right:-10px;min-width:18px;height:18px;padding:0 5px;border-radius:min(calc(999px * var(--r-k,1)),var(--r-max,999px));background:var(--dpm-accent,#b51f24);color:#fff;font-size:11px;font-weight:800;line-height:18px;text-align:center;box-shadow:0 0 0 2px var(--hd-main-bg,#fff)}
.dpm-cart-count.is-zero{background:#94a3b8}
.dpm-cart-txt{font-size:14px;margin-left:4px}
.dpm-mini-cart{position:absolute;top:calc(100% + 12px);right:-12px;z-index:960;width:340px;max-width:calc(100vw - 24px);padding:14px;border-radius:min(calc(14px * var(--r-k,1)),var(--r-max,999px));background:#fff;color:#1f2937;box-shadow:var(--sh-all,0 18px 44px rgba(15,23,42,.18));border:1px solid rgba(15,23,42,.06);display:none;text-align:left;font-size:14px;font-weight:400}
.dpm-mini-cart::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.dpm-hb-cart.has-mini:hover .dpm-mini-cart,.dpm-hb-cart.has-mini:focus-within .dpm-mini-cart{display:block;animation:dpmMiniIn .18s ease}
@keyframes dpmMiniIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.dpm-mini-cart-head{margin:0 0 10px;font-weight:800;font-size:15px}
.dpm-mini-cart ul.cart_list{list-style:none;margin:0;padding:0;max-height:320px;overflow:auto}
.dpm-mini-cart ul.cart_list li{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:10px 26px 10px 0;border-bottom:1px solid #eef0f3}
.dpm-mini-cart ul.cart_list li a{color:#1f2937;font-weight:600;line-height:1.35;text-decoration:none}
.dpm-mini-cart ul.cart_list li img{width:48px;height:48px;object-fit:cover;border-radius:min(calc(8px * var(--r-k,1)),var(--r-max,999px));float:left;margin-right:10px}
.dpm-mini-cart ul.cart_list li .remove{position:absolute;right:0;top:12px;color:#94a3b8!important;font-size:18px;line-height:1}
.dpm-mini-cart .quantity{display:block;width:100%;padding-left:58px;color:#64748b;font-size:13px}
.dpm-mini-cart .total{display:flex;justify-content:space-between;margin:12px 0;font-size:15px}
.dpm-mini-cart .buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}
.dpm-mini-cart .buttons a{display:flex;align-items:center;justify-content:center;padding:10px;border-radius:min(calc(999px * var(--r-k,1)),var(--r-max,999px));background:#f1f5f9;color:#1f2937;font-weight:700;text-decoration:none}
.dpm-mini-cart .buttons a.checkout{background:var(--dpm-accent,#b51f24);color:#fff}
.dpm-mini-cart .woocommerce-mini-cart__empty-message{margin:6px 0;color:#64748b}
.dpm-hb-account svg{flex:none}
.dpm-drawer .dpm-cart-btn{width:100%}

/* ============================================================
 * 2.6.1 — Logo không bị bóp, logo vừa từng tầng, viên Ảnh / Banner, viên HTML 2
 * ============================================================ */
/* Ô có logo luôn đủ rộng cho logo (trước đây menu dài ép ô logo lại, logo tràn đè lên menu / tầng khác) */
.dpm-hb-zone.has-logo{min-width:max-content;flex-shrink:0}
.dpm-hd-row.no-center .dpm-hb-left.has-logo{flex:0 0 auto}
/* Logo thu nhỏ vừa chiều cao tầng đang chứa nó */
.dpm-hd-top .dpm-logo img,.dpm-hd-top .dpm-logo .custom-logo,.dpm-hd-mtop .dpm-logo img,.dpm-hd-mtop .dpm-logo .custom-logo{max-height:min(var(--hd-logo-h,46px),calc(var(--hd-top-h,36px) - 6px))!important}
.dpm-hd-bot .dpm-logo img,.dpm-hd-bot .dpm-logo .custom-logo{max-height:min(var(--hd-logo-h,46px),calc(var(--hd-bot-h,50px) - 8px))!important}
.dpm-hd-top .dpm-logo-text,.dpm-hd-mtop .dpm-logo-text{font-size:min(var(--hd-name-fs,22px),calc(var(--hd-top-h,36px) * .5))}

/* Ảnh / Banner */
.dpm-hb-img{display:flex;align-items:center;min-width:0;max-width:100%;line-height:0}
.dpm-hb-img a{display:block;line-height:0;max-width:100%}
.dpm-hb-img img{display:block;width:auto;height:auto;max-width:100%;max-height:var(--hd-img-h,80px);object-fit:contain}
.dpm-hb-img1 img{--hd-img-h:var(--hd-img1-h,80px)}
.dpm-hb-img2 img{--hd-img-h:var(--hd-img2-h,80px)}
.dpm-hd-top .dpm-hb-img img,.dpm-hd-mtop .dpm-hb-img img{max-height:min(var(--hd-img-h),calc(var(--hd-top-h,36px) - 6px))}
.dpm-hd-bot .dpm-hb-img img{max-height:min(var(--hd-img-h),calc(var(--hd-bot-h,50px) - 8px))}
.dpm-hd-mob .dpm-hb-img1 img{max-height:var(--hd-img1-mh,40px)}
.dpm-hd-mob .dpm-hb-img2 img{max-height:var(--hd-img2-mh,40px)}
.dpm-hd-mtop .dpm-hb-img1 img{max-height:min(var(--hd-img1-mh,40px),calc(var(--hd-top-h,36px) - 6px))}
.dpm-hd-mtop .dpm-hb-img2 img{max-height:min(var(--hd-img2-mh,40px),calc(var(--hd-top-h,36px) - 6px))}
.dpm-hb-right .dpm-hb-img{margin-left:auto}.dpm-hb-center .dpm-hb-img{margin:0 auto}
.dpm-hd-main .dpm-hb-img,.dpm-hd-bot .dpm-hb-img{padding:4px 0}
.dpm-drawer .dpm-hb-img{padding:8px 0}.dpm-drawer .dpm-hb-img img{max-height:none;max-width:100%}
/* Khung gợi ý cho viên chưa có nội dung (chỉ hiện trong Studio) */
.dpm-hb-ph{display:flex;align-items:center;justify-content:center;min-height:30px;padding:4px 12px;border:1.5px dashed currentColor;border-radius:min(calc(6px * var(--r-k,1)),var(--r-max,999px));opacity:.55;font-size:12px;line-height:1.3;white-space:nowrap;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis}

/* ============================================================
 * 2.6.2 — Menu tách đôi (logo giữa), nền màu chuyển / ảnh nền, menu tự co trước khi thu gọn
 * ============================================================ */
.dpm-hb-split{display:flex;align-items:stretch;justify-content:center;flex:1 1 auto;min-width:0;align-self:stretch}
.dpm-hb-split>.dpm-split-l,.dpm-hb-split>.dpm-split-r{flex:1 1 0;min-width:0;display:flex;align-items:stretch}
.dpm-hb-split .dpm-split-logo{margin:0 var(--hd-split-gap,36px);align-self:center}
.dpm-hb-split .dpm-split-l .dpm-menu{justify-content:flex-end}
.dpm-hb-split .dpm-split-r .dpm-menu{justify-content:flex-start}
.dpm-hb-zone:has(>.dpm-hb-split){flex:1 1 auto}
.dpm-hd-row:has(.dpm-hb-split) .dpm-hb-left.is-empty,.dpm-hd-row:has(.dpm-hb-split) .dpm-hb-right.is-empty{flex:0 0 0;display:none}

/* Nền tầng chính: màu chuyển / ảnh nền (trang đè trong suốt: chỉ hiện khi cuộn) */
body.dpm-hdbg-grad:not(.dpm-hd-trans) .dpm-hd .dpm-hd-main,body.dpm-hdbg-grad:not(.dpm-hd-trans) .dpm-hd .dpm-hd-mmain{background:linear-gradient(var(--hd-grad-dir,90deg),var(--hd-main-bg,#fff),var(--hd-grad2,#1d4ed8))}
body.dpm-hdbg-grad.dpm-hd-trans .dpm-hd.is-scrolled .dpm-hd-main,body.dpm-hdbg-grad.dpm-hd-trans .dpm-hd.is-scrolled .dpm-hd-mmain{background:linear-gradient(var(--hd-grad-dir,90deg),var(--hd-main-bg,#fff),var(--hd-grad2,#1d4ed8))}
body.dpm-hdbg-grad.dpm-hdbg-all:not(.dpm-hd-trans) .dpm-hd{background:linear-gradient(var(--hd-grad-dir,90deg),var(--hd-main-bg,#fff),var(--hd-grad2,#1d4ed8))}
body.dpm-hdbg-grad.dpm-hdbg-all:not(.dpm-hd-trans) .dpm-hd .dpm-hd-row{background:transparent}
body.dpm-hdbg-grad.dpm-hdbg-all.dpm-hd-trans .dpm-hd.is-scrolled{background:linear-gradient(var(--hd-grad-dir,90deg),var(--hd-main-bg,#fff),var(--hd-grad2,#1d4ed8))}
body.dpm-hdbg-grad.dpm-hdbg-all.dpm-hd-trans .dpm-hd.is-scrolled .dpm-hd-row{background:transparent}
body.dpm-hdbg-img:not(.dpm-hd-trans) .dpm-hd .dpm-hd-main,body.dpm-hdbg-img:not(.dpm-hd-trans) .dpm-hd .dpm-hd-mmain{background:linear-gradient(color-mix(in srgb,#000 var(--hd-bgdim,0%),transparent),color-mix(in srgb,#000 var(--hd-bgdim,0%),transparent)),var(--hd-bgimg,none) center/cover no-repeat,var(--hd-main-bg,#fff)}
body.dpm-hdbg-img.dpm-hd-trans .dpm-hd.is-scrolled .dpm-hd-main,body.dpm-hdbg-img.dpm-hd-trans .dpm-hd.is-scrolled .dpm-hd-mmain{background:linear-gradient(color-mix(in srgb,#000 var(--hd-bgdim,0%),transparent),color-mix(in srgb,#000 var(--hd-bgdim,0%),transparent)),var(--hd-bgimg,none) center/cover no-repeat,var(--hd-main-bg,#fff)}
body.dpm-hdbg-img.dpm-hdbg-all:not(.dpm-hd-trans) .dpm-hd{background:linear-gradient(color-mix(in srgb,#000 var(--hd-bgdim,0%),transparent),color-mix(in srgb,#000 var(--hd-bgdim,0%),transparent)),var(--hd-bgimg,none) center/cover no-repeat,var(--hd-main-bg,#fff)}
body.dpm-hdbg-img.dpm-hdbg-all:not(.dpm-hd-trans) .dpm-hd .dpm-hd-row{background:transparent}
body.dpm-hdbg-img.dpm-hdbg-all.dpm-hd-trans .dpm-hd.is-scrolled{background:linear-gradient(color-mix(in srgb,#000 var(--hd-bgdim,0%),transparent),color-mix(in srgb,#000 var(--hd-bgdim,0%),transparent)),var(--hd-bgimg,none) center/cover no-repeat,var(--hd-main-bg,#fff)}
body.dpm-hdbg-img.dpm-hdbg-all.dpm-hd-trans .dpm-hd.is-scrolled .dpm-hd-row{background:transparent}

/* Menu không vừa một hàng: tự co khoảng cách, rồi cỡ chữ; vẫn không vừa mới thu gọn */
html.dpm-mfit-1 .dpm-hd-desk .dpm-menu>li>a{padding-inline:calc(var(--m-gap,16px) * .5)}
html.dpm-mfit-2 .dpm-hd-desk .dpm-menu>li>a{padding-inline:calc(var(--m-gap,16px) * .3);font-size:calc(var(--m-fs,15px) * .9)}
html.dpm-mfit-1 .dpm-hd-desk .dpm-hb-zone,html.dpm-mfit-2 .dpm-hd-desk .dpm-hb-zone{gap:10px}
html.dpm-mfit-1 .dpm-mh-underline .dpm-hd-desk .dpm-menu>li>a::before,html.dpm-mfit-1 .dpm-mh-overline .dpm-hd-desk .dpm-menu>li>a::before{left:calc(var(--m-gap,16px) * .5);right:calc(var(--m-gap,16px) * .5)}
html.dpm-mfit-2 .dpm-mh-underline .dpm-hd-desk .dpm-menu>li>a::before,html.dpm-mfit-2 .dpm-mh-overline .dpm-hd-desk .dpm-menu>li>a::before{left:calc(var(--m-gap,16px) * .3);right:calc(var(--m-gap,16px) * .3)}

/* ============================================================
 * 2.7.0 — CHÂN TRANG (inc/footer.php)
 * ============================================================ */
.dpm-site-footer.dpm-ft{margin-top:var(--dpm-gap,20px);padding:0;border-top:0;background:var(--dpm-footer-bg,#1f2937);color:var(--dpm-footer-text,#e5e7eb);font-size:var(--ft-fs,15px);line-height:1.6;position:relative;isolation:isolate}
body.dpm-ftbg-grad .dpm-ft{background:linear-gradient(135deg,var(--dpm-footer-bg),var(--ft-grad2,#0f172a))}
body.dpm-ftbg-img .dpm-ft{background:linear-gradient(color-mix(in srgb,var(--dpm-footer-bg) var(--ft-bgdim,70%),transparent),color-mix(in srgb,var(--dpm-footer-bg) var(--ft-bgdim,70%),transparent)),var(--ft-bgimg,none) center/cover no-repeat,var(--dpm-footer-bg)}
.dpm-ft a{color:inherit;text-decoration:none;transition:color .2s}
.dpm-ft a:hover{color:var(--ft-accent,#f59e0b)}
.dpm-ft-main{padding:var(--ft-pad,48px) 0}
.dpm-ft-grid{display:grid;gap:32px 40px;grid-template-columns:repeat(var(--ft-n,4),minmax(0,1fr))}
.dpm-ft[data-cols="1"] .dpm-ft-grid{--ft-n:1}.dpm-ft[data-cols="2"] .dpm-ft-grid{--ft-n:2}.dpm-ft[data-cols="3"] .dpm-ft-grid{--ft-n:3}
body.dpm-ftr-first .dpm-ft[data-cols="2"] .dpm-ft-grid{grid-template-columns:1.5fr 1fr}
body.dpm-ftr-first .dpm-ft[data-cols="3"] .dpm-ft-grid{grid-template-columns:1.5fr 1fr 1fr}
body.dpm-ftr-first .dpm-ft[data-cols="4"] .dpm-ft-grid{grid-template-columns:1.5fr 1fr 1fr 1fr}
body.dpm-ftr-last .dpm-ft[data-cols="2"] .dpm-ft-grid{grid-template-columns:1fr 1.5fr}
body.dpm-ftr-last .dpm-ft[data-cols="3"] .dpm-ft-grid{grid-template-columns:1fr 1fr 1.5fr}
body.dpm-ftr-last .dpm-ft[data-cols="4"] .dpm-ft-grid{grid-template-columns:1fr 1fr 1fr 1.5fr}
.dpm-ft-col{min-width:0}
.dpm-ft-title{margin:0 0 16px;padding-bottom:10px;position:relative;color:var(--ft-title,#fff);font-size:1.05em;font-weight:700;letter-spacing:.01em}
.dpm-ft-title::after{content:"";position:absolute;left:0;bottom:0;width:36px;height:3px;border-radius:min(calc(3px * var(--r-k,1)),var(--r-max,999px));background:var(--ft-accent,#f59e0b)}
.dpm-ft-logo{display:inline-block;margin-bottom:12px}.dpm-ft-logo img{display:block;max-height:64px;max-width:220px;width:auto;height:auto}
.dpm-ft-name{color:var(--ft-title,#fff);font-size:1.25em;font-weight:800;line-height:1.3;margin-bottom:8px}
.dpm-ft-about{margin:0 0 14px;opacity:.9}
.dpm-ft-lines,.dpm-ft-menu,.dpm-ft-hours{list-style:none;margin:0;padding:0}
.dpm-ft-lines li{display:flex;gap:10px;align-items:flex-start;margin:0 0 9px}
.dpm-ft-lines svg{flex:0 0 auto;margin-top:3px;color:var(--ft-accent,#f59e0b)}
.dpm-ft-lines span,.dpm-ft-lines a{min-width:0;overflow-wrap:anywhere}
.dpm-ft-menu li{margin:0 0 8px}
.dpm-ft-menu a{display:inline-flex;align-items:center;gap:8px}
.dpm-ft-menu a::before{content:"";width:6px;height:6px;border-right:2px solid var(--ft-accent,#f59e0b);border-top:2px solid var(--ft-accent,#f59e0b);transform:rotate(45deg);flex:0 0 auto;opacity:.8}
.dpm-ft-menu a:hover{transform:translateX(2px)}
.dpm-ft-hours li{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px dashed var(--ft-line,rgba(255,255,255,.12))}
.dpm-ft-hours li:last-child{border-bottom:0}.dpm-ft-hours b{font-weight:600;color:var(--ft-title,#fff);text-align:right}
.dpm-ft-socials{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.dpm-ft-soc{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:min(calc(19px * var(--r-k,1)),var(--r-max,999px));background:color-mix(in srgb,currentColor 12%,transparent);transition:background .2s,color .2s,transform .2s}
.dpm-ft-soc:hover{background:var(--ft-accent,#f59e0b);color:#fff!important;transform:translateY(-2px)}
.dpm-ft-soc b{font-size:11px;font-weight:800}
.dpm-ft-map{border-radius:min(calc(10px * var(--r-k,1)),var(--r-max,999px));overflow:hidden;line-height:0;border:1px solid var(--ft-line,rgba(255,255,255,.12))}
.dpm-ft-map iframe{display:block;width:100%;height:var(--ft-map-h,200px);border:0}
.dpm-ft-html>:first-child{margin-top:0}.dpm-ft-html>:last-child{margin-bottom:0}
.dpm-ft .dpm-hb-ph{white-space:normal;justify-content:flex-start;min-height:40px}
body.dpm-ft-center .dpm-ft-col{text-align:center}
body.dpm-ft-center .dpm-ft-title::after{left:50%;transform:translateX(-50%)}
body.dpm-ft-center .dpm-ft-lines li,body.dpm-ft-center .dpm-ft-socials{justify-content:center}
body.dpm-ft-center .dpm-ft-lines{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 22px}
.dpm-ft-bottom{background:var(--ft-bbg,rgba(0,0,0,.18));border-top:1px solid var(--ft-line,rgba(255,255,255,.12));font-size:.9em}
.dpm-ft-bottom .dpm-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px;padding:14px 0}
body.dpm-ft-center .dpm-ft-bottom .dpm-container{justify-content:center;text-align:center}
.dpm-ft-copy{opacity:.85}
.dpm-ft-bmenu{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 18px}
.dpm-ft-old .dpm-ft-bottom{margin:24px 0 -24px}
@media(max-width:980px){
  .dpm-ft .dpm-ft-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .dpm-ft[data-cols="1"] .dpm-ft-grid{grid-template-columns:1fr!important}
  .dpm-ft[data-cols="3"] .dpm-ft-col:first-child{grid-column:1/-1}
}
@media(max-width:600px){
  .dpm-ft .dpm-ft-grid{grid-template-columns:1fr!important;gap:28px}
  .dpm-ft-main{padding:calc(var(--ft-pad,48px) * .7) 0}
  .dpm-ft-bottom .dpm-container{justify-content:center;text-align:center}
}
/* Nút lên đầu trang */
.dpm-totop{position:fixed;right:18px;bottom:var(--totop-b,90px);z-index:880;width:44px;height:44px;border:0;border-radius:min(calc(22px * var(--r-k,1)),var(--r-max,999px));display:flex;align-items:center;justify-content:center;background:var(--ft-accent,#f59e0b);color:#fff;box-shadow:var(--sh-all,0 8px 22px rgba(15,23,42,.22));cursor:pointer;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .25s,transform .25s,visibility .25s}
.dpm-totop.is-on{opacity:1;visibility:visible;transform:none}
.dpm-totop:hover{filter:brightness(1.08)}
.dpm-totop svg{width:22px;height:22px}
body.dpm-totop-left .dpm-totop{right:auto;left:18px}
@media(max-width:600px){.dpm-totop{right:12px;width:40px;height:40px}body.dpm-totop-left .dpm-totop{left:12px}}

/* 2.9.2 — Chỗ đặt khối ở trang sản phẩm */
.dpm-slot[class*="dpm-slot--p_"]{display:grid;gap:12px;margin:14px 0;clear:both}
.dpm-slot--p_top{margin-top:0}
.dpm-slot--p_gallery{margin-top:18px}
.dpm-slot[class*="dpm-slot--p_"] .dpmk-w-full{margin-left:0!important;margin-right:0!important;width:auto!important;max-width:100%!important;border-radius:min(calc(12px * var(--r-k,1)),var(--r-max,999px))}
.dpm-slot-mark[data-dpm-slot^="p_"]{width:100%;min-height:60px;margin:14px 0}

/* Chế độ "Sửa khối giao diện" (2.10.0): xem assets/quick.css */

/* ==========================================================
 * 2.11.0 — MEGA MENU NHIỀU KIỂU (kiểu trang tin Jannah / Newspaper)
 * ========================================================== */
.dpm-mx{padding:var(--mega-pad,22px) var(--mega-pad,22px) calc(var(--mega-pad,22px) * .8);font-size:var(--d-fs,14.5px)}
.dpm-mx a{text-decoration:none}
.dpm-mx-in{display:flex;gap:22px;align-items:stretch}
.dpm-mx-main{flex:1 1 auto;min-width:0}
.dpm-mx-aside{flex:0 0 min(260px,24%);display:flex}
.dpm-mx-promo{position:relative;display:block;width:100%;min-height:190px;border-radius:min(calc(calc(var(--d-r,12px) * .9) * var(--r-k,1)),var(--r-max,999px));overflow:hidden;background:#0f172a}
.dpm-mx-promo img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover;transition:transform .4s ease}
.dpm-mx-promo:hover img{transform:scale(1.05)}
.dpm-mx-promo .dpm-promo-cap{position:absolute;left:0;right:0;bottom:0;padding:30px 14px 12px;background:linear-gradient(0deg,rgba(8,12,24,.8),rgba(8,12,24,0));color:#fff;font-weight:800;font-size:15px;line-height:1.3}
/* Thẻ bài viết / sản phẩm */
.dpm-mx-cards{display:grid;grid-template-columns:repeat(var(--mx-c,4),minmax(0,1fr));gap:18px}
.dpm-mx-card{display:flex;flex-direction:column;gap:9px;min-width:0;color:var(--d-text,#1f2937)}
.dpm-mx-img{position:relative;display:block;aspect-ratio:var(--mega-ratio,16/10);border-radius:min(calc(calc(var(--d-r,12px) * .75) * var(--r-k,1)),var(--r-max,999px));overflow:hidden;background:color-mix(in srgb,var(--d-text,#1f2937) 7%,transparent)}
.dpm-mx-img img{display:block;width:100%!important;height:100%!important;object-fit:cover;transition:transform .35s ease}
.dpm-mx-card:hover .dpm-mx-img img,.dpm-mx-tile:hover .dpm-mx-img img{transform:scale(1.06)}
.dpm-mx-noimg{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:color-mix(in srgb,var(--d-text,#1f2937) 35%,transparent)}
.dpm-mx-body{display:flex;flex-direction:column;gap:4px;min-width:0}
.dpm-mx-t{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:700;font-size:calc(var(--d-fs,14.5px) * .98);line-height:1.4;transition:color .15s}
.dpm-mx-card:hover .dpm-mx-t{color:var(--d-hover-text,#1d4ed8)}
.dpm-mx-date{font-size:12.5px;color:color-mix(in srgb,var(--d-text,#1f2937) 55%,transparent)}
.dpm-mx-price{font-size:14px;font-weight:700;color:var(--d-hover-text,#1d4ed8)}
.dpm-mx-price del{opacity:.55;font-weight:400;margin-right:4px}.dpm-mx-price ins{text-decoration:none}
.dpm-mx-card.is-big .dpm-mx-img{aspect-ratio:16/10}
.dpm-mx-card.is-big .dpm-mx-t{font-size:calc(var(--d-fs,14.5px) * 1.08)}
/* Danh mục con dạng thẻ */
.dpm-mx-tabs{display:grid;grid-template-columns:200px minmax(0,1fr);gap:22px}
.dpm-mx-tabs.is-single{grid-template-columns:1fr}
.dpm-mx-tl{list-style:none;margin:0;padding:0 16px 0 0;border-right:1px solid color-mix(in srgb,var(--d-text,#1f2937) 10%,transparent);display:flex;flex-direction:column;gap:2px;max-height:340px;overflow:auto}
.dpm-mx-tl a{display:block;padding:9px 12px;border-radius:min(calc(calc(var(--d-r,12px) * .6) * var(--r-k,1)),var(--r-max,999px));color:var(--d-text,#1f2937);font-weight:600;line-height:1.35;transition:background-color .15s,color .15s}
.dpm-mx-tl li.is-on>a{background:var(--d-hover-bg,#eff6ff);color:var(--d-hover-text,#1d4ed8);box-shadow:inset 3px 0 0 var(--m-line,#1d4ed8)}
.dpm-mx-pane{display:none}
.dpm-mx-pane.is-on{display:block;animation:dpmMxIn .22s ease}
@keyframes dpmMxIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
/* Chia cột liên kết (tự lấy danh mục) */
.dpm-mx-cols{display:grid;grid-template-columns:repeat(var(--mx-c,4),minmax(0,1fr));gap:2px 22px}
.dpm-mx-col{display:flex;flex-direction:column;min-width:0;margin-bottom:10px}
.dpm-mx-h{display:block;margin-bottom:4px;padding:6px 10px 8px;border-bottom:1px solid color-mix(in srgb,var(--d-text,#1f2937) 10%,transparent);color:color-mix(in srgb,var(--d-text,#1f2937) 80%,transparent);font-weight:800;font-size:calc(var(--d-fs,14.5px) * .88);letter-spacing:.05em;text-transform:uppercase}
.dpm-mx-h:hover{color:var(--d-hover-text,#1d4ed8)}
.dpm-mx-l{display:block;padding:7px 10px;border-radius:min(calc(calc(var(--d-r,12px) * .6) * var(--r-k,1)),var(--r-max,999px));color:var(--d-text,#1f2937);line-height:1.35;break-inside:avoid;transition:background-color .15s,color .15s,padding .15s}
.dpm-mx-l:hover{background:var(--d-hover-bg,#eff6ff);color:var(--d-hover-text,#1d4ed8);padding-left:14px}
.dpm-mx-l small{opacity:.5;font-size:.82em;margin-left:3px}
/* Kết hợp */
.dpm-mx-mix{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:24px}
.dpm-mx-mix.no-links{grid-template-columns:1fr}
.dpm-mx-links{align-self:start;column-gap:14px}.dpm-mx-links.is-2{columns:2}
.dpm-mx-links .dpm-mx-l{font-weight:600;padding-top:9px;padding-bottom:9px;border-bottom:1px solid color-mix(in srgb,var(--d-text,#1f2937) 7%,transparent);border-radius:0}
.dpm-mx-feat{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
/* Lưới danh mục có ảnh */
.dpm-mx-tiles{display:grid;grid-template-columns:repeat(var(--mx-c,4),minmax(0,1fr));gap:14px}
.dpm-mx-tile{display:flex;flex-direction:column;align-items:center;gap:7px;padding:10px;border-radius:min(calc(calc(var(--d-r,12px) * .9) * var(--r-k,1)),var(--r-max,999px));color:var(--d-text,#1f2937);text-align:center;transition:background-color .15s}
.dpm-mx-tile:hover{background:var(--d-hover-bg,#eff6ff)}
.dpm-mx-tile .dpm-mx-img{width:100%;aspect-ratio:1/1}
.dpm-mx-tn{font-weight:700;line-height:1.3}
.dpm-mx-tile:hover .dpm-mx-tn{color:var(--d-hover-text,#1d4ed8)}
.dpm-mx-tile small{font-size:12px;opacity:.6}
/* Dòng cuối: xem tất cả + nút */
.dpm-mx-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding-top:12px;border-top:1px solid color-mix(in srgb,var(--d-text,#1f2937) 9%,transparent)}
.dpm-mx-all{font-weight:700;font-size:13.5px;color:var(--d-hover-text,#1d4ed8)!important}
.dpm-mx-all:hover{text-decoration:underline!important}
.dpm-mx-btn{display:inline-flex;align-items:center;padding:8px 18px;border-radius:min(calc(var(--hd-cta-r,40px) * var(--r-k,1)),var(--r-max,999px));background:var(--hd-cta-bg,#f59e0b);color:var(--hd-cta-text,#1f1300)!important;font-weight:700;font-size:14px;white-space:nowrap}
.dpm-mx-btn:hover{filter:brightness(1.06)}
@media(min-width:901px) and (max-width:1200px){
  .dpm-mx-cards,.dpm-mx-tiles{grid-template-columns:repeat(min(var(--mx-c,4),4),minmax(0,1fr))}
  .dpm-mx-cards>.dpm-mx-card:nth-child(n+5){display:none}
  .dpm-mx-tabs{grid-template-columns:170px minmax(0,1fr)}
  .dpm-mx-tabs .dpm-mx-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dpm-mx-tabs .dpm-mx-card:nth-child(n+4){display:none}
  .dpm-mx-aside{flex-basis:200px}
  .dpm-mx-links{columns:1}
}
/* Khung menu điện thoại: danh sách gập mở có ảnh nhỏ */
.dpm-dmenu .dpm-menu-thumb-wrap:empty{display:none}
.dpm-dmenu .dpm-menu-thumb-wrap img{display:block;width:100%!important;height:100%!important;object-fit:cover}
.dpm-dmenu .dpm-mx-m-all>a{font-weight:700;color:var(--hd-cta-bg,#f59e0b)!important}

/* ==========================================================
 * 2.11.0 — MENU DỌC DANH MỤC
 * ========================================================== */
.dpm-vm{position:relative;display:inline-block}
.dpm-vm-btn{display:inline-flex;align-items:center;gap:10px;width:var(--vm-w,260px);height:44px;margin:0;padding:0 18px;border:0;border-radius:min(calc(var(--d-r,12px) * var(--r-k,1)),var(--r-max,999px)) min(calc(var(--d-r,12px) * var(--r-k,1)),var(--r-max,999px)) 0 0;background:var(--vm-bg,#1d4ed8);color:var(--vm-text,#fff);font:inherit;font-size:14.5px;font-weight:700;letter-spacing:0;text-transform:none;cursor:pointer;white-space:nowrap;text-align:left}
.dpm-vm-btn .dpm-nav-bars{flex:0 0 18px}
.dpm-vm-title{overflow:hidden;text-overflow:ellipsis}
.dpm-vm-panel{position:absolute;top:100%;left:0;z-index:960;width:var(--vm-w,260px);background:var(--d-bg,#fff);border:1px solid rgba(15,23,42,.08);border-top:0;border-radius:0 0 min(calc(var(--d-r,12px) * var(--r-k,1)),var(--r-max,999px)) min(calc(var(--d-r,12px) * var(--r-k,1)),var(--r-max,999px));box-shadow:var(--sh-all,var(--d-shadow,0 12px 30px rgba(15,23,42,.12)));opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease,visibility .18s}
.dpm-vm:hover .dpm-vm-panel,.dpm-vm:focus-within .dpm-vm-panel,.dpm-vm.is-open .dpm-vm-panel,.dpm-vm.is-home-open .dpm-vm-panel{opacity:1;visibility:visible;transform:none}
.dpm-hd.is-scrolled .dpm-vm.is-home-open:not(:hover):not(.is-open):not(:focus-within) .dpm-vm-panel{opacity:0;visibility:hidden}
.dpm-vm-list,.dpm-vm-list .sub-menu{list-style:none;margin:0;padding:6px 0}
.dpm-vm-panel .dpm-vm-list,.dpm-vm-box .dpm-vm-list{position:relative;min-height:100%}
.dpm-vm-list>li{position:static}
.dpm-vm-list a{display:flex;align-items:center;gap:10px;padding:9px 16px;color:var(--d-text,#1f2937);font-size:var(--d-fs,14.5px);font-weight:500;line-height:1.35;text-decoration:none;text-transform:none;letter-spacing:0;transition:background-color .15s,color .15s}
.dpm-vm-list li:hover>a,.dpm-vm-list li:focus-within>a,.dpm-vm-list .current-menu-item>a{background:var(--d-hover-bg,#eff6ff);color:var(--d-hover-text,#1d4ed8)}
.dpm-vm-list>li.menu-item-has-children>a::after{content:"";margin-left:auto;width:6px;height:6px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(-45deg);opacity:.55}
.dpm-vm-ico{flex:0 0 26px;width:26px!important;height:26px!important;border-radius:min(calc(6px * var(--r-k,1)),var(--r-max,999px));object-fit:cover}
.dpm-vm-list>li>.sub-menu{position:absolute;top:0;left:100%;z-index:2;width:calc(var(--vm-w,260px) * 1.7);min-height:100%;columns:2;column-gap:4px;padding:10px;background:var(--d-bg,#fff);border:1px solid rgba(15,23,42,.08);border-radius:0 min(calc(var(--d-r,12px) * var(--r-k,1)),var(--r-max,999px)) min(calc(var(--d-r,12px) * var(--r-k,1)),var(--r-max,999px)) 0;box-shadow:var(--sh-all,var(--d-shadow,0 12px 30px rgba(15,23,42,.12)));opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s;box-sizing:border-box}
.dpm-vm-list>li:hover>.sub-menu,.dpm-vm-list>li:focus-within>.sub-menu,.dpm-vm-list>li.is-sub-open>.sub-menu{opacity:1;visibility:visible}
.dpm-vm-list .sub-menu li{break-inside:avoid}
.dpm-vm-list .sub-menu a{padding:7px 12px;border-radius:min(calc(8px * var(--r-k,1)),var(--r-max,999px));font-weight:600}
.dpm-vm-list .sub-menu .sub-menu{position:static;padding:0 0 6px;columns:auto}
.dpm-vm-list .sub-menu .sub-menu a{padding:4px 12px 4px 22px;font-weight:400;font-size:.93em;opacity:.85}
.dpm-vm-box{position:relative;margin:0 0 20px;background:var(--d-bg,#fff);border:1px solid rgba(15,23,42,.08);border-radius:min(calc(var(--d-r,12px) * var(--r-k,1)),var(--r-max,999px))}
.dpm-vm-boxt{margin:0;padding:12px 16px;border-radius:min(calc(var(--d-r,12px) * var(--r-k,1)),var(--r-max,999px)) min(calc(var(--d-r,12px) * var(--r-k,1)),var(--r-max,999px)) 0 0;background:var(--vm-bg,#1d4ed8);color:var(--vm-text,#fff);font-weight:700}
.dpm-vm-w .dpm-vm-wt{margin:10px 20px 6px;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.7;color:var(--mob-text,#fff)}
@media(max-width:900px){.dpm-vm-box .dpm-vm-list>li>.sub-menu{position:static;width:auto;min-height:0;columns:1;opacity:1;visibility:visible;display:none;box-shadow:none;border:0}.dpm-vm-box .dpm-vm-list>li.is-sub-open>.sub-menu{display:block}}

/* ==========================================================
 * 2.11.0 — TÌM GỢI Ý KHI GÕ
 * ========================================================== */
.dpm-hd-search-form{position:relative}
.dpm-ls{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:980;min-width:300px;max-height:min(70vh,520px);overflow:auto;padding:6px;background:#fff;color:#1f2937;border:1px solid rgba(15,23,42,.1);border-radius:min(calc(12px * var(--r-k,1)),var(--r-max,999px));box-shadow:var(--sh-all,0 18px 40px rgba(15,23,42,.18));text-align:left;font-size:14px;line-height:1.35}
.dpm-ls[hidden]{display:none}
.dpm-ls-g{padding:8px 10px 4px;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#64748b}
.dpm-ls-i{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:min(calc(8px * var(--r-k,1)),var(--r-max,999px));color:#1f2937!important;text-decoration:none!important}
.dpm-ls-i:hover,.dpm-ls-i.is-act{background:#eff6ff}
.dpm-ls-i img,.dpm-ls-noimg{flex:0 0 42px;width:42px;height:42px;border-radius:min(calc(7px * var(--r-k,1)),var(--r-max,999px));object-fit:cover;background:#f1f5f9}
.dpm-ls-t{display:flex;flex-direction:column;gap:2px;min-width:0;font-weight:600}
.dpm-ls-t small{font-size:12.5px;font-weight:500;color:#64748b}
.dpm-ls-all{display:block;margin-top:4px;padding:10px;border-top:1px solid #e5e7eb;color:#1d4ed8!important;font-weight:700;font-size:13.5px;text-decoration:none!important}
.dpm-ls-all.is-act,.dpm-ls-all:hover{background:#eff6ff}
.dpm-ls-wait,.dpm-ls-none{padding:14px;color:#64748b}
@media(max-width:600px){.dpm-ls{min-width:0}}
/* Đầu trang chật: nút menu dọc gọn lại trước khi phải thu cả menu */
html.dpm-mfit-1 .dpm-vm-btn{width:auto}
html.dpm-mfit-2 .dpm-vm-btn{width:auto;padding:0 14px}
html.dpm-mfit-2 .dpm-vm-title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ==========================================================
 * 2.11.1 — Menu không "bắt chuột" khi đang đóng + giữ khung khi rê chéo
 * ========================================================== */
/* Khung đang đóng (kể cả dòng con bên trong) không nhận chuột */
.dpm-menu .sub-menu,.dpm-mkhoi,.dpm-vm-panel,.dpm-vm-list>li>.sub-menu{pointer-events:none}
.dpm-menu li:hover>.sub-menu,.dpm-menu li:focus-within>.sub-menu,.dpm-menu li.is-sub-open>.sub-menu,.dpm-menu li.is-pinned>.sub-menu,
.dpm-menu li:hover>.dpm-mkhoi,.dpm-menu li:focus-within>.dpm-mkhoi,.dpm-menu li.is-sub-open>.dpm-mkhoi,.dpm-menu li.is-pinned>.dpm-mkhoi,
.dpm-vm:hover .dpm-vm-panel,.dpm-vm:focus-within .dpm-vm-panel,.dpm-vm.is-open .dpm-vm-panel,.dpm-vm.is-home-open .dpm-vm-panel,
.dpm-vm-list>li:hover>.sub-menu,.dpm-vm-list>li:focus-within>.sub-menu,.dpm-vm-list>li.is-sub-open>.sub-menu{pointer-events:auto}
.dpm-hd.is-scrolled .dpm-vm.is-home-open:not(:hover):not(.is-open):not(:focus-within) .dpm-vm-panel{pointer-events:none}
.dpm-mx-pane:not(.is-on){pointer-events:none}
.dpm-menu .dpm-mega .sub-menu .sub-menu{pointer-events:inherit}
/* Máy tính dùng chuột: menu cấp 1 mở / đổi theo "ý định" (js/menu.js thêm lớp is-hov):
   rê chéo qua mục khác không đổi ngay, chuột lỡ ra ngoài thì khung đóng chậm một chút. */
html.dpm-hi .dpm-hd-desk .dpm-menu>li:not(.is-hov):not(.is-sub-open):not(.is-pinned)>.sub-menu,
html.dpm-hi .dpm-hd-desk .dpm-menu>li:not(.is-hov):not(.is-sub-open):not(.is-pinned)>.dpm-mkhoi,
html.dpm-hi .dpm-vm-list>li:not(.is-hov):not(.is-sub-open)>.sub-menu{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
html.dpm-hi .dpm-hd-desk .dpm-menu>li.is-hov>.sub-menu,html.dpm-hi .dpm-hd-desk .dpm-menu>li.is-hov>.dpm-mkhoi,
html.dpm-hi .dpm-vm-list>li.is-hov>.sub-menu{opacity:1;visibility:visible;transform:none;pointer-events:auto}
html.dpm-hi .dpm-vm-list>li.is-hov>a{background:var(--d-hover-bg,#eff6ff);color:var(--d-hover-text,#1d4ed8)}
html.dpm-hi .dpm-vm-list>li:hover:not(.is-hov)>a{background:transparent;color:var(--d-text,#1f2937)}
/* Khung thả xuống sát thanh menu: không trượt xuống từ khe hở */
.dpm-hd-desk .dpm-menu>li>.sub-menu,.dpm-hd-desk .dpm-menu>li>.dpm-mkhoi{margin-top:0}

/* ==========================================================
 * 2.12.0 — CHIA VÙNG TRÊN MENU / DƯỚI MENU
 * ========================================================== */
.dpm-z{--z-h:auto}
.dpm-z-wrap{display:grid;grid-template-columns:var(--z-cols,1fr);gap:var(--z-gap,12px);align-items:stretch;width:min(calc(100% - 32px),var(--dpm-max,1200px));margin:0 auto}
.dpm-z.is-full .dpm-z-wrap{width:100%}
.dpm-z--top.dpm-z--d{background:var(--hd-main-bg,#fff);color:var(--hd-main-text,#1f2937)}
.dpm-z--top.dpm-z--d .dpm-z-wrap{padding:var(--z-gap,12px) 0}
.dpm-z--top.dpm-z--d.is-full .dpm-z-wrap{padding:0}
.dpm-z--below{margin:var(--z-gap,12px) 0 0}
.dpm-z--below.is-full{margin-top:0}
.dpm-zc{position:relative;display:flex;flex-direction:column;gap:var(--z-gap,12px);min-width:0;min-height:0}
.dpm-z.is-fixh .dpm-zc{height:var(--z-h)}
.dpm-zi{position:relative;display:flex;align-items:center;justify-content:center;flex:1 1 0;min-width:0;min-height:0}
.dpm-zc:not(.is-split) .dpm-zi{flex-basis:auto}
.dpm-zal-l .dpm-zi{justify-content:flex-start}.dpm-zal-r .dpm-zi{justify-content:flex-end}
.dpm-zi>*{max-width:100%}
.dpm-zi--search,.dpm-zi--search .dpm-hb-searchbox{width:100%}
.dpm-zi--search .dpm-hb-searchbox{max-width:620px}
.dpm-zi--khoi,.dpm-zi--html,.dpm-zi--vmenu{display:block;overflow:hidden}
.dpm-zi--khoi>*,.dpm-zi--vmenu>*{margin:0!important}
.dpm-z.is-fixh .dpm-zi--khoi>*{height:100%}
.dpm-zi--vmenu .dpm-vm-box{height:100%;overflow:auto}
/* Ảnh: phủ kín ô, cắt mép thừa */
.dpm-zi--img{display:block;overflow:hidden;border-radius:min(calc(var(--z-r,0) * var(--r-k,1)),var(--r-max,999px))}
.dpm-z-imglink{display:block;width:100%;height:100%}
.dpm-zi--img picture{display:contents}
.dpm-zi--img .dpm-z-img{display:block;width:100%!important;height:100%!important;object-fit:cover;object-position:50% var(--z-pos,center)}
.dpm-z.is-fixh .dpm-zi--img .dpm-z-img,.dpm-zc:not(.is-main) .dpm-zi--img .dpm-z-img,.dpm-zc.is-split .dpm-zi--img .dpm-z-img{position:absolute;inset:0}
.dpm-z:not(.is-fixh) .dpm-zc:not(.is-main) .dpm-zi--img,.dpm-z:not(.is-fixh) .dpm-zc.is-split .dpm-zi--img{min-height:80px}
.dpm-z:not(.is-fixh) .dpm-zc.is-main:not(.is-split) .dpm-zi--img .dpm-z-img{height:auto!important}
.dpm-z--top .dpm-z-contact{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.dpm-z--top .dpm-z-contact .dpm-hb-link{color:inherit}
.dpm-z-ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:60px;border:2px dashed #94a3b8;border-radius:min(calc(10px * var(--r-k,1)),var(--r-max,999px));color:#64748b;font:600 13px/1.3 -apple-system,"Segoe UI",Roboto,Arial,sans-serif;display:none}
.dpm-quick .dpm-z-ph{display:flex}
.dpm-z-mark{display:none}
/* Máy tính bảng: ô lớn lên trên, ô nhỏ xếp ngang dưới */
@media(max-width:1100px){
  .dpm-zn-3 .dpm-z-wrap{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dpm-zn-3 .dpm-zc.is-main{grid-column:1/-1;order:-1}
  .dpm-z--below.dpm-zn-2 .dpm-z-wrap{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dpm-zn-3.is-fixh .dpm-zc:not(.is-main){height:calc(var(--z-h) * .6)}
  .dpm-zn-3.is-fixh .dpm-zc:not(.is-main):has(.dpm-zi--vmenu){height:auto}
}
/* Điện thoại / đầu trang gọn */
.dpm-z-mob{display:none}
html.dpm-compact .dpm-z-mob{display:block}
.dpm-z--m .dpm-z-wrap{grid-template-columns:1fr;width:100%;gap:8px}
.dpm-z--m .dpm-zc{height:auto!important}
.dpm-z--m .dpm-zi--img .dpm-z-img{position:static!important;height:auto!important}
.dpm-z--m .dpm-zi--img{min-height:0!important}
.dpm-zm-scroll .dpm-z-wrap{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:0 12px;scrollbar-width:none}
.dpm-zm-scroll .dpm-z-wrap::-webkit-scrollbar{display:none}
.dpm-zm-scroll .dpm-zc{flex:0 0 86%;scroll-snap-align:center}
.dpm-zm-scroll .dpm-zc.is-main{order:-1}
.dpm-zm-stack .dpm-zc.is-main{order:-1}
html.dpm-compact .dpm-z--below.dpm-z--d .dpm-z-wrap{grid-template-columns:1fr}
html.dpm-compact .dpm-zbm-hide{display:none}
html.dpm-compact .dpm-zbm-main .dpm-zc:not(.is-main){display:none}
html.dpm-compact .dpm-zbm-scroll .dpm-z-wrap{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
html.dpm-compact .dpm-zbm-scroll .dpm-zc{flex:0 0 86%;scroll-snap-align:center}
html.dpm-compact .dpm-z--below.dpm-z--d .dpm-zc.is-main{order:-1}
html.dpm-compact .dpm-z--below.dpm-z--d .dpm-zc{height:auto}
html.dpm-compact .dpm-z--below.dpm-z--d .dpm-zi--img .dpm-z-img{position:static;height:auto!important}
/* Khi cuộn chỉ giữ thanh menu: đầu trang dính nhưng phần trên menu cuộn đi */
body.dpm-stick-menu.dpm-hd-sticky .dpm-hd{top:calc(var(--wp-admin--admin-bar--height,0px) - var(--hd-above,0px))}
@media(max-width:600px){body.admin-bar.dpm-stick-menu.dpm-hd-sticky .dpm-hd{top:calc(0px - var(--hd-above,0px))}}
.dpm-zm-scroll .dpm-z-wrap,html.dpm-compact .dpm-zbm-scroll .dpm-z-wrap{align-items:flex-start}
/* 2.12.1 — Mega menu: ảnh giữ nguyên hình, không cắt */
.dpm-mx-img img{object-fit:contain!important}

/* ==========================================================
 * 2.12.3 — Chữ menu con chỉnh được + mega chia cột gọn, ô trang trí
 * ========================================================== */
.dpm-menu .sub-menu a,.dpm-mx-l,.dpm-vm-list a{font-weight:var(--d-fw,500);font-style:var(--d-fi,normal)}
.dpm-menu .sub-menu a{padding-top:var(--d-py,9px);padding-bottom:var(--d-py,9px)}
.dpm-menu .dpm-mega .sub-menu .sub-menu a{font-weight:var(--d-fw,500);font-style:var(--d-fi,normal);padding-top:calc(var(--d-py,9px) - 3px);padding-bottom:calc(var(--d-py,9px) - 3px)}
.dpm-mx-l{padding-top:calc(var(--d-py,9px) - 2px);padding-bottom:calc(var(--d-py,9px) - 2px)}
.dpm-vm-list a{padding-top:var(--d-py,9px);padding-bottom:var(--d-py,9px)}
/* Tiêu đề cột */
.dpm-menu .dpm-mega>.sub-menu>li.menu-item-has-children>a,.dpm-mx-h{font-size:var(--mh-fs,13px)!important;font-weight:var(--mh-fw,800)!important;color:var(--mh-color,#334155)!important;font-style:normal;text-transform:none;letter-spacing:.02em}
body.dpm-mh-up .dpm-menu .dpm-mega>.sub-menu>li.menu-item-has-children>a,body.dpm-mh-up .dpm-mx-h{text-transform:uppercase;letter-spacing:.05em}
.dpm-menu .dpm-mega>.sub-menu>li.menu-item-has-children>a:hover,.dpm-mx-h:hover{color:var(--d-hover-text,#1d4ed8)!important}

/* Mega chia cột (có mục con nhiều cấp): cột co vừa chữ, dồn một phía */
.dpm-menu>li.dpm-mega.dpm-mega-tree>.sub-menu{display:flex!important;flex-wrap:nowrap;justify-content:center;align-items:flex-start;gap:6px 26px}
.dpm-menu>li.dpm-mega-tree>.sub-menu>li:not(.dpm-mega-deco):not(.dpm-mega-promo):not(.dpmz-mx-li){flex:0 1 var(--mc-w,210px);min-width:0}
.dpm-menu>li.dpm-mega-tree>.sub-menu>li.dpm-mcs-2{flex-basis:calc(var(--mc-w,210px) * 2 + 20px)!important}
.dpm-menu>li.dpm-mega-tree>.sub-menu>li.dpm-mcs-3{flex-basis:calc(var(--mc-w,210px) * 3 + 40px)!important}
.dpm-menu>li.dpm-mega-tree>.sub-menu>li.dpm-mcs-4{flex-basis:calc(var(--mc-w,210px) * 4 + 60px)!important}
.dpm-menu li.dpm-mcs-2>.sub-menu{column-count:2;column-gap:20px}
.dpm-menu li.dpm-mcs-3>.sub-menu{column-count:3;column-gap:20px}
.dpm-menu li.dpm-mcs-4>.sub-menu{column-count:4;column-gap:20px}
.dpm-menu li[class*="dpm-mcs-"]>.sub-menu>li{break-inside:avoid}
.dpm-menu>li.dpm-mega-tree>.sub-menu>li.dpm-mega-promo{flex:0 0 240px;align-self:stretch}
/* Kiểu tự lấy danh mục (mx cols) cũng gọn như vậy */
.dpm-mx-cols{display:flex!important;flex-wrap:nowrap;justify-content:center;align-items:flex-start;gap:6px 26px}
.dpm-mx-cols>.dpm-mx-col{flex:0 1 var(--mc-w,210px);min-width:0}
.dpm-mx-cols>.dpm-mx-col.dpm-mcs-2{flex-basis:calc(var(--mc-w,210px) * 2 + 20px)}
.dpm-mx-cols>.dpm-mx-col.dpm-mcs-3{flex-basis:calc(var(--mc-w,210px) * 3 + 40px)}
.dpm-mx-cols>.dpm-mx-col.dpm-mcs-4{flex-basis:calc(var(--mc-w,210px) * 4 + 60px)}
.dpm-mx-col.dpm-mcs-2>.dpm-mx-cl{column-count:2;column-gap:20px}.dpm-mx-col.dpm-mcs-3>.dpm-mx-cl{column-count:3;column-gap:20px}.dpm-mx-col.dpm-mcs-4>.dpm-mx-cl{column-count:4;column-gap:20px}

/* ==========================================================
 * 2.13.0 — Mega chia cột: ảnh nền phủ cả khung (anh tự làm ảnh mờ dần), cột đúng bề rộng đặt sẵn
 * ========================================================== */
.dpm-menu>li.dpm-mega-tree.has-mbg.dpm-deco-l>.sub-menu,.dpm-mx-cols.has-mbg.dpm-deco-l{justify-content:flex-end}
.dpm-menu>li.dpm-mega-tree.has-mbg.dpm-deco-r>.sub-menu,.dpm-mx-cols.has-mbg.dpm-deco-r{justify-content:flex-start}
.dpm-menu>li.dpm-mega-tree>.sub-menu>li{position:relative;z-index:1}
.dpm-menu>li.dpm-mega-tree>.sub-menu>li.dpm-mega-deco{position:absolute!important;inset:0;z-index:0;flex:none!important;width:auto!important;margin:0!important;padding:0!important;overflow:hidden;border-radius:inherit;pointer-events:none}
.dpm-mega-bg{display:block;position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none;z-index:0}
.dpm-mega-bg .dpm-mega-bgimg{display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;object-position:left center}
.dpm-mbg-r .dpm-mega-bgimg{object-position:right center!important}
.dpm-mkhoi.dpm-mx>.dpm-mx-in,.dpm-mkhoi.dpm-mx>.dpm-mx-foot{position:relative;z-index:1}
/* Sửa khối giao diện: khung mega luôn nằm trên các nút sửa của trang */
body.dpm-quick .dpm-hd{z-index:9996}
body.dpm-quick:not(.dpm-hd-sticky) .dpm-hd{position:relative}
.dpm-mega-cols-6{--dpm-mega-cols:6}.dpm-mega-cols-7{--dpm-mega-cols:7}.dpm-mega-cols-8{--dpm-mega-cols:8}.dpm-mega-cols-9{--dpm-mega-cols:9}.dpm-mega-cols-10{--dpm-mega-cols:10}
/* Cột bị tách (chia đôi, chia ba): tiêu đề canh giữa */
.dpm-menu .dpm-mega>.sub-menu>li[class*="dpm-mcs-"]>a{align-items:center!important;text-align:center;justify-content:center}
.dpm-mx-col[class*="dpm-mcs-"]>.dpm-mx-h{text-align:center}

/* ============================================================
 * 2.13.1 — Khung mega chia cột vừa với số cột (dpm-mfit), nằm dưới mục menu, sát mép thì tự lùi vào (menu.js đặt --mfit-x)
 * ============================================================ */
.dpm-hd-desk .dpm-menu>li.dpm-mfit>.sub-menu,.dpm-hd-desk .dpm-menu>li.dpm-mfit>.dpm-mkhoi{left:var(--mfit-x,0px)!important;right:auto!important;width:max-content!important;max-width:100%!important;padding-inline:var(--mega-pad,22px)!important}
body.dpm-mega-full .dpm-hd-desk .dpm-menu>li.dpm-mfit>.sub-menu,body.dpm-mega-full .dpm-hd-desk .dpm-menu>li.dpm-mfit>.dpm-mkhoi{border-left:1px solid rgba(15,23,42,.07);border-right:1px solid rgba(15,23,42,.07);border-radius:0 0 min(calc(calc(var(--d-r,12px) + 4px) * var(--r-k,1)),var(--r-max,999px)) min(calc(calc(var(--d-r,12px) + 4px) * var(--r-k,1)),var(--r-max,999px))}
.dpm-menu>li.dpm-mfit.dpm-mega-tree>.sub-menu>li:not(.dpm-mega-deco):not(.dpm-mega-promo):not(.dpmz-mx-li){width:var(--mc-w,210px);flex:0 1 auto!important}
.dpm-menu>li.dpm-mfit.dpm-mega-tree>.sub-menu>li.dpm-mcs-2{width:calc(var(--mc-w,210px) * 2 + 20px)!important}
.dpm-menu>li.dpm-mfit.dpm-mega-tree>.sub-menu>li.dpm-mcs-3{width:calc(var(--mc-w,210px) * 3 + 40px)!important}
.dpm-menu>li.dpm-mfit.dpm-mega-tree>.sub-menu>li.dpm-mcs-4{width:calc(var(--mc-w,210px) * 4 + 60px)!important}
.dpm-menu>li.dpm-mfit.dpm-mega-tree>.sub-menu>li.dpm-mega-promo{width:240px}
.dpm-menu>li.dpm-mfit:not(.dpm-mega-tree):not(.dpm-has-mkhoi)>.sub-menu{grid-template-columns:repeat(var(--dpm-mega-cols,4),minmax(0,var(--mc-w,210px)))!important}
.dpm-mfit .dpm-mx-cols>.dpm-mx-col{width:var(--mc-w,210px);flex:0 1 auto!important}
.dpm-mfit .dpm-mx-cols>.dpm-mx-col.dpm-mcs-2{width:calc(var(--mc-w,210px) * 2 + 20px)}
.dpm-mfit .dpm-mx-cols>.dpm-mx-col.dpm-mcs-3{width:calc(var(--mc-w,210px) * 3 + 40px)}
.dpm-mfit .dpm-mx-cols>.dpm-mx-col.dpm-mcs-4{width:calc(var(--mc-w,210px) * 4 + 60px)}
.dpm-mfit .dpm-mx-aside{flex-basis:240px}
.dpm-mfit .dpm-mx-cards{width:min(calc(var(--mx-c,4) * 190px),calc(100vw - 80px))}
.dpm-mfit .dpm-mx-foot{min-width:100%}

/* 2.13.1 — Cỡ chữ các dòng trong mega (tách riêng khỏi tiêu đề cột) */
.dpm-menu .dpm-mega .sub-menu .sub-menu a,.dpm-mx-l{font-size:var(--mx-fs,var(--d-fs,14.5px))!important}

/* ============================================================
 * 2.13.4–2.13.5 — Góc & bóng đổ (DPM Giao diện › Màu & chữ). Mọi độ bo = min(gốc, --r-max); --r-max theo nhóm.
 * Số do anh chỉnh: --r-all (chung) và --r-btn / --r-inp / --r-menu / --r-ban / --r-card / --r-img (−1 = theo chung).
 * Bóng đổ: --sh-all từ độ đậm --sh-a và độ lan --sh-b; bật "như bản cũ" (dpm-sh-own) thì dùng bóng gốc của từng phần.
 * ============================================================ */
:root{--r-all:0px;--r-btn:var(--r-all);--r-inp:var(--r-all);--r-menu:var(--r-all);--r-ban:var(--r-all);--r-card:var(--r-all);--r-img:var(--r-all)}
body{--r-k:1;--r-max:var(--r-all);--sh-all:0 calc(var(--sh-b,12px) / 4) var(--sh-b,12px) rgb(15 23 42 / var(--sh-a,8%));--dpm-radius:var(--r-card)}
body.dpm-sh-own{--sh-all:initial}
.dpm-menu .sub-menu,.dpm-mkhoi,.dpm-vm-panel,.dpm-vm-list,.dpm-ls-box,.dpm-hd-cart-drop,.dpm-dmenu{--r-max:var(--r-menu)}
.dpm-sl,.dpm-z,.dpm-mega-bg,.dpm-mx-promo,.dpm-mega-promo{--r-max:var(--r-ban)}
.dpm-card,.dpm-box,.dpm-widget,.widget,.dpm-post-card,ul.products li.product,.woocommerce div.product,.dpm-mx-card,.dpm-mx-tile,.dpm-ft-col,.woocommerce-cart-form,.cart_totals,.woocommerce-checkout-review-order{--r-max:var(--r-card)}
img,.dpm-mx-img,.dpm-menu-thumb-wrap,.flex-control-thumbs,.woocommerce-product-gallery,.dpm-sl-cell{--r-max:var(--r-img)}
.dpm-sl-cell{--r-max:var(--r-ban)}
input,select,textarea,.dpm-hd-search-form,.dpm-hd-search-form *,.quantity .qty{--r-max:var(--r-inp)}
button,.button,.dpm-btn,.dpm-sl-btn,.dpm-hd-cta,.dpm-mx-btn,input[type=submit],.wp-block-button__link,.woocommerce a.button,.woocommerce button.button,.dpm-hd-search-form button{--r-max:var(--r-btn)}
/* 2.13.6 — Bo góc điểm nhấn cho riêng một khối (Sửa khối giao diện › ◰ Bo góc). Cả trang vuông, khối này bo để nổi bật. */
.dpm-slot-item.has-r:not(.is-box)>:not(.dpmz-item-bar):not(.dpmz-rpop),.dpm-slot-item.has-r.is-box>.dpm-container>*{border-radius:var(--slot-r)!important;overflow:hidden;--r-max:var(--slot-r)}

/* ============================================================
 * 2.13.7 — Cột bên: cỡ chữ, giãn dòng, khoảng cách, đầu dòng (Bố cục › Vùng tiện ích) + sửa khung sản phẩm bị dồn chữ
 * ============================================================ */
.dpm-sidebar .widget{font-size:var(--w-fs,15px);line-height:var(--w-lh,1.5)}
.dpm-sidebar .widget ul,.dpm-sidebar .widget ol{margin:0;padding:0;list-style:none}
.dpm-sidebar .widget li{position:relative;margin:0;padding:var(--w-gap,9px) 0;line-height:var(--w-lh,1.5)}
.dpm-sidebar .widget li:first-child{padding-top:0}
.dpm-sidebar .widget li:last-child{padding-bottom:0}
.dpm-sidebar .widget li ul{margin-top:var(--w-gap,9px);padding-left:14px}
body.dpm-wl-line .dpm-sidebar .widget li+li{border-top:1px solid color-mix(in srgb,var(--dpm-border,#e5e7eb) 80%,transparent)}
body.dpm-wl-dot .dpm-sidebar .widget li:not(.product_list_widget li){padding-left:16px}
body.dpm-wl-dot .dpm-sidebar .widget ul:not(.product_list_widget)>li::before{content:"";position:absolute;left:2px;top:calc(var(--w-gap,9px) + .62em);width:6px;height:6px;border-radius:50%;background:var(--dpm-accent,#b51f24)}
body.dpm-wl-dot .dpm-sidebar .widget ul:not(.product_list_widget)>li:first-child::before{top:.62em}
.dpm-sidebar .widget li a{text-decoration:none}
/* Khung sản phẩm / bài có ảnh (WooCommerce): ảnh trái, tên + giá + sao bên phải, không đè chữ */
.widget ul.product_list_widget>li{display:grid!important;grid-template-columns:var(--w-img,64px) minmax(0,1fr);column-gap:12px;row-gap:2px;align-items:start;padding-left:0!important}
.widget ul.product_list_widget>li::before,.widget ul.product_list_widget>li::after{display:none!important}
.widget ul.product_list_widget>li>a{display:contents}
.widget ul.product_list_widget>li img{grid-column:1;grid-row:1/span 4;float:none!important;width:var(--w-img,64px)!important;height:var(--w-img,64px)!important;max-width:none!important;margin:0!important;padding:0;border:1px solid color-mix(in srgb,var(--dpm-border,#e5e7eb) 70%,transparent)!important;outline:0!important;box-shadow:none!important;object-fit:contain;background:#fff}
.widget ul.product_list_widget>li .product-title{grid-column:2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:700;line-height:1.35}
.widget ul.product_list_widget>li>:not(a):not(img){grid-column:2}
.widget ul.product_list_widget>li .star-rating{float:none!important;display:block;margin:2px 0!important;font-size:.72em}
.widget ul.product_list_widget>li .amount,.widget ul.product_list_widget>li>.woocommerce-Price-amount,.widget ul.product_list_widget>li>del,.widget ul.product_list_widget>li>ins{font-weight:700;color:var(--dpm-accent,#b51f24)}
.widget ul.product_list_widget>li .reviewer{font-size:.85em;opacity:.7}
/* Đang Sửa khối giao diện: cột bên trống vẫn hiện khung để Thêm khối */
body:not(.dpm-quick) .dpm-layout.is-qempty>.dpm-sidebar{display:none}
body.dpm-l:not(.dpm-quick) .dpm-layout.is-qempty{grid-template-columns:minmax(0,1fr)!important}
body.dpm-quick .dpm-layout.is-qempty>.dpm-sidebar{min-height:220px;outline:2px dashed #93c5fd;outline-offset:-2px;background:color-mix(in srgb,#dbeafe 40%,transparent)}
.dpm-sidebar .widget :is(h1,h2,h3,h4).wp-block-heading{margin:0 0 10px;font-size:calc(var(--w-fs,15px) * 1.2);line-height:1.3}

/* 2.13.8 — Chia hai cột dưới của cột bên theo % (Bố cục › Vùng tiện ích) */
body.dpm-l:not(.dpm-lu-stack) .dpm-utility-grid{grid-template-columns:minmax(0,calc(var(--w-split,50%) - (var(--dpm-gap,24px) * .3))) minmax(0,1fr)}
body.dpm-l .dpm-utility-grid.is-narrow{grid-template-columns:1fr!important}
@media (max-width:600px){body.dpm-l .dpm-utility-grid{grid-template-columns:1fr!important}}

/* ============================================================
 * 2.13.8 — Mega chia cột: kẻ dọc ngăn cột, gạch tiêu đề, đầu dòng, kẻ ngang dòng, vạch màu khi rê chuột
 * (Tùy chọn giao diện › Menu › Mega menu). Áp cho mega có mục con (dpm-mega-tree) và kiểu tự lấy danh mục (dpm-mx-cols).
 * ============================================================ */
/* Kẻ dọc ngăn cột */
body.dpm-mx-vline .dpm-menu>li.dpm-mega-tree>.sub-menu>li:not(.dpm-mega-deco):not(.dpm-mega-promo):not(.dpmz-mx-li)~li:not(.dpm-mega-deco):not(.dpm-mega-promo):not(.dpmz-mx-li),
body.dpm-mx-vline .dpm-mx-cols>.dpm-mx-col+.dpm-mx-col{border-left:var(--mx-lw,1px) solid var(--mx-lc,#e2e8f0);padding-left:14px}
body.dpm-mx-vline .dpm-menu>li.dpm-mega-tree>.sub-menu{column-gap:12px!important}
body.dpm-mx-vline .dpm-mx-cols{column-gap:12px!important}
/* Gạch dưới tiêu đề cột */
body.dpm-mxh-thin .dpm-menu .dpm-mega>.sub-menu>li.menu-item-has-children>a,body.dpm-mxh-thin .dpm-mx-h{border-bottom:var(--mx-lw,1px) solid var(--mx-lc,#e2e8f0)!important}
body.dpm-mxh-none .dpm-menu .dpm-mega>.sub-menu>li.menu-item-has-children>a,body.dpm-mxh-none .dpm-mx-h{border-bottom:0!important}
body.dpm-mxh-accent .dpm-menu .dpm-mega>.sub-menu>li.menu-item-has-children>a,body.dpm-mxh-accent .dpm-mx-h{position:relative;border-bottom:0!important;padding-bottom:12px!important;margin-bottom:6px}
body.dpm-mxh-accent .dpm-menu .dpm-mega>.sub-menu>li.menu-item-has-children>a::after,body.dpm-mxh-accent .dpm-mx-h::after{content:""!important;display:block!important;position:absolute;left:10px;bottom:0;width:30px;height:3px;margin:0;border:0;background:var(--dpm-accent,#b51f24);transform:none!important;opacity:1!important}
body.dpm-mxh-accent .dpm-menu .dpm-mega>.sub-menu>li[class*="dpm-mcs-"]>a::after,body.dpm-mxh-accent .dpm-mx-col[class*="dpm-mcs-"]>.dpm-mx-h::after{left:50%;margin-left:-15px}
/* Đầu dòng */
body.dpm-mxb-square .dpm-menu .dpm-mega-tree .sub-menu .sub-menu a::before,body.dpm-mxb-square .dpm-mx-l::before{content:"";flex:0 0 auto;display:inline-block;width:5px;height:5px;margin-right:9px;vertical-align:middle;background:var(--dpm-accent,#b51f24);opacity:.75}
body.dpm-mxb-arrow .dpm-menu .dpm-mega-tree .sub-menu .sub-menu a::before,body.dpm-mxb-arrow .dpm-mx-l::before{content:"›";flex:0 0 auto;display:inline-block;margin-right:7px;font-weight:700;color:var(--dpm-accent,#b51f24)}
body.dpm-mxb-square .dpm-menu .dpm-mega-tree .sub-menu .sub-menu a,body.dpm-mxb-arrow .dpm-menu .dpm-mega-tree .sub-menu .sub-menu a{gap:0}
/* Kẻ ngang giữa các dòng */
body.dpm-mxr-solid .dpm-menu .dpm-mega-tree .sub-menu .sub-menu li+li,body.dpm-mxr-solid .dpm-mx-l+.dpm-mx-l{border-top:var(--mx-lw,1px) solid var(--mx-lc,#e2e8f0)}
body.dpm-mxr-dot .dpm-menu .dpm-mega-tree .sub-menu .sub-menu li+li,body.dpm-mxr-dot .dpm-mx-l+.dpm-mx-l{border-top:var(--mx-lw,1px) dotted var(--mx-lc,#cbd5e1)}
/* Rê chuột: vạch màu chính bên trái dòng */
.dpm-menu .dpm-mega-tree .sub-menu .sub-menu a:hover,.dpm-mx-l:hover{box-shadow:inset 3px 0 0 var(--dpm-accent,#b51f24)}

/* ============================================================
 * 2.13.9 — Cột bên: số lượng danh mục sát phải, danh mục con thụt vào có dấu ›; tiêu đề khung chỉnh riêng
 * ============================================================ */
.dpm-sidebar li.cat-item{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:10px}
.dpm-sidebar li.cat-item>a{flex:1 1 0;min-width:0}
.dpm-sidebar li.cat-item>.count{flex:0 0 auto;margin-left:auto;font-size:.8em;font-weight:400;line-height:1;color:#94a3b8;font-variant-numeric:tabular-nums}
.dpm-sidebar li.cat-item>ul.children{flex:0 0 100%;margin:var(--w-gap,9px) 0 0;padding:0 0 0 14px;list-style:none}
body:not(.dpm-wl-dot) .dpm-sidebar li.cat-item>ul.children>li>a::before{content:"›";display:inline-block;margin-right:7px;font-weight:700;color:var(--dpm-accent,#b51f24)}
body:not(.dpm-wcnt-on) .dpm-sidebar li.cat-item>.count{display:none}
.dpm-sidebar .widget .widget-title,.dpm-sidebar .widget :is(h2,h3,h4).wp-block-heading,.dpm-sidebar .widget .wp-block-group>:is(h2,h3,h4):first-child{font-family:var(--wt-font,inherit);font-weight:var(--wt-w,700);font-size:var(--wt-fs,17px);line-height:1.3}
body.dpm-wt-up .dpm-sidebar .widget .widget-title,body.dpm-wt-up .dpm-sidebar .widget :is(h2,h3,h4).wp-block-heading{text-transform:uppercase;letter-spacing:.02em}

/* ============================================================
 * 2.13.9 — Trên điện thoại (Bố cục › Trên điện thoại): lề hai bên, đệm trong khung, bỏ khung, ảnh / video tràn sát mép
 * ============================================================ */
@media(max-width:600px){
  body.dpm-l{--m-in:calc(var(--m-pad,12px) + 1px);--m-e:calc(var(--m-side,8px) + var(--m-in))}
  body.dpm-lc-none,body.dpm-m-nobox{--m-in:0px}
  body.dpm-l .dpm-container,body.dpm-l .dpm-container.is-wide,body.dpm-l.dpm-l-full .dpm-container{width:calc(100% - 2 * var(--m-side,8px))}
  body.dpm-lc-border .dpm-content,body.dpm-lc-soft .dpm-content,body.dpm-lc-strong .dpm-content,
  body.dpm-lc-border .dpm-sidebar .widget,body.dpm-lc-soft .dpm-sidebar .widget,body.dpm-lc-strong .dpm-sidebar .widget{padding:var(--m-pad,12px)}
  body.dpm-m-nobox .dpm-content,body.dpm-m-nobox .dpm-sidebar .widget{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important}
  body.dpm-m-nobox .dpm-sidebar .widget .widget-title{border-radius:0}
  /* Ảnh lớn, video tràn sát mép (chữ giữ lề) */
  body.dpm-m-bleed .dpm-content .entry-content>:is(.wp-block-image:not(.size-thumbnail):not(.size-medium):not(.alignleft):not(.alignright):not(.is-resized),.wp-block-embed,.wp-block-video,.wp-video,video,iframe,.wp-caption.aligncenter,.wp-caption.alignnone,.wp-block-gallery),
  body.dpm-m-bleed .dpm-content .entry-content>p>:is(iframe,video,img.size-large,img.size-full):only-child,
  body.dpm-m-bleed .dpm-content .entry-content>p>a:only-child>img:is(.size-large,.size-full){display:block;width:calc(100% + 2 * var(--m-e))!important;max-width:none!important;margin-left:calc(-1 * var(--m-e));margin-right:0;border-radius:0}
  body.dpm-m-bleed .dpm-content .entry-content>:is(.wp-block-image,.wp-caption) img{width:100%;border-radius:0}
  body.dpm-m-bleed .dpm-content .entry-content>:is(.wp-block-image,.wp-caption,.wp-block-embed,.wp-block-video) :is(figcaption,.wp-caption-text){padding-inline:var(--m-e)}
  body.dpm-m-bleed .dpm-content .entry-content>iframe,body.dpm-m-bleed .dpm-content .entry-content>p>iframe:only-child{height:auto!important;aspect-ratio:16/9}
  body.dpm-m-bleed .dpm-content .entry-content>:is(video,.wp-block-video video),body.dpm-m-bleed .dpm-content .entry-content>p>video:only-child{height:auto}
  body.dpm-m-bleed .dpm-content .entry-content>.wp-video .wp-video-shortcode,body.dpm-m-bleed .dpm-content .entry-content>.wp-video .mejs-container{width:100%!important}
}

/* 2.15.2 — Bóng đổ khung menu con / mega theo ô "Bóng đổ" của Menu (trừ khi chọn "Theo bóng đổ chung") */
body:not(.dpm-dsh-auto) .dpm-menu .sub-menu,body:not(.dpm-dsh-auto) .dpm-mkhoi,body:not(.dpm-dsh-auto) .dpm-vm-panel,body:not(.dpm-dsh-auto) .dpm-vm-list>li>.sub-menu{box-shadow:var(--d-shadow)!important}
body:not(.dpm-dsh-auto) .dpm-menu .dpm-mega .sub-menu .sub-menu{box-shadow:none!important}

/* ==========================================================
 * 2.15.3 — Khung "Ứng dụng": tràn hết bề ngang, không khung trắng, không đệm lề (bài học video, trò chơi, công cụ của plugin)
 * ========================================================== */
body.dpm-frame-app .dpm-main-wrap{padding:0 0 calc(var(--dpm-gap,24px) * .8)}
body.dpm-frame-app .dpm-container.dpm-layout,body.dpm-frame-app.dpm-l .dpm-container.is-wide{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
body.dpm-frame-app .dpm-content{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important}
body.dpm-frame-app .dpm-content>article>.entry-header{width:min(calc(100% - 32px),var(--dpm-max,1200px));margin:18px auto 12px}
body.dpm-frame-app .dpm-content .entry-content{margin:0}
body.dpm-frame-app .dpm-content .entry-content>*{max-width:none}
body.dpm-frame-app .dpm-content .entry-content>:first-child{margin-top:0}
body.dpm-frame-app.archive .dpm-content,body.dpm-frame-app.blog .dpm-content{width:min(calc(100% - 32px),var(--dpm-max,1200px))!important;margin:0 auto!important}

/* ===== 2.15.6 ===== */
/* Ảnh trong vùng đầu trang: sát mép, không hở trên / dưới; tầng cao bằng ảnh */
.dpm-z.is-imgonly,.dpm-z.is-imgonly .dpm-z-wrap,.dpm-z--top.dpm-z--d.is-imgonly .dpm-z-wrap{padding-top:0!important;padding-bottom:0!important;min-height:0!important}
.dpm-z.is-imgonly .dpm-zc{height:auto!important;min-height:0!important}
.dpm-z.is-imgonly .dpm-zi--img{min-height:0!important;line-height:0}
.dpm-z.is-imgonly .dpm-z-img{position:static!important;height:auto!important;object-fit:contain!important}
.dpm-z.is-imgonly .dpm-z-imglink{height:auto}
/* Ảnh / banner đặt ở chỗ đặt khối: sát mép */
.dpm-slot-img{line-height:0}
.dpm-slot-img a{display:block}
.dpm-slot-img img{display:block;width:100%;height:auto;border-radius:var(--slot-r,0)}
.dpm-slot-item.is-box:has(>.dpm-container>.dpm-slot-img:only-child),.dpm-slot-item.is-box:has(>.dpm-container>.dpm-sl:only-child),.dpm-slot-item.is-full:has(>.dpm-slot-img:only-child),.dpm-slot-item.is-full:has(>.dpm-sl:only-child){padding-top:0!important;padding-bottom:0!important}
/* Nút trong danh sách sản phẩm (kể cả nút do plugin DPM vẽ): theo góc "Nút bấm" */
ul.products li.product :is(.button,button,a[class*="btn"],a[class*="button"]),
:is(.related,.upsells,.cross-sells) :is(.button,button,a[class*="btn"]),
[class*="dpmq"] :is(button,.button,a[class*="btn"],a[class*="button"],input[type=submit]){border-radius:var(--r-btn,0)!important}
/* Kiểu khung cả trang: Gọn giữa / Khung nổi (máy tính, máy tính bảng) */
@media(min-width:769px){
  html:has(body.dpm-site-boxed),html:has(body.dpm-site-float){background:var(--dpm-site-out,#d9dee5)}
  body.dpm-site-boxed,body.dpm-site-float{max-width:calc(var(--dpm-max,1200px) + 48px);margin-left:auto!important;margin-right:auto!important;overflow-x:clip;box-shadow:0 0 0 1px rgba(15,23,42,.06),0 10px 40px rgba(15,23,42,.10)}
  body.dpm-site-float{margin-top:32px!important;margin-bottom:32px!important;box-shadow:0 0 0 1px rgba(15,23,42,.08),0 18px 60px rgba(15,23,42,.18);border-radius:var(--r-card,0)}
}
/* 2.15.7: chỗ "Trên cùng" và "Banner": khối sát mép, không hở trên dưới */
.dpm-slot--top>.dpm-slot-item,.dpm-slot--banner>.dpm-slot-item,.dpm-slot--top .dpm-slot-item.is-box{padding-top:0!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important}
:is(.dpm-slot--top,.dpm-slot--banner) .dpm-slot-item .dpm-container>:first-child,:is(.dpm-slot--top,.dpm-slot--banner) .dpm-slot-item>.dpm-khoi:first-child,:is(.dpm-slot--top,.dpm-slot--banner) .dpm-slot-item .dpm-khoi{margin-top:0!important}
:is(.dpm-slot--top,.dpm-slot--banner) .dpm-slot-item .dpm-container>:last-child,:is(.dpm-slot--top,.dpm-slot--banner) .dpm-slot-item .dpm-khoi{margin-bottom:0!important}
:is(.dpm-slot--top,.dpm-slot--banner){margin-top:0!important;margin-bottom:0!important}
/* 2.15.8: Gọn giữa / Khung nổi — đầu trang, menu, vùng dưới menu, banner tràn, chân trang co bằng nội dung; hai bên chừa dải nền làm viền */
@media(min-width:769px){
  body:is(.dpm-site-boxed,.dpm-site-float) :is(.dpm-hd,.dpm-z--below,.dpm-slot-item.is-full,.dpm-site-footer,.dpm-before-menu,.dpm-trans-wrap){width:min(calc(100% - 32px),var(--dpm-max,1200px))!important;max-width:none;margin-left:auto!important;margin-right:auto!important}
  body:is(.dpm-site-boxed,.dpm-site-float) .dpm-trans-wrap .dpm-hd{width:100%!important}
}
/* 2.16.0: mạng xã hội (danh sách tự thêm bớt) */
.dpm-hb-social{gap:4px;align-items:center}
.dpm-hb-social .dpm-soc{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:34px;height:34px;padding:0 8px!important;border:0!important;border-radius:var(--r-btn,0)!important;color:inherit!important;opacity:.9;font-size:14px;text-decoration:none!important}
.dpm-hb-social .dpm-soc:hover{opacity:1;background:var(--soc-c,#2563eb)!important;color:#fff!important}
.dpm-soc img{display:block;object-fit:contain}
.dpm-ft-soc.dpm-soc:hover{background:var(--soc-c,var(--ft-accent,#f59e0b))}
/* 2.16.0: hai cột bên (trái – giữa – phải) */
body.dpm-l .dpm-layout.has-utility.side-both{grid-template-columns:minmax(200px,var(--dpm-side2-w,22%)) minmax(0,1fr) minmax(200px,var(--dpm-side2-w,22%))}
body.dpm-l .dpm-layout.side-both>.dpm-sidebar-left{order:-1}
.dpm-side-empty{padding:14px;border:2px dashed #94a3b8;color:#64748b;font-size:14px;line-height:1.5}
@media(max-width:1200px) and (min-width:981px){
  body.dpm-l .dpm-layout.has-utility.side-both{grid-template-columns:minmax(200px,26%) minmax(0,1fr)}
  body.dpm-l .dpm-layout.side-both>.dpm-sidebar-right{grid-column:1/-1;position:static!important}
}
@media(max-width:980px){
  body.dpm-l .dpm-layout.has-utility.side-both{grid-template-columns:minmax(0,1fr)}
  body.dpm-l .dpm-layout.side-both>.dpm-sidebar-left{order:2;position:static!important}
  body.dpm-l .dpm-layout.side-both>.dpm-sidebar-right{order:3}
}
/* ===== 2.16.0: Menu dọc cố định bên trái ===== */
.dpm-vside{display:none}
@media(min-width:1025px){
  body.dpm-hdl-left{padding-left:var(--vs-w,260px)}
  body.dpm-hdl-left .dpm-vside{position:fixed;left:0;top:var(--wp-admin--admin-bar--height,0px);bottom:0;z-index:950;display:flex;flex-direction:column;gap:16px;width:var(--vs-w,260px);padding:22px 0 18px;overflow-y:auto;overflow-x:hidden;background:var(--vs-bg,#1e293b);color:var(--vs-text,#fff);box-shadow:1px 0 0 rgba(0,0,0,.08)}
  body.dpm-hdl-left .dpm-hd-desk>:not(.dpm-hd-zone){display:none!important}
  body.dpm-hdl-left .dpm-hd{position:static!important}
  body.dpm-hdl-left .dpm-hd-mob{display:none!important}
}
@media(max-width:1024px){
  body.dpm-hdl-left .dpm-hd-desk{display:none!important}
  body.dpm-hdl-left .dpm-hd-mob{display:block!important}
}
.dpm-vs-logo{padding:0 20px}
.dpm-vs-logo img{max-width:100%;height:auto;max-height:90px;display:block}
.dpm-vs-logo a{color:inherit!important;text-decoration:none!important;font-weight:800;font-size:20px}
.dpm-vs-search{padding:0 16px}
.dpm-vs-search .dpm-hd-search-form input[type=search]{height:40px;font-size:14px}
.dpm-vs-search .dpm-hd-search-form button{width:40px;height:40px}
.dpm-smenu,.dpm-smenu ul{list-style:none;margin:0;padding:0}
.dpm-vs-nav>.dpm-smenu>li>a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 20px;color:var(--vs-text,#fff)!important;font-weight:700;font-size:15px;text-decoration:none!important;text-transform:uppercase;letter-spacing:.02em;border-left:4px solid transparent}
.dpm-vs-nav>.dpm-smenu>li>a:hover,.dpm-vs-nav>.dpm-smenu>li.is-open>a{background:color-mix(in srgb,var(--vs-text,#fff) 10%,transparent)}
.dpm-vs-nav>.dpm-smenu>li.current-menu-item>a,.dpm-vs-nav>.dpm-smenu>li.current-menu-ancestor>a{border-left-color:var(--hd-cta-bg,#f59e0b)}
.dpm-smenu li.has-sub>a::after{content:"›";font-size:18px;line-height:1;opacity:.7}
.dpm-smenu .sub-menu{position:fixed;z-index:960;display:none;min-width:230px;max-width:320px;padding:6px 0;background:#fff;box-shadow:0 12px 32px rgba(15,23,42,.22);border-radius:var(--r-menu,0)}
.dpm-smenu li.is-open>.sub-menu{display:block}
.dpm-smenu .sub-menu a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 16px;color:#1f2937!important;font-size:15px;font-weight:600;text-decoration:none!important}
.dpm-smenu .sub-menu a:hover{background:#f1f5f9;color:var(--dpm-accent,#b51f24)!important}
.dpm-vs-foot{display:flex;flex-direction:column;gap:10px;margin-top:auto;padding:14px 20px 0;border-top:1px solid color-mix(in srgb,var(--vs-text,#fff) 15%,transparent)}
.dpm-vs-foot .dpm-hb-link{color:var(--vs-text,#fff)!important;font-weight:700;text-decoration:none!important}
.dpm-vs-foot .dpm-cta{align-self:stretch}
.dpm-vs-social{display:flex;flex-wrap:wrap;gap:6px}
.dpm-vs-social .dpm-soc{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--r-btn,0);background:color-mix(in srgb,var(--vs-text,#fff) 12%,transparent);color:var(--vs-text,#fff)!important}
.dpm-vs-social .dpm-soc:hover{background:var(--soc-c,#2563eb);color:#fff!important}

/* ==========================================================
 * 2.16.1 — VÙNG TRÊN ĐẦU TRANG (chia ô như vùng dưới menu)
 * ========================================================== */
.dpm-z--above{margin:0 0 var(--z-gap,12px)}
.dpm-z--above.is-full{margin-bottom:0}
.dpm-z--above .dpm-z-wrap{padding-top:var(--z-gap,12px)}
.dpm-z--above.is-full .dpm-z-wrap{padding-top:0}
@media(max-width:1100px){.dpm-z--above.dpm-zn-2 .dpm-z-wrap{grid-template-columns:repeat(2,minmax(0,1fr))}}
html.dpm-compact .dpm-z--above.dpm-z--d .dpm-z-wrap{grid-template-columns:1fr}
html.dpm-compact .dpm-z--above.dpm-z--d .dpm-zc.is-main{order:-1}
html.dpm-compact .dpm-z--above.dpm-z--d .dpm-zc{height:auto}
html.dpm-compact .dpm-z--above.dpm-z--d .dpm-zi--img .dpm-z-img{position:static;height:auto!important}
html.dpm-compact .dpm-z--above :is(.dpm-zi--search,.dpm-zi--logo){display:none}
@media(min-width:769px){body:is(.dpm-site-boxed,.dpm-site-float) .dpm-z--above{width:min(calc(100% - 32px),var(--dpm-max,1200px))!important;margin-left:auto!important;margin-right:auto!important}}

/* ==========================================================
 * 2.16.2 — QUẢNG CÁO HAI BÊN · NÚT LIÊN HỆ NỔI · ĐẦU TRANG ĐIỆN THOẠI
 * ========================================================== */
.dpm-gut{position:fixed;z-index:30;width:var(--g-w,160px);max-height:calc(100vh - 40px);overflow:hidden}
.dpm-gut[hidden]{display:none!important}
.dpm-gut .dpm-slot{display:grid;gap:10px;margin:0}
.dpm-gut .dpm-slot-item>*{margin:0}
.dpm-gut img{display:block;width:100%;height:auto}
.dpm-gut .dpm-slot-mark{width:100%;min-height:200px;margin:0;font-size:12px}
@media(max-width:1024px){.dpm-gut{display:none!important}}
/* Nút liên hệ nổi */
.dpm-fc{position:fixed;right:16px;bottom:var(--dock-b,24px);z-index:900;display:flex;flex-direction:column;align-items:flex-end;gap:10px;font:600 13px/1.2 -apple-system,"Segoe UI",Roboto,Arial,sans-serif}
body.dpm-fc-left .dpm-fc{right:auto;left:16px;align-items:flex-start}
.dpm-fc-list{display:flex;flex-direction:column;gap:10px;align-items:inherit}
.dpm-fc-b{position:relative;display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:var(--fc-c,#2563eb);color:#fff!important;text-decoration:none!important;box-shadow:0 6px 18px rgba(15,23,42,.25);transition:transform .15s}
.dpm-fc-b:hover{transform:scale(1.08)}
.dpm-fc-i{display:flex}.dpm-fc-i svg,.dpm-fc-i img{width:24px;height:24px}
.dpm-fc-t{display:none}
.dpm-fc-tip{position:absolute;right:calc(100% + 10px);top:50%;transform:translateY(-50%);padding:6px 10px;background:#0f172a;color:#fff;white-space:nowrap;border-radius:2px;opacity:0;visibility:hidden;transition:opacity .15s;pointer-events:none}
body.dpm-fc-left .dpm-fc-tip{right:auto;left:calc(100% + 10px)}
.dpm-fc-b:hover .dpm-fc-tip{opacity:1;visibility:visible}
body.dpm-fc-shake .dpm-fc-b--call .dpm-fc-i{animation:dpmFcShake 2.4s ease-in-out infinite}
body.dpm-fc-shake .dpm-fc-b--call::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--fc-c,#16a34a);opacity:0;animation:dpmFcRing 2.4s ease-out infinite}
@keyframes dpmFcShake{0%,60%,100%{transform:rotate(0)}64%,72%{transform:rotate(-14deg)}68%,76%{transform:rotate(14deg)}}
@keyframes dpmFcRing{0%{transform:scale(.85);opacity:.7}70%,100%{transform:scale(1.35);opacity:0}}
@media (prefers-reduced-motion:reduce){body.dpm-fc-shake .dpm-fc-b--call .dpm-fc-i,body.dpm-fc-shake .dpm-fc-b--call::after{animation:none}}
.dpm-fc .dpm-totop.is-in{position:static;width:50px;height:50px;display:flex;transform:none} /* 2.16.4: giữ chỗ sẵn → cột nút không xô lên xuống khi nút hiện / ẩn */
/* Một nút tròn bấm xổ ra */
.dpm-fc-tog{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--dpm-accent,#2563eb);color:#fff;box-shadow:0 6px 18px rgba(15,23,42,.3);order:2}
.dpm-fc-tog svg:last-child{display:none}
.dpm-fc--one.is-open .dpm-fc-tog svg:first-child{display:none}.dpm-fc--one.is-open .dpm-fc-tog svg:last-child{display:block}
.dpm-fc--one .dpm-fc-list{order:1;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .18s,transform .18s,visibility .18s}
.dpm-fc--one.is-open .dpm-fc-list{opacity:1;visibility:visible;transform:none}
.dpm-fc--one .dpm-fc-b--call::after{display:none}
/* Điện thoại: thanh nút sát đáy */
@media(max-width:768px){
  .dpm-fc{right:12px;bottom:16px}
  .dpm-fc.has-bar{left:0;right:0;bottom:0;flex-direction:row;gap:0;align-items:stretch;background:#fff;box-shadow:0 -4px 16px rgba(15,23,42,.14);padding-bottom:env(safe-area-inset-bottom)}
  .dpm-fc.has-bar .dpm-fc-tog{display:none}
  .dpm-fc.has-bar .dpm-fc-list{flex-direction:row;flex:1 1 auto;gap:0;opacity:1!important;visibility:visible!important;transform:none!important}
  .dpm-fc.has-bar .dpm-fc-b{flex:1 1 0;width:auto;height:58px;border-radius:0;flex-direction:column;gap:3px;box-shadow:none;font-size:11.5px}
  .dpm-fc.has-bar .dpm-fc-b:hover{transform:none}
  .dpm-fc.has-bar .dpm-fc-b::after{display:none}
  .dpm-fc.has-bar .dpm-fc-t{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 4px}
  .dpm-fc.has-bar .dpm-fc-tip,.dpm-fc.has-bar .dpm-totop.is-in{display:none!important}
  .dpm-fc.has-bar .dpm-fc-list>.dpm-fc-b:nth-child(n+5){display:none}
  body.dpm-fc-hasbar{padding-bottom:58px}
  body.dpm-fc-hasbar .dpm-totop{bottom:72px}
  body.dpm-fc-yield .dpm-fc.has-bar{display:none}
  body.dpm-fc-yield.dpm-fc-hasbar{padding-bottom:0}
}
/* Đầu trang điện thoại: nút Menu bên trái thì màn hẹp chỉ còn ☰ cho logo đủ chỗ */
@media(max-width:400px){.dpm-hd-mob .dpm-hb-left .dpm-nav-label{display:none}}

/* 2.16.3: quảng cáo hai bên — lúc Sửa khối giao diện mà màn hình hẹp: thu nhỏ, nép mép, không che nội dung */
.dpm-gut.is-tight{width:92px!important;max-height:45vh;opacity:.95;z-index:880}
.dpm-gut.is-tight .dpm-slot-mark{min-height:80px;padding:6px;font-size:11px}
.dpm-gut.is-tight .dpmz-btn span{display:none}
/* 2.16.3: cờ chọn ngôn ngữ (Polylang) */
.dpm-lang{display:flex;align-items:center;gap:8px}
.dpm-lang-f{display:flex;width:var(--ln-w,40px);aspect-ratio:3/2;line-height:0;border:2px solid transparent;border-radius:2px;box-shadow:0 2px 6px rgba(15,23,42,.25);overflow:hidden;transition:transform .15s;background:#fff}
.dpm-lang-f:hover{transform:translateY(-2px)}
.dpm-lang-f svg,.dpm-lang-f img{width:100%;height:100%;display:block;object-fit:cover}
.dpm-lang-f b{margin:auto;font:700 12px/1 Arial,sans-serif;color:#0f172a}
.dpm-lang-f.is-cur{border-color:#fff;outline:2px solid var(--dpm-accent,#2563eb)}
.dpm-lang-float{position:fixed;right:16px;bottom:var(--dock-b,24px);z-index:905}
.dpm-lang-float.is-left{right:auto;left:16px}
.dpm-hb-lang .dpm-lang-f{width:min(var(--ln-w,40px),30px)}
.dpm-drw-lang{flex-wrap:wrap;padding:6px 0}
@media(max-width:768px){.dpm-lang-float{right:12px}.dpm-lang-float.is-left{left:12px}.dpm-lang-float .dpm-lang-f{width:min(var(--ln-w,40px),34px)}}