/* R348: one shared modern refresh treatment on every storefront page.
   Only waiting paint changes; R346 privacy, bounds and verified exit remain.
   r295: cheap, opaque preparation. No full-viewport blur, fake percentage or
   minimum hold. Optional artwork has real dimension-preserving placeholders. */
html.ht-page-loading-r266::before {
  content:""!important;position:fixed!important;inset:0!important;display:block!important;
  z-index:2147483600!important;background:#091e30!important;pointer-events:auto!important;
  animation:none!important;transition:none!important;opacity:1!important;visibility:visible!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
html.ht-page-loading-r266::after {content:none!important;display:none!important;}
html.ht-page-loading-r266 > body > .ht-page-loading-status-r266 {
  position:fixed!important;inset:0!important;z-index:2147483601!important;display:flex!important;
  flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:16px!important;
  margin:0!important;padding:24px!important;box-sizing:border-box!important;width:auto!important;height:auto!important;
  background:#091e30!important;color:#eef8ff!important;text-align:center!important;
  font:400 14px/1.7 HourKhmer,system-ui,sans-serif!important;transform:none!important;box-shadow:none!important;border:0!important;
}
html.ht-page-loading-r266 .ht-page-loading-status-r266 h2 {max-width:440px!important;margin:0!important;font:700 17px/1.7 HourKhmer,system-ui,sans-serif!important;color:inherit!important;}
html.ht-page-loading-r266 .ht-page-loading-status-r266 p {max-width:440px!important;margin:0!important;color:#c3deeb!important;}
html.ht-page-loading-r266 .ht-page-loading-mark-r294 {
  display:block!important;width:24px!important;height:24px!important;box-sizing:border-box!important;
  border:2px solid #83c3df55!important;border-top-color:#b7eafa!important;border-radius:50%!important;
  animation:ht-page-preparing-spin-r295 .8s linear infinite!important;
}
html.ht-page-loading-r266 .ht-page-loading-actions-r294 {display:flex!important;flex-wrap:wrap!important;gap:12px!important;justify-content:center!important;}
html.ht-page-loading-r266 .ht-page-loading-actions-r294 :is(button,a) {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;
  margin:0!important;padding:8px 18px!important;border:1px solid #91bfd3!important;border-radius:12px!important;
  background:#15445c!important;color:#fff!important;font:700 14px/1.5 HourKhmer,system-ui,sans-serif!important;
  text-decoration:none!important;cursor:pointer!important;box-sizing:border-box!important;
}
html.ht-page-loading-r266 .ht-page-loading-actions-r294 :is(button,a):focus-visible {outline:3px solid #e7f6ff!important;outline-offset:3px!important;}
html.ht-page-loading-r266 .ht-page-loading-status-r266 [hidden],
html.ht-page-loading-r266 .ht-page-loading-status-r266[data-state="error"] .ht-page-loading-mark-r294 {display:none!important;}
html body[data-ui-layout] .ht-artwork-slot-r295 > .ht-artwork-placeholder-r295 {
  position:absolute!important;inset:0!important;z-index:1!important;display:grid!important;place-items:center!important;
  box-sizing:border-box!important;margin:0!important;padding:6px!important;overflow:hidden!important;border-radius:inherit!important;
  background:#102c40!important;color:#d9edf8!important;font:600 11px/1.5 HourKhmer,system-ui,sans-serif!important;
  text-align:center!important;pointer-events:none!important;user-select:none!important;
}
html body[data-ui-layout] img[data-ht-artwork-state-r295] {background-color:#102c40!important;color:#d9edf8!important;}
@keyframes ht-page-preparing-spin-r295 {to{transform:rotate(360deg);}}
@media(prefers-reduced-motion:reduce),(forced-colors:active) {html.ht-page-loading-r266 .ht-page-loading-mark-r294 {animation:none!important;}}
@media(forced-colors:active) {
  html.ht-page-loading-r266::before,html.ht-page-loading-r266 > body > .ht-page-loading-status-r266 {background:Canvas!important;color:CanvasText!important;}
  html.ht-page-loading-r266 .ht-page-loading-status-r266 p {color:CanvasText!important;}
  html.ht-page-loading-r266 .ht-page-loading-mark-r294 {border-color:GrayText!important;border-top-color:CanvasText!important;}
  html.ht-page-loading-r266 .ht-page-loading-actions-r294 :is(button,a) {background:ButtonFace!important;color:ButtonText!important;border-color:ButtonBorder!important;}
  html.ht-page-loading-r266 .ht-page-loading-actions-r294 :is(button,a):focus-visible {outline-color:Highlight!important;}
  html body[data-ui-layout] .ht-artwork-slot-r295 > .ht-artwork-placeholder-r295,
  html body[data-ui-layout] img[data-ht-artwork-state-r295] {background:Canvas!important;color:CanvasText!important;}
}

/* R346: preserve the shell during a fresh workspace authority check. */
html.ht-page-loading-r266[data-ht-loading-scope-r346="workspace"]::before {content:none!important;display:none!important;}
html.ht-page-loading-r266[data-ht-loading-scope-r346="workspace"]:not([data-ht-loading-exit-r346="true"]) #ht-workspace-surface {opacity:0!important;visibility:hidden!important;transition:none!important;}
html.ht-page-loading-r266[data-ht-loading-scope-r346="workspace"] > body > .ht-page-loading-status-r266 {
  inset:auto!important;left:var(--ht-loader-left-r346,0px)!important;top:var(--ht-loader-top-r346,0px)!important;
  width:var(--ht-loader-width-r346,100vw)!important;height:var(--ht-loader-height-r346,100dvh)!important;
  min-width:0!important;min-height:0!important;padding:16px!important;border-radius:18px!important;overflow:auto!important;overscroll-behavior:contain!important;
}
html.ht-page-loading-r266[data-ht-loading-scope-r346="workspace"] > body > .ht-page-loading-status-r266[data-state="error"] {justify-content:flex-start!important;}
html.ht-page-loading-r266[data-ht-loading-exit-r346="true"]::before,
html.ht-page-loading-r266[data-ht-loading-exit-r346="true"] > body > .ht-page-loading-status-r266 {opacity:0!important;transition:opacity .12s linear!important;}
@media(prefers-reduced-motion:reduce),(forced-colors:active) {
  html.ht-page-loading-r266[data-ht-loading-exit-r346="true"]::before,
  html.ht-page-loading-r266[data-ht-loading-exit-r346="true"] > body > .ht-page-loading-status-r266 {transition:none!important;}
}

/* A quiet solid-backed capsule and a single transform-only activity ring.
   Keep the section itself full-size/opaque, including during account checks. */
html.ht-page-loading-r266 > body > .ht-page-loading-status-r266[data-state="waiting"] {
  background:radial-gradient(ellipse 60% 45% at 50% 44%,#102f44 0%,#091e30 78%)!important;
}
html.ht-page-loading-r266 .ht-page-loading-status-r266[data-state="waiting"] h2 {
  padding:7px 18px!important;border:1px solid #91cce333!important;border-radius:999px!important;
  background:#102c40!important;color:#e4f5ff!important;
  font-size:14px!important;font-weight:600!important;letter-spacing:.025em!important;
  box-shadow:inset 0 1px 0 #eafaff14!important;
}
html.ht-page-loading-r266 .ht-page-loading-mark-r294 {
  position:relative!important;order:-1!important;width:40px!important;height:40px!important;
  flex:0 0 40px!important;border-width:2px!important;
  border-color:#91d4ed29!important;border-top-color:#def8ff!important;border-right-color:#68c9ef!important;
  box-shadow:0 0 0 7px #75ceee08,0 0 22px #48bee914!important;
  animation-duration:1s!important;
}
html.ht-page-loading-r266 .ht-page-loading-mark-r294::before {
  content:""!important;position:absolute!important;inset:14px!important;border-radius:50%!important;
  background:#b6eaff!important;box-shadow:0 0 9px #6bd4ff33!important;pointer-events:none!important;
}
html.ht-page-loading-r266[data-ht-loading-scope-r346="workspace"] .ht-page-loading-mark-r294 {
  width:32px!important;height:32px!important;flex-basis:32px!important;
}
html.ht-page-loading-r266[data-ht-loading-scope-r346="workspace"] .ht-page-loading-mark-r294::before {inset:10px!important;}
@media (forced-colors:active) {
  html.ht-page-loading-r266 > body > .ht-page-loading-status-r266[data-state="waiting"],
  html.ht-page-loading-r266 .ht-page-loading-status-r266[data-state="waiting"] h2 {
    background:Canvas!important;color:CanvasText!important;border-color:CanvasText!important;box-shadow:none!important;
  }
  html.ht-page-loading-r266 .ht-page-loading-mark-r294 {
    border-color:GrayText!important;border-top-color:CanvasText!important;border-right-color:GrayText!important;box-shadow:none!important;
  }
  html.ht-page-loading-r266 .ht-page-loading-mark-r294::before {background:CanvasText!important;box-shadow:none!important;}
}