/* PHOEBE MEN nen den chu trang (11/10/2026, DEMO chua ap live): chi bat khi html.men-dark
   (js/shop-ctx.js: dang o shop men VA (?mdemo=1 hoac localStorage pMenDark=1); ?mdemo=0 tat).
   Duyet xong thi bat mac dinh trong shop-ctx.js, khong can sua CSS.
   Bang mau: nen #0B0B0B, be mat phu #151515, chu #F5F3EF, chu phu #A8A39B, ke #2A2A2A.
   Nut chinh: champagne #E9D8B4 chu #0B0B0B (am hon trang tinh, noi voi vang PHOEBE, khong choi tren nen den;
   tuong phan 14.6:1). Chu phu #A8A39B tren #0B0B0B = 7.8:1, tren #151515 = 7.1:1 (dat AA). Khong box, khong bong. */

html.men-dark{
  --c-cream:#0B0B0B; --c-white:#151515; --c-navy:#F5F3EF; --c-ink:#E2DED7; --c-muted:#A8A39B;
  --c-champ:#E9D8B4; --c-gold:#E9D8B4; --c-gold-ink:#E9D8B4; --c-gold-tint:#1D1B18; --c-line:#2A2A2A;
  --c-err:#F2A68F; --c-err-tint:#2A1714;
  background:#0B0B0B; color-scheme:dark;
}
html.men-dark body{ background:#0B0B0B; color:#F5F3EF; }
html.men-dark ::selection{ background:#E9D8B4; color:#0B0B0B; }

/* header */
html.men-dark #site-header{ background:rgba(11,11,11,.94); }
html.men-dark #site-header.hd--overlay{ background:transparent; }
html.men-dark .hd-strip{ color:#A8A39B; }
html.men-dark .hd-tools a, html.men-dark .hd-tools button, html.men-dark #site-header .hd-burger{ color:#F5F3EF; }
html.men-dark .hd-logo .mark{ color:#F5F3EF; }
html.men-dark .hd-logo--men .sub{ color:#A8A39B; }
html.men-dark .hd-bag .count{ background:#E9D8B4; color:#0B0B0B; }

/* nut */
html.men-dark .btn:not(.btn--ghost), html.men-dark .btn--gold{ background:#E9D8B4; border-color:#E9D8B4; color:#0B0B0B; }
html.men-dark .btn--ghost{ color:#F5F3EF; border-color:#3A3A3A; }
html.men-dark .btn--ghost:hover{ border-color:#E9D8B4; }
html.men-dark .link-underline{ color:#E9D8B4; }
html.men-dark .link-underline::after{ background:#E9D8B4; }

/* the san pham + skeleton anh */
html.men-dark .pcard .ph{ background:#151515; }
html.men-dark .pcard .nm{ color:#F5F3EF; }
html.men-dark .pcard .pr{ color:#E2DED7; }
html.men-dark .pcard .kd{ color:#E9D8B4; }
html.men-dark .pcard .kd--so{ color:#A8A39B; }
html.men-dark .ph-fallback{ background:linear-gradient(100deg, #141414 30%, #1E1E1E 50%, #141414 70%) !important; background-size:220% 100% !important; }
html.men-dark .pdp-add--so, html.men-dark .pdp-add--so:hover{ background:#1E1E1E !important; color:#A8A39B !important; border-color:#1E1E1E !important; }

/* trang nha Men */
html.men-dark .pshelf__label{ color:#F5F3EF; }
html.men-dark .pshelf__all{ color:#E9D8B4; }
html.men-dark .men-empty{ color:#E2DED7; }

/* menu ben */
html.men-dark .sm-scrim{ background:rgba(0,0,0,.45); }
html.men-dark .sm{ background:rgba(21,21,21,.98); color:#F5F3EF; box-shadow:none; }
html.men-dark .sm-close, html.men-dark .sm-item, html.men-dark .sm-links a, html.men-dark .sm-back, html.men-dark .sm-subt, html.men-dark .sm-hl a{ color:#F5F3EF; }
html.men-dark .sm-item svg{ color:#A8A39B; }
html.men-dark .sm-body::before, html.men-dark .sm-hr{ background:#2A2A2A; }
html.men-dark .sm-region span, html.men-dark .sm-hl__t{ color:#A8A39B; }
html.men-dark .sm-tile{ background:#1E1E1E; }

/* trang Shop + o loc */
html.men-dark .cl-tabs a{ color:#A8A39B; }
html.men-dark .cl-tabs a.is-on, html.men-dark .cl-tabs a:hover{ color:#F5F3EF; border-bottom-color:#E9D8B4; }
html.men-dark .cl-bar{ background:rgba(11,11,11,.94); }
html.men-dark .cl-filt{ color:#F5F3EF; }
html.men-dark .cl-count{ color:#A8A39B; }
html.men-dark .cl-view button{ color:#5E5A55; }
html.men-dark .cl-view button.is-on{ color:#F5F3EF; }
html.men-dark .cl-grid .pcard .ph, html.men-dark .lbp-row .pcard .ph, html.men-dark .cl-ed{ background:#151515; }
html.men-dark .cl-grid .pcard .nm, html.men-dark .lbp-row .pcard .nm, html.men-dark .bag-rec .pcard .nm{ color:#F5F3EF; }
html.men-dark .cl-grid .pcard .pr, html.men-dark .lbp-row .pcard .pr, html.men-dark .bag-rec .pcard .pr{ color:#E2DED7; }
html.men-dark .cl-empty{ color:#E2DED7; }
html.men-dark .cl-scrim{ background:rgba(0,0,0,.45); }
html.men-dark .cl-p{ background:rgba(21,21,21,.98); box-shadow:none; }
html.men-dark .cl-p__top, html.men-dark .cl-f, html.men-dark .cl-p__foot{ border-color:#2A2A2A; }
html.men-dark .cl-p__x, html.men-dark .cl-f h3{ color:#F5F3EF; }
html.men-dark .cl-chip{ background:transparent; border-color:#3A3A3A; color:#E2DED7; }
html.men-dark .cl-chip:hover{ border-color:#F5F3EF; }
html.men-dark .cl-chip.is-on{ background:#E9D8B4; border-color:#E9D8B4; color:#0B0B0B; }
html.men-dark .cl-p__clear{ background:transparent; border-color:#3A3A3A; color:#F5F3EF; }
html.men-dark .cl-p__go{ background:#E9D8B4; color:#0B0B0B; }

/* tim kiem */
html.men-dark .sr-ico{ color:#F5F3EF; }
html.men-dark .sr-in{ color:#F5F3EF; border-bottom-color:#5E5A55; }
html.men-dark .sr-in::placeholder{ color:#7C7770; }
html.men-dark .sr-clear{ color:#F5F3EF; }
html.men-dark .sr-chip{ color:#F5F3EF; }
html.men-dark .sr-empty{ color:#A8A39B; }

/* chi tiet san pham: chon size, Custom, Size Guide, tui mini, thanh mua dien thoai */
html.men-dark .pdp-price, html.men-dark .pdp-opt__label{ color:#F5F3EF; }
html.men-dark .pdp-buy{ border-top-color:#2A2A2A; }
html.men-dark .pdp-size{ background:transparent; border-color:#3A3A3A; color:#F5F3EF; }
html.men-dark .pdp-size:hover{ border-color:#F5F3EF; }
html.men-dark .pdp-size.sel{ background:#F5F3EF; border-color:#F5F3EF; color:#0B0B0B; }
html.men-dark .pdp-swatch.sel{ border-color:#F5F3EF; }
html.men-dark .pdp-buycol .btn:not(.btn--ghost){ background:#E9D8B4; border-color:#E9D8B4; color:#0B0B0B; }
html.men-dark .pdp-buycol .btn:not(.btn--ghost):hover{ background:#F1E4C9; }
html.men-dark .pdp-buycol .btn--ghost{ background:transparent; border-color:#3A3A3A; color:#F5F3EF; }
html.men-dark .pdp-buycol .btn--ghost:hover{ border-color:#F5F3EF; }
html.men-dark .pdp-tabs button{ color:#A8A39B; }
html.men-dark .pdp-tabs button.is-on{ color:#F5F3EF; }
html.men-dark .pdp-tabs button.is-on::after{ background:#E9D8B4; }
html.men-dark .pdp-cus__f span{ color:#A8A39B; }
html.men-dark .pdp-cus__f input, html.men-dark .pdp-cus__f textarea{ background:#151515; border-color:#3A3A3A; color:#F5F3EF; }
html.men-dark .pdp-cus__f input:focus, html.men-dark .pdp-cus__f textarea:focus{ border-color:#E9D8B4; }
html.men-dark .pdp-cus__f input::placeholder{ color:#7C7770; }
html.men-dark .scrim{ background:rgba(0,0,0,.55); }
html.men-dark .minibag, html.men-dark .sizemodal{ background:#151515; color:#F5F3EF; }
html.men-dark .sizemodal__x, html.men-dark .minibag__x{ color:#F5F3EF; }
@media (max-width:900px){
  html.men-dark .pdp-mbar{ background:rgba(21,21,21,.97); box-shadow:none; }
  html.men-dark .pdp-mbar__t b{ color:#F5F3EF; }
  html.men-dark .pdp-mbar__t span{ color:#A8A39B; }
  html.men-dark .pdp-mbar__btn{ background:#E9D8B4; color:#0B0B0B; }
  html.men-dark .pdp-mbar__btn--buy{ background:transparent; color:#F5F3EF; border-color:#5E5A55; }
}

/* tui / thanh toan / tra don / tai khoan */
html.men-dark .field select{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23F5F3EF' stroke-width='1.5'/%3E%3C/svg%3E"); }
html.men-dark .pv-tab .pay-logo, html.men-dark .pv-tab .pay-word--wise{ color:#9FE870; }
html.men-dark .pv-tab .pay-word--pp b, html.men-dark .pv-tab .pay-word--pp i, html.men-dark .pv-tab .pv-paypal__pay, html.men-dark .pv-tab .pv-paypal__pal{ color:#F5F3EF; }
html.men-dark .ac-spin{ border-color:rgba(245,243,239,.2); border-top-color:#E9D8B4; }

/* footer: nen den lien, chu trang, logo ban sang */
html.men-dark #site-footer{ background:#0B0B0B; }
html.men-dark #site-footer .ft{ background:#0B0B0B; color:#F5F3EF; border-top:1px solid #2A2A2A; border-radius:0; }
html.men-dark .ft-nl__t, html.men-dark .ft-col h3{ color:#F5F3EF; }
html.men-dark .ft-nl input{ background:#151515; border-color:#3A3A3A; color:#F5F3EF; }
html.men-dark .ft-nl input::placeholder{ color:#7C7770; }
html.men-dark .ft-nl input:focus{ border-color:#E9D8B4; }
html.men-dark .ft-nl button{ background:#E9D8B4; color:#0B0B0B; }
html.men-dark .ft-col > a, html.men-dark .ft-acc__h, html.men-dark .ft-acc__b a, html.men-dark .ft-follow span, html.men-dark .ft-region{ color:#A8A39B; }
html.men-dark .ft-col > a:hover, html.men-dark .ft-acc__h:hover, html.men-dark .ft-acc__b a:hover, html.men-dark .ft-follow a:hover{ color:#F5F3EF; }
html.men-dark .ft-follow a, html.men-dark .ft-region b{ color:#F5F3EF; }
html.men-dark .ft-region i{ border-color:#F5F3EF; }
html.men-dark img.ft-mark{ content:url("../assets/logo-phoebe-wordmark-cream.svg"); }
html.men-dark .ft-copy{ color:#7C7770; }
@media (max-width:760px){
  html.men-dark #site-footer{ padding:0; }
  html.men-dark .ft-region{ border-color:#2A2A2A; }
}

/* nut noi Chat + Book va o chat */
html.men-dark .pcw-btn, html.men-dark .pbk-btn{ background:#F5F3EF; color:#0B0B0B; }
html.men-dark .pcw-btn:hover, html.men-dark .pbk-btn:hover{ background:#FFFFFF; }
html.men-dark .pcw{ background:rgba(21,21,21,.98); color:#F5F3EF; box-shadow:none; }
html.men-dark .pcw .pcw-brand, html.men-dark .pcw .pcw-h, html.men-dark .pcw .pcw-x, html.men-dark .pcw .pcw-note, html.men-dark .pcw .pcw-ok{ color:#F5F3EF; }
html.men-dark .pcw .pcw-out, html.men-dark .pcw .pcw-link{ color:#E9D8B4; }
html.men-dark .pcw .pcw-tab{ color:#A8A39B; }
html.men-dark .pcw .pcw-tab.on{ color:#F5F3EF; }
html.men-dark .pcw .pcw-tab::after{ background:#E9D8B4; }
html.men-dark .pcw .pcw-g{ background:transparent; border-color:#3A3A3A; color:#F5F3EF; }
html.men-dark .pcw .pcw-or, html.men-dark .pcw .pcw-f span, html.men-dark .pcw .pcw-empty, html.men-dark .pcw .pcw-day, html.men-dark .pcw .pcw-t, html.men-dark .pcw .pcw-seen, html.men-dark .pcw .pcw-closed{ color:#A8A39B; }
html.men-dark .pcw .pcw-or::before, html.men-dark .pcw .pcw-or::after{ background:#2A2A2A; }
html.men-dark .pcw .pcw-f input, html.men-dark .pcw .pcw-ta{ background:#0B0B0B; border-color:#3A3A3A; color:#F5F3EF; }
html.men-dark .pcw .pcw-btn1, html.men-dark .pcw .pcw-send{ background:#E9D8B4; color:#0B0B0B; }
html.men-dark .pcw .pcw-bub{ background:#232323; color:#F5F3EF; }
html.men-dark .pcw .pcw-m--me .pcw-bub{ background:#E9D8B4; color:#0B0B0B; }
html.men-dark .pcw .pcw-comp{ border-top-color:#2A2A2A; }
html.men-dark .pcw .pcw-g--apple{ color:#F5F3EF; }

/* bang dat lich */
html.men-dark .pbk{ background:rgba(21,21,21,.98); color:#F5F3EF; box-shadow:none; }
html.men-dark .pbk-ft{ background:#151515; border-top-color:#2A2A2A; }
html.men-dark .pbk-title, html.men-dark .pbk-close, html.men-dark .pbk-type__tx b, html.men-dark .pbk-cal__t, html.men-dark .pbk-day, html.men-dark .pbk-chip,
html.men-dark .pbk-note, html.men-dark .pbk-sum p, html.men-dark .pbk-sum .pbk-sum__t, html.men-dark .pbk-loc__tx b, html.men-dark .pbk-loc__d p, html.men-dark .pbk-done__t,
html.men-dark .pbk-arrow, html.men-dark .pbk-type__ic, html.men-dark .pbk-loc__cv, html.men-dark .pbk-ok, html.men-dark .pbk-tab.on{ color:#F5F3EF; }
html.men-dark .pbk-type__tx span, html.men-dark .pbk-lbl, html.men-dark .pbk-muted, html.men-dark .pbk-cal__wd span, html.men-dark .pbk-loc__tx span, html.men-dark .pbk-or, html.men-dark .pbk-tab{ color:#A8A39B; }
html.men-dark .pbk-link, html.men-dark .pbk-about, html.men-dark .pbk-local, html.men-dark .pbk-loc__d a{ color:#E9D8B4; }
html.men-dark .pbk-hr, html.men-dark .pbk-bar i, html.men-dark .pbk-or::before, html.men-dark .pbk-or::after{ background:#2A2A2A; }
html.men-dark .pbk-type, html.men-dark .pbk-loc{ border-bottom-color:#2A2A2A; }
html.men-dark .pbk-bar i.on, html.men-dark .pbk-tab::after{ background:#E9D8B4; }
html.men-dark .pbk-radio, html.men-dark .pbk-chip, html.men-dark .pbk-btn2{ border-color:#3A3A3A; }
html.men-dark .pbk-btn2{ background:transparent; color:#F5F3EF; }
html.men-dark .pbk-type.on .pbk-radio, html.men-dark .pbk-radio.on, html.men-dark .pbk-day.sel span, html.men-dark .pbk-chip.sel{ background:#E9D8B4; border-color:#E9D8B4; color:#0B0B0B; }
html.men-dark .pbk-f input, html.men-dark .pbk-f textarea{ background:#0B0B0B; border-color:#3A3A3A; color:#F5F3EF; }