BECOME WUF KIDS RETAILER

If you are interested in our products and want to become retail. Please fill inquiry form and we will contact and send your offer and wholesale terms.

Company Name *

Registration number *

Address *

Contact person *

Telephone number *

E-mail *

Shop type *

Your description *

WUF KIDS, autors: Madara Lange

Private Label

We also offer full production cycle for your products. Please contact us for quote.

/* Dusty rose sticky banner */ #promo-banner { position: fixed; top: 0; left: 0; width: 100%; background: #D4A2A2; /* dusty rose */ color: #000; /* black text */ z-index: 9999; box-shadow: 0 2px 6px rgba(0,0,0,0.12); font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; line-height: 1; } /* container to give comfortable height and overflow hidden for the marquee */ #promo-banner .wrap { max-width: 100%; overflow: hidden; padding: 8px 48px 8px 12px; /* leave room for close button on the right */ display: flex; align-items: center; gap: 12px; } /* marquee area */ #promo-banner .marquee { display: inline-block; white-space: nowrap; will-change: transform; animation: marquee 18s linear infinite; font-weight: 600; font-size: 16px; } /* duplicate the text so the scroll is seamless */ #promo-banner .marquee span { padding-right: 4rem; /* space between repeats */ } @keyframes marquee { 0% { transform: translateX(0%); } 100% { transform: translateX(-50%); } /* -50% because we duplicate content */ } /* Pause animation on hover (and when focused) */ #promo-banner .marquee:hover, #promo-banner .marquee:focus { animation-play-state: paused; cursor: pointer; } /* Close button */ #promo-banner .close-btn { position: absolute; right: 8px; top: 6px; background: transparent; border: none; color: #000; font-size: 18px; padding: 6px; cursor: pointer; line-height: 1; } #promo-banner .close-btn:focus { outline: 2px solid rgba(0,0,0,0.2); border-radius: 4px; } /* push page content down so banner doesn't cover it (only if you can inject page CSS) */ body.has-promo-banner { margin-top: 44px; /* adjust if you change banner height */ } /* Small screens adjustments */ @media (max-width: 480px) { #promo-banner .wrap { padding-right: 40px; } #promo-banner .marquee { font-size: 14px; animation-duration: 14s; } body.has-promo-banner { margin-top: 48px; } }