/* One quiet, scrollable row; preserve the established ten product identities. */
.zs-product-catalog .zs-family-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.zs-product-catalog .zs-family-heading h2{margin:8px 0 0}
.zs-product-catalog .zs-family-eyebrow{font-size:12px;letter-spacing:.15em;font-weight:650;margin:0;color:#52637b}
.zs-family-controls{display:flex;gap:10px;flex-shrink:0}.zs-family-controls[hidden]{display:none}
.zs-family-controls button{width:46px;height:46px;padding:0;border:1px solid #cad4e1;border-radius:50%;background:#fff;color:#19375f;font:24px/1 system-ui;cursor:pointer;transition:background .2s}
.zs-family-controls button:hover{background:#edf2f9}.zs-family-controls button:disabled{opacity:.3;cursor:default}
.zs-product-catalog>.zs-product-grid{display:grid!important;grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:calc((100% - 80px)/5);gap:20px!important;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:0;padding:12px 0 32px!important;margin:24px 0 0!important;scrollbar-width:thin;scrollbar-color:#bac7d8 #eef2f7;align-items:stretch}
.zs-product-catalog .zs-product-card{scroll-snap-align:start;scroll-margin:0;min-width:0}
.zs-product-catalog .zs-logo-large{max-width:220px}
.zs-product-catalog .zs-family-controls button:focus-visible,.zs-product-catalog>.zs-product-grid:focus-visible{outline:2px solid #285bc0;outline-offset:5px}
@media(max-width:1100px){.zs-product-catalog>.zs-product-grid{grid-auto-columns:calc((100% - 60px)/4)}}
@media(max-width:850px){.zs-product-catalog>.zs-product-grid{grid-auto-columns:calc((100% - 40px)/3)}}
@media(max-width:560px){.zs-product-catalog>.zs-product-grid{grid-auto-columns:74%;gap:20px!important}.zs-product-catalog .zs-family-heading{align-items:flex-start;flex-direction:column;gap:16px}.zs-product-catalog .zs-product-card p{font-size:16px}.zs-product-catalog .zs-logo-large{max-width:240px}.zs-product-catalog .zs-logo-name{font-size:28px}.zs-product-page.zs-product-catalog{margin-block:40px!important}}
/* Edge-to-edge showcase with a soft fade, never a hard cropped card. */
.zs-product-page.zs-product-catalog{width:var(--family-viewport,100%)!important;max-width:none!important;position:relative;left:50%;transform:translateX(-50%);margin:72px 0!important}
.zs-product-catalog .zs-family-heading{max-width:1440px;margin:0 auto;padding-inline:28px}
.zs-product-catalog>.zs-product-grid{grid-auto-columns:240px!important;gap:28px!important;scroll-snap-type:none;padding:18px 64px 38px!important;mask-image:linear-gradient(to right,transparent,#000 64px,#000 calc(100% - 64px),transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 64px,#000 calc(100% - 64px),transparent);scrollbar-width:none}
.zs-product-catalog>.zs-product-grid::-webkit-scrollbar{display:none}
.zs-product-catalog .zs-logo-large{max-width:240px}.zs-product-catalog .zs-logo-name{font-size:32px}
@media(max-width:560px){.zs-product-catalog>.zs-product-grid{grid-auto-columns:220px!important;padding-inline:36px!important;mask-image:linear-gradient(to right,transparent,#000 36px,#000 calc(100% - 36px),transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 36px,#000 calc(100% - 36px),transparent)}.zs-product-catalog .zs-family-heading{padding-inline:24px}}
/* Center-stage rhythm: two seconds in focus, then one measured step left. */
.zs-product-catalog>.zs-product-grid{position:relative;padding-top:42px!important;padding-bottom:48px!important;overflow-y:hidden}
.zs-product-catalog .zs-product-card .zs-logo-large{transform:scale(.94);transition:transform .16s cubic-bezier(.16,1.5,.3,1),box-shadow .18s ease}
.zs-product-catalog .zs-product-card.is-family-active .zs-logo-large{transform:translateY(-20px) scale(1.14);box-shadow:0 10px 20px -8px rgba(20,36,58,.18),0 25px 40px -20px color-mix(in srgb,var(--logo-color) 65%,transparent),inset 0 1px 0 rgba(255,255,255,.28)}
.zs-product-catalog .zs-product-card p{transition:color .2s ease}.zs-product-catalog .zs-product-card.is-family-active p{color:#19375f}
@media(prefers-reduced-motion:reduce){.zs-product-catalog .zs-product-card .zs-logo-large{transition:none!important}.zs-product-catalog .zs-product-card.is-family-active .zs-logo-large{transform:none!important}}

.zs-product-catalog>.zs-product-grid{cursor:grab;user-select:none;-webkit-user-select:none;overflow-anchor:none}
.zs-product-catalog>.zs-product-grid.is-dragging{cursor:grabbing;scroll-behavior:auto}
.zs-product-catalog .zs-logo-large img{-webkit-user-drag:none}

.zs-product-catalog .is-dragging .zs-product-card .zs-logo-large{transform:translateY(var(--drag-lift,0px)) scale(var(--drag-scale,.94));transition:box-shadow .18s ease}
/* One gesture owner for touch and mouse; vertical page scrolling stays native. */
.zs-product-catalog>.zs-product-grid{touch-action:pan-y pinch-zoom;scroll-behavior:auto!important;overscroll-behavior-x:contain}
.zs-product-catalog .zs-family-select{display:flex;justify-content:center;width:100%;padding:0!important;margin:0;border:0!important;border-radius:24px;background:transparent!important;box-shadow:none!important;color:inherit;cursor:pointer;font:inherit;line-height:inherit;touch-action:pan-y pinch-zoom}
.zs-product-catalog .zs-family-select:focus-visible{outline:2px solid #285bc0;outline-offset:7px}
.zs-product-catalog .is-dragging .zs-family-select{cursor:grabbing}
.zs-product-catalog .zs-family-select .zs-logo-badge{pointer-events:none}
/* Transform-only rail: no browser scroll animation, focus scrolling or DOM rotation. */
.zs-product-catalog>.zs-product-grid[data-controller="transform-v1"]{display:block!important;overflow:clip!important;padding:0!important;position:relative;scroll-snap-type:none!important}
.zs-product-catalog [data-controller="transform-v1"]>.zs-product-card{position:absolute;left:0;top:42px;width:var(--family-card-width,240px);height:var(--family-card-height,auto);will-change:transform;transition:none!important;display:flex!important}