/* =====================================================================
   VO CHUNG KIEU ABEL — dau trang · menu · chan trang · he chu · nut
   Dung cho MOI trang (05/10). Khoi rieng cua tung trang nam trong template.
   He chu chep ty le abelfragrance.com:
     Mono 13 in hoa — nhan, menu, link, nut   · Mono 28 in hoa — ten khoi / ten mui
     Sans 20/300 — cau phu  · Sans 32/300 — cau trich  · Cormorant — CHI logo
   ===================================================================== */
:root{
  --a-mono:'Geist Mono',ui-monospace,monospace; /* gan Founders Grotesk Mono cua Abel nhat VA du 134 chu tieng Viet (Fragment Mono thieu 96 chu — da loai) */
  --a-sans:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
  --a-logo:'Cormorant Garamond',Georgia,serif;
  --a-le:40px; --a-trang:#FFFFFF; --a-den:#000000; --a-xam:#5C5852; --a-vien:rgba(22,18,14,.12);
  --a-nen-sp:#E5E2D6;   /* = mau nen anh chai (do tu flint-1..cedar-1) */
  --a-dau:58px;         /* chieu cao dau trang khi da thu nho */
}
@media(max-width:860px){:root{--a-le:20px;--a-dau:52px}}

body{background:var(--a-trang)}
body:not(.home) main{padding-top:var(--a-dau)}

/* so do tu Abel 05/10: Mono13 ls -0.26px lh 1.1 · Mono28 ls 0 lh 1.1 · Sans20 ls +0.4px lh 24px */
.mo13{font-family:var(--a-mono);font-size:13px;font-weight:400;letter-spacing:-.02em;text-transform:uppercase;line-height:1.1}
.mo28{font-family:var(--a-mono);font-size:28px;font-weight:350;letter-spacing:0;text-transform:uppercase;line-height:1.1;margin:0}
.s20{font-family:var(--a-sans);font-size:20px;font-weight:400;line-height:1.2;letter-spacing:.02em;margin:0}
.s15{font-family:var(--a-sans);font-size:15px;font-weight:400;line-height:1.45;letter-spacing:.02em;margin:0}
.gach{display:inline-block;border-bottom:1px solid currentColor;padding-bottom:3px;text-decoration:none;color:inherit}
.a-nut{display:inline-flex;align-items:center;justify-content:center;background:var(--a-den);color:var(--a-trang)!important;
  min-height:50px;padding:0 28px;font-family:var(--a-mono);font-size:13px;font-weight:400;letter-spacing:-.01em;
  text-transform:uppercase;border:0;border-radius:0;cursor:pointer;text-decoration:none;transition:background .2s}
