[data-theme=oceanario]{--color-brand-primary:#009ab8;--color-brand-primary-dark:#0b6e99;--color-brand-secondary:#009ab8;--font-heading:var(--font-exo2), system-ui, sans-serif;--font-body:var(--font-dm-sans), system-ui, sans-serif;--font-price:var(--font-urbanist), system-ui, sans-serif;--color-checkout-primary:#0b6e99;--color-checkout-primary-dark:#095a7d}@keyframes oc-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-marquee{animation:20s linear infinite oc-marquee}.animate-marquee-slow{animation:40s linear infinite oc-marquee}.oc-marquee-promo{animation:25s linear infinite oc-marquee}.oc-marquee-ticker{animation:30s linear infinite oc-marquee}@media (max-width:767px){.oc-marquee-promo{animation-duration:6s}.oc-marquee-ticker{animation-duration:8s}.animate-marquee{animation-duration:10s}.animate-marquee-slow{animation-duration:20s}}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@keyframes oc-caustics{0%{opacity:.04;transform:scale(1)translate(0)}50%{opacity:.09;transform:scale(1.06)translate(12px)}to{opacity:.04;transform:scale(1)translate(0)}}@keyframes oc-megaMenuIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes oc-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:3.5s ease-in-out infinite oc-float}@keyframes oc-bubbleRise{0%{opacity:.7;transform:translateY(0)scale(1)}80%{opacity:.5}to{opacity:0;transform:translateY(-120px)scale(1.3)}}.animate-bubble-1{animation:4s ease-in infinite oc-bubbleRise}.animate-bubble-2{animation:5s ease-in 1s infinite oc-bubbleRise}.animate-bubble-3{animation:3.5s ease-in 2s infinite oc-bubbleRise}.animate-bubble-4{animation:6s ease-in .5s infinite oc-bubbleRise}.animate-bubble-5{animation:4.5s ease-in 1.8s infinite oc-bubbleRise}@keyframes oc-shimmerSweep{0%{background-position:-200%}to{background-position:200%}}.btn-shimmer{background:linear-gradient(110deg,#009ab8 0% 40%,#ffffff47 50%,#009ab8 60% 100%) 0 0/200%;animation:3s linear infinite oc-shimmerSweep}@keyframes oc-glowPulse{0%,to{box-shadow:0 0 16px #009ab84d}50%{box-shadow:0 0 32px #009ab8a6}}.animate-glow{animation:2.5s ease-in-out infinite oc-glowPulse}@keyframes oc-promoShine{0%{transform:translate(-100%)skew(-20deg)}to{transform:translate(400%)skew(-20deg)}}.promo-shine:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:30%;height:100%;animation:4s ease-in-out infinite oc-promoShine;position:absolute;top:0;left:0}@keyframes oc-rippleOut{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}.ripple-hover:hover:before{content:"";border-radius:inherit;pointer-events:none;background:#0099aa26;animation:.7s ease-out forwards oc-rippleOut;position:absolute;inset:0}.text-gradient-ocean{background:linear-gradient(135deg,#009ab8 0%,#7fffd4 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.card-glow-saltwater:hover{box-shadow:0 12px 40px #009ab840,0 0 0 1px #009ab81f}.card-glow-freshwater:hover{box-shadow:0 12px 40px #3dbe6c38,0 0 0 1px #3dbe6c1a}.card-glow-reef:hover{box-shadow:0 12px 40px #ff6b3538,0 0 0 1px #ff6b351a}.card-glow-planted:hover{box-shadow:0 12px 40px #7fffd440,0 0 0 1px #7fffd424}.section-heading-line{display:inline-block;position:relative}.section-heading-line:after{content:"";background:linear-gradient(90deg,#009ab8,#7fffd4,#ff7043);border-radius:4px;width:60px;height:3px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}@keyframes oc-livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.5)}}.live-dot{animation:1.5s ease-in-out infinite oc-livePulse}@keyframes oc-fishSwim{0%{opacity:0;transform:translate(calc(100vw + 60px))}10%{opacity:.4}90%{opacity:.3}to{opacity:0;transform:translate(-60px)}}.animate-fish-swim{animation:14s linear infinite oc-fishSwim}.animate-fish-swim-2{animation:18s linear 4s infinite oc-fishSwim}.animate-fish-swim-3{animation:22s linear 9s infinite oc-fishSwim}.glass-card{-webkit-backdrop-filter:blur(16px);background:#ffffffb8;border:1px solid #b8e6f0a6}.custom-scroll::-webkit-scrollbar{width:4px}.custom-scroll::-webkit-scrollbar-track{background:#ddf4fa;border-radius:4px}.custom-scroll::-webkit-scrollbar-thumb{background:#009ab8;border-radius:4px}.custom-scroll::-webkit-scrollbar-thumb:hover{background:#007a96}@keyframes oc-cartBounce{0%,to{transform:scale(1)}30%{transform:scale(1.4)}60%{transform:scale(.9)}}.animate-cart-bounce{animation:.5s ease-out oc-cartBounce}@media (prefers-reduced-motion:reduce){.animate-marquee,.animate-marquee-slow,.oc-marquee-promo,.oc-marquee-ticker,.animate-float,.animate-bubble-1,.animate-bubble-2,.animate-bubble-3,.animate-bubble-4,.animate-bubble-5,.btn-shimmer,.animate-glow,.promo-shine:after,.live-dot,.animate-fish-swim,.animate-fish-swim-2,.animate-fish-swim-3,.animate-cart-bounce,.oc-hotspot-ring,.oc-hotspot-dot:after,.oc-hotspot-dot,.oc-hotspot-product-enter,n .oc-dot-progress{animation:none!important}}.oc-hotspot-dot{-webkit-backdrop-filter:blur(6px);cursor:pointer;color:#fff;z-index:10;background:linear-gradient(135deg,#009ab8,#00bfdd);border:2.5px solid #ffffffd9;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:background .25s,transform .25s,box-shadow .25s;animation:2.4s ease-in-out infinite oc-hotspotBreathe;display:flex;box-shadow:0 2px 14px #009ab880,0 0 20px #00bfdd40}.oc-hotspot-dot:hover{color:#fff;background:linear-gradient(135deg,#007b94,#009ab8);animation:none;box-shadow:0 4px 24px #009ab899,0 0 30px #00bfdd59;transform:translate(-50%,-50%)scale(1.2)!important}.oc-hotspot-ring{pointer-events:none;border:2px solid #009ab880;border-radius:50%;width:40px;height:40px;margin:-20px 0 0 -20px;animation:2s ease-out infinite oc-hotspotPulse;position:absolute;top:50%;left:50%}.oc-hotspot-dot:after{content:"";pointer-events:none;border:1.5px solid #009ab84d;border-radius:50%;width:40px;height:40px;margin:-20px 0 0 -20px;animation:2s ease-out 1s infinite oc-hotspotPulse;position:absolute;top:50%;left:50%}@keyframes oc-hotspotPulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(3)}}@keyframes oc-hotspotBreathe{0%,to{box-shadow:0 2px 14px #009ab880,0 0 20px #00bfdd40}50%{box-shadow:0 2px 18px #009ab8b3,0 0 28px #00bfdd66}}@keyframes oc-productSlideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.oc-hotspot-product-enter{animation:.4s forwards oc-productSlideIn}@keyframes oc-dotProgress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.blog-content{font-family:var(--font-dm-sans), system-ui, sans-serif;color:#374151;font-size:16px;line-height:1.8}.blog-content p{margin-top:0;margin-bottom:1.25rem}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4{font-family:var(--font-exo2), system-ui, sans-serif;color:#111827;margin-top:2rem;margin-bottom:.75rem;font-weight:700;line-height:1.3}.blog-content h2{border-bottom:2px solid #e5f7f9;padding-bottom:.4rem;font-size:1.4rem}.blog-content h3{color:#09a;font-size:1.15rem}.blog-content h4{font-size:1rem}.blog-content>h2:first-child,.blog-content>h3:first-child{margin-top:0}.blog-content ul,.blog-content ol{margin-top:.5rem;margin-bottom:1.25rem;padding-left:1.5rem}.blog-content ul{padding-left:0;list-style:none}.blog-content ul li{margin-bottom:.5rem;padding-left:1.5rem;position:relative}.blog-content ul li:before{content:"";background-color:#09a;border-radius:50%;flex-shrink:0;width:7px;height:7px;position:absolute;top:.6rem;left:0}.blog-content ol{list-style:decimal}.blog-content ol li{margin-bottom:.5rem;padding-left:.25rem}.blog-content ol li::marker{color:#09a;font-weight:700}.blog-content ul ul,.blog-content ol ol,.blog-content ul ol,.blog-content ol ul{margin-top:.35rem;margin-bottom:.35rem}.blog-content strong{color:#111827;font-weight:700}.blog-content em{color:#4b5563;font-style:italic}.blog-content a{color:#09a;text-underline-offset:2px;text-decoration:underline}.blog-content a:hover{color:#007a8a}.blog-content blockquote{color:#4b5563;background:#f0fbfc;border-left:4px solid #09a;border-radius:0 8px 8px 0;margin:1.5rem 0;padding:.75rem 1.25rem;font-style:italic}.blog-content code{color:#09a;background:#f3f4f6;border-radius:4px;padding:.15rem .4rem;font-size:.875rem}.blog-content pre{color:#f9fafb;background:#1f2937;border-radius:10px;margin:1.5rem 0;padding:1rem 1.25rem;font-size:.875rem;line-height:1.7;overflow-x:auto}.blog-content pre code{color:inherit;background:0 0;padding:0}.blog-content table{border-collapse:collapse;border-radius:10px;width:100%;margin:1.5rem 0;font-size:.9rem;overflow:hidden;box-shadow:0 1px 4px #0000000f}.blog-content th{color:#09a;text-align:left;background:#e0f7f9;border-bottom:2px solid #b2ebf2;padding:10px 14px;font-weight:700}.blog-content td{color:#374151;vertical-align:top;border-bottom:1px solid #f0f0f0;padding:9px 14px}.blog-content tr:last-child td{border-bottom:none}.blog-content tr:nth-child(2n) td{background:#f9fdfd}.blog-content img{border-radius:12px;max-width:100%;height:auto;margin:1.5rem auto;display:block;box-shadow:0 2px 12px #00000014}.blog-content hr{border:none;border-top:2px solid #e5f7f9;margin:2rem 0}