/* Compact example-product strip; standalone from the WooCommerce catalogue. */
.memory-example-products{margin-top:clamp(42px,6vw,72px);min-width:0;padding-top:2px}
.memory-example-head{display:grid;grid-template-columns:auto minmax(40px,1fr) auto;align-items:center;gap:18px;margin-bottom:20px}
.memory-example-head h2{margin:0;font-size:clamp(27px,2.7vw,36px);line-height:1.1}
.memory-example-head>span{height:1px;background:var(--color-neutral-300)}
.memory-example-head>p{margin:0;color:var(--color-neutral-700);font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;white-space:nowrap}
.memory-example-frame{position:relative;padding:0 26px}
.memory-example-viewport{overflow-x:auto;overscroll-behavior-x:contain;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x pan-y}
.memory-example-viewport::-webkit-scrollbar{display:none}
.memory-example-viewport.is-dragging{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none;user-select:none}
.memory-example-list{display:flex!important;grid-template-columns:none!important;gap:14px;margin:0!important;padding:0!important;list-style:none}
.memory-example-card{min-width:0;flex:0 0 clamp(132px,13.6vw,154px);scroll-snap-align:start}
.memory-example-image{display:grid;width:100%;aspect-ratio:1/1;overflow:hidden;border-radius:10px;background:#f7f6f3;place-items:center}
.memory-example-card img{display:block;width:100%;height:100%;margin:0!important;object-fit:contain}
.memory-example-copy{padding:11px 4px 2px;text-align:center}
.memory-example-copy strong,.memory-example-copy span{display:block}
.memory-example-copy strong{overflow:hidden;color:var(--color-text);font-size:10px;font-weight:750;letter-spacing:.025em;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.memory-example-copy span{margin-top:3px;color:var(--color-neutral-700);font-size:11px;line-height:1.3}
.memory-example-arrow{position:absolute;z-index:2;top:calc(50% - 28px);display:grid;width:40px;height:40px;padding:0;border:1px solid var(--color-neutral-300);border-radius:50%;background:var(--color-neutral-100);color:var(--color-text);font:500 18px/1 var(--font-body);cursor:pointer;place-items:center;transform:translateY(-50%);transition:background .2s,border-color .2s}
.memory-example-arrow--prev{left:0}.memory-example-arrow--next{right:0}
.memory-example-arrow:hover{border-color:var(--color-accent-600);background:var(--color-accent-100)}
.memory-example-arrow:disabled{opacity:.32;cursor:default}
.memory-example-arrow:focus-visible,.memory-example-dots button:focus-visible,.memory-example-viewport:focus-visible{outline:2px solid var(--color-accent-700);outline-offset:3px}
.memory-example-progress{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:14px}
.memory-example-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.memory-example-dots{display:flex;align-items:center;gap:6px}
.memory-example-dots button{width:20px;height:2px;padding:0;border:0;border-radius:999px;background:var(--color-neutral-300);cursor:pointer;transition:background .2s}
.memory-example-dots button[aria-current="true"]{background:var(--color-accent-700)}
.memory-example-swipe{display:none;margin-left:auto;color:var(--color-neutral-700);font-size:11px;font-weight:650}
.memory-example-note{margin:10px 0 0;color:var(--color-neutral-600);font-size:11px;line-height:1.45;text-align:center}

@media(max-width:900px){.memory-example-card{flex-basis:clamp(128px,20vw,150px)}}
@media(max-width:600px){.memory-example-head{grid-template-columns:1fr;gap:7px;margin-bottom:16px}.memory-example-head>span{display:none}.memory-example-head>p{font-size:9px;white-space:normal}.memory-example-frame{padding:0}.memory-example-arrow{display:none}.memory-example-list{gap:12px}.memory-example-card{flex-basis:min(42vw,150px)}.memory-example-copy{padding-top:9px}.memory-example-progress{justify-content:flex-start}.memory-example-dots{max-width:60%;overflow:hidden}.memory-example-dots button{width:13px;flex:none}.memory-example-swipe{display:block}.memory-example-note{text-align:left}}
@media(prefers-reduced-motion:reduce){.memory-example-viewport{scroll-behavior:auto}.memory-example-arrow,.memory-example-dots button{transition:none}}
@media(max-width:600px){.memory-example-dots{display:none}.memory-example-status{position:static;width:auto;height:auto;overflow:visible;clip:auto;clip-path:none;color:var(--color-neutral-700);font-size:12px;font-weight:650}}