/* =========================================================
   NEN TANG: reset nhe + chu
   ========================================================= */

*,*::before,*::after{box-sizing:border-box}

html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

body{
  margin:0;
  background:var(--vdd-page);
  color:var(--vdd-ink);
  font-family:var(--vdd-font-body);
  font-size:var(--vdd-text-base);
  font-weight:400;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

/* --- Tieu de --- */
h1,h2,h3,h4,h5,h6,
.entry-title,.widget-title{
  font-family:var(--vdd-font-display);
  font-weight:600;
  line-height:1.18;
  letter-spacing:-.012em;
  color:var(--vdd-ink);
  margin:0 0 var(--vdd-s4);
  text-wrap:balance;
}
h1,.entry-title{font-size:var(--vdd-text-3xl)}
h2{font-size:var(--vdd-text-2xl)}
h3{font-size:var(--vdd-text-xl)}
h4{font-size:var(--vdd-text-lg)}
h5{font-size:var(--vdd-text-md)}
h6{font-size:var(--vdd-text-base);letter-spacing:.04em;text-transform:uppercase;font-family:var(--vdd-font-body);font-weight:600}

p{margin:0 0 var(--vdd-s4)}
p:last-child{margin-bottom:0}

/* Do dai dong doc thoai mai ~68 ky tu.

   LOI DA SUA: truoc day luat nay nham thang vao ".entry-content > ul",
   ma luoi san pham cua WooCommerce chinh la mot <ul> con truc tiep cua
   .entry-content -> ca luoi bi bop con 685px, bon cot chi hien duoc
   hai. Gio chi ap cho van ban that: dong van, danh sach thuong, va
   loai tru ro nhung thu khong phai van ban. */
/* Phai co .vdd o truoc: layout.css co luat ".vdd .entry-content{max-width:none}"
   dam dac hon (0,2,0), ma than bai mang ca hai lop nen neu chi viet
   .vdd-prose (0,1,0) thi thua - dong van se keo dai 1088px. */
.vdd .vdd-prose,
.vdd .vdd-prose > p,
.vdd .vdd-prose > ul,
.vdd .vdd-prose > ol,
.vdd .vdd-prose > blockquote,
.vdd-prose,
.vdd-prose > p,
.vdd-prose > ul,
.vdd-prose > ol,
.vdd-prose > blockquote{max-width:68ch}

/* Trong khoi van ban, nhung thu khong phai chu thi duoc rong het */
.vdd .vdd-prose > .wp-block-image,
.vdd .vdd-prose > figure,
.vdd .vdd-prose > table,
.vdd .vdd-prose > .wp-block-table,
.vdd .vdd-prose > .wp-block-embed,
.vdd .vdd-prose > .wp-block-gallery,
.vdd .vdd-prose > ul.products,
.vdd .vdd-prose > .vdd-postgrid,
.vdd-prose > .wp-block-image,
.vdd-prose > figure,
.vdd-prose > table,
.vdd-prose > .wp-block-table,
.vdd-prose > .wp-block-embed,
.vdd-prose > .wp-block-gallery,
.vdd-prose > ul.products,
.vdd-prose > .vdd-postgrid{max-width:none}

a{color:var(--vdd-gold-text);text-decoration-thickness:1px;text-underline-offset:.18em}
a:hover{color:var(--vdd-brown)}

/* Tieu diem ban phim - bat buoc nhin thay duoc */
:where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:2px solid var(--vdd-gold-text);
  outline-offset:2px;
  border-radius:var(--vdd-r-sm);
}

img,svg,video{max-width:100%;height:auto;display:block}

hr{border:0;border-top:1px solid var(--vdd-line);margin:var(--vdd-s7) 0}

/* --- Nhan nho dung khap noi --- */
.vdd-eyebrow{
  font-family:var(--vdd-font-body);
  font-size:var(--vdd-text-xs);
  font-weight:600;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--vdd-gold-text);
  margin:0 0 var(--vdd-s3);
  display:block;
}

/* --- Chu so thang hang --- */
.vdd-num,.price,.woocommerce-Price-amount,.quantity input{
  font-variant-numeric:tabular-nums;
}

/* --- Bang cuon ngang trong khung rieng --- */
.vdd-scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}
table{border-collapse:collapse;width:100%}

/* --- Bo qua nhung gi Elementor de lai --- */
.elementor-widget-container > :last-child{margin-bottom:0}

/* =========================================================
   CHAN TRAN NGANG
   Site hien tai co scrollWidth 1082 / clientWidth 541 do slider
   cua Element Pack khong cat slide nhan ban. Chan tu goc.
   ========================================================= */
/* Luoi an toan cho khoi "trai het man hinh": chung keo le am theo
   --vdd-vw; neu JS chua kip chay thi lui ve 100vw, ma 100vw tinh ca
   thanh cuon doc nen du ra ~15px. clip cat phan thua ma KHONG tao
   vung cuon moi, nen header dinh van chay (overflow:hidden thi hong). */
html,body{max-width:100%;overflow-x:clip}
@supports not (overflow:clip){html,body{overflow-x:hidden}}

/* Moi khoi bang chieu rong vung chua, khong tran ra ngoai */
.vdd-section,.vdd-container,.vdd-hero,.vdd-products,.vdd-grid{min-width:0}
.vdd-section > *,.vdd-container > *{min-width:0}

/* Anh va nhung thu hay tran */
img,video,iframe,table,pre{max-width:100%}
iframe{border:0}

/* An chu nhung van doc duoc bang trinh doc man hinh.
   Tu dinh nghia o day thay vi trong cho theme cha. */
.screen-reader-text{
  position:absolute!important;
  width:1px;height:1px;
  padding:0;margin:-1px;overflow:hidden;
  clip-path:inset(50%);
  white-space:nowrap;border:0;
}
.screen-reader-text:focus{
  position:static!important;
  width:auto;height:auto;margin:0;
  clip-path:none;white-space:normal;
}