/* PopShop™ PS-10629 — canonical ItemSystem expanded card: mobile-safe action dock.
   Overrides legacy circular 44px button rules without duplicating actions. */
html .ps-item-overlay { box-sizing:border-box!important; }
html .ps-item-overlay .ps-item-overlay-actions {
  position:fixed!important; z-index:2147482002!important;
  display:flex!important; flex-direction:column!important; align-items:stretch!important;
  grid-template-columns:none!important; place-content:initial!important;
  width:min(520px,calc(100vw - 24px))!important; max-width:calc(100vw - 24px)!important;
  left:50%!important; right:auto!important; top:auto!important;
  bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;
  padding:12px!important; gap:10px!important; border-radius:20px!important;
  box-sizing:border-box!important; overflow:visible!important;
  background:linear-gradient(155deg,color-mix(in srgb,var(--ps-surface,#151b20) 96%,#141c21),color-mix(in srgb,var(--ps-surface-2,#0c1015) 97%,#070d13)) padding-box,
  linear-gradient(135deg,color-mix(in srgb,var(--ps-primary,#00e676) 44%,transparent),rgba(255,255,255,.14)) border-box!important;
  border:1px solid transparent!important; border-radius:20px!important;
  box-shadow:0 22px 65px rgba(0,0,0,.72)!important;
}
html .ps-item-overlay .ps-item-action-context {
  display:flex!important; flex-flow:row wrap!important; align-items:center!important;
  gap:8px!important; width:100%!important; min-height:32px!important;
  padding:0 2px!important; box-sizing:border-box!important;
}
html .ps-item-overlay .ps-item-action-context-copy{
  display:flex!important; flex:1 1 145px!important; min-width:0!important;
  flex-direction:column!important; gap:3px!important; align-items:flex-start!important;
}
html .ps-item-overlay .ps-item-action-name{
  display:block!important;max-width:100%!important;font-size:14px!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
}
html .ps-item-overlay .ps-item-action-kicker { font-size:10px!important; letter-spacing:.10em!important; }
html .ps-item-overlay .ps-item-action-kind { flex:0 0 auto!important; }
html .ps-item-overlay .ps-item-action-context button.ps10212-expanded-eye{
  position:static!important; display:inline-flex!important; flex:0 0 auto!important;
  width:auto!important;height:36px!important; min-height:36px!important;
  padding:0 10px!important; border-radius:12px!important; gap:7px!important;
  font-size:12px!important;line-height:1.2!important;
}
html .ps-item-overlay .ps-item-action-grid {
  display:grid!important; width:100%!important; min-width:0!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  place-content:stretch!important; align-items:stretch!important; gap:9px!important;
}
html .ps-item-overlay .ps-item-action-grid>button{
  all:unset!important;box-sizing:border-box!important;
  display:flex!important;flex-flow:column nowrap!important;align-items:center!important;
  justify-content:center!important;flex:1 1 auto!important;
  width:100%!important; min-width:0!important; min-height:66px!important; height:66px!important;
  max-height:none!important; margin:0!important;padding:7px 5px!important;
  gap:5px!important; border-radius:14px!important;
  background:rgba(255,255,255,.06)!important;
  border:1px solid color-mix(in srgb,var(--ps-primary,#00e676) 27%,rgba(255,255,255,.14))!important;
  color:var(--ps-text,#f5f9fc)!important;
  font:750 12px/1.15 system-ui,sans-serif!important;cursor:pointer!important;
  text-align:center!important; white-space:nowrap!important; overflow:hidden!important;
  touch-action:manipulation!important;
}
html .ps-item-overlay .ps-item-action-grid>button svg.ps-item-action-icon{
  display:block!important; width:21px!important;height:21px!important; min-width:21px!important;
  flex:0 0 21px!important; box-sizing:border-box!important;padding:0!important;
  background:none!important;border-radius:0!important;fill:none!important;
  stroke:currentColor!important;stroke-width:1.9!important;
}
html .ps-item-overlay .ps-item-action-grid>button span{
  display:block!important; flex:0 0 auto!important;font:inherit!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  max-width:100%!important;color:inherit!important;
}
html .ps-item-overlay .ps-item-action-grid>button[data-act="edit"]{color:var(--ps-primary,#65e994)!important}
html .ps-item-overlay .ps-item-action-grid>button[data-act="share"]{color:var(--ps-accent,#ffe0a0)!important}
html .ps-item-overlay .ps-item-action-grid>button[data-act="delete"]{color:#ffadb7!important;background:rgba(150,24,56,.12)!important;border-color:rgba(255,126,145,.4)!important}
html .ps-item-overlay .ps-item-action-grid>button.is-confirming{color:#fff!important;background:#a72440!important;border-color:#f66d84!important}
html .ps-item-overlay .ps-item-action-grid>button:focus-visible,
html .ps-item-overlay .ps-item-action-context button:focus-visible{
  outline:3px solid var(--ps-primary,#00e676)!important;outline-offset:2px!important;
}
html[data-appearance="light"] body .ps-item-overlay .ps-item-overlay-actions{
 background:linear-gradient(150deg,#fff,#f0f5f7) padding-box,linear-gradient(135deg,#93a9b4,#bfd0ce) border-box!important;
 color:#18232a!important;box-shadow:0 22px 65px rgba(10,22,32,.32)!important;
}
html[data-appearance="light"] body .ps-item-overlay .ps-item-action-grid>button{background:#eaf1f5!important;color:#15252c!important;border-color:#c2d2d7!important}
html[data-appearance="light"] body .ps-item-overlay .ps-item-action-grid>button[data-act="edit"]{color:#17663a!important}
html[data-appearance="light"] body .ps-item-overlay .ps-item-action-grid>button[data-act="delete"]{color:#ad1e3d!important;background:#fff1f3!important}
/* Action dock cannot obscure the enlarged product title. Leave a full dock reserve. */
html .ps-item-overlay .ps-item-expanded-card { max-height:calc(100dvh - 195px)!important; }
@media(max-width:480px){
 html .ps-item-overlay .ps-item-overlay-actions{width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;padding:10px!important;gap:8px!important;bottom:calc(8px + env(safe-area-inset-bottom,0px))!important}
 html .ps-item-overlay .ps-item-action-grid{gap:7px!important}
 html .ps-item-overlay .ps-item-action-grid>button{min-height:64px!important;height:64px!important;font-size:12px!important}
 html .ps-item-overlay .ps-item-action-kind{display:none!important}
}
@media(orientation:landscape) and (max-height:530px){
 html .ps-item-overlay .ps-item-overlay-actions{width:min(290px,42vw)!important;left:auto!important;right:9px!important;transform:none!important;bottom:10px!important;padding:8px!important}
 html .ps-item-overlay.is-open .ps-item-overlay-actions{transform:none!important}
 html .ps-item-overlay .ps-item-action-context{display:none!important}
 html .ps-item-overlay .ps-item-action-grid>button{height:50px!important;min-height:50px!important;font-size:10px!important}
}
@media(prefers-reduced-motion:reduce){html .ps-item-overlay .ps-item-overlay-actions *{transition:none!important}}