.retail-examples{max-width:1360px;margin:0 auto}.retail-examples__note{text-align:center;font-size:13px;line-height:1.6;color:#777;margin:12px auto 26px;max-width:750px;padding:0 16px}.retail-examples__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:22px;padding:22px 14px 26px;overscroll-behavior-x:contain}.retail-examples__track::-webkit-scrollbar{display:none}.retail-examples__track:focus-visible{outline:2px solid #c8262c;outline-offset:3px}.retail-examples__item{flex:0 0 calc((100% - 110px)/6);height:92px;display:flex;align-items:center;justify-content:center;scroll-snap-align:start;perspective:700px}.retail-examples__item img{display:block;width:100%;max-width:155px;height:70px;object-fit:contain;filter:grayscale(1);opacity:.53;transform:translateY(0) rotateY(0);transition:transform .65s cubic-bezier(.2,.7,.2,1),opacity .65s,filter .65s}.retail-examples__controls{display:flex;align-items:center;justify-content:center;gap:22px;margin:4px 0 20px}.retail-examples__controls button{width:44px;height:44px;background:transparent;border:0;color:#444;font-size:27px;cursor:pointer;border-radius:50%;transition:background .3s,transform .3s}.retail-examples__controls button:hover{background:#f2f2f2;transform:translateY(-2px)}.retail-examples__controls button:disabled{opacity:.25;cursor:default;transform:none}.retail-examples__position{font-size:13px;color:#777;min-width:76px;text-align:center}@media(hover:hover) and (pointer:fine){.retail-examples__item:hover img{opacity:1;filter:grayscale(1);transform:translateY(-5px) rotateY(-7deg) scale(1.035);transition-duration:.22s}}@media(max-width:970px){.retail-examples__item{flex-basis:calc((100% - 66px)/4)}}@media(max-width:600px){.retail-examples__item{flex-basis:calc((100% - 22px)/2);height:80px}.retail-examples__note{font-size:12px}.retail-examples__track{gap:22px}}@media(prefers-reduced-motion:reduce){.retail-examples *{transition:none!important;transform:none!important;scroll-behavior:auto!important}}
