/* ==========================================================================
   🌊 Shared lateral topographic gradient waves — used by the Store page
   and every policy page (Return / Terms / Privacy / Shipping) so both
   feel visually connected. Static, non-animated, theme-color aware
   (var(--primary-color) is set globally per tenant in store/main.html).
   ========================================================================== */
.store-topographic-waves {
    position: fixed;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    z-index: -1;
}

.topo-wave {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100vh;
    height: 100dvh;
    pointer-events: none;
    opacity: 0.95;
}

.topo-wave-left {
    left: 0;
    width: clamp(340px, 40vw, 680px);
    transform: translateX(-8%);
}

.topo-wave-right {
    right: 0;
    width: clamp(340px, 40vw, 680px);
    transform: translateX(8%);
}