/* PhuongVy Giao dien moi 0.1.0 - "sang, cong nghe, ban hang" tren Flatsome. Moi luat nam duoi body.pvgd (che do off = khong doi gi). */

/* ---------- font Be Vietnam Pro (OFL, tu luu tren web) ---------- */
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/be-vietnam-pro-400-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/be-vietnam-pro-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/be-vietnam-pro-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/be-vietnam-pro-600-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/be-vietnam-pro-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/be-vietnam-pro-600-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/be-vietnam-pro-700-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/be-vietnam-pro-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/be-vietnam-pro-700-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:800;font-display:swap;src:url(fonts/be-vietnam-pro-800-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:800;font-display:swap;src:url(fonts/be-vietnam-pro-800-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ---------- bo mau ---------- */
body.pvgd{
  --pvgd-brand:#e5262b; --pvgd-brand-600:#c81e23; --pvgd-brand-50:#fff1f1;
  --pvgd-tech:#2563eb; --pvgd-tech-600:#1d4ed8; --pvgd-tech-50:#eff6ff; --pvgd-cyan:#06b6d4;
  --pvgd-ink:#0f172a; --pvgd-ink-2:#334155; --pvgd-muted:#64748b; --pvgd-line:#e2e8f0; --pvgd-line-2:#eef2f7;
  --pvgd-bg:#f4f6fb; --pvgd-ok:#16a34a;
  --pvgd-r:12px; --pvgd-sh-h:0 10px 28px rgba(15,23,42,.12);
  --pv-bg:var(--pvgd-bg); --primary-color:var(--pvgd-brand); --fs-color-primary:var(--pvgd-brand);
  --fs-experimental-link-color:var(--pvgd-tech); --fs-experimental-link-color-hover:var(--pvgd-tech-600);
  font-family:"Be Vietnam Pro",Roboto,Arial,sans-serif;color:var(--pvgd-ink);background:var(--pvgd-bg)!important;
}
body.pvgd #wrapper,body.pvgd #main{background-color:var(--pvgd-bg)!important}
body.pvgd h1,body.pvgd h2,body.pvgd h3,body.pvgd h4,body.pvgd h5,body.pvgd h6,body.pvgd .heading-font,
body.pvgd .nav>li>a,body.pvgd .button,body.pvgd button,body.pvgd input,body.pvgd select,body.pvgd textarea,body.pvgd .alt-font{
  font-family:"Be Vietnam Pro",Roboto,Arial,sans-serif}
body.pvgd .pvgd-ico{flex:none;vertical-align:middle}

/* ---------- thanh cam ket ---------- */
.pvgd-topbar{background:var(--pvgd-tech-50);color:#1e3a8a;font-size:12.5px;border-bottom:1px solid #dbe7ff;position:relative;z-index:31}
.pvgd-wrap{max-width:1530px;margin:0 auto;padding:0 15px;display:flex;align-items:center;gap:20px;min-height:34px}
.pvgd-topbar__cam-ket{display:flex;gap:22px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.pvgd-topbar__cam-ket li{display:flex;align-items:center;gap:5px;margin:0}
.pvgd-topbar__cam-ket .pvgd-ico{color:var(--pvgd-ok);width:15px;height:15px}
.pvgd-topbar__lien-he{margin-left:auto;display:flex;gap:18px;white-space:nowrap}
.pvgd-topbar__lien-he a{color:#1e3a8a;display:flex;align-items:center;gap:5px}
.pvgd-topbar__lien-he b{color:var(--pvgd-brand)}
.pvgd-topbar .pvgd-ico{width:15px;height:15px}

/* ---------- dau trang ---------- */
body.pvgd #masthead.header-main{background:#fff;border-bottom:1px solid var(--pvgd-line)}
body.pvgd .header-bg-color{background-color:#fff!important}
body.pvgd .header-search-form .search-field{background:#f1f5f9!important;border:1.5px solid transparent!important;border-radius:10px 0 0 10px!important;
  height:44px;box-shadow:none!important;color:var(--pvgd-ink);font-size:14px;padding-left:16px}
body.pvgd .header-search-form .search-field:focus{border-color:var(--pvgd-tech)!important;background:#fff!important}
body.pvgd .header-search-form .ux-search-submit{background:var(--pvgd-tech)!important;border-radius:0 10px 10px 0!important;height:44px;min-width:52px}
body.pvgd .header-search-form .ux-search-submit:hover{background:var(--pvgd-tech-600)!important}
body.pvgd .header-cart-link,body.pvgd .header-cart-title{color:var(--pvgd-ink)!important;font-weight:600;text-transform:none}
body.pvgd .header-cart-link .cart-price .amount{color:var(--pvgd-brand)!important}
body.pvgd .cart-icon strong{border-color:var(--pvgd-brand)!important;color:var(--pvgd-brand)!important;border-radius:8px}
body.pvgd .cart-icon strong:after{border-color:var(--pvgd-brand)!important}
/* hang menu: tu thanh do -> nen trang, chu dam */
body.pvgd #wide-nav.header-bottom{background:#fff!important;border-bottom:1px solid var(--pvgd-line);min-height:48px}
body.pvgd .header:not(.transparent) .header-bottom-nav.nav>li>a,body.pvgd #wide-nav .nav>li>a{color:var(--pvgd-ink-2)!important;
  text-transform:none;font-weight:600;font-size:14px;letter-spacing:0;border-radius:8px;padding:8px 11px;line-height:1.2}
body.pvgd #wide-nav .nav>li>a:hover,body.pvgd #wide-nav .nav>li.active>a,body.pvgd #wide-nav .nav>li.current-menu-item>a{
  background:var(--pvgd-tech-50);color:var(--pvgd-tech)!important}
body.pvgd #wide-nav .nav-divided>li+li>a:after{display:none}
body.pvgd #wide-nav .nav>li>a .icon-angle-down{color:inherit}
/* nut Danh muc san pham: nut do bo goc */
body.pvgd .header-vertical-menu__opener{background:var(--pvgd-brand)!important;color:#fff!important;border-radius:10px;height:40px;
  padding:0 14px;margin:4px 12px 4px 0;font-weight:700;text-transform:none}
body.pvgd .header-vertical-menu__opener .header-vertical-menu__title{font-size:14px;letter-spacing:0;text-transform:none}
/* menu doc: nen toi -> trang */
body.pvgd .header-vertical-menu__fly-out{background:#fff!important;border:1px solid var(--pvgd-line);border-radius:0 0 14px 14px;
  box-shadow:0 18px 40px rgba(15,23,42,.14)}
body.pvgd .header-vertical-menu__fly-out .nav-vertical-fly-out>li.menu-item>a{color:var(--pvgd-ink-2)!important;font-weight:600}
body.pvgd .header-vertical-menu__fly-out .nav-vertical-fly-out>li+li{border-top:1px solid var(--pvgd-line-2)!important}
body.pvgd .header-vertical-menu__fly-out .nav-vertical-fly-out>li.menu-item>a:hover,
body.pvgd .header-vertical-menu__fly-out .nav-vertical-fly-out>li.menu-item.current-menu-item>a{background:var(--pvgd-tech-50)!important;color:var(--pvgd-tech)!important}
body.pvgd .header-vertical-menu__fly-out .nav-vertical-fly-out>li.menu-item>a:hover::before{box-shadow:0 0 0 1px var(--pvgd-tech)}
body.pvgd .header-vertical-menu__fly-out .sub-menu,body.pvgd .header-vertical-menu__fly-out .nav-dropdown{background:#fff!important;
  border:1px solid var(--pvgd-line)!important;box-shadow:0 18px 40px rgba(15,23,42,.14)}
body.pvgd .header-vertical-menu__fly-out .sub-menu a,body.pvgd .header-vertical-menu__fly-out .nav-dropdown a{color:var(--pvgd-ink-2)!important}
body.pvgd .header-vertical-menu__fly-out .sub-menu a:hover,body.pvgd .header-vertical-menu__fly-out .nav-dropdown a:hover{color:var(--pvgd-tech)!important;
  background:var(--pvgd-tech-50)!important}
/* menu tha xuong cua hang menu */
body.pvgd #wide-nav .nav-dropdown{border-radius:12px;border:1px solid var(--pvgd-line);box-shadow:0 18px 40px rgba(15,23,42,.14)}
body.pvgd #wide-nav .nav-dropdown a{color:var(--pvgd-ink-2)!important;text-transform:none}
body.pvgd #wide-nav .nav-dropdown a:hover{color:var(--pvgd-tech)!important;background:var(--pvgd-tech-50)}

/* o tim tren dien thoai nam trong hang menu "nav-dark" (chu trang) -> chu toi tren nen sang */
body.pvgd .nav-dark .header-search-form .search-field,body.pvgd #wide-nav .search-field{color:var(--pvgd-ink)!important}
body.pvgd .header-search-form .search-field::placeholder{color:var(--pvgd-muted)!important;opacity:1}

/* ---------- khoi "Danh muc noi bat" trang chu (nen toi cu -> sang) ---------- */
body.pvgd .pv-hero .pv-cats>.col-inner{background:#fff!important;border:1px solid var(--pvgd-line);box-shadow:none}
body.pvgd .pv-hero .pv-cats>.col-inner::after{display:none}
body.pvgd .pv-cats .pv-cats-title{color:var(--pvgd-ink)!important;text-transform:none;letter-spacing:0;font-size:18px!important}
body.pvgd .pv-cats .pv-cats-title::before{background:linear-gradient(180deg,var(--pvgd-tech),var(--pvgd-cyan))}
body.pvgd .pv-cats .pv-cats-title::after{background:linear-gradient(90deg,var(--pvgd-line),transparent)}
body.pvgd .pv-cats .product-category .col-inner{background:#f8fafc!important;border:1px solid var(--pvgd-line-2)!important}
body.pvgd .pv-cats .product-category:hover .col-inner{border-color:#bfd3fe!important;box-shadow:0 8px 20px rgba(37,99,235,.12)!important}
body.pvgd .pv-cats .product-category h5{color:var(--pvgd-ink-2)!important}
body.pvgd .pv-cats .product-category:hover h5{color:var(--pvgd-tech)!important}

/* ---------- the san pham ---------- */
body.pvgd .product-small.box,body.pvgd .product-small .box{border-radius:var(--pvgd-r)}
body.pvgd .products .product-small.col>.col-inner{background:#fff;border:1px solid var(--pvgd-line);border-radius:var(--pvgd-r);
  padding:10px;height:100%;transition:box-shadow .2s,border-color .2s,transform .2s}
body.pvgd .products .product-small.col>.col-inner:hover{box-shadow:var(--pvgd-sh-h);border-color:#d6e2ff;transform:translateY(-2px)}
body.pvgd .product-small .box-image{border-radius:10px;overflow:hidden;background:#f8fafc}
body.pvgd .product-small .box-text{padding:10px 2px 2px}
body.pvgd .product-small .category{color:var(--pvgd-muted);font-size:11px;letter-spacing:.2px;opacity:1}
body.pvgd .product-small .name a,body.pvgd .product-small .product-title a{color:var(--pvgd-ink);font-weight:500;font-size:14px;line-height:1.4}
body.pvgd .product-small .price .amount,body.pvgd span.amount{color:var(--pvgd-brand)}
body.pvgd .product-small .price del .amount{color:var(--pvgd-muted)!important;font-weight:400}
body.pvgd .product-small .price ins .amount{font-size:16px;font-weight:800}
body.pvgd .badge-container .badge-inner,body.pvgd .badge-container .onsale{background:var(--pvgd-brand)!important;border-radius:7px;
  font-weight:800;color:#fff}
body.pvgd .product-small .add-to-cart-button a,body.pvgd .product-small .button.add_to_cart_button,body.pvgd .product-small a.button.product_type_variable{
  border:1.5px solid #dbe5f3!important;color:var(--pvgd-tech)!important;background:#fff!important;border-radius:9px!important;text-transform:none;
  font-weight:700;letter-spacing:0;font-size:13px}
body.pvgd .product-small .add-to-cart-button a:hover,body.pvgd .product-small .button.add_to_cart_button:hover{background:var(--pvgd-tech)!important;color:#fff!important;
  border-color:var(--pvgd-tech)!important}

/* ---------- nut chung ---------- */
body.pvgd .button.primary:not(.is-outline),body.pvgd button.primary:not(.is-outline){background-color:var(--pvgd-brand);border-radius:10px}
body.pvgd .button.is-outline.primary,body.pvgd a.button.is-outline{border-radius:10px}

/* ---------- thanh duoi + an nut noi tren dien thoai ---------- */
.pvgd-bnav{display:none}
.pvgd-preview-tag{position:fixed;left:12px;bottom:12px;z-index:9999;background:#0f172a;color:#fff;font-size:12px;border-radius:99px;
  padding:6px 12px;opacity:.85}
.pvgd-preview-tag a{color:#7dd3fc}
@media (max-width:849px){
  body.pvgd{padding-bottom:calc(62px + env(safe-area-inset-bottom))}
  .pvgd-bnav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:999;background:#fff;
    border-top:1px solid var(--pvgd-line);box-shadow:0 -6px 18px rgba(15,23,42,.06);height:calc(62px + env(safe-area-inset-bottom));
    padding-bottom:env(safe-area-inset-bottom)}
  .pvgd-bnav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;font-weight:600;
    color:var(--pvgd-muted);background:none;border:0;margin:0;padding:0;min-height:0;line-height:1.2;text-transform:none;position:relative;letter-spacing:0}
  .pvgd-bnav__item .pvgd-ico{width:22px;height:22px}
  .pvgd-bnav__item.is-on{color:var(--pvgd-brand)}
  .pvgd-bnav__zalo{color:var(--pvgd-tech)}
  .pvgd-bnav__count{position:absolute;top:6px;left:calc(50% + 6px);background:var(--pvgd-brand);color:#fff;font-size:10px;border-radius:99px;
    min-width:17px;height:17px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid #fff}
  body.pvgd #button-contact-vr{display:none!important}
  body.pvgd #top-link{bottom:76px!important}
  .pvgd-topbar__cam-ket li:not(:nth-child(2)),.pvgd-topbar__lien-he a:first-child{display:none}
  .pvgd-topbar__cam-ket{flex-wrap:nowrap;min-width:0;flex:1}
  .pvgd-topbar__cam-ket li{min-width:0}
  .pvgd-topbar__cam-ket li span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .pvgd-wrap{gap:10px;min-height:30px;font-size:11.5px}
  body.pvgd #wide-nav.header-bottom{background:#fff!important}
  .pvgd-preview-tag{bottom:72px}
}

/* =================== Trang chu moi (shortcode pv_*) =================== */
body.pvgd.pvgd-home #main{padding-top:0}
body.pvgd.pvgd-home #content,body.pvgd.pvgd-home .page-wrapper{max-width:1530px;margin:0 auto;padding:0 15px}
/* menu doc khong luon mo tren trang chu moi: re chuot moi mo */
body.pvgd.pvgd-home .header-vertical-menu__fly-out--open{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s}
body.pvgd.pvgd-home .header-vertical-menu:hover .header-vertical-menu__fly-out--open{opacity:1;visibility:visible;pointer-events:auto}
/* hero */
body.pvgd .pvgd-hero{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(0,1fr);gap:14px;margin:16px 0}
body.pvgd .pvgd-hero--full{grid-template-columns:1fr}
body.pvgd .pvgd-hero__main{position:relative;border-radius:16px;overflow:hidden;background:#e8eef9;aspect-ratio:16/9}
body.pvgd .pvgd-hero__track{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth}
body.pvgd .pvgd-hero__track::-webkit-scrollbar{display:none}
body.pvgd .pvgd-hero__slide{flex:0 0 100%;scroll-snap-align:start;display:block;height:100%}
body.pvgd .pvgd-hero__slide img,body.pvgd .pvgd-hero__side img{width:100%;height:100%;object-fit:cover;display:block}
body.pvgd .pvgd-hero__dots{position:absolute;left:0;right:0;bottom:12px;display:flex;justify-content:center;gap:6px}
body.pvgd .pvgd-hero__dot{width:9px;height:9px;padding:0;margin:0;min-height:0;border-radius:99px;border:0;background:rgba(255,255,255,.6);box-shadow:0 1px 3px rgba(0,0,0,.25)}
body.pvgd .pvgd-hero__dot.is-on{width:24px;background:#fff}
body.pvgd .pvgd-hero__sides{display:grid;grid-template-rows:1fr 1fr;gap:14px}
body.pvgd .pvgd-hero__side{border-radius:16px;overflow:hidden;display:block;background:#e8eef9}
/* cam ket */
body.pvgd .pvgd-ck{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}
body.pvgd .pvgd-ck__item{background:#fff;border:1px solid var(--pvgd-line);border-radius:12px;padding:12px 14px;display:flex;gap:12px;align-items:center;line-height:1.35}
body.pvgd .pvgd-ck__ico{width:42px;height:42px;border-radius:11px;background:var(--pvgd-tech-50);color:var(--pvgd-tech);display:flex;align-items:center;justify-content:center;flex:none}
body.pvgd .pvgd-ck__ico .pvgd-ico{width:22px;height:22px}
body.pvgd .pvgd-ck__item b{display:block;font-size:14px;color:var(--pvgd-ink)}
body.pvgd .pvgd-ck__item small{display:block;color:var(--pvgd-muted);font-size:12.5px}
/* khung khoi */
body.pvgd .pvgd-sec{background:#fff;border:1px solid var(--pvgd-line);border-radius:16px;padding:18px 20px;margin:0 0 16px}
body.pvgd .pvgd-sec__head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
body.pvgd .pvgd-sec__title{flex:0 1 auto;width:auto;margin:0;font-size:21px;font-weight:700;color:var(--pvgd-ink);display:flex;align-items:center;gap:10px;letter-spacing:-.2px}
body.pvgd .pvgd-sec__title i{width:6px;height:22px;border-radius:3px;background:linear-gradient(var(--pvgd-tech),var(--pvgd-cyan));display:inline-block}
body.pvgd .pvgd-sec__note{color:var(--pvgd-muted);font-size:13px}
body.pvgd .pvgd-sec__more{margin-left:auto;color:var(--pvgd-tech);font-weight:700;font-size:14px;white-space:nowrap}
body.pvgd .pvgd-sec--deal{background:linear-gradient(135deg,#fff7ed,#fff1f2);border-color:#fde2cf}
body.pvgd .pvgd-sec--deal .pvgd-sec__title i{background:linear-gradient(#f97316,var(--pvgd-brand))}
body.pvgd .pvgd-chips{display:flex;gap:6px;flex-wrap:wrap}
body.pvgd .pvgd-chip{border:1px solid var(--pvgd-line);background:#fff;border-radius:99px;padding:5px 12px;font-size:13px;font-weight:600;color:var(--pvgd-ink-2)}
body.pvgd .pvgd-chip:hover{border-color:var(--pvgd-tech);color:var(--pvgd-tech)}
body.pvgd .pvgd-grid .woocommerce{margin:0}
body.pvgd .pvgd-grid .products{margin-bottom:0}
body.pvgd .pvgd-grid .products .product-small.col{padding-bottom:12px}
/* danh muc */
body.pvgd .pvgd-cats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
@media (min-width:1200px){body.pvgd .pvgd-cats{grid-template-columns:repeat(12,minmax(0,1fr))}}
body.pvgd .pvgd-cat{display:flex;flex-direction:column;align-items:center;gap:8px;background:#f8fafc;border:1px solid var(--pvgd-line-2);border-radius:14px;padding:12px 8px;text-align:center;transition:.2s}
body.pvgd .pvgd-cat:hover{border-color:#bfd3fe;box-shadow:0 8px 20px rgba(37,99,235,.12);transform:translateY(-2px)}
body.pvgd .pvgd-cat__img{width:76px;height:76px;border-radius:12px;overflow:hidden;background:#fff;display:block}
body.pvgd .pvgd-cat__img img{width:100%;height:100%;object-fit:cover}
body.pvgd .pvgd-cat__name{font-size:13px;font-weight:600;color:var(--pvgd-ink-2);line-height:1.3}
/* nhu cau */
body.pvgd .pvgd-needs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
body.pvgd .pvgd-need{border-radius:14px;padding:16px;background:linear-gradient(120deg,#eaf2ff 0%,#e6fbff 55%,#f5f0ff 100%);border:1px solid #dfe9ff;display:flex;flex-direction:column;gap:4px;transition:.2s}
body.pvgd .pvgd-need:hover{box-shadow:0 8px 20px rgba(37,99,235,.14);transform:translateY(-2px)}
body.pvgd .pvgd-need__ico{width:44px;height:44px;border-radius:12px;background:#fff;color:var(--pvgd-tech);display:flex;align-items:center;justify-content:center;margin-bottom:6px}
body.pvgd .pvgd-need__ico .pvgd-ico{width:24px;height:24px}
body.pvgd .pvgd-need b{font-size:14.5px;color:var(--pvgd-ink);line-height:1.3}
body.pvgd .pvgd-need span{color:var(--pvgd-muted);font-size:12.5px}
/* thuong hieu */
body.pvgd .pvgd-brands{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}
body.pvgd .pvgd-brand{border:1px solid var(--pvgd-line);border-radius:12px;height:60px;display:flex;align-items:center;justify-content:center;font-weight:800;color:#475569;background:#fff;font-size:15px;letter-spacing:.3px;padding:6px 10px;text-align:center}
body.pvgd .pvgd-brand img{max-height:40px;width:auto;object-fit:contain}
body.pvgd .pvgd-brand:hover{border-color:var(--pvgd-tech);color:var(--pvgd-tech)}
/* showroom */
body.pvgd .pvgd-show{display:grid;grid-template-columns:1.1fr 1fr;border-radius:16px;overflow:hidden;border:1px solid var(--pvgd-line);background:#fff;margin:0 0 16px}
body.pvgd .pvgd-show__text{padding:26px 30px}
body.pvgd .pvgd-show__kicker{color:var(--pvgd-tech);font-weight:700;font-size:12.5px;letter-spacing:.4px}
body.pvgd .pvgd-show h2{margin:6px 0 12px;font-size:25px;line-height:1.3;color:var(--pvgd-ink)}
body.pvgd .pvgd-show ul{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:8px}
body.pvgd .pvgd-show li{display:flex;gap:8px;align-items:flex-start;color:var(--pvgd-ink-2);margin:0}
body.pvgd .pvgd-show li .pvgd-ico{color:var(--pvgd-tech);margin-top:2px}
body.pvgd .pvgd-show__btns{display:flex;gap:8px;flex-wrap:wrap}
body.pvgd .pvgd-btn{display:inline-flex;align-items:center;border-radius:10px;padding:10px 16px;font-weight:700;font-size:14px}
body.pvgd .pvgd-btn--red{background:var(--pvgd-brand);color:#fff}
body.pvgd .pvgd-btn--red:hover{background:var(--pvgd-brand-600);color:#fff}
body.pvgd .pvgd-btn--line{border:1.5px solid var(--pvgd-line);color:var(--pvgd-ink)}
body.pvgd .pvgd-show__media{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px;background:linear-gradient(120deg,#eaf2ff,#e6fbff 55%,#f5f0ff)}
body.pvgd .pvgd-show__media img{width:100%;height:100%;object-fit:cover;border-radius:12px;aspect-ratio:1}
body.pvgd .pvgd-show__media.is-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#1e3a8a;font-weight:700;text-align:center;padding:30px}
body.pvgd .pvgd-show__media.is-empty .pvgd-ico{width:90px;height:90px;color:var(--pvgd-tech)}
/* tin tuc */
body.pvgd .pvgd-newsgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
body.pvgd .pvgd-news{background:#fff;border:1px solid var(--pvgd-line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
body.pvgd .pvgd-news:hover{box-shadow:var(--pvgd-sh-h)}
body.pvgd .pvgd-news__img{aspect-ratio:16/9;background:#e5e7eb;display:block;overflow:hidden}
body.pvgd .pvgd-news__img img{width:100%;height:100%;object-fit:cover}
body.pvgd .pvgd-news__body{padding:10px 12px;display:flex;flex-direction:column;gap:4px}
body.pvgd .pvgd-news__body small{font-size:11.5px;font-weight:700;color:var(--pvgd-tech);text-transform:uppercase}
body.pvgd .pvgd-news__body b{font-size:14.5px;line-height:1.4;color:var(--pvgd-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.pvgd .pvgd-news__body time{font-size:12px;color:var(--pvgd-muted)}
/* doan SEO */
body.pvgd .pvgd-seo{background:#fff;border:1px solid var(--pvgd-line);border-radius:14px;padding:18px 22px;margin:0 0 24px;color:var(--pvgd-ink-2)}
body.pvgd .pvgd-seo h1{font-size:20px;margin:0 0 8px;color:var(--pvgd-ink);line-height:1.35}
body.pvgd .pvgd-seo__text{max-height:110px;overflow:hidden;position:relative;font-size:14.5px}
body.pvgd .pvgd-seo__text:after{content:"";position:absolute;left:0;right:0;bottom:0;height:56px;background:linear-gradient(transparent,#fff)}
body.pvgd .pvgd-seo.is-open .pvgd-seo__text{max-height:none}
body.pvgd .pvgd-seo.is-open .pvgd-seo__text:after{display:none}
body.pvgd .pvgd-seo__more{background:none;border:0;color:var(--pvgd-tech);font-weight:700;padding:6px 0 0;margin:0;min-height:0;text-transform:none;font-size:14px;letter-spacing:0}
@media (max-width:849px){
  body.pvgd .pvgd-hero{grid-template-columns:1fr;margin:10px 0}
  body.pvgd .pvgd-hero__sides{grid-template-columns:1fr 1fr;grid-template-rows:none;gap:10px}
  body.pvgd .pvgd-hero__main,body.pvgd .pvgd-hero__side{border-radius:12px}
  body.pvgd .pvgd-ck{grid-template-columns:1fr 1fr;gap:8px}
  body.pvgd .pvgd-ck__item{padding:10px;gap:8px}
  body.pvgd .pvgd-ck__ico{width:34px;height:34px}
  body.pvgd .pvgd-ck__item b{font-size:13px}
  body.pvgd .pvgd-ck__item small{font-size:11.5px}
  body.pvgd .pvgd-sec{padding:14px 12px;border-radius:14px;margin-bottom:12px}
  body.pvgd .pvgd-sec__title{font-size:18px}
  body.pvgd .pvgd-sec__note{display:none}
  body.pvgd .pvgd-chips{flex-wrap:nowrap;overflow-x:auto;width:100%;order:3}
  body.pvgd .pvgd-cats{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
  body.pvgd .pvgd-cat{padding:8px 4px}
  body.pvgd .pvgd-cat__img{width:56px;height:56px}
  body.pvgd .pvgd-cat__name{font-size:11.5px}
  body.pvgd .pvgd-needs{grid-template-columns:1fr 1fr;gap:8px}
  body.pvgd .pvgd-need{padding:12px}
  body.pvgd .pvgd-brands{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.pvgd .pvgd-show{grid-template-columns:1fr}
  body.pvgd .pvgd-show__text{padding:18px}
  body.pvgd .pvgd-show h2{font-size:20px}
  body.pvgd .pvgd-show__media.is-empty{display:none}
  body.pvgd .pvgd-newsgrid{grid-template-columns:1fr 1fr;gap:8px}
  /* the san pham dien thoai: bam thang vao the (nut gio hang 2 dong chiem cho) */
  body.pvgd .product-small .add-to-cart-button{display:none}
  body.pvgd .products .product-small.col>.col-inner{padding:8px}
  body.pvgd .product-small .name a,body.pvgd .product-small .product-title a{font-size:13px}
  body.pvgd .pvgd-ck__item small{display:none}
}

/* =================== Trang danh muc / thuong hieu / cua hang =================== */
body.pvgd-catpage .woocommerce-result-count,body.pvgd-catpage .category-page-title .woocommerce-ordering{display:none}
body.pvgd .pvgd-catbar{background:#fff;border:1px solid var(--pvgd-line);border-radius:16px;padding:16px 18px 8px;margin:0 0 14px}
body.pvgd .pvgd-catbar__head{display:flex;align-items:baseline;gap:6px 12px;flex-wrap:wrap;margin-bottom:8px}
body.pvgd .pvgd-catbar__title{font-size:24px;margin:0;color:var(--pvgd-ink);line-height:1.3;letter-spacing:-.3px;font-weight:700}
body.pvgd .pvgd-catbar__meta{color:var(--pvgd-muted);font-size:13.5px}
body.pvgd .pvgd-catbar__clear{margin-left:auto;color:var(--pvgd-brand);font-weight:700;font-size:13.5px;white-space:nowrap}
body.pvgd .pvgd-catbar__row{display:flex;align-items:center;gap:12px;padding:8px 0;border-top:1px dashed var(--pvgd-line)}
body.pvgd .pvgd-catbar__label{flex:0 0 92px;white-space:nowrap;font-size:12px;font-weight:700;color:var(--pvgd-muted);text-transform:uppercase;letter-spacing:.3px}
body.pvgd .pvgd-catbar .pvgd-chips{flex:1 1 auto;min-width:0}
body.pvgd .pvgd-chip.is-on{background:var(--pvgd-tech);border-color:var(--pvgd-tech);color:#fff}
body.pvgd .pvgd-chip.is-on:hover{color:#fff}
body.pvgd .pvgd-catdesc{margin:22px 0 26px}
body.pvgd .pvgd-catdesc h2{font-size:19px;margin:0 0 8px;color:var(--pvgd-ink);line-height:1.35}
body.pvgd .pvgd-catdesc .pvgd-seo__text{max-height:170px}
body.pvgd .pvgd-catdesc .pvgd-seo__text h2,body.pvgd .pvgd-catdesc .pvgd-seo__text h3{font-size:16px;line-height:1.45;margin:12px 0 6px;color:var(--pvgd-ink)}
@media (max-width:849px){
  body.pvgd .pvgd-catbar{padding:12px 12px 6px;border-radius:12px;margin:0 0 10px}
  body.pvgd .pvgd-catbar__title{font-size:19px}
  body.pvgd .pvgd-catbar__row{gap:8px;padding:6px 0}
  body.pvgd .pvgd-catbar__label{flex:0 0 72px;font-size:10.5px;letter-spacing:0;white-space:nowrap}
  body.pvgd .pvgd-catbar .pvgd-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;width:auto;order:0;padding:1px 0}
  body.pvgd .pvgd-catbar .pvgd-chips::-webkit-scrollbar{display:none}
  body.pvgd .pvgd-catbar .pvgd-chip{white-space:nowrap;flex:none;padding:5px 11px}
  body.pvgd .pvgd-catdesc h2{font-size:17px}
}

/* =================== Trang san pham (plugin PhuongVy PDP: chi doi bien mau + khung) =================== */
body.pvgd .pvpdp-page{--pvpdp-primary:var(--pvgd-brand);--pvpdp-accent:var(--pvgd-brand);--pvpdp-text:var(--pvgd-ink);--pvpdp-muted:var(--pvgd-muted);
  --pvpdp-surface:#f8fafc;--pvpdp-border:var(--pvgd-line)}
body.pvgd .pvpdp-trust{align-self:start;background:#fff}
body.pvgd .pvpdp-details{background:#fff;border:1px solid var(--pvgd-line);border-radius:16px;padding:4px 24px 24px;margin-top:10px}
body.pvgd.pvgd-pdp .product-section-title{text-transform:none!important;font-size:20px;font-weight:700;color:var(--pvgd-ink);letter-spacing:-.2px}
body.pvgd form.cart.pvgd-flash .variations{outline:2px solid var(--pvgd-brand);outline-offset:4px;border-radius:8px}
.pvgd-buybar{display:none}
@media (max-width:849px){
  body.pvgd.pvgd-pdp{padding-bottom:calc(66px + env(safe-area-inset-bottom))}
  body.pvgd-pdp .pvgd-bnav{display:none}
  body.pvgd-pdp .pvgd-buybar{display:grid;grid-template-columns:50px 50px minmax(0,1fr) minmax(0,1.35fr);gap:6px;align-items:stretch;position:fixed;
    left:0;right:0;bottom:0;z-index:999;background:#fff;border-top:1px solid var(--pvgd-line);box-shadow:0 -6px 18px rgba(15,23,42,.08);
    padding:8px max(10px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}
  .pvgd-buybar__icon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;font-weight:600;color:var(--pvgd-ink-2)}
  .pvgd-buybar__icon .pvgd-ico{width:22px;height:22px}
  .pvgd-buybar__zalo{color:var(--pvgd-tech)}
  .pvgd-buybar__cart,.pvgd-buybar__buy{margin:0;min-height:48px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;
    gap:1px;line-height:1.2;text-transform:none;letter-spacing:0;padding:4px 8px;box-shadow:none}
  .pvgd-buybar__cart{background:#fff;border:1.5px solid var(--pvgd-brand);color:var(--pvgd-brand);font-weight:700;font-size:12.5px}
  .pvgd-buybar__cart .pvgd-ico{width:18px;height:18px}
  .pvgd-buybar__buy{background:var(--pvgd-brand);border:0;color:#fff}
  .pvgd-buybar__buy b{font-size:15px;color:#fff;font-weight:700}
  .pvgd-buybar__buy small{font-size:11.5px;color:#fff;opacity:.92;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .pvgd-buybar__buy--wide{grid-column:3/5}
  body.pvgd-pdp .pvgd-preview-tag{bottom:76px}
  body.pvgd .pvpdp-details{padding:2px 14px 16px;border-radius:14px}
}

/* =================== Footer nen sang =================== */
html:has(body.pvgd){background-color:var(--pvgd-bg)!important}
body.pvgd #footer{background:#fff;border-top:1px solid var(--pvgd-line)}
body.pvgd #footer section.section,body.pvgd #footer .section-bg{background-color:#fff!important;background-image:none!important}
body.pvgd #footer section.section:not(:has(.text)):not(:has(.widget)):not(:has(img)):not(:has(a)){display:none}
body.pvgd #footer p,body.pvgd #footer li,body.pvgd #footer .text,body.pvgd #footer span{color:var(--pvgd-ink-2)!important}
body.pvgd #footer h2,body.pvgd #footer h3,body.pvgd #footer h4,body.pvgd #footer .title-footer{color:var(--pvgd-ink)!important;font-size:17px!important;font-weight:700}
body.pvgd #footer a{color:var(--pvgd-ink-2)!important}
body.pvgd #footer a:hover{color:var(--pvgd-tech)!important}
body.pvgd #footer .content-footer.row{margin-left:0;margin-right:0}
body.pvgd #footer ul{list-style:none;margin-left:0;padding-left:0}
body.pvgd #footer ul li{margin-left:0;padding:3px 0}
body.pvgd .absolute-footer{background:#eef2f8!important;border-top:1px solid var(--pvgd-line);color:var(--pvgd-muted)!important}
body.pvgd .absolute-footer .copyright-footer,body.pvgd .absolute-footer .copyright-footer *{color:var(--pvgd-muted)!important}
body.pvgd .absolute-footer .payment-icon{background:#fff!important;border:1px solid var(--pvgd-line);color:#64748b!important}
body.pvgd .absolute-footer .payment-icon svg{fill:currentColor!important}

/* =================== Nut lien he noi (may tinh): gon, khong nhap nhay; nut "Lien he" trung voi dau trang -> an =================== */
@media (min-width:850px){
  body.pvgd #button-contact-vr{bottom:18px!important}
  body.pvgd #button-contact-vr #contact-vr{display:none!important}
  body.pvgd #button-contact-vr .button-contact .phone-vr{width:54px;height:54px}
  body.pvgd #button-contact-vr .phone-vr-circle-fill{display:none!important}
  body.pvgd #button-contact-vr .phone-vr-img-circle{animation:none!important;-webkit-animation:none!important;top:6px;left:6px;width:42px;height:42px;
    box-shadow:0 6px 14px rgba(15,23,42,.18)}
}