.a-nut:hover{background:#3a3129}
@media(max-width:860px){.mo28{font-size:24px}.s20{font-size:18px}}

/* ---------- dau trang ---------- */
.dh{display:none!important}
.m-dau{position:fixed;top:0;left:0;right:0;z-index:60;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
  height:var(--a-dau);padding:0 var(--a-le);background:var(--a-trang);color:var(--a-den);box-shadow:0 1px 0 var(--a-vien);
  transition:background .35s,color .35s,height .35s,box-shadow .35s}
.m-dau a{color:inherit;text-decoration:none}
.m-dau .menu-nut{justify-self:start;display:flex;align-items:center;gap:14px;background:none;border:0;color:inherit;cursor:pointer;padding:0}
.m-dau .menu-nut svg{width:18px;height:12px}
.m-logo{font-family:var(--a-logo);font-weight:700;font-size:30px;letter-spacing:.06em;line-height:1;text-align:center;transition:font-size .35s}
.m-dau .phai{justify-self:end;display:flex;gap:28px}
/* trang chu: trong suot de len anh dau, logo to — qua anh dau thi ve dang thuong */
.m-dau.trong{height:96px;background:transparent;color:#fff;box-shadow:none}
.m-dau.trong .m-logo{font-size:44px}
@media(max-width:860px){
  .m-dau .menu-nut span,.m-dau .phai .an-dt{display:none}
  .m-logo{font-size:24px}
  .m-dau.trong{height:72px}
  .m-dau.trong .m-logo{font-size:32px}
}

/* ---------- menu truot ---------- */
.m-menu{position:fixed;inset:0;z-index:80;background:var(--a-trang);color:var(--a-den);transform:translateX(-100%);
  transition:transform .5s cubic-bezier(.7,0,.2,1);padding:22px var(--a-le) 40px;display:flex;flex-direction:column;visibility:hidden}
.m-menu.mo{transform:none;visibility:visible}
.m-menu .dong{align-self:flex-start;background:none;border:0;color:inherit;cursor:pointer;padding:0;display:flex;gap:14px;align-items:center}
.m-menu nav{margin:auto 0;display:flex;flex-direction:column;gap:18px}
.m-menu nav a{font-family:var(--a-mono);font-size:clamp(28px,4vw,44px);text-transform:uppercase;letter-spacing:-.02em;color:inherit;text-decoration:none}
.m-menu nav a:hover{color:var(--a-xam)}
.m-menu .duoi{color:var(--a-xam)}

/* ---------- chan trang (footer.php giu nguyen, chi doi bo cuc + chu) ---------- */
body .chan{background:var(--a-trang);color:var(--a-den);border-top:1px solid var(--a-vien);padding:40px 0 30px;margin:0}
body .chan .b{width:auto;margin:0 var(--a-le);display:grid;grid-template-columns:repeat(6,1fr);column-gap:40px;
  grid-template-areas:"tin tin tin chA chB ." "mail mail mail chA chB ." "logo logo logo logo logo logo" "cuoi cuoi cuoi cuoi cuoi cuoi"}
body .chan-l{display:contents}
body .chan-l>div:nth-child(1){grid-area:tin}
body .chan-l>div:nth-child(2){grid-area:chA}
body .chan-l>div:nth-child(3){grid-area:chB}
body .chan-l>div:nth-child(1) h5{display:none}
body .chan p{font-family:var(--a-sans);font-size:13px;font-weight:400;line-height:1.35;color:var(--a-den);max-width:380px}
body .chan h5{font-family:var(--a-mono);font-size:11px;font-weight:400;letter-spacing:-.02em;line-height:1.1;text-transform:uppercase;color:#45403A;margin:0 0 16px}
body .chan a{font-family:var(--a-mono);font-size:13px;font-weight:400;letter-spacing:-.02em;text-transform:uppercase;color:var(--a-den);margin:0 0 4px;line-height:1.1}
body .chan a:hover{color:var(--a-xam)}
body .so-mail-boc{grid-area:mail}
body .so-mail{max-width:380px;margin:30px 0 0;padding:0;border:0;border-radius:0;background:none;text-align:left;color:var(--a-den)}
body .so-mail-tieu,body .so-mail-phu{display:none}
body .so-mail-hang{flex-wrap:nowrap;gap:0;border-bottom:1px solid var(--a-den)}
body .so-mail-o{border:0;border-radius:0;background:none;padding:8px 0;font-family:var(--a-sans);font-size:13px;font-weight:400}
body .so-mail-o:focus{outline:none}
body .so-mail-nut{background:none;color:var(--a-den);border-radius:0;padding:8px 0 8px 16px;font-family:var(--a-mono);font-size:13px;font-weight:400;text-transform:uppercase}
body .chan .b::before{content:"UNA SOGLIA";grid-area:logo;justify-self:center;margin:80px 0 90px;
  font-family:var(--a-logo);font-size:56px;font-weight:500;letter-spacing:.08em;color:var(--a-den)}
body .chan .cuoi{grid-area:cuoi;border:0;padding:0;font-family:var(--a-mono);font-size:13px;font-weight:400;letter-spacing:-.02em;line-height:1.1;text-transform:uppercase;color:var(--a-den)}
@media(max-width:860px){
  body .chan .b{grid-template-columns:1fr 1fr;row-gap:32px;grid-template-areas:"tin tin" "mail mail" "chA chB" "logo logo" "cuoi cuoi"}
  body .chan .b::before{font-size:38px;margin:40px 0}
}
@media(prefers-reduced-motion:reduce){.m-dau,.m-menu,.m-logo{transition:none}}

/* ---------- nut mua cua WooCommerce: den, chu Mono — de len luat nau cu (shop.css/style.css deu !important) ---------- */
/* body mang lop .woocommerce => luat cu ".woocommerce button.button.alt" = (0,3,1). :not(#_) cong 1 bac id => chac chan cao hon moi luat chi dung class */
html body button.button.alt:not(#_), html body a.button.alt:not(#_), html body input.button.alt:not(#_), html body button.single_add_to_cart_button.button:not(#_),
html body #respond input#submit:not(#_), html body .wc-block-components-button:not(.is-link):not(#_){
  background:var(--a-den)!important;background-image:none!important;color:var(--a-trang)!important;border:0!important;border-radius:0!important;
  font-family:var(--a-mono)!important;font-size:13px!important;font-weight:400!important;letter-spacing:-.01em!important;
  text-transform:uppercase!important;box-shadow:none!important;text-shadow:none!important;line-height:1.2!important;min-height:50px;padding:0 28px!important}
html body button.button.alt:not(#_):hover, html body a.button.alt:not(#_):hover, html body button.single_add_to_cart_button.button:not(#_):hover,
html body .wc-block-components-button:not(.is-link):not(#_):hover{background:#3a3129!important;color:var(--a-trang)!important}
.p-mua button.single_add_to_cart_button.button{width:100%}

/* ---------- cham sao danh gia (CSS goc cua Woo da go nen tu ve lai) ---------- */
p.stars{margin:4px 0 0}
p.stars span{display:inline-flex;gap:4px}
p.stars a{font-size:0!important;text-decoration:none;color:transparent;width:22px;height:22px;display:inline-block;position:relative}
p.stars a::before{content:"★";font-size:20px;line-height:22px;color:rgba(22,18,14,.2);position:absolute;inset:0}
p.stars:hover a::before,p.stars.selected a::before{color:var(--a-den)}
p.stars a:hover~a::before,p.stars.selected a.active~a::before{color:rgba(22,18,14,.2)}
p.stars:hover a:hover~a::before{color:rgba(22,18,14,.2)}

/* ---------- khuon SO LE (trang Ve chung toi / Cach dung — theo /pages/about cua Abel) ----------
   Moi hang: anh nua man mot ben · cot chu hep ben kia, chu canh tren. Hang chan/le dao ben. */
.z{padding:40px 0 0}
/* moi hang la MOT luoi rieng — display:contents se day chu hang chan xuong hang duoi */
.z-hang{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-bottom:40px;align-items:start}
.z-anh{grid-column:1/3;aspect-ratio:5/6;overflow:hidden;background:var(--a-nen-sp)}
.z-anh img,.z-anh video{width:100%;height:100%;object-fit:cover;display:block}
.z-chu{grid-column:4/5;padding-right:var(--a-le)}
.z-hang:nth-child(even) .z-anh{grid-column:3/5}
.z-hang:nth-child(even) .z-chu{grid-column:1/2;grid-row:1;padding:0 0 0 var(--a-le)}
.z-hang:nth-child(even) .z-anh{grid-row:1}
.z-chu .mo13{display:block;margin:0 0 14px}
.z-chu p{font-family:var(--a-sans);font-size:13px;font-weight:400;line-height:1.4;margin:0 0 12px}
.z-chu blockquote{margin:0 0 12px;font-family:var(--a-sans);font-size:13px;font-weight:400;line-height:1.4}
.z-chu cite{display:block;font-style:normal;font-family:var(--a-sans);font-size:13px;font-weight:400;margin-bottom:40px}
.z-chu .gach{margin-top:46px}
.z-chu ul{list-style:none;margin:18px 0 0;padding:0;border-top:1px solid var(--a-vien)}
.z-chu li{display:grid;grid-template-columns:90px 1fr;gap:10px;padding:8px 0;border-bottom:1px solid var(--a-vien);font-family:var(--a-sans);font-size:13px;font-weight:400}
.z-chu li b{font-family:var(--a-mono);font-size:11px;letter-spacing:-.02em;font-weight:400;text-transform:uppercase}
.z-bang{padding:110px var(--a-le) 40px}
.z-bang table{width:100%;border-collapse:collapse;margin-top:30px}
.z-bang th,.z-bang td{text-align:left;padding:12px 10px 12px 0;border-bottom:1px solid var(--a-vien);vertical-align:top}
.z-bang th{font-family:var(--a-mono);font-size:11px;letter-spacing:-.02em;font-weight:400;text-transform:uppercase;color:var(--a-xam)}
.z-bang td{font-family:var(--a-sans);font-size:15px;font-weight:400}
.z-bang td:first-child{font-family:var(--a-mono);font-size:11px;font-weight:400;letter-spacing:-.02em;text-transform:uppercase;width:22%}
.z-bang td.ta{font-weight:400}
.z-cuoi{padding:120px var(--a-le);text-align:center}
.z-cuoi .s20{max-width:600px;margin:18px auto 30px}
.z-cuoi .mo13.xam{display:block;margin-top:18px;color:var(--a-xam)}
@media(max-width:860px){
  .z{display:block;padding:0}
  .z-hang{display:flex;flex-direction:column;gap:0;margin:0}
  .z-anh{aspect-ratio:4/5}
  .z-chu,.z-hang:nth-child(even) .z-chu{padding:24px var(--a-le) 64px}
  .z-chu .gach{margin-top:24px}
  .z-bang{padding:56px var(--a-le) 20px}
  .z-bang td:first-child{width:30%}
  .z-cuoi{padding:72px var(--a-le)}
}

/* ---------- trang tinh / gio hang / thanh toan (page.php + khoi Woo) ---------- */
body.page main h1:not(.mo13),body.woocommerce-cart main h1,body.woocommerce-checkout main h1,.cs-hero h1{
  font-family:var(--a-mono)!important;font-size:28px!important;font-weight:350!important;text-transform:uppercase;letter-spacing:-.01em;line-height:1.15}
body.woocommerce-cart main,body.woocommerce-checkout main{font-family:var(--a-sans)}
.wc-block-components-product-button__button,.wp-block-button__link,.wc-block-cart__submit-button,.wc-block-components-checkout-place-order-button{
  border-radius:0!important;background:var(--a-den)!important;color:var(--a-trang)!important;font-family:var(--a-mono)!important;
  font-size:13px!important;font-weight:400!important;text-transform:uppercase;letter-spacing:-.01em;min-height:44px}
.wc-block-grid__product-title,.wc-block-components-product-name,.wp-block-woocommerce-product-collection h3{
  font-family:var(--a-mono)!important;font-size:13px!important;font-weight:400!important;text-transform:uppercase;text-decoration:none!important;color:var(--a-den)!important}
.wp-block-woocommerce-empty-cart-block h2,.wp-block-woocommerce-empty-cart-block .wp-block-heading{
  font-family:var(--a-mono)!important;font-size:16px!important;font-weight:400!important;text-transform:uppercase}
.wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__title::before{display:none!important}
.wp-block-separator.is-style-dots::before{color:var(--a-xam)}
.wc-block-components-totals-item__label,.wc-block-components-title,.wc-block-cart-items__header,.wc-block-components-checkout-step__title{
  font-family:var(--a-mono)!important;font-size:13px!important;font-weight:400!important;text-transform:uppercase}
.wc-block-components-text-input input,.wc-block-components-combobox .components-combobox-control input,.wc-block-components-textarea{border-radius:0!important}


/* ---------- nut chat Socsom: hoa vao he Abel (cham den nho) — de bang CSS, KHONG sua ma widget ----------
   Widget tu nap <style> SAU stylesheet theme => phai 'html body' de thang. Emoji an di, ve icon bang mask. */
html body .sx-nut{width:44px;height:44px;right:20px;bottom:20px;background:var(--a-den);border-radius:50%;font-size:0;
  box-shadow:0 2px 10px rgba(0,0,0,.18);transition:transform .2s}
html body .sx-nut:hover{transform:scale(1.06)}
html body .sx-nut::before{content:"";display:block;width:18px;height:18px;margin:auto;background:var(--a-trang);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23000' stroke-width='1.5' stroke-linejoin='round'%3E%3Cpath d='M3 4.5h14v9H8l-4 3v-3H3z'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23000' stroke-width='1.5' stroke-linejoin='round'%3E%3Cpath d='M3 4.5h14v9H8l-4 3v-3H3z'/%3E%3C/svg%3E") center/contain no-repeat}
html body:has(.sx-khung.mo) .sx-nut::before{width:14px;height:14px;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' stroke='%23000' stroke-width='1.5'%3E%3Cpath d='M1 1l12 12M13 1L1 13'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' stroke='%23000' stroke-width='1.5'%3E%3Cpath d='M1 1l12 12M13 1L1 13'/%3E%3C/svg%3E")}
html body .sx-khung{right:20px;bottom:76px;border-radius:0;border:1px solid var(--a-vien);box-shadow:0 10px 36px rgba(0,0,0,.14);
  background:var(--a-trang);font-family:var(--a-sans)}
html body .sx-dau{background:var(--a-den);font-family:var(--a-mono);font-weight:400;text-transform:uppercase;font-size:13px;letter-spacing:-.02em}
html body .sx-dau small{font-family:var(--a-sans);text-transform:none;letter-spacing:0}
html body .sx-khach{background:var(--a-nen-sp);color:var(--a-den)}
html body .sx-o{border-radius:0}
html body .sx-gui{border-radius:0;background:var(--a-den);font-family:var(--a-mono);font-weight:400;text-transform:uppercase;font-size:12px}
@media(max-width:860px){html body .sx-nut{width:40px;height:40px;right:14px;bottom:14px}}

/* ---------- chan trang: cau gioi thieu o email (nhu Abel) + mang xa hoi ---------- */
body .so-mail-tieu{display:block!important;font-family:var(--a-sans)!important;font-size:13px!important;font-weight:400!important;line-height:1.35;margin:0 0 18px!important;max-width:380px}
body .so-mail-tieu::after{content:" Bên em gửi thưa, chỉ khi có gì đáng đọc."}
body .chan .so-mail{margin-top:18px}
.chan-mxh{grid-area:mxh;display:flex;gap:16px;margin-top:22px}
.chan-mxh a,.chan-mxh span{color:var(--a-den);display:inline-flex;margin:0!important}
.chan-mxh span{opacity:.35;cursor:default}
.chan-mxh a:hover{color:var(--a-xam)}
body .chan .b{grid-template-areas:"tin tin tin chA chB ." "mail mail mail chA chB ." "mxh mxh mxh chA chB ." "logo logo logo logo logo logo" "cuoi cuoi cuoi cuoi cuoi cuoi"}
@media(max-width:860px){body .chan .b{grid-template-areas:"tin tin" "mail mail" "mxh mxh" "chA chB" "logo logo" "cuoi cuoi"}}


/* =====================================================================
   KHOA THANG CHU (05/10) — do 9 trang bang may, gom ve dung thang Abel:
     MONO (Geist Mono, viet hoa, ls -0.02em, lh 1.1):  11 · 13 · 16 · 28   — nét 400 (28 = 350)
     SANS (Inter 300, ls +0.02em):                     13 · 15 · 20 · 32
     Cormorant: CHI logo + chu ky "UNA SOGLIA" duoi cau trich.
   ⛔ Them chu moi: chon 1 trong 8 co tren, KHONG dat co le.
   ===================================================================== */
body{font-family:var(--a-sans);font-weight:400;letter-spacing:.02em}
body main p,body main li,body main dd,body main td,body main label,body main input,body main textarea,body main select,body main summary{font-weight:400}
body main strong,body main b{font-weight:400}
/* moi chu Inter thuong deu co cung khoang chu */
.s15,.s20,.z-chu p,.z-chu li,.c-not dd,.p-tab .nd p,.p-tab .nd li,.chan p,.so-mail-tieu{letter-spacing:.02em}

/* form danh gia (Woo) */
.p-dg .comment-reply-title,.p-dg #reviews h2{font-family:var(--a-mono)!important;font-size:13px!important;font-weight:400!important;letter-spacing:-.02em!important}
.p-dg .comment-notes,.p-dg .comment-notes span,.p-dg .comment-form-cookies-consent label{font-family:var(--a-sans)!important;font-size:13px!important;font-weight:400!important;text-transform:none!important}
.p-dg label{font-size:11px!important;letter-spacing:-.02em!important}

/* gio hang + thanh toan (khoi Woo dung font rieng) — dua ve thang */
.wp-block-woocommerce-cart,.wp-block-woocommerce-checkout{font-family:var(--a-sans)!important;font-weight:400}
.wp-block-woocommerce-cart *:not(svg):not(path),.wp-block-woocommerce-checkout *:not(svg):not(path){font-family:inherit}
.wc-block-components-totals-item__label,.wc-block-components-title,.wc-block-cart-items__header span,
.wp-block-woocommerce-cart-order-summary-heading-block,.wc-block-components-checkout-order-summary__title-text,
.wc-block-components-checkout-step__title,.wc-block-components-panel__button{
  font-family:var(--a-mono)!important;font-size:13px!important;font-weight:400!important;letter-spacing:-.02em!important;text-transform:uppercase!important;color:var(--a-den)}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label{font-size:13px!important}
.wc-block-formatted-money-amount,.wc-block-components-product-price{font-family:var(--a-mono)!important;font-size:13px!important;font-weight:400!important;letter-spacing:-.02em!important}
.wc-block-components-totals-footer-item .wc-block-formatted-money-amount{font-size:16px!important}
.wc-block-components-text-input label,.wc-block-components-combobox label,.wc-block-components-checkbox__label,
.wc-block-checkout__guest-checkout-notice,.wc-block-components-radio-control__label,.wc-block-components-radio-control__secondary-label,
.wc-block-components-product-metadata,.wc-block-components-checkout-return-to-cart-button,.wc-block-checkout__terms{
  font-family:var(--a-sans)!important;font-size:13px!important;font-weight:400!important;letter-spacing:.02em!important}
.wc-block-components-text-input input,.wc-block-components-combobox input{font-family:var(--a-sans)!important;font-size:15px!important;font-weight:400!important}
.wc-block-components-quantity-selector input,.wc-block-components-quantity-selector button{font-family:var(--a-mono)!important;font-size:13px!important;font-weight:400!important}
/* chu Mono la nhan: luon net 400 (luat 'main label/dt 300' o tren khong ap cho Mono) */
.p-dg label,.cs2-hang dt{font-weight:400!important}
/* style.css cu ep Cormorant cho dong tong cong — de bang do uu tien cao hon */
html body .wc-block-components-totals-item__label:not(#_){font-family:var(--a-mono)!important;font-size:13px!important;font-weight:400!important;text-transform:uppercase!important;letter-spacing:-.02em!important}
.wc-block-components-order-summary-item__quantity,.wc-block-components-order-summary-item__quantity span{font-family:var(--a-mono)!important;font-size:11px!important;font-weight:400!important}

/* chu ky logo lon o chan trang cung dam theo dau trang */
body .chan .b::before{font-weight:700}

/* ---------- DOI ANH KHI RE CHUOT vao the san pham (nhu Abel) ----------
   Anh thu 2 nam chong len, mo dan vao. Chi tren thiet bi co chuot (hover:hover) — dien thoai khong bi dinh trang thai. */
.co-hover{position:relative}
.co-hover .anh-hover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .55s ease;
  -webkit-mask-image:none!important;mask-image:none!important}
@media(hover:hover){.co-hover:hover .anh-hover,.co-hover:focus-visible .anh-hover{opacity:1}}
/* CEO 05/10 lan 2: logo "van chua dam". Cormorant da o net DAM NHAT (700) => lam day net bang vien chu,
   do day theo em de logo to/nho/chan trang deu dam nhu nhau (30px ≈ 1px). */
.m-logo,body .chan .b::before{-webkit-text-stroke:.033em currentColor;paint-order:stroke fill}

/* NEN TRANG TINH nhu Abel (CEO 05/10: "nen mau cua abel trang tinh khiet").
   Bien --nen cua style.css cu (#F2EEE6 nga) con duoc gio hang / thanh toan / form dung => doi luon. */
:root{--nen:#FFFFFF}
body,body.home,.m-menu,.m-dau:not(.trong),body .chan{background:#FFFFFF}
.wp-block-woocommerce-cart,.wp-block-woocommerce-checkout{background:#FFFFFF}

/* CEO 05/10: "chu toan web den nhat len" — chu den tuyen #000, chu thuong Inter 400 (300 tren nen trang nhin xam),
   chu phu xam dam #5C5852. Bien cu cua style.css (--muc, --muc-nhat) cung keo ve. */
:root{--muc:#000000;--muc-nhat:#5C5852;--nhan:#5C5852}
body{color:#000}

/* dau trang TRONG SUOT chu DEN — trang san pham (anh nen sang, nhu Abel) */
.m-dau.trong.toi{color:#000}

/* ===== gio hang (05/10): moi o tu ke 2 duong (Woo vien tren den 20% + theme vien duoi) va o Tong cong thap hon dong
   => ke 1 duong cho CA DONG, bo vien tung o ===== */
html body .wc-block-cart-items th:not(#_),html body .wc-block-cart-items td:not(#_){border-top:0!important;border-bottom:0!important}
html body .wc-block-cart-items__header:not(#_){border-bottom:1px solid var(--a-vien)}
html body .wc-block-cart-items__row:not(#_){border-bottom:1px solid var(--a-vien)}
html body .wc-block-cart-item__image img:not(#_){border:0;background:none}
/* tong cong: khung boc + chinh dong tong deu ke vien tren => 2 duong cach 17px. Giu 1 (cua khung boc) */
html body .wc-block-components-totals-footer-item:not(#_){border-top:0!important}

/* ===== LOGO CHINH THUC (06/10) — monogram o dau trang, khoa chinh o chan trang. Chu Cormorant cu chi con khi ?logo=cu ===== */
.m-logo:not(.cu){display:flex;align-items:center;justify-content:center;-webkit-text-stroke:0}
.m-logo .logo-monogram{display:block;height:30px;width:auto;transition:height .35s}
.m-dau.trong .m-logo .logo-monogram{height:52px}
@media(max-width:860px){.m-logo .logo-monogram{height:24px}.m-dau.trong .m-logo .logo-monogram{height:36px}}
body .chan .b:has(.chan-logo)::before{content:none;display:none}
body .chan .chan-logo{grid-area:logo;justify-self:center;display:block;margin:72px 0 80px;color:var(--a-den)}
body .chan .chan-logo .logo-khoa{display:block;width:260px;height:auto}
@media(max-width:860px){body .chan .chan-logo{margin:40px 0}body .chan .chan-logo .logo-khoa{width:180px}}
body .chan .chan-logo .logo-chu{display:block;width:152px;height:auto}
@media(max-width:860px){body .chan .chan-logo .logo-chu{width:116px}}
/* CEO 06/10: «chu UNA tren dau trang dam len nua» => to day net bang vien CUNG MAU (non-scaling: tinh theo px man hinh) */
.m-logo .logo-monogram path{stroke:currentColor;stroke-width:1.3px;vector-effect:non-scaling-stroke;stroke-linejoin:round;paint-order:stroke fill}
.m-dau.trong .m-logo .logo-monogram path{stroke-width:2px}
@media(max-width:860px){.m-logo .logo-monogram path{stroke-width:1px}.m-dau.trong .m-logo .logo-monogram path{stroke-width:1.5px}}
/* CEO 06/10: «cho to len ti nua» — +20% */
.m-logo .logo-monogram{height:36px}
.m-dau.trong .m-logo .logo-monogram{height:62px}
@media(max-width:860px){.m-logo .logo-monogram{height:28px}.m-dau.trong .m-logo .logo-monogram{height:42px}}
/* CEO 06/10: «cham chuot vao chu khong doi hinh, phai cham vao chai» — nhu Abel: re vao BAT CU DAU tren the (chu, gia, nut) la doi anh */
@media(hover:hover){.p-the:hover .anh-hover,.p-the:focus-within .anh-hover,.c-sp:hover .anh-hover,.c-sp:focus-within .anh-hover{opacity:1}}

/* ===== SOAT TOAN WEB THEO ABEL (06/10) ===== */
/* dau trang: MENU / CART cua Abel = Mono 14, gian +.03em */
.m-dau .mo13{font-size:14px;letter-spacing:.03em}
/* Mono 28 cua Abel = net 400 (truoc 350 trong mong hon) */
.mo28{font-weight:400}
/* chan trang 3 cot lien ket nhu Abel */
body .chan-l>div:nth-child(4){grid-area:chC}
body .chan .b{grid-template-areas:"tin tin tin chA chB chC" "mail mail mail chA chB chC" "mxh mxh mxh chA chB chC" "logo logo logo logo logo logo" "cuoi cuoi cuoi cuoi cuoi cuoi"}
body .chan h5{color:#414042}
@media(max-width:860px){body .chan .b{grid-template-areas:"tin tin" "mail mail" "mxh mxh" "chA chB" "chC chC" "logo logo" "cuoi cuoi"}}
/* so 01 02 03 duoi trich xoay */
.m-trich .so,.p-trich .so{letter-spacing:-.02em}
/* may cam ung: an HAN nhan "Them nhanh", hien san 2 o dung tich — khong de 2 lop chong mo len nhau */
@media(hover:none){html body .q-add .q-nhan:not(#_){display:none!important}html body .q-chon:not(#_){opacity:1!important;pointer-events:auto;transition:none}}

/* (06/10) TAB TRANG MUI + BO KHAM PHA — CEO: "rat kho biet la cac tab de bam".
   May tinh: moi tab mot HANG co ke, dau +/− ben phai, tab dang mo chu den · may chua chon chu xam.
   Dien thoai: hang NUT co vien, vuot ngang, tab dang mo nen den chu trang. */
html body :is(.p-tab,.b-cach) nav:not(#_){gap:0;align-items:stretch;padding-top:0;padding-right:40px}
html body :is(.p-tab,.b-cach) nav button:not(#_){display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;
  padding:13px 0;border-top:1px solid var(--a-vien);color:var(--a-xam);text-align:left;transition:color .2s}
html body :is(.p-tab,.b-cach) nav button:not(#_):last-child{border-bottom:1px solid var(--a-vien)}
html body :is(.p-tab,.b-cach) nav button:not(#_)::before{content:none}
html body :is(.p-tab,.b-cach) nav button:not(#_)::after{content:"+";font-size:16px;line-height:1;font-family:var(--a-sans);font-weight:300}
html body :is(.p-tab,.b-cach) nav button.on:not(#_){color:var(--a-den);padding-left:0}
html body :is(.p-tab,.b-cach) nav button.on:not(#_)::after{content:"−"}
html body :is(.p-tab,.b-cach) nav button:not(#_):hover{color:var(--a-den)}
@media(max-width:860px){
  html body :is(.p-tab,.b-cach) nav:not(#_){flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:6px;padding:0 0 2px;margin:0 0 22px;scrollbar-width:none}
  html body :is(.p-tab,.b-cach) nav:not(#_)::-webkit-scrollbar{display:none}
  html body :is(.p-tab,.b-cach) nav button:not(#_){flex:none;width:auto;padding:10px 14px;border:1px solid var(--a-den);color:var(--a-den);white-space:nowrap}
  html body :is(.p-tab,.b-cach) nav button:not(#_):last-child{border-bottom:1px solid var(--a-den)}
  html body :is(.p-tab,.b-cach) nav button:not(#_)::after,html body :is(.p-tab,.b-cach) nav button.on:not(#_)::after{content:none}
  html body :is(.p-tab,.b-cach) nav button.on:not(#_){background:var(--a-den);color:#fff}
}

/* (06/10) GIO HANG + THANH TOAN: dung le chung cua web (truoc: khung cu .b.trang 1120px can giua => thut vao 80px).
   Gio trong kieu Abel: 1 dong chu + nut, an dau cham phan cach + luoi san pham mac dinh cua Woo. */
html body.woocommerce-cart main .b.trang:not(#_),html body.woocommerce-checkout main .b.trang:not(#_){width:auto;max-width:none;margin:0;padding:40px var(--a-le) 120px}
html body.woocommerce-cart main .b.trang h1:not(#_),html body.woocommerce-checkout main .b.trang h1:not(#_){margin:0 0 40px}
.wp-block-woocommerce-empty-cart-block .wp-block-separator,
.wp-block-woocommerce-empty-cart-block .wp-block-heading:not(.wc-block-cart__empty-cart__title),
.wp-block-woocommerce-empty-cart-block .wp-block-woocommerce-product-new,
.wp-block-woocommerce-empty-cart-block .wp-block-product-new{display:none!important}
html body .wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__title:not(#_){text-align:left!important;font-size:13px!important;margin:0 0 28px!important;letter-spacing:-.02em}
.tiep-tuc{display:none!important;width:min(340px,100%);min-height:44px}
.b.trang:has(.wp-block-woocommerce-cart:not(.is-loading) .wc-block-cart__empty-cart__title) .tiep-tuc{display:flex!important}
/* vien o nhap / o so luong / khung tom tat don: xam trung tinh thay mau be cua theme cu (--vien #DCD3C4) */
body.woocommerce-cart,body.woocommerce-checkout{--vien:rgba(22,18,14,.22)}
html body .wc-block-components-text-input input:not(#_),html body .wc-block-components-text-input textarea:not(#_),
html body .wc-block-components-combobox .components-combobox-control input:not(#_),html body .wc-block-components-select__select:not(#_),
html body .wc-block-components-quantity-selector:not(#_),html body .wc-block-components-textarea:not(#_){border-color:rgba(22,18,14,.25)!important;border-radius:0!important}
html body .wc-block-components-text-input input:focus:not(#_),html body .wc-block-components-textarea:focus:not(#_){border-color:#000!important;box-shadow:none!important}
html body .wp-block-woocommerce-checkout-order-summary-block:not(#_){border-color:rgba(22,18,14,.22)!important;border-radius:0!important}
.wp-block-woocommerce-cart.alignwide,.wp-block-woocommerce-empty-cart-block{margin:0!important;padding:0!important}