/* Shop rieng (11/10/2026, Phuc): giao dien theo shop dang xem (js/shop-ctx.js dat html.sc / html.men truoc khi ve).
   SCARLETT AFFAIR (html.sc): moi trang shop / tim / san pham / tui / thanh toan / tai khoan / tra don
   doi sang nen do ruou #360F0E, chu kem #F3E9DC, vang #E8BB84 (giong scarlett.html). Khong box, khong bong.
   PHOEBE MEN (html.men): giu bang mau PHOEBE, chi doi logo (PHOEBE + chu MEN nho). */

/* ---------- SCARLETT AFFAIR: bang mau ---------- */
html.sc{
  --c-cream:#360F0E; --c-white:#46191A; --c-navy:#F3E9DC; --c-ink:#E6D6C4; --c-muted:#C9B19B;
  --c-champ:#E8BB84; --c-gold:#E8BB84; --c-gold-ink:#E8BB84; --c-gold-tint:#4E1E1B; --c-line:#5C2B26;
  --c-err:#F2A68F; --c-err-tint:#4A1916;
  background:#360F0E; color-scheme:dark;
}
html.sc body{ background:#360F0E; color:#F3E9DC; }
html.sc ::selection{ background:#E8BB84; color:#360F0E; }

/* header: nen do, chu SCARLETT AFFAIR vang Cinzel */
html.sc #site-header{ background:rgba(54,15,14,.95); }
html.sc .hd-strip{ color:rgba(243,233,220,.7); }
html.sc .hd-tools a, html.sc .hd-tools button, html.sc #site-header .hd-burger{ color:#F3E9DC; }
html.sc .hd-logo--sc .mark{ font-family:'Cinzel', var(--serif); font-weight:400; font-size:24px; letter-spacing:.08em; color:#E8BB84; white-space:nowrap; }
html.sc .hd-bag .count{ background:#E8BB84; color:#360F0E; }
@media (max-width:600px){ html.sc .hd-logo--sc .mark{ font-size:17px; letter-spacing:.06em; } }
@media (max-width:360px){ html.sc .hd-logo--sc .mark{ font-size:15px; } }

/* nut chinh: nen vang, chu do (khong de chu kem tren vang) */
html.sc .btn:not(.btn--ghost), html.sc .btn--gold{ color:#360F0E; }
html.sc .btn--ghost{ color:#F3E9DC; border-color:rgba(243,233,220,.3); }
html.sc .btn--ghost:hover{ border-color:#E8BB84; }

/* the san pham */
html.sc .pcard .nm{ color:#F3E9DC; font-weight:500; }
html.sc .pcard .pr{ color:#E8BB84; font-weight:500; }
html.sc .pcard .kd--so{ color:#C9B19B; }
html.sc .pdp-add--so, html.sc .pdp-add--so:hover{ background:#4E1E1B !important; color:#C9B19B !important; border-color:#4E1E1B !important; }

/* trang Shop (collection.css) */
html.sc .cl-tabs a{ color:#C9B19B; }
html.sc .cl-tabs a.is-on, html.sc .cl-tabs a:hover{ color:#F3E9DC; border-bottom-color:#E8BB84; }
html.sc .cl-bar{ background:rgba(54,15,14,.94); }
html.sc .cl-filt, html.sc .cl-count{ color:#C9B19B; }
html.sc .cl-filt{ color:#F3E9DC; }
html.sc .cl-view button{ color:rgba(243,233,220,.4); }
html.sc .cl-view button.is-on{ color:#F3E9DC; }
html.sc .cl-grid .pcard .ph, html.sc .lbp-row .pcard .ph{ background:#46191A; }
html.sc .cl-grid .pcard .nm, html.sc .lbp-row .pcard .nm, html.sc .bag-rec .pcard .nm{ color:#F3E9DC; }
html.sc .cl-grid .pcard .pr, html.sc .lbp-row .pcard .pr, html.sc .bag-rec .pcard .pr{ color:#E8BB84; }
html.sc .cl-empty{ color:#F3E9DC; font-family:'Cormorant Garamond', var(--serif); font-style:italic; font-size:22px; opacity:.85; }

/* tim kiem */
html.sc .sr-in::placeholder{ color:rgba(243,233,220,.5); }
html.sc .sr-clear{ color:#F3E9DC; }
html.sc .sr-empty{ color:#C9B19B; }

/* trang san pham (product.css) */
html.sc .pdp-price, html.sc .pdp-opt__label{ color:#F3E9DC; }
html.sc .pdp-buy{ border-top-color:#5C2B26; }
html.sc .pdp-size{ background:transparent; border-color:rgba(243,233,220,.3); color:#F3E9DC; }
html.sc .pdp-size:hover{ border-color:#E8BB84; }
html.sc .pdp-size.sel{ background:#E8BB84; border-color:#E8BB84; color:#360F0E; }
html.sc .pdp-swatch.sel{ border-color:#E8BB84; }
html.sc .pdp-buycol .btn:not(.btn--ghost){ background:#E8BB84; border-color:#E8BB84; color:#360F0E; }
html.sc .pdp-buycol .btn:not(.btn--ghost):hover{ background:#EFC895; }
html.sc .pdp-buycol .btn--ghost{ background:transparent; border-color:rgba(243,233,220,.3); color:#F3E9DC; }
html.sc .pdp-buycol .btn--ghost:hover{ border-color:#E8BB84; }
html.sc .pdp-tabs button{ color:#C9B19B; }
html.sc .pdp-tabs button.is-on{ color:#F3E9DC; }
html.sc .pdp-tabs button.is-on::after{ background:#E8BB84; }
html.sc .pdp-cus__f span{ color:#C9B19B; }
html.sc .pdp-cus__f input, html.sc .pdp-cus__f textarea{ background:#46191A; border-color:rgba(243,233,220,.25); color:#F3E9DC; }
html.sc .pdp-cus__f input:focus, html.sc .pdp-cus__f textarea:focus{ border-color:#E8BB84; }
html.sc .pdp-cus__f input::placeholder{ color:rgba(243,233,220,.45); }
html.sc .minibag, html.sc .sizemodal{ background:#360F0E; color:#F3E9DC; }
@media (max-width:900px){
  html.sc .pdp-mbar{ background:rgba(70,25,26,.97); }
  html.sc .pdp-mbar__t b{ color:#F3E9DC; }
  html.sc .pdp-mbar__t span{ color:#C9B19B; }
  html.sc .pdp-mbar__btn{ background:#E8BB84; color:#360F0E; }
  html.sc .pdp-mbar__btn--buy{ background:transparent; color:#F3E9DC; border-color:rgba(243,233,220,.4); }
}

/* tui / thanh toan / tra don (cart.css): mui ten o chon + nhan PayPal / Wise tren nen do */
html.sc .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='%23E8BB84' stroke-width='1.5'/%3E%3C/svg%3E"); }
html.sc .pv-tab .pay-logo{ color:#9FE870; }
html.sc .pv-tab .pay-word--wise{ color:#9FE870; }
html.sc .pv-tab .pay-word--pp b, html.sc .pv-tab .pay-word--pp i, html.sc .pv-tab .pv-paypal__pay, html.sc .pv-tab .pv-paypal__pal{ color:#F3E9DC; }
html.sc input, html.sc select, html.sc textarea{ color-scheme:dark; }
html.sc .ac-spin{ border-color:rgba(243,233,220,.2); border-top-color:#E8BB84; }

/* ---------- PHOEBE MEN: logo PHOEBE + MEN nho ---------- */
.hd-logo--men .sub{ letter-spacing:.46em; padding-left:.46em; }

/* SCARLETT khong co nut dat lich noi (giong scarlett.html), ke ca khi trang san pham vua doi sang shop SCARLETT */
html.sc .pbk-btn{ display:none !important; }