@charset "UTF-8";
/* site-overrides.css — KHONG co trong ban goc.
 *
 * 3 file CSS goc (layout/style/style_sp) duoc nap bang <link> trong useHead nen thu tu cua
 * chung so voi bundle CSS cua Nuxt (app/assets/css/global.css + Tailwind preflight) KHONG
 * duoc dam bao — dev (Vite chen <style> luc runtime) va prod xep khac nhau. Voi cac khai bao
 * TOAN CUC (body, *, img) hai ben cung specificity, ai dung sau thi thang.
 *
 * File nay nhac lai DUNG gia tri cua ban HTML goc nhung voi specificity cao hon
 * (body.eva-goods…, html.eva-goods-html) de luon thang, khong phu thuoc thu tu.
 * KHONG them style moi — chi khoi phuc lai mac dinh cua ban goc.
 */

/* global.css: body{font-family:var(--font-sans); line-height:1.8; color:var(--color-ink);
   -webkit-font-smoothing:antialiased} → tra ve dung khai bao cua css/layout.css goc.
   Chu y: ban goc KHONG dung YakuHanJP (font cua site chinh) nen phai khai bao lai ca stack. */
body.eva-goods {
  color: #000;
  background-color: #fff;
  font-family:
    'Noto Sans JP', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, Verdana,
    'ＭＳ Ｐゴシック', 'MS P Gothic', san-serif;
  line-height: 1;
  letter-spacing: 0.01em;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}

/* Tailwind preflight: *,::before,::after{box-sizing:border-box} — ban goc mac dinh la
   content-box, chi border-box o 4 cho khai bao tuong minh (#Top .eventBox / #Top #Ticket .inner /
   #Top #Goods .inner / #Top #Model .inner) — deu co specificity > (0,1,1) nen van thang. */
body.eva-goods,
body.eva-goods *,
body.eva-goods *::before,
body.eva-goods *::after {
  box-sizing: content-box;
}

/* …tru .slick-slider (slick.css, specificity 0,1,0 < 0,1,1) — tra lai border-box. */
body.eva-goods .slick-slider {
  box-sizing: border-box;
}

/* Tailwind preflight: img{display:block; vertical-align:middle} — ban goc chi co
   layout.css: img{vertical-align:bottom} (tuc inline). Chi nhan lai 2 thuoc tinh do.
   CO Y KHONG dung toi max-width/height o day: `img{max-width:100%; height:auto}` cua
   global.css trung voi mac dinh cua trang (#Top img / main img cung dat max-width:100%,
   anh duy nhat nam ngoai <main> la logo header 86px — nho hon o cua no nen khong bi anh
   huong). Neu dat max-width:none o day, specificity (0,1,1) se DE MAT
   `main img{max-width:100%}` (0,0,2) cua style_sp.css → anh tren mobile tran ra kich thuoc goc. */
body.eva-goods img {
  display: inline;
  vertical-align: bottom;
}

/* …tru anh trong slider: slick.css dat .slick-slide img{display:block} (cung 0,1,1). */
body.eva-goods .slick-slide img {
  display: block;
}

/* global.css: html{overflow-x:clip; scrollbar-gutter:stable} — ban goc khong co, va cac
   phan tu trang tri (#Goods .inner .deco01 right:-20px) dua vao hanh vi tran mac dinh. */
html.eva-goods-html {
  overflow-x: visible;
  scrollbar-gutter: auto;
}

/* UA stylesheet của Chrome đặt button{box-sizing:border-box}; luật `*` ở trên (đè Tailwind
   preflight) vô tình xoá luôn mặc định đó. Trả lại cho đúng bản gốc — 2 nút mũi tên
   .slick-prev/.slick-next là <button> duy nhất của trang. */
body.eva-goods button {
  box-sizing: border-box;
}