/* PENTAMARKET V9 — genuine React payment state, no heuristic notices. */
.penta-v9-payment-notice {
  display:flex; align-items:center; gap:12px;
  width:100%; box-sizing:border-box; margin:-12px 0 24px;
  padding:14px 15px; border-radius:13px;
  border:1px solid rgba(190,36,220,.38);
  background:#231427; color:#faf2fc;
  animation:pentaV9Notice .40s cubic-bezier(.2,1,.3,1) both;
}
.penta-v9-payment-notice .penta-v9-notice-copy {display:flex;flex-direction:column;gap:3px;min-width:0}
.penta-v9-payment-notice strong {font-size:12px;line-height:1.4;font-weight:800;letter-spacing:.01em}
.penta-v9-payment-notice small {font-size:10.5px;line-height:1.5;color:#d8c4dd}
.penta-v9-spinner {flex-shrink:0;width:21px;height:21px;border-radius:50%;border:2px solid rgba(216,156,235,.25);border-top-color:#e879f9;animation:pentaV9Spin .85s linear infinite}
@keyframes pentaV9Spin {to{transform:rotate(360deg)}}
@keyframes pentaV9Notice {from{opacity:0;transform:translate3d(0,-8px,0)}to{opacity:1;transform:translate3d(0,0,0)}}

/* Back transitions: freeze only nested entrance effects while the browser
   captures the old/new SPA snapshots. One compositor animation, no double reveal. */
html.penta-v9-back-active .penta-v4-checkout-shell > div:first-child > div:nth-child(2),
html.penta-v9-back-active .penta-checkout-enter,
html.penta-v9-back-active .penta-checkout-shown,
html.penta-v9-back-active .penta-category-section .penta-list-anim,
html.penta-v9-back-active.penta-v3-category header > button,
html.penta-v9-back-active.penta-v3-category header > .penta-list-anim,
html.penta-v9-back-active.penta-v3-category #product-grid > .penta-list-anim,
html.penta-v9-back-active.penta-v3-category .penta-v3-skeleton-card {
  animation:none!important;
  transition:none!important;
  opacity:1!important;
  transform:none!important;
  translate:none!important;
}
html.penta-v9-back-active.penta-v3-category #product-grid img.penta-v3-image {
  opacity:1!important;transition:none!important;
}
html.penta-v9-back-active,html.penta-v9-back-active body {scroll-behavior:auto!important}
html.penta-v9-back-active::view-transition-old(root) {
  animation:pentaV9BackOld .29s cubic-bezier(.4,0,.7,1) both;
}
html.penta-v9-back-active::view-transition-new(root) {
  animation:pentaV9BackNew .58s cubic-bezier(.2,1,.3,1) both;
}
@keyframes pentaV9BackOld {to{opacity:.12;transform:scale(.994)}}
@keyframes pentaV9BackNew {from{opacity:0;transform:translate3d(0,7px,0) scale(.996)}to{opacity:1;transform:none}}
html.penta-v9-back-fallback #root {animation:pentaV9BackNew .48s cubic-bezier(.2,1,.3,1) both}
@media(prefers-reduced-motion:reduce){
 .penta-v9-payment-notice,.penta-v9-spinner {animation:none!important}
 html.penta-v9-back-active::view-transition-old(root),
 html.penta-v9-back-active::view-transition-new(root),
 html.penta-v9-back-fallback #root {animation-duration:.01ms!important}
}