/* 19/10/2026 (Phuc): TAT nen do, Baby ve nen trang chu navy nhu truoc 12/10. Chi ap khi html co them class baby-red
   (khong noi nao gan) => giu file de bat lai. */
/* PHOEBE BABY nen do ruou #490D0A, chu kem #F4E9DA (12/10/2026, Phuc; logo Instagram baby: nen #490D0A, chu kem).
   Bat bang html.baby.baby-red (js/shop-ctx.js dat TRUOC khi ve, giong html.sc), moi trang trong shop BABY: trang nha, Shop, tim kiem, san pham,
   tui, thanh toan, tai khoan, tra don. Nut chinh nen kem chu do, nut phu vien kem, chu phu kem ~75% (#C8AEA2 tren #490D0A = 7.4:1).
   Ke kem mo #6A302B, o nhap vien #8A5F57. Khong box, khong bong. Khong dung cho shop khac. */

html.baby.baby-red{
  --c-cream:#490D0A; --c-white:#5A1713; --c-navy:#F4E9DA; --c-ink:#E9DCCB; --c-muted:#C8AEA2;
  --c-champ:#F4E9DA; --c-gold:#F4E9DA; --c-gold-ink:#F4E9DA; --c-gold-tint:#5E1B16; --c-line:#6A302B;
  --c-err:#F2A68F; --c-err-tint:#62201A;
  background:#490D0A; color-scheme:dark;
}
html.baby.baby-red body{ background:#490D0A; color:#F4E9DA; }
html.baby.baby-red ::selection{ background:#F4E9DA; color:#490D0A; }

/* header */
html.baby.baby-red #site-header{ background:rgba(73,13,10,.95); }
html.baby.baby-red #site-header.hd--overlay{ background:transparent; }
html.baby.baby-red .hd-strip{ color:#C8AEA2; }
html.baby.baby-red .hd-tools a, html.baby.baby-red .hd-tools button, html.baby.baby-red #site-header .hd-burger{ color:#F4E9DA; }
html.baby.baby-red .hd-logo .mark{ color:#F4E9DA; }
html.baby.baby-red .hd-logo--baby .sub, html.baby.baby-red #site-header.hd--overlay .hd-logo--baby .sub{ color:#F4E9DA; }
html.baby.baby-red .hd-bag .count{ background:#F4E9DA; color:#490D0A; }

/* nut */
html.baby.baby-red .btn:not(.btn--ghost), html.baby.baby-red .btn--gold{ background:#F4E9DA; border-color:#F4E9DA; color:#490D0A; }
html.baby.baby-red .btn--ghost{ color:#F4E9DA; border-color:#8A5F57; }
html.baby.baby-red .btn--ghost:hover{ border-color:#F4E9DA; }
html.baby.baby-red .link-underline{ color:#F4E9DA; }
html.baby.baby-red .link-underline::after{ background:#F4E9DA; }

/* the san pham + skeleton anh */
html.baby.baby-red .pcard .ph{ background:#5A1713; }
html.baby.baby-red .pcard .nm{ color:#F4E9DA; }
html.baby.baby-red .pcard .pr{ color:#E9DCCB; }
html.baby.baby-red .pcard .kd{ color:#F4E9DA; }
html.baby.baby-red .pcard .kd--so{ color:#C8AEA2; }
html.baby.baby-red .ph-fallback{ background:linear-gradient(100deg, #5A1713 30%, #66201B 50%, #5A1713 70%) !important; background-size:220% 100% !important; }
html.baby.baby-red .pdp-add--so, html.baby.baby-red .pdp-add--so:hover{ background:#66201B !important; color:#C8AEA2 !important; border-color:#66201B !important; }

/* trang nha Men */
html.baby.baby-red .pshelf__label{ color:#F4E9DA; }
html.baby.baby-red .pshelf__all{ color:#F4E9DA; }
html.baby.baby-red .line-empty{ color:#E9DCCB; }

/* menu ben */
html.baby.baby-red .sm-scrim{ background:rgba(30,4,3,.5); }
html.baby.baby-red .sm{ background:rgba(90,23,19,.98); color:#F4E9DA; box-shadow:none; }
html.baby.baby-red .sm-close, html.baby.baby-red .sm-item, html.baby.baby-red .sm-links a, html.baby.baby-red .sm-back, html.baby.baby-red .sm-subt, html.baby.baby-red .sm-hl a{ color:#F4E9DA; }
html.baby.baby-red .sm-item svg{ color:#C8AEA2; }
html.baby.baby-red .sm-body::before, html.baby.baby-red .sm-hr{ background:#6A302B; }
html.baby.baby-red .sm-region span, html.baby.baby-red .sm-hl__t{ color:#C8AEA2; }
html.baby.baby-red .sm-tile{ background:#66201B; }

/* trang Shop + o loc */
html.baby.baby-red .cl-tabs a{ color:#C8AEA2; }
html.baby.baby-red .cl-tabs a.is-on, html.baby.baby-red .cl-tabs a:hover{ color:#F4E9DA; border-bottom-color:#F4E9DA; }
html.baby.baby-red .cl-bar{ background:rgba(73,13,10,.95); }
html.baby.baby-red .cl-filt{ color:#F4E9DA; }
html.baby.baby-red .cl-count{ color:#C8AEA2; }
html.baby.baby-red .cl-view button{ color:#A98A7F; }
html.baby.baby-red .cl-view button.is-on{ color:#F4E9DA; }
html.baby.baby-red .cl-grid .pcard .ph, html.baby.baby-red .lbp-row .pcard .ph, html.baby.baby-red .cl-ed{ background:#5A1713; }
html.baby.baby-red .cl-grid .pcard .nm, html.baby.baby-red .lbp-row .pcard .nm, html.baby.baby-red .bag-rec .pcard .nm{ color:#F4E9DA; }
html.baby.baby-red .cl-grid .pcard .pr, html.baby.baby-red .lbp-row .pcard .pr, html.baby.baby-red .bag-rec .pcard .pr{ color:#E9DCCB; }
html.baby.baby-red .cl-empty{ color:#E9DCCB; }
html.baby.baby-red .cl-scrim{ background:rgba(30,4,3,.5); }
html.baby.baby-red .cl-p{ background:rgba(90,23,19,.98); box-shadow:none; }
html.baby.baby-red .cl-p__top, html.baby.baby-red .cl-f, html.baby.baby-red .cl-p__foot{ border-color:#6A302B; }
html.baby.baby-red .cl-p__x, html.baby.baby-red .cl-f h3{ color:#F4E9DA; }
html.baby.baby-red .cl-chip{ background:transparent; border-color:#8A5F57; color:#E9DCCB; }
html.baby.baby-red .cl-chip:hover{ border-color:#F4E9DA; }
html.baby.baby-red .cl-chip.is-on{ background:#F4E9DA; border-color:#F4E9DA; color:#490D0A; }
html.baby.baby-red .cl-p__clear{ background:transparent; border-color:#8A5F57; color:#F4E9DA; }
html.baby.baby-red .cl-p__go{ background:#F4E9DA; color:#490D0A; }

/* tim kiem */
html.baby.baby-red .sr-ico{ color:#F4E9DA; }
html.baby.baby-red .sr-in{ color:#F4E9DA; border-bottom-color:#A98A7F; }
html.baby.baby-red .sr-in::placeholder{ color:#B59A8E; }
html.baby.baby-red .sr-clear{ color:#F4E9DA; }
html.baby.baby-red .sr-chip{ color:#F4E9DA; }
html.baby.baby-red .sr-empty{ color:#C8AEA2; }

/* chi tiet san pham: chon size, Custom, Size Guide, tui mini, thanh mua dien thoai */
html.baby.baby-red .pdp-price, html.baby.baby-red .pdp-opt__label{ color:#F4E9DA; }
html.baby.baby-red .pdp-buy{ border-top-color:#6A302B; }
html.baby.baby-red .pdp-size{ background:transparent; border-color:#8A5F57; color:#F4E9DA; }
html.baby.baby-red .pdp-size:hover{ border-color:#F4E9DA; }
html.baby.baby-red .pdp-size.sel{ background:#F4E9DA; border-color:#F4E9DA; color:#490D0A; }
html.baby.baby-red .pdp-swatch.sel{ border-color:#F4E9DA; }
html.baby.baby-red .pdp-buycol .btn:not(.btn--ghost){ background:#F4E9DA; border-color:#F4E9DA; color:#490D0A; }
html.baby.baby-red .pdp-buycol .btn:not(.btn--ghost):hover{ background:#FFF4E4; }
html.baby.baby-red .pdp-buycol .btn--ghost{ background:transparent; border-color:#8A5F57; color:#F4E9DA; }
html.baby.baby-red .pdp-buycol .btn--ghost:hover{ border-color:#F4E9DA; }
html.baby.baby-red .pdp-tabs button{ color:#C8AEA2; }
html.baby.baby-red .pdp-tabs button.is-on{ color:#F4E9DA; }
html.baby.baby-red .pdp-tabs button.is-on::after{ background:#F4E9DA; }
html.baby.baby-red .pdp-cus__f span{ color:#C8AEA2; }
html.baby.baby-red .pdp-cus__f input, html.baby.baby-red .pdp-cus__f textarea{ background:#5A1713; border-color:#8A5F57; color:#F4E9DA; }
html.baby.baby-red .pdp-cus__f input:focus, html.baby.baby-red .pdp-cus__f textarea:focus{ border-color:#F4E9DA; }
html.baby.baby-red .pdp-cus__f input::placeholder{ color:#B59A8E; }
html.baby.baby-red .scrim{ background:rgba(30,4,3,.6); }
html.baby.baby-red .minibag, html.baby.baby-red .sizemodal{ background:#5A1713; color:#F4E9DA; }
html.baby.baby-red .sizemodal__x, html.baby.baby-red .minibag__x{ color:#F4E9DA; }
@media (max-width:900px){
  html.baby.baby-red .pdp-mbar{ background:rgba(21,21,21,.97); box-shadow:none; }
  html.baby.baby-red .pdp-mbar__t b{ color:#F4E9DA; }
  html.baby.baby-red .pdp-mbar__t span{ color:#C8AEA2; }
  html.baby.baby-red .pdp-mbar__btn{ background:#F4E9DA; color:#490D0A; }
  html.baby.baby-red .pdp-mbar__btn--buy{ background:transparent; color:#F4E9DA; border-color:#A98A7F; }
}

/* tui / thanh toan / tra don / tai khoan */
html.baby.baby-red .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.baby.baby-red .pv-tab .pay-logo, html.baby.baby-red .pv-tab .pay-word--wise{ color:#9FE870; }
html.baby.baby-red .pv-tab .pay-word--pp b, html.baby.baby-red .pv-tab .pay-word--pp i, html.baby.baby-red .pv-tab .pv-paypal__pay, html.baby.baby-red .pv-tab .pv-paypal__pal{ color:#F4E9DA; }
html.baby.baby-red .ac-spin{ border-color:rgba(245,243,239,.2); border-top-color:#F4E9DA; }

/* footer: nen den lien, chu trang, logo ban sang */
html.baby.baby-red #site-footer{ background:#490D0A; }
html.baby.baby-red #site-footer .ft{ background:#490D0A; color:#F4E9DA; border-top:1px solid #6A302B; border-radius:0; }
html.baby.baby-red .ft-nl__t, html.baby.baby-red .ft-col h3{ color:#F4E9DA; }
html.baby.baby-red .ft-nl input{ background:#5A1713; border-color:#8A5F57; color:#F4E9DA; }
html.baby.baby-red .ft-nl input::placeholder{ color:#B59A8E; }
html.baby.baby-red .ft-nl input:focus{ border-color:#F4E9DA; }
html.baby.baby-red .ft-nl button{ background:#F4E9DA; color:#490D0A; }
html.baby.baby-red .ft-col > a, html.baby.baby-red .ft-acc__h, html.baby.baby-red .ft-acc__b a, html.baby.baby-red .ft-follow span, html.baby.baby-red .ft-region{ color:#C8AEA2; }
html.baby.baby-red .ft-col > a:hover, html.baby.baby-red .ft-acc__h:hover, html.baby.baby-red .ft-acc__b a:hover, html.baby.baby-red .ft-follow a:hover{ color:#F4E9DA; }
html.baby.baby-red .ft-follow a, html.baby.baby-red .ft-region b{ color:#F4E9DA; }
html.baby.baby-red .ft-region i{ border-color:#F4E9DA; }
html.baby.baby-red img.ft-mark{ content:url("../assets/logo-phoebe-wordmark-cream.svg"); }
html.baby.baby-red .ft-copy{ color:#B59A8E; }
@media (max-width:760px){
  html.baby.baby-red #site-footer{ padding:0; }
  html.baby.baby-red .ft-region{ border-color:#6A302B; }
}

/* nut noi Chat + Book va o chat */
html.baby.baby-red .pcw-btn, html.baby.baby-red .pbk-btn{ background:#F4E9DA; color:#490D0A; }
html.baby.baby-red .pcw-btn:hover, html.baby.baby-red .pbk-btn:hover{ background:#FFF4E4; }
html.baby.baby-red .pcw{ background:rgba(90,23,19,.98); color:#F4E9DA; box-shadow:none; }
html.baby.baby-red .pcw .pcw-brand, html.baby.baby-red .pcw .pcw-h, html.baby.baby-red .pcw .pcw-x, html.baby.baby-red .pcw .pcw-note, html.baby.baby-red .pcw .pcw-ok{ color:#F4E9DA; }
html.baby.baby-red .pcw .pcw-out, html.baby.baby-red .pcw .pcw-link{ color:#F4E9DA; }
html.baby.baby-red .pcw .pcw-tab{ color:#C8AEA2; }
html.baby.baby-red .pcw .pcw-tab.on{ color:#F4E9DA; }
html.baby.baby-red .pcw .pcw-tab::after{ background:#F4E9DA; }
html.baby.baby-red .pcw .pcw-g{ background:transparent; border-color:#8A5F57; color:#F4E9DA; }
html.baby.baby-red .pcw .pcw-or, html.baby.baby-red .pcw .pcw-f span, html.baby.baby-red .pcw .pcw-empty, html.baby.baby-red .pcw .pcw-day, html.baby.baby-red .pcw .pcw-t, html.baby.baby-red .pcw .pcw-seen, html.baby.baby-red .pcw .pcw-closed{ color:#C8AEA2; }
html.baby.baby-red .pcw .pcw-or::before, html.baby.baby-red .pcw .pcw-or::after{ background:#6A302B; }
html.baby.baby-red .pcw .pcw-f input, html.baby.baby-red .pcw .pcw-ta{ background:#490D0A; border-color:#8A5F57; color:#F4E9DA; }
html.baby.baby-red .pcw .pcw-btn1, html.baby.baby-red .pcw .pcw-send{ background:#F4E9DA; color:#490D0A; }
html.baby.baby-red .pcw .pcw-bub{ background:#6A241E; color:#F4E9DA; }
html.baby.baby-red .pcw .pcw-m--me .pcw-bub{ background:#F4E9DA; color:#490D0A; }
html.baby.baby-red .pcw .pcw-comp{ border-top-color:#6A302B; }
html.baby.baby-red .pcw .pcw-g--apple{ color:#F4E9DA; }

/* bang dat lich */
html.baby.baby-red .pbk{ background:rgba(90,23,19,.98); color:#F4E9DA; box-shadow:none; }
html.baby.baby-red .pbk-ft{ background:#5A1713; border-top-color:#6A302B; }
html.baby.baby-red .pbk-title, html.baby.baby-red .pbk-close, html.baby.baby-red .pbk-type__tx b, html.baby.baby-red .pbk-cal__t, html.baby.baby-red .pbk-day, html.baby.baby-red .pbk-chip,
html.baby.baby-red .pbk-note, html.baby.baby-red .pbk-sum p, html.baby.baby-red .pbk-sum .pbk-sum__t, html.baby.baby-red .pbk-loc__tx b, html.baby.baby-red .pbk-loc__d p, html.baby.baby-red .pbk-done__t,
html.baby.baby-red .pbk-arrow, html.baby.baby-red .pbk-type__ic, html.baby.baby-red .pbk-loc__cv, html.baby.baby-red .pbk-ok, html.baby.baby-red .pbk-tab.on{ color:#F4E9DA; }
html.baby.baby-red .pbk-type__tx span, html.baby.baby-red .pbk-lbl, html.baby.baby-red .pbk-muted, html.baby.baby-red .pbk-cal__wd span, html.baby.baby-red .pbk-loc__tx span, html.baby.baby-red .pbk-or, html.baby.baby-red .pbk-tab{ color:#C8AEA2; }
html.baby.baby-red .pbk-link, html.baby.baby-red .pbk-about, html.baby.baby-red .pbk-local, html.baby.baby-red .pbk-loc__d a{ color:#F4E9DA; }
html.baby.baby-red .pbk-hr, html.baby.baby-red .pbk-bar i, html.baby.baby-red .pbk-or::before, html.baby.baby-red .pbk-or::after{ background:#6A302B; }
html.baby.baby-red .pbk-type, html.baby.baby-red .pbk-loc{ border-bottom-color:#6A302B; }
html.baby.baby-red .pbk-bar i.on, html.baby.baby-red .pbk-tab::after{ background:#F4E9DA; }
html.baby.baby-red .pbk-radio, html.baby.baby-red .pbk-chip, html.baby.baby-red .pbk-btn2{ border-color:#8A5F57; }
html.baby.baby-red .pbk-btn2{ background:transparent; color:#F4E9DA; }
html.baby.baby-red .pbk-type.on .pbk-radio, html.baby.baby-red .pbk-radio.on, html.baby.baby-red .pbk-day.sel span, html.baby.baby-red .pbk-chip.sel{ background:#F4E9DA; border-color:#F4E9DA; color:#490D0A; }
html.baby.baby-red .pbk-f input, html.baby.baby-red .pbk-f textarea{ background:#490D0A; border-color:#8A5F57; color:#F4E9DA; }
/* 11/10/2026: hang lookbook line men (ten bo + anh cuon ngang): skeleton toi */
html.baby.baby-red .hlb__img{ background:linear-gradient(100deg, #5A1713 30%, #66201B 50%, #5A1713 70%); background-size:220% 100%; }
html.baby.baby-red .lbp-more__h, html.baby.baby-red .lbp-more__t{ color:#F4E9DA; }
html.baby.baby-red .lbp-more__img{ background:linear-gradient(100deg, #5A1713 30%, #66201B 50%, #5A1713 70%); background-size:220% 100%; }

/* 12/10/2026 (Phuc): tren hero video Men, chu MEN + icon goc phai luon trang (token cream bi doi sang mau nen toi). */
html.baby.baby-red .hero-video__mark--line span{ color:#F4E9DA; }
html.baby.baby-red #site-header.hd--overlay .hd-tools a, html.baby.baby-red #site-header.hd--overlay .hd-tools button,
html.baby.baby-red #site-header.hd--overlay .hd-burger, html.baby.baby-red #site-header.hd--overlay .hd-strip{ color:#F4E9DA; }

/* nhan Sold out (vien nho tren anh the + canh gia trang chi tiet), thanh cuon hang luot ngang */
html.baby.baby-red .so-pill{ background:rgba(73,13,10,.92); color:#F4E9DA; }
html.baby.baby-red .so-pill--inline{ background:#6A241E; color:#F4E9DA; }
html.baby.baby-red .pcard .pr-tag{ color:#C8AEA2; }
html.baby.baby-red .pshelf__row:hover, html.baby.baby-red .hlb__row:hover, html.baby.baby-red .is-hscroll{ scrollbar-color:rgba(244,233,218,.35) transparent; }
html.baby.baby-red .pshelf__row:hover::-webkit-scrollbar-thumb, html.baby.baby-red .hlb__row:hover::-webkit-scrollbar-thumb, html.baby.baby-red .is-hscroll::-webkit-scrollbar-thumb{ background:rgba(244,233,218,.35); }

/* popup chon vung (token navy / champ cung thanh kem nen nut phai doi chu do) */
html.baby.baby-red .rg-modal{ background:rgba(30,4,3,.7); }
html.baby.baby-red .rg-modal__panel{ background:#5A1713; }
html.baby.baby-red .rg-btn{ background:#F4E9DA; color:#490D0A; }
html.baby.baby-red .rg-link{ color:#F4E9DA; }

/* dang nhap (tai khoan, o chat): nut Apple / Google chu kem tren nen do */
html.baby.baby-red .pau-g, html.baby.baby-red .pau-g--apple{ background:#5A1713; border-color:#8A5F57; color:#F4E9DA; }
html.baby.baby-red .pau-g:hover{ border-color:#F4E9DA; }
html.baby.baby-red .pau-err{ color:#F2A68F; }
html.baby.baby-red .pbk-g, html.baby.baby-red .pbk-g--apple{ background:transparent; border-color:#8A5F57; color:#F4E9DA; }
html.baby.baby-red .pbk-g:hover{ border-color:#F4E9DA; }
html.baby.baby-red .pbk-err, html.baby.baby-red .pcw-err{ color:#F2A68F; }