/* Decorative wildlife uses original silhouettes, never altered product photos. */
.distant-shoal{display:none}
.ocean-swimmers{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.swim-track{position:absolute;left:0;top:10%;width:100px;opacity:.15;will-change:transform}
.swim-track svg{display:block;width:100%;height:auto;fill:#a4e9e6}
.swim-track .sea-eye{fill:#143f53}.swim-track .sole-line{fill:none;stroke:#123f53;stroke-width:2.5;stroke-linecap:round}
.to-right{animation:swim-right 49s linear infinite}.to-left{animation:swim-left 61s linear infinite}
/* Every silhouette points right; only the artwork is flipped for left travel. */
.to-left svg{transform:scaleX(-1)}
.fish-one{top:9%;width:77px;animation-delay:-19s}.fish-two{top:19%;width:54px;opacity:.11;animation-delay:-33s;animation-duration:53s}.fish-three{top:88%;width:65px;animation-delay:-8s;animation-duration:69s}
.shoe-one{top:12%;width:120px;opacity:.14;animation-delay:-13s;animation-duration:72s}.shoe-two{top:86%;width:100px;opacity:.17;animation-delay:-38s;animation-duration:67s}.shoe-three{top:21%;width:70px;opacity:.11;animation-delay:-7s;animation-duration:83s}
.jelly-track{position:absolute;left:88%;top:0;width:80px;opacity:.16;animation:jelly-up 65s linear infinite;animation-delay:-24s}
.jelly-track svg{display:block;width:100%;fill:#a5dfdf25;stroke:#a7e5e8;stroke-width:1.3}.jelly-tentacles{fill:none;animation:tentacle-sway 4s ease-in-out infinite alternate;transform-origin:45px 52px}
@keyframes swim-right{from{transform:translateX(-180px) translateY(0)}50%{transform:translateX(calc(50vw - 90px)) translateY(-7px)}to{transform:translateX(calc(100vw + 180px)) translateY(0)}}
@keyframes swim-left{from{transform:translateX(calc(100vw + 180px)) translateY(0)}50%{transform:translateX(calc(50vw - 90px)) translateY(7px)}to{transform:translateX(-180px) translateY(0)}}
@keyframes jelly-up{from{transform:translateY(calc(100vh + 160px))}to{transform:translateY(-180px)}}
@keyframes tentacle-sway{from{transform:skewX(-5deg)}to{transform:skewX(5deg)}}
/* Product colors are shown on a solid white surface with no blending/effects. */
.aquarium .shoe-art img{mix-blend-mode:normal;filter:none;opacity:1;animation:specimen-drift 8s ease-in-out infinite;transform:none;will-change:transform;background:#fff;inset:66px 24px 43px;width:calc(100% - 48px);height:calc(100% - 109px);padding:10px;border-radius:12px}
.aquarium .image-change .shoe-art,.aquarium .image-change .shoe-art img{animation:none;filter:none;opacity:1}
.aquarium .image-change .shoe-art img{animation:specimen-drift 8s ease-in-out infinite}
/* Only position changes: product photo colors and opacity remain untouched. */
@keyframes specimen-drift{0%,100%{transform:translate(-2px,-3px)}50%{transform:translate(2px,5px)}}
.aquarium .snapshot-refresh{animation:none}
@keyframes tank-arrive-right{from{transform:translateX(30px) translateY(3px)}to{transform:translate(0)}}
@keyframes tank-arrive-left{from{transform:translateX(-30px) translateY(3px)}to{transform:translate(0)}}
/* A bubbling, irregular front replaces the straight progress edge. */
.aquarium .zap-navigation .color-next:before,.aquarium .zap-navigation .color-next:after{display:none}
.aquarium .zap-navigation .color-next{isolation:isolate}
.aquarium .color-next>.meter-water{display:block;position:absolute;inset:0 auto 0 0;width:calc(var(--image-progress,0)*100%);height:100%;overflow:hidden;pointer-events:none;z-index:-1;background:linear-gradient(0deg,#187e93e6,#5bc7c5c2 60%,#a7efdfc2);clip-path:polygon(0 0,96% 0,100% 12%,96% 28%,100% 45%,96% 63%,100% 82%,96% 100%,0 100%);animation:water-front .85s ease-in-out infinite alternate}
.aquarium .color-next>.meter-water:before{display:none}
.aquarium .meter-water:after{content:'';position:absolute;right:-3px;top:-12px;bottom:-12px;width:13px;background:radial-gradient(ellipse at 50% 25%,#d8fff1b0 0 28%,transparent 34%),radial-gradient(ellipse at 50% 75%,#d8fff199 0 26%,transparent 33%);background-size:12px 32px;animation:water-surge .8s ease-in-out infinite alternate;opacity:.9}
.aquarium .meter-water i{position:absolute;bottom:-9px;left:9%;width:5px;height:5px;border:1px solid #e3fff4b8;background:#c1fff02b;border-radius:50%;animation:meter-bubble 1.6s ease-in infinite;animation-delay:-.2s}
.aquarium .meter-water i:nth-child(2){left:23%;width:3px;height:3px;animation-delay:-1s;animation-duration:1.25s}.aquarium .meter-water i:nth-child(3){left:39%;width:7px;height:7px;animation-delay:-.7s;animation-duration:2s}.aquarium .meter-water i:nth-child(4){left:55%;width:4px;height:4px;animation-delay:-1.4s;animation-duration:1.3s}.aquarium .meter-water i:nth-child(5){left:72%;width:6px;height:6px;animation-delay:-.4s;animation-duration:1.8s}.aquarium .meter-water i:nth-child(6){left:89%;width:3px;height:3px;animation-delay:-1.1s;animation-duration:1.4s}.aquarium .meter-water i:nth-child(7){left:46%;width:3px;height:3px;animation-delay:-1.6s;animation-duration:1.1s}.aquarium .meter-water i:nth-child(8){left:65%;width:4px;height:4px;animation-delay:-.8s;animation-duration:1.6s}
.aquarium .image-pause[aria-pressed=true]+.color-next .meter-water,.aquarium .image-pause[aria-pressed=true]+.color-next .meter-water *,.aquarium .image-pause[aria-pressed=true]+.color-next .meter-water:after{animation-play-state:paused}
.aquarium .color-next>.meter-label,.aquarium .color-next>small{position:relative;z-index:1}
@keyframes water-front{0%{clip-path:polygon(0 0,97% 0,100% 15%,96% 32%,100% 49%,96% 68%,100% 85%,97% 100%,0 100%)}100%{clip-path:polygon(0 0,100% 0,95% 16%,100% 34%,95% 51%,100% 70%,95% 88%,100% 100%,0 100%)}}
@keyframes water-surge{from{transform:translateY(-6px)}to{transform:translateY(6px)}}
@keyframes meter-bubble{0%{transform:translate(0,0) scale(.55);opacity:0}15%{opacity:.9}80%{opacity:.75}100%{transform:translate(6px,-60px) scale(1.1);opacity:0}}
@media(max-height:800px){.aquarium .shoe-art img{inset:60px 22px 38px;width:calc(100% - 44px);height:calc(100% - 98px)}}
@media(max-width:700px){.aquarium .shoe-art img{inset:44px 14px 25px;width:calc(100% - 28px);height:calc(100% - 69px);padding:8px;border-radius:9px}.swim-track{opacity:.13}.shoe-one{width:83px;top:10%}.shoe-two{width:77px;top:92%}.shoe-three{width:55px;top:20%}.fish-one{width:58px}.jelly-track{width:57px;left:86%}}
@media(min-width:480px) and (max-width:700px) and (max-height:600px){.aquarium .shoe-art img{inset:42px 13px 25px;width:calc(100% - 26px);height:calc(100% - 67px);padding:7px}}
@media(prefers-reduced-motion:reduce){.ocean-swimmers *,.aquarium .meter-water,.aquarium .meter-water *,.aquarium .meter-water:after{animation:none!important;transition:none!important}.swim-track{transform:translateX(70vw)}.shoe-one{transform:translateX(25vw)}.shoe-two,.shoe-three,.fish-three,.jelly-track{display:none}}