/* PS-10510 — compact canonical customer-facing Events surface. All semantic color is token-driven. */
#shopApp #psStorefrontEvents {padding:18px clamp(12px,3vw,22px) 24px;min-width:0;max-width:100%;color:var(--ps-text,inherit);}
#psStorefrontEvents .ps-shop-events-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;}
#psStorefrontEvents .ps-shop-events-heading h2{font:800 clamp(18px,3vw,23px)/1.2 var(--ps-font-display,inherit);margin:0;color:var(--ps-text,inherit);}
#psStorefrontEvents .ps-shop-events-all{font-size:12px;color:var(--ps-primary,currentColor);font-weight:700;text-decoration:none;white-space:nowrap;}
#psStorefrontEvents .ps-shop-events-feed{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;}
#psStorefrontEvents .ps-shop-event-card{display:flex;align-items:center;min-width:0;gap:12px;padding:11px;border:1px solid var(--ps-card-border,color-mix(in srgb,var(--ps-text,currentColor) 13%,transparent));background:var(--ps-card-bg,var(--ps-surface-2,transparent));color:var(--ps-text,inherit);border-radius:16px;text-decoration:none;box-shadow:var(--ps-card-shadow,0 5px 18px rgba(0,0,0,.09));transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;}
#psStorefrontEvents .ps-shop-event-card:hover{border-color:var(--ps-primary,currentColor);transform:translateY(-1px);}
#psStorefrontEvents .ps-shop-event-card:focus-visible{outline:2px solid var(--ps-primary,currentColor);outline-offset:3px;}
#psStorefrontEvents .ps-shop-event-date{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;flex:0 0 62px;min-height:64px;border-radius:12px;background:color-mix(in srgb,var(--ps-primary,currentColor) 12%,var(--ps-surface,transparent));color:var(--ps-primary,currentColor);}
#psStorefrontEvents .ps-shop-event-date strong{font-size:25px;font-weight:850;line-height:1.1;}
#psStorefrontEvents .ps-shop-event-date small{font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.07em;}
#psStorefrontEvents .ps-shop-event-main{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1;}
#psStorefrontEvents .ps-shop-event-name{font-weight:800;font-size:14px;line-height:1.32;overflow-wrap:anywhere;}
#psStorefrontEvents .ps-shop-event-when{font-size:12px;font-weight:650;color:var(--ps-text,inherit);}
#psStorefrontEvents .ps-shop-event-collabs{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--ps-text-muted,currentColor);}
#psStorefrontEvents .ps-shop-event-collabs svg{width:14px;height:14px;flex:0 0 auto;stroke-linecap:round;stroke-linejoin:round;}
#psStorefrontEvents .ps-shop-event-open{display:grid;place-items:center;flex:0 0 25px;color:var(--ps-primary,currentColor);}
#psStorefrontEvents .ps-shop-event-open svg{width:19px;height:19px;stroke-linecap:round;stroke-linejoin:round;}
@media(min-width:760px){#psStorefrontEvents .ps-shop-events-feed{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:370px){#psStorefrontEvents .ps-shop-event-card{gap:9px;padding:9px;}#psStorefrontEvents .ps-shop-event-date{flex-basis:54px;min-height:58px;}#psStorefrontEvents .ps-shop-event-date strong{font-size:22px;}#psStorefrontEvents .ps-shop-event-open{flex-basis:16px;}}
@media(prefers-reduced-motion:reduce){#psStorefrontEvents .ps-shop-event-card{transition:none;}}