@keyframes vfPaneInL{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:none}}
.screen[data-screen="direction"] .vf-panes.slide-fwd .vf-pane.on{animation:vfPaneInR .36s cubic-bezier(.22,.61,.36,1)}
.screen[data-screen="direction"] .vf-panes.slide-back .vf-pane.on{animation:vfPaneInL .36s cubic-bezier(.22,.61,.36,1)}
@property --fit{syntax:'<number>';inherits:true;initial-value:1}
@property --dev-halfw{syntax:'<length>';inherits:true;initial-value:380px}
@property --dev-nh{syntax:'<length>';inherits:true;initial-value:760px}
.screen[data-screen="direction"] #stage{opacity:0}
.screen[data-screen="direction"] #stage.fit-ready{opacity:1;transition:opacity .3s ease}
.screen[data-screen="direction"] #stage.fit-anim{transition:--fit .5s cubic-bezier(.55,.03,.12,1),opacity .3s ease}
.screen[data-screen="direction"] #stage.fit-anim .ip3d{transition:width .5s cubic-bezier(.55,.03,.12,1),height .5s cubic-bezier(.55,.03,.12,1)}
.screen[data-screen="direction"] .ip3d.tilting{transition:transform .1s ease-out}
.screen[data-screen="direction"] .vf-picker:has(#stage.fit-anim){
    transition:--dev-halfw .5s cubic-bezier(.55,.03,.12,1),--dev-nh .5s cubic-bezier(.55,.03,.12,1)}
