<div id="pshowwcag-noscript" class="pshowwcag-bottom-right"> <input type="checkbox" id="pshowwcag-noscript-toggle" hidden> <label for="pshowwcag-noscript-toggle" id="pshowwcag-toggle" aria-expanded="false" aria-controls="pshowwcag-noscript-menu" title="Accessibility Options" onmousedown="this.startX = event.clientX; this.startY = event.clientY; this.moved = false;" onmousemove="if(this.startX !== undefined) { var dx = Math.abs(event.clientX - this.startX); var dy = Math.abs(event.clientY - this.startY); if(dx > 5 || dy > 5) this.moved = true; }" onclick="if(this.moved) { event.preventDefault(); return false; }"> <i class="fas fa-universal-access" aria-hidden="true"></i> </label> <div id="pshowwcag-noscript-menu"> <div class="pshowwcag-header"> <p>Accessibility Options</p> <div class="pshowwcag-header-controls"> <label for="pshowwcag-noscript-toggle" class="pshowwcag-close-btn" aria-label="Close"> <i class="fas fa-times" aria-hidden="true"></i> </label> </div> </div> <form id="pshowwcag-form"> <div class="pshowwcag-content"> <div class="pshowwcag-cards"> <div class="pshowwcag-card-row"> <label for="pshowwcag-fonti-toggle" class="pshowwcag-card" title="Increase text size for better readability"> <input type="checkbox" id="pshowwcag-fonti-toggle" name="accessibility[]" value="fonti" hidden> <i class="fas fa-search-plus" aria-hidden="true"></i> <span>Increase Font</span> </label> <label for="pshowwcag-fontd-toggle" class="pshowwcag-card" title="Decrease text size"> <input type="checkbox" id="pshowwcag-fontd-toggle" name="accessibility[]" value="fontd" hidden> <i class="fas fa-search-minus" aria-hidden="true"></i> <span>Decrease Font</span> </label> </div> <div class="pshowwcag-card-row"> <label for="pshowwcag-contrast-toggle" class="pshowwcag-card" title="Enable high contrast mode for better visibility"> <input type="checkbox" id="pshowwcag-contrast-toggle" name="accessibility[]" value="contrast" hidden> <i class="fas fa-adjust" aria-hidden="true"></i> <span>High Contrast</span> </label> <label for="pshowwcag-grayscale-toggle" class="pshowwcag-card" title="Convert page to grayscale for color blind users"> <input type="checkbox" id="pshowwcag-grayscale-toggle" name="accessibility[]" value="grayscale" hidden> <i class="fas fa-low-vision" aria-hidden="true"></i> <span>Grayscale</span> </label> </div> <div class="pshowwcag-card-row"> <label for="pshowwcag-underline-toggle" class="pshowwcag-card" title="Underline all links to make them more visible"> <input type="checkbox" id="pshowwcag-underline-toggle" name="accessibility[]" value="underline" hidden> <i class="fas fa-link" aria-hidden="true"></i> <span>Underline Links</span> </label> <label for="pshowwcag-animation-toggle" class="pshowwcag-card" title="Stop all animations to prevent motion sensitivity issues"> <input type="checkbox" id="pshowwcag-animation-toggle" name="accessibility[]" value="animation" hidden> <i class="fas fa-pause-circle" aria-hidden="true"></i> <span>Stop Animations</span> </label> </div> </div> </div> <div class="pshowwcag-footer"> <button type="reset" class="pshowwcag-reset-btn" title="Reset all accessibility settings to default"> <i class="fas fa-sync-alt" aria-hidden="true"></i> Reset Settings </button> <a href="https://prestashow.com" target="_blank" class="pshowwcag-prestashow-link"> <span class="pshowwcag-prestashow-text">With accessibility in mind -</span> <img src="https://prestashow.pl/img/prestashop-1609-logo-1684754704.jpg" alt="PrestaShow" class="pshowwcag-prestashow-logo"> </a> </div> </div> </div> </form> <style> /* Use existing styles from main CSS - noscript specific overrides */ #pshowwcag-noscript { position: fixed; z-index: 9999; font-family: 'Segoe UI', sans-serif; } /* Regular toggle button styling */ #pshowwcag-toggle { position: relative; background: var(--pshowwcag-primary, #6366f1); color: var(--pshowwcag-primary-text, #fff); border: none; font-size: 1.6rem; padding: 16px; border-radius: 50%; cursor: pointer; display: flex; justify-content: center; align-items: center; } #pshowwcag-toggle:hover { background: var(--pshowwcag-primary, #6366f1); filter: brightness(0.95); } html:has(#pshowwcag-noscript-toggle:checked) #pshowwcag-toggle { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2), 0 0 0 3px #ffffff, 0 0 0 5px var(--pshowwcag-primary, #6366f1); } #pshowwcag-noscript-menu { position: fixed; right: -450px; top: 0; width: 450px; height: 100dvh; background: var(--pshowwcag-background, #f5f5f5); padding: 0; box-shadow: -8px 0 32px rgba(0, 0, 0, 0.12); font-size: 14px; overflow-y: auto; transition: right 0.3s ease; z-index: 99999; display: flex; flex-direction: column; } /* Menu visibility */ html:has(#pshowwcag-noscript-toggle:checked) #pshowwcag-noscript-menu { right: 0 !important; } /* Close button hover effect */ .pshowwcag-close-btn:hover { background: rgba(255, 255, 255, 0.1); } /* Active states for cards */ html:has(#pshowwcag-fonti-toggle:checked) label[for="pshowwcag-fonti-toggle"].pshowwcag-card, html:has(#pshowwcag-fontd-toggle:checked) label[for="pshowwcag-fontd-toggle"].pshowwcag-card, html:has(#pshowwcag-contrast-toggle:checked) label[for="pshowwcag-contrast-toggle"].pshowwcag-card, html:has(#pshowwcag-grayscale-toggle:checked) label[for="pshowwcag-grayscale-toggle"].pshowwcag-card, html:has(#pshowwcag-underline-toggle:checked) label[for="pshowwcag-underline-toggle"].pshowwcag-card, html:has(#pshowwcag-animation-toggle:checked) label[for="pshowwcag-animation-toggle"].pshowwcag-card { background: var(--pshowwcag-primary, #6366f1) !important; border-color: var(--pshowwcag-primary, #6366f1) !important; color: var(--pshowwcag-primary-text, #fff) !important; box-shadow: 0 2px 6px rgba(99, 102, 241, 0.3) !important; } html:has(#pshowwcag-fonti-toggle:checked) label[for="pshowwcag-fonti-toggle"].pshowwcag-card i, html:has(#pshowwcag-fontd-toggle:checked) label[for="pshowwcag-fontd-toggle"].pshowwcag-card i, html:has(#pshowwcag-contrast-toggle:checked) label[for="pshowwcag-contrast-toggle"].pshowwcag-card i, html:has(#pshowwcag-grayscale-toggle:checked) label[for="pshowwcag-grayscale-toggle"].pshowwcag-card i, html:has(#pshowwcag-underline-toggle:checked) label[for="pshowwcag-underline-toggle"].pshowwcag-card i, html:has(#pshowwcag-animation-toggle:checked) label[for="pshowwcag-animation-toggle"].pshowwcag-card i { color: var(--pshowwcag-primary-text, #fff) !important; } html:has(#pshowwcag-fonti-toggle:checked) label[for="pshowwcag-fonti-toggle"].pshowwcag-card span, html:has(#pshowwcag-fontd-toggle:checked) label[for="pshowwcag-fontd-toggle"].pshowwcag-card span, html:has(#pshowwcag-contrast-toggle:checked) label[for="pshowwcag-contrast-toggle"].pshowwcag-card span, html:has(#pshowwcag-grayscale-toggle:checked) label[for="pshowwcag-grayscale-toggle"].pshowwcag-card span, html:has(#pshowwcag-underline-toggle:checked) label[for="pshowwcag-underline-toggle"].pshowwcag-card span, html:has(#pshowwcag-animation-toggle:checked) label[for="pshowwcag-animation-toggle"].pshowwcag-card span { color: var(--pshowwcag-primary-text, #fff) !important; } /* Accessibility functions */ html:has(#pshowwcag-fonti-toggle:checked) { font-size: 150% !important; } html:has(#pshowwcag-fontd-toggle:checked) { font-size: 75% !important; } html:has(#pshowwcag-contrast-toggle:checked) { filter: contrast(125%) !important; } html:has(#pshowwcag-contrast-toggle:checked) * { color: #000 !important; } html:has(#pshowwcag-grayscale-toggle:checked) { filter: grayscale(100%) !important; } html:has(#pshowwcag-underline-toggle:checked) a { text-decoration: underline !important; } html:has(#pshowwcag-animation-toggle:checked) *, html:has(#pshowwcag-animation-toggle:checked) *::before, html:has(#pshowwcag-animation-toggle:checked) *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } @media (max-width: 600px) { #pshowwcag-noscript-menu { width: 100vw; right: -100vw; top: 0; } html:has(#pshowwcag-noscript-toggle:checked) #pshowwcag-noscript-menu { right: 0 !important; } } @media (prefers-reduced-motion: reduce) { * { animation: none !important; transition: none !important; scroll-behavior: auto !important; } } </style>

Products

Moon Box

Moon Organizer

Moon Bed

Moon Kitchen

Moon Frame

Moon Window

Moon Mosquito

Winthermo

Moon Accessories

End of Line

Brands & Vehicles

Mercedes

Volkswagen

Ford

MAN

Citroën

Fiat

RAM

Peugeot

Renault

Opel

Nissan

Outlet

Download

Search

Cart / Empty

Sign in

Samples (textil and aluminum)

€42.70

Tax excluded pcs.

The price has not changed in the last 30 days.

Realization

Each product is handmade and manufactured to individual order.
The average lead time is 12 business days + shipping.
In the event of increased interest, lead times may be extended.

Description

Enter the code for free shipping in your shopping cart: FreeShippingSamples

Product Details

Reviews (0)

No reviews

Product added to wishlist