/* I18N04: targeted Store palette, no inversion */
html[data-theme="light"] body,html[data-theme="light"] #root,
html[data-theme="light"] #root .app{background:#f7f8fb!important;color:#222b37!important}
html[data-theme="light"] #root .app .toprow{background:rgba(255,255,255,.94)!important;border-bottom:1px solid #d5dce6!important}
html[data-theme="light"] #root .app .w2-rail-beauty-stage .w2-beauty-details{color:#233146!important}
html[data-theme="light"] #root .app .w2-rail-beauty-stage .w2-beauty-details h1{color:#1b2a3d!important}
html[data-theme="light"] #root .app .w2-rail-beauty-stage .w2-beauty-details p{color:#586a7d!important}
html[data-theme="light"] #root .app .w2two-me{background:#eaf0f8!important;color:#1c293b!important;border-color:#b7c8da!important}
html[data-theme="light"] #root .app .w2-rail-beauty-stage .w2-beauty-badge{color:#4b2557!important}
html[data-theme="light"] #root .app #preview-wrap{background:#e3e8ef!important}
html[data-theme="light"] #root .app .w2-foot{background:#f7f8fb!important;color:#203047!important}
html[data-theme="light"] #root .app .w2-rail-size-row{background:#e6eaf0!important}
html[data-theme="light"] #root .app #preview-wrap>.w2sz{background:rgba(241,244,249,.93)!important}
html[data-theme="light"] #root .app #preview-wrap>.w2sz [data-w2sz]:not(.sel){color:#384b62!important}
html[data-theme="light"] #root .app #preview-wrap>.w2sz [data-w2sz].sel{background:#273d5d!important;color:#fff!important}
html[data-theme="dark"] body{background:#141414!important}
html[data-theme="dark"] #root .app{background:#141414!important}
@media(min-width:641px){#sl-i18n04-bar{right:20px;top:5px}}

/* I18N04_QA_P2: independent surface on store; prevent pale form in dark theme */
html[data-theme="dark"] #root .app .scroll.w2two-col{background:#151515!important;color:#f4f4f6!important}
html[data-theme="dark"] #root .app .w2-foot{background:#151515!important;color:#f4f4f6!important}
html[data-theme="dark"] #root .app .scroll.w2two-col label,
html[data-theme="dark"] #root .app .scroll.w2two-col span{color:#e4e4e9}
html[data-theme="light"] .w2h,
html[data-theme="light"] .w2-seo-hub{background:#f7f8fb!important;color:#1b2b40!important}
html[data-theme="light"] .w2h h1,
html[data-theme="light"] #w2-seo-h1,
html[data-theme="light"] .w2-seo-hub h1,
html[data-theme="light"] .w2-seo-hub h2{color:#182b45!important}
html[data-theme="light"] .w2h p,
html[data-theme="light"] .w2-seo-hub p{color:#425875!important}
html[data-theme="light"] #root .app .scroll.w2two-col{background:#fff!important;color:#203048!important}
html[lang="vi"] .w2h h1,html[lang="vi"] #w2-seo-h1{font-family:system-ui,'Segoe UI',sans-serif!important}
html[lang="zh-Hans"] .w2h h1,html[lang="zh-Hans"] #w2-seo-h1{font-family:'PingFang SC','Microsoft YaHei',system-ui,sans-serif!important}
body > #sl-i18n04-bar{display:flex!important}
@media(max-width:640px){#root .app .toprow{min-height:127px!important;height:127px!important;padding-top:25px!important}
body > #sl-i18n04-bar{right:57px;top:1px;z-index:2147483600}
#sl-i18n04-bar select{max-width:80px;font-size:11px}
}

/* I18N04_QA_P3 */
html[data-theme="dark"] #root .app .scroll .card{background:#1a1a1c!important;color:#f4f4f6!important;border-color:#414148!important}
html[data-theme="dark"] #root .app .scroll .w2two-more{background:#141414!important;color:#f3f3f5!important}
html[data-theme="dark"] #root .app .scroll .w2two-price{background:#141414!important;color:#f3f3f5!important}
html[data-theme="dark"] #root .app .w2-sitefooter{background:#171719!important;color:#fff!important}
body > #sl-i18n04-bar#sl-i18n04-bar{display:flex!important;visibility:visible!important}
@media(max-width:640px){#sl-i18n04-bar#sl-i18n04-bar{top:1px!important;right:57px!important}}

/* I18N04 QA P4 */
html[data-theme="dark"] #root .app .w2-foot-cta {background:#f7f7f7!important;color:#111!important;opacity:1!important;border-color:#f7f7f7!important}
html[data-theme="dark"] #root .app .w2-foot-price{color:#fff!important}
html[data-theme="dark"] #sl-i18n04-bar select{background:#2b3440!important;color:#fff!important;border-color:#8ca0bd!important}
html[data-theme="light"] #sl-i18n04-bar select{background:#fff!important;color:#233348!important;border-color:#a6b9d0!important}

/* W2_PRINTSIZE_POSITION_20261028: same layout contract in i18n/theme preview. */
@media (min-width:641px) {
  html body #root .app #preview-wrap > .w2sz{
    top:10px!important;bottom:auto!important;left:50%!important;
    transform:translateX(-50%)!important;display:flex!important;
    background:transparent!important;border:0!important;
    box-shadow:none!important;backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;padding:2px 0!important;
  }
  html body #root .app #preview-wrap > .w2sz::before{content:none!important;display:none!important}
  html body #root .app #preview-wrap > .w2sz [data-w2sz],
  html[data-theme="light"] #root .app #preview-wrap > .w2sz [data-w2sz]{
    background:transparent!important;border:0!important;color:#bfc0c5!important;
  }
  html body #root .app #preview-wrap > .w2sz [data-w2sz].sel,
  html[data-theme="light"] #root .app #preview-wrap > .w2sz [data-w2sz].sel{
    background:transparent!important;color:#fff!important;opacity:1!important;
  }
}
@media (max-width:640px) {
  html body #root .app #preview-wrap > .w2sz,
  html body #root .app #preview-wrap .w2-rail-size-row{
    display:none!important;visibility:hidden!important;pointer-events:none!important;
  }
}

/* W2_MOBILE_FOUR_ACCOUNT_I18N_20261028 */
.w2-social-strip.w2ss > .w2ss-account-chip{display:none!important}
@media(max-width:640px){
 html body #root .app .toprow .w2two-me{display:none!important;visibility:hidden!important;pointer-events:none!important}
 html body #root .app .toprow{height:145px!important;min-height:145px!important;gap:0!important;padding:27px 0 0!important}
 html body #root .app .toprow w2-rail{flex:1 1 100%!important;min-width:0!important;width:100%!important;--rail-size:clamp(52px,calc((100vw - 110px)/4),68px)!important;--rail-gap:10px!important}
 body > #sl-i18n04-bar#sl-i18n04-bar{right:8px!important;top:3px!important;z-index:2147483600}
 .w2-social-strip.w2ss > .w2ss-account-chip{
  display:table!important;position:relative!important;
  width:max-content!important;height:auto!important;min-width:132px!important;
  max-width:calc(100% - 32px)!important;margin:18px auto 0!important;
  padding:11px 23px!important;border:1px solid var(--sl-border,#55555d)!important;
  border-radius:999px!important;background:var(--sl-surface,#242428)!important;
  color:var(--sl-text,#f6f6f8)!important;box-sizing:border-box!important;
  text-align:center!important;font:650 14px/1.3 system-ui,sans-serif!important;
  text-decoration:none!important;aspect-ratio:auto!important;
 }
 .w2-social-strip.w2ss > .w2ss-account-chip:focus-visible{
  outline:2px solid var(--sl-focus,#fff)!important;outline-offset:3px!important
 }
}

/* SL04_MOBILE_FOUR_GLOBE_FIT: 4 complete product stories + small globe,
   preserving the original cabinet under socials (not in the header). */
@media(max-width:640px){
 html body #root .app .toprow w2-rail{
  --rail-size:clamp(44px,calc((100vw - 160px)/4),61px)!important;
  --rail-gap:8px!important;
 }
}