@media (prefers-reduced-motion:reduce){.screen[data-screen="direction"] .vf-panes.slide-fwd .vf-pane.on,
    .screen[data-screen="direction"] .vf-panes.slide-back .vf-pane.on{animation:none}
.screen[data-screen="direction"] #stage.fit-anim,
    .screen[data-screen="direction"] .vf-picker:has(#stage.fit-anim),
    .screen[data-screen="direction"] #stage.fit-anim .ip3d{transition:none}}
.pv-close,
.cart-close,
.cart-x,
.cc-close,
.askm-close,
.bento-close {
  transition:
    background 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease,
    transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}
.pv-close:hover,
.pv-close:focus-visible,
.cart-close:hover,
.cart-close:focus-visible,
.cart-x:hover,
.cart-x:focus-visible,
.cc-close:hover,
.cc-close:focus-visible,
.askm-close:hover,
.askm-close:focus-visible,
.bento-close:hover,
.bento-close:focus-visible {
  background: #d63a2e !important;
  border-color: #d63a2e !important;
  color: #fff !important;
  transform: rotate(90deg);
}
.pv-close:focus-visible,
.cart-close:focus-visible,
.cart-x:focus-visible,
.cc-close:focus-visible,
.askm-close:focus-visible,
.bento-close:focus-visible {
  outline: 2px solid var(--accent-text, #1b28b8) !important;
  outline-offset: 2px !important;
}
@media (prefers-reduced-motion: reduce) {.pv-close:hover,
  .pv-close:focus-visible,
  .cart-close:hover,
  .cart-close:focus-visible,
  .cart-x:hover,
  .cart-x:focus-visible,
  .cc-close:hover,
  .cc-close:focus-visible,
  .askm-close:hover,
  .askm-close:focus-visible,
  .bento-close:hover,
  .bento-close:focus-visible {
    transform: none;
  }}
@media (prefers-reduced-motion: reduce) {.pv-close,
  .cart-close,
  .cart-x,
  .cc-close,
  .askm-close,
  .bento-close {
    transition:
      background 0.2s ease,
      border-color 0.2s ease,
      color 0.2s ease !important;
  }}
@media (forced-colors: active) {.pv-close:hover,
  .pv-close:focus-visible,
  .cart-close:hover,
  .cart-close:focus-visible,
  .cart-x:hover,
  .cart-x:focus-visible,
  .cc-close:hover,
  .cc-close:focus-visible,
  .askm-close:hover,
  .askm-close:focus-visible,
  .bento-close:hover,
  .bento-close:focus-visible {
    background: ButtonFace !important;
    border-color: ButtonText !important;
    color: ButtonText !important;
    forced-color-adjust: none;
  }}
.app[data-screen="checkout"] #payGateNote{display:none!important}
.app[data-screen="checkout"] .statusbar{position:sticky;bottom:0;z-index:60;inset-inline:auto;max-width:1140px;width:100%;margin:20px auto -64px;padding:10px 22px calc(10px + env(safe-area-inset-bottom,0px));border:0;border-top:1px solid var(--edge);background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:saturate(140%) blur(8px);-webkit-backdrop-filter:saturate(140%) blur(8px);animation:none;opacity:1;box-shadow:0 -10px 24px -22px rgba(20,18,20,.5)}
.app[data-screen="checkout"] .statusbar > *{max-width:1060px;margin-left:auto;margin-right:auto}
.app[data-screen="checkout"] .statusbar .hint{margin-bottom:9px;display:none}
.app[data-screen="checkout"] .cfg-mini.is-on{display:inline-flex}
.app[data-screen="checkout"] .navrow{flex-wrap:nowrap;gap:16px}
.app[data-screen="checkout"] .cfg-mini{width:auto;justify-content:flex-end;gap:14px;display:none}
html:has(.app[data-screen="checkout"]){scroll-padding-top:var(--cfgTop,26px);scroll-padding-bottom:var(--cfgBar,120px)}
body:has(.app[data-screen="checkout"]){overflow-x:clip;background:var(--paper);padding-inline:0}
.app[data-screen="checkout"] .statusbar .navrow{justify-content:flex-start;padding:0}
.app[data-screen="checkout"] .statusbar .btn-back{width:auto;flex:0 0 auto;min-width:0;background:transparent;border:1px solid var(--line);height:44px;padding:0 18px;font-size:14px}
.app[data-screen="checkout"] .statusbar .btn-back:hover{border-color:var(--klein);color:var(--klein-text)}
.app[data-screen="checkout"] .statusbar .btn-next{display:inline-flex;background:var(--klein);border-color:var(--klein);color:#fff;margin-left:auto;height:44px;padding:0 20px}
.app[data-screen="checkout"] .statusbar .btn-next:hover{background:var(--klein-lift);border-color:var(--klein-lift)}
.app[data-screen="checkout"] .statusbar .cfg-mini{display:none;margin-left:auto;align-items:center}
.app[data-screen="checkout"] .statusbar .cfg-mini.is-on{display:inline-flex}
.app[data-screen="checkout"] .cfg .stage{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:26px;max-width:none;margin:0;align-items:start;padding:0}
.app[data-screen="checkout"] .screen.on .head, .app[data-screen="checkout"] .screen.on h1{font:900 clamp(38px,5.4vw,62px)/0.98 var(--serif);letter-spacing:-.038em;margin:0 0 12px}
.app[data-screen="checkout"] .screen.on > .eyebrow{display:flex;gap:8px;margin:0 0 10px;font-family:var(--mono);letter-spacing:.18em;line-height:normal}
.app[data-screen="checkout"] .screen.on .sub{font:400 16.5px/1.55 var(--sans);color:var(--muted);margin:0 0 30px;max-width:56ch;text-wrap:balance}
.app[data-screen="checkout"] .pv-viz .show-top{padding:9px 12px;display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--line);background:var(--surface-2)}
.app[data-screen="checkout"] .pv-viz .dots i{background:var(--edge);box-shadow:inset 0 0 0 1px var(--line);border:0;width:8px;height:8px;border-radius:50%;display:block}
.app[data-screen="checkout"] .pv-viz figcaption{padding:11px 13px;border:0;font:600 12.5px var(--sans);color:var(--ink);border-top:1px solid var(--line)}
.app[data-screen="checkout"] #payZone{width:100%;min-width:0}
.app[data-screen="checkout"] #payZone .summary.pay{background:var(--surface);border:1px solid var(--edge);border-radius:20px;padding:20px 20px 22px;width:100%;box-shadow:0 30px 60px -44px rgba(20,18,20,.5);position:sticky;top:74px}
.app[data-screen="checkout"] .leftcol .pv-col{position:static;height:auto;display:block;width:100%;max-width:none;background:none;border:0;padding:0;box-shadow:none}
.app[data-screen="checkout"] .pv-viz .dots{display:flex;gap:5px}
.app[data-screen="checkout"] .pv-viz .show-url{flex:1;text-align:center;font:400 11.5px "JetBrains Mono",ui-monospace,monospace;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.app[data-screen="checkout"] .pv-viz .frame{width:100%;max-width:none;margin:0;align-self:stretch;border:0;border-radius:0;box-shadow:none}
.app[data-screen="checkout"] .pv-viz .frame .chrome{display:none}
.app[data-screen="checkout"] .pv-viz .viewport{width:100%}
.app[data-screen="checkout"] .pv-viz .pv-real img{width:100%;display:block}
.app[data-screen="checkout"] .pv-viz .caps{display:none}
.app[data-screen="checkout"] .qsave{background:none;border:0;padding:0;margin:9px 0 0;box-shadow:none}
.app[data-screen="checkout"] .qsave > summary{color:var(--klein-text);font-size:12.4px;text-decoration:underline;text-underline-offset:2px;padding:0;margin:0}
.app[data-screen="checkout"] .qsave[open] > summary{margin-bottom:9px}
.app[data-screen="checkout"] .scopebento{background:none;border:0;padding:0;box-shadow:none;margin:0}
.app[data-screen="checkout"] a{color:inherit}
.app[data-screen="checkout"] #payZone .secure{display:flex;align-items:center;gap:7px;margin:12px 0 0;font:500 11.8px var(--sans);color:var(--muted)}
.app[data-screen="checkout"] .summary .co-thumb, .app[data-screen="checkout"] .summary .sum-spec, .app[data-screen="checkout"] .summary .sum-picks{display:none}
.app[data-screen="checkout"] #adjust{display:none}
.app[data-screen="checkout"] .dombento{margin:14px 0 0}
.app[data-screen="checkout"] .paybtn{height:52px;padding:0 14px;font-size:15.5px;margin-top:0}
.app[data-screen="checkout"] .cfg-total{display:none}
@media (max-width:939px){.app[data-screen="checkout"] .cfg .stage{grid-template-columns:1fr}}
.app[data-screen="checkout"] #pvPh{display:none}
.app[data-screen="checkout"] .pv-viz .site>.s-props,
.app[data-screen="checkout"] .pv-viz .site>.s-services,
.app[data-screen="checkout"] .pv-viz .site>.blk,
.app[data-screen="checkout"] .pv-viz .site>.s-foot{display:none}