{"product_id":"smartwings-motorized-light-filtering-linen-solar-shades-5-openness-dune","title":"SmartWings Motorized Light Filtering Linen Solar Shades 5% Openness Dune","description":"\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=yes\"\u003e\n    \u003ctitle\u003eSmartWings Motorized Shades | Dune Collection\u003c\/title\u003e\n    \u003cstyle\u003e\n  \n  .sw-product-wrapper {\n    font-family: inherit;\n  }\n  \n  \n  .sw-container {\n    max-width: 1410px;\n    margin: 0 auto;\n    padding: 0 20px;\n  }\n  \n  \n  .sw-hero-banner {\n    position: relative;\n    width: 100%;\n  }\n  \n  .sw-full-width-image {\n    width: 100vw;\n    position: relative;\n    left: 50%;\n    right: 50%;\n    margin-left: -50vw;\n    margin-right: -50vw;\n  }\n  .sw-full-width-image img {\n    width: 100%;\n    height: auto;\n    display: block;\n  }\n  \n  .sw-hero-text--center {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    text-align: center;\n    color: #000000;\n    z-index: 10;\n    width: 80%;\n    max-width: 800px;\n  }\n  \n  .sw-hero-title {\n    font-size: 5.5rem;\n    font-weight: 700;\n    margin-bottom: 1rem;\n    letter-spacing: -0.02em;\n    color: #ffffff;\n    line-height: 1.2;\n  }\n  \n  .sw-hero-subtitle {\n    font-size: 1.7rem;\n    font-weight: 500;\n    opacity: 0.85;\n    color: #ffffff;\n    line-height: 1.3;\n  }\n  \n    .sw-full-image {\n    width: 100%;\n    display: block;\n  }\n  .sw-full-image img {\n    width: 100%;\n    height: auto;\n    display: block;\n  }\n  \n  \n  .sw-grid-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 4rem;\n    flex-wrap: wrap;\n    margin: 60px 0;\n  }\n  .sw-grid-item--reverse {\n    flex-direction: row-reverse;\n  }\n  .sw-grid-item__image {\n    flex: 1;\n    min-width: 280px;\n  }\n  .sw-grid-item__image img {\n    width: 100%;\n    height: auto;\n    border-radius: 16px;\n    display: block;\n  }\n  .sw-grid-item__text {\n    flex: 1;\n    min-width: 280px;\n  }\n   \n  .sw-grid-item__text h3 {\n    font-size: 2rem;\n    font-weight: 700;\n    margin-bottom: 1.5rem;  \n    color: #000000;\n  }\n  .sw-grid-item__text p {\n    color: #333;\n    line-height: 1.7;\n  }\n  \n  \n\/* Optimized Logo Marquee Styles *\/\n.sw-logo-marquee {\n  width: 100vw;\n  position: relative;\n  left: 50%;\n  right: 50%;\n  margin-left: -50vw;\n  margin-right: -50vw;\n  background: #ffffff;\n  padding: 60px 0;\n  overflow: hidden;\n  white-space: nowrap;\n  border-top: 1px solid #eee;\n  border-bottom: 1px solid #eee;\n}\n\n.sw-logo-track {\n  display: inline-block;\n  animation: sw-scrollLogos 16s linear infinite;\n  will-change: transform;\n}\n\n .sw-logo-track img {\n    height: 100px;\n    width: auto;\n    margin: 0 70px;\n    display: inline-block;\n    vertical-align: middle;\n    transition: transform 0.3s;\n  }\n\n@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {\n  .sw-logo-track img {\n    image-rendering: auto;\n  }\n}\n\n@keyframes sw-scrollLogos {\n  0% { transform: translateX(0); }\n  100% { transform: translateX(-50%); }\n}\n\n@media (max-width: 768px) {\n  .sw-logo-track img {\n    height: 50px;\n    margin: 0 30px;\n  }\n}\n  \n  \/* ========== The Transformation Section ========== *\/\n  .ba-fullscreen-section {\n    width: 100vw;\n    position: relative;\n    left: 50%;\n    right: 50%;\n    margin-left: -50vw;\n    margin-right: -50vw;\n    background: #f5f3ef;\n    padding: 40px 0 60px 0;\n  }\n  \n  .ba-container {\n    position: relative;\n    width: 100%;\n    max-width: 1400px;\n    margin: 0 auto;\n    overflow: hidden;\n    border-radius: 20px;\n    cursor: ew-resize;\n  }\n  \n  .ba-wrapper {\n    position: relative;\n    width: 100%;\n  }\n  \n  .ba-wrapper img {\n    width: 100%;\n    display: block;\n  }\n  \n  .ba-after {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 50%;\n    height: 100%;\n    overflow: hidden;\n  }\n  \n  .ba-after img {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n  \n  .ba-line {\n    position: absolute;\n    top: 0;\n    left: 50%;\n    width: 3px;\n    height: 100%;\n    background: white;\n    z-index: 5;\n    pointer-events: none;\n  }\n  \n  .ba-handle {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 50px;\n    height: 50px;\n    background: white;\n    border-radius: 50%;\n    transform: translate(-50%, -50%);\n    cursor: ew-resize;\n    z-index: 10;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 2px 10px rgba(0,0,0,0.2);\n  }\n  \n  .ba-handle svg {\n    width: 24px;\n    height: 24px;\n    stroke: #333;\n  }\n  \n  .ba-before-label, .ba-after-label {\n    position: absolute;\n    bottom: 20px;\n    background: rgba(0,0,0,0.6);\n    color: white;\n    padding: 6px 16px;\n    border-radius: 30px;\n    font-size: 14px;\n    z-index: 5;\n  }\n  \n  .ba-before-label { left: 20px; }\n  .ba-after-label { right: 20px; }\n  \n  .ba-subtitle {\n    text-align: center;\n    color: #666;\n    margin-bottom: 40px;\n  }\n  \n  .ba-content {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 20px;\n  }\n  \n  \/* ========== More Fabric Options Section Styles ========== *\/\n  .more-options-section {\n    margin: 60px 0;\n  }\n  .features-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 2rem;\n    margin-top: 2rem;\n  }\n  .feature-item p {\n    color: #333;\n    line-height: 1.6;\n  }\n  .feature-item {\n  padding: 24px;\n  border-radius: 14px;\n  background: #fafafa;\n  transition: all 0.2s ease;\n}\n.feature-item:hover {\n  background: #f5f5f5;\n}\n  \n  \/* ========== Responsive ========== *\/\n  @media (max-width: 768px) {\n    .sw-grid-item {\n      gap: 2rem;\n      margin: 40px 0;\n    }\n    .sw-logo-track img {\n      height: 50px;\n      margin: 0 30px;\n    }\n    .sw-hero-title {\n      font-size: 2.0rem;\n    }\n    .sw-hero-subtitle {\n      font-size: 1.2rem;\n    }\n    .ba-handle {\n      width: 40px;\n      height: 40px;\n    }\n    .ba-handle svg {\n      width: 20px;\n      height: 20px;\n    }\n    .features-grid {\n      grid-template-columns: 1fr;\n      gap: 1.5rem;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"sw-product-wrapper\"\u003e\n\n  \u003c!-- ========== 1. Hero Banner - Full Width with Centered Dark Text ========== --\u003e\n\u003cdiv class=\"sw-hero-banner\"\u003e\n    \u003cdiv class=\"sw-full-width-image\"\u003e\n    \u003cpicture\u003e\n      \u003csource media=\"(max-width: 768px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/0215\/5461\/files\/dune_mobile01.jpg?v=1778207122\" width=\"1000\" height=\"auto\"\u003e\n      \u003csource media=\"(min-width: 769px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/0215\/5461\/files\/dune_detail1.jpg?v=1777369332\" width=\"2000\" height=\"auto\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/0215\/5461\/files\/dune_detail1.jpg?v=1777369332\" alt=\"SmartWings Hero\" loading=\"lazy\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n  \n    \u003c\/div\u003e\n    \u003cdiv class=\"sw-hero-text--center\"\u003e\n      \u003cdiv class=\"sw-hero-title\"\u003e5% openness Dune\u003c\/div\u003e\n      \u003cdiv class=\"sw-hero-subtitle\"\u003eBring effortless comfort and modern texture to your space with SmartWings Motorized Light Filtering Linen Solar Shades. \u003c\/div\u003e\n\u003cdiv class=\"sw-hero-subtitle\"\u003eThe 5% openness Dune fabric softly filters sunlight, reducing glare and UV exposure while maintaining a gentle connection to the outdoors.\u003c\/div\u003e\n      \u003cdiv class=\"sw-hero-subtitle\"\u003eWith a natural linen-inspired look and smooth motorized control, these shades create a calm, breathable atmosphere without sacrificing light or style.\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ========== 2. Left Text, Right Image (Top Aligned) ========== --\u003e\n  \u003cdiv class=\"sw-container\"\u003e\n    \u003cdiv class=\"sw-grid-item\"\u003e\n      \u003cdiv class=\"sw-grid-item__text\"\u003e\n        \u003ch3 style=\"font-size: 2rem; font-weight: 700; color: #000000; margin-bottom: 1.5rem;\"\u003eRoller Blinds\u003c\/h3\u003e\n        \u003cp\u003eSmartWings motorized roller shades bring together modern design and everyday versatility, making them a natural fit for a wide range of living spaces. Whether you choose blackout or light-filtering fabrics, each option is thoughtfully designed to reduce harsh light, block UV rays, and provide a sense of privacy and comfort throughout the day.\u003c\/p\u003e\n        \u003cp\u003eCrafted with environmentally conscious materials, our fabrics are made to be both safe and enduring. Each one carries its own character, offering a unique balance of light, texture, and atmosphere. At SmartWings, we believe window treatments are more than functional—they shape how you experience your space, every day.\u003c\/p\u003e\n\n      \u003c\/div\u003e\n      \u003cdiv class=\"sw-grid-item__image\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/0215\/5461\/files\/dune_detail2.jpg?v=1777369253\" alt=\"SmartWings Feature\" loading=\"lazy\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ========== 3. POWERED BY SMARTWINGS Image ========== --\u003e\n  \u003cdiv class=\"sw-full-image\"\u003e\n    \u003cimg src=\"https:\/\/www.smartwingshome.com\/cdn\/shop\/files\/8_9592accb-6aff-4c58-8496-a9c06102f5c4.jpg?v=1766542012\u0026amp;width=1500\" alt=\"Powered by SmartWings\" loading=\"lazy\"\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ========== 4. Three Alternating Blocks ========== --\u003e\n  \u003cdiv class=\"sw-container\"\u003e\n    \u003cdiv class=\"sw-grid-item\"\u003e\n      \u003cdiv class=\"sw-grid-item__image\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/0215\/5461\/files\/dune_detail3.jpg?v=1777369336\" alt=\"Metis Style\" loading=\"lazy\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sw-grid-item__text\"\u003e\n        \u003ch3 style=\"font-size: 2rem; font-weight: 700; color: #000000; margin-bottom: 3rem;\"\u003eLinen Dune \u003c\/h3\u003e\n        \u003cp\u003eNatural texture, quietly refined.\u003c\/p\u003e\n\u003cp\u003eA linen-like weave with subtle depth and warmth, designed to bring softness and balance to the space. Light is gently filtered, with a softly diffused view that maintains a connection to the outdoors.\u003c\/p\u003e\n\u003cp\u003eOffered in Ivory, Oatmeal, Flax Grey, and Driftwood — timeless neutrals, effortlessly composed.\u003c\/p\u003e\n\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"sw-grid-item sw-grid-item--reverse\"\u003e\n      \u003cdiv class=\"sw-grid-item__image\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/0215\/5461\/files\/dune_detail4.jpg?v=1777369330\" alt=\"Smart Motor\" loading=\"lazy\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sw-grid-item__text\"\u003e\n        \u003ch3 style=\"font-size: 2rem; font-weight: 700; color: #000000; margin-bottom: 3rem;\"\u003eSmart Motor, Seamless Control\n        \u003c\/h3\u003e\n\u003cp\u003eEffortlessly control your shades with our advanced smart motors — designed for modern living and seamless smart home integration.\u003c\/p\u003e\n        \u003cp\u003eOur latest Matter-enabled motor brings a new level of simplicity and reliability. Built on Matter over Thread, it works smoothly with leading platforms like Apple Home, Google Home, Amazon Alexa, and Samsung SmartThings — giving you intuitive control through the apps you already use.\u003c\/p\u003e\n        \u003cp\u003eEnjoy faster response times, stable connections, and enhanced privacy, all from the app you already use.\u003c\/p\u003e\n        \u003cp\u003eFor more customized setups, we also offer Zigbee and Z-Wave motors, compatible with popular ecosystems like Home Assistant and Hubitat.\u003c\/p\u003e\n        \u003cp\u003eUpgrade your space with smart shades that are not only connected — but truly effortless.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"sw-grid-item\"\u003e\n      \u003cdiv class=\"sw-grid-item__image\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/0215\/5461\/files\/dune_detail5.jpg?v=1777434739\" alt=\"Intelligent Control\" loading=\"lazy\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sw-grid-item__text\"\u003e\n        \u003ch3 style=\"font-size: 2rem; font-weight: 700; color: #000000; margin-bottom: 3rem;\"\u003eIntelligent Control, Your Way\u003c\/h3\u003e\n        \u003cp\u003eControl your shades exactly how you want — whether you're at home or away.\u003c\/p\u003e\n        \u003cp\u003eUse a sleek multi-channel remote to adjust a single shade or an entire room at once. Prefer hands-free? Simply use voice commands to open, close, or set the perfect position.\u003c\/p\u003e\n        \u003cp\u003eThrough your smart home system, you can schedule shades to match your daily routine — wake up to natural light, or enjoy automatic privacy at night. Even when you're away, your home stays just the way you like it.\u003c\/p\u003e\n        \u003cp\u003eOur motors integrate with leading smart home platforms, giving you flexible control through your preferred app and ecosystem.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n  \u003c!-- ========== 5. Full Width Midpage Banner ========== --\u003e\n\u003cdiv class=\"sw-hero-banner\"\u003e\n  \u003cdiv class=\"sw-full-width-image\"\u003e\n    \u003cpicture\u003e\n      \u003csource media=\"(max-width: 768px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/0215\/5461\/files\/dune_mobile02.jpg?v=1778207124\" width=\"1000\" height=\"auto\"\u003e\n      \u003csource media=\"(min-width: 769px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/0215\/5461\/files\/dune_detail6.jpg?v=1777369341\" width=\"2000\" height=\"auto\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/0215\/5461\/files\/dune_detail6.jpg?v=1777369341\" alt=\"Smart Life\" loading=\"lazy\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n  \u003c\/div\u003e\n    \u003cdiv class=\"sw-hero-text--center\"\u003e\n      \u003cdiv class=\"sw-hero-title\"\u003eSmart Life Seamlessly Connected\u003c\/div\u003e\n  \u003c\/div\u003e\n    \u003c\/div\u003e\n\n   \u003c!-- ========== 6. Scrolling Logo Section ========== --\u003e\n\u003cdiv class=\"sw-logo-marquee\"\u003e\n  \u003cdiv class=\"sw-logo-track\"\u003e\n    \u003cimg src=\"https:\/\/www.smartwingshome.com\/cdn\/shop\/files\/Google_Home.jpg?v=1770796261\u0026amp;width=400\" alt=\"Google Home\"\u003e\n  \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/0215\/5461\/files\/HomeKit_7bad623c-fcfb-4ef3-b9a7-10845a46abe5.jpg?v=1671437221\u0026amp;width=400\" alt=\"Apple Home\"\u003e\n  \u003cimg src=\"https:\/\/www.smartwingshome.com\/cdn\/shop\/files\/Alexa_2675de05-f096-4356-bb8d-23aee96bfa45.jpg?v=1671437235\u0026amp;width=400\" alt=\"Alexa\"\u003e\n  \u003cimg src=\"https:\/\/www.smartwingshome.com\/cdn\/shop\/files\/SmartThings.jpg?v=1671437271\u0026amp;width=400\" alt=\"SmartThings\"\u003e\n  \u003cimg src=\"https:\/\/www.smartwingshome.com\/cdn\/shop\/files\/Home_-Assistant.jpg?v=1671437297\u0026amp;width=400\" alt=\"Home Assistant\"\u003e\n  \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/0215\/5461\/files\/Hubitat.jpg?v=1671437330\u0026amp;width=400\" alt=\"Hubitat\"\u003e\n    \u003c!-- Duplicate set for seamless looping --\u003e\n    \u003cimg src=\"https:\/\/www.smartwingshome.com\/cdn\/shop\/files\/Google_Home.jpg?v=1770796261\u0026amp;width=400\" alt=\"Google Home\"\u003e\n  \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/0215\/5461\/files\/HomeKit_7bad623c-fcfb-4ef3-b9a7-10845a46abe5.jpg?v=1671437221\u0026amp;width=400\" alt=\"Apple Home\"\u003e\n  \u003cimg src=\"https:\/\/www.smartwingshome.com\/cdn\/shop\/files\/Alexa_2675de05-f096-4356-bb8d-23aee96bfa45.jpg?v=1671437235\u0026amp;width=400\" alt=\"Alexa\"\u003e\n  \u003cimg src=\"https:\/\/www.smartwingshome.com\/cdn\/shop\/files\/SmartThings.jpg?v=1671437271\u0026amp;width=400\" alt=\"SmartThings\"\u003e\n  \u003cimg src=\"https:\/\/www.smartwingshome.com\/cdn\/shop\/files\/Home_-Assistant.jpg?v=1671437297\u0026amp;width=400\" alt=\"Home Assistant\"\u003e\n  \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/0215\/5461\/files\/Hubitat.jpg?v=1671437330\u0026amp;width=400\" alt=\"Hubitat\"\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n  \u003c!-- ========== 7. Alternating Blocks After Logo ========== --\u003e\n  \u003cdiv class=\"sw-container\"\u003e\n    \u003cdiv class=\"sw-grid-item sw-grid-item--reverse\"\u003e\n      \u003cdiv class=\"sw-grid-item__image\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/0215\/5461\/files\/dune_detail7.jpg?v=1777528318\" alt=\"Safari Detail\" loading=\"lazy\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sw-grid-item__text\"\u003e\n        \u003ch3 style=\"font-size: 2rem; font-weight: 700; color: #000000; margin-bottom: 1rem;\"\u003eAutomation That Adapts to Your Life\u003c\/h3\u003e\n        \u003cp\u003eWake up to natural light as your shades rise gently with the morning sun. Wind down in the evening as they lower automatically for privacy and comfort. With a simple voice command like \"Hi Siri, Movie time,\" your room transforms instantly—shades close, light fades, and the space is ready. Cooking in the kitchen and need more light? Just say \"Alexa, open the blinds,\" and let your home respond without interrupting what you're doing.\u003c\/p\u003e\n        \u003cp\u003eSmartWings automation goes beyond convenience—it's control without effort. Create personalized scenes for every part of your day, from quiet mornings to busy afternoons to relaxed evenings. Set schedules, adjust with your voice, or automate everything once and let it run seamlessly in the background. It's a smarter, calmer, more responsive home—designed to work for you, not the other way around.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"sw-grid-item\"\u003e\n      \u003cdiv class=\"sw-grid-item__image\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/0215\/5461\/files\/dune_detail8.jpg?v=1777369338\" alt=\"Safari Design\" loading=\"lazy\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sw-grid-item__text\"\u003e\n        \u003ch3 style=\"font-size: 2rem; font-weight: 700; color: #000000; margin-bottom: 1rem;\"\u003eDesigned for Safer Homes, Day and Night\u003c\/h3\u003e\n        \u003cp\u003eTraditional cords can pose real risks in homes with children. SmartWings eliminates that concern entirely with a cordless, motorized design—creating a cleaner, safer space where kids can move freely. No dangling cords, no tangled hazards—just a smooth, worry-free environment built for everyday family life.\u003c\/p\u003e\n        \u003cp\u003eBeyond safety, the quiet motor ensures a calm, undisturbed atmosphere—perfect for naps, early mornings, and bedtime routines. Adjust your shades without sudden noise or disruption, whether your child is sleeping or playing nearby. It's a simple upgrade that brings peace of mind, greater comfort, and a home that feels as safe as it looks.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ========== 8. The Transformation Section ========== --\u003e\n  \u003cdiv class=\"ba-fullscreen-section\"\u003e\n  \u003cdiv class=\"ba-content\"\u003e\n    \u003ch2 style=\"font-size: 32px; font-weight: 700; text-align: center; margin-bottom: 0; color: #000000;\"\u003eThe Transformation\u003c\/h2\u003e\n    \u003cp class=\"ba-subtitle\"\u003eDrag the slider to see the difference — before and after installing SmartWings motorized shades\u003c\/p\u003e\n  \u003c\/div\u003e\n  \n  \u003cdiv class=\"ba-container\" id=\"baContainer\"\u003e\n    \u003cdiv class=\"ba-wrapper\"\u003e\n      \u003cpicture\u003e\n        \u003csource media=\"(max-width: 768px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/0215\/5461\/files\/dune_mobile04.jpg?v=1778207140\"\u003e\n        \u003csource media=\"(min-width: 769px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/0215\/5461\/files\/dune_detail10.jpg?v=1777369254\"\u003e\n        \u003cimg id=\"baBefore\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/0215\/5461\/files\/dune_detail10.jpg?v=1777369254\" alt=\"Before\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n      \n      \u003cdiv class=\"ba-after\" id=\"baAfter\"\u003e\n        \u003cpicture\u003e\n          \u003csource media=\"(max-width: 768px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/0215\/5461\/files\/dune_mobile03.jpg?v=1778207133\"\u003e\n          \u003csource media=\"(min-width: 769px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/0215\/5461\/files\/dune_detail9.jpg?v=1777369247\"\u003e\n          \u003cimg id=\"baAfterImg\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/0215\/5461\/files\/dune_detail9.jpg?v=1777369247\" alt=\"After\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"ba-line\" id=\"baLine\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"ba-handle\" id=\"baHandle\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\n          \u003cpath d=\"M11.998 19.4521L11.998 4.54715\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M6.58008 19.4521L6.58008 4.54715\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M17.4199 19.4521V4.54715\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ba-before-label\"\u003eBEFORE\u003c\/div\u003e\n      \u003cdiv class=\"ba-after-label\"\u003eAFTER\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n  \u003c!-- ========== 9. More Fabric Options Section ========== --\u003e\n  \u003cdiv class=\"sw-container more-options-section\"\u003e\n    \u003ch2 style=\"font-size: 32px; font-weight: 700; text-align: center; color: #000000; margin-bottom: 2rem;\"\u003eMore Fabric Options\u003c\/h2\u003e\n    \u003cdiv class=\"sw-full-image\" style=\"margin-bottom: 2rem;\"\u003e\n    \u003cpicture\u003e\n      \u003csource media=\"(max-width: 768px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/0215\/5461\/files\/dune_mobile05.jpg?v=1778207141\" width=\"800\" height=\"auto\"\u003e\n      \u003csource media=\"(min-width: 769px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/0215\/5461\/files\/dune_detail11.jpg?v=1777369256\" width=\"1500\" height=\"auto\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0573\/0215\/5461\/files\/dune_detail11.jpg?v=1777369256\" alt=\"More Fabric Options\" loading=\"lazy\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n  \u003c\/div\u003e\n\u003cdiv style=\"text-align:center; font-size:12px; letter-spacing:1px; color:#999; margin-top:10px;\"\u003e\nIVORY • OATMEAL • FLAX GREY • DRIFTWOOD\n\u003c\/div\u003e\n \u003cp\u003e \u003c\/p\u003e\n\u003ch2 style=\"font-size: 32px; font-weight: 700; text-align: center; color: #000000; margin-bottom: 2rem;\"\u003eComfort, Convenience \u0026amp; Confidence\u003c\/h2\u003e\n    \u003cp\u003e \u003c\/p\u003e\n   \u003cp style=\"text-align: center; color: #666; max-width: 700px; margin: 0 auto 2.5rem auto; line-height: 1.6;\"\u003e\n  Each fabric option is designed with both style and performance in mind. Below are a few practical details to help you choose with confidence.\n\u003c\/p\u003e\n    \n    \u003cdiv class=\"features-grid\"\u003e\n      \u003cdiv class=\"feature-item\"\u003e\n        \u003ch4 style=\"font-size:16px; font-weight:600; color:#000; margin-bottom:10px;\"\u003eMade to Measure\u003c\/h4\u003e\n        \u003cp\u003eCustomize your space with our made-to-measure smart shades, available in a variety of fabrics, to enhance your home with convenient and energy-saving living experiences.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"feature-item\"\u003e\n        \u003ch4 style=\"font-size: 1.5rem; font-weight: 700; color: #000000; margin-bottom: 0.75rem;\"\u003eBattery-powered\u003c\/h4\u003e\n        \u003cp\u003eSmartWings shades feature a rechargeable motor that operates for 4-6 months on a full charge. Recharge them effortlessly using a Type-C cable or a solar panel for continuous convenience.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"feature-item\"\u003e\n        \u003ch4 style=\"font-size: 1.5rem; font-weight: 700; color: #000000; margin-bottom: 0.75rem;\"\u003eWhat's Included\u003c\/h4\u003e\n        \u003cp\u003eEach order of our smart blinds comes complete with user manuals, charging cables, installation screws, and brackets, ensuring a straightforward setup process. Additionally, all shades are backed by a 3-year warranty for your peace of mind.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- ========== The Transformation Interactive Script ========== --\u003e\n\u003cscript\u003e\n  (function() {\n    var container = document.getElementById('baContainer');\n    var afterDiv = document.getElementById('baAfter');\n    var handle = document.getElementById('baHandle');\n    var line = document.getElementById('baLine');\n    \n    if (!container || !afterDiv || !handle) return;\n    \n    var dragging = false;\n    \n    function move(x) {\n      var rect = container.getBoundingClientRect();\n      var percent = (x - rect.left) \/ rect.width * 100;\n      percent = Math.min(100, Math.max(0, percent));\n      afterDiv.style.width = percent + '%';\n      handle.style.left = percent + '%';\n      if (line) line.style.left = percent + '%';\n    }\n    \n    handle.addEventListener('mousedown', function(e) {\n      dragging = true;\n      e.preventDefault();\n      move(e.clientX);\n    });\n    \n    window.addEventListener('mousemove', function(e) {\n      if (!dragging) return;\n      e.preventDefault();\n      move(e.clientX);\n    });\n    \n    window.addEventListener('mouseup', function() {\n      dragging = false;\n    });\n    \n    handle.addEventListener('touchstart', function(e) {\n      dragging = true;\n      e.preventDefault();\n      var touch = e.touches[0];\n      move(touch.clientX);\n    }, { passive: false });\n    \n    window.addEventListener('touchmove', function(e) {\n      if (!dragging) return;\n      e.preventDefault();\n      var touch = e.touches[0];\n      move(touch.clientX);\n    }, { passive: false });\n    \n    window.addEventListener('touchend', function() {\n      dragging = false;\n    });\n    \n    container.addEventListener('click', function(e) {\n      if (e.target === handle) return;\n      move(e.clientX);\n    });\n    \n    afterDiv.style.width = '50%';\n    handle.style.left = '50%';\n    if (line) line.style.left = '50%';\n  })();\n\u003c\/script\u003e\n\n","brand":"SmartWings","offers":[{"title":"Default Title","offer_id":45088386941125,"sku":null,"price":179.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0573\/0215\/5461\/files\/dune04.jpg?v=1777368659","url":"https:\/\/www.smartwingshome.com\/products\/smartwings-motorized-light-filtering-linen-solar-shades-5-openness-dune","provider":"SmartWings","version":"1.0","type":"link"}