{"title":"Best Seller","description":"","products":[{"product_id":"18inchgarden-scattercushion","title":"Water Resistant Outdoor Scatter Cushions Garden Furniture Decorative Pillows","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n    body {\n      margin: 0;\n      font-family: 'Roboto', sans-serif;\n    }\n\n    .topnav {\n      background-color: #E1D8CF;\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: flex-start;\n      gap: 5px;\n      padding: 10px 0;\n      position: relative;\n    }\n\n    .topnav a {\n      color: #4b6844;\n      padding: 10px 15px;\n      text-decoration: none;\n      font-size: 16px;\n      border-radius: 4px;\n      transition: background-color 0.3s ease;\n      text-transform: uppercase;\n      font-weight: 700;\n    }\n\n    .topnav a:hover {\n      background-color: #ddd;\n      color: black;\n    }\n\n    .topnav::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background-color: #4b6844;\n    }\n\n    :root {\n      --banner-height: 600px;\n      --hold-time: 40s;\n      --move-time: 2s;\n    }\n\n    * { box-sizing: border-box; margin: 0; padding: 0; }\n\n    .banner {\n      position: relative;\n      width: 121%;\n      height: var(--banner-height);\n      overflow: hidden;\n      margin-top: -0px;\n    }\n\n    .slides {\n      display: flex;\n      width: 100%;\n      animation: slideAnimation 38s infinite;\n    }\n\n    .slide {\n      flex: 0 0 100%;\n      position: relative;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .slide img,\n    .slide iframe {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      display: block;\n      border: none;\n    }\n\n    .shop-btn {\n      position: absolute;\n      top: 80px;\n      left: 80px;\n      z-index: 100;\n      background: #ffffff;\n      color: #4b6844;\n      font-size: 20px;\n      font-weight: 750;\n      padding: 14px 30px;\n      border: 2px solid #4b6844;\n      border-radius: 6px;\n      cursor: pointer;\n      transition: background 0.3s, color 0.3s;\n      text-transform: uppercase;\n      font-family: 'Poppins', sans-serif;\n      text-decoration: none;\n    }\n\n    .shop-btn:hover {\n      background: #4b6844;\n      color: #00;\n    }\n\n@keyframes slideAnimation {\n  0%   { transform: translateX(0%); }       \/* Slide 1 start *\/\n  10%  { transform: translateX(0%); }       \/* Hold Slide 1 *\/\n\n  15%  { transform: translateX(-100%); }    \/* Slide 2 *\/\n  25%  { transform: translateX(-100%); }    \/* Hold Slide 2 *\/\n\n  30%  { transform: translateX(-200%); }    \/* Video slide *\/\n  92%  { transform: translateX(-200%); }    \/* Hold video long (~30s) *\/\n\n  100% { transform: translateX(0%); }       \/* Back to start *\/\n}\n    .product-features h2 {\n      font-size: 26px;\n      font-weight: 700;\n      color: #4b6844;\n      text-align: center;\n      margin-bottom: 20px;\n      text-transform: uppercase;\n    }\n    .product-features ul {\n      list-style-type: disc;\n      list-style-position: inside;\n      margin: 0;\n    }\n    .product-features li {\n      margin-bottom: 12px;\n      line-height: 1.5;\n      color: #333;\n      padding-left: 30px;\n      text-indent: 0;\n      font-size: 18px;\n    }\n.description-section {\n  width: 100%;\n  max-width: 1300px;\n  margin: 40px auto;\n  padding: 0 60px;  \/* 👈 wider left\/right space *\/\n  font-family: 'Poppins', sans-serif;\n  color: #333;\n  font-size: 18px;\n  line-height: 1.9; \/* 👈 adds nice space between lines *\/\n  text-align: left;\n}\n\n.description-section p {\n  margin-bottom: 18px !important; \/* 👈 adds gap between paragraphs *\/\n}\n\n\/* ✅ Full-screen fit for second video *\/\n.video-full iframe {\n    width: 80%;\n      height: 105%;\n      object-fit: contain;\n      display: block;\n      border: none;\n}\n    @media (max-width:720px) { .banner { height: 250px; } }\n    @media (max-width:420px) { .banner { height: 180px; } }\n  \/* ✅ Mobile \u0026 Tablet Friendly Optimization *\/\n  @media (max-width: 1024px) {\n    .banner {\n      width: 100%;\n      height: 420px;\n    }\n    .slide img, \n    .slide iframe {\n      object-fit: contain;\n    }\n    .video-full iframe {\n      width: 100%;\n      height: 280px;\n    }\n    .shop-btn {\n      top: 30px;\n      left: 30px;\n      font-size: 16px;\n      padding: 10px 20px;\n    }\n  }\n\n  @media (max-width: 720px) {\n    .banner {\n      width: 100%;\n      height: 260px;\n    }\n    .topnav {\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 2px;\n      padding: 8px 0;\n    }\n    .topnav a {\n      font-size: 13px;\n      padding: 6px 8px;\n    }\n    .product-features h2 {\n      font-size: 20px;\n    }\n    .product-features li {\n      font-size: 15px;\n      line-height: 1.6;\n    }\n    .description-section {\n      padding: 0 10px;\n      font-size: 16px;\n      line-height: 1.6;\n    }\n    .video-full iframe {\n      width: 100%;\n      height: 230px;\n    }\n    .shop-btn {\n      top: 15px;\n      left: 15px;\n      font-size: 14px;\n      padding: 8px 14px;\n    }\n    div[style*=\"width: 122%\"] {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 8px auto !important;\n    }\n    div[style*=\"width: 122%\"] img {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n    }\n  }\n\n  @media (max-width: 420px) {\n    .banner { height: 180px; }\n    .video-full iframe { height: 200px; }\n    .shop-btn { font-size: 12px; padding: 6px 10px; }\n    .product-features h2 { font-size: 18px; }\n    .product-features li { font-size: 14px; }\n  }\n\n  \/* ✅ MOBILE FIX — Remove side white space *\/\n  @media (max-width: 1024px) {\n    html, body {\n      overflow-x: hidden !important;\n    }\n\n    .banner,\n    div[style*=\"width: 121%\"],\n    div[style*=\"width: 122%\"],\n    .slides {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 0 auto !important;\n    }\n\n    img, iframe {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n      display: block !important;\n    }\n\n    .description-section {\n      padding: 0 12px !important;\n    }\n  }\n\u003c\/style\u003e\n\u003cnav class=\"topnav\"\u003e\u003ca href=\"https:\/\/gardenistauk.com\/\"\u003eHOME\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/all-scatter-cushions\"\u003eOUTDOOR CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/cushion-covers\"\u003eCUSHION COVERS\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/chair-cushions\"\u003eCHAIR CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/lounger-pads-cushions\"\u003eLOUNGER CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/bench-accessories\"\u003eBENCH PAD\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/chairs\"\u003eSEAT PAD\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/rattan-replacement\"\u003eRATTAN CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/pallet-seating-accessories\"\u003ePALLET CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/furniture\"\u003eFURNITURE COVER\u003c\/a\u003e\u003c\/nav\u003e\n\u003cdiv class=\"banner\"\u003e\n\u003cdiv class=\"slides\"\u003e\n\u003cdiv class=\"slide\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/dVLX3RB7\/1.jpg\" alt=\"Slide 1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/vmnNLQC8\/2.jpg\" alt=\"Slide 2\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\u003ciframe src=\"https:\/\/www.youtube.com\/embed\/GfjcGOwk5K8?autoplay=1\u0026amp;mute=1\u0026amp;controls=0\u0026amp;loop=1\u0026amp;playlist=GfjcGOwk5K8\u0026amp;modestbranding=1\u0026amp;rel=0\" title=\"YouTube video banner\"\u003e\u003c\/iframe\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ca href=\"https:\/\/gardenistauk.com\/pages\/about-us\" class=\"shop-btn\"\u003eGARDENISTA\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-features\"\u003e\n\u003ch2 style=\"text-align: center;\"\u003e                              Product Features\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eOutdoor cushions filled with hollowfibre padding for instant comfort and support.\u003c\/li\u003e\n\u003cli\u003eFeatures a hidden zip for effortless removal and cleaning of the cushion cover.\u003c\/li\u003e\n\u003cli\u003eAvailable in a variety of colours to complement your outdoor décor.\u003cbr\u003e\n\u003c\/li\u003e\n\u003cli\u003eEnhances the elegance of your outdoor seating area.\u003cbr\u003e\n\u003c\/li\u003e\n\u003cli\u003eMade from water-resistant materials for durability and protection against light rain or spills.\u003c\/li\u003e\n\u003cli\u003eIdeal for outdoor spaces such as gardens, patios, and other seating areas.\u003c\/li\u003e\n\u003cli\u003eWe recommend storing it away when not in use.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv style=\"text-align: start; margin-bottom: 20px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"width: 121%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 0;\" alt=\"Product Post Image\" src=\"https:\/\/i.postimg.cc\/QMpXWLMM\/product-feature.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"description-section\"\u003e\n\u003cp\u003eAdd comfort and style to any space with our Premium 18\" Water Resistant Scatter Cushion. Perfect indoors or out, these cushions are crafted from soft, water-resistant fabric and filled with plush hollowfibre. Enjoy worry-free relaxation thanks to their durable design, easy-clean removable covers, and vibrant colour options.\u003c\/p\u003e\n\u003cp\u003eFrom your dining room to your garden patio, our Premium 18\" Water Resistant Scatter Cushion is the perfect versatile accent. These durable cushions are made with water-resistant polyester and filled with comfortable hollowfibre, making them ideal for both indoor and outdoor use. Spills are no problem thanks to the removable, washable cover. Available in a range of colours to complement any decor!\u003c\/p\u003e\n\u003cp\u003eFrom your dining room to your garden patio, our Premium 18\" Water Resistant Scatter Cushion is the perfect versatile accent. These durable cushions are made with water-resistant polyester and filled with comfortable hollowfibre, making them ideal for both indoor and outdoor use. Spills are no problem thanks to the removable, washable cover. Available in a range of colours to complement any decor!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 👇 Yahan ye code paste karna hai --\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\" alt=\"Product Post Image\" src=\"https:\/\/i.postimg.cc\/bJ1knYg9\/06-2.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\" alt=\"Product Post Image\" src=\"https:\/\/i.postimg.cc\/ryWKryjM\/05.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\" alt=\"Product Post Image\" src=\"https:\/\/i.postimg.cc\/fTfy8H1m\/02.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cbr\u003e\u003c\/div\u003e","brand":"Gardenista®","offers":[{"title":"Black \/ Pack of 1","offer_id":37737700360341,"sku":"CC C1 B398 18\" Black","price":12.97,"currency_code":"GBP","in_stock":true},{"title":"Black \/ Pack of 2","offer_id":37737700425877,"sku":"CC C1 B398 18\" Black 2pk","price":19.97,"currency_code":"GBP","in_stock":true},{"title":"Black \/ Pack of 4","offer_id":37737700458645,"sku":"CC C1 B398 18\" Black 4pk","price":29.97,"currency_code":"GBP","in_stock":true},{"title":"Black \/ Pack of 6","offer_id":37737700491413,"sku":"CC C1 B398 18\" Black 6pk","price":44.97,"currency_code":"GBP","in_stock":true},{"title":"Black \/ Pack of 8","offer_id":37737700524181,"sku":"CC C1 B398 18\" Black 8pk","price":54.97,"currency_code":"GBP","in_stock":true},{"title":"Black \/ Pack of 10","offer_id":37737700393109,"sku":"CC C1 B398 18\" Black 10pk","price":69.97,"currency_code":"GBP","in_stock":true},{"title":"Blue \/ Pack of 1","offer_id":37737700556949,"sku":"CC C1 B398 18\" Blue","price":12.97,"currency_code":"GBP","in_stock":true},{"title":"Blue \/ Pack of 2","offer_id":37737700622485,"sku":"CC C1 B398 18\" Blue 2pk","price":19.97,"currency_code":"GBP","in_stock":true},{"title":"Blue \/ Pack of 4","offer_id":37737700655253,"sku":"CC C1 B398 18\" Blue 4pk","price":29.97,"currency_code":"GBP","in_stock":true},{"title":"Blue \/ Pack of 6","offer_id":37737700688021,"sku":"CC C1 B398 18\" Blue 6pk","price":44.97,"currency_code":"GBP","in_stock":true},{"title":"Blue \/ Pack of 8","offer_id":37737700720789,"sku":"CC C1 B398 18\" Blue 8pk","price":54.97,"currency_code":"GBP","in_stock":true},{"title":"Blue \/ Pack of 10","offer_id":37737700589717,"sku":"CC C1 B398 18\" Blue 10pk","price":69.97,"currency_code":"GBP","in_stock":true},{"title":"Green \/ Pack of 1","offer_id":37737700753557,"sku":"CC C1 B398 18\" Green","price":12.97,"currency_code":"GBP","in_stock":true},{"title":"Green \/ Pack of 2","offer_id":37737700819093,"sku":"CC C1 B398 18\" Green 2pk","price":19.97,"currency_code":"GBP","in_stock":true},{"title":"Green \/ Pack of 4","offer_id":37737700851861,"sku":"CC C1 B398 18\" Green 4pk","price":29.97,"currency_code":"GBP","in_stock":true},{"title":"Green \/ Pack of 6","offer_id":37737700884629,"sku":"CC C1 B398 18\" Green 6pk","price":44.97,"currency_code":"GBP","in_stock":true},{"title":"Green \/ Pack of 8","offer_id":37737700917397,"sku":"CC C1 B398 18\" Green 8pk","price":54.97,"currency_code":"GBP","in_stock":true},{"title":"Green \/ Pack of 10","offer_id":37737700786325,"sku":"CC C1 B398 18\" Green 10pk","price":69.97,"currency_code":"GBP","in_stock":true},{"title":"Grey \/ Pack of 1","offer_id":37737700950165,"sku":"CC C1 B398 18\" Grey","price":12.97,"currency_code":"GBP","in_stock":true},{"title":"Grey \/ Pack of 2","offer_id":37737701015701,"sku":"CC C1 B398 18\" Grey 2pk","price":19.97,"currency_code":"GBP","in_stock":true},{"title":"Grey \/ Pack of 4","offer_id":37737701048469,"sku":"CC C1 B398 18\" Grey 4pk","price":29.97,"currency_code":"GBP","in_stock":true},{"title":"Grey \/ Pack of 6","offer_id":37737701081237,"sku":"CC C1 B398 18\" Grey 6pk","price":44.97,"currency_code":"GBP","in_stock":true},{"title":"Grey \/ Pack of 8","offer_id":37737701114005,"sku":"CC C1 B398 18\" Grey 8pk","price":54.97,"currency_code":"GBP","in_stock":true},{"title":"Grey \/ Pack of 10","offer_id":37737700982933,"sku":"CC C1 B398 18\" Grey 10pk","price":69.97,"currency_code":"GBP","in_stock":true},{"title":"Lime \/ Pack of 1","offer_id":37737701146773,"sku":"CC C1 B398 18\" Lime","price":12.97,"currency_code":"GBP","in_stock":true},{"title":"Lime \/ Pack of 2","offer_id":37737701212309,"sku":"CC C1 B398 18\" Lime 2pk","price":19.97,"currency_code":"GBP","in_stock":true},{"title":"Lime \/ Pack of 4","offer_id":37737701245077,"sku":"CC C1 B398 18\" Lime 4pk","price":29.97,"currency_code":"GBP","in_stock":true},{"title":"Lime \/ Pack of 6","offer_id":37737701277845,"sku":"CC C1 B398 18\" Lime 6pk","price":44.97,"currency_code":"GBP","in_stock":true},{"title":"Lime \/ Pack of 8","offer_id":37737701310613,"sku":"CC C1 B398 18\" Lime 8pk","price":54.97,"currency_code":"GBP","in_stock":true},{"title":"Lime \/ Pack of 10","offer_id":37737701179541,"sku":"CC C1 B398 18\" Lime 10pk","price":69.97,"currency_code":"GBP","in_stock":true},{"title":"Orange \/ Pack of 1","offer_id":37737701343381,"sku":"CC C1 B398 18\" Orange","price":12.97,"currency_code":"GBP","in_stock":true},{"title":"Orange \/ Pack of 2","offer_id":37737701408917,"sku":"CC C1 B398 18\" Orange 2pk","price":19.97,"currency_code":"GBP","in_stock":true},{"title":"Orange \/ Pack of 4","offer_id":37737701441685,"sku":"CC C1 B398 18\" Orange 4pk","price":29.97,"currency_code":"GBP","in_stock":true},{"title":"Orange \/ Pack of 6","offer_id":37737701474453,"sku":"CC C1 B398 18\" Orange 6pk","price":44.97,"currency_code":"GBP","in_stock":true},{"title":"Orange \/ Pack of 8","offer_id":37737701507221,"sku":"CC C1 B398 18\" Orange 8pk","price":54.97,"currency_code":"GBP","in_stock":true},{"title":"Orange \/ Pack of 10","offer_id":37737701376149,"sku":"CC C1 B398 18\" Orange 10pk","price":69.97,"currency_code":"GBP","in_stock":true},{"title":"Pink \/ Pack of 1","offer_id":37737701539989,"sku":"CC C1 B398 18\" Pink","price":12.97,"currency_code":"GBP","in_stock":true},{"title":"Pink \/ Pack of 2","offer_id":37737701605525,"sku":"CC C1 B398 18\" Pink 2pk","price":19.97,"currency_code":"GBP","in_stock":true},{"title":"Pink \/ Pack of 4","offer_id":37737701638293,"sku":"CC C1 B398 18\" Pink 4pk","price":29.97,"currency_code":"GBP","in_stock":true},{"title":"Pink \/ Pack of 6","offer_id":37737701671061,"sku":"CC C1 B398 18\" Pink 6pk","price":44.97,"currency_code":"GBP","in_stock":true},{"title":"Pink \/ Pack of 8","offer_id":37737701703829,"sku":"CC C1 B398 18\" Pink 8pk","price":54.97,"currency_code":"GBP","in_stock":true},{"title":"Pink \/ Pack of 10","offer_id":37737701572757,"sku":"CC C1 B398 18\" Pink 10pk","price":69.97,"currency_code":"GBP","in_stock":true},{"title":"Purple \/ Pack of 1","offer_id":37737701736597,"sku":"CC C1 B398 18\" Purple","price":12.97,"currency_code":"GBP","in_stock":true},{"title":"Purple \/ Pack of 2","offer_id":37737701802133,"sku":"CC C1 B398 18\" Purple 2pk","price":19.97,"currency_code":"GBP","in_stock":true},{"title":"Purple \/ Pack of 4","offer_id":37737701834901,"sku":"CC C1 B398 18\" Purple 4pk","price":29.97,"currency_code":"GBP","in_stock":true},{"title":"Purple \/ Pack of 6","offer_id":37737701867669,"sku":"CC C1 B398 18\" Purple 6pk","price":44.97,"currency_code":"GBP","in_stock":true},{"title":"Purple \/ Pack of 8","offer_id":37737701900437,"sku":"CC C1 B398 18\" Purple 8pk","price":54.97,"currency_code":"GBP","in_stock":true},{"title":"Purple \/ Pack of 10","offer_id":37737701769365,"sku":"CC C1 B398 18\" Purple 10pk","price":69.97,"currency_code":"GBP","in_stock":true},{"title":"Red \/ Pack of 1","offer_id":37737701933205,"sku":"CC C1 B398 18\" Red","price":12.97,"currency_code":"GBP","in_stock":true},{"title":"Red \/ Pack of 2","offer_id":37737701998741,"sku":"CC C1 B398 18\" Red 2pk","price":19.97,"currency_code":"GBP","in_stock":true},{"title":"Red \/ Pack of 4","offer_id":37737702031509,"sku":"CC C1 B398 18\" Red 4pk","price":29.97,"currency_code":"GBP","in_stock":true},{"title":"Red \/ Pack of 6","offer_id":37737702064277,"sku":"CC C1 B398 18\" Red 6pk","price":44.97,"currency_code":"GBP","in_stock":true},{"title":"Red \/ Pack of 8","offer_id":37737702097045,"sku":"CC C1 B398 18\" Red 8pk","price":54.97,"currency_code":"GBP","in_stock":true},{"title":"Red \/ Pack of 10","offer_id":37737701965973,"sku":"CC C1 B398 18\" Red 10pk","price":69.97,"currency_code":"GBP","in_stock":true},{"title":"Stone \/ Pack of 1","offer_id":37737702129813,"sku":"CC C1 B398 18\" Stone","price":12.97,"currency_code":"GBP","in_stock":true},{"title":"Stone \/ Pack of 2","offer_id":37737702195349,"sku":"CC C1 B398 18\" Stone 2pk","price":19.97,"currency_code":"GBP","in_stock":true},{"title":"Stone \/ Pack of 4","offer_id":37737702228117,"sku":"CC C1 B398 18\" Stone 4pk","price":29.97,"currency_code":"GBP","in_stock":true},{"title":"Stone \/ Pack of 6","offer_id":37737702260885,"sku":"CC C1 B398 18\" Stone 6pk","price":44.97,"currency_code":"GBP","in_stock":true},{"title":"Stone \/ Pack of 8","offer_id":37737702293653,"sku":"CC C1 B398 18\" Stone 8pk","price":54.97,"currency_code":"GBP","in_stock":true},{"title":"Stone \/ Pack of 10","offer_id":37737702162581,"sku":"CC C1 B398 18\" Stone 10pk","price":69.97,"currency_code":"GBP","in_stock":true},{"title":"Turquoise \/ Pack of 1","offer_id":37737702326421,"sku":"CC C1 B398 18\" Turq","price":12.97,"currency_code":"GBP","in_stock":true},{"title":"Turquoise \/ Pack of 2","offer_id":37737702391957,"sku":"CC C1 B398 18\" Turq 2pk","price":19.97,"currency_code":"GBP","in_stock":true},{"title":"Turquoise \/ Pack of 4","offer_id":37737702424725,"sku":"CC C1 B398 18\" Turq 4pk","price":29.97,"currency_code":"GBP","in_stock":true},{"title":"Turquoise \/ Pack of 6","offer_id":37737702457493,"sku":"CC C1 B398 18\" Turq 6pk","price":44.97,"currency_code":"GBP","in_stock":true},{"title":"Turquoise \/ Pack of 8","offer_id":37737702490261,"sku":"CC C1 B398 18\" Turq 8pk","price":54.97,"currency_code":"GBP","in_stock":true},{"title":"Turquoise \/ Pack of 10","offer_id":37737702359189,"sku":"CC C1 B398 18\" Turq 10pk","price":69.97,"currency_code":"GBP","in_stock":true},{"title":"Yellow \/ Pack of 1","offer_id":37737702523029,"sku":"CC C1 B398 18\" Yellow","price":12.97,"currency_code":"GBP","in_stock":true},{"title":"Yellow \/ Pack of 2","offer_id":37737702588565,"sku":"CC C1 B398 18\" Yellow 2pk","price":19.97,"currency_code":"GBP","in_stock":true},{"title":"Yellow \/ Pack of 4","offer_id":37737702621333,"sku":"CC C1 B398 18\" Yellow 4pk","price":29.97,"currency_code":"GBP","in_stock":true},{"title":"Yellow \/ Pack of 6","offer_id":37737702654101,"sku":"CC C1 B398 18\" Yellow 6pk","price":44.97,"currency_code":"GBP","in_stock":true},{"title":"Yellow \/ Pack of 8","offer_id":37737702686869,"sku":"CC C1 B398 18\" Yellow 8pk","price":54.97,"currency_code":"GBP","in_stock":true},{"title":"Yellow \/ Pack of 10","offer_id":37737702555797,"sku":"CC C1 B398 18\" Yellow 10pk","price":69.97,"currency_code":"GBP","in_stock":true},{"title":"Navy \/ Pack of 1","offer_id":44622126219581,"sku":"CC C1 B398 18\" Navy","price":12.97,"currency_code":"GBP","in_stock":true},{"title":"Navy \/ Pack of 2","offer_id":44622126252349,"sku":"CC C1 B398 18\" Navy 2pk","price":19.97,"currency_code":"GBP","in_stock":true},{"title":"Navy \/ Pack of 4","offer_id":44622126285117,"sku":"CC C1 B398 18\" Navy 4pk","price":29.97,"currency_code":"GBP","in_stock":true},{"title":"Navy \/ Pack of 6","offer_id":44622126317885,"sku":"CC C1 B398 18\" Navy 6pk","price":44.97,"currency_code":"GBP","in_stock":true},{"title":"Navy \/ Pack of 8","offer_id":44622126350653,"sku":"CC C1 B398 18\" Navy 8pk","price":54.97,"currency_code":"GBP","in_stock":true},{"title":"Navy \/ Pack of 10","offer_id":44622126383421,"sku":"CC C1 B398 18\" Navy 10pk","price":69.97,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0513\/2563\/2661\/products\/C1PlainCollectionStudio.jpg?v=1768452704"},{"product_id":"24inch-throwcushion","title":"Water Resistant Scatter Cushions Outdoor Square Pillow Chair Cushion","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n    body {\n      margin: 0;\n      font-family: 'Roboto', sans-serif;\n    }\n\n    .topnav {\n      background-color: #E1D8CF;\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: flex-start;\n      gap: 5px;\n      padding: 10px 0;\n      position: relative;\n    }\n\n    .topnav a {\n      color: #4b6844;\n      padding: 10px 15px;\n      text-decoration: none;\n      font-size: 16px;\n      border-radius: 4px;\n      transition: background-color 0.3s ease;\n      text-transform: uppercase;\n      font-weight: 700;\n    }\n\n    .topnav a:hover {\n      background-color: #ddd;\n      color: black;\n    }\n\n    .topnav::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background-color: #4b6844;\n    }\n\n    :root {\n      --banner-height: 600px;\n      --hold-time: 40s;\n      --move-time: 2s;\n    }\n\n    * { box-sizing: border-box; margin: 0; padding: 0; }\n\n    .banner {\n      position: relative;\n      width: 121%;\n      height: var(--banner-height);\n      overflow: hidden;\n      margin-top: -0px;\n    }\n\n    .slides {\n      display: flex;\n      width: 100%;\n      animation: slideAnimation 38s infinite;\n    }\n\n    .slide {\n      flex: 0 0 100%;\n      position: relative;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .slide img,\n    .slide iframe {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      display: block;\n      border: none;\n    }\n\n    .shop-btn {\n      position: absolute;\n      top: 80px;\n      left: 80px;\n      z-index: 100;\n      background: #ffffff;\n      color: #4b6844;\n      font-size: 20px;\n      font-weight: 750;\n      padding: 14px 30px;\n      border: 2px solid #4b6844;\n      border-radius: 6px;\n      cursor: pointer;\n      transition: background 0.3s, color 0.3s;\n      text-transform: uppercase;\n      font-family: 'Poppins', sans-serif;\n      text-decoration: none;\n    }\n\n    .shop-btn:hover {\n      background: #4b6844;\n      color: #00;\n    }\n\n@keyframes slideAnimation {\n  0%   { transform: translateX(0%); }       \/* Slide 1 start *\/\n  10%  { transform: translateX(0%); }       \/* Hold Slide 1 *\/\n\n  15%  { transform: translateX(-100%); }    \/* Slide 2 *\/\n  25%  { transform: translateX(-100%); }    \/* Hold Slide 2 *\/\n\n  30%  { transform: translateX(-200%); }    \/* Video slide *\/\n  92%  { transform: translateX(-200%); }    \/* Hold video long (~30s) *\/\n\n  100% { transform: translateX(0%); }       \/* Back to start *\/\n}\n    .product-features h2 {\n      font-size: 26px;\n      font-weight: 700;\n      color: #4b6844;\n      text-align: center;\n      margin-bottom: 20px;\n      text-transform: uppercase;\n    }\n    .product-features ul {\n      list-style-type: disc;\n      list-style-position: inside;\n      margin: 0;\n    }\n    .product-features li {\n      margin-bottom: 12px;\n      line-height: 1.5;\n      color: #333;\n      padding-left: 30px;\n      text-indent: 0;\n      font-size: 18px;\n    }\n.description-section {\n  width: 100%;\n  max-width: 1300px;\n  margin: 40px auto;\n  padding: 0 60px;  \/* 👈 wider left\/right space *\/\n  font-family: 'Poppins', sans-serif;\n  color: #333;\n  font-size: 18px;\n  line-height: 1.9; \/* 👈 adds nice space between lines *\/\n  text-align: left;\n}\n\n.description-section p {\n  margin-bottom: 18px !important; \/* 👈 adds gap between paragraphs *\/\n}\n\n\/* ✅ Full-screen fit for second video *\/\n.video-full iframe {\n    width: 80%;\n      height: 105%;\n      object-fit: contain;\n      display: block;\n      border: none;\n}\n    @media (max-width:720px) { .banner { height: 250px; } }\n    @media (max-width:420px) { .banner { height: 180px; } }\n  \/* ✅ Mobile \u0026 Tablet Friendly Optimization *\/\n  @media (max-width: 1024px) {\n    .banner {\n      width: 100%;\n      height: 420px;\n    }\n    .slide img, \n    .slide iframe {\n      object-fit: contain;\n    }\n    .video-full iframe {\n      width: 100%;\n      height: 280px;\n    }\n    .shop-btn {\n      top: 30px;\n      left: 30px;\n      font-size: 16px;\n      padding: 10px 20px;\n    }\n  }\n\n  @media (max-width: 720px) {\n    .banner {\n      width: 100%;\n      height: 260px;\n    }\n    .topnav {\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 2px;\n      padding: 8px 0;\n    }\n    .topnav a {\n      font-size: 13px;\n      padding: 6px 8px;\n    }\n    .product-features h2 {\n      font-size: 20px;\n    }\n    .product-features li {\n      font-size: 15px;\n      line-height: 1.6;\n    }\n    .description-section {\n      padding: 0 10px;\n      font-size: 16px;\n      line-height: 1.6;\n    }\n    .video-full iframe {\n      width: 100%;\n      height: 230px;\n    }\n    .shop-btn {\n      top: 15px;\n      left: 15px;\n      font-size: 14px;\n      padding: 8px 14px;\n    }\n    div[style*=\"width: 122%\"] {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 8px auto !important;\n    }\n    div[style*=\"width: 122%\"] img {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n    }\n  }\n\n  @media (max-width: 420px) {\n    .banner { height: 180px; }\n    .video-full iframe { height: 200px; }\n    .shop-btn { font-size: 12px; padding: 6px 10px; }\n    .product-features h2 { font-size: 18px; }\n    .product-features li { font-size: 14px; }\n  }\n\n  \/* ✅ MOBILE FIX — Remove side white space *\/\n  @media (max-width: 1024px) {\n    html, body {\n      overflow-x: hidden !important;\n    }\n\n    .banner,\n    div[style*=\"width: 121%\"],\n    div[style*=\"width: 122%\"],\n    .slides {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 0 auto !important;\n    }\n\n    img, iframe {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n      display: block !important;\n    }\n\n    .description-section {\n      padding: 0 12px !important;\n    }\n  }\n\u003c\/style\u003e\n\u003cnav class=\"topnav\"\u003e\u003ca href=\"https:\/\/gardenistauk.com\/\"\u003eHOME\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/all-scatter-cushions\"\u003eOUTDOOR CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/cushion-covers\"\u003eCUSHION COVERS\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/chair-cushions\"\u003eCHAIR CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/lounger-pads-cushions\"\u003eLOUNGER CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/bench-accessories\"\u003eBENCH PAD\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/chairs\"\u003eSEAT PAD\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/rattan-replacement\"\u003eRATTAN CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/pallet-seating-accessories\"\u003ePALLET CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/furniture\"\u003eFURNITURE COVER\u003c\/a\u003e\u003c\/nav\u003e\n\u003cdiv class=\"banner\"\u003e\n\u003cdiv class=\"slides\"\u003e\n\u003cdiv class=\"slide\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/dVLX3RB7\/1.jpg\" alt=\"Slide 1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/vmnNLQC8\/2.jpg\" alt=\"Slide 2\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\u003ciframe src=\"https:\/\/www.youtube.com\/embed\/GfjcGOwk5K8?autoplay=1\u0026amp;mute=1\u0026amp;controls=0\u0026amp;loop=1\u0026amp;playlist=GfjcGOwk5K8\u0026amp;modestbranding=1\u0026amp;rel=0\" title=\"YouTube video banner\"\u003e\u003c\/iframe\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ca href=\"https:\/\/gardenistauk.com\/pages\/about-us\" class=\"shop-btn\"\u003eGARDENISTA\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-features\"\u003e\n\u003ch2 style=\"text-align: center;\"\u003e                              Product Features\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eReady-filled with hollowfibre inner liners padding for immediate comfort and support\u003c\/li\u003e\n\u003cli\u003eHidden zip design for easy removal and cleaning the cushion cover\u003cbr\u003e\n\u003c\/li\u003e\n\u003cli\u003eA range of colours are available to match your outdoor décor style.\u003cbr\u003e\n\u003c\/li\u003e\n\u003cli\u003eAdds an elegant touch to your outdoor seating arrangement.\u003cbr\u003e\n\u003c\/li\u003e\n\u003cli\u003eWater-resistant materials for durability and protection against light rain or spills.\u003c\/li\u003e\n\u003cli\u003eSuitable for outdoor use in gardens, patios, and other outside seating areas.\u003c\/li\u003e\n\u003cli\u003eWe recommend storing it away when not in use.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv style=\"text-align: start; margin-bottom: 20px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"width: 121%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 0;\" alt=\"Product Post Image\" src=\"https:\/\/i.postimg.cc\/QMpXWLMM\/product-feature.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"description-section\"\u003e\n\u003cp\u003eIntroducing our versatile Premium 24\" Water Resistant Scatter Cushion, the ideal addition to both your indoor and outdoor spaces. Whether you're lounging in the garden or adding comfort to your dining room, these cushions are designed for both style and durability.\u003c\/p\u003e\n\u003cp\u003eCrafted from soft, water-resistant polyester fabric, these cushions are filled with comfortable hollowfibre filling, ensuring a plush experience whether you're sitting or taking a nap. Their versatility knows no bounds, fitting seamlessly into your dining room, kitchen table, conservatory, garden seating, patio, balcony, or even your living room.\u003c\/p\u003e\n\u003cp\u003eDesigned to withstand showers and spills, these cushions are the perfect solution for worry-free relaxation. With their high-quality invisible zipper, the covers are easily removable and washable, providing convenience and practicality. Available in a range of vibrant colours, our Premium 24\" Water Resistant Scatter Cushion brings both comfort and style to your home and garden.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 👇 Yahan ye code paste karna hai --\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\" alt=\"Product Post Image\" src=\"https:\/\/i.postimg.cc\/5tzCrtMh\/CC-C2-2.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\" alt=\"Product Post Image\" src=\"https:\/\/i.postimg.cc\/ryWKryjM\/05.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\" alt=\"Product Post Image\" src=\"https:\/\/i.postimg.cc\/fTfy8H1m\/02.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cbr\u003e\u003c\/div\u003e","brand":"Gardenista®","offers":[{"title":"Stone \/ Pack of 1","offer_id":37737706160277,"sku":"CC C2 B398 24\" Stone","price":12.97,"currency_code":"GBP","in_stock":false},{"title":"Stone \/ Pack of 2","offer_id":37737706225813,"sku":"CC C2 B398 24\" Stone 2pk","price":23.99,"currency_code":"GBP","in_stock":false},{"title":"Stone \/ Pack of 4","offer_id":37737706258581,"sku":"CC C2 B398 24\" Stone 4pk","price":37.99,"currency_code":"GBP","in_stock":false},{"title":"Stone \/ Pack of 6","offer_id":37737706291349,"sku":"CC C2 B398 24\" Stone 6pk","price":56.99,"currency_code":"GBP","in_stock":false},{"title":"Stone \/ Pack of 8","offer_id":37737706324117,"sku":"CC C2 B398 24\" Stone 8pk","price":75.99,"currency_code":"GBP","in_stock":false},{"title":"Stone \/ Pack of 10","offer_id":37737706193045,"sku":"CC C2 B398 24\" Stone 10pk","price":94.99,"currency_code":"GBP","in_stock":false},{"title":"Green \/ Pack of 1","offer_id":37737704784021,"sku":"CC C2 B398 24\" Green","price":12.97,"currency_code":"GBP","in_stock":false},{"title":"Green \/ Pack of 2","offer_id":37737704849557,"sku":"CC C2 B398 24\" Green 2pk","price":23.99,"currency_code":"GBP","in_stock":false},{"title":"Green \/ Pack of 4","offer_id":37737704882325,"sku":"CC C2 B398 24\" Green 4pk","price":37.99,"currency_code":"GBP","in_stock":false},{"title":"Green \/ Pack of 6","offer_id":37737704915093,"sku":"CC C2 B398 24\" Green 6pk","price":56.99,"currency_code":"GBP","in_stock":false},{"title":"Green \/ Pack of 8","offer_id":37737704947861,"sku":"CC C2 B398 24\" Green 8pk","price":75.99,"currency_code":"GBP","in_stock":false},{"title":"Green \/ Pack of 10","offer_id":37737704816789,"sku":"CC C2 B398 24\" Green 10pk","price":94.99,"currency_code":"GBP","in_stock":false},{"title":"Orange \/ Pack of 1","offer_id":37737705373845,"sku":"CC C2 B398 24\" Orange","price":12.97,"currency_code":"GBP","in_stock":false},{"title":"Orange \/ Pack of 2","offer_id":37737705439381,"sku":"CC C2 B398 24\" Orange 2pk","price":23.99,"currency_code":"GBP","in_stock":false},{"title":"Orange \/ Pack of 4","offer_id":37737705472149,"sku":"CC C2 B398 24\" Orange 4pk","price":37.99,"currency_code":"GBP","in_stock":false},{"title":"Orange \/ Pack of 6","offer_id":37737705504917,"sku":"CC C2 B398 24\" Orange 6pk","price":56.99,"currency_code":"GBP","in_stock":false},{"title":"Orange \/ Pack of 8","offer_id":37737705537685,"sku":"CC C2 B398 24\" Orange 8pk","price":75.99,"currency_code":"GBP","in_stock":false},{"title":"Orange \/ Pack of 10","offer_id":37737705406613,"sku":"CC C2 B398 24\" Orange 10pk","price":94.99,"currency_code":"GBP","in_stock":false},{"title":"Black \/ Pack of 1","offer_id":37737704390805,"sku":"CC C2 B398 24\" Black","price":12.97,"currency_code":"GBP","in_stock":false},{"title":"Black \/ Pack of 2","offer_id":37737704456341,"sku":"CC C2 B398 24\" Black 2pk","price":23.99,"currency_code":"GBP","in_stock":false},{"title":"Black \/ Pack of 4","offer_id":37737704489109,"sku":"CC C2 B398 24\" Black 4pk","price":37.99,"currency_code":"GBP","in_stock":false},{"title":"Black \/ Pack of 6","offer_id":37737704521877,"sku":"CC C2 B398 24\" Black 6pk","price":56.99,"currency_code":"GBP","in_stock":false},{"title":"Black \/ Pack of 8","offer_id":37737704554645,"sku":"CC C2 B398 24\" Black 8pk","price":75.99,"currency_code":"GBP","in_stock":false},{"title":"Black \/ Pack of 10","offer_id":37737704423573,"sku":"CC C2 B398 24\" Black 10pk","price":94.99,"currency_code":"GBP","in_stock":false},{"title":"Blue \/ Pack of 1","offer_id":37737704587413,"sku":"CC C2 B398 24\" Blue","price":12.97,"currency_code":"GBP","in_stock":false},{"title":"Blue \/ Pack of 2","offer_id":37737704652949,"sku":"CC C2 B398 24\" Blue 2pk","price":23.99,"currency_code":"GBP","in_stock":false},{"title":"Blue \/ Pack of 4","offer_id":37737704685717,"sku":"CC C2 B398 24\" Blue 4pk","price":37.99,"currency_code":"GBP","in_stock":false},{"title":"Blue \/ Pack of 6","offer_id":37737704718485,"sku":"CC C2 B398 24\" Blue 6pk","price":56.99,"currency_code":"GBP","in_stock":false},{"title":"Blue \/ Pack of 8","offer_id":37737704751253,"sku":"CC C2 B398 24\" Blue 8pk","price":75.99,"currency_code":"GBP","in_stock":false},{"title":"Blue \/ Pack of 10","offer_id":37737704620181,"sku":"CC C2 B398 24\" Blue 10pk","price":94.99,"currency_code":"GBP","in_stock":false},{"title":"Grey \/ Pack of 1","offer_id":37737704980629,"sku":"CC C2 B398 24\" Grey","price":12.97,"currency_code":"GBP","in_stock":false},{"title":"Grey \/ Pack of 2","offer_id":37737705046165,"sku":"CC C2 B398 24\" Grey 2pk","price":23.99,"currency_code":"GBP","in_stock":false},{"title":"Grey \/ Pack of 4","offer_id":37737705078933,"sku":"CC C2 B398 24\" Grey 4pk","price":37.99,"currency_code":"GBP","in_stock":false},{"title":"Grey \/ Pack of 6","offer_id":37737705111701,"sku":"CC C2 B398 24\" Grey 6pk","price":56.99,"currency_code":"GBP","in_stock":false},{"title":"Grey \/ Pack of 8","offer_id":37737705144469,"sku":"CC C2 B398 24\" Grey 8pk","price":75.99,"currency_code":"GBP","in_stock":false},{"title":"Grey \/ Pack of 10","offer_id":37737705013397,"sku":"CC C2 B398 24\" Grey 10pk","price":94.99,"currency_code":"GBP","in_stock":false},{"title":"Lime \/ Pack of 1","offer_id":37737705177237,"sku":"CC C2 B398 24\" Lime","price":12.97,"currency_code":"GBP","in_stock":false},{"title":"Lime \/ Pack of 2","offer_id":37737705242773,"sku":"CC C2 B398 24\" Lime 2pk","price":23.99,"currency_code":"GBP","in_stock":false},{"title":"Lime \/ Pack of 4","offer_id":37737705275541,"sku":"CC C2 B398 24\" Lime 4pk","price":37.99,"currency_code":"GBP","in_stock":false},{"title":"Lime \/ Pack of 6","offer_id":37737705308309,"sku":"CC C2 B398 24\" Lime 6pk","price":56.99,"currency_code":"GBP","in_stock":false},{"title":"Lime \/ Pack of 8","offer_id":37737705341077,"sku":"CC C2 B398 24\" Lime 8pk","price":75.99,"currency_code":"GBP","in_stock":false},{"title":"Lime \/ Pack of 10","offer_id":37737705210005,"sku":"CC C2 B398 24\" Lime 10pk","price":94.99,"currency_code":"GBP","in_stock":false},{"title":"Pink \/ Pack of 1","offer_id":37737705570453,"sku":"CC C2 B398 24\" Pink","price":12.97,"currency_code":"GBP","in_stock":false},{"title":"Pink \/ Pack of 2","offer_id":37737705635989,"sku":"CC C2 B398 24\" Pink 2pk","price":23.99,"currency_code":"GBP","in_stock":false},{"title":"Pink \/ Pack of 4","offer_id":37737705668757,"sku":"CC C2 B398 24\" Pink 4pk","price":37.99,"currency_code":"GBP","in_stock":false},{"title":"Pink \/ Pack of 6","offer_id":37737705701525,"sku":"CC C2 B398 24\" Pink 6pk","price":56.99,"currency_code":"GBP","in_stock":false},{"title":"Pink \/ Pack of 8","offer_id":37737705734293,"sku":"CC C2 B398 24\" Pink 8pk","price":75.99,"currency_code":"GBP","in_stock":false},{"title":"Pink \/ Pack of 10","offer_id":37737705603221,"sku":"CC C2 B398 24\" Pink 10pk","price":94.99,"currency_code":"GBP","in_stock":false},{"title":"Purple \/ Pack of 1","offer_id":37737705767061,"sku":"CC C2 B398 24\" Purple","price":12.97,"currency_code":"GBP","in_stock":false},{"title":"Purple \/ Pack of 2","offer_id":37737705832597,"sku":"CC C2 B398 24\" Purple 2pk","price":23.99,"currency_code":"GBP","in_stock":false},{"title":"Purple \/ Pack of 4","offer_id":37737705865365,"sku":"CC C2 B398 24\" Purple 4pk","price":37.99,"currency_code":"GBP","in_stock":false},{"title":"Purple \/ Pack of 6","offer_id":37737705898133,"sku":"CC C2 B398 24\" Purple 6pk","price":56.99,"currency_code":"GBP","in_stock":false},{"title":"Purple \/ Pack of 8","offer_id":37737705930901,"sku":"CC C2 B398 24\" Purple 8pk","price":75.99,"currency_code":"GBP","in_stock":false},{"title":"Purple \/ Pack of 10","offer_id":37737705799829,"sku":"CC C2 B398 24\" Purple 10pk","price":94.99,"currency_code":"GBP","in_stock":false},{"title":"Red \/ Pack of 1","offer_id":37737705963669,"sku":"CC C2 B398 24\" Red","price":12.97,"currency_code":"GBP","in_stock":false},{"title":"Red \/ Pack of 2","offer_id":37737706029205,"sku":"CC C2 B398 24\" Red 2pk","price":23.99,"currency_code":"GBP","in_stock":false},{"title":"Red \/ Pack of 4","offer_id":37737706061973,"sku":"CC C2 B398 24\" Red 4pk","price":37.99,"currency_code":"GBP","in_stock":false},{"title":"Red \/ Pack of 6","offer_id":37737706094741,"sku":"CC C2 B398 24\" Red 6pk","price":56.99,"currency_code":"GBP","in_stock":false},{"title":"Red \/ Pack of 8","offer_id":37737706127509,"sku":"CC C2 B398 24\" Red 8pk","price":75.99,"currency_code":"GBP","in_stock":false},{"title":"Red \/ Pack of 10","offer_id":37737705996437,"sku":"CC C2 B398 24\" Red 10pk","price":94.99,"currency_code":"GBP","in_stock":false},{"title":"Turquoise \/ Pack of 1","offer_id":37737706356885,"sku":"CC C2 B398 24\" Turq","price":12.97,"currency_code":"GBP","in_stock":false},{"title":"Turquoise \/ Pack of 2","offer_id":37737706422421,"sku":"CC C2 B398 24\" Turq 2pk","price":23.99,"currency_code":"GBP","in_stock":false},{"title":"Turquoise \/ Pack of 4","offer_id":37737706455189,"sku":"CC C2 B398 24\" Turq 4pk","price":37.99,"currency_code":"GBP","in_stock":false},{"title":"Turquoise \/ Pack of 6","offer_id":37737706487957,"sku":"CC C2 B398 24\" Turq 6pk","price":56.99,"currency_code":"GBP","in_stock":false},{"title":"Turquoise \/ Pack of 8","offer_id":37737706520725,"sku":"CC C2 B398 24\" Turq 8pk","price":75.99,"currency_code":"GBP","in_stock":false},{"title":"Turquoise \/ Pack of 10","offer_id":37737706389653,"sku":"CC C2 B398 24\" Turq 10pk","price":94.99,"currency_code":"GBP","in_stock":false},{"title":"Yellow \/ Pack of 1","offer_id":37737706553493,"sku":"CC C2 B398 24\" Yellow","price":12.97,"currency_code":"GBP","in_stock":false},{"title":"Yellow \/ Pack of 4","offer_id":37737706619029,"sku":"CC C2 B398 24\" Yellow 4pk","price":37.99,"currency_code":"GBP","in_stock":false},{"title":"Yellow \/ Pack of 6","offer_id":37737706651797,"sku":"CC C2 B398 24\" Yellow 6pk","price":56.99,"currency_code":"GBP","in_stock":false},{"title":"Yellow \/ Pack of 8","offer_id":37737706684565,"sku":"CC C2 B398 24\" Yellow 8pk","price":75.99,"currency_code":"GBP","in_stock":false},{"title":"Yellow \/ Pack of 10","offer_id":37737706586261,"sku":"CC C2 B398 24\" Yellow 10pk","price":94.99,"currency_code":"GBP","in_stock":false},{"title":"Navy \/ Pack of 1","offer_id":44655966388541,"sku":"CC C2 B398 24\" Navy","price":12.97,"currency_code":"GBP","in_stock":false},{"title":"Navy \/ Pack of 2","offer_id":44655966421309,"sku":"CC C2 B398 24\" Navy 2pk","price":23.99,"currency_code":"GBP","in_stock":false},{"title":"Navy \/ Pack of 4","offer_id":44655966454077,"sku":"CC C2 B398 24\" Navy 4pk","price":37.99,"currency_code":"GBP","in_stock":false},{"title":"Navy \/ Pack of 6","offer_id":44655966486845,"sku":"CC C2 B398 24\" Navy 6pk","price":56.99,"currency_code":"GBP","in_stock":false},{"title":"Navy \/ Pack of 8","offer_id":44655966519613,"sku":"CC C2 B398 24\" Navy 8pk","price":75.99,"currency_code":"GBP","in_stock":false},{"title":"Navy \/ Pack of 10","offer_id":44655966552381,"sku":"CC C2 B398 24\" Navy 10pk","price":94.99,"currency_code":"GBP","in_stock":false},{"title":"Yellow \/ Pack of 2","offer_id":48664421630269,"sku":"CC C2 B398 24\" Yellow 2pk","price":13.99,"currency_code":"GBP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0513\/2563\/2661\/products\/CCC2Stone.jpg?v=1772520955"},{"product_id":"18inch-center-joingarden-furniturecushion","title":"Centre Join Water Resistant Scatter Cushions Garden Furniture Cushion Indoor Outdoor Pillow","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n    body {\n      margin: 0;\n      font-family: 'Roboto', sans-serif;\n    }\n\n    .topnav {\n      background-color: #E1D8CF;\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: flex-start;\n      gap: 5px;\n      padding: 10px 0;\n      position: relative;\n    }\n\n    .topnav a {\n      color: #4b6844;\n      padding: 10px 15px;\n      text-decoration: none;\n      font-size: 16px;\n      border-radius: 4px;\n      transition: background-color 0.3s ease;\n      text-transform: uppercase;\n      font-weight: 700;\n    }\n\n    .topnav a:hover {\n      background-color: #ddd;\n      color: black;\n    }\n\n    .topnav::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background-color: #4b6844;\n    }\n\n    :root {\n      --banner-height: 600px;\n      --hold-time: 40s;\n      --move-time: 2s;\n    }\n\n    * { box-sizing: border-box; margin: 0; padding: 0; }\n\n    .banner {\n      position: relative;\n      width: 121%;\n      height: var(--banner-height);\n      overflow: hidden;\n      margin-top: -0px;\n    }\n\n    .slides {\n      display: flex;\n      width: 100%;\n      animation: slideAnimation 38s infinite;\n    }\n\n    .slide {\n      flex: 0 0 100%;\n      position: relative;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .slide img,\n    .slide iframe {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      display: block;\n      border: none;\n    }\n\n    .shop-btn {\n      position: absolute;\n      top: 80px;\n      left: 80px;\n      z-index: 100;\n      background: #ffffff;\n      color: #4b6844;\n      font-size: 20px;\n      font-weight: 750;\n      padding: 14px 30px;\n      border: 2px solid #4b6844;\n      border-radius: 6px;\n      cursor: pointer;\n      transition: background 0.3s, color 0.3s;\n      text-transform: uppercase;\n      font-family: 'Poppins', sans-serif;\n      text-decoration: none;\n    }\n\n    .shop-btn:hover {\n      background: #4b6844;\n      color: #00;\n    }\n\n@keyframes slideAnimation {\n  0%   { transform: translateX(0%); }       \/* Slide 1 start *\/\n  10%  { transform: translateX(0%); }       \/* Hold Slide 1 *\/\n\n  15%  { transform: translateX(-100%); }    \/* Slide 2 *\/\n  25%  { transform: translateX(-100%); }    \/* Hold Slide 2 *\/\n\n  30%  { transform: translateX(-200%); }    \/* Video slide *\/\n  92%  { transform: translateX(-200%); }    \/* Hold video long (~30s) *\/\n\n  100% { transform: translateX(0%); }       \/* Back to start *\/\n}\n    .product-features h2 {\n      font-size: 26px;\n      font-weight: 700;\n      color: #4b6844;\n      text-align: center;\n      margin-bottom: 20px;\n      text-transform: uppercase;\n    }\n    .product-features ul {\n      list-style-type: disc;\n      list-style-position: inside;\n      margin: 0;\n    }\n    .product-features li {\n      margin-bottom: 12px;\n      line-height: 1.5;\n      color: #333;\n      padding-left: 30px;\n      text-indent: 0;\n      font-size: 18px;\n    }\n.description-section {\n  width: 100%;\n  max-width: 1300px;\n  margin: 40px auto;\n  padding: 0 60px;  \/* 👈 wider left\/right space *\/\n  font-family: 'Poppins', sans-serif;\n  color: #333;\n  font-size: 18px;\n  line-height: 1.9; \/* 👈 adds nice space between lines *\/\n  text-align: left;\n}\n\n.description-section p {\n  margin-bottom: 18px !important; \/* 👈 adds gap between paragraphs *\/\n}\n\n\/* ✅ Full-screen fit for second video *\/\n.video-full iframe {\n    width: 80%;\n      height: 105%;\n      object-fit: contain;\n      display: block;\n      border: none;\n}\n    @media (max-width:720px) { .banner { height: 250px; } }\n    @media (max-width:420px) { .banner { height: 180px; } }\n  \/* ✅ Mobile \u0026 Tablet Friendly Optimization *\/\n  @media (max-width: 1024px) {\n    .banner {\n      width: 100%;\n      height: 420px;\n    }\n    .slide img, \n    .slide iframe {\n      object-fit: contain;\n    }\n    .video-full iframe {\n      width: 100%;\n      height: 280px;\n    }\n    .shop-btn {\n      top: 30px;\n      left: 30px;\n      font-size: 16px;\n      padding: 10px 20px;\n    }\n  }\n\n  @media (max-width: 720px) {\n    .banner {\n      width: 100%;\n      height: 260px;\n    }\n    .topnav {\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 2px;\n      padding: 8px 0;\n    }\n    .topnav a {\n      font-size: 13px;\n      padding: 6px 8px;\n    }\n    .product-features h2 {\n      font-size: 20px;\n    }\n    .product-features li {\n      font-size: 15px;\n      line-height: 1.6;\n    }\n    .description-section {\n      padding: 0 10px;\n      font-size: 16px;\n      line-height: 1.6;\n    }\n    .video-full iframe {\n      width: 100%;\n      height: 230px;\n    }\n    .shop-btn {\n      top: 15px;\n      left: 15px;\n      font-size: 14px;\n      padding: 8px 14px;\n    }\n    div[style*=\"width: 122%\"] {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 8px auto !important;\n    }\n    div[style*=\"width: 122%\"] img {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n    }\n  }\n\n  @media (max-width: 420px) {\n    .banner { height: 180px; }\n    .video-full iframe { height: 200px; }\n    .shop-btn { font-size: 12px; padding: 6px 10px; }\n    .product-features h2 { font-size: 18px; }\n    .product-features li { font-size: 14px; }\n  }\n\n  \/* ✅ MOBILE FIX — Remove side white space *\/\n  @media (max-width: 1024px) {\n    html, body {\n      overflow-x: hidden !important;\n    }\n\n    .banner,\n    div[style*=\"width: 121%\"],\n    div[style*=\"width: 122%\"],\n    .slides {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 0 auto !important;\n    }\n\n    img, iframe {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n      display: block !important;\n    }\n\n    .description-section {\n      padding: 0 12px !important;\n    }\n  }\n\u003c\/style\u003e\n\u003cnav class=\"topnav\"\u003e\u003ca href=\"https:\/\/gardenistauk.com\/\"\u003eHOME\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/all-scatter-cushions\"\u003eOUTDOOR CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/cushion-covers\"\u003eCUSHION COVERS\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/chair-cushions\"\u003eCHAIR CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/lounger-pads-cushions\"\u003eLOUNGER CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/bench-accessories\"\u003eBENCH PAD\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/chairs\"\u003eSEAT PAD\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/rattan-replacement\"\u003eRATTAN CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/pallet-seating-accessories\"\u003ePALLET CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/furniture\"\u003eFURNITURE COVER\u003c\/a\u003e\u003c\/nav\u003e\n\u003cdiv class=\"banner\"\u003e\n\u003cdiv class=\"slides\"\u003e\n\u003cdiv class=\"slide\"\u003e\u003cimg alt=\"Slide 1\" src=\"https:\/\/i.postimg.cc\/dVLX3RB7\/1.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\u003cimg alt=\"Slide 2\" src=\"https:\/\/i.postimg.cc\/vmnNLQC8\/2.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\u003ciframe title=\"YouTube video banner\" src=\"https:\/\/www.youtube.com\/embed\/cTgPbArwd2I?autoplay=1\u0026amp;mute=1\u0026amp;controls=0\u0026amp;loop=1\u0026amp;playlist=cTgPbArwd2I\u0026amp;modestbranding=1\u0026amp;rel=0\"\u003e\u003c\/iframe\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ca class=\"shop-btn\" href=\"https:\/\/gardenistauk.com\/pages\/about-us\"\u003eGARDENISTA\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-features\"\u003e\n\u003ch2 style=\"text-align: center;\"\u003e                              Product Features\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eCenter Joint outdoor cushion filled with plush hollowfibre for immediate relaxation.\u003c\/li\u003e\n\u003cli\u003eHidden zipper allows for easy cover removal and washing.\u003cbr\u003e\n\u003c\/li\u003e\n\u003cli\u003eAdds a touch of elegance to any patio or garden seating area.\u003cbr\u003e\n\u003c\/li\u003e\n\u003cli\u003eAvailable in a variety of colours to perfectly match your outdoor decor.\u003cbr\u003e\n\u003c\/li\u003e\n\u003cli\u003eVersatile Outdoor Use: Ideal for gardens, patios, decks, and more.\u003cbr\u003e\n\u003c\/li\u003e\n\u003cli\u003eHidden zipper feature for easily removing the cover for machine wash.\u003c\/li\u003e\n\u003cli\u003eWe recommend storing it away when not in use.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv style=\"text-align: start; margin-bottom: 20px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"width: 121%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/QMpXWLMM\/product-feature.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 0;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"description-section\"\u003e\n\u003cp\u003ePremium 18\" Water-Resistant Scatter Cushions for Indoor \u0026amp; Outdoor Use. Add comfort and style to your home and garden with these durable, easy-to-clean cushions. Perfect for patios, living rooms, and more! Shop our vibrant color selection. Enhance Your Space with Premium 18\" Water-Resistant Scatter Cushions. These versatile cushions are perfect for indoor and outdoor use.\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003eCrafted from durable, water-resistant polyester and filled with plush hollow fibre, they offer superior comfort. Featuring a convenient zip for easy washing. Ideal for garden seating, dining rooms, living rooms, and balconies. Available in a range of vibrant colours.\u003c\/p\u003e\n\u003cp\u003eBring comfort in Garden with our Premium 18\" Centre Join Water-Resistant Scatter Cushions. These versatile cushions are designed for both indoor and outdoor use, adding a touch of elegance and comfort to any space. Made from soft, water-resistant polyester fabric, they are filled with comfortable hollow fibre filling, ensuring a plush and relaxing experience. Perfect for every garden seating, patios, balconies, and living rooms. \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 👇 Yahan ye code paste karna hai --\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/MZdRBQdp\/Microsoft-Teams-image-9.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/7hxh402C\/05.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/fTfy8H1m\/02.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cbr\u003e\u003c\/div\u003e","brand":"Gardenista®","offers":[{"title":"Black \/ Pack of 1","offer_id":37737707241621,"sku":"CC C3 B398 Join 18\" Black","price":12.97,"currency_code":"GBP","in_stock":true},{"title":"Black \/ Packs of 2","offer_id":55530087743866,"sku":"CC C3 B398 Join 18\" Black 2pk","price":19.97,"currency_code":"GBP","in_stock":true},{"title":"Black \/ Packs of 4","offer_id":55530087776634,"sku":"CC C3 B398 Join 18\" Black 4pk","price":29.97,"currency_code":"GBP","in_stock":true},{"title":"Black \/ Packs of 6","offer_id":55530087809402,"sku":"CC C3 B398 Join 18\" Black 6pk","price":44.99,"currency_code":"GBP","in_stock":true},{"title":"Black \/ Packs of 8","offer_id":55530087842170,"sku":"CC C3 B398 Join 18\" Black 8pk","price":54.99,"currency_code":"GBP","in_stock":true},{"title":"Black \/ Packs of 10","offer_id":55530087874938,"sku":"CC C3 B398 Join 18\" Black 10pk","price":69.99,"currency_code":"GBP","in_stock":true},{"title":"Blue \/ Pack of 1","offer_id":55530087907706,"sku":"CC C3 B398 Join 18\" Blue","price":12.97,"currency_code":"GBP","in_stock":true},{"title":"Blue \/ Packs of 2","offer_id":55530087940474,"sku":"CC C3 B398 Join 18\" Blue 2pk","price":19.97,"currency_code":"GBP","in_stock":true},{"title":"Blue \/ Packs of 4","offer_id":55530087973242,"sku":"CC C3 B398 Join 18\" Blue 4pk","price":29.97,"currency_code":"GBP","in_stock":true},{"title":"Blue \/ Packs of 6","offer_id":55530088006010,"sku":"CC C3 B398 Join 18\" Blue 6pk","price":44.99,"currency_code":"GBP","in_stock":true},{"title":"Blue \/ Packs of 8","offer_id":55530088038778,"sku":"CC C3 B398 Join 18\" Blue 8pk","price":54.99,"currency_code":"GBP","in_stock":true},{"title":"Blue \/ Packs of 10","offer_id":55530088071546,"sku":"CC C3 B398 Join 18\" Blue 10pk","price":69.99,"currency_code":"GBP","in_stock":true},{"title":"Dark Grey \/ Pack of 1","offer_id":55530088104314,"sku":"CC C3 B398 Join 18\" Dark Grey","price":12.97,"currency_code":"GBP","in_stock":false},{"title":"Dark Grey \/ Packs of 2","offer_id":55530088137082,"sku":"CC C3 B398 Join 18\" Dark Grey 2pk","price":19.99,"currency_code":"GBP","in_stock":false},{"title":"Dark Grey \/ Packs of 4","offer_id":55530088169850,"sku":"CC C3 B398 Join 18\" Dark Grey 4pk","price":29.99,"currency_code":"GBP","in_stock":false},{"title":"Dark Grey \/ Packs of 6","offer_id":55530088202618,"sku":"CC C3 B398 Join 18\" Dark Grey 6pk","price":44.99,"currency_code":"GBP","in_stock":false},{"title":"Dark Grey \/ Packs of 8","offer_id":55530088235386,"sku":"CC C3 B398 Join 18\" Dark Grey 8pk","price":54.99,"currency_code":"GBP","in_stock":false},{"title":"Dark Grey \/ Packs of 10","offer_id":55530088268154,"sku":"CC C3 B398 Join 18\" Dark Grey 10pk","price":69.99,"currency_code":"GBP","in_stock":false},{"title":"Green \/ Pack of 1","offer_id":55530088300922,"sku":"CC C3 B398 Join 18\" Green","price":12.97,"currency_code":"GBP","in_stock":true},{"title":"Green \/ Packs of 2","offer_id":55530088333690,"sku":"CC C3 B398 Join 18\" Green 2pk","price":19.97,"currency_code":"GBP","in_stock":true},{"title":"Green \/ Packs of 4","offer_id":55530088366458,"sku":"CC C3 B398 Join 18\" Green 4pk","price":29.97,"currency_code":"GBP","in_stock":true},{"title":"Green \/ Packs of 6","offer_id":55530088399226,"sku":"CC C3 B398 Join 18\" Green 6p","price":44.97,"currency_code":"GBP","in_stock":false},{"title":"Green \/ Packs of 8","offer_id":55530088431994,"sku":"CC C3 B398 Join 18\" Green 8pk","price":54.99,"currency_code":"GBP","in_stock":true},{"title":"Green \/ Packs of 10","offer_id":55530088464762,"sku":"CC C3 B398 Join 18\" Green 10pk","price":69.99,"currency_code":"GBP","in_stock":true},{"title":"Lime \/ Pack of 1","offer_id":55530088497530,"sku":"CC C3 B398 Join 18\" Lime","price":12.97,"currency_code":"GBP","in_stock":true},{"title":"Lime \/ Packs of 2","offer_id":55530088530298,"sku":"CC C3 B398 Join 18\" Lime 2pk","price":19.97,"currency_code":"GBP","in_stock":true},{"title":"Lime \/ Packs of 4","offer_id":55530088563066,"sku":"CC C3 B398 Join 18\" Lime 4pk","price":29.97,"currency_code":"GBP","in_stock":true},{"title":"Lime \/ Packs of 6","offer_id":55530088595834,"sku":"CC C3 B398 Join 18\" Lime 6pk","price":44.99,"currency_code":"GBP","in_stock":true},{"title":"Lime \/ Packs of 8","offer_id":55530088628602,"sku":"CC C3 B398 Join 18\" Lime 8pk","price":54.99,"currency_code":"GBP","in_stock":true},{"title":"Lime \/ Packs of 10","offer_id":55530088661370,"sku":"CC C3 B398 Join 18\" Lime 10pk","price":69.99,"currency_code":"GBP","in_stock":true},{"title":"Navy \/ Pack of 1","offer_id":55530088694138,"sku":"CC C3 B398 Join 18\" Navy","price":12.97,"currency_code":"GBP","in_stock":true},{"title":"Navy \/ Packs of 2","offer_id":55530088726906,"sku":"CC C3 B398 Join 18\" Navy 2pk","price":19.97,"currency_code":"GBP","in_stock":true},{"title":"Navy \/ Packs of 4","offer_id":55530088759674,"sku":"CC C3 B398 Join 18\" Navy 4pk","price":29.99,"currency_code":"GBP","in_stock":true},{"title":"Navy \/ Packs of 6","offer_id":55530088792442,"sku":"CC C3 B398 Join 18\" Navy 6pk","price":44.99,"currency_code":"GBP","in_stock":true},{"title":"Navy \/ Packs of 8","offer_id":55530088825210,"sku":"CC C3 B398 Join 18\" Navy 8pk","price":54.99,"currency_code":"GBP","in_stock":true},{"title":"Navy \/ Packs of 10","offer_id":55530088857978,"sku":"CC C3 B398 Join 18\" Navy 10pk","price":69.99,"currency_code":"GBP","in_stock":true},{"title":"Orange \/ Pack of 1","offer_id":55530088890746,"sku":"CC C3 B398 Join 18\" Orange","price":12.97,"currency_code":"GBP","in_stock":true},{"title":"Orange \/ Packs of 2","offer_id":55530088923514,"sku":"CC C3 B398 Join 18\" Orange 2pk","price":19.97,"currency_code":"GBP","in_stock":true},{"title":"Orange \/ Packs of 4","offer_id":55530088956282,"sku":"CC C3 B398 Join 18\" Orange 4pk","price":29.99,"currency_code":"GBP","in_stock":true},{"title":"Orange \/ Packs of 6","offer_id":55530088989050,"sku":"CC C3 B398 Join 18\" Orange 6pk","price":44.99,"currency_code":"GBP","in_stock":true},{"title":"Orange \/ Packs of 8","offer_id":55530089021818,"sku":"CC C3 B398 Join 18\" Orange 8pk","price":54.99,"currency_code":"GBP","in_stock":true},{"title":"Orange \/ Packs of 10","offer_id":55530089054586,"sku":"CC C3 B398 Join 18\" Orange 10pk","price":69.99,"currency_code":"GBP","in_stock":true},{"title":"Pink \/ Pack of 1","offer_id":55530089087354,"sku":"CC C3 B398 Join 18\" Pink","price":12.97,"currency_code":"GBP","in_stock":true},{"title":"Pink \/ Packs of 2","offer_id":55530089120122,"sku":"CC C3 B398 Join 18\" Pink 2pk","price":19.97,"currency_code":"GBP","in_stock":true},{"title":"Pink \/ Packs of 4","offer_id":55530089152890,"sku":"CC C3 B398 Join 18\" Pink 4pk","price":29.99,"currency_code":"GBP","in_stock":true},{"title":"Pink \/ Packs of 6","offer_id":55530089185658,"sku":"CC C3 B398 Join 18\" Pink 6pk","price":44.99,"currency_code":"GBP","in_stock":true},{"title":"Pink \/ Packs of 8","offer_id":55530089218426,"sku":"CC C3 B398 Join 18\" Pink 8pk","price":54.99,"currency_code":"GBP","in_stock":true},{"title":"Pink \/ Packs of 10","offer_id":55530089251194,"sku":"CC C3 B398 Join 18\" Pink 10pk","price":69.99,"currency_code":"GBP","in_stock":true},{"title":"Purple \/ Pack of 1","offer_id":55530089283962,"sku":"CC C3 B398 Join 18\" Purple","price":12.97,"currency_code":"GBP","in_stock":true},{"title":"Purple \/ Packs of 2","offer_id":55530089316730,"sku":"CC C3 B398 Join 18\" Purple 2pk","price":19.97,"currency_code":"GBP","in_stock":true},{"title":"Purple \/ Packs of 4","offer_id":55530089349498,"sku":"CC C3 B398 Join 18\" Purple 4pk","price":29.99,"currency_code":"GBP","in_stock":true},{"title":"Purple \/ Packs of 6","offer_id":55530089382266,"sku":"CC C3 B398 Join 18\" Purple 6pk","price":44.99,"currency_code":"GBP","in_stock":true},{"title":"Purple \/ Packs of 8","offer_id":55530089415034,"sku":"CC C3 B398 Join 18\" Purple 8pk","price":54.99,"currency_code":"GBP","in_stock":true},{"title":"Purple \/ Packs of 10","offer_id":55530089447802,"sku":"CC C3 B398 Join 18\" Purple 10pk","price":69.99,"currency_code":"GBP","in_stock":true},{"title":"Red \/ Pack of 1","offer_id":55530089480570,"sku":"CC C3 B398 Join 18\" Red","price":12.97,"currency_code":"GBP","in_stock":true},{"title":"Red \/ Packs of 2","offer_id":55530089513338,"sku":"CC C3 B398 Join 18\" Red 2pk","price":19.97,"currency_code":"GBP","in_stock":true},{"title":"Red \/ Packs of 4","offer_id":55530089546106,"sku":"CC C3 B398 Join 18\" Red 4pk","price":29.99,"currency_code":"GBP","in_stock":true},{"title":"Red \/ Packs of 6","offer_id":55530089578874,"sku":"CC C3 B398 Join 18\" Red 6pk","price":44.99,"currency_code":"GBP","in_stock":true},{"title":"Red \/ Packs of 8","offer_id":55530089611642,"sku":"CC C3 B398 Join 18\" Red 8pk","price":54.99,"currency_code":"GBP","in_stock":true},{"title":"Red \/ Packs of 10","offer_id":55530089644410,"sku":"CC C3 B398 Join 18\" Red 10pk","price":69.99,"currency_code":"GBP","in_stock":true},{"title":"Stone \/ Pack of 1","offer_id":55530089677178,"sku":"CC C3 B398 Join 18\" Stone","price":12.97,"currency_code":"GBP","in_stock":true},{"title":"Stone \/ Packs of 2","offer_id":55530089709946,"sku":"CC C3 B398 Join 18\" Stone 2pk","price":19.97,"currency_code":"GBP","in_stock":true},{"title":"Stone \/ Packs of 4","offer_id":55530089742714,"sku":"CC C3 B398 Join 18\" Stone 4pk","price":29.99,"currency_code":"GBP","in_stock":true},{"title":"Stone \/ Packs of 6","offer_id":55530089775482,"sku":"CC C3 B398 Join 18\" Stone 6pk","price":44.99,"currency_code":"GBP","in_stock":true},{"title":"Stone \/ Packs of 8","offer_id":55530089808250,"sku":"CC C3 B398 Join 18\" Stone 8pk","price":54.99,"currency_code":"GBP","in_stock":true},{"title":"Stone \/ Packs of 10","offer_id":55530089841018,"sku":"CC C3 B398 Join 18\" Stone 10pk","price":69.99,"currency_code":"GBP","in_stock":true},{"title":"Turq \/ Pack of 1","offer_id":55530089873786,"sku":"CC C3 B398 Join 18\" Turq","price":12.97,"currency_code":"GBP","in_stock":true},{"title":"Turq \/ Packs of 2","offer_id":55530089906554,"sku":"CC C3 B398 Join 18\" Turq 2pk","price":19.97,"currency_code":"GBP","in_stock":true},{"title":"Turq \/ Packs of 4","offer_id":55530089939322,"sku":"CC C3 B398 Join 18\" Turq 4pk","price":29.99,"currency_code":"GBP","in_stock":true},{"title":"Turq \/ Packs of 6","offer_id":55530089972090,"sku":"CC C3 B398 Join 18\" Turq 6pk","price":44.99,"currency_code":"GBP","in_stock":true},{"title":"Turq \/ Packs of 8","offer_id":55530090004858,"sku":"CC C3 B398 Join 18\" Turq 8pk","price":54.99,"currency_code":"GBP","in_stock":true},{"title":"Turq \/ Packs of 10","offer_id":55530090037626,"sku":"CC C3 B398 Join 18\" Turq 10pk","price":69.99,"currency_code":"GBP","in_stock":true},{"title":"White \/ Pack of 1","offer_id":55530090070394,"sku":"CC C3 B398 Join 18\" White","price":12.97,"currency_code":"GBP","in_stock":true},{"title":"White \/ Packs of 2","offer_id":55530090103162,"sku":"CC C3 B398 Join 18\" White 2pk","price":19.97,"currency_code":"GBP","in_stock":true},{"title":"White \/ Packs of 4","offer_id":55530090135930,"sku":"CC C3 B398 Join 18\" White 4pk","price":29.99,"currency_code":"GBP","in_stock":true},{"title":"White \/ Packs of 6","offer_id":55530090168698,"sku":"CC C3 B398 Join 18\" White 6pk","price":44.99,"currency_code":"GBP","in_stock":true},{"title":"White \/ Packs of 8","offer_id":55530090201466,"sku":"CC C3 B398 Join 18\" White 8pk","price":54.99,"currency_code":"GBP","in_stock":true},{"title":"White \/ Packs of 10","offer_id":55530090234234,"sku":"CC C3 B398 Join 18\" White 10pk","price":69.99,"currency_code":"GBP","in_stock":true},{"title":"Yellow \/ Pack of 1","offer_id":55530090267002,"sku":"CC C3 B398 Join 18\" Yellow","price":12.97,"currency_code":"GBP","in_stock":true},{"title":"Yellow \/ Packs of 2","offer_id":55530090299770,"sku":"CC C3 B398 Join 18\" Yellow 2pk","price":19.97,"currency_code":"GBP","in_stock":true},{"title":"Yellow \/ Packs of 4","offer_id":55530090332538,"sku":"CC C3 B398 Join 18\" Yellow 4pk","price":29.99,"currency_code":"GBP","in_stock":true},{"title":"Yellow \/ Packs of 6","offer_id":55530090365306,"sku":"CC C3 B398 Join 18\" Yellow 6pk","price":44.99,"currency_code":"GBP","in_stock":true},{"title":"Yellow \/ Packs of 8","offer_id":55530090398074,"sku":"CC C3 B398 Join 18\" Yellow 8pk","price":54.99,"currency_code":"GBP","in_stock":true},{"title":"Yellow \/ Packs of 10","offer_id":55530090430842,"sku":"CC C3 B398 Join 18\" Yellow 10pk","price":69.99,"currency_code":"GBP","in_stock":true},{"title":"Brown \/ Pack of 1","offer_id":55530090463610,"sku":"CC C3 B398 Join 18\"Brown","price":12.97,"currency_code":"GBP","in_stock":true},{"title":"Brown \/ Packs of 2","offer_id":55530090496378,"sku":"CC C3 B398 Join 18\" Brown 2pk","price":19.97,"currency_code":"GBP","in_stock":false},{"title":"Brown \/ Packs of 4","offer_id":55530090529146,"sku":"CC C3 B398 Join 18\" Brown 4pk","price":29.99,"currency_code":"GBP","in_stock":false},{"title":"Brown \/ Packs of 6","offer_id":55530090561914,"sku":"CC C3 B398 Join 18\" Brown 6pk","price":44.99,"currency_code":"GBP","in_stock":false},{"title":"Brown \/ Packs of 8","offer_id":55530090594682,"sku":"CC C3 B398 Join 18\" Brown 8pk","price":54.99,"currency_code":"GBP","in_stock":false},{"title":"Brown \/ Packs of 10","offer_id":55530090627450,"sku":"CC C3 B398 Join 18\" Brown 10pk","price":69.99,"currency_code":"GBP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0513\/2563\/2661\/files\/C3.jpg?v=1768451270"},{"product_id":"bolster-armrest-pillowcushion","title":"Gardenista Garden Bolster Cushion","description":"\u003cp\u003eThis Garden Bolster Cushion is a comfortable and durable addition to your outdoor furniture. Crafted with high-quality materials, this cushion ensures ultimate comfort and longevity, so you can sit back and relax without any worries.\u003c\/p\u003e\n\u003cp\u003eDesigned to compliment your garden, this cushion softens hard garden benches and adds a pop of colour to your outdoor space. Whether you want to use it on your swing chair, conservatory, or rocking chair on the patio, this cushion guarantees comfort wherever you are.\u003c\/p\u003e\n\u003ch2\u003eFeatures\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eWater Resistant\u003c\/li\u003e\n\u003cli\u003eHollowfibre Material\u003c\/li\u003e\n\u003cli\u003eMachine Washable\u003c\/li\u003e\n\u003cli\u003eAvailable in 11 colours\u003c\/li\u003e\n\u003cli\u003eDimensions: 21cm x 45cm\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eWater-Resistant Fabric\u003c\/h2\u003e\n\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e\u003cspan data-mce-fragment=\"1\"\u003eDesigned to last, this outdoor garden cushion is made with a durable water-resistant PU coated heavyweight polyester that's accurately stitched for extended life. This also\u003c\/span\u003e makes it easy for you to clean and maintain it for a long time throughout the seasons.\u003c\/p\u003e\n\u003ch2\u003eHypoallergenic Material\u003c\/h2\u003e\n\u003cp\u003eThe bolster cushion is filled with highly spongy hollow fibre, hypoallergenic, breathable, and dustproof, so you can lie on it without worrying about harmful dust and lint.\u003c\/p\u003e\n\u003ch2\u003eDimensions\u003c\/h2\u003e\n\u003cp\u003eThe dimensions of the bolster cushion are 45 cm in length and 21 cm in width. Add it to your outdoor garden to add pops of colour and extra comfort.\u003c\/p\u003e\n\u003ch2\u003eDelivery \u0026amp; Returns\u003c\/h2\u003e\n\u003cp\u003eWe have free UK delivery and a 100% money-back guarantee if you wish to return your bolster cushion.\u003c\/p\u003e","brand":"Gardenista®","offers":[{"title":"Black \/ Pack of 1","offer_id":37737708257429,"sku":"PW P2 Bolster Outland Black","price":13.99,"currency_code":"GBP","in_stock":false},{"title":"Black \/ Pack of 2","offer_id":37737708290197,"sku":"PW P2 Bolster Outland Black 2pk","price":23.99,"currency_code":"GBP","in_stock":false},{"title":"Black \/ Pack of 4","offer_id":37737708322965,"sku":"PW P2 Bolster Outland Black 4pk","price":46.99,"currency_code":"GBP","in_stock":false},{"title":"Black \/ Pack of 6","offer_id":37737708355733,"sku":"PW P2 Bolster Outland Black 6pk","price":65.99,"currency_code":"GBP","in_stock":false},{"title":"Blue \/ Pack of 1","offer_id":37737708388501,"sku":"PW P2 Bolster Outland Blue","price":13.99,"currency_code":"GBP","in_stock":false},{"title":"Blue \/ Pack of 2","offer_id":37737708421269,"sku":"PW P2 Bolster Outland Blue 2pk","price":23.99,"currency_code":"GBP","in_stock":false},{"title":"Blue \/ Pack of 4","offer_id":37737708454037,"sku":"PW P2 Bolster Outland Blue 4pk","price":46.99,"currency_code":"GBP","in_stock":false},{"title":"Blue \/ Pack of 6","offer_id":37737708486805,"sku":"PW P2 Bolster Outland Blue 6pk","price":65.99,"currency_code":"GBP","in_stock":false},{"title":"Green \/ Pack of 1","offer_id":37737708519573,"sku":"PW P2 Bolster Outland Green","price":13.99,"currency_code":"GBP","in_stock":false},{"title":"Green \/ Pack of 2","offer_id":37737708552341,"sku":"PW P2 Bolster Outland Green 2pk","price":42.99,"currency_code":"GBP","in_stock":false},{"title":"Green \/ Pack of 4","offer_id":37737708585109,"sku":"PW P2 Bolster Outland Green 4pk","price":80.99,"currency_code":"GBP","in_stock":false},{"title":"Green \/ Pack of 6","offer_id":37737708617877,"sku":"PW P2 Bolster Outland Green 6pk","price":118.99,"currency_code":"GBP","in_stock":false},{"title":"Lime \/ Pack of 1","offer_id":37737708650645,"sku":"PW P2 Bolster Outland Lime","price":13.99,"currency_code":"GBP","in_stock":false},{"title":"Lime \/ Pack of 2","offer_id":37737708683413,"sku":"PW P2 Bolster Outland Lime 2pk","price":23.99,"currency_code":"GBP","in_stock":false},{"title":"Lime \/ Pack of 4","offer_id":37737708716181,"sku":"PW P2 Bolster Outland Lime 4pk","price":46.99,"currency_code":"GBP","in_stock":false},{"title":"Lime \/ Pack of 6","offer_id":37737708748949,"sku":"PW P2 Bolster Outland Lime 6pk","price":65.99,"currency_code":"GBP","in_stock":false},{"title":"Pink \/ Pack of 1","offer_id":37737708781717,"sku":"PW P2 Bolster Outland Pink","price":13.99,"currency_code":"GBP","in_stock":false},{"title":"Pink \/ Pack of 2","offer_id":37737708814485,"sku":"PW P2 Bolster Outland Pink 2pk","price":23.99,"currency_code":"GBP","in_stock":false},{"title":"Pink \/ Pack of 4","offer_id":37737708847253,"sku":"PW P2 Bolster Outland Pink 4pk","price":46.99,"currency_code":"GBP","in_stock":false},{"title":"Pink \/ Pack of 6","offer_id":37737708880021,"sku":"PW P2 Bolster Outland Pink 6pk","price":65.99,"currency_code":"GBP","in_stock":false},{"title":"Purple \/ Pack of 1","offer_id":37737708912789,"sku":"PW P2 Bolster Outland Purple","price":13.99,"currency_code":"GBP","in_stock":false},{"title":"Purple \/ Pack of 2","offer_id":37737708945557,"sku":"PW P2 Bolster Outland Purple 2pk","price":23.99,"currency_code":"GBP","in_stock":false},{"title":"Purple \/ Pack of 4","offer_id":37737708978325,"sku":"PW P2 Bolster Outland Purple 4pk","price":46.99,"currency_code":"GBP","in_stock":false},{"title":"Purple \/ Pack of 6","offer_id":37737709011093,"sku":"PW P2 Bolster Outland Purple 6pk","price":65.99,"currency_code":"GBP","in_stock":false},{"title":"Red \/ Pack of 1","offer_id":37737709043861,"sku":"PW P2 Bolster Outland Red","price":13.99,"currency_code":"GBP","in_stock":false},{"title":"Red \/ Pack of 2","offer_id":37737709076629,"sku":"PW P2 Bolster Outland Red 2pk","price":23.99,"currency_code":"GBP","in_stock":false},{"title":"Red \/ Pack of 4","offer_id":37737709109397,"sku":"PW P2 Bolster Outland Red 4pk","price":46.99,"currency_code":"GBP","in_stock":false},{"title":"Red \/ Pack of 6","offer_id":37737709142165,"sku":"PW P2 Bolster Outland Red 6pk","price":65.99,"currency_code":"GBP","in_stock":false},{"title":"Stone \/ Pack of 1","offer_id":37737709174933,"sku":"PW P2 Bolster Outland Stone","price":13.99,"currency_code":"GBP","in_stock":false},{"title":"Stone \/ Pack of 2","offer_id":37737709207701,"sku":"PW P2 Bolster Outland Stone 2pk","price":23.99,"currency_code":"GBP","in_stock":false},{"title":"Stone \/ Pack of 4","offer_id":37737709240469,"sku":"PW P2 Bolster Outland Stone 4pk","price":46.99,"currency_code":"GBP","in_stock":false},{"title":"Stone \/ Pack of 6","offer_id":37737709273237,"sku":"PW P2 Bolster Outland Stone 6pk","price":65.99,"currency_code":"GBP","in_stock":false},{"title":"Turquoise \/ Pack of 1","offer_id":37737709306005,"sku":"PW P2 Bolster Outland Turq","price":13.99,"currency_code":"GBP","in_stock":false},{"title":"Turquoise \/ Pack of 2","offer_id":37737709371541,"sku":"PW P2 Bolster Outland Turq 2pk","price":23.99,"currency_code":"GBP","in_stock":false},{"title":"Turquoise \/ Pack of 4","offer_id":37737709437077,"sku":"PW P2 Bolster Outland Turq 4pk","price":46.99,"currency_code":"GBP","in_stock":false},{"title":"Turquoise \/ Pack of 6","offer_id":37737709502613,"sku":"PW P2 Bolster Outland Turq 6pk","price":65.99,"currency_code":"GBP","in_stock":false},{"title":"Yellow \/ Pack of 1","offer_id":37737709568149,"sku":"PW P2 Bolster Outland Yellow","price":14.99,"currency_code":"GBP","in_stock":false},{"title":"Yellow \/ Pack of 2","offer_id":37737709633685,"sku":"PW P2 Bolster Outland Yellow 2pk","price":23.99,"currency_code":"GBP","in_stock":false},{"title":"Yellow \/ Pack of 4","offer_id":37737709699221,"sku":"PW P2 Bolster Outland Yellow 4pk","price":46.99,"currency_code":"GBP","in_stock":false},{"title":"Yellow \/ Pack of 6","offer_id":37737709764757,"sku":"PW P2 Bolster Outland Yellow 6pk","price":65.99,"currency_code":"GBP","in_stock":false},{"title":"Multi \/ Pack of 1","offer_id":37737709863061,"sku":"CC CD5 Tropics","price":23.99,"currency_code":"GBP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0513\/2563\/2661\/products\/8_20d4f312-0fb7-46ef-a7a3-8763d809e105.jpg?v=1768890608"},{"product_id":"cccd1vahinee","title":"Printed Outdoor Scatter Cushions Garden Decorative Pillow Water Resistant","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n    body {\n      margin: 0;\n      font-family: 'Roboto', sans-serif;\n    }\n\n    .topnav {\n      background-color: #E1D8CF;\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: flex-start;\n      gap: 5px;\n      padding: 10px 0;\n      position: relative;\n    }\n\n    .topnav a {\n      color: #4b6844;\n      padding: 10px 15px;\n      text-decoration: none;\n      font-size: 16px;\n      border-radius: 4px;\n      transition: background-color 0.3s ease;\n      text-transform: uppercase;\n      font-weight: 700;\n    }\n\n    .topnav a:hover {\n      background-color: #ddd;\n      color: black;\n    }\n\n    .topnav::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background-color: #4b6844;\n    }\n\n    :root {\n      --banner-height: 600px;\n      --hold-time: 40s;\n      --move-time: 2s;\n    }\n\n    * { box-sizing: border-box; margin: 0; padding: 0; }\n\n    .banner {\n      position: relative;\n      width: 121%;\n      height: var(--banner-height);\n      overflow: hidden;\n      margin-top: -0px;\n    }\n\n    .slides {\n      display: flex;\n      width: 100%;\n      animation: slideAnimation 38s infinite;\n    }\n\n    .slide {\n      flex: 0 0 100%;\n      position: relative;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .slide img,\n    .slide iframe {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      display: block;\n      border: none;\n    }\n\n    .shop-btn {\n      position: absolute;\n      top: 80px;\n      left: 80px;\n      z-index: 100;\n      background: #ffffff;\n      color: #4b6844;\n      font-size: 20px;\n      font-weight: 750;\n      padding: 14px 30px;\n      border: 2px solid #4b6844;\n      border-radius: 6px;\n      cursor: pointer;\n      transition: background 0.3s, color 0.3s;\n      text-transform: uppercase;\n      font-family: 'Poppins', sans-serif;\n      text-decoration: none;\n    }\n\n    .shop-btn:hover {\n      background: #4b6844;\n      color: #00;\n    }\n\n@keyframes slideAnimation {\n  0%   { transform: translateX(0%); }       \/* Slide 1 start *\/\n  10%  { transform: translateX(0%); }       \/* Hold Slide 1 *\/\n\n  15%  { transform: translateX(-100%); }    \/* Slide 2 *\/\n  25%  { transform: translateX(-100%); }    \/* Hold Slide 2 *\/\n\n  30%  { transform: translateX(-200%); }    \/* Video slide *\/\n  92%  { transform: translateX(-200%); }    \/* Hold video long (~30s) *\/\n\n  100% { transform: translateX(0%); }       \/* Back to start *\/\n}\n    .product-features h2 {\n      font-size: 26px;\n      font-weight: 700;\n      color: #4b6844;\n      text-align: center;\n      margin-bottom: 20px;\n      text-transform: uppercase;\n    }\n    .product-features ul {\n      list-style-type: disc;\n      list-style-position: inside;\n      margin: 0;\n    }\n    .product-features li {\n      margin-bottom: 12px;\n      line-height: 1.5;\n      color: #333;\n      padding-left: 30px;\n      text-indent: 0;\n      font-size: 18px;\n    }\n.description-section {\n  width: 100%;\n  max-width: 1300px;\n  margin: 40px auto;\n  padding: 0 60px;  \/* 👈 wider left\/right space *\/\n  font-family: 'Poppins', sans-serif;\n  color: #333;\n  font-size: 18px;\n  line-height: 1.9; \/* 👈 adds nice space between lines *\/\n  text-align: left;\n}\n\n.description-section p {\n  margin-bottom: 18px !important; \/* 👈 adds gap between paragraphs *\/\n}\n\n\/* ✅ Full-screen fit for second video *\/\n.video-full iframe {\n    width: 80%;\n      height: 105%;\n      object-fit: contain;\n      display: block;\n      border: none;\n}\n    @media (max-width:720px) { .banner { height: 250px; } }\n    @media (max-width:420px) { .banner { height: 180px; } }\n  \/* ✅ Mobile \u0026 Tablet Friendly Optimization *\/\n  @media (max-width: 1024px) {\n    .banner {\n      width: 100%;\n      height: 420px;\n    }\n    .slide img, \n    .slide iframe {\n      object-fit: contain;\n    }\n    .video-full iframe {\n      width: 100%;\n      height: 280px;\n    }\n    .shop-btn {\n      top: 30px;\n      left: 30px;\n      font-size: 16px;\n      padding: 10px 20px;\n    }\n  }\n\n  @media (max-width: 720px) {\n    .banner {\n      width: 100%;\n      height: 260px;\n    }\n    .topnav {\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 2px;\n      padding: 8px 0;\n    }\n    .topnav a {\n      font-size: 13px;\n      padding: 6px 8px;\n    }\n    .product-features h2 {\n      font-size: 20px;\n    }\n    .product-features li {\n      font-size: 15px;\n      line-height: 1.6;\n    }\n    .description-section {\n      padding: 0 10px;\n      font-size: 16px;\n      line-height: 1.6;\n    }\n    .video-full iframe {\n      width: 100%;\n      height: 230px;\n    }\n    .shop-btn {\n      top: 15px;\n      left: 15px;\n      font-size: 14px;\n      padding: 8px 14px;\n    }\n    div[style*=\"width: 122%\"] {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 8px auto !important;\n    }\n    div[style*=\"width: 122%\"] img {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n    }\n  }\n\n  @media (max-width: 420px) {\n    .banner { height: 180px; }\n    .video-full iframe { height: 200px; }\n    .shop-btn { font-size: 12px; padding: 6px 10px; }\n    .product-features h2 { font-size: 18px; }\n    .product-features li { font-size: 14px; }\n  }\n\n  \/* ✅ MOBILE FIX — Remove side white space *\/\n  @media (max-width: 1024px) {\n    html, body {\n      overflow-x: hidden !important;\n    }\n\n    .banner,\n    div[style*=\"width: 121%\"],\n    div[style*=\"width: 122%\"],\n    .slides {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 0 auto !important;\n    }\n\n    img, iframe {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n      display: block !important;\n    }\n\n    .description-section {\n      padding: 0 12px !important;\n    }\n  }\n\u003c\/style\u003e\n\u003cnav class=\"topnav\"\u003e\u003ca href=\"https:\/\/gardenistauk.com\/\"\u003eHOME\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/all-scatter-cushions\"\u003eOUTDOOR CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/cushion-covers\"\u003eCUSHION COVERS\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/chair-cushions\"\u003eCHAIR CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/lounger-pads-cushions\"\u003eLOUNGER CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/bench-accessories\"\u003eBENCH PAD\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/chairs\"\u003eSEAT PAD\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/rattan-replacement\"\u003eRATTAN CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/pallet-seating-accessories\"\u003ePALLET CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/furniture\"\u003eFURNITURE COVER\u003c\/a\u003e\u003c\/nav\u003e\n\u003cdiv class=\"banner\"\u003e\n\u003cdiv class=\"slides\"\u003e\n\u003cdiv class=\"slide\"\u003e\u003cimg alt=\"Slide 1\" src=\"https:\/\/i.postimg.cc\/dVLX3RB7\/1.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\u003cimg alt=\"Slide 2\" src=\"https:\/\/i.postimg.cc\/vmnNLQC8\/2.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\u003ciframe title=\"YouTube video banner\" src=\"https:\/\/www.youtube.com\/embed\/VM2WSe1VtMQ?autoplay=1\u0026amp;mute=1\u0026amp;controls=0\u0026amp;loop=1\u0026amp;playlist=VM2WSe1VtMQ\u0026amp;modestbranding=1\u0026amp;rel=0\"\u003e\u003c\/iframe\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ca class=\"shop-btn\" href=\"https:\/\/gardenistauk.com\/pages\/about-us\"\u003eGARDENISTA\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-features\"\u003e\n\u003ch2 style=\"text-align: center;\"\u003e                              Product Features\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003ePrinted outdoor cushions are made with premium 100% polyester\u003c\/li\u003e\n\u003cli\u003eit's both soft and durable enough to last for seasons to come.\u003c\/li\u003e\n\u003cli\u003eHidden zip design for easy removal and cleaning of the cushion cover.\u003c\/li\u003e\n\u003cli\u003eWater-resistant materials for durability and protection against light rain or spills.\u003cbr\u003e\n\u003c\/li\u003e\n\u003cli\u003eHidden zipper feature for easily removing the cover for machine wash.\u003c\/li\u003e\n\u003cli\u003eWe recommend storing it away when not in use.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv style=\"text-align: start; margin-bottom: 20px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"width: 121%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/QMpXWLMM\/product-feature.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 0;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"description-section\"\u003e\n\u003cp\u003eOur garden printed cushions are designed for your utmost comfort. We offer lasting support and cosines with high-quality material. The water-resistant polyester fabric ensures that your cushions will remain in pristine condition even after exposure to weather conditions.\u003c\/p\u003e\n\u003cp\u003eHigh-quality, water-resistant design for maximum comfort and durability. The easily removable cover makes for hassle-free cleaning and maintenance. Simply remove the cover and toss it in the washing machine for a fresh and clean experience every time. Relax with peace of mind knowing our garden chair cushions are fire-retardant, ensuring safety and protection.\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003eEnjoy your outdoor relaxation with unparalleled comfort and stability. These decorative cushions are best for your chair to decorate your garden area. These water-resistant cushions are easy to install and store, making them ideal for use in areas dining room, kitchen table, conservatory, garden seating, patio, balcony, or even your living room.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 👇 Yahan ye code paste karna hai --\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/RVdHJrBm\/CC-CD-7.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/15M0PjmF\/A-CC-CD1-Collection-05.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/pXkQx6W0\/A-CC-CD1-Collection-02.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cbr\u003e\u003c\/div\u003e","brand":"Gardenista®","offers":[{"title":"Default Title","offer_id":37737710846101,"sku":"CC CD1 Vahinee","price":12.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0513\/2563\/2661\/products\/CC-CD1-Vahinee.jpg?v=1772520863"},{"product_id":"cccd2palm","title":"Palm Tree Outdoor Scatter Cushions Garden Decorative Square Pillows Water Resistant","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n    body {\n      margin: 0;\n      font-family: 'Roboto', sans-serif;\n    }\n\n    .topnav {\n      background-color: #E1D8CF;\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: flex-start;\n      gap: 5px;\n      padding: 10px 0;\n      position: relative;\n    }\n\n    .topnav a {\n      color: #4b6844;\n      padding: 10px 15px;\n      text-decoration: none;\n      font-size: 16px;\n      border-radius: 4px;\n      transition: background-color 0.3s ease;\n      text-transform: uppercase;\n      font-weight: 700;\n    }\n\n    .topnav a:hover {\n      background-color: #ddd;\n      color: black;\n    }\n\n    .topnav::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background-color: #4b6844;\n    }\n\n    :root {\n      --banner-height: 600px;\n      --hold-time: 40s;\n      --move-time: 2s;\n    }\n\n    * { box-sizing: border-box; margin: 0; padding: 0; }\n\n    .banner {\n      position: relative;\n      width: 121%;\n      height: var(--banner-height);\n      overflow: hidden;\n      margin-top: -0px;\n    }\n\n    .slides {\n      display: flex;\n      width: 100%;\n      animation: slideAnimation 38s infinite;\n    }\n\n    .slide {\n      flex: 0 0 100%;\n      position: relative;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .slide img,\n    .slide iframe {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      display: block;\n      border: none;\n    }\n\n    .shop-btn {\n      position: absolute;\n      top: 80px;\n      left: 80px;\n      z-index: 100;\n      background: #ffffff;\n      color: #4b6844;\n      font-size: 20px;\n      font-weight: 750;\n      padding: 14px 30px;\n      border: 2px solid #4b6844;\n      border-radius: 6px;\n      cursor: pointer;\n      transition: background 0.3s, color 0.3s;\n      text-transform: uppercase;\n      font-family: 'Poppins', sans-serif;\n      text-decoration: none;\n    }\n\n    .shop-btn:hover {\n      background: #4b6844;\n      color: #00;\n    }\n\n@keyframes slideAnimation {\n  0%   { transform: translateX(0%); }       \/* Slide 1 start *\/\n  10%  { transform: translateX(0%); }       \/* Hold Slide 1 *\/\n\n  15%  { transform: translateX(-100%); }    \/* Slide 2 *\/\n  25%  { transform: translateX(-100%); }    \/* Hold Slide 2 *\/\n\n  30%  { transform: translateX(-200%); }    \/* Video slide *\/\n  92%  { transform: translateX(-200%); }    \/* Hold video long (~30s) *\/\n\n  100% { transform: translateX(0%); }       \/* Back to start *\/\n}\n    .product-features h2 {\n      font-size: 26px;\n      font-weight: 700;\n      color: #4b6844;\n      text-align: center;\n      margin-bottom: 20px;\n      text-transform: uppercase;\n    }\n    .product-features ul {\n      list-style-type: disc;\n      list-style-position: inside;\n      margin: 0;\n    }\n    .product-features li {\n      margin-bottom: 12px;\n      line-height: 1.5;\n      color: #333;\n      padding-left: 30px;\n      text-indent: 0;\n      font-size: 18px;\n    }\n.description-section {\n  width: 100%;\n  max-width: 1300px;\n  margin: 40px auto;\n  padding: 0 60px;  \/* 👈 wider left\/right space *\/\n  font-family: 'Poppins', sans-serif;\n  color: #333;\n  font-size: 18px;\n  line-height: 1.9; \/* 👈 adds nice space between lines *\/\n  text-align: left;\n}\n\n.description-section p {\n  margin-bottom: 18px !important; \/* 👈 adds gap between paragraphs *\/\n}\n\n\/* ✅ Full-screen fit for second video *\/\n.video-full iframe {\n    width: 80%;\n      height: 105%;\n      object-fit: contain;\n      display: block;\n      border: none;\n}\n    @media (max-width:720px) { .banner { height: 250px; } }\n    @media (max-width:420px) { .banner { height: 180px; } }\n  \/* ✅ Mobile \u0026 Tablet Friendly Optimization *\/\n  @media (max-width: 1024px) {\n    .banner {\n      width: 100%;\n      height: 420px;\n    }\n    .slide img, \n    .slide iframe {\n      object-fit: contain;\n    }\n    .video-full iframe {\n      width: 100%;\n      height: 280px;\n    }\n    .shop-btn {\n      top: 30px;\n      left: 30px;\n      font-size: 16px;\n      padding: 10px 20px;\n    }\n  }\n\n  @media (max-width: 720px) {\n    .banner {\n      width: 100%;\n      height: 260px;\n    }\n    .topnav {\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 2px;\n      padding: 8px 0;\n    }\n    .topnav a {\n      font-size: 13px;\n      padding: 6px 8px;\n    }\n    .product-features h2 {\n      font-size: 20px;\n    }\n    .product-features li {\n      font-size: 15px;\n      line-height: 1.6;\n    }\n    .description-section {\n      padding: 0 10px;\n      font-size: 16px;\n      line-height: 1.6;\n    }\n    .video-full iframe {\n      width: 100%;\n      height: 230px;\n    }\n    .shop-btn {\n      top: 15px;\n      left: 15px;\n      font-size: 14px;\n      padding: 8px 14px;\n    }\n    div[style*=\"width: 122%\"] {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 8px auto !important;\n    }\n    div[style*=\"width: 122%\"] img {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n    }\n  }\n\n  @media (max-width: 420px) {\n    .banner { height: 180px; }\n    .video-full iframe { height: 200px; }\n    .shop-btn { font-size: 12px; padding: 6px 10px; }\n    .product-features h2 { font-size: 18px; }\n    .product-features li { font-size: 14px; }\n  }\n\n  \/* ✅ MOBILE FIX — Remove side white space *\/\n  @media (max-width: 1024px) {\n    html, body {\n      overflow-x: hidden !important;\n    }\n\n    .banner,\n    div[style*=\"width: 121%\"],\n    div[style*=\"width: 122%\"],\n    .slides {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 0 auto !important;\n    }\n\n    img, iframe {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n      display: block !important;\n    }\n\n    .description-section {\n      padding: 0 12px !important;\n    }\n  }\n\u003c\/style\u003e\n\u003cnav class=\"topnav\"\u003e\u003ca href=\"https:\/\/gardenistauk.com\/\"\u003eHOME\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/all-scatter-cushions\"\u003eOUTDOOR CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/cushion-covers\"\u003eCUSHION COVERS\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/chair-cushions\"\u003eCHAIR CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/lounger-pads-cushions\"\u003eLOUNGER CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/bench-accessories\"\u003eBENCH PAD\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/chairs\"\u003eSEAT PAD\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/rattan-replacement\"\u003eRATTAN CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/pallet-seating-accessories\"\u003ePALLET CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/furniture\"\u003eFURNITURE COVER\u003c\/a\u003e\u003c\/nav\u003e\n\u003cdiv class=\"banner\"\u003e\n\u003cdiv class=\"slides\"\u003e\n\u003cdiv class=\"slide\"\u003e\u003cimg alt=\"Slide 1\" src=\"https:\/\/i.postimg.cc\/dVLX3RB7\/1.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\u003cimg alt=\"Slide 2\" src=\"https:\/\/i.postimg.cc\/vmnNLQC8\/2.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\u003ciframe title=\"YouTube video banner\" src=\"https:\/\/www.youtube.com\/embed\/VM2WSe1VtMQ?autoplay=1\u0026amp;mute=1\u0026amp;controls=0\u0026amp;loop=1\u0026amp;playlist=VM2WSe1VtMQ\u0026amp;modestbranding=1\u0026amp;rel=0\"\u003e\u003c\/iframe\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ca class=\"shop-btn\" href=\"https:\/\/gardenistauk.com\/pages\/about-us\"\u003eGARDENISTA\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-features\"\u003e\n\u003ch2 style=\"text-align: center;\"\u003e                              Product Features\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003ePalm Tree outdoor cushions are made with premium 100% polyester\u003c\/li\u003e\n\u003cli\u003eit's both soft and durable enough to last for seasons to come.\u003c\/li\u003e\n\u003cli\u003eHidden zip design for easy removal and cleaning of the cushion cover.\u003c\/li\u003e\n\u003cli\u003eWater-resistant materials for durability and protection against light rain or spills.\u003cbr\u003e\n\u003c\/li\u003e\n\u003cli\u003eHidden zipper feature for easily removing the cover for machine wash.\u003c\/li\u003e\n\u003cli\u003eWe recommend storing it away when not in use.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv style=\"text-align: start; margin-bottom: 20px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"width: 121%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/QMpXWLMM\/product-feature.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 0;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"description-section\"\u003e\n\u003cp\u003eOur garden printed cushions are designed for your utmost comfort. We offer lasting support and cosines with high-quality material. The water-resistant polyester fabric ensures that your cushions will remain in pristine condition even after exposure to weather conditions.\u003c\/p\u003e\n\u003cp\u003eHigh-quality, water-resistant design for maximum comfort and durability. The easily removable cover makes for hassle-free cleaning and maintenance. Simply remove the cover and toss it in the washing machine for a fresh and clean experience every time. Relax with peace of mind knowing our garden chair cushions are fire-retardant, ensuring safety and protection.\u003c\/p\u003e\n\u003cp\u003eEnjoy your outdoor relaxation with unparalleled comfort and stability. These decorative cushions are best for your chair to decorate your garden area. These water-resistant cushions are easy to install and store, making them ideal for use in areas dining room, kitchen table, conservatory, garden seating, patio, balcony, or even your living room.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 👇 Yahan ye code paste karna hai --\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/Xv81dbRK\/CC-CD-1.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/15M0PjmF\/A-CC-CD1-Collection-05.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/pXkQx6W0\/A-CC-CD1-Collection-02.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cbr\u003e\u003c\/div\u003e","brand":"Gardenista®","offers":[{"title":"Default Title","offer_id":37737711042709,"sku":"CC CD2 Palm","price":12.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0513\/2563\/2661\/products\/3_1.png?v=1772520839"},{"product_id":"18inch-scattercushion-geometric","title":"Water Resistant Geometric Garden Scatter Cushions Printed Decorative Pillows","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n    body {\n      margin: 0;\n      font-family: 'Roboto', sans-serif;\n    }\n\n    .topnav {\n      background-color: #E1D8CF;\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: flex-start;\n      gap: 5px;\n      padding: 10px 0;\n      position: relative;\n    }\n\n    .topnav a {\n      color: #4b6844;\n      padding: 10px 15px;\n      text-decoration: none;\n      font-size: 16px;\n      border-radius: 4px;\n      transition: background-color 0.3s ease;\n      text-transform: uppercase;\n      font-weight: 700;\n    }\n\n    .topnav a:hover {\n      background-color: #ddd;\n      color: black;\n    }\n\n    .topnav::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background-color: #4b6844;\n    }\n\n    :root {\n      --banner-height: 600px;\n      --hold-time: 40s;\n      --move-time: 2s;\n    }\n\n    * { box-sizing: border-box; margin: 0; padding: 0; }\n\n    .banner {\n      position: relative;\n      width: 121%;\n      height: var(--banner-height);\n      overflow: hidden;\n      margin-top: -0px;\n    }\n\n    .slides {\n      display: flex;\n      width: 100%;\n      animation: slideAnimation 38s infinite;\n    }\n\n    .slide {\n      flex: 0 0 100%;\n      position: relative;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .slide img,\n    .slide iframe {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      display: block;\n      border: none;\n    }\n\n    .shop-btn {\n      position: absolute;\n      top: 80px;\n      left: 80px;\n      z-index: 100;\n      background: #ffffff;\n      color: #4b6844;\n      font-size: 20px;\n      font-weight: 750;\n      padding: 14px 30px;\n      border: 2px solid #4b6844;\n      border-radius: 6px;\n      cursor: pointer;\n      transition: background 0.3s, color 0.3s;\n      text-transform: uppercase;\n      font-family: 'Poppins', sans-serif;\n      text-decoration: none;\n    }\n\n    .shop-btn:hover {\n      background: #4b6844;\n      color: #00;\n    }\n\n@keyframes slideAnimation {\n  0%   { transform: translateX(0%); }       \/* Slide 1 start *\/\n  10%  { transform: translateX(0%); }       \/* Hold Slide 1 *\/\n\n  15%  { transform: translateX(-100%); }    \/* Slide 2 *\/\n  25%  { transform: translateX(-100%); }    \/* Hold Slide 2 *\/\n\n  30%  { transform: translateX(-200%); }    \/* Video slide *\/\n  92%  { transform: translateX(-200%); }    \/* Hold video long (~30s) *\/\n\n  100% { transform: translateX(0%); }       \/* Back to start *\/\n}\n    .product-features h2 {\n      font-size: 26px;\n      font-weight: 700;\n      color: #4b6844;\n      text-align: center;\n      margin-bottom: 20px;\n      text-transform: uppercase;\n    }\n    .product-features ul {\n      list-style-type: disc;\n      list-style-position: inside;\n      margin: 0;\n    }\n    .product-features li {\n      margin-bottom: 12px;\n      line-height: 1.5;\n      color: #333;\n      padding-left: 30px;\n      text-indent: 0;\n      font-size: 18px;\n    }\n.description-section {\n  width: 100%;\n  max-width: 1300px;\n  margin: 40px auto;\n  padding: 0 60px;  \/* 👈 wider left\/right space *\/\n  font-family: 'Poppins', sans-serif;\n  color: #333;\n  font-size: 18px;\n  line-height: 1.9; \/* 👈 adds nice space between lines *\/\n  text-align: left;\n}\n\n.description-section p {\n  margin-bottom: 18px !important; \/* 👈 adds gap between paragraphs *\/\n}\n\n\/* ✅ Full-screen fit for second video *\/\n.video-full iframe {\n    width: 80%;\n      height: 105%;\n      object-fit: contain;\n      display: block;\n      border: none;\n}\n    @media (max-width:720px) { .banner { height: 250px; } }\n    @media (max-width:420px) { .banner { height: 180px; } }\n  \/* ✅ Mobile \u0026 Tablet Friendly Optimization *\/\n  @media (max-width: 1024px) {\n    .banner {\n      width: 100%;\n      height: 420px;\n    }\n    .slide img, \n    .slide iframe {\n      object-fit: contain;\n    }\n    .video-full iframe {\n      width: 100%;\n      height: 280px;\n    }\n    .shop-btn {\n      top: 30px;\n      left: 30px;\n      font-size: 16px;\n      padding: 10px 20px;\n    }\n  }\n\n  @media (max-width: 720px) {\n    .banner {\n      width: 100%;\n      height: 260px;\n    }\n    .topnav {\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 2px;\n      padding: 8px 0;\n    }\n    .topnav a {\n      font-size: 13px;\n      padding: 6px 8px;\n    }\n    .product-features h2 {\n      font-size: 20px;\n    }\n    .product-features li {\n      font-size: 15px;\n      line-height: 1.6;\n    }\n    .description-section {\n      padding: 0 10px;\n      font-size: 16px;\n      line-height: 1.6;\n    }\n    .video-full iframe {\n      width: 100%;\n      height: 230px;\n    }\n    .shop-btn {\n      top: 15px;\n      left: 15px;\n      font-size: 14px;\n      padding: 8px 14px;\n    }\n    div[style*=\"width: 122%\"] {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 8px auto !important;\n    }\n    div[style*=\"width: 122%\"] img {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n    }\n  }\n\n  @media (max-width: 420px) {\n    .banner { height: 180px; }\n    .video-full iframe { height: 200px; }\n    .shop-btn { font-size: 12px; padding: 6px 10px; }\n    .product-features h2 { font-size: 18px; }\n    .product-features li { font-size: 14px; }\n  }\n\n  \/* ✅ MOBILE FIX — Remove side white space *\/\n  @media (max-width: 1024px) {\n    html, body {\n      overflow-x: hidden !important;\n    }\n\n    .banner,\n    div[style*=\"width: 121%\"],\n    div[style*=\"width: 122%\"],\n    .slides {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 0 auto !important;\n    }\n\n    img, iframe {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n      display: block !important;\n    }\n\n    .description-section {\n      padding: 0 12px !important;\n    }\n  }\n\u003c\/style\u003e\n\u003cnav class=\"topnav\"\u003e\u003ca href=\"https:\/\/gardenistauk.com\/\"\u003eHOME\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/all-scatter-cushions\"\u003eOUTDOOR CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/cushion-covers\"\u003eCUSHION COVERS\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/chair-cushions\"\u003eCHAIR CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/lounger-pads-cushions\"\u003eLOUNGER CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/bench-accessories\"\u003eBENCH PAD\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/chairs\"\u003eSEAT PAD\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/rattan-replacement\"\u003eRATTAN CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/pallet-seating-accessories\"\u003ePALLET CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/furniture\"\u003eFURNITURE COVER\u003c\/a\u003e\u003c\/nav\u003e\n\u003cdiv class=\"banner\"\u003e\n\u003cdiv class=\"slides\"\u003e\n\u003cdiv class=\"slide\"\u003e\u003cimg alt=\"Slide 1\" src=\"https:\/\/i.postimg.cc\/dVLX3RB7\/1.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\u003cimg alt=\"Slide 2\" src=\"https:\/\/i.postimg.cc\/vmnNLQC8\/2.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\u003ciframe title=\"YouTube video banner\" src=\"https:\/\/www.youtube.com\/embed\/_4lknsS9Hqw?autoplay=1\u0026amp;mute=1\u0026amp;controls=0\u0026amp;loop=1\u0026amp;playlist=_4lknsS9Hqw\u0026amp;modestbranding=1\u0026amp;rel=0\"\u003e\u003c\/iframe\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ca class=\"shop-btn\" href=\"https:\/\/gardenistauk.com\/pages\/about-us\"\u003eGARDENISTA\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-features\"\u003e\n\u003ch2 style=\"text-align: center;\"\u003e                              Product Features\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eOutdoor scatter cushions are ready-filled with hollowfibre inner liners padding for immediate comfort and support.\u003c\/li\u003e\n\u003cli\u003eThese garden cushions have hidden zip design for easy removal and cleaning the cushion cover.\u003c\/li\u003e\n\u003cli\u003eA range of colours are available to match your outdoor décor style.\u003c\/li\u003e\n\u003cli\u003eAdds an elegant touch to your outdoor seating arrangement.\u003cbr\u003e\n\u003c\/li\u003e\n\u003cli\u003eWater-resistant cushion has polyester materials for durability and protection against light rain or spills.\u003c\/li\u003e\n\u003cli\u003eSuitable for outdoor use in gardens, patios, and other outside seating areas.\u003cbr\u003e\n\u003c\/li\u003e\n\u003cli\u003eWe recommend storing it away when not in use.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv style=\"text-align: start; margin-bottom: 20px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"width: 121%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/QMpXWLMM\/product-feature.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 0;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"description-section\"\u003e\n\u003cp\u003eIntroducing our versatile geometric outdoor scatter cushions, the ideal addition to both your indoor and outdoor spaces. Whether you're lounging in the garden or adding comfort to your dining room, these cushions are designed for both style and durability.\u003c\/p\u003e\n\u003cp\u003eCrafted from soft, water-resistant polyester fabric, these cushions are filled with comfortable hollowfibre filling, ensuring a plush experience whether you're sitting or taking a nap. Their versatility knows no bounds, fitting seamlessly into your dining room, kitchen table, conservatory, garden seating, patio, balcony, or even your living room.\u003c\/p\u003e\n\u003cp\u003eDesigned to withstand showers and spills, these cushions are the perfect solution for worry-free relaxation. With their high-quality invisible zipper, the covers are easily removable and washable, providing convenience and practicality. Available in a range of vibrant colours, our Water-Resistant Outdoor Scatter Cushions brings both comfort and style to your home and garden.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 👇 Yahan ye code paste karna hai --\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/t4PmsXCd\/06-2.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/YSb158fh\/05.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/tTJhpP2z\/02.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cbr\u003e\u003c\/div\u003e","brand":"Gardenista®","offers":[{"title":"Black\/Grey","offer_id":37737711796373,"sku":"CC C5 Geometric Black\/Grey","price":12.99,"currency_code":"GBP","in_stock":true},{"title":"Blue\/Grey","offer_id":37737711829141,"sku":"CC C5 Geometric Blue\/Grey","price":12.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0513\/2563\/2661\/products\/CC-C5-Geometric-Black-Grey-B.jpg?v=1772520808"},{"product_id":"basic-citrus-cushion","title":"Basic Citrus Plain Scatter Cushion","description":"\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"topnav\"\u003e\n\u003cstrong\u003e\u003ca class=\"active\" href=\"https:\/\/gardenistauk.com\/collections\/bench-accessories\"\u003e\u003cspan style=\"color: #313131;\"\u003eBenches\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e \u003cstrong\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/chair-cushions\"\u003e\u003cspan style=\"color: #313131;\"\u003eChairs\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e \u003cstrong\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/rattan-replacement\"\u003e\u003cspan style=\"color: #313131;\"\u003eRattans\u003c\/span\u003e\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/pallet-seating-accessories\"\u003e\u003cspan style=\"color: #313131;\"\u003ePallets\u003c\/span\u003e\u003c\/a\u003e\u003cspan style=\"color: #313131;\"\u003e \u003c\/span\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/curtains\"\u003e\u003cspan style=\"color: #313131;\"\u003eCurtains\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e \u003cstrong\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/lounger-pads-cushions\"\u003e\u003cspan style=\"color: #313131;\"\u003eLoungers\u003c\/span\u003e\u003c\/a\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/all-scatter-cushions\"\u003e\u003cspan style=\"color: #313131;\"\u003e \u003c\/span\u003e\u003cspan style=\"color: #313131;\"\u003eCushions\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cp dir=\"ltr\"\u003e\u003cimg alt=\"\" class=\"mx-auto d-block img-fluid\" src=\"https:\/\/i.postimg.cc\/jdLN3Fwd\/1.gif\"\u003e\u003cimg alt=\"\" class=\"mx-auto d-block img-fluid\" src=\"https:\/\/i.postimg.cc\/VNNKKR8q\/AAHKMJXYDAFd-JAOAIMEb-OAcha-Ytjp-IZUujp-Rp-To0-Cn-ZOZUg-Yyi7-Ov-SL2o6-C-n-sf-Wyd-Kxlv-Ziw2d-NJ45r-Ay2mm-Pt.webp\"\u003e\u003c\/p\u003e\n\u003cul dir=\"ltr\"\u003e\n\u003cli style=\"margin-top: 12.0pt; mso-margin-bottom-alt: auto; line-height: normal; mso-list: l0 level1 lfo1; tab-stops: list .5in;\" class=\"MsoNormal\"\u003e\n\u003cspan style=\"font-family: 'Arial',sans-serif; mso-fareast-font-family: 'Times New Roman'; color: black; mso-font-kerning: 0pt; mso-ligatures: none;\"\u003eThe cushions cover is made with premium 100% polyester, ensuring it's both soft and durable enough to last for seasons to come.\u003c\/span\u003e\u003cspan style=\"font-family: 'Arial',sans-serif; mso-fareast-font-family: 'Times New Roman'; mso-font-kerning: 0pt; mso-ligatures: none;\"\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"mso-margin-top-alt: auto; mso-margin-bottom-alt: auto; line-height: normal; mso-list: l0 level1 lfo1; tab-stops: list .5in;\" class=\"MsoNormal\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif; mso-fareast-font-family: 'Times New Roman'; mso-font-kerning: 0pt; mso-ligatures: none;\"\u003eSuitable for outdoor use in gardens, patios, and other outside seating areas.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"mso-margin-top-alt: auto; mso-margin-bottom-alt: auto; line-height: normal; mso-list: l0 level1 lfo1; tab-stops: list .5in;\" class=\"MsoNormal\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif; mso-fareast-font-family: 'Times New Roman'; mso-font-kerning: 0pt; mso-ligatures: none;\"\u003eHidden zip design for easy removal and cleaning of the cushion cover.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"mso-margin-top-alt: auto; mso-margin-bottom-alt: auto; line-height: normal; mso-list: l0 level1 lfo1; tab-stops: list .5in;\" class=\"MsoNormal\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif; mso-fareast-font-family: 'Times New Roman'; mso-font-kerning: 0pt; mso-ligatures: none;\"\u003eWater-resistant materials for durability and protection against light rain or spills.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"mso-margin-top-alt: auto; margin-bottom: 12.0pt; line-height: normal; mso-list: l0 level1 lfo1; tab-stops: list .5in;\" class=\"MsoNormal\"\u003e\n\u003cspan style=\"font-family: 'Arial',sans-serif; mso-fareast-font-family: 'Times New Roman'; color: black; mso-font-kerning: 0pt; mso-ligatures: none;\"\u003eWe recommend storing it away when not in use.\u003c\/span\u003e\u003cspan style=\"font-family: 'Arial',sans-serif; mso-fareast-font-family: 'Times New Roman'; mso-font-kerning: 0pt; mso-ligatures: none;\"\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cimg alt=\"\" class=\"mx-auto d-block img-fluid\" src=\"https:\/\/i.postimg.cc\/NMvsC9sw\/Add-a-heading-35.png\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan style=\"font-size: 11.0pt; font-family: 'Arial',sans-serif; color: black;\"\u003eOur Outdoor Water-Resistant Plain Scatter Cushions are designed for your utmost comfort. We offer lasting support and cosines with high-quality material. The water-resistant polyester fabric ensures that your cushions will remain in pristine condition even after exposure to weather conditions. \u003c\/span\u003e\u003c\/p\u003e\n\u003cp style=\"margin: 12.0pt 0in 12.0pt 0in;\"\u003e\u003cspan\u003e\u003cspan style=\"font-size: 11.0pt; font-family: 'Arial',sans-serif; color: black;\"\u003e\u003cspan style=\"white-space: pre-wrap;\"\u003e\u003cspan\u003eHigh-quality, water-resistant design for maximum comfort and durability. The easily removable cover makes for hassle-free cleaning and maintenance. Simply remove the cover and toss it in the washing machine for a fresh and clean experience every time. Relax with peace of mind knowing our garden chair cushions are fire-retardant, ensuring safety and protection.\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp style=\"margin: 12.0pt 0in 12.0pt 0in;\"\u003e\u003cspan\u003e\u003cspan style=\"font-size: 11.0pt; font-family: 'Arial',sans-serif; color: black;\"\u003e\u003cspan style=\"white-space: pre-wrap;\"\u003e\u003cspan\u003eEnjoy your outdoor relaxation with unparalleled comfort and stability. These decorative cushions are best for your chair to decorate your garden area. These water-resistant cushions are easy to install and store, making them ideal for use in areas dining room, kitchen table, conservatory, garden seating, patio, balcony, or even your living room.\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cimg style=\"font-size: 0.875rem;\" alt=\"\" class=\"mx-auto d-block img-fluid\" src=\"https:\/\/i.postimg.cc\/K8f97Wdc\/AAHKMJXYDAFd-JAOAIMEb-OAcha-Ytjp-IZUujp-Rp-To0-Cn-ZOZVtjiu-S2-R7-u-LFi-UKp-Whiqz7xvb-Q2r-Aq-HB-2x-Zji-IOC59-MXROv3-MP5-Wk.webp\"\u003e\u003cimg style=\"font-size: 0.875rem;\" alt=\"\" class=\"mx-auto d-block img-fluid\" src=\"https:\/\/i.postimg.cc\/gjcPkvcX\/06-2-1.jpg\"\u003e\u003cimg style=\"font-size: 0.875rem;\" alt=\"\" class=\"mx-auto d-block img-fluid\" src=\"https:\/\/i.postimg.cc\/2y6Zfn0s\/Bannerr-1.jpg\"\u003e\u003c\/p\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003ebody {\n  margin: 0;\n  font-family: Arial, Helvetica, sans-serif;\n \n}\n\n.topnav {\n  overflow: hidden;\n   background-color: #E1D8CF;\n\n}\n\n.topnav a {\n  float: left;\ncolor: #f2f2f2;\n  text-align: center;\n  padding: 14px 16px;\n  text-decoration: none;\n  font-size: 17px;\n}\n\n.topnav a:hover {\n   background-color: #ddd;\n  color: black;\n}\n\n.topnav a.active {\n  \n  color: white;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e","brand":"Gardenista®","offers":[{"title":"Aquarelle","offer_id":37737714745493,"sku":"CC CA Plain Aquarelle","price":11.99,"currency_code":"GBP","in_stock":true},{"title":"Meadow Mist","offer_id":37737714712725,"sku":"CC CA Plain Meadow Mist","price":11.99,"currency_code":"GBP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0513\/2563\/2661\/files\/Untitled_design_1_5.webp?v=1773042229"},{"product_id":"scattercushion-persia-pattern","title":"Persian Print Outdoor Scatter Cushions Garden Decorative Square Pillows Water Resistant","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n    body {\n      margin: 0;\n      font-family: 'Roboto', sans-serif;\n    }\n\n    .topnav {\n      background-color: #E1D8CF;\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: flex-start;\n      gap: 5px;\n      padding: 10px 0;\n      position: relative;\n    }\n\n    .topnav a {\n      color: #4b6844;\n      padding: 10px 15px;\n      text-decoration: none;\n      font-size: 16px;\n      border-radius: 4px;\n      transition: background-color 0.3s ease;\n      text-transform: uppercase;\n      font-weight: 700;\n    }\n\n    .topnav a:hover {\n      background-color: #ddd;\n      color: black;\n    }\n\n    .topnav::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background-color: #4b6844;\n    }\n\n    :root {\n      --banner-height: 600px;\n      --hold-time: 40s;\n      --move-time: 2s;\n    }\n\n    * { box-sizing: border-box; margin: 0; padding: 0; }\n\n    .banner {\n      position: relative;\n      width: 121%;\n      height: var(--banner-height);\n      overflow: hidden;\n      margin-top: -0px;\n    }\n\n    .slides {\n      display: flex;\n      width: 100%;\n      animation: slideAnimation 38s infinite;\n    }\n\n    .slide {\n      flex: 0 0 100%;\n      position: relative;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .slide img,\n    .slide iframe {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      display: block;\n      border: none;\n    }\n\n    .shop-btn {\n      position: absolute;\n      top: 80px;\n      left: 80px;\n      z-index: 100;\n      background: #ffffff;\n      color: #4b6844;\n      font-size: 20px;\n      font-weight: 750;\n      padding: 14px 30px;\n      border: 2px solid #4b6844;\n      border-radius: 6px;\n      cursor: pointer;\n      transition: background 0.3s, color 0.3s;\n      text-transform: uppercase;\n      font-family: 'Poppins', sans-serif;\n      text-decoration: none;\n    }\n\n    .shop-btn:hover {\n      background: #4b6844;\n      color: #00;\n    }\n\n@keyframes slideAnimation {\n  0%   { transform: translateX(0%); }       \/* Slide 1 start *\/\n  10%  { transform: translateX(0%); }       \/* Hold Slide 1 *\/\n\n  15%  { transform: translateX(-100%); }    \/* Slide 2 *\/\n  25%  { transform: translateX(-100%); }    \/* Hold Slide 2 *\/\n\n  30%  { transform: translateX(-200%); }    \/* Video slide *\/\n  92%  { transform: translateX(-200%); }    \/* Hold video long (~30s) *\/\n\n  100% { transform: translateX(0%); }       \/* Back to start *\/\n}\n    .product-features h2 {\n      font-size: 26px;\n      font-weight: 700;\n      color: #4b6844;\n      text-align: center;\n      margin-bottom: 20px;\n      text-transform: uppercase;\n    }\n    .product-features ul {\n      list-style-type: disc;\n      list-style-position: inside;\n      margin: 0;\n    }\n    .product-features li {\n      margin-bottom: 12px;\n      line-height: 1.5;\n      color: #333;\n      padding-left: 30px;\n      text-indent: 0;\n      font-size: 18px;\n    }\n.description-section {\n  width: 100%;\n  max-width: 1300px;\n  margin: 40px auto;\n  padding: 0 60px;  \/* 👈 wider left\/right space *\/\n  font-family: 'Poppins', sans-serif;\n  color: #333;\n  font-size: 18px;\n  line-height: 1.9; \/* 👈 adds nice space between lines *\/\n  text-align: left;\n}\n\n.description-section p {\n  margin-bottom: 18px !important; \/* 👈 adds gap between paragraphs *\/\n}\n\n\/* ✅ Full-screen fit for second video *\/\n.video-full iframe {\n    width: 80%;\n      height: 105%;\n      object-fit: contain;\n      display: block;\n      border: none;\n}\n    @media (max-width:720px) { .banner { height: 250px; } }\n    @media (max-width:420px) { .banner { height: 180px; } }\n  \/* ✅ Mobile \u0026 Tablet Friendly Optimization *\/\n  @media (max-width: 1024px) {\n    .banner {\n      width: 100%;\n      height: 420px;\n    }\n    .slide img, \n    .slide iframe {\n      object-fit: contain;\n    }\n    .video-full iframe {\n      width: 100%;\n      height: 280px;\n    }\n    .shop-btn {\n      top: 30px;\n      left: 30px;\n      font-size: 16px;\n      padding: 10px 20px;\n    }\n  }\n\n  @media (max-width: 720px) {\n    .banner {\n      width: 100%;\n      height: 260px;\n    }\n    .topnav {\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 2px;\n      padding: 8px 0;\n    }\n    .topnav a {\n      font-size: 13px;\n      padding: 6px 8px;\n    }\n    .product-features h2 {\n      font-size: 20px;\n    }\n    .product-features li {\n      font-size: 15px;\n      line-height: 1.6;\n    }\n    .description-section {\n      padding: 0 10px;\n      font-size: 16px;\n      line-height: 1.6;\n    }\n    .video-full iframe {\n      width: 100%;\n      height: 230px;\n    }\n    .shop-btn {\n      top: 15px;\n      left: 15px;\n      font-size: 14px;\n      padding: 8px 14px;\n    }\n    div[style*=\"width: 122%\"] {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 8px auto !important;\n    }\n    div[style*=\"width: 122%\"] img {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n    }\n  }\n\n  @media (max-width: 420px) {\n    .banner { height: 180px; }\n    .video-full iframe { height: 200px; }\n    .shop-btn { font-size: 12px; padding: 6px 10px; }\n    .product-features h2 { font-size: 18px; }\n    .product-features li { font-size: 14px; }\n  }\n\n  \/* ✅ MOBILE FIX — Remove side white space *\/\n  @media (max-width: 1024px) {\n    html, body {\n      overflow-x: hidden !important;\n    }\n\n    .banner,\n    div[style*=\"width: 121%\"],\n    div[style*=\"width: 122%\"],\n    .slides {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 0 auto !important;\n    }\n\n    img, iframe {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n      display: block !important;\n    }\n\n    .description-section {\n      padding: 0 12px !important;\n    }\n  }\n\u003c\/style\u003e\n\u003cnav class=\"topnav\"\u003e\u003ca href=\"https:\/\/gardenistauk.com\/\"\u003eHOME\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/all-scatter-cushions\"\u003eOUTDOOR CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/cushion-covers\"\u003eCUSHION COVERS\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/chair-cushions\"\u003eCHAIR CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/lounger-pads-cushions\"\u003eLOUNGER CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/bench-accessories\"\u003eBENCH PAD\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/chairs\"\u003eSEAT PAD\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/rattan-replacement\"\u003eRATTAN CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/pallet-seating-accessories\"\u003ePALLET CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/furniture\"\u003eFURNITURE COVER\u003c\/a\u003e\u003c\/nav\u003e\n\u003cdiv class=\"banner\"\u003e\n\u003cdiv class=\"slides\"\u003e\n\u003cdiv class=\"slide\"\u003e\u003cimg alt=\"Slide 1\" src=\"https:\/\/i.postimg.cc\/dVLX3RB7\/1.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\u003cimg alt=\"Slide 2\" src=\"https:\/\/i.postimg.cc\/vmnNLQC8\/2.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\u003ciframe title=\"YouTube video banner\" src=\"https:\/\/www.youtube.com\/embed\/VM2WSe1VtMQ?autoplay=1\u0026amp;mute=1\u0026amp;controls=0\u0026amp;loop=1\u0026amp;playlist=VM2WSe1VtMQ\u0026amp;modestbranding=1\u0026amp;rel=0\"\u003e\u003c\/iframe\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ca class=\"shop-btn\" href=\"https:\/\/gardenistauk.com\/pages\/about-us\"\u003eGARDENISTA\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-features\"\u003e\n\u003ch2 style=\"text-align: center;\"\u003e                              Product Features\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003ePersian outdoor cushions are made with premium 100% polyester\u003c\/li\u003e\n\u003cli\u003eit's both soft and durable enough to last for seasons to come.\u003c\/li\u003e\n\u003cli\u003eHidden zip design for easy removal and cleaning of the cushion cover.\u003c\/li\u003e\n\u003cli\u003eWater-resistant materials for durability and protection against light rain or spills.\u003cbr\u003e\n\u003c\/li\u003e\n\u003cli\u003eHidden zipper feature for easily removing the cover for machine wash.\u003c\/li\u003e\n\u003cli\u003eWe recommend storing it away when not in use.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv style=\"text-align: start; margin-bottom: 20px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"width: 121%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/QMpXWLMM\/product-feature.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 0;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"description-section\"\u003e\n\u003cp\u003eOur garden printed cushions are designed for your utmost comfort. We offer lasting support and cosines with high-quality material. The water-resistant polyester fabric ensures that your cushions will remain in pristine condition even after exposure to weather conditions.\u003c\/p\u003e\n\u003cp\u003eHigh-quality, water-resistant design for maximum comfort and durability. The easily removable cover makes for hassle-free cleaning and maintenance. Simply remove the cover and toss it in the washing machine for a fresh and clean experience every time. Relax with peace of mind knowing our garden chair cushions are fire-retardant, ensuring safety and protection.\u003c\/p\u003e\n\u003cp\u003eEnjoy your outdoor relaxation with unparalleled comfort and stability. These decorative cushions are best for your chair to decorate your garden area. These water-resistant cushions are easy to install and store, making them ideal for use in areas dining room, kitchen table, conservatory, garden seating, patio, balcony, or even your living room.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 👇 Yahan ye code paste karna hai --\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/RVdHJrBm\/CC-CD-7.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/15M0PjmF\/A-CC-CD1-Collection-05.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/pXkQx6W0\/A-CC-CD1-Collection-02.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cbr\u003e\u003c\/div\u003e","brand":"Gardenista®","offers":[{"title":"Scatter Cushion 18\"","offer_id":37737719365781,"sku":"CC CD1 Persia","price":12.99,"currency_code":"GBP","in_stock":false},{"title":"Scatter Cushion 24\"","offer_id":37737719398549,"sku":"CC CD2 Persia","price":12.99,"currency_code":"GBP","in_stock":false},{"title":"Rectangle Cushion","offer_id":48526366998845,"sku":"CC CD3 Persia","price":12.99,"currency_code":"GBP","in_stock":false},{"title":"Round Cushion","offer_id":48526367031613,"sku":"CC CD4 Persia","price":12.99,"currency_code":"GBP","in_stock":false},{"title":"Bolster Cushion","offer_id":48526367064381,"sku":"CC CD5 Persia","price":12.99,"currency_code":"GBP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0513\/2563\/2661\/products\/CC-CD1-Persia.jpg?v=1772520760"},{"product_id":"18inch-scattercushion-chevron-pattern","title":"Arabesque Zig Zag Garden Scatter Cushions 60x60cm","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n    body {\n      margin: 0;\n      font-family: 'Roboto', sans-serif;\n    }\n\n    .topnav {\n      background-color: #E1D8CF;\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: flex-start;\n      gap: 5px;\n      padding: 10px 0;\n      position: relative;\n    }\n\n    .topnav a {\n      color: #4b6844;\n      padding: 10px 15px;\n      text-decoration: none;\n      font-size: 16px;\n      border-radius: 4px;\n      transition: background-color 0.3s ease;\n      text-transform: uppercase;\n      font-weight: 700;\n    }\n\n    .topnav a:hover {\n      background-color: #ddd;\n      color: black;\n    }\n\n    .topnav::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background-color: #4b6844;\n    }\n\n    :root {\n      --banner-height: 600px;\n      --hold-time: 40s;\n      --move-time: 2s;\n    }\n\n    * { box-sizing: border-box; margin: 0; padding: 0; }\n\n    .banner {\n      position: relative;\n      width: 121%;\n      height: var(--banner-height);\n      overflow: hidden;\n      margin-top: -0px;\n    }\n\n    .slides {\n      display: flex;\n      width: 100%;\n      animation: slideAnimation 38s infinite;\n    }\n\n    .slide {\n      flex: 0 0 100%;\n      position: relative;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .slide img,\n    .slide iframe {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      display: block;\n      border: none;\n    }\n\n    .shop-btn {\n      position: absolute;\n      top: 80px;\n      left: 80px;\n      z-index: 100;\n      background: #ffffff;\n      color: #4b6844;\n      font-size: 20px;\n      font-weight: 750;\n      padding: 14px 30px;\n      border: 2px solid #4b6844;\n      border-radius: 6px;\n      cursor: pointer;\n      transition: background 0.3s, color 0.3s;\n      text-transform: uppercase;\n      font-family: 'Poppins', sans-serif;\n      text-decoration: none;\n    }\n\n    .shop-btn:hover {\n      background: #4b6844;\n      color: #00;\n    }\n\n@keyframes slideAnimation {\n  0%   { transform: translateX(0%); }       \/* Slide 1 start *\/\n  10%  { transform: translateX(0%); }       \/* Hold Slide 1 *\/\n\n  15%  { transform: translateX(-100%); }    \/* Slide 2 *\/\n  25%  { transform: translateX(-100%); }    \/* Hold Slide 2 *\/\n\n  30%  { transform: translateX(-200%); }    \/* Video slide *\/\n  92%  { transform: translateX(-200%); }    \/* Hold video long (~30s) *\/\n\n  100% { transform: translateX(0%); }       \/* Back to start *\/\n}\n    .product-features h2 {\n      font-size: 26px;\n      font-weight: 700;\n      color: #4b6844;\n      text-align: center;\n      margin-bottom: 20px;\n      text-transform: uppercase;\n    }\n    .product-features ul {\n      list-style-type: disc;\n      list-style-position: inside;\n      margin: 0;\n    }\n    .product-features li {\n      margin-bottom: 12px;\n      line-height: 1.5;\n      color: #333;\n      padding-left: 30px;\n      text-indent: 0;\n      font-size: 18px;\n    }\n.description-section {\n  width: 100%;\n  max-width: 1300px;\n  margin: 40px auto;\n  padding: 0 60px;  \/* 👈 wider left\/right space *\/\n  font-family: 'Poppins', sans-serif;\n  color: #333;\n  font-size: 18px;\n  line-height: 1.9; \/* 👈 adds nice space between lines *\/\n  text-align: left;\n}\n\n.description-section p {\n  margin-bottom: 18px !important; \/* 👈 adds gap between paragraphs *\/\n}\n\n\/* ✅ Full-screen fit for second video *\/\n.video-full iframe {\n    width: 80%;\n      height: 105%;\n      object-fit: contain;\n      display: block;\n      border: none;\n}\n    @media (max-width:720px) { .banner { height: 250px; } }\n    @media (max-width:420px) { .banner { height: 180px; } }\n  \/* ✅ Mobile \u0026 Tablet Friendly Optimization *\/\n  @media (max-width: 1024px) {\n    .banner {\n      width: 100%;\n      height: 420px;\n    }\n    .slide img, \n    .slide iframe {\n      object-fit: contain;\n    }\n    .video-full iframe {\n      width: 100%;\n      height: 280px;\n    }\n    .shop-btn {\n      top: 30px;\n      left: 30px;\n      font-size: 16px;\n      padding: 10px 20px;\n    }\n  }\n\n  @media (max-width: 720px) {\n    .banner {\n      width: 100%;\n      height: 260px;\n    }\n    .topnav {\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 2px;\n      padding: 8px 0;\n    }\n    .topnav a {\n      font-size: 13px;\n      padding: 6px 8px;\n    }\n    .product-features h2 {\n      font-size: 20px;\n    }\n    .product-features li {\n      font-size: 15px;\n      line-height: 1.6;\n    }\n    .description-section {\n      padding: 0 10px;\n      font-size: 16px;\n      line-height: 1.6;\n    }\n    .video-full iframe {\n      width: 100%;\n      height: 230px;\n    }\n    .shop-btn {\n      top: 15px;\n      left: 15px;\n      font-size: 14px;\n      padding: 8px 14px;\n    }\n    div[style*=\"width: 122%\"] {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 8px auto !important;\n    }\n    div[style*=\"width: 122%\"] img {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n    }\n  }\n\n  @media (max-width: 420px) {\n    .banner { height: 180px; }\n    .video-full iframe { height: 200px; }\n    .shop-btn { font-size: 12px; padding: 6px 10px; }\n    .product-features h2 { font-size: 18px; }\n    .product-features li { font-size: 14px; }\n  }\n\n  \/* ✅ MOBILE FIX — Remove side white space *\/\n  @media (max-width: 1024px) {\n    html, body {\n      overflow-x: hidden !important;\n    }\n\n    .banner,\n    div[style*=\"width: 121%\"],\n    div[style*=\"width: 122%\"],\n    .slides {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 0 auto !important;\n    }\n\n    img, iframe {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n      display: block !important;\n    }\n\n    .description-section {\n      padding: 0 12px !important;\n    }\n  }\n\u003c\/style\u003e\n\u003cnav class=\"topnav\"\u003e\u003ca href=\"https:\/\/gardenistauk.com\/\"\u003eHOME\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/all-scatter-cushions\"\u003eOUTDOOR CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/cushion-covers\"\u003eCUSHION COVERS\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/chair-cushions\"\u003eCHAIR CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/lounger-pads-cushions\"\u003eLOUNGER CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/bench-accessories\"\u003eBENCH PAD\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/chairs\"\u003eSEAT PAD\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/rattan-replacement\"\u003eRATTAN CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/pallet-seating-accessories\"\u003ePALLET CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/furniture\"\u003eFURNITURE COVER\u003c\/a\u003e\u003c\/nav\u003e\n\u003cdiv class=\"banner\"\u003e\n\u003cdiv class=\"slides\"\u003e\n\u003cdiv class=\"slide\"\u003e\u003cimg alt=\"Slide 1\" src=\"https:\/\/i.postimg.cc\/dVLX3RB7\/1.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\u003cimg alt=\"Slide 2\" src=\"https:\/\/i.postimg.cc\/vmnNLQC8\/2.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\u003ciframe title=\"YouTube video banner\" src=\"https:\/\/www.youtube.com\/embed\/VM2WSe1VtMQ?autoplay=1\u0026amp;mute=1\u0026amp;controls=0\u0026amp;loop=1\u0026amp;playlist=VM2WSe1VtMQ\u0026amp;modestbranding=1\u0026amp;rel=0\"\u003e\u003c\/iframe\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ca class=\"shop-btn\" href=\"https:\/\/gardenistauk.com\/pages\/about-us\"\u003eGARDENISTA\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-features\"\u003e\n\u003ch2 style=\"text-align: center;\"\u003e                              Product Features\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eZig Zag outdoor cushions are made with premium 100% polyester\u003c\/li\u003e\n\u003cli\u003eit's both soft and durable enough to last for seasons to come.\u003c\/li\u003e\n\u003cli\u003eHidden zip design for easy removal and cleaning of the cushion cover.\u003c\/li\u003e\n\u003cli\u003eWater-resistant materials for durability and protection against light rain or spills.\u003cbr\u003e\n\u003c\/li\u003e\n\u003cli\u003eHidden zipper feature for easily removing the cover for machine wash.\u003c\/li\u003e\n\u003cli\u003eWe recommend storing it away when not in use.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv style=\"text-align: start; margin-bottom: 20px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"width: 121%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/QMpXWLMM\/product-feature.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 0;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"description-section\"\u003e\n\u003cp\u003eOur garden printed cushions are designed for your utmost comfort. We offer lasting support and cosines with high-quality material. The water-resistant polyester fabric ensures that your cushions will remain in pristine condition even after exposure to weather conditions.\u003c\/p\u003e\n\u003cp\u003eHigh-quality, water-resistant design for maximum comfort and durability. The easily removable cover makes for hassle-free cleaning and maintenance. Simply remove the cover and toss it in the washing machine for a fresh and clean experience every time. Relax with peace of mind knowing our garden chair cushions are fire-retardant, ensuring safety and protection.\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003eEnjoy your outdoor relaxation with unparalleled comfort and stability. These decorative cushions are best for your chair to decorate your garden area. These water-resistant cushions are easy to install and store, making them ideal for use in areas dining room, kitchen table, conservatory, garden seating, patio, balcony, or even your living room.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 👇 Yahan ye code paste karna hai --\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/Xv81dbRK\/CC-CD-1.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/15M0PjmF\/A-CC-CD1-Collection-05.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/pXkQx6W0\/A-CC-CD1-Collection-02.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cbr\u003e\u003c\/div\u003e","brand":"Gardenista®","offers":[{"title":"Charcoal","offer_id":37737721790613,"sku":"CC CD2 Chevron Charcoal","price":12.99,"currency_code":"GBP","in_stock":true},{"title":"Green","offer_id":37737721823381,"sku":"CC CD2 Chevron Green","price":12.99,"currency_code":"GBP","in_stock":true},{"title":"Lime","offer_id":37737721856149,"sku":"CC CD2 Chevron Lime","price":12.99,"currency_code":"GBP","in_stock":true},{"title":"Mustard","offer_id":37737721888917,"sku":"CC CD2 Chevron Mustard","price":12.99,"currency_code":"GBP","in_stock":true},{"title":"Pink","offer_id":37737721921685,"sku":"CC CD2 Chevron Pink","price":12.99,"currency_code":"GBP","in_stock":true},{"title":"Purple","offer_id":37737721954453,"sku":"CC CD2 Chevron Purple","price":12.99,"currency_code":"GBP","in_stock":true},{"title":"Teal","offer_id":37737721987221,"sku":"CC CD2 Chevron Teal","price":12.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0513\/2563\/2661\/products\/CC-CD2-Chevron-Mustard.jpg?v=1772520743"},{"product_id":"striped-lumbar-cushion","title":"Water Resistant Lumbar Striped Garden Cushions","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n    body {\n      margin: 0;\n      font-family: 'Roboto', sans-serif;\n    }\n\n    .topnav {\n      background-color: #E1D8CF;\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: flex-start;\n      gap: 5px;\n      padding: 10px 0;\n      position: relative;\n    }\n\n    .topnav a {\n      color: #4b6844;\n      padding: 10px 15px;\n      text-decoration: none;\n      font-size: 16px;\n      border-radius: 4px;\n      transition: background-color 0.3s ease;\n      text-transform: uppercase;\n      font-weight: 700;\n    }\n\n    .topnav a:hover {\n      background-color: #ddd;\n      color: black;\n    }\n\n    .topnav::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background-color: #4b6844;\n    }\n\n    :root {\n      --banner-height: 600px;\n      --hold-time: 40s;\n      --move-time: 2s;\n    }\n\n    * { box-sizing: border-box; margin: 0; padding: 0; }\n\n    .banner {\n      position: relative;\n      width: 121%;\n      height: var(--banner-height);\n      overflow: hidden;\n      margin-top: -0px;\n    }\n\n    .slides {\n      display: flex;\n      width: 100%;\n      animation: slideAnimation 38s infinite;\n    }\n\n    .slide {\n      flex: 0 0 100%;\n      position: relative;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .slide img,\n    .slide iframe {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      display: block;\n      border: none;\n    }\n\n    .shop-btn {\n      position: absolute;\n      top: 80px;\n      left: 80px;\n      z-index: 100;\n      background: #ffffff;\n      color: #4b6844;\n      font-size: 20px;\n      font-weight: 750;\n      padding: 14px 30px;\n      border: 2px solid #4b6844;\n      border-radius: 6px;\n      cursor: pointer;\n      transition: background 0.3s, color 0.3s;\n      text-transform: uppercase;\n      font-family: 'Poppins', sans-serif;\n      text-decoration: none;\n    }\n\n    .shop-btn:hover {\n      background: #4b6844;\n      color: #00;\n    }\n\n@keyframes slideAnimation {\n  0%   { transform: translateX(0%); }       \/* Slide 1 start *\/\n  10%  { transform: translateX(0%); }       \/* Hold Slide 1 *\/\n\n  15%  { transform: translateX(-100%); }    \/* Slide 2 *\/\n  25%  { transform: translateX(-100%); }    \/* Hold Slide 2 *\/\n\n  30%  { transform: translateX(-200%); }    \/* Video slide *\/\n  92%  { transform: translateX(-200%); }    \/* Hold video long (~30s) *\/\n\n  100% { transform: translateX(0%); }       \/* Back to start *\/\n}\n    .product-features h2 {\n      font-size: 26px;\n      font-weight: 700;\n      color: #4b6844;\n      text-align: center;\n      margin-bottom: 20px;\n      text-transform: uppercase;\n    }\n    .product-features ul {\n      list-style-type: disc;\n      list-style-position: inside;\n      margin: 0;\n    }\n    .product-features li {\n      margin-bottom: 12px;\n      line-height: 1.5;\n      color: #333;\n      padding-left: 30px;\n      text-indent: 0;\n      font-size: 18px;\n    }\n.description-section {\n  width: 100%;\n  max-width: 1300px;\n  margin: 40px auto;\n  padding: 0 60px;  \/* 👈 wider left\/right space *\/\n  font-family: 'Poppins', sans-serif;\n  color: #333;\n  font-size: 18px;\n  line-height: 1.9; \/* 👈 adds nice space between lines *\/\n  text-align: left;\n}\n\n.description-section p {\n  margin-bottom: 18px !important; \/* 👈 adds gap between paragraphs *\/\n}\n\n\/* ✅ Full-screen fit for second video *\/\n.video-full iframe {\n    width: 80%;\n      height: 105%;\n      object-fit: contain;\n      display: block;\n      border: none;\n}\n    @media (max-width:720px) { .banner { height: 250px; } }\n    @media (max-width:420px) { .banner { height: 180px; } }\n  \/* ✅ Mobile \u0026 Tablet Friendly Optimization *\/\n  @media (max-width: 1024px) {\n    .banner {\n      width: 100%;\n      height: 420px;\n    }\n    .slide img, \n    .slide iframe {\n      object-fit: contain;\n    }\n    .video-full iframe {\n      width: 100%;\n      height: 280px;\n    }\n    .shop-btn {\n      top: 30px;\n      left: 30px;\n      font-size: 16px;\n      padding: 10px 20px;\n    }\n  }\n\n  @media (max-width: 720px) {\n    .banner {\n      width: 100%;\n      height: 260px;\n    }\n    .topnav {\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 2px;\n      padding: 8px 0;\n    }\n    .topnav a {\n      font-size: 13px;\n      padding: 6px 8px;\n    }\n    .product-features h2 {\n      font-size: 20px;\n    }\n    .product-features li {\n      font-size: 15px;\n      line-height: 1.6;\n    }\n    .description-section {\n      padding: 0 10px;\n      font-size: 16px;\n      line-height: 1.6;\n    }\n    .video-full iframe {\n      width: 100%;\n      height: 230px;\n    }\n    .shop-btn {\n      top: 15px;\n      left: 15px;\n      font-size: 14px;\n      padding: 8px 14px;\n    }\n    div[style*=\"width: 122%\"] {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 8px auto !important;\n    }\n    div[style*=\"width: 122%\"] img {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n    }\n  }\n\n  @media (max-width: 420px) {\n    .banner { height: 180px; }\n    .video-full iframe { height: 200px; }\n    .shop-btn { font-size: 12px; padding: 6px 10px; }\n    .product-features h2 { font-size: 18px; }\n    .product-features li { font-size: 14px; }\n  }\n\n  \/* ✅ MOBILE FIX — Remove side white space *\/\n  @media (max-width: 1024px) {\n    html, body {\n      overflow-x: hidden !important;\n    }\n\n    .banner,\n    div[style*=\"width: 121%\"],\n    div[style*=\"width: 122%\"],\n    .slides {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 0 auto !important;\n    }\n\n    img, iframe {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n      display: block !important;\n    }\n\n    .description-section {\n      padding: 0 12px !important;\n    }\n  }\n\u003c\/style\u003e\n\u003cnav class=\"topnav\"\u003e\u003ca href=\"https:\/\/gardenistauk.com\/\"\u003eHOME\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/all-scatter-cushions\"\u003eOUTDOOR CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/cushion-covers\"\u003eCUSHION COVERS\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/chair-cushions\"\u003eCHAIR CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/lounger-pads-cushions\"\u003eLOUNGER CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/bench-accessories\"\u003eBENCH PAD\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/chairs\"\u003eSEAT PAD\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/rattan-replacement\"\u003eRATTAN CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/pallet-seating-accessories\"\u003ePALLET CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/furniture\"\u003eFURNITURE COVER\u003c\/a\u003e\u003c\/nav\u003e\n\u003cdiv class=\"banner\"\u003e\n\u003cdiv class=\"slides\"\u003e\n\u003cdiv class=\"slide\"\u003e\u003cimg alt=\"Slide 1\" src=\"https:\/\/i.postimg.cc\/dVLX3RB7\/1.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\u003cimg alt=\"Slide 2\" src=\"https:\/\/i.postimg.cc\/vmnNLQC8\/2.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\u003ciframe title=\"YouTube video banner\" src=\"https:\/\/www.youtube.com\/embed\/VM2WSe1VtMQ?autoplay=1\u0026amp;mute=1\u0026amp;controls=0\u0026amp;loop=1\u0026amp;playlist=VM2WSe1VtMQ\u0026amp;modestbranding=1\u0026amp;rel=0\"\u003e\u003c\/iframe\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ca class=\"shop-btn\" href=\"https:\/\/gardenistauk.com\/pages\/about-us\"\u003eGARDENISTA\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-features\"\u003e\n\u003ch2 style=\"text-align: center;\"\u003e                              Product Features\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eOutdoor lumber stripe cushions are made with premium 100% polyester\u003c\/li\u003e\n\u003cli\u003eit's both soft and durable enough to last for seasons to come.\u003c\/li\u003e\n\u003cli\u003eHidden zip design for easy removal and cleaning of the cushion cover.\u003c\/li\u003e\n\u003cli\u003eWater-resistant materials for durability and protection against light rain or spills.\u003cbr\u003e\n\u003c\/li\u003e\n\u003cli\u003eHidden zipper feature for easily removing the cover for machine wash.\u003c\/li\u003e\n\u003cli\u003eWe recommend storing it away when not in use.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv style=\"text-align: start; margin-bottom: 20px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"width: 121%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/QMpXWLMM\/product-feature.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 0;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"description-section\"\u003e\n\u003cp\u003eOur garden printed cushions are designed for your utmost comfort. We offer lasting support and cosines with high-quality material. The water-resistant polyester fabric ensures that your cushions will remain in pristine condition even after exposure to weather conditions.\u003c\/p\u003e\n\u003cp\u003eHigh-quality, water-resistant design for maximum comfort and durability. The easily removable cover makes for hassle-free cleaning and maintenance. Simply remove the cover and toss it in the washing machine for a fresh and clean experience every time. Relax with peace of mind knowing our garden chair cushions are fire-retardant, ensuring safety and protection.\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003eEnjoy your outdoor relaxation with unparalleled comfort and stability. These decorative cushions are best for your chair to decorate your garden area. These water-resistant cushions are easy to install and store, making them ideal for use in areas dining room, kitchen table, conservatory, garden seating, patio, balcony, or even your living room.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 👇 Yahan ye code paste karna hai --\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/pTXCDMLm\/A-CC-CD3-Collection-06-Updated-(2).jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/Gmw4WPYS\/A-CC-CD3-Collection-05.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/pXkQx6W0\/A-CC-CD1-Collection-02.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cbr\u003e\u003c\/div\u003e","brand":"Gardenista®","offers":[{"title":"Printed Charcoal","offer_id":37737722282133,"sku":"CC CD3 Stripe Charcoal","price":9.97,"currency_code":"GBP","in_stock":true},{"title":"Printed Green","offer_id":37737722314901,"sku":"CC CD3 Stripe Green","price":9.97,"currency_code":"GBP","in_stock":false},{"title":"Printed Lime","offer_id":37737722347669,"sku":"CC CD3 Stripe Lime","price":9.97,"currency_code":"GBP","in_stock":true},{"title":"Printed Mustard","offer_id":37737722380437,"sku":"CC CD3 Stripe Mustard","price":9.97,"currency_code":"GBP","in_stock":false},{"title":"Printed Pink","offer_id":37737722413205,"sku":"CC CD3 Stripe Pink","price":9.97,"currency_code":"GBP","in_stock":true},{"title":"Printed Purple","offer_id":37737722445973,"sku":"CC CD3 Stripe Purple","price":9.97,"currency_code":"GBP","in_stock":true},{"title":"Printed Teal","offer_id":37737722478741,"sku":"CC CD3 Stripe Teal","price":9.97,"currency_code":"GBP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0513\/2563\/2661\/products\/CC-CD3-Collection-11.jpg?v=1768890451"},{"product_id":"20cm-x20cm6-pieces-cushions","title":"Bright Colorful Mini Outdoor Scatter Cushion Set for Garden Furniture Water-Resistant","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n    body {\n      margin: 0;\n      font-family: 'Roboto', sans-serif;\n    }\n\n    .topnav {\n      background-color: #E1D8CF;\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: flex-start;\n      gap: 5px;\n      padding: 10px 0;\n      position: relative;\n    }\n\n    .topnav a {\n      color: #4b6844;\n      padding: 10px 15px;\n      text-decoration: none;\n      font-size: 16px;\n      border-radius: 4px;\n      transition: background-color 0.3s ease;\n      text-transform: uppercase;\n      font-weight: 700;\n    }\n\n    .topnav a:hover {\n      background-color: #ddd;\n      color: black;\n    }\n\n    .topnav::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background-color: #4b6844;\n    }\n\n    :root {\n      --banner-height: 600px;\n      --hold-time: 40s;\n      --move-time: 2s;\n    }\n\n    * { box-sizing: border-box; margin: 0; padding: 0; }\n\n    .banner {\n      position: relative;\n      width: 121%;\n      height: var(--banner-height);\n      overflow: hidden;\n      margin-top: -0px;\n    }\n\n    .slides {\n      display: flex;\n      width: 100%;\n      animation: slideAnimation 38s infinite;\n    }\n\n    .slide {\n      flex: 0 0 100%;\n      position: relative;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .slide img,\n    .slide iframe {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      display: block;\n      border: none;\n    }\n\n    .shop-btn {\n      position: absolute;\n      top: 80px;\n      left: 80px;\n      z-index: 100;\n      background: #ffffff;\n      color: #4b6844;\n      font-size: 20px;\n      font-weight: 750;\n      padding: 14px 30px;\n      border: 2px solid #4b6844;\n      border-radius: 6px;\n      cursor: pointer;\n      transition: background 0.3s, color 0.3s;\n      text-transform: uppercase;\n      font-family: 'Poppins', sans-serif;\n      text-decoration: none;\n    }\n\n    .shop-btn:hover {\n      background: #4b6844;\n      color: #00;\n    }\n\n@keyframes slideAnimation {\n  0%   { transform: translateX(0%); }       \/* Slide 1 start *\/\n  10%  { transform: translateX(0%); }       \/* Hold Slide 1 *\/\n\n  15%  { transform: translateX(-100%); }    \/* Slide 2 *\/\n  25%  { transform: translateX(-100%); }    \/* Hold Slide 2 *\/\n\n  30%  { transform: translateX(-200%); }    \/* Video slide *\/\n  92%  { transform: translateX(-200%); }    \/* Hold video long (~30s) *\/\n\n  100% { transform: translateX(0%); }       \/* Back to start *\/\n}\n    .product-features h2 {\n      font-size: 26px;\n      font-weight: 700;\n      color: #4b6844;\n      text-align: center;\n      margin-bottom: 20px;\n      text-transform: uppercase;\n    }\n    .product-features ul {\n      list-style-type: disc;\n      list-style-position: inside;\n      margin: 0;\n    }\n    .product-features li {\n      margin-bottom: 12px;\n      line-height: 1.5;\n      color: #333;\n      padding-left: 30px;\n      text-indent: 0;\n      font-size: 18px;\n    }\n.description-section {\n  width: 100%;\n  max-width: 1300px;\n  margin: 40px auto;\n  padding: 0 60px;  \/* 👈 wider left\/right space *\/\n  font-family: 'Poppins', sans-serif;\n  color: #333;\n  font-size: 18px;\n  line-height: 1.9; \/* 👈 adds nice space between lines *\/\n  text-align: left;\n}\n\n.description-section p {\n  margin-bottom: 18px !important; \/* 👈 adds gap between paragraphs *\/\n}\n\n\/* ✅ Full-screen fit for second video *\/\n.video-full iframe {\n    width: 80%;\n      height: 105%;\n      object-fit: contain;\n      display: block;\n      border: none;\n}\n    @media (max-width:720px) { .banner { height: 250px; } }\n    @media (max-width:420px) { .banner { height: 180px; } }\n  \/* ✅ Mobile \u0026 Tablet Friendly Optimization *\/\n  @media (max-width: 1024px) {\n    .banner {\n      width: 100%;\n      height: 420px;\n    }\n    .slide img, \n    .slide iframe {\n      object-fit: contain;\n    }\n    .video-full iframe {\n      width: 100%;\n      height: 280px;\n    }\n    .shop-btn {\n      top: 30px;\n      left: 30px;\n      font-size: 16px;\n      padding: 10px 20px;\n    }\n  }\n\n  @media (max-width: 720px) {\n    .banner {\n      width: 100%;\n      height: 260px;\n    }\n    .topnav {\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 2px;\n      padding: 8px 0;\n    }\n    .topnav a {\n      font-size: 13px;\n      padding: 6px 8px;\n    }\n    .product-features h2 {\n      font-size: 20px;\n    }\n    .product-features li {\n      font-size: 15px;\n      line-height: 1.6;\n    }\n    .description-section {\n      padding: 0 10px;\n      font-size: 16px;\n      line-height: 1.6;\n    }\n    .video-full iframe {\n      width: 100%;\n      height: 230px;\n    }\n    .shop-btn {\n      top: 15px;\n      left: 15px;\n      font-size: 14px;\n      padding: 8px 14px;\n    }\n    div[style*=\"width: 122%\"] {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 8px auto !important;\n    }\n    div[style*=\"width: 122%\"] img {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n    }\n  }\n\n  @media (max-width: 420px) {\n    .banner { height: 180px; }\n    .video-full iframe { height: 200px; }\n    .shop-btn { font-size: 12px; padding: 6px 10px; }\n    .product-features h2 { font-size: 18px; }\n    .product-features li { font-size: 14px; }\n  }\n\n  \/* ✅ MOBILE FIX — Remove side white space *\/\n  @media (max-width: 1024px) {\n    html, body {\n      overflow-x: hidden !important;\n    }\n\n    .banner,\n    div[style*=\"width: 121%\"],\n    div[style*=\"width: 122%\"],\n    .slides {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 0 auto !important;\n    }\n\n    img, iframe {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n      display: block !important;\n    }\n\n    .description-section {\n      padding: 0 12px !important;\n    }\n  }\n\u003c\/style\u003e\n\u003cnav class=\"topnav\"\u003e\u003ca href=\"https:\/\/gardenistauk.com\/\"\u003eHOME\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/all-scatter-cushions\"\u003eOUTDOOR CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/cushion-covers\"\u003eCUSHION COVERS\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/chair-cushions\"\u003eCHAIR CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/lounger-pads-cushions\"\u003eLOUNGER CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/bench-accessories\"\u003eBENCH PAD\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/chairs\"\u003eSEAT PAD\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/rattan-replacement\"\u003eRATTAN CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/pallet-seating-accessories\"\u003ePALLET CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/furniture\"\u003eFURNITURE COVER\u003c\/a\u003e\u003c\/nav\u003e\n\u003cdiv class=\"banner\"\u003e\n\u003cdiv class=\"slides\"\u003e\n\u003cdiv class=\"slide\"\u003e\u003cimg alt=\"Slide 1\" src=\"https:\/\/i.postimg.cc\/dVLX3RB7\/1.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\u003cimg alt=\"Slide 2\" src=\"https:\/\/i.postimg.cc\/vmnNLQC8\/2.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\u003ciframe\u003e\u003c\/iframe\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ca class=\"shop-btn\" href=\"https:\/\/gardenistauk.com\/pages\/about-us\"\u003eGARDENISTA\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-features\"\u003e\n\u003ch2 style=\"text-align: center;\"\u003e                              Product Features\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eAdds a vibrant pop of color to outdoor seating, with mini garden scatter cushions.\u003c\/li\u003e\n\u003cli\u003eDue to Polyester fabric, its withstand light rain and moisture, ideal for outdoor use.\u003c\/li\u003e\n\u003cli\u003eCompact and versatile garden cushions for extra comfort and decorative styling.\u003c\/li\u003e\n\u003cli\u003eSoft yet supportive hollowfibre comfy filling for relaxed outdoor lounging \u0026amp; seating.\u003c\/li\u003e\n\u003cli\u003eSuitable for garden furniture, bistro sets, benches, and chairs or any outdoor space.\u003c\/li\u003e\n\u003cli\u003eLightweight cushions that refresh your outdoor space instantly.\u003cbr\u003e\n\u003c\/li\u003e\n\u003cli\u003eWe recommend storing it away when not in use.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv style=\"text-align: start; margin-bottom: 20px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"width: 121%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/QMpXWLMM\/product-feature.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 0;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"description-section\"\u003e\n\u003cp\u003eAdd comfort and color to your outdoor space with this bright colorful mini outdoor scatter cushions set, designed for garden patio furniture and everyday outdoor comfort and style. Perfect for patios, balconies, terraces, and garden seating, these mini cushions bring a cheerful look while enhancing relaxation.\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003eCrafted with water-resistant fabric, these outdoor scatter cushions are suitable for light rain and moisture, making them ideal for outdoor living space. The mini size makes them easy to style on garden chairs, benches, or bistro sets, adding both comfort and decorative appeal.\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003eWhether you’re updating your garden furniture or creating a cozy outdoor seating area, this water-resistant mini scatter cushion set offers a practical and stylish solution for outdoor comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 👇 Yahan ye code paste karna hai --\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/zBsH2G3V\/A-CC-CM3-06.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/wxNmyLbB\/A-CC-CM3-05.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/PrzvKhj2\/A-CC-CM3-02.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cbr\u003e\u003c\/div\u003e","brand":"Gardenista®","offers":[{"title":"Base 6 Pieces Set","offer_id":37737722511509,"sku":"CC CM1 Mini Base Cols 6pk","price":11.99,"currency_code":"GBP","in_stock":false},{"title":"Bright 6 Pieces set","offer_id":37737722544277,"sku":"CC CM3 Mini Bright Cols 6pk","price":13.99,"currency_code":"GBP","in_stock":false},{"title":"Pantone 6 Pieces Set","offer_id":48509889642813,"sku":"CC CM2 Mini Pantone Cols 6pk","price":19.99,"currency_code":"GBP","in_stock":false},{"title":"Bright 12 Pieces Set","offer_id":48509889675581,"sku":"CC CM4 Mini Bright Cols 12pk","price":17.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0513\/2563\/2661\/files\/xzfdgvsfdvb.jpg?v=1713785072"},{"product_id":"cvel1hvsetelephant5pc","title":"Water-Resistant Decorative Scatter Cushion Covers Outdoor Printed Cushion Cover","description":"\u003cdiv class=\"topnav\"\u003e\n\u003cstrong\u003e\u003ca class=\"active\" href=\"https:\/\/gardenistauk.com\/collections\/bench-accessories\"\u003e\u003cspan style=\"color: #313131;\"\u003eBenches\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e \u003cstrong\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/chair-cushions\"\u003e\u003cspan style=\"color: #313131;\"\u003eChairs\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e \u003cstrong\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/rattan-replacement\"\u003e\u003cspan style=\"color: #313131;\"\u003eRattans\u003c\/span\u003e\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/pallet-seating-accessories\"\u003e\u003cspan style=\"color: #313131;\"\u003ePallets\u003c\/span\u003e\u003c\/a\u003e\u003cspan style=\"color: #313131;\"\u003e \u003c\/span\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/curtains\"\u003e\u003cspan style=\"color: #313131;\"\u003eCurtains\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e \u003cstrong\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/lounger-pads-cushions\"\u003e\u003cspan style=\"color: #313131;\"\u003eLoungers\u003c\/span\u003e\u003c\/a\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/all-scatter-cushions\"\u003e\u003cspan style=\"color: #313131;\"\u003e \u003c\/span\u003e\u003cspan style=\"color: #313131;\"\u003eCushions\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e\u003cmeta charset=\"UTF-8\"\u003e\n\u003c\/div\u003e\n\u003cp dir=\"ltr\"\u003e\u003cimg alt=\"\" class=\"mx-auto d-block img-fluid\" src=\"https:\/\/i.postimg.cc\/jdLN3Fwd\/1.gif\"\u003e\u003cimg alt=\"\" class=\"mx-auto d-block img-fluid\" src=\"https:\/\/i.postimg.cc\/VNNKKR8q\/AAHKMJXYDAFd-JAOAIMEb-OAcha-Ytjp-IZUujp-Rp-To0-Cn-ZOZUg-Yyi7-Ov-SL2o6-C-n-sf-Wyd-Kxlv-Ziw2d-NJ45r-Ay2mm-Pt.webp\"\u003e\u003c\/p\u003e\n\u003cul dir=\"ltr\"\u003e\n\u003cli style=\"margin-bottom: 0in; mso-list: l0 level1 lfo1; tab-stops: list .5in;\" class=\"MsoNormal\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003eThe cushions cover is made with premium 100% polyester, ensuring it's both soft and durable enough to last for seasons to come.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 0in; mso-list: l0 level1 lfo1; tab-stops: list .5in;\" class=\"MsoNormal\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003eSuitable for outdoor use in gardens, patios, and other outside seating areas.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 0in; mso-list: l0 level1 lfo1; tab-stops: list .5in;\" class=\"MsoNormal\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003eHidden zip design for easy removal and cleaning of the cushion cover.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 0in; mso-list: l0 level1 lfo1; tab-stops: list .5in;\" class=\"MsoNormal\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003eWater-resistant materials for durability and protection against light rain or spills.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 0in; mso-list: l0 level1 lfo1; tab-stops: list .5in;\" class=\"MsoNormal\"\u003e\n\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003eWe recommend storing it away when not in use.\u003c\/span\u003e\u003cbr\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp dir=\"ltr\"\u003e\u003cimg alt=\"\" class=\"mx-auto d-block img-fluid\" src=\"https:\/\/i.postimg.cc\/NMvsC9sw\/Add-a-heading-35.png\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003eOur garden decorative cushion covers are designed for your utmost comfort. We offer lasting support and cosines with high-quality material. The water-resistant polyester fabric ensures that your cushion covers will remain in pristine condition even after exposure to weather conditions. \u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003eHigh-quality, water-resistant design for maximum comfort and durability. The easily removable cover makes for hassle-free cleaning and maintenance. Simply remove the cover and toss it in the washing machine for a fresh and clean experience every time. Relax with peace of mind knowing our garden chair cushion covers are fire-retardant, ensuring safety and protection.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003eEnjoy your outdoor relaxation with unparalleled comfort and stability. These decorative cushion covers are best for your chair to decorate your garden area. These water-resistant cushion covers are easy to install and store, making them ideal for use in areas dining room, kitchen table, conservatory, garden seating, patio, balcony, or even your living room.\u003c\/span\u003e\u003cimg style=\"font-size: 0.875rem;\" alt=\"\" class=\"mx-auto d-block img-fluid\" src=\"https:\/\/i.postimg.cc\/K8f97Wdc\/AAHKMJXYDAFd-JAOAIMEb-OAcha-Ytjp-IZUujp-Rp-To0-Cn-ZOZVtjiu-S2-R7-u-LFi-UKp-Whiqz7xvb-Q2r-Aq-HB-2x-Zji-IOC59-MXROv3-MP5-Wk.webp\"\u003e\u003c\/p\u003e\n\u003cdiv style=\"text-align: start;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/WzKWrptq\/A-CV-EL1-HV-06-Update.jpg\" alt=\"\" style=\"float: none;\"\u003e\u003c\/div\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cimg style=\"font-size: 0.875rem;\" alt=\"\" class=\"mx-auto d-block img-fluid\" src=\"https:\/\/i.postimg.cc\/2y6Zfn0s\/Bannerr-1.jpg\"\u003e\u003c\/p\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003ebody {\n  margin: 0;\n  font-family: Arial, Helvetica, sans-serif;\n \n}\n\n.topnav {\n  overflow: hidden;\n   background-color: #E1D8CF;\n\n}\n\n.topnav a {\n  float: left;\ncolor: #f2f2f2;\n  text-align: center;\n  padding: 14px 16px;\n  text-decoration: none;\n  font-size: 17px;\n}\n\n.topnav a:hover {\n   background-color: #ddd;\n  color: black;\n}\n\n.topnav a.active {\n  \n  color: white;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e","brand":"Gardenista®","offers":[{"title":"5pc Set Elephant","offer_id":48596589314365,"sku":"CV EL1 HV 5pc Set Elephant","price":29.99,"currency_code":"GBP","in_stock":true},{"title":"Elephant A","offer_id":48596589347133,"sku":"CV EL1 HV Elephant A","price":7.99,"currency_code":"GBP","in_stock":true},{"title":"Elephant B","offer_id":48596589379901,"sku":"CV EL1 HV Elephant B","price":7.99,"currency_code":"GBP","in_stock":true},{"title":"Elephant C","offer_id":48596589412669,"sku":"CV EL1 HV Elephant C","price":7.99,"currency_code":"GBP","in_stock":true},{"title":"Elephant D","offer_id":48596589445437,"sku":"CV EL1 HV Elephant D","price":7.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0513\/2563\/2661\/products\/CVEL1HV5pcSetElephantStudioC.jpg?v=1772520701"},{"product_id":"cvfg1hvset-flamingo5pc","title":"Garden Decorative Cushion Covers Water Resistant Cushions Cover Printed Pillows","description":"\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\t\u003c\/style\u003e\n\u003cdiv class=\"topnav\"\u003e\n\u003cstrong\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/bench-accessories\" class=\"active\"\u003e\u003cspan style=\"color: #313131;\"\u003eBenches\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e \u003cstrong\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/chair-cushions\"\u003e\u003cspan style=\"color: #313131;\"\u003eChairs\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e \u003cstrong\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/rattan-replacement\"\u003e\u003cspan style=\"color: #313131;\"\u003eRattans\u003c\/span\u003e\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/pallet-seating-accessories\"\u003e\u003cspan style=\"color: #313131;\"\u003ePallets\u003c\/span\u003e\u003c\/a\u003e\u003cspan style=\"color: #313131;\"\u003e \u003c\/span\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/curtains\"\u003e\u003cspan style=\"color: #313131;\"\u003eCurtains\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e \u003cstrong\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/lounger-pads-cushions\"\u003e\u003cspan style=\"color: #313131;\"\u003eLoungers\u003c\/span\u003e\u003c\/a\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/all-scatter-cushions\"\u003e\u003cspan style=\"color: #313131;\"\u003e \u003c\/span\u003e\u003cspan style=\"color: #313131;\"\u003eCushions\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cp dir=\"ltr\"\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cdiv class=\"video-wrapper\"\u003e\u003ciframe src=\"https:\/\/www.youtube.com\/embed\/SJx0ddEloBA?autoplay=0\u0026amp;loop=0\u0026amp;mute=0\"\u003e\u003c\/iframe\u003e\u003c\/div\u003e\n\u003cp dir=\"ltr\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/jdLN3Fwd\/1.gif\" class=\"mx-auto d-block img-fluid\" alt=\"\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/VNNKKR8q\/AAHKMJXYDAFd-JAOAIMEb-OAcha-Ytjp-IZUujp-Rp-To0-Cn-ZOZUg-Yyi7-Ov-SL2o6-C-n-sf-Wyd-Kxlv-Ziw2d-NJ45r-Ay2mm-Pt.webp\" class=\"mx-auto d-block img-fluid\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cul dir=\"ltr\"\u003e\n\u003cli style=\"margin-bottom: 0in; mso-list: l0 level1 lfo1; tab-stops: list .5in;\" class=\"MsoNormal\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003eThe cushions cover is made with premium 100% polyester, ensuring it's both soft and durable enough to last for seasons to come.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 0in; mso-list: l0 level1 lfo1; tab-stops: list .5in;\" class=\"MsoNormal\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003eSuitable for outdoor use in gardens, patios, and other outside seating areas.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 0in; mso-list: l0 level1 lfo1; tab-stops: list .5in;\" class=\"MsoNormal\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003eHidden zip design for easy removal and cleaning of the cushion cover.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 0in; mso-list: l0 level1 lfo1; tab-stops: list .5in;\" class=\"MsoNormal\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003eWater-resistant materials for durability and protection against light rain or spills.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 0in; mso-list: l0 level1 lfo1; tab-stops: list .5in;\" class=\"MsoNormal\"\u003e\n\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003eWe recommend storing it away when not in use.\u003c\/span\u003e\u003cbr\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp dir=\"ltr\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/NMvsC9sw\/Add-a-heading-35.png\" class=\"mx-auto d-block img-fluid\" alt=\"\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003eOur garden decorative cushion covers are designed for your utmost comfort. We offer lasting support and cosiness with high-quality material. The water-resistant polyester fabric ensures that your cushion covers will remain in pristine condition even after exposure to weather conditions. \u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003eHigh-quality, water-resistant design for maximum comfort and durability. The easily removable cover makes for hassle-free cleaning and maintenance. Simply remove the cover and toss it in the washing machine for a fresh and clean experience every time. Relax with peace of mind knowing our garden chair cushion covers are fire-retardant, ensuring safety and protection.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003eEnjoy your outdoor relaxation with unparalleled comfort and stability. These decorative cushion covers are best for your chair to decorate your garden area. These water-resistant cushion covers are easy to install and store, making them ideal for use in areas dining room, kitchen table, conservatory, garden seating, patio, balcony, or even your living room.\u003c\/span\u003e\u003cimg style=\"font-size: 0.875rem;\" src=\"https:\/\/i.postimg.cc\/K8f97Wdc\/AAHKMJXYDAFd-JAOAIMEb-OAcha-Ytjp-IZUujp-Rp-To0-Cn-ZOZVtjiu-S2-R7-u-LFi-UKp-Whiqz7xvb-Q2r-Aq-HB-2x-Zji-IOC59-MXROv3-MP5-Wk.webp\" class=\"mx-auto d-block img-fluid\" alt=\"\"\u003e\u003cimg style=\"font-size: 0.875rem;\" src=\"https:\/\/i.postimg.cc\/YSZFfGrH\/A-CV-FG1-HV-06-Updated.jpg\" class=\"mx-auto d-block img-fluid\" alt=\"\"\u003e\u003cimg style=\"font-size: 0.875rem;\" src=\"https:\/\/i.postimg.cc\/2y6Zfn0s\/Bannerr-1.jpg\" class=\"mx-auto d-block img-fluid\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003ebody {\n  margin: 0;\n  font-family: Arial, Helvetica, sans-serif;\n \n}\n\n.topnav {\n  overflow: hidden;\n   background-color: #E1D8CF;\n\n}\n\n.topnav a {\n  float: left;\ncolor: #f2f2f2;\n  text-align: center;\n  padding: 14px 16px;\n  text-decoration: none;\n  font-size: 17px;\n}\n\n.topnav a:hover {\n   background-color: #ddd;\n  color: black;\n}\n\n.topnav a.active {\n  \n  color: white;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e","brand":"Gardenista®","offers":[{"title":"5pc Set Flamingo","offer_id":48596212678973,"sku":"CV FG1 HV 5pc Set Flamingo","price":29.99,"currency_code":"GBP","in_stock":true},{"title":"Flamingo A","offer_id":48596212711741,"sku":"CV FG1 HV Flamingo A","price":7.99,"currency_code":"GBP","in_stock":true},{"title":"Flamingo B","offer_id":48596212744509,"sku":"CV FG1 HV Flamingo B","price":7.99,"currency_code":"GBP","in_stock":true},{"title":"Flamingo C","offer_id":48596212777277,"sku":"CV FG1 HV Flamingo C","price":7.99,"currency_code":"GBP","in_stock":true},{"title":"Flamingo D","offer_id":48596212810045,"sku":"CV FG1 HV Flamingo D","price":7.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0513\/2563\/2661\/products\/CVFG1HVFlamingoStudio.jpg?v=1774590786"},{"product_id":"18inchcushion-covers-5-piece-morroccan","title":"Water-Resistant Decorative Cushion Covers Outdoor Printed Cushion Cover Garden Pillow Protector","description":"\u003cdiv class=\"topnav\"\u003e\n\u003cstrong\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/bench-accessories\" class=\"active\"\u003e\u003cspan style=\"color: #313131;\"\u003eBenches\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e \u003cstrong\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/chair-cushions\"\u003e\u003cspan style=\"color: #313131;\"\u003eChairs\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e \u003cstrong\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/rattan-replacement\"\u003e\u003cspan style=\"color: #313131;\"\u003eRattans\u003c\/span\u003e\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/pallet-seating-accessories\"\u003e\u003cspan style=\"color: #313131;\"\u003ePallets\u003c\/span\u003e\u003c\/a\u003e\u003cspan style=\"color: #313131;\"\u003e \u003c\/span\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/curtains\"\u003e\u003cspan style=\"color: #313131;\"\u003eCurtains\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e \u003cstrong\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/lounger-pads-cushions\"\u003e\u003cspan style=\"color: #313131;\"\u003eLoungers\u003c\/span\u003e\u003c\/a\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/all-scatter-cushions\"\u003e\u003cspan style=\"color: #313131;\"\u003e \u003c\/span\u003e\u003cspan style=\"color: #313131;\"\u003eCushion\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"topnav\"\u003e\n\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003cdiv class=\"video-wrapper\"\u003e\u003ciframe src=\"https:\/\/www.youtube.com\/embed\/jL8Ff8Jzkwg?autoplay=0\u0026amp;loop=0\u0026amp;mute=0\"\u003e\u003c\/iframe\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"topnav\"\u003e\n\u003cimg src=\"https:\/\/i.postimg.cc\/jdLN3Fwd\/1.gif\" class=\"mx-auto d-block img-fluid\" alt=\"\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/VNNKKR8q\/AAHKMJXYDAFd-JAOAIMEb-OAcha-Ytjp-IZUujp-Rp-To0-Cn-ZOZUg-Yyi7-Ov-SL2o6-C-n-sf-Wyd-Kxlv-Ziw2d-NJ45r-Ay2mm-Pt.webp\" class=\"mx-auto d-block img-fluid\" alt=\"\"\u003e\n\u003c\/div\u003e\n\u003cul dir=\"ltr\"\u003e\n\u003cli style=\"margin-top: 16px;\"\u003e\u003cspan style=\"font-size: 12pt;\"\u003e\u003cspan style=\"tab-stops: list .5in;\"\u003e\u003cspan style=\"vertical-align: baseline;\"\u003e\u003cspan style=\"font-family: 'Times New Roman',serif;\"\u003e\u003cspan style=\"font-size: 11.0pt;\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003e\u003cspan style=\"color: black;\"\u003eThe cushions cover is made with premium 100% polyester, ensuring it's both soft and durable enough to last for seasons to come.\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003eSuitable for outdoor use in gardens, patios, and other outside seating areas.\u003c\/li\u003e\n\u003cli\u003eHidden zip design for easy removal and cleaning of the cushion cover.\u003c\/li\u003e\n\u003cli\u003eWater-resistant materials for durability and protection against light rain or spills.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 16px;\" role=\"presentation\"\u003e\u003cspan style=\"font-size: 12pt;\"\u003e\u003cspan style=\"tab-stops: list .5in;\"\u003e\u003cspan style=\"vertical-align: baseline;\"\u003e\u003cspan style=\"font-family: 'Times New Roman',serif;\"\u003e\u003cspan style=\"white-space: pre-wrap;\"\u003e\u003cspan style=\"font-size: 11.0pt;\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003e\u003cspan style=\"color: black;\"\u003eWe recommend storing it away when not in use.\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/NMvsC9sw\/Add-a-heading-35.png\" class=\"mx-auto d-block img-fluid\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp dir=\"ltr\"\u003e\u003cspan style=\"font-size: 12pt;\"\u003e\u003cspan style=\"font-family: 'Times New Roman',serif;\"\u003e\u003cspan style=\"font-size: 11.0pt;\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003e\u003cspan style=\"color: black;\"\u003eOur garden decorative cushion covers are designed for your utmost comfort. We offer lasting support and cosiness with high-quality material. The water-resistant polyester fabric ensures that your cushion covers will remain in pristine condition even after exposure to weather conditions. \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp style=\"margin-top: 16px; margin-bottom: 16px;\"\u003e\u003cspan style=\"font-size: 12pt;\"\u003e\u003cspan style=\"font-family: 'Times New Roman',serif;\"\u003e\u003cspan style=\"white-space: pre-wrap;\"\u003e\u003cspan style=\"font-size: 11.0pt;\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003e\u003cspan style=\"color: black;\"\u003eHigh-quality, water-resistant design for maximum comfort and durability. The easily removable cover makes for hassle-free cleaning and maintenance. Simply remove the cover and toss it in the washing machine for a fresh and clean experience every time. Relax with peace of mind knowing our garden chair cushion covers are fire-retardant, ensuring safety and protection.\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp style=\"margin-top: 16px; margin-bottom: 16px;\"\u003e\u003cspan style=\"font-size: 12pt;\"\u003e\u003cspan style=\"font-family: 'Times New Roman',serif;\"\u003e\u003cspan style=\"white-space: pre-wrap;\"\u003e\u003cspan style=\"font-size: 11.0pt;\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003e\u003cspan style=\"color: black;\"\u003eEnjoy your outdoor relaxation with unparalleled comfort and stability. These decorative cushion covers are best for your chair to decorate your garden area. These water-resistant cushion covers are easy to install and store, making them ideal for use in areas dining room, kitchen table, conservatory, garden seating, patio, balcony, or even your living room.\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/K8f97Wdc\/AAHKMJXYDAFd-JAOAIMEb-OAcha-Ytjp-IZUujp-Rp-To0-Cn-ZOZVtjiu-S2-R7-u-LFi-UKp-Whiqz7xvb-Q2r-Aq-HB-2x-Zji-IOC59-MXROv3-MP5-Wk.webp\" class=\"mx-auto d-block img-fluid\" alt=\"\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/50mbn8xQ\/A-CV-MK1-HV-06-Updated.jpg\" class=\"mx-auto d-block img-fluid\" alt=\"\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/2y6Zfn0s\/Bannerr-1.jpg\" class=\"mx-auto d-block img-fluid\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003ebody {\n  margin: 0;\n  font-family: Arial, Helvetica, sans-serif;\n \n}\n\n.topnav {\n  overflow: hidden;\n   background-color: #E1D8CF;\n\n}\n\n.topnav a {\n  float: left;\ncolor: #f2f2f2;\n  text-align: center;\n  padding: 14px 16px;\n  text-decoration: none;\n  font-size: 17px;\n}\n\n.topnav a:hover {\n   background-color: #ddd;\n  color: black;\n}\n\n.topnav a.active {\n  \n  color: white;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e","brand":"Gardenista®","offers":[{"title":"Moroccan Set \/ Blue","offer_id":37737723297941,"sku":"CV MK1 HV 5pc Set Moroccan Blue","price":29.99,"currency_code":"GBP","in_stock":true},{"title":"Moroccan \/ Blue","offer_id":37737723330709,"sku":"CV MK1 HV Moroccan Blue","price":7.99,"currency_code":"GBP","in_stock":true},{"title":"Lantern \/ Blue","offer_id":37737723363477,"sku":"CV MK1 HV Lantern Blue","price":7.99,"currency_code":"GBP","in_stock":true},{"title":"Moroccan Set \/ Ivy","offer_id":48594680512829,"sku":"CV MK1 HV English Ivy","price":7.99,"currency_code":"GBP","in_stock":false},{"title":"Moroccan Set \/ Violet","offer_id":48594680545597,"sku":"CV MK1 HV 5pc Set Ultra Violet","price":29.99,"currency_code":"GBP","in_stock":true},{"title":"Moroccan \/ Ivy","offer_id":48594680578365,"sku":"","price":7.99,"currency_code":"GBP","in_stock":false},{"title":"Moroccan \/ Violet","offer_id":48594680611133,"sku":"CV MK1 HV Ultra Violet","price":7.99,"currency_code":"GBP","in_stock":false},{"title":"Lantern \/ Ivy","offer_id":48594680643901,"sku":"CV MK1 HV Lantern Ivy","price":7.99,"currency_code":"GBP","in_stock":true},{"title":"Lantern \/ Violet","offer_id":48594680676669,"sku":"CV MK1 HV Lantern Violet","price":7.99,"currency_code":"GBP","in_stock":true},{"title":"Marrakech \/ Blue","offer_id":48594680709437,"sku":"CV MK1 HV Marrakech Blue","price":7.99,"currency_code":"GBP","in_stock":true},{"title":"Marrakech \/ Ivy","offer_id":48594680742205,"sku":"CV MK1 HV Marrakech Ivy","price":7.99,"currency_code":"GBP","in_stock":true},{"title":"Marrakech \/ Violet","offer_id":48594680807741,"sku":"CV MK1 HV Marrakech Violet","price":7.99,"currency_code":"GBP","in_stock":true},{"title":"Diamond \/ Blue","offer_id":48594680840509,"sku":"CV MK1 HV Diamond Blue","price":7.99,"currency_code":"GBP","in_stock":true},{"title":"Diamond \/ Ivy","offer_id":48594680873277,"sku":"CV MK1 HV Diamond Ivy","price":7.99,"currency_code":"GBP","in_stock":true},{"title":"Diamond \/ Violet","offer_id":48594680906045,"sku":"CV MK1 HV Diamond Violet","price":7.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0513\/2563\/2661\/products\/CV-MK1-HV-5pc-Set-Moroccan-Blue-Studio-B.jpg?v=1770957952"},{"product_id":"18inchcushion-cover-marrakech","title":"Marrakech Cushion Cover","description":"\u003cdiv class=\"topnav\"\u003e\n\u003cstrong\u003e\u003ca class=\"active\" href=\"https:\/\/gardenistauk.com\/collections\/bench-accessories\" data-mce-href=\"https:\/\/gardenistauk.com\/collections\/bench-accessories\"\u003e\u003cspan style=\"color: #313131;\" data-mce-style=\"color: #313131;\"\u003eBenches\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e \u003cstrong\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/chair-cushions\" data-mce-href=\"https:\/\/gardenistauk.com\/collections\/chair-cushions\"\u003e\u003cspan style=\"color: #313131;\" data-mce-style=\"color: #313131;\"\u003eChairs\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e \u003cstrong\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/rattan-replacement\" data-mce-href=\"https:\/\/gardenistauk.com\/collections\/rattan-replacement\"\u003e\u003cspan style=\"color: #313131;\" data-mce-style=\"color: #313131;\"\u003eRattans\u003c\/span\u003e\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/pallet-seating-accessories\" data-mce-href=\"https:\/\/gardenistauk.com\/collections\/pallet-seating-accessories\"\u003e\u003cspan style=\"color: #313131;\" data-mce-style=\"color: #313131;\"\u003ePallets\u003c\/span\u003e\u003c\/a\u003e\u003cspan style=\"color: #313131;\" data-mce-style=\"color: #313131;\"\u003e \u003c\/span\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/curtains\" data-mce-href=\"https:\/\/gardenistauk.com\/collections\/curtains\"\u003e\u003cspan style=\"color: #313131;\" data-mce-style=\"color: #313131;\"\u003eCurtains\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e \u003cstrong\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/lounger-pads-cushions\" data-mce-href=\"https:\/\/gardenistauk.com\/collections\/lounger-pads-cushions\"\u003e\u003cspan style=\"color: #313131;\" data-mce-style=\"color: #313131;\"\u003eLoungers\u003c\/span\u003e\u003c\/a\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/all-scatter-cushions\" data-mce-href=\"https:\/\/gardenistauk.com\/collections\/all-scatter-cushions\"\u003e\u003cspan style=\"color: #313131;\" data-mce-style=\"color: #313131;\"\u003e \u003c\/span\u003e\u003cspan style=\"color: #313131;\" data-mce-style=\"color: #313131;\"\u003eCushions\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e\u003cmeta charset=\"UTF-8\"\u003e\n\u003c\/div\u003e\n\u003cp dir=\"ltr\"\u003e\u003cimg alt=\"\" class=\"mx-auto d-block img-fluid\" src=\"https:\/\/i.postimg.cc\/jdLN3Fwd\/1.gif\" data-mce-src=\"https:\/\/i.postimg.cc\/jdLN3Fwd\/1.gif\"\u003e\u003cimg alt=\"\" class=\"mx-auto d-block img-fluid\" src=\"https:\/\/i.postimg.cc\/VNNKKR8q\/AAHKMJXYDAFd-JAOAIMEb-OAcha-Ytjp-IZUujp-Rp-To0-Cn-ZOZUg-Yyi7-Ov-SL2o6-C-n-sf-Wyd-Kxlv-Ziw2d-NJ45r-Ay2mm-Pt.webp\" data-mce-src=\"https:\/\/i.postimg.cc\/VNNKKR8q\/AAHKMJXYDAFd-JAOAIMEb-OAcha-Ytjp-IZUujp-Rp-To0-Cn-ZOZUg-Yyi7-Ov-SL2o6-C-n-sf-Wyd-Kxlv-Ziw2d-NJ45r-Ay2mm-Pt.webp\"\u003e\u003c\/p\u003e\n\u003cul dir=\"ltr\"\u003e\n\u003cli style=\"margin-top: 12.0pt; mso-margin-bottom-alt: auto; line-height: normal; mso-list: l0 level1 lfo1; tab-stops: list .5in;\" class=\"MsoNormal\"\u003e\n\u003cspan style=\"font-family: 'Arial',sans-serif; mso-fareast-font-family: 'Times New Roman'; color: black;\"\u003eThe cushions cover is made with premium 100% polyester, ensuring it's both soft and durable enough to last for seasons to come.\u003c\/span\u003e\u003cspan style=\"font-family: 'Arial',sans-serif; mso-fareast-font-family: 'Times New Roman';\"\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"mso-margin-top-alt: auto; mso-margin-bottom-alt: auto; line-height: normal; mso-list: l0 level1 lfo1; tab-stops: list .5in;\" class=\"MsoNormal\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif; mso-fareast-font-family: 'Times New Roman';\"\u003eSuitable for outdoor use in gardens, patios, and other outside seating areas.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"mso-margin-top-alt: auto; mso-margin-bottom-alt: auto; line-height: normal; mso-list: l0 level1 lfo1; tab-stops: list .5in;\" class=\"MsoNormal\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif; mso-fareast-font-family: 'Times New Roman';\"\u003eHidden zip design for easy removal and cleaning of the cushion cover.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"mso-margin-top-alt: auto; mso-margin-bottom-alt: auto; line-height: normal; mso-list: l0 level1 lfo1; tab-stops: list .5in;\" class=\"MsoNormal\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif; mso-fareast-font-family: 'Times New Roman';\"\u003eWater-resistant materials for durability and protection against light rain or spills.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"mso-margin-top-alt: auto; margin-bottom: 12.0pt; line-height: normal; mso-list: l0 level1 lfo1; tab-stops: list .5in;\" class=\"MsoNormal\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif; mso-fareast-font-family: 'Times New Roman'; color: black;\"\u003eWe recommend storing it away when not in use.\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp dir=\"ltr\"\u003e\u003cimg alt=\"\" class=\"mx-auto d-block img-fluid\" src=\"https:\/\/i.postimg.cc\/NMvsC9sw\/Add-a-heading-35.png\" data-mce-src=\"https:\/\/i.postimg.cc\/NMvsC9sw\/Add-a-heading-35.png\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003eOur garden decorative cushion covers are designed for your utmost comfort. We offer lasting support and cosiness with high-quality material. The water-resistant polyester fabric ensures that your cushion covers will remain in pristine condition even after exposure to weather conditions. \u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003eHigh-quality, water-resistant design for maximum comfort and durability. The easily removable cover makes for hassle-free cleaning and maintenance. Simply remove the cover and toss it in the washing machine for a fresh and clean experience every time. Relax with peace of mind knowing our garden chair cushion covers are fire-retardant, ensuring safety and protection.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003eEnjoy your outdoor relaxation with unparalleled comfort and stability. These decorative cushion covers are best for your chair to decorate your garden area. These water-resistant cushion covers are easy to install and store, making them ideal for use in areas dining room, kitchen table, conservatory, garden seating, patio, balcony, or even your living room.\u003c\/span\u003e\u003cimg alt=\"\" class=\"mx-auto d-block img-fluid\" src=\"https:\/\/i.postimg.cc\/K8f97Wdc\/AAHKMJXYDAFd-JAOAIMEb-OAcha-Ytjp-IZUujp-Rp-To0-Cn-ZOZVtjiu-S2-R7-u-LFi-UKp-Whiqz7xvb-Q2r-Aq-HB-2x-Zji-IOC59-MXROv3-MP5-Wk.webp\" style=\"font-size: 0.875rem;\" data-mce-src=\"https:\/\/i.postimg.cc\/K8f97Wdc\/AAHKMJXYDAFd-JAOAIMEb-OAcha-Ytjp-IZUujp-Rp-To0-Cn-ZOZVtjiu-S2-R7-u-LFi-UKp-Whiqz7xvb-Q2r-Aq-HB-2x-Zji-IOC59-MXROv3-MP5-Wk.webp\"\u003e\u003cimg alt=\"\" class=\"mx-auto d-block img-fluid\" src=\"https:\/\/i.postimg.cc\/jjtn3SRm\/A-CV-SI-HV-06-Updated.jpg\" style=\"font-size: 0.875rem;\" data-mce-src=\"https:\/\/i.postimg.cc\/jjtn3SRm\/A-CV-SI-HV-06-Updated.jpg\"\u003e\u003cimg alt=\"\" class=\"mx-auto d-block img-fluid\" src=\"https:\/\/i.postimg.cc\/2y6Zfn0s\/Bannerr-1.jpg\" style=\"font-size: 0.875rem;\" data-mce-src=\"https:\/\/i.postimg.cc\/2y6Zfn0s\/Bannerr-1.jpg\"\u003e\u003c\/p\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003ebody {\n  margin: 0;\n  font-family: Arial, Helvetica, sans-serif;\n \n}\n\n.topnav {\n  overflow: hidden;\n   background-color: #E1D8CF;\n\n}\n\n.topnav a {\n  float: left;\ncolor: #f2f2f2;\n  text-align: center;\n  padding: 14px 16px;\n  text-decoration: none;\n  font-size: 17px;\n}\n\n.topnav a:hover {\n   background-color: #ddd;\n  color: black;\n}\n\n.topnav a.active {\n  \n  color: white;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e","brand":"Gardenista®","offers":[{"title":"Blue","offer_id":37737723854997,"sku":"CV MK1 HV Marrakech Blue","price":8.99,"currency_code":"GBP","in_stock":false},{"title":"Ivy","offer_id":37737723887765,"sku":"CV MK1 HV Marrakech Ivy","price":8.99,"currency_code":"GBP","in_stock":false},{"title":"Violet","offer_id":37737723920533,"sku":"CV MK1 HV Marrakech Violet","price":8.99,"currency_code":"GBP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0513\/2563\/2661\/products\/CV-MK1-HV-Marrakech-Blue-Studio.jpg?v=1772520665"},{"product_id":"cvpn1hv5pcsetpineapple","title":"Water-Resistant Decorative Cushion Covers Garden Printed Pillow Covers","description":"\u003cdiv class=\"topnav\"\u003e\n\u003cstrong\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/bench-accessories\" class=\"active\"\u003e\u003cspan style=\"color: #313131;\"\u003eBenches\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e \u003cstrong\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/chair-cushions\"\u003e\u003cspan style=\"color: #313131;\"\u003eChairs\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e \u003cstrong\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/rattan-replacement\"\u003e\u003cspan style=\"color: #313131;\"\u003eRattans\u003c\/span\u003e\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/pallet-seating-accessories\"\u003e\u003cspan style=\"color: #313131;\"\u003ePallets\u003c\/span\u003e\u003c\/a\u003e\u003cspan style=\"color: #313131;\"\u003e \u003c\/span\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/curtains\"\u003e\u003cspan style=\"color: #313131;\"\u003eCurtains\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e \u003cstrong\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/lounger-pads-cushions\"\u003e\u003cspan style=\"color: #313131;\"\u003eLoungers\u003c\/span\u003e\u003c\/a\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/all-scatter-cushions\"\u003e\u003cspan style=\"color: #313131;\"\u003e \u003c\/span\u003e\u003cspan style=\"color: #313131;\"\u003eCushions\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cp dir=\"ltr\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/jdLN3Fwd\/1.gif\" class=\"mx-auto d-block img-fluid\" alt=\"\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/VNNKKR8q\/AAHKMJXYDAFd-JAOAIMEb-OAcha-Ytjp-IZUujp-Rp-To0-Cn-ZOZUg-Yyi7-Ov-SL2o6-C-n-sf-Wyd-Kxlv-Ziw2d-NJ45r-Ay2mm-Pt.webp\" class=\"mx-auto d-block img-fluid\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cul dir=\"ltr\"\u003e\n\u003cli class=\"MsoNormal\" style=\"margin-bottom: 0in; mso-list: l0 level1 lfo1; tab-stops: list .5in;\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003eThe cushions cover is made with premium 100% polyester, ensuring it's both soft and durable enough to last for seasons to come.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"MsoNormal\" style=\"margin-bottom: 0in; mso-list: l0 level1 lfo1; tab-stops: list .5in;\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003eSuitable for outdoor use in gardens, patios, and other outside seating areas.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"MsoNormal\" style=\"margin-bottom: 0in; mso-list: l0 level1 lfo1; tab-stops: list .5in;\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003eHidden zip design for easy removal and cleaning of the cushion cover.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"MsoNormal\" style=\"margin-bottom: 0in; mso-list: l0 level1 lfo1; tab-stops: list .5in;\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003eWater-resistant materials for durability and protection against light rain or spills.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"MsoNormal\" style=\"margin-bottom: 0in; mso-list: l0 level1 lfo1; tab-stops: list .5in;\"\u003e\n\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003eWe recommend storing it away when not in use.\u003c\/span\u003e\u003cbr\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp dir=\"ltr\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/NMvsC9sw\/Add-a-heading-35.png\" class=\"mx-auto d-block img-fluid\" alt=\"\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003eOur garden decorative cushion covers are designed for your utmost comfort. We offer lasting support and cosiness with high-quality material. The water-resistant polyester fabric ensures that your cushion covers will remain in pristine condition even after exposure to weather conditions. \u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\" style=\"margin-bottom: 0in;\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003eHigh-quality, water-resistant design for maximum comfort and durability. The easily removable cover makes for hassle-free cleaning and maintenance. Simply remove the cover and toss it in the washing machine for a fresh and clean experience every time. Relax with peace of mind knowing our garden chair cushion covers are fire-retardant, ensuring safety and protection.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\" style=\"margin-bottom: 0in;\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003eEnjoy your outdoor relaxation with unparalleled comfort and stability. These decorative cushion covers are best for your chair to decorate your garden area. These water-resistant cushion covers are easy to install and store, making them ideal for use in areas dining room, kitchen table, conservatory, garden seating, patio, balcony, or even your living room.\u003c\/span\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/K8f97Wdc\/AAHKMJXYDAFd-JAOAIMEb-OAcha-Ytjp-IZUujp-Rp-To0-Cn-ZOZVtjiu-S2-R7-u-LFi-UKp-Whiqz7xvb-Q2r-Aq-HB-2x-Zji-IOC59-MXROv3-MP5-Wk.webp\" class=\"mx-auto d-block img-fluid\" alt=\"\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/RCKGNGgT\/A-CV-PN1-HV-06-Updated.jpg\" class=\"mx-auto d-block img-fluid\" alt=\"\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/2y6Zfn0s\/Bannerr-1.jpg\" class=\"mx-auto d-block img-fluid\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003ebody {\n  margin: 0;\n  font-family: Arial, Helvetica, sans-serif;\n \n}\n\n.topnav {\n  overflow: hidden;\n   background-color: #E1D8CF;\n\n}\n\n.topnav a {\n  float: left;\ncolor: #f2f2f2;\n  text-align: center;\n  padding: 14px 16px;\n  text-decoration: none;\n  font-size: 17px;\n}\n\n.topnav a:hover {\n   background-color: #ddd;\n  color: black;\n}\n\n.topnav a.active {\n  \n  color: white;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e","brand":"Gardenista®","offers":[{"title":"5pc Set Pineapple","offer_id":48593620238653,"sku":"CV PN1 HV 5pc Set Pineapple","price":29.99,"currency_code":"GBP","in_stock":true},{"title":"Pineapple A","offer_id":48593620271421,"sku":"CV PN1 HV Pineapple A","price":8.99,"currency_code":"GBP","in_stock":true},{"title":"Pineapple B","offer_id":48593620304189,"sku":"CV PN1 HV Pineapple B","price":8.99,"currency_code":"GBP","in_stock":true},{"title":"Pineapple C","offer_id":48593620336957,"sku":"CV PN1 HV Pineapple C","price":8.99,"currency_code":"GBP","in_stock":true},{"title":"Pineapple D","offer_id":48593620369725,"sku":"CV PN1 HV Pineapple D","price":18.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0513\/2563\/2661\/products\/CV-PN1-HV-5pc-Set-Pineapple-B.jpg?v=1772520659"},{"product_id":"cvslhvdandelioncopper","title":"Dandelion Printed Cushion Cover","description":"\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\t\u003c\/style\u003e\n\u003cdiv class=\"topnav\" bis_size=\"{'x':0,'y':122,'w':572,'h':103,'abs_x':616,'abs_y':403}\"\u003e\n\u003cstrong bis_size=\"{'x':469,'y':122,'w':0,'h':0,'abs_x':1085,'abs_y':403}\"\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/bench-accessories\" class=\"active\" bis_size=\"{'x':0,'y':122,'w':102,'h':51,'abs_x':616,'abs_y':403}\"\u003e\u003cspan style=\"color: #313131;\" bis_size=\"{'x':16,'y':138,'w':70,'h':19,'abs_x':632,'abs_y':419}\"\u003eBenches\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e \u003cstrong bis_size=\"{'x':469,'y':122,'w':0,'h':0,'abs_x':1085,'abs_y':403}\"\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/chair-cushions\" bis_size=\"{'x':102,'y':122,'w':84,'h':51,'abs_x':718,'abs_y':403}\"\u003e\u003cspan style=\"color: #313131;\" bis_size=\"{'x':118,'y':138,'w':52,'h':19,'abs_x':734,'abs_y':419}\"\u003eChairs\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e \u003cstrong bis_size=\"{'x':469,'y':122,'w':0,'h':0,'abs_x':1085,'abs_y':403}\"\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/rattan-replacement\" bis_size=\"{'x':187,'y':122,'w':94,'h':51,'abs_x':803,'abs_y':403}\"\u003e\u003cspan style=\"color: #313131;\" bis_size=\"{'x':203,'y':138,'w':62,'h':19,'abs_x':819,'abs_y':419}\"\u003eRattans\u003c\/span\u003e\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/pallet-seating-accessories\" bis_size=\"{'x':282,'y':122,'w':86,'h':51,'abs_x':898,'abs_y':403}\"\u003e\u003cspan style=\"color: #313131;\" bis_size=\"{'x':298,'y':138,'w':54,'h':19,'abs_x':914,'abs_y':419}\"\u003ePallets\u003c\/span\u003e\u003c\/a\u003e\u003cspan style=\"color: #313131;\" bis_size=\"{'x':469,'y':122,'w':0,'h':0,'abs_x':1085,'abs_y':403}\"\u003e \u003c\/span\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/curtains\" bis_size=\"{'x':368,'y':122,'w':100,'h':51,'abs_x':984,'abs_y':403}\"\u003e\u003cspan style=\"color: #313131;\" bis_size=\"{'x':384,'y':138,'w':68,'h':19,'abs_x':1000,'abs_y':419}\"\u003eCurtains\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e \u003cstrong bis_size=\"{'x':469,'y':122,'w':0,'h':0,'abs_x':1085,'abs_y':403}\"\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/lounger-pads-cushions\" bis_size=\"{'x':0,'y':174,'w':109,'h':51,'abs_x':616,'abs_y':455}\"\u003e\u003cspan style=\"color: #313131;\" bis_size=\"{'x':16,'y':190,'w':77,'h':19,'abs_x':632,'abs_y':471}\"\u003eLoungers\u003c\/span\u003e\u003c\/a\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/all-scatter-cushions\" bis_size=\"{'x':109,'y':174,'w':109,'h':51,'abs_x':725,'abs_y':455}\"\u003e\u003cspan style=\"color: #313131;\" bis_size=\"{'x':125,'y':190,'w':0,'h':19,'abs_x':741,'abs_y':471}\"\u003e \u003c\/span\u003e\u003cspan style=\"color: #313131;\" bis_size=\"{'x':125,'y':190,'w':77,'h':19,'abs_x':741,'abs_y':471}\"\u003eCushions\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cp dir=\"ltr\" bis_size=\"{'x':0,'y':226,'w':572,'h':392,'abs_x':616,'abs_y':507}\"\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003c\/p\u003e\n\u003cdiv class=\"video-wrapper\" bis_size='{\"x\":0,\"y\":119,\"w\":572,\"h\":175,\"abs_x\":616,\"abs_y\":400}'\u003e\n\u003cimg src=\"https:\/\/i.postimg.cc\/jdLN3Fwd\/1.gif\" class=\"mx-auto d-block img-fluid\" alt=\"\" bis_size=\"{'x':0,'y':226,'w':1280,'h':286,'abs_x':616,'abs_y':507}\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/VNNKKR8q\/AAHKMJXYDAFd-JAOAIMEb-OAcha-Ytjp-IZUujp-Rp-To0-Cn-ZOZUg-Yyi7-Ov-SL2o6-C-n-sf-Wyd-Kxlv-Ziw2d-NJ45r-Ay2mm-Pt.webp\" class=\"mx-auto d-block img-fluid\" alt=\"\" bis_size=\"{'x':0,'y':517,'w':1280,'h':95,'abs_x':616,'abs_y':798}\"\u003e\n\u003c\/div\u003e\n\u003cul dir=\"ltr\" bis_size=\"{'x':0,'y':634,'w':572,'h':125,'abs_x':616,'abs_y':915}\"\u003e\n\u003cli class=\"MsoNormal\" style=\"margin-top: 12.0pt; mso-margin-bottom-alt: auto; line-height: normal; mso-list: l0 level1 lfo1; tab-stops: list .5in;\"\u003e\n\u003cspan style=\"font-family: 'Arial',sans-serif; mso-fareast-font-family: 'Times New Roman'; color: black; mso-font-kerning: 0pt; mso-ligatures: none;\"\u003eThe cushions cover is made with premium 100% polyester, ensuring it's both soft and durable enough to last for seasons to come.\u003c\/span\u003e\u003cspan style=\"font-family: 'Times New Roman',serif; mso-fareast-font-family: 'Times New Roman'; mso-font-kerning: 0pt; mso-ligatures: none;\"\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"MsoNormal\" style=\"mso-margin-top-alt: auto; mso-margin-bottom-alt: auto; line-height: normal; mso-list: l0 level1 lfo1; tab-stops: list .5in;\"\u003e\n\u003cspan style=\"font-family: 'Arial',sans-serif; mso-fareast-font-family: 'Times New Roman'; mso-font-kerning: 0pt; mso-ligatures: none;\"\u003eSuitable for outdoor use in gardens, patios, and other outside seating areas.\u003c\/span\u003e\u003cspan style=\"font-family: 'Times New Roman',serif; mso-fareast-font-family: 'Times New Roman'; mso-font-kerning: 0pt; mso-ligatures: none;\"\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"MsoNormal\" style=\"mso-margin-top-alt: auto; mso-margin-bottom-alt: auto; line-height: normal; mso-list: l0 level1 lfo1; tab-stops: list .5in;\"\u003e\n\u003cspan style=\"font-family: 'Arial',sans-serif; mso-fareast-font-family: 'Times New Roman'; mso-font-kerning: 0pt; mso-ligatures: none;\"\u003eHidden zip design for easy removal and cleaning of the cushion cover.\u003c\/span\u003e\u003cspan style=\"font-family: 'Times New Roman',serif; mso-fareast-font-family: 'Times New Roman'; mso-font-kerning: 0pt; mso-ligatures: none;\"\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"MsoNormal\" style=\"mso-margin-top-alt: auto; mso-margin-bottom-alt: auto; line-height: normal; mso-list: l0 level1 lfo1; tab-stops: list .5in;\"\u003e\n\u003cspan style=\"font-family: 'Arial',sans-serif; mso-fareast-font-family: 'Times New Roman'; mso-font-kerning: 0pt; mso-ligatures: none;\"\u003eWater-resistant materials for durability and protection against light rain or spills.\u003c\/span\u003e\u003cspan style=\"font-family: 'Times New Roman',serif; mso-fareast-font-family: 'Times New Roman'; mso-font-kerning: 0pt; mso-ligatures: none;\"\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"MsoNormal\" style=\"mso-margin-top-alt: auto; margin-bottom: 12.0pt; line-height: normal; mso-list: l0 level1 lfo1; tab-stops: list .5in;\"\u003e\n\u003cspan style=\"font-family: 'Arial',sans-serif; mso-fareast-font-family: 'Times New Roman'; color: black; mso-font-kerning: 0pt; mso-ligatures: none;\"\u003eWe recommend storing it away when not in use.\u003c\/span\u003e\u003cspan style=\"font-family: 'Times New Roman',serif; mso-fareast-font-family: 'Times New Roman'; mso-font-kerning: 0pt; mso-ligatures: none;\"\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp bis_size=\"{'x':0,'y':776,'w':572,'h':190,'abs_x':616,'abs_y':1057}\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/NMvsC9sw\/Add-a-heading-35.png\" class=\"mx-auto d-block img-fluid\" alt=\"\" bis_size=\"{'x':0,'y':776,'w':1280,'h':95,'abs_x':616,'abs_y':1057}\"\u003e\u003cspan style=\"font-size: 12pt;\" bis_size=\"{'x':0,'y':879,'w':554,'h':84,'abs_x':616,'abs_y':1160}\"\u003e\u003cspan style=\"font-family: 'Times New Roman',serif;\" bis_size=\"{'x':0,'y':879,'w':554,'h':84,'abs_x':616,'abs_y':1160}\"\u003e\u003cspan style=\"font-size: 11.0pt;\" bis_size=\"{'x':0,'y':880,'w':554,'h':83,'abs_x':616,'abs_y':1161}\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\" bis_size=\"{'x':0,'y':880,'w':554,'h':83,'abs_x':616,'abs_y':1161}\"\u003e\u003cspan style=\"color: black;\" bis_size=\"{'x':0,'y':880,'w':554,'h':83,'abs_x':616,'abs_y':1161}\"\u003eOur garden decorative cushions are designed for your utmost comfort. We offer lasting support and cosiness with high-quality material. The water-resistant polyester fabric ensures that your cushion will remain in pristine condition even after exposure to weather conditions. \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp style=\"margin-top: 16px; margin-bottom: 16px;\" bis_size=\"{'x':0,'y':982,'w':572,'h':111,'abs_x':616,'abs_y':1263}\"\u003e\u003cspan style=\"font-size: 12pt;\" bis_size=\"{'x':0,'y':984,'w':562,'h':106,'abs_x':616,'abs_y':1265}\"\u003e\u003cspan style=\"font-family: 'Times New Roman',serif;\" bis_size=\"{'x':0,'y':984,'w':562,'h':106,'abs_x':616,'abs_y':1265}\"\u003e\u003cspan style=\"white-space: pre-wrap;\" bis_size=\"{'x':0,'y':984,'w':562,'h':106,'abs_x':616,'abs_y':1265}\"\u003e\u003cspan style=\"font-size: 11.0pt;\" bis_size=\"{'x':0,'y':985,'w':562,'h':105,'abs_x':616,'abs_y':1266}\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\" bis_size=\"{'x':0,'y':985,'w':562,'h':105,'abs_x':616,'abs_y':1266}\"\u003e\u003cspan style=\"color: black;\" bis_size=\"{'x':0,'y':985,'w':562,'h':105,'abs_x':616,'abs_y':1266}\"\u003eHigh-quality, water-resistant design for maximum comfort and durability. The easily removable cover makes for hassle-free cleaning and maintenance. Simply remove the cover and toss it in the washing machine for a fresh and clean experience every time. Relax with peace of mind knowing our garden chair cushion are fire-retardant, ensuring safety and protection.\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp style=\"margin-top: 16px; margin-bottom: 16px;\" bis_size=\"{'x':0,'y':1110,'w':572,'h':1044,'abs_x':616,'abs_y':1391}\"\u003e\u003cspan style=\"font-size: 12pt;\" bis_size=\"{'x':0,'y':1112,'w':562,'h':106,'abs_x':616,'abs_y':1393}\"\u003e\u003cspan style=\"font-family: 'Times New Roman',serif;\" bis_size=\"{'x':0,'y':1112,'w':562,'h':106,'abs_x':616,'abs_y':1393}\"\u003e\u003cspan style=\"white-space: pre-wrap;\" bis_size=\"{'x':0,'y':1112,'w':562,'h':106,'abs_x':616,'abs_y':1393}\"\u003e\u003cspan style=\"font-size: 11.0pt;\" bis_size=\"{'x':0,'y':1113,'w':562,'h':105,'abs_x':616,'abs_y':1394}\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\" bis_size=\"{'x':0,'y':1113,'w':562,'h':105,'abs_x':616,'abs_y':1394}\"\u003e\u003cspan style=\"color: black;\" bis_size=\"{'x':0,'y':1113,'w':562,'h':105,'abs_x':616,'abs_y':1394}\"\u003eEnjoy your outdoor relaxation with unparalleled comfort and stability. These decorative cushions are best for your chair to decorate your garden area. These water-resistant cushions are easy to install and store, making them ideal for use in areas dining room, kitchen table, conservatory, garden seating, patio, balcony, or even your living room.\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/K8f97Wdc\/AAHKMJXYDAFd-JAOAIMEb-OAcha-Ytjp-IZUujp-Rp-To0-Cn-ZOZVtjiu-S2-R7-u-LFi-UKp-Whiqz7xvb-Q2r-Aq-HB-2x-Zji-IOC59-MXROv3-MP5-Wk.webp\" class=\"mx-auto d-block img-fluid\" alt=\"\" bis_size=\"{'x':0,'y':1222,'w':1280,'h':95,'abs_x':616,'abs_y':1503}\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/C1YNW7J8\/06-6.jpg\" class=\"mx-auto d-block img-fluid\" alt=\"\" bis_size=\"{'x':0,'y':1323,'w':1280,'h':525,'abs_x':616,'abs_y':1604}\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/2y6Zfn0s\/Bannerr-1.jpg\" class=\"mx-auto d-block img-fluid\" alt=\"\" bis_size=\"{'x':0,'y':1853,'w':1280,'h':296,'abs_x':616,'abs_y':2134}\"\u003e\u003c\/p\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003ebody {\n  margin: 0;\n  font-family: Arial, Helvetica, sans-serif;\n \n}\n\n.topnav {\n  overflow: hidden;\n   background-color: #E1D8CF;\n\n}\n\n.topnav a {\n  float: left;\ncolor: #f2f2f2;\n  text-align: center;\n  padding: 14px 16px;\n  text-decoration: none;\n  font-size: 17px;\n}\n\n.topnav a:hover {\n   background-color: #ddd;\n  color: black;\n}\n\n.topnav a.active {\n  \n  color: white;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e","brand":"Gardenista®","offers":[{"title":"Default Title","offer_id":37737727033493,"sku":"CV SL HV Dandelion Copper","price":8.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0513\/2563\/2661\/products\/CV-SL-HV-Dandelion-Copper-Studio.jpg?v=1772520654"},{"product_id":"cvslhvferneden","title":"Eden Fern Printed Cushion Cover","description":"\u003cp\u003eBring a sense of tranquillity to your home with this Eden cushion cover, inspired by the beauty of nature. The hand-drawn illustration on this water-resistant cover is sure to add the perfect finishing touch to any garden bench, swing seat, daybed, or any other outdoor or indoor seating area. The soft, high-quality fabric is hypoallergenic, making it a comfortable and stylish addition to any room. Each cover comes with a colour-matching zipper opening, allowing for easy removal and washing.\u003c\/p\u003e\n\u003ch2\u003eFeatures\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eWater Resistant\u003c\/li\u003e\n\u003cli\u003eCover only\u003cbr\u003e\n\u003c\/li\u003e\n\u003cli\u003eMachine Washable\u003c\/li\u003e\n\u003cli\u003eDimensions: 45cm x 45cm\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eWater-Resistant Fabric\u003c\/h2\u003e\n\u003cp\u003eThe Eden cushion cover is made of water-resistant material, making it perfect for outdoor use while still being soft enough for indoor use. The leaf design adds a touch of vibrant green mixed with white, and it can be paired with other scatter cushions.\u003c\/p\u003e\n\u003ch2\u003eHypoallergenic Material\u003c\/h2\u003e\n\u003cp\u003eMade of high-quality, soft fabric that does not cause allergies, this cover will remain a favourite decor accessory for years to come and makes for a great gift option.\u003c\/p\u003e\n\u003ch2\u003eDimensions\u003c\/h2\u003e\n\u003cp\u003eThe dimensions of the Eden cushion cover are 45 cm in length and 45 cm in width.\u003c\/p\u003e\n\u003ch2\u003eDelivery \u0026amp; Returns\u003c\/h2\u003e\n\u003cp\u003eWe offer free UK delivery and a 100% money-back guarantee if you wish to return your Eden cushion cover.\u003c\/p\u003e","brand":"Gardenista®","offers":[{"title":"Default Title","offer_id":37737727164565,"sku":"CV SL HV Fern Eden","price":8.99,"currency_code":"GBP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0513\/2563\/2661\/products\/CV-SL-HV-Fern-Eden-Studio-2.jpg?v=1772520649"},{"product_id":"cvslhvpetalgold","title":"Gold Foliage Print Cushion Cover","description":"\u003cdiv class=\"topnav\" bis_size='{\"x\":0,\"y\":0,\"w\":572,\"h\":103,\"abs_x\":616,\"abs_y\":281}'\u003e\n\u003cstrong bis_size='{\"x\":469,\"y\":0,\"w\":0,\"h\":0,\"abs_x\":1085,\"abs_y\":281}'\u003e\u003ca class=\"active\" href=\"https:\/\/gardenistauk.com\/collections\/bench-accessories\" data-mce-href=\"https:\/\/gardenistauk.com\/collections\/bench-accessories\" bis_size='{\"x\":0,\"y\":0,\"w\":102,\"h\":51,\"abs_x\":616,\"abs_y\":281}'\u003e\u003cspan style=\"color: #313131;\" data-mce-style=\"color: #313131;\" bis_size='{\"x\":16,\"y\":16,\"w\":70,\"h\":19,\"abs_x\":632,\"abs_y\":297}'\u003eBenches\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e \u003cstrong bis_size='{\"x\":469,\"y\":0,\"w\":0,\"h\":0,\"abs_x\":1085,\"abs_y\":281}'\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/chair-cushions\" data-mce-href=\"https:\/\/gardenistauk.com\/collections\/chair-cushions\" bis_size='{\"x\":102,\"y\":0,\"w\":84,\"h\":51,\"abs_x\":718,\"abs_y\":281}'\u003e\u003cspan style=\"color: #313131;\" data-mce-style=\"color: #313131;\" bis_size='{\"x\":118,\"y\":16,\"w\":52,\"h\":19,\"abs_x\":734,\"abs_y\":297}'\u003eChairs\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e \u003cstrong bis_size='{\"x\":469,\"y\":0,\"w\":0,\"h\":0,\"abs_x\":1085,\"abs_y\":281}'\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/rattan-replacement\" data-mce-href=\"https:\/\/gardenistauk.com\/collections\/rattan-replacement\" bis_size='{\"x\":187,\"y\":0,\"w\":94,\"h\":51,\"abs_x\":803,\"abs_y\":281}'\u003e\u003cspan style=\"color: #313131;\" data-mce-style=\"color: #313131;\" bis_size='{\"x\":203,\"y\":16,\"w\":62,\"h\":19,\"abs_x\":819,\"abs_y\":297}'\u003eRattans\u003c\/span\u003e\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/pallet-seating-accessories\" data-mce-href=\"https:\/\/gardenistauk.com\/collections\/pallet-seating-accessories\" bis_size='{\"x\":282,\"y\":0,\"w\":86,\"h\":51,\"abs_x\":898,\"abs_y\":281}'\u003e\u003cspan style=\"color: #313131;\" data-mce-style=\"color: #313131;\" bis_size='{\"x\":298,\"y\":16,\"w\":54,\"h\":19,\"abs_x\":914,\"abs_y\":297}'\u003ePallets\u003c\/span\u003e\u003c\/a\u003e\u003cspan style=\"color: #313131;\" data-mce-style=\"color: #313131;\" bis_size='{\"x\":469,\"y\":0,\"w\":0,\"h\":0,\"abs_x\":1085,\"abs_y\":281}'\u003e \u003c\/span\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/curtains\" data-mce-href=\"https:\/\/gardenistauk.com\/collections\/curtains\" bis_size='{\"x\":368,\"y\":0,\"w\":100,\"h\":51,\"abs_x\":984,\"abs_y\":281}'\u003e\u003cspan style=\"color: #313131;\" data-mce-style=\"color: #313131;\" bis_size='{\"x\":384,\"y\":16,\"w\":68,\"h\":19,\"abs_x\":1000,\"abs_y\":297}'\u003eCurtains\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e \u003cstrong bis_size='{\"x\":469,\"y\":0,\"w\":0,\"h\":0,\"abs_x\":1085,\"abs_y\":281}'\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/lounger-pads-cushions\" data-mce-href=\"https:\/\/gardenistauk.com\/collections\/lounger-pads-cushions\" bis_size='{\"x\":0,\"y\":51,\"w\":109,\"h\":51,\"abs_x\":616,\"abs_y\":332}'\u003e\u003cspan style=\"color: #313131;\" data-mce-style=\"color: #313131;\" bis_size='{\"x\":16,\"y\":67,\"w\":77,\"h\":19,\"abs_x\":632,\"abs_y\":348}'\u003eLoungers\u003c\/span\u003e\u003c\/a\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/all-scatter-cushions\" data-mce-href=\"https:\/\/gardenistauk.com\/collections\/all-scatter-cushions\" bis_size='{\"x\":109,\"y\":51,\"w\":109,\"h\":51,\"abs_x\":725,\"abs_y\":332}'\u003e\u003cspan style=\"color: #313131;\" data-mce-style=\"color: #313131;\" bis_size='{\"x\":125,\"y\":67,\"w\":0,\"h\":19,\"abs_x\":741,\"abs_y\":348}'\u003e \u003c\/span\u003e\u003cspan style=\"color: #313131;\" data-mce-style=\"color: #313131;\" bis_size='{\"x\":125,\"y\":67,\"w\":77,\"h\":19,\"abs_x\":741,\"abs_y\":348}'\u003eCushions\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cp dir=\"ltr\" bis_size='{\"x\":0,\"y\":119,\"w\":572,\"h\":291,\"abs_x\":616,\"abs_y\":400}'\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cp dir=\"ltr\" bis_size='{\"x\":0,\"y\":119,\"w\":572,\"h\":291,\"abs_x\":616,\"abs_y\":400}'\u003e\u003cimg alt=\"\" class=\"mx-auto d-block img-fluid\" src=\"https:\/\/i.postimg.cc\/jdLN3Fwd\/1.gif\" data-mce-src=\"https:\/\/i.postimg.cc\/jdLN3Fwd\/1.gif\" bis_size='{\"x\":0,\"y\":119,\"w\":1280,\"h\":286,\"abs_x\":616,\"abs_y\":400}'\u003e\u003c\/p\u003e\n\u003cp dir=\"ltr\" bis_size='{\"x\":0,\"y\":427,\"w\":572,\"h\":100,\"abs_x\":616,\"abs_y\":708}'\u003e\u003cimg alt=\"\" class=\"mx-auto d-block img-fluid\" src=\"https:\/\/i.postimg.cc\/VNNKKR8q\/AAHKMJXYDAFd-JAOAIMEb-OAcha-Ytjp-IZUujp-Rp-To0-Cn-ZOZUg-Yyi7-Ov-SL2o6-C-n-sf-Wyd-Kxlv-Ziw2d-NJ45r-Ay2mm-Pt.webp\" data-mce-src=\"https:\/\/i.postimg.cc\/VNNKKR8q\/AAHKMJXYDAFd-JAOAIMEb-OAcha-Ytjp-IZUujp-Rp-To0-Cn-ZOZUg-Yyi7-Ov-SL2o6-C-n-sf-Wyd-Kxlv-Ziw2d-NJ45r-Ay2mm-Pt.webp\" bis_size='{\"x\":0,\"y\":427,\"w\":1280,\"h\":95,\"abs_x\":616,\"abs_y\":708}'\u003e\u003c\/p\u003e\n\u003cul dir=\"ltr\" bis_size='{\"x\":0,\"y\":543,\"w\":572,\"h\":137,\"abs_x\":616,\"abs_y\":824}'\u003e\n\u003cli bis_size='{\"x\":40,\"y\":543,\"w\":532,\"h\":19,\"abs_x\":656,\"abs_y\":824}'\u003eReady-filled with hollowfibre inner liners padding for immediate comfort and support\u003c\/li\u003e\n\u003cli bis_size='{\"x\":40,\"y\":563,\"w\":532,\"h\":19,\"abs_x\":656,\"abs_y\":844}'\u003eHidden zip design for easy removal and cleaning the cushion cover\u003c\/li\u003e\n\u003cli bis_size='{\"x\":40,\"y\":582,\"w\":532,\"h\":19,\"abs_x\":656,\"abs_y\":863}'\u003eA range of colours are available to match your outdoor décor style.\u003c\/li\u003e\n\u003cli bis_size='{\"x\":40,\"y\":602,\"w\":532,\"h\":19,\"abs_x\":656,\"abs_y\":883}'\u003eAdds an elegant touch to your outdoor seating arrangement.\u003c\/li\u003e\n\u003cli bis_size='{\"x\":40,\"y\":622,\"w\":532,\"h\":19,\"abs_x\":656,\"abs_y\":903}'\u003eWater-resistant materials for durability and protection against light rain or spills.\u003c\/li\u003e\n\u003cli bis_size='{\"x\":40,\"y\":641,\"w\":532,\"h\":19,\"abs_x\":656,\"abs_y\":922}'\u003eSuitable for outdoor use in gardens, patios, and other outside seating areas.\u003c\/li\u003e\n\u003cli bis_size='{\"x\":40,\"y\":661,\"w\":532,\"h\":19,\"abs_x\":656,\"abs_y\":942}'\u003e\u003cspan bis_size='{\"x\":40,\"y\":662,\"w\":297,\"h\":16,\"abs_x\":656,\"abs_y\":943}'\u003e\u003cspan class=\"ui-provider ed brr bnu brs brt bru brv brw brx bry brz bsa bsb bsc bsd bse bsf bsg bsh bsi bsj bsk bsl bsm bsn bso bsp bsq bsr bss bst bsu bsv bsw bsx\" dir=\"ltr\" bis_size='{\"x\":40,\"y\":662,\"w\":297,\"h\":16,\"abs_x\":656,\"abs_y\":943}'\u003eWe recommend storing it away when not in use.\u003c\/span\u003e\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp dir=\"ltr\" bis_size='{\"x\":0,\"y\":694,\"w\":572,\"h\":159,\"abs_x\":616,\"abs_y\":975}'\u003e\u003cimg alt=\"\" class=\"mx-auto d-block img-fluid\" src=\"https:\/\/i.postimg.cc\/DyVY7Lrh\/AAHKMJXYDAFd-JAOAIMEb-OAcha-Ytjp-IZUujp-Rp-To0-Cn-ZOZc-XQCs3p-YTLm21c-QQcw4nb-Hto-yv-Jp-Oc-IZJE-7-p6-DNI.jpg\" data-mce-src=\"https:\/\/i.postimg.cc\/DyVY7Lrh\/AAHKMJXYDAFd-JAOAIMEb-OAcha-Ytjp-IZUujp-Rp-To0-Cn-ZOZc-XQCs3p-YTLm21c-QQcw4nb-Hto-yv-Jp-Oc-IZJE-7-p6-DNI.jpg\" bis_size='{\"x\":0,\"y\":694,\"w\":1280,\"h\":95,\"abs_x\":616,\"abs_y\":975}'\u003eIntroducing our versatileWater-Resistant Outdoor Scatter Cushions, the ideal addition to both your indoor and outdoor spaces. Whether you're lounging in the garden or adding comfort to your dining room, these cushions are designed for both style and durability.\u003c\/p\u003e\n\u003cp bis_size='{\"x\":0,\"y\":870,\"w\":572,\"h\":78,\"abs_x\":616,\"abs_y\":1151}'\u003eCrafted from soft, water-resistant polyester fabric, these cushions are filled with comfortable hollowfibre filling, ensuring a plush experience whether you're sitting or taking a nap. Their versatility knows no bounds, fitting seamlessly into your dining room, kitchen table, conservatory, garden seating, patio, balcony, or even your living room.\u003c\/p\u003e\n\u003cp bis_size='{\"x\":0,\"y\":964,\"w\":572,\"h\":97,\"abs_x\":616,\"abs_y\":1245}'\u003eDesigned to withstand showers and spills, these cushions are the perfect solution for worry-free relaxation. With their high-quality invisible zipper, the covers are easily removable and washable, providing convenience and practicality. Available in a range of vibrant colours, our Water-Resistant Outdoor Scatter Cushions brings both comfort and style to your home and garden.\u003c\/p\u003e\n\u003cp dir=\"ltr\" bis_size='{\"x\":0,\"y\":1078,\"w\":572,\"h\":939,\"abs_x\":616,\"abs_y\":1359}'\u003e\u003cimg alt=\"\" class=\"mx-auto d-block img-fluid\" src=\"https:\/\/i.postimg.cc\/K8f97Wdc\/AAHKMJXYDAFd-JAOAIMEb-OAcha-Ytjp-IZUujp-Rp-To0-Cn-ZOZVtjiu-S2-R7-u-LFi-UKp-Whiqz7xvb-Q2r-Aq-HB-2x-Zji-IOC59-MXROv3-MP5-Wk.webp\" data-mce-src=\"https:\/\/i.postimg.cc\/K8f97Wdc\/AAHKMJXYDAFd-JAOAIMEb-OAcha-Ytjp-IZUujp-Rp-To0-Cn-ZOZVtjiu-S2-R7-u-LFi-UKp-Whiqz7xvb-Q2r-Aq-HB-2x-Zji-IOC59-MXROv3-MP5-Wk.webp\" bis_size='{\"x\":0,\"y\":1078,\"w\":1280,\"h\":95,\"abs_x\":616,\"abs_y\":1359}'\u003e\u003cimg alt=\"\" class=\"mx-auto d-block img-fluid\" src=\"https:\/\/i.postimg.cc\/t4PmsXCd\/06-2.jpg\" data-mce-src=\"https:\/\/i.postimg.cc\/t4PmsXCd\/06-2.jpg\" bis_size='{\"x\":0,\"y\":1179,\"w\":1280,\"h\":532,\"abs_x\":616,\"abs_y\":1460}'\u003e\u003cimg alt=\"\" class=\"mx-auto d-block img-fluid\" src=\"https:\/\/i.postimg.cc\/ZRYfspPj\/New-Final-Banner-1.jpg\" data-mce-src=\"https:\/\/i.postimg.cc\/ZRYfspPj\/New-Final-Banner-1.jpg\" bis_size='{\"x\":0,\"y\":1716,\"w\":1280,\"h\":296,\"abs_x\":616,\"abs_y\":1997}'\u003e\u003c\/p\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003ebody {\n  margin: 0;\n  font-family: Arial, Helvetica, sans-serif;\n \n}\n\n.topnav {\n  overflow: hidden;\n   background-color: #E1D8CF;\n\n}\n\n.topnav a {\n  float: left;\ncolor: #f2f2f2;\n  text-align: center;\n  padding: 14px 16px;\n  text-decoration: none;\n  font-size: 17px;\n}\n\n.topnav a:hover {\n   background-color: #ddd;\n  color: black;\n}\n\n.topnav a.active {\n  \n  color: white;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e","brand":"Gardenista®","offers":[{"title":"Default Title","offer_id":37737727197333,"sku":"CV SL HV Petal Gold","price":8.99,"currency_code":"GBP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0513\/2563\/2661\/products\/CV-SL-HV-Petal-Gold-Studio-2.jpg?v=1772520645"},{"product_id":"cvslhvrattleeggshell","title":"Eggshell Printed Cushion Cover","description":"\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\t\u003c\/style\u003e\n\u003cdiv class=\"topnav\" bis_size=\"{'x':0,'y':122,'w':572,'h':103,'abs_x':616,'abs_y':403}\"\u003e\n\u003cstrong bis_size=\"{'x':469,'y':122,'w':0,'h':0,'abs_x':1085,'abs_y':403}\"\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/bench-accessories\" class=\"active\" bis_size=\"{'x':0,'y':122,'w':102,'h':51,'abs_x':616,'abs_y':403}\"\u003e\u003cspan style=\"color: #313131;\" bis_size=\"{'x':16,'y':138,'w':70,'h':19,'abs_x':632,'abs_y':419}\"\u003eBenches\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e \u003cstrong bis_size=\"{'x':469,'y':122,'w':0,'h':0,'abs_x':1085,'abs_y':403}\"\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/chair-cushions\" bis_size=\"{'x':102,'y':122,'w':84,'h':51,'abs_x':718,'abs_y':403}\"\u003e\u003cspan style=\"color: #313131;\" bis_size=\"{'x':118,'y':138,'w':52,'h':19,'abs_x':734,'abs_y':419}\"\u003eChairs\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e \u003cstrong bis_size=\"{'x':469,'y':122,'w':0,'h':0,'abs_x':1085,'abs_y':403}\"\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/rattan-replacement\" bis_size=\"{'x':187,'y':122,'w':94,'h':51,'abs_x':803,'abs_y':403}\"\u003e\u003cspan style=\"color: #313131;\" bis_size=\"{'x':203,'y':138,'w':62,'h':19,'abs_x':819,'abs_y':419}\"\u003eRattans\u003c\/span\u003e\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/pallet-seating-accessories\" bis_size=\"{'x':282,'y':122,'w':86,'h':51,'abs_x':898,'abs_y':403}\"\u003e\u003cspan style=\"color: #313131;\" bis_size=\"{'x':298,'y':138,'w':54,'h':19,'abs_x':914,'abs_y':419}\"\u003ePallets\u003c\/span\u003e\u003c\/a\u003e\u003cspan style=\"color: #313131;\" bis_size=\"{'x':469,'y':122,'w':0,'h':0,'abs_x':1085,'abs_y':403}\"\u003e \u003c\/span\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/curtains\" bis_size=\"{'x':368,'y':122,'w':100,'h':51,'abs_x':984,'abs_y':403}\"\u003e\u003cspan style=\"color: #313131;\" bis_size=\"{'x':384,'y':138,'w':68,'h':19,'abs_x':1000,'abs_y':419}\"\u003eCurtains\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e \u003cstrong bis_size=\"{'x':469,'y':122,'w':0,'h':0,'abs_x':1085,'abs_y':403}\"\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/lounger-pads-cushions\" bis_size=\"{'x':0,'y':174,'w':109,'h':51,'abs_x':616,'abs_y':455}\"\u003e\u003cspan style=\"color: #313131;\" bis_size=\"{'x':16,'y':190,'w':77,'h':19,'abs_x':632,'abs_y':471}\"\u003eLoungers\u003c\/span\u003e\u003c\/a\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/all-scatter-cushions\" bis_size=\"{'x':109,'y':174,'w':109,'h':51,'abs_x':725,'abs_y':455}\"\u003e\u003cspan style=\"color: #313131;\" bis_size=\"{'x':125,'y':190,'w':0,'h':19,'abs_x':741,'abs_y':471}\"\u003e \u003c\/span\u003e\u003cspan style=\"color: #313131;\" bis_size=\"{'x':125,'y':190,'w':77,'h':19,'abs_x':741,'abs_y':471}\"\u003eCushions\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cp dir=\"ltr\" bis_size=\"{'x':0,'y':226,'w':572,'h':392,'abs_x':616,'abs_y':507}\"\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003c\/p\u003e\n\u003cp dir=\"ltr\" bis_size=\"{'x':0,'y':226,'w':572,'h':392,'abs_x':616,'abs_y':507}\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/jdLN3Fwd\/1.gif\" class=\"mx-auto d-block img-fluid\" alt=\"\" bis_size=\"{'x':0,'y':226,'w':1280,'h':286,'abs_x':616,'abs_y':507}\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/VNNKKR8q\/AAHKMJXYDAFd-JAOAIMEb-OAcha-Ytjp-IZUujp-Rp-To0-Cn-ZOZUg-Yyi7-Ov-SL2o6-C-n-sf-Wyd-Kxlv-Ziw2d-NJ45r-Ay2mm-Pt.webp\" class=\"mx-auto d-block img-fluid\" alt=\"\" bis_size=\"{'x':0,'y':517,'w':1280,'h':95,'abs_x':616,'abs_y':798}\"\u003e\u003c\/p\u003e\n\u003cul dir=\"ltr\" bis_size=\"{'x':0,'y':634,'w':572,'h':125,'abs_x':616,'abs_y':915}\"\u003e\n\u003cli class=\"MsoNormal\" style=\"margin-top: 12.0pt; mso-margin-bottom-alt: auto; line-height: normal; mso-list: l0 level1 lfo1; tab-stops: list .5in;\"\u003e\n\u003cspan style=\"font-family: 'Arial',sans-serif; mso-fareast-font-family: 'Times New Roman'; color: black; mso-font-kerning: 0pt; mso-ligatures: none;\"\u003eThe cushions cover is made with premium 100% polyester, ensuring it's both soft and durable enough to last for seasons to come.\u003c\/span\u003e\u003cspan style=\"font-family: 'Times New Roman',serif; mso-fareast-font-family: 'Times New Roman'; mso-font-kerning: 0pt; mso-ligatures: none;\"\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"MsoNormal\" style=\"mso-margin-top-alt: auto; mso-margin-bottom-alt: auto; line-height: normal; mso-list: l0 level1 lfo1; tab-stops: list .5in;\"\u003e\n\u003cspan style=\"font-family: 'Arial',sans-serif; mso-fareast-font-family: 'Times New Roman'; mso-font-kerning: 0pt; mso-ligatures: none;\"\u003eSuitable for outdoor use in gardens, patios, and other outside seating areas.\u003c\/span\u003e\u003cspan style=\"font-family: 'Times New Roman',serif; mso-fareast-font-family: 'Times New Roman'; mso-font-kerning: 0pt; mso-ligatures: none;\"\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"MsoNormal\" style=\"mso-margin-top-alt: auto; mso-margin-bottom-alt: auto; line-height: normal; mso-list: l0 level1 lfo1; tab-stops: list .5in;\"\u003e\n\u003cspan style=\"font-family: 'Arial',sans-serif; mso-fareast-font-family: 'Times New Roman'; mso-font-kerning: 0pt; mso-ligatures: none;\"\u003eHidden zip design for easy removal and cleaning of the cushion cover.\u003c\/span\u003e\u003cspan style=\"font-family: 'Times New Roman',serif; mso-fareast-font-family: 'Times New Roman'; mso-font-kerning: 0pt; mso-ligatures: none;\"\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"MsoNormal\" style=\"mso-margin-top-alt: auto; mso-margin-bottom-alt: auto; line-height: normal; mso-list: l0 level1 lfo1; tab-stops: list .5in;\"\u003e\n\u003cspan style=\"font-family: 'Arial',sans-serif; mso-fareast-font-family: 'Times New Roman'; mso-font-kerning: 0pt; mso-ligatures: none;\"\u003eWater-resistant materials for durability and protection against light rain or spills.\u003c\/span\u003e\u003cspan style=\"font-family: 'Times New Roman',serif; mso-fareast-font-family: 'Times New Roman'; mso-font-kerning: 0pt; mso-ligatures: none;\"\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"MsoNormal\" style=\"mso-margin-top-alt: auto; margin-bottom: 12.0pt; line-height: normal; mso-list: l0 level1 lfo1; tab-stops: list .5in;\"\u003e\n\u003cspan style=\"font-family: 'Arial',sans-serif; mso-fareast-font-family: 'Times New Roman'; color: black; mso-font-kerning: 0pt; mso-ligatures: none;\"\u003eWe recommend storing it away when not in use.\u003c\/span\u003e\u003cspan style=\"font-family: 'Times New Roman',serif; mso-fareast-font-family: 'Times New Roman'; mso-font-kerning: 0pt; mso-ligatures: none;\"\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp bis_size=\"{'x':0,'y':776,'w':572,'h':190,'abs_x':616,'abs_y':1057}\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/NMvsC9sw\/Add-a-heading-35.png\" class=\"mx-auto d-block img-fluid\" alt=\"\" bis_size=\"{'x':0,'y':776,'w':1280,'h':95,'abs_x':616,'abs_y':1057}\"\u003e\u003cspan style=\"font-size: 12pt;\" bis_size=\"{'x':0,'y':879,'w':554,'h':84,'abs_x':616,'abs_y':1160}\"\u003e\u003cspan style=\"font-family: 'Times New Roman',serif;\" bis_size=\"{'x':0,'y':879,'w':554,'h':84,'abs_x':616,'abs_y':1160}\"\u003e\u003cspan style=\"font-size: 11.0pt;\" bis_size=\"{'x':0,'y':880,'w':554,'h':83,'abs_x':616,'abs_y':1161}\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\" bis_size=\"{'x':0,'y':880,'w':554,'h':83,'abs_x':616,'abs_y':1161}\"\u003e\u003cspan style=\"color: black;\" bis_size=\"{'x':0,'y':880,'w':554,'h':83,'abs_x':616,'abs_y':1161}\"\u003eOur garden decorative cushions are designed for your utmost comfort. We offer lasting support and cosiness with high-quality material. The water-resistant polyester fabric ensures that your cushion will remain in pristine condition even after exposure to weather conditions. \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp style=\"margin-top: 16px; margin-bottom: 16px;\" bis_size=\"{'x':0,'y':982,'w':572,'h':111,'abs_x':616,'abs_y':1263}\"\u003e\u003cspan style=\"font-size: 12pt;\" bis_size=\"{'x':0,'y':984,'w':562,'h':106,'abs_x':616,'abs_y':1265}\"\u003e\u003cspan style=\"font-family: 'Times New Roman',serif;\" bis_size=\"{'x':0,'y':984,'w':562,'h':106,'abs_x':616,'abs_y':1265}\"\u003e\u003cspan style=\"white-space: pre-wrap;\" bis_size=\"{'x':0,'y':984,'w':562,'h':106,'abs_x':616,'abs_y':1265}\"\u003e\u003cspan style=\"font-size: 11.0pt;\" bis_size=\"{'x':0,'y':985,'w':562,'h':105,'abs_x':616,'abs_y':1266}\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\" bis_size=\"{'x':0,'y':985,'w':562,'h':105,'abs_x':616,'abs_y':1266}\"\u003e\u003cspan style=\"color: black;\" bis_size=\"{'x':0,'y':985,'w':562,'h':105,'abs_x':616,'abs_y':1266}\"\u003eHigh-quality, water-resistant design for maximum comfort and durability. The easily removable cover makes for hassle-free cleaning and maintenance. Simply remove the cover and toss it in the washing machine for a fresh and clean experience every time. Relax with peace of mind knowing our garden chair cushion are fire-retardant, ensuring safety and protection.\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp style=\"margin-top: 16px; margin-bottom: 16px;\" bis_size=\"{'x':0,'y':1110,'w':572,'h':1044,'abs_x':616,'abs_y':1391}\"\u003e\u003cspan style=\"font-size: 12pt;\" bis_size=\"{'x':0,'y':1112,'w':562,'h':106,'abs_x':616,'abs_y':1393}\"\u003e\u003cspan style=\"font-family: 'Times New Roman',serif;\" bis_size=\"{'x':0,'y':1112,'w':562,'h':106,'abs_x':616,'abs_y':1393}\"\u003e\u003cspan style=\"white-space: pre-wrap;\" bis_size=\"{'x':0,'y':1112,'w':562,'h':106,'abs_x':616,'abs_y':1393}\"\u003e\u003cspan style=\"font-size: 11.0pt;\" bis_size=\"{'x':0,'y':1113,'w':562,'h':105,'abs_x':616,'abs_y':1394}\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\" bis_size=\"{'x':0,'y':1113,'w':562,'h':105,'abs_x':616,'abs_y':1394}\"\u003e\u003cspan style=\"color: black;\" bis_size=\"{'x':0,'y':1113,'w':562,'h':105,'abs_x':616,'abs_y':1394}\"\u003eEnjoy your outdoor relaxation with unparalleled comfort and stability. These decorative cushions are best for your chair to decorate your garden area. These water-resistant cushions are easy to install and store, making them ideal for use in areas dining room, kitchen table, conservatory, garden seating, patio, balcony, or even your living room.\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/K8f97Wdc\/AAHKMJXYDAFd-JAOAIMEb-OAcha-Ytjp-IZUujp-Rp-To0-Cn-ZOZVtjiu-S2-R7-u-LFi-UKp-Whiqz7xvb-Q2r-Aq-HB-2x-Zji-IOC59-MXROv3-MP5-Wk.webp\" class=\"mx-auto d-block img-fluid\" alt=\"\" bis_size=\"{'x':0,'y':1222,'w':1280,'h':95,'abs_x':616,'abs_y':1503}\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/C1YNW7J8\/06-6.jpg\" class=\"mx-auto d-block img-fluid\" alt=\"\" bis_size=\"{'x':0,'y':1323,'w':1280,'h':525,'abs_x':616,'abs_y':1604}\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/2y6Zfn0s\/Bannerr-1.jpg\" class=\"mx-auto d-block img-fluid\" alt=\"\" bis_size=\"{'x':0,'y':1853,'w':1280,'h':296,'abs_x':616,'abs_y':2134}\"\u003e\u003c\/p\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003ebody {\n  margin: 0;\n  font-family: Arial, Helvetica, sans-serif;\n \n}\n\n.topnav {\n  overflow: hidden;\n   background-color: #E1D8CF;\n\n}\n\n.topnav a {\n  float: left;\ncolor: #f2f2f2;\n  text-align: center;\n  padding: 14px 16px;\n  text-decoration: none;\n  font-size: 17px;\n}\n\n.topnav a:hover {\n   background-color: #ddd;\n  color: black;\n}\n\n.topnav a.active {\n  \n  color: white;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e","brand":"Gardenista®","offers":[{"title":"Default Title","offer_id":37737727361173,"sku":"CV SL HV Rattle Eggshell","price":8.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0513\/2563\/2661\/products\/CV-SL-HV-Rattle-Eggshell-Studio.jpg?v=1772520640"},{"product_id":"cvslhvsilhouettes5pcset","title":"Outdoor Decorative Cushion Covers Garden Pillow Protector Water-Resistant","description":"\u003cdiv class=\"topnav\"\u003e\n\u003cstrong\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/bench-accessories\" class=\"active\"\u003e\u003cspan style=\"color: #313131;\"\u003eBenches\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e \u003cstrong\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/chair-cushions\"\u003e\u003cspan style=\"color: #313131;\"\u003eChairs\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e \u003cstrong\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/rattan-replacement\"\u003e\u003cspan style=\"color: #313131;\"\u003eRattans\u003c\/span\u003e\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/pallet-seating-accessories\"\u003e\u003cspan style=\"color: #313131;\"\u003ePallets\u003c\/span\u003e\u003c\/a\u003e\u003cspan style=\"color: #313131;\"\u003e \u003c\/span\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/curtains\"\u003e\u003cspan style=\"color: #313131;\"\u003eCurtains\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e \u003cstrong\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/lounger-pads-cushions\"\u003e\u003cspan style=\"color: #313131;\"\u003eLoungers\u003c\/span\u003e\u003c\/a\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/all-scatter-cushions\"\u003e\u003cspan style=\"color: #313131;\"\u003e \u003c\/span\u003e\u003cspan style=\"color: #313131;\"\u003eCushions\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cp dir=\"ltr\"\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003c\/p\u003e\n\u003cdiv class=\"video-wrapper\"\u003e\u003ciframe src=\"https:\/\/www.youtube.com\/embed\/K-0EPsYY7XQ?autoplay=0\u0026amp;loop=0\u0026amp;mute=0\"\u003e\u003c\/iframe\u003e\u003c\/div\u003e\n\u003cp dir=\"ltr\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/jdLN3Fwd\/1.gif\" class=\"mx-auto d-block img-fluid\" alt=\"\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/VNNKKR8q\/AAHKMJXYDAFd-JAOAIMEb-OAcha-Ytjp-IZUujp-Rp-To0-Cn-ZOZUg-Yyi7-Ov-SL2o6-C-n-sf-Wyd-Kxlv-Ziw2d-NJ45r-Ay2mm-Pt.webp\" class=\"mx-auto d-block img-fluid\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cul dir=\"ltr\"\u003e\n\u003cli class=\"MsoNormal\" style=\"margin-top: 12.0pt; mso-margin-bottom-alt: auto; line-height: normal; mso-list: l0 level1 lfo1; tab-stops: list .5in;\"\u003e\n\u003cspan style=\"font-family: 'Arial',sans-serif; mso-fareast-font-family: 'Times New Roman'; color: black; mso-font-kerning: 0pt; mso-ligatures: none;\"\u003eScatter cushions cover is made with premium 100% polyester, ensuring it's both soft and durable enough to last for seasons to come.\u003c\/span\u003e\u003cspan style=\"font-family: 'Arial',sans-serif; mso-fareast-font-family: 'Times New Roman'; mso-font-kerning: 0pt; mso-ligatures: none;\"\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"MsoNormal\" style=\"mso-margin-top-alt: auto; mso-margin-bottom-alt: auto; line-height: normal; mso-list: l0 level1 lfo1; tab-stops: list .5in;\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif; mso-fareast-font-family: 'Times New Roman'; mso-font-kerning: 0pt; mso-ligatures: none;\"\u003eSuitable for outdoor use in gardens, patios, and other outside seating areas.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"MsoNormal\" style=\"mso-margin-top-alt: auto; mso-margin-bottom-alt: auto; line-height: normal; mso-list: l0 level1 lfo1; tab-stops: list .5in;\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif; mso-fareast-font-family: 'Times New Roman'; mso-font-kerning: 0pt; mso-ligatures: none;\"\u003eHidden zip design for easy removal and cleaning of the cushion cover.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"MsoNormal\" style=\"mso-margin-top-alt: auto; mso-margin-bottom-alt: auto; line-height: normal; mso-list: l0 level1 lfo1; tab-stops: list .5in;\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif; mso-fareast-font-family: 'Times New Roman'; mso-font-kerning: 0pt; mso-ligatures: none;\"\u003eWater-resistant materials for durability and protection against light rain or spills.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"MsoNormal\" style=\"mso-margin-top-alt: auto; margin-bottom: 12.0pt; line-height: normal; mso-list: l0 level1 lfo1; tab-stops: list .5in;\"\u003e\n\u003cspan style=\"font-family: 'Arial',sans-serif; mso-fareast-font-family: 'Times New Roman'; color: black; mso-font-kerning: 0pt; mso-ligatures: none;\"\u003eWe recommend storing it away when not in use.\u003c\/span\u003e\u003cspan style=\"font-family: 'Arial',sans-serif; mso-fareast-font-family: 'Times New Roman'; mso-font-kerning: 0pt; mso-ligatures: none;\"\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp dir=\"ltr\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/NMvsC9sw\/Add-a-heading-35.png\" class=\"mx-auto d-block img-fluid\" alt=\"\"\u003e\u003cspan style=\"font-size: 11.0pt; font-family: 'Arial',sans-serif; color: black;\"\u003eOur garden decorative cushion covers are designed for your utmost comfort. We offer lasting support and cosines with high-quality material. The water-resistant polyester fabric ensures that your cushion covers will remain in pristine condition even after exposure to weather conditions.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp style=\"margin: 12.0pt 0in 12.0pt 0in;\"\u003e\u003cspan style=\"font-size: 11.0pt; font-family: 'Arial',sans-serif; color: black;\"\u003e\u003cspan style=\"white-space: pre-wrap;\"\u003eHigh-quality, water-resistant design for maximum comfort and durability. The easily removable cover makes for hassle-free cleaning and maintenance. Simply remove the cover and toss it in the washing machine for a fresh and clean experience every time. Relax with peace of mind knowing our garden chair cushion covers are fire-retardant, ensuring safety and protection.\u003c\/span\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp dir=\"ltr\"\u003e\u003cspan style=\"font-size: 11.0pt; line-height: 107%; font-family: 'Arial',sans-serif; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin; color: black; mso-ansi-language: EN-US; mso-fareast-language: EN-US; mso-bidi-language: AR-SA;\"\u003e\u003cspan style=\"white-space: pre-wrap;\"\u003eEnjoy your outdoor relaxation with unparalleled comfort and stability. These decorative cushion covers are best for your chair to decorate your garden area. These water-resistant cushion covers are easy to install and store, making them ideal for use in areas dining room, kitchen table, conservatory, garden seating, patio, balcony, or even your living room.\u003c\/span\u003e\u003c\/span\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/K8f97Wdc\/AAHKMJXYDAFd-JAOAIMEb-OAcha-Ytjp-IZUujp-Rp-To0-Cn-ZOZVtjiu-S2-R7-u-LFi-UKp-Whiqz7xvb-Q2r-Aq-HB-2x-Zji-IOC59-MXROv3-MP5-Wk.webp\" class=\"mx-auto d-block img-fluid\" alt=\"\" style=\"font-size: 0.875rem;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/wBqYbSZ0\/A-CV-SL-HV-06-Updated.jpg\" class=\"mx-auto d-block img-fluid\" alt=\"\" style=\"font-size: 0.875rem;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/2y6Zfn0s\/Bannerr-1.jpg\" class=\"mx-auto d-block img-fluid\" alt=\"\" style=\"font-size: 0.875rem;\"\u003e\u003c\/p\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003ebody {\n  margin: 0;\n  font-family: Arial, Helvetica, sans-serif;\n \n}\n\n.topnav {\n  overflow: hidden;\n   background-color: #E1D8CF;\n\n}\n\n.topnav a {\n  float: left;\ncolor: #f2f2f2;\n  text-align: center;\n  padding: 14px 16px;\n  text-decoration: none;\n  font-size: 17px;\n}\n\n.topnav a:hover {\n   background-color: #ddd;\n  color: black;\n}\n\n.topnav a.active {\n  \n  color: white;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e","brand":"Gardenista®","offers":[{"title":"Silhouettes 5pc Set","offer_id":48593329291581,"sku":"CV SL HV Silhouettes 5pc Set","price":24.99,"currency_code":"GBP","in_stock":true},{"title":"Dandelion Copper","offer_id":48593329324349,"sku":"CV SL HV Dandelion Copper","price":8.99,"currency_code":"GBP","in_stock":false},{"title":"Fern Eden","offer_id":48593329357117,"sku":"CV SL HV Fern Eden","price":8.99,"currency_code":"GBP","in_stock":false},{"title":"Rattle Eggshell","offer_id":48593329389885,"sku":"CV SL HV Rattle Eggshell","price":18.99,"currency_code":"GBP","in_stock":false},{"title":"Petal Gold","offer_id":48593329422653,"sku":"CV SL HV Petal Gold","price":18.99,"currency_code":"GBP","in_stock":false},{"title":"Bloom Almond","offer_id":48593329455421,"sku":"CV SL HV Bloom Almond","price":8.99,"currency_code":"GBP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0513\/2563\/2661\/products\/CV-SL-HV-Silhouettes-5pc-Set-Studio-B-new_884fdb36-accf-417e-a4a0-6d5c69458984.jpg?v=1772520631"},{"product_id":"garden-decorative-cushion-covers","title":"Water Resistant Garden Cushion Covers Outdoor Scatter Cushions Cover Printed Pillow Protector","description":"\u003cdiv class=\"topnav\"\u003e\n\u003cstrong\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/bench-accessories\" class=\"active\"\u003e\u003cspan style=\"color: #313131;\"\u003eBenches\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e \u003cstrong\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/chair-cushions\"\u003e\u003cspan style=\"color: #313131;\"\u003eChairs\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e \u003cstrong\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/rattan-replacement\"\u003e\u003cspan style=\"color: #313131;\"\u003eRattans\u003c\/span\u003e\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/pallet-seating-accessories\"\u003e\u003cspan style=\"color: #313131;\"\u003ePallets\u003c\/span\u003e\u003c\/a\u003e\u003cspan style=\"color: #313131;\"\u003e \u003c\/span\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/curtains\"\u003e\u003cspan style=\"color: #313131;\"\u003eCurtains\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e \u003cstrong\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/lounger-pads-cushions\"\u003e\u003cspan style=\"color: #313131;\"\u003eLoungers\u003c\/span\u003e\u003c\/a\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/all-scatter-cushions\"\u003e\u003cspan style=\"color: #313131;\"\u003e \u003c\/span\u003e\u003cspan style=\"color: #313131;\"\u003eCushions\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"video-wrapper\"\u003e\n\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e \u003cmeta charset=\"UTF-8\"\u003e\n\u003c\/div\u003e\n\u003cp dir=\"ltr\"\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cdiv class=\"video-wrapper\"\u003e\u003ciframe src=\"https:\/\/www.youtube.com\/embed\/AYFhhmLyoqA?autoplay=0\u0026amp;loop=0\u0026amp;mute=0\"\u003e\u003c\/iframe\u003e\u003c\/div\u003e\n\u003cp dir=\"ltr\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/jdLN3Fwd\/1.gif\" class=\"mx-auto d-block img-fluid\" alt=\"\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/VNNKKR8q\/AAHKMJXYDAFd-JAOAIMEb-OAcha-Ytjp-IZUujp-Rp-To0-Cn-ZOZUg-Yyi7-Ov-SL2o6-C-n-sf-Wyd-Kxlv-Ziw2d-NJ45r-Ay2mm-Pt.webp\" class=\"mx-auto d-block img-fluid\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cul dir=\"ltr\"\u003e\n\u003cli class=\"MsoNormal\" style=\"margin-top: 12.0pt; mso-margin-bottom-alt: auto; line-height: normal; mso-list: l0 level1 lfo1; tab-stops: list .5in;\"\u003e\n\u003cspan style=\"font-family: 'Arial',sans-serif; mso-fareast-font-family: 'Times New Roman'; color: black; mso-font-kerning: 0pt; mso-ligatures: none;\"\u003eThe cushions cover is made with premium 100% polyester, ensuring it's both soft and durable enough to last for seasons to come.\u003c\/span\u003e\u003cspan style=\"font-family: 'Arial',sans-serif; mso-fareast-font-family: 'Times New Roman'; mso-font-kerning: 0pt; mso-ligatures: none;\"\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"MsoNormal\" style=\"mso-margin-top-alt: auto; mso-margin-bottom-alt: auto; line-height: normal; mso-list: l0 level1 lfo1; tab-stops: list .5in;\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif; mso-fareast-font-family: 'Times New Roman'; mso-font-kerning: 0pt; mso-ligatures: none;\"\u003eSuitable for outdoor use in gardens, patios, and other outside seating areas.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"MsoNormal\" style=\"mso-margin-top-alt: auto; mso-margin-bottom-alt: auto; line-height: normal; mso-list: l0 level1 lfo1; tab-stops: list .5in;\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif; mso-fareast-font-family: 'Times New Roman'; mso-font-kerning: 0pt; mso-ligatures: none;\"\u003eHidden zip design for easy removal and cleaning of the cushion cover.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"MsoNormal\" style=\"mso-margin-top-alt: auto; mso-margin-bottom-alt: auto; line-height: normal; mso-list: l0 level1 lfo1; tab-stops: list .5in;\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif; mso-fareast-font-family: 'Times New Roman'; mso-font-kerning: 0pt; mso-ligatures: none;\"\u003eWater-resistant materials for durability and protection against light rain or spills.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"MsoNormal\" style=\"mso-margin-top-alt: auto; margin-bottom: 12.0pt; line-height: normal; mso-list: l0 level1 lfo1; tab-stops: list .5in;\"\u003e\n\u003cspan style=\"font-family: 'Arial',sans-serif; mso-fareast-font-family: 'Times New Roman'; color: black; mso-font-kerning: 0pt; mso-ligatures: none;\"\u003eWe recommend storing it away when not in use.\u003c\/span\u003e\u003cspan style=\"font-family: 'Arial',sans-serif; mso-fareast-font-family: 'Times New Roman'; mso-font-kerning: 0pt; mso-ligatures: none;\"\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp dir=\"ltr\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/NMvsC9sw\/Add-a-heading-35.png\" class=\"mx-auto d-block img-fluid\" alt=\"\"\u003e\u003cspan style=\"font-size: 12pt;\"\u003e\u003cspan style=\"font-family: 'Times New Roman',serif;\"\u003e\u003cspan style=\"font-size: 11.0pt;\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003e\u003cspan style=\"color: black;\"\u003eOur garden decorative cushion covers are designed for your utmost comfort. We offer lasting support and cosiness with high-quality material. The water-resistant polyester fabric ensures that your cushion covers will remain in pristine condition even after exposure to weather conditions. \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp style=\"margin-top: 16px; margin-bottom: 16px;\"\u003e\u003cspan style=\"font-size: 12pt;\"\u003e\u003cspan style=\"font-family: 'Times New Roman',serif;\"\u003e\u003cspan style=\"white-space: pre-wrap;\"\u003e\u003cspan style=\"font-size: 11.0pt;\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003e\u003cspan style=\"color: black;\"\u003eHigh-quality, water-resistant design for maximum comfort and durability. The easily removable cover makes for hassle-free cleaning and maintenance. Simply remove the cover and toss it in the washing machine for a fresh and clean experience every time. Relax with peace of mind knowing our garden chair cushion covers are fire-retardant, ensuring safety and protection.\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp style=\"margin-top: 16px; margin-bottom: 16px;\"\u003e\u003cspan style=\"font-size: 12pt;\"\u003e\u003cspan style=\"font-family: 'Times New Roman',serif;\"\u003e\u003cspan style=\"white-space: pre-wrap;\"\u003e\u003cspan style=\"font-size: 11.0pt;\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003e\u003cspan style=\"color: black;\"\u003eEnjoy your outdoor relaxation with unparalleled comfort and stability. These decorative cushion covers are best for your chair to decorate your garden area. These water-resistant cushion covers are easy to install and store, making them ideal for use in areas such as the dining room, kitchen table, conservatory, garden seating, patio, balcony, or even your living room.\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/K8f97Wdc\/AAHKMJXYDAFd-JAOAIMEb-OAcha-Ytjp-IZUujp-Rp-To0-Cn-ZOZVtjiu-S2-R7-u-LFi-UKp-Whiqz7xvb-Q2r-Aq-HB-2x-Zji-IOC59-MXROv3-MP5-Wk.webp\" class=\"mx-auto d-block img-fluid\" alt=\"\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/DwFhFxcs\/A-CV-TL-HV-06-Updated.jpg\" alt=\"\" style=\"float: none;\"\u003e\u003c\/p\u003e\n\u003cp style=\"margin-top: 16px; margin-bottom: 16px;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/2y6Zfn0s\/Bannerr-1.jpg\" class=\"mx-auto d-block img-fluid\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003ebody {\n  margin: 0;\n  font-family: Arial, Helvetica, sans-serif;\n \n}\n\n.topnav {\n  overflow: hidden;\n   background-color: #E1D8CF;\n\n}\n\n.topnav a {\n  float: left;\ncolor: #f2f2f2;\n  text-align: center;\n  padding: 14px 16px;\n  text-decoration: none;\n  font-size: 17px;\n}\n\n.topnav a:hover {\n   background-color: #ddd;\n  color: black;\n}\n\n.topnav a.active {\n  \n  color: white;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e","brand":"Gardenista®","offers":[{"title":"5pc Set Tile","offer_id":48592776266045,"sku":"CV TL HV 5pc Set Tile","price":29.99,"currency_code":"GBP","in_stock":true},{"title":"Imperial Atlantis","offer_id":48592776331581,"sku":"CV TL HV Imperial Atlantis","price":7.99,"currency_code":"GBP","in_stock":true},{"title":"Imperial Mustard","offer_id":48592776397117,"sku":"CV TL HV Imperial Mustard","price":7.99,"currency_code":"GBP","in_stock":false},{"title":"Bandeau Navy","offer_id":48592776462653,"sku":"CV TL HV Bandeau Navy","price":7.99,"currency_code":"GBP","in_stock":true},{"title":"Lattice Coral","offer_id":48592776528189,"sku":"CV TL HV Lattice Coral","price":7.99,"currency_code":"GBP","in_stock":false},{"title":"Quatrefoil Navy","offer_id":48592776593725,"sku":"CV TL HV Quatrefoil Navy","price":7.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0513\/2563\/2661\/products\/CV-TL-HV-5pc-Set-Tile-Life.jpg?v=1771477316"},{"product_id":"gardenseatpad","title":"Water-Resistant Outdoor Chair Seat Pad Garden Chair Cushions Non-Slip With Ties","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n    body {\n      margin: 0;\n      font-family: 'Roboto', sans-serif;\n    }\n\n    .topnav {\n      background-color: #E1D8CF;\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: flex-start;\n      gap: 5px;\n      padding: 10px 0;\n      position: relative;\n    }\n\n    .topnav a {\n      color: #4b6844;\n      padding: 10px 15px;\n      text-decoration: none;\n      font-size: 16px;\n      border-radius: 4px;\n      transition: background-color 0.3s ease;\n      text-transform: uppercase;\n      font-weight: 700;\n    }\n\n    .topnav a:hover {\n      background-color: #ddd;\n      color: black;\n    }\n\n    .topnav::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background-color: #4b6844;\n    }\n\n    :root {\n      --banner-height: 600px;\n      --hold-time: 40s;\n      --move-time: 2s;\n    }\n\n    * { box-sizing: border-box; margin: 0; padding: 0; }\n\n    .banner {\n      position: relative;\n      width: 121%;\n      height: var(--banner-height);\n      overflow: hidden;\n      margin-top: -0px;\n    }\n\n    .slides {\n      display: flex;\n      width: 100%;\n      animation: slideAnimation 38s infinite;\n    }\n\n    .slide {\n      flex: 0 0 100%;\n      position: relative;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .slide img,\n    .slide iframe {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      display: block;\n      border: none;\n    }\n\n    .shop-btn {\n      position: absolute;\n      top: 80px;\n      left: 80px;\n      z-index: 100;\n      background: #ffffff;\n      color: #4b6844;\n      font-size: 20px;\n      font-weight: 750;\n      padding: 14px 30px;\n      border: 2px solid #4b6844;\n      border-radius: 6px;\n      cursor: pointer;\n      transition: background 0.3s, color 0.3s;\n      text-transform: uppercase;\n      font-family: 'Poppins', sans-serif;\n      text-decoration: none;\n    }\n\n    .shop-btn:hover {\n      background: #4b6844;\n      color: #00;\n    }\n\n@keyframes slideAnimation {\n  0%   { transform: translateX(0%); }       \/* Slide 1 start *\/\n  10%  { transform: translateX(0%); }       \/* Hold Slide 1 *\/\n\n  15%  { transform: translateX(-100%); }    \/* Slide 2 *\/\n  25%  { transform: translateX(-100%); }    \/* Hold Slide 2 *\/\n\n  30%  { transform: translateX(-200%); }    \/* Video slide *\/\n  92%  { transform: translateX(-200%); }    \/* Hold video long (~30s) *\/\n\n  100% { transform: translateX(0%); }       \/* Back to start *\/\n}\n    .product-features h2 {\n      font-size: 26px;\n      font-weight: 700;\n      color: #4b6844;\n      text-align: center;\n      margin-bottom: 20px;\n      text-transform: uppercase;\n    }\n    .product-features ul {\n      list-style-type: disc;\n      list-style-position: inside;\n      margin: 0;\n    }\n    .product-features li {\n      margin-bottom: 12px;\n      line-height: 1.5;\n      color: #333;\n      padding-left: 30px;\n      text-indent: 0;\n      font-size: 18px;\n    }\n.description-section {\n  width: 100%;\n  max-width: 1300px;\n  margin: 40px auto;\n  padding: 0 60px;  \/* 👈 wider left\/right space *\/\n  font-family: 'Poppins', sans-serif;\n  color: #333;\n  font-size: 18px;\n  line-height: 1.9; \/* 👈 adds nice space between lines *\/\n  text-align: left;\n}\n\n.description-section p {\n  margin-bottom: 18px !important; \/* 👈 adds gap between paragraphs *\/\n}\n\n\/* ✅ Full-screen fit for second video *\/\n.video-full iframe {\n    width: 80%;\n      height: 105%;\n      object-fit: contain;\n      display: block;\n      border: none;\n}\n    @media (max-width:720px) { .banner { height: 250px; } }\n    @media (max-width:420px) { .banner { height: 180px; } }\n  \/* ✅ Mobile \u0026 Tablet Friendly Optimization *\/\n  @media (max-width: 1024px) {\n    .banner {\n      width: 100%;\n      height: 420px;\n    }\n    .slide img, \n    .slide iframe {\n      object-fit: contain;\n    }\n    .video-full iframe {\n      width: 100%;\n      height: 280px;\n    }\n    .shop-btn {\n      top: 30px;\n      left: 30px;\n      font-size: 16px;\n      padding: 10px 20px;\n    }\n  }\n\n  @media (max-width: 720px) {\n    .banner {\n      width: 100%;\n      height: 260px;\n    }\n    .topnav {\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 2px;\n      padding: 8px 0;\n    }\n    .topnav a {\n      font-size: 13px;\n      padding: 6px 8px;\n    }\n    .product-features h2 {\n      font-size: 20px;\n    }\n    .product-features li {\n      font-size: 15px;\n      line-height: 1.6;\n    }\n    .description-section {\n      padding: 0 10px;\n      font-size: 16px;\n      line-height: 1.6;\n    }\n    .video-full iframe {\n      width: 100%;\n      height: 230px;\n    }\n    .shop-btn {\n      top: 15px;\n      left: 15px;\n      font-size: 14px;\n      padding: 8px 14px;\n    }\n    div[style*=\"width: 122%\"] {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 8px auto !important;\n    }\n    div[style*=\"width: 122%\"] img {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n    }\n  }\n\n  @media (max-width: 420px) {\n    .banner { height: 180px; }\n    .video-full iframe { height: 200px; }\n    .shop-btn { font-size: 12px; padding: 6px 10px; }\n    .product-features h2 { font-size: 18px; }\n    .product-features li { font-size: 14px; }\n  }\n\n  \/* ✅ MOBILE FIX — Remove side white space *\/\n  @media (max-width: 1024px) {\n    html, body {\n      overflow-x: hidden !important;\n    }\n\n    .banner,\n    div[style*=\"width: 121%\"],\n    div[style*=\"width: 122%\"],\n    .slides {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 0 auto !important;\n    }\n\n    img, iframe {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n      display: block !important;\n    }\n\n    .description-section {\n      padding: 0 12px !important;\n    }\n  }\n\u003c\/style\u003e\n\u003cnav class=\"topnav\"\u003e\u003ca href=\"https:\/\/gardenistauk.com\/\"\u003eHOME\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/all-scatter-cushions\"\u003eOUTDOOR CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/cushion-covers\"\u003eCUSHION COVERS\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/chair-cushions\"\u003eCHAIR CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/lounger-pads-cushions\"\u003eLOUNGER CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/bench-accessories\"\u003eBENCH PAD\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/chairs\"\u003eSEAT PAD\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/rattan-replacement\"\u003eRATTAN CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/pallet-seating-accessories\"\u003ePALLET CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/furniture\"\u003eFURNITURE COVER\u003c\/a\u003e\u003c\/nav\u003e\n\u003cdiv class=\"banner\"\u003e\n\u003cdiv class=\"slides\"\u003e\n\u003cdiv class=\"slide\"\u003e\u003cimg alt=\"Slide 1\" src=\"https:\/\/i.postimg.cc\/dVLX3RB7\/1.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\u003cimg alt=\"Slide 2\" src=\"https:\/\/i.postimg.cc\/vmnNLQC8\/2.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\u003ciframe title=\"YouTube video banner\" src=\"https:\/\/www.youtube.com\/embed\/ql2D0rILNhI?autoplay=1\u0026amp;mute=1\u0026amp;controls=0\u0026amp;loop=1\u0026amp;playlist=ql2D0rILNhI\u0026amp;modestbranding=1\u0026amp;rel=0\"\u003e\u003c\/iframe\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ca class=\"shop-btn\" href=\"https:\/\/gardenistauk.com\/pages\/about-us\"\u003eGARDENISTA\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-features\"\u003e\n\u003ch2 style=\"text-align: center;\"\u003e                              Product Features\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eThese Chair cushions are made with premium 100% polyester, ensuring they're both soft and durable enough to last for seasons to come.\u003c\/li\u003e\n\u003cli\u003eRelax with peace of mind knowing our garden seat pads are fire-retardant, ensuring safety and protection.\u003c\/li\u003e\n\u003cli\u003eStylish, lightweight, durable design, and high-quality material for long-lasting use.\u003c\/li\u003e\n\u003cli\u003eIt has a hidden zipper feature for easy removal and cleaning.\u003c\/li\u003e\n\u003cli\u003eBuilt to last with durable construction and a weather-resistant design.\u003c\/li\u003e\n\u003cli\u003eZipper feature for easily removing the cover for machine wash.\u003c\/li\u003e\n\u003cli\u003eWe recommend storing it away when not in use.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv style=\"text-align: start; margin-bottom: 20px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"width: 121%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/QMpXWLMM\/product-feature.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 0;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"description-section\"\u003e\n\u003cp\u003eEnjoy your outdoor relaxation with unparalleled comfort and stability. So, the water-resistant material ensures longevity, making them perfect for patio or garden use and providing enduring comfort for years. These seat pads are best for your chair to decorate your garden area.\u003c\/p\u003e\n\u003cp\u003eOur water-resistant fabric guarantees breathable comfort, with seat pads that wipe clean easily and a removable cover for effortless maintenance. Experience hassle-free cleaning. Simply wipe or machine-wash for a fresh, stress-free seat every time. Relax with peace of mind knowing our garden chair seat pads are fire-retardant, ensuring safety and protection.\u003c\/p\u003e\n\u003cp\u003eOur outdoor water-resistant chair seat pads are designed for your utmost comfort. These garden seat cushions feature a premium fibre filling for maximum comfort, encased in durable polyester fabric. These chair pads are easy to attach with ties.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 👇 Yahan ye code paste karna hai --\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/qq4h1MBS\/06-2-24.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/rwn03yzs\/05.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/G2JRW5q4\/02.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cbr\u003e\u003c\/div\u003e","brand":"Gardenista®","offers":[{"title":"Black \/ Pack of 1","offer_id":37737731326101,"sku":"GP G1 Seat Pad B398 Black","price":14.99,"currency_code":"GBP","in_stock":true},{"title":"Black \/ Packs of 2","offer_id":37737731358869,"sku":"GP G1 Seat Pad B398 Black 2pk","price":23.99,"currency_code":"GBP","in_stock":true},{"title":"Black \/ Packs of 4","offer_id":37737731391637,"sku":"GP G1 Seat Pad B398 Black 4pk","price":32.99,"currency_code":"GBP","in_stock":true},{"title":"Black \/ Packs of 6","offer_id":37737731424405,"sku":"GP G1 Seat Pad B398 Black 6pk","price":42.99,"currency_code":"GBP","in_stock":true},{"title":"Blue \/ Pack of 1","offer_id":37737731457173,"sku":"GP G1 Seat Pad B398 Blue","price":14.99,"currency_code":"GBP","in_stock":true},{"title":"Blue \/ Packs of 2","offer_id":37737731489941,"sku":"GP G1 Seat Pad B398 Blue 2pk","price":23.99,"currency_code":"GBP","in_stock":true},{"title":"Blue \/ Packs of 4","offer_id":37737731522709,"sku":"GP G1 Seat Pad B398 Blue 4pk","price":32.99,"currency_code":"GBP","in_stock":true},{"title":"Blue \/ Packs of 6","offer_id":37737731555477,"sku":"GP G1 Seat Pad B398 Blue 6pk","price":42.99,"currency_code":"GBP","in_stock":true},{"title":"Green \/ Pack of 1","offer_id":37737731588245,"sku":"GP G1 Seat Pad B398 Green","price":14.99,"currency_code":"GBP","in_stock":true},{"title":"Green \/ Packs of 2","offer_id":37737731621013,"sku":"GP G1 Seat Pad B398 Green 2pk","price":23.99,"currency_code":"GBP","in_stock":true},{"title":"Green \/ Packs of 4","offer_id":37737731653781,"sku":"GP G1 Seat Pad B398 Green 4pk","price":32.99,"currency_code":"GBP","in_stock":true},{"title":"Green \/ Packs of 6","offer_id":37737731686549,"sku":"GP G1 Seat Pad B398 Green 6pk","price":42.99,"currency_code":"GBP","in_stock":true},{"title":"Grey \/ Pack of 1","offer_id":37737731719317,"sku":"GP G1 Seat Pad B398 Grey","price":14.99,"currency_code":"GBP","in_stock":true},{"title":"Grey \/ Packs of 2","offer_id":37737731752085,"sku":"GP G1 Seat Pad B398 Grey 2pk","price":23.99,"currency_code":"GBP","in_stock":true},{"title":"Grey \/ Packs of 4","offer_id":37737731784853,"sku":"GP G1 Seat Pad B398 Grey 4pk","price":32.99,"currency_code":"GBP","in_stock":true},{"title":"Grey \/ Packs of 6","offer_id":37737731817621,"sku":"GP G1 Seat Pad B398 Grey 6pk","price":42.99,"currency_code":"GBP","in_stock":true},{"title":"Lime \/ Pack of 1","offer_id":37737731850389,"sku":"GP G1 Seat Pad B398 Lime","price":14.99,"currency_code":"GBP","in_stock":true},{"title":"Lime \/ Packs of 2","offer_id":37737731883157,"sku":"GP G1 Seat Pad B398 Lime 2pk","price":23.99,"currency_code":"GBP","in_stock":true},{"title":"Lime \/ Packs of 4","offer_id":37737731915925,"sku":"GP G1 Seat Pad B398 Lime 4pk","price":32.99,"currency_code":"GBP","in_stock":true},{"title":"Lime \/ Packs of 6","offer_id":37737732014229,"sku":"GP G1 Seat Pad B398 Lime 6pk","price":42.99,"currency_code":"GBP","in_stock":true},{"title":"Pink \/ Pack of 1","offer_id":37737732079765,"sku":"GP G1 Seat Pad B398 Pink","price":14.99,"currency_code":"GBP","in_stock":true},{"title":"Pink \/ Packs of 2","offer_id":37737732145301,"sku":"GP G1 Seat Pad B398 Pink 2pk","price":23.99,"currency_code":"GBP","in_stock":true},{"title":"Pink \/ Packs of 4","offer_id":37737732178069,"sku":"GP G1 Seat Pad B398 Pink 4pk","price":32.99,"currency_code":"GBP","in_stock":true},{"title":"Pink \/ Packs of 6","offer_id":37737732243605,"sku":"GP G1 Seat Pad B398 Pink 6pk","price":42.99,"currency_code":"GBP","in_stock":true},{"title":"Purple \/ Pack of 1","offer_id":37737732309141,"sku":"GP G1 Seat Pad B398 Purple","price":14.99,"currency_code":"GBP","in_stock":true},{"title":"Purple \/ Packs of 2","offer_id":37737732374677,"sku":"GP G1 Seat Pad B398 Purple 2pk","price":23.99,"currency_code":"GBP","in_stock":true},{"title":"Purple \/ Packs of 4","offer_id":37737732407445,"sku":"GP G1 Seat Pad B398 Purple 4pk","price":32.99,"currency_code":"GBP","in_stock":true},{"title":"Purple \/ Packs of 6","offer_id":37737732440213,"sku":"GP G1 Seat Pad B398 Purple 6pk","price":42.99,"currency_code":"GBP","in_stock":true},{"title":"Red \/ Pack of 1","offer_id":37737732472981,"sku":"GP G1 Seat Pad B398 Red","price":14.99,"currency_code":"GBP","in_stock":true},{"title":"Red \/ Packs of 2","offer_id":37737732505749,"sku":"GP G1 Seat Pad B398 Red 2pk","price":23.99,"currency_code":"GBP","in_stock":true},{"title":"Red \/ Packs of 4","offer_id":37737732538517,"sku":"GP G1 Seat Pad B398 Red 4pk","price":32.99,"currency_code":"GBP","in_stock":true},{"title":"Red \/ Packs of 6","offer_id":37737732571285,"sku":"GP G1 Seat Pad B398 Red 6pk","price":42.99,"currency_code":"GBP","in_stock":true},{"title":"Stone \/ Pack of 1","offer_id":37737732604053,"sku":"GP G1 Seat Pad B398 Stone","price":14.99,"currency_code":"GBP","in_stock":true},{"title":"Stone \/ Packs of 2","offer_id":37737732636821,"sku":"GP G1 Seat Pad B398 Stone 2pk","price":23.99,"currency_code":"GBP","in_stock":true},{"title":"Stone \/ Packs of 4","offer_id":37737732669589,"sku":"GP G1 Seat Pad B398 Stone 4pk","price":32.99,"currency_code":"GBP","in_stock":true},{"title":"Stone \/ Packs of 6","offer_id":37737732702357,"sku":"GP G1 Seat Pad B398 Stone 6pk","price":42.99,"currency_code":"GBP","in_stock":true},{"title":"Turquoise \/ Pack of 1","offer_id":37737732735125,"sku":"GP G1 Seat Pad B398 Turquoise","price":14.99,"currency_code":"GBP","in_stock":true},{"title":"Turquoise \/ Packs of 2","offer_id":37737732767893,"sku":"GP G1 Seat Pad B398 Turquoise 2pk","price":23.99,"currency_code":"GBP","in_stock":true},{"title":"Turquoise \/ Packs of 4","offer_id":37737732800661,"sku":"GP G1 Seat Pad B398 Turquoise 4pk","price":32.99,"currency_code":"GBP","in_stock":true},{"title":"Turquoise \/ Packs of 6","offer_id":37737732833429,"sku":"GP G1 Seat Pad B398 Turquoise 6pk","price":42.99,"currency_code":"GBP","in_stock":true},{"title":"Yellow \/ Pack of 1","offer_id":37737732866197,"sku":"GP G1 Seat Pad B398 Yellow","price":14.99,"currency_code":"GBP","in_stock":true},{"title":"Yellow \/ Packs of 2","offer_id":37737732898965,"sku":"GP G1 Seat Pad B398 Yellow 2pk","price":23.99,"currency_code":"GBP","in_stock":true},{"title":"Yellow \/ Packs of 4","offer_id":37737732931733,"sku":"GP G1 Seat Pad B398 Yellow 4pk","price":32.99,"currency_code":"GBP","in_stock":true},{"title":"Yellow \/ Packs of 6","offer_id":37737732964501,"sku":"GP G1 Seat Pad B398 Yellow 6pk","price":42.99,"currency_code":"GBP","in_stock":true},{"title":"Charcoal Arabesque \/ Pack of 1","offer_id":37737731129493,"sku":"GP G1 PD Arabesque Charcoal","price":14.99,"currency_code":"GBP","in_stock":false},{"title":"Yellow Arabesque \/ Pack of 1","offer_id":37737731162261,"sku":"GP G1 PD Arabesque Mustard","price":14.99,"currency_code":"GBP","in_stock":false},{"title":"Climbing \/ Pack of 1","offer_id":37737731195029,"sku":"GP G1 PD Climbing","price":14.99,"currency_code":"GBP","in_stock":false},{"title":"Black Grey \/ Pack of 1","offer_id":37737731227797,"sku":"GP G1 PD Geometric Black\/Grey","price":14.99,"currency_code":"GBP","in_stock":false},{"title":"Lantern Blue \/ Pack of 1","offer_id":37737731260565,"sku":"GP G1 PD Lantern Blue","price":14.99,"currency_code":"GBP","in_stock":false},{"title":"Vahinee \/ Pack of 1","offer_id":37737731293333,"sku":"GP G1 PD Vahinee","price":14.99,"currency_code":"GBP","in_stock":false},{"title":"Palm \/ Pack of 1","offer_id":48889927336253,"sku":"GP G1 PD Palm","price":14.99,"currency_code":"GBP","in_stock":true},{"title":"Palm \/ Packs of 2","offer_id":48889927369021,"sku":"GP G1 PD Palm 2PK","price":23.99,"currency_code":"GBP","in_stock":false},{"title":"Palm \/ Packs of 4","offer_id":48889927401789,"sku":"GP G1 PD Palm 4PK","price":32.99,"currency_code":"GBP","in_stock":false},{"title":"Palm \/ Packs of 6","offer_id":48889927434557,"sku":"GP G1 PD Palm 6pk","price":42.99,"currency_code":"GBP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0513\/2563\/2661\/products\/GPG1Blacksqr.jpg?v=1772520576"},{"product_id":"two-part-chaircushion","title":"Outdoor Water-Resistant High Back Chair Seat Pads Garden Chair Cushions with Ties","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n    body {\n      margin: 0;\n      font-family: 'Roboto', sans-serif;\n    }\n\n    .topnav {\n      background-color: #E1D8CF;\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: flex-start;\n      gap: 5px;\n      padding: 10px 0;\n      position: relative;\n    }\n\n    .topnav a {\n      color: #4b6844;\n      padding: 10px 15px;\n      text-decoration: none;\n      font-size: 16px;\n      border-radius: 4px;\n      transition: background-color 0.3s ease;\n      text-transform: uppercase;\n      font-weight: 700;\n    }\n\n    .topnav a:hover {\n      background-color: #ddd;\n      color: black;\n    }\n\n    .topnav::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background-color: #4b6844;\n    }\n\n    :root {\n      --banner-height: 600px;\n      --hold-time: 40s;\n      --move-time: 2s;\n    }\n\n    * { box-sizing: border-box; margin: 0; padding: 0; }\n\n    .banner {\n      position: relative;\n      width: 121%;\n      height: var(--banner-height);\n      overflow: hidden;\n      margin-top: -0px;\n    }\n\n    .slides {\n      display: flex;\n      width: 100%;\n      animation: slideAnimation 38s infinite;\n    }\n\n    .slide {\n      flex: 0 0 100%;\n      position: relative;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .slide img,\n    .slide iframe {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      display: block;\n      border: none;\n    }\n\n    .shop-btn {\n      position: absolute;\n      top: 80px;\n      left: 80px;\n      z-index: 100;\n      background: #ffffff;\n      color: #4b6844;\n      font-size: 20px;\n      font-weight: 750;\n      padding: 14px 30px;\n      border: 2px solid #4b6844;\n      border-radius: 6px;\n      cursor: pointer;\n      transition: background 0.3s, color 0.3s;\n      text-transform: uppercase;\n      font-family: 'Poppins', sans-serif;\n      text-decoration: none;\n    }\n\n    .shop-btn:hover {\n      background: #4b6844;\n      color: #00;\n    }\n\n@keyframes slideAnimation {\n  0%   { transform: translateX(0%); }       \/* Slide 1 start *\/\n  10%  { transform: translateX(0%); }       \/* Hold Slide 1 *\/\n\n  15%  { transform: translateX(-100%); }    \/* Slide 2 *\/\n  25%  { transform: translateX(-100%); }    \/* Hold Slide 2 *\/\n\n  30%  { transform: translateX(-200%); }    \/* Video slide *\/\n  92%  { transform: translateX(-200%); }    \/* Hold video long (~30s) *\/\n\n  100% { transform: translateX(0%); }       \/* Back to start *\/\n}\n    .product-features h2 {\n      font-size: 26px;\n      font-weight: 700;\n      color: #4b6844;\n      text-align: center;\n      margin-bottom: 20px;\n      text-transform: uppercase;\n    }\n    .product-features ul {\n      list-style-type: disc;\n      list-style-position: inside;\n      margin: 0;\n    }\n    .product-features li {\n      margin-bottom: 12px;\n      line-height: 1.5;\n      color: #333;\n      padding-left: 30px;\n      text-indent: 0;\n      font-size: 18px;\n    }\n.description-section {\n  width: 100%;\n  max-width: 1300px;\n  margin: 40px auto;\n  padding: 0 60px;  \/* 👈 wider left\/right space *\/\n  font-family: 'Poppins', sans-serif;\n  color: #333;\n  font-size: 18px;\n  line-height: 1.9; \/* 👈 adds nice space between lines *\/\n  text-align: left;\n}\n\n.description-section p {\n  margin-bottom: 18px !important; \/* 👈 adds gap between paragraphs *\/\n}\n\n\/* ✅ Full-screen fit for second video *\/\n.video-full iframe {\n    width: 80%;\n      height: 105%;\n      object-fit: contain;\n      display: block;\n      border: none;\n}\n    @media (max-width:720px) { .banner { height: 250px; } }\n    @media (max-width:420px) { .banner { height: 180px; } }\n  \/* ✅ Mobile \u0026 Tablet Friendly Optimization *\/\n  @media (max-width: 1024px) {\n    .banner {\n      width: 100%;\n      height: 420px;\n    }\n    .slide img, \n    .slide iframe {\n      object-fit: contain;\n    }\n    .video-full iframe {\n      width: 100%;\n      height: 280px;\n    }\n    .shop-btn {\n      top: 30px;\n      left: 30px;\n      font-size: 16px;\n      padding: 10px 20px;\n    }\n  }\n\n  @media (max-width: 720px) {\n    .banner {\n      width: 100%;\n      height: 260px;\n    }\n    .topnav {\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 2px;\n      padding: 8px 0;\n    }\n    .topnav a {\n      font-size: 13px;\n      padding: 6px 8px;\n    }\n    .product-features h2 {\n      font-size: 20px;\n    }\n    .product-features li {\n      font-size: 15px;\n      line-height: 1.6;\n    }\n    .description-section {\n      padding: 0 10px;\n      font-size: 16px;\n      line-height: 1.6;\n    }\n    .video-full iframe {\n      width: 100%;\n      height: 230px;\n    }\n    .shop-btn {\n      top: 15px;\n      left: 15px;\n      font-size: 14px;\n      padding: 8px 14px;\n    }\n    div[style*=\"width: 122%\"] {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 8px auto !important;\n    }\n    div[style*=\"width: 122%\"] img {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n    }\n  }\n\n  @media (max-width: 420px) {\n    .banner { height: 180px; }\n    .video-full iframe { height: 200px; }\n    .shop-btn { font-size: 12px; padding: 6px 10px; }\n    .product-features h2 { font-size: 18px; }\n    .product-features li { font-size: 14px; }\n  }\n\n  \/* ✅ MOBILE FIX — Remove side white space *\/\n  @media (max-width: 1024px) {\n    html, body {\n      overflow-x: hidden !important;\n    }\n\n    .banner,\n    div[style*=\"width: 121%\"],\n    div[style*=\"width: 122%\"],\n    .slides {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 0 auto !important;\n    }\n\n    img, iframe {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n      display: block !important;\n    }\n\n    .description-section {\n      padding: 0 12px !important;\n    }\n  }\n\u003c\/style\u003e\n\u003cnav class=\"topnav\"\u003e\u003ca href=\"https:\/\/gardenistauk.com\/\"\u003eHOME\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/all-scatter-cushions\"\u003eOUTDOOR CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/cushion-covers\"\u003eCUSHION COVERS\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/chair-cushions\"\u003eCHAIR CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/lounger-pads-cushions\"\u003eLOUNGER CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/bench-accessories\"\u003eBENCH PAD\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/chairs\"\u003eSEAT PAD\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/rattan-replacement\"\u003eRATTAN CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/pallet-seating-accessories\"\u003ePALLET CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/furniture\"\u003eFURNITURE COVER\u003c\/a\u003e\u003c\/nav\u003e\n\u003cdiv class=\"banner\"\u003e\n\u003cdiv class=\"slides\"\u003e\n\u003cdiv class=\"slide\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/dVLX3RB7\/1.jpg\" alt=\"Slide 1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/vmnNLQC8\/2.jpg\" alt=\"Slide 2\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\u003ciframe src=\"https:\/\/www.youtube.com\/embed\/V29qxVnMaPQ?autoplay=1\u0026amp;mute=1\u0026amp;controls=0\u0026amp;loop=1\u0026amp;playlist=V29qxVnMaPQ\u0026amp;modestbranding=1\u0026amp;rel=0\" title=\"YouTube video banner\"\u003e\u003c\/iframe\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ca href=\"https:\/\/gardenistauk.com\/pages\/about-us\" class=\"shop-btn\"\u003eGARDENISTA\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-features\"\u003e\n\u003ch2 style=\"text-align: center;\"\u003e                              Product Features\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eStylish, lightweight, durable design, and high-quality material for long-lasting use.\u003c\/li\u003e\n\u003cli\u003eHigh back chair cushion has an elastic strap on the back to prevent it from slipping.\u003c\/li\u003e\n\u003cli\u003eBuilt to last, with durable construction and a weather-resistant design, as well as being fire-retardant.\u003c\/li\u003e\n\u003cli\u003eHigh-quality, water-resistant design for maximum comfort and durability.\u003c\/li\u003e\n\u003cli\u003eCleaning and upkeep are made simple with wipe-clean seat pads and a detachable cover.\u003c\/li\u003e\n\u003cli\u003eHidden zipper feature for easily removing the cover for machine wash.\u003c\/li\u003e\n\u003cli\u003eWe recommend storing it away when not in use.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv style=\"text-align: start; margin-bottom: 20px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"width: 121%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 0;\" alt=\"Product Post Image\" src=\"https:\/\/i.postimg.cc\/QMpXWLMM\/product-feature.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"description-section\"\u003e\n\u003cp\u003eExperience ultimate comfort with our Outdoor Water-Resistant Highback Chair Seat Pads with soft fabric and comfortable filling. Specially designed to add a bold pop of style and comfort to your garden or patio chairs, these cushions feature an elegant fit and are water-resistant, which makes them perfect for outdoor use\u003c\/p\u003e\n\u003cp\u003eThe cushions are filled with soft and durable fibre filling, providing ultimate comfort for your outdoor seating needs. The lightweight design makes it easy to move the chair pads around and rearrange them as needed. The lightweight design makes it easy to install and store, making it ideal for use in areas like patios, porches, gazebos, balconies, sunrooms, summer houses, pergolas, and pagodas. Available in a variety of colours, it will match any outdoor space and complement your existing décor.\u003c\/p\u003e\n\u003cp\u003eTransform your garden into a haven of comfort and style with our luxurious high-back chair cushions. Designed for both beauty and durability, these cushions add a touch of elegance to any outdoor space. Elevate your garden décor and unwind in the utmost comfort amidst nature's beauty.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 👇 Yahan ye code paste karna hai --\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\" alt=\"Product Post Image\" src=\"https:\/\/i.postimg.cc\/ZRYTpnSf\/GP-G2-06-Updated-2.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\" alt=\"Product Post Image\" src=\"https:\/\/i.postimg.cc\/KvvsGv0n\/05.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\" alt=\"Product Post Image\" src=\"https:\/\/i.postimg.cc\/pTJqvgzt\/02.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cbr\u003e\u003c\/div\u003e","brand":"Gardenista®","offers":[{"title":"Black \/ Pack of 1","offer_id":37737735127189,"sku":"GP G2 Two Part Pad B398 Black","price":24.99,"currency_code":"GBP","in_stock":true},{"title":"Black \/ Pack of 2","offer_id":37737735159957,"sku":"GP G2 Two Part Pad B398 Black 2pk","price":35.99,"currency_code":"GBP","in_stock":true},{"title":"Black \/ Pack of 4","offer_id":37737735192725,"sku":"GP G2 Two Part Pad B398 Black 4pk","price":71.99,"currency_code":"GBP","in_stock":true},{"title":"Black \/ Pack of 6","offer_id":37737735225493,"sku":"GP G2 Two Part Pad B398 Black 6pk","price":98.99,"currency_code":"GBP","in_stock":true},{"title":"Blue \/ Pack of 1","offer_id":37737735258261,"sku":"GP G2 Two Part Pad B398 Blue","price":24.99,"currency_code":"GBP","in_stock":true},{"title":"Blue \/ Pack of 2","offer_id":37737735291029,"sku":"GP G2 Two Part Pad B398 Blue 2pk","price":35.99,"currency_code":"GBP","in_stock":true},{"title":"Blue \/ Pack of 4","offer_id":37737735323797,"sku":"GP G2 Two Part Pad B398 Blue 4pk","price":71.99,"currency_code":"GBP","in_stock":true},{"title":"Blue \/ Pack of 6","offer_id":37737735356565,"sku":"GP G2 Two Part Pad B398 Blue 6pk","price":98.99,"currency_code":"GBP","in_stock":true},{"title":"Green \/ Pack of 1","offer_id":37737735389333,"sku":"GP G2 Two Part Pad B398 Green","price":24.99,"currency_code":"GBP","in_stock":true},{"title":"Green \/ Pack of 2","offer_id":37737735422101,"sku":"GP G2 Two Part Pad B398 Green 2pk","price":35.99,"currency_code":"GBP","in_stock":true},{"title":"Green \/ Pack of 4","offer_id":37737735454869,"sku":"GP G2 Two Part Pad B398 Green 4pk","price":71.99,"currency_code":"GBP","in_stock":true},{"title":"Green \/ Pack of 6","offer_id":37737735487637,"sku":"GP G2 Two Part Pad B398 Green 6pk","price":98.99,"currency_code":"GBP","in_stock":true},{"title":"Grey \/ Pack of 1","offer_id":37737735520405,"sku":"GP G2 Two Part Pad B398 Grey","price":24.99,"currency_code":"GBP","in_stock":true},{"title":"Grey \/ Pack of 2","offer_id":37737735553173,"sku":"GP G2 Two Part Pad B398 Grey 2pk","price":35.99,"currency_code":"GBP","in_stock":true},{"title":"Grey \/ Pack of 4","offer_id":37737735585941,"sku":"GP G2 Two Part Pad B398 Grey 4pk","price":71.99,"currency_code":"GBP","in_stock":true},{"title":"Grey \/ Pack of 6","offer_id":37737735618709,"sku":"GP G2 Two Part Pad B398 Grey 6pk","price":98.99,"currency_code":"GBP","in_stock":true},{"title":"Lime \/ Pack of 1","offer_id":37737735651477,"sku":"GP G2 Two Part Pad B398 Lime","price":24.99,"currency_code":"GBP","in_stock":true},{"title":"Lime \/ Pack of 2","offer_id":37737735684245,"sku":"GP G2 Two Part Pad B398 Lime 2pk","price":35.99,"currency_code":"GBP","in_stock":true},{"title":"Lime \/ Pack of 4","offer_id":37737735717013,"sku":"GP G2 Two Part Pad B398 Lime 4pk","price":71.99,"currency_code":"GBP","in_stock":true},{"title":"Lime \/ Pack of 6","offer_id":37737735749781,"sku":"GP G2 Two Part Pad B398 Lime 6pk","price":98.99,"currency_code":"GBP","in_stock":true},{"title":"Pink \/ Pack of 1","offer_id":37737735782549,"sku":"GP G2 Two Part Pad B398 Pink","price":24.99,"currency_code":"GBP","in_stock":true},{"title":"Pink \/ Pack of 2","offer_id":37737735815317,"sku":"GP G2 Two Part Pad B398 Pink 2pk","price":35.99,"currency_code":"GBP","in_stock":true},{"title":"Pink \/ Pack of 4","offer_id":37737735848085,"sku":"GP G2 Two Part Pad B398 Pink 4pk","price":71.99,"currency_code":"GBP","in_stock":true},{"title":"Pink \/ Pack of 6","offer_id":37737735880853,"sku":"GP G2 Two Part Pad B398 Pink 6pk","price":98.99,"currency_code":"GBP","in_stock":true},{"title":"Purple \/ Pack of 1","offer_id":37737735913621,"sku":"GP G2 Two Part Pad B398 Purple","price":24.99,"currency_code":"GBP","in_stock":true},{"title":"Purple \/ Pack of 2","offer_id":37737735946389,"sku":"GP G2 Two Part Pad B398 Purple 2pk","price":35.99,"currency_code":"GBP","in_stock":true},{"title":"Purple \/ Pack of 4","offer_id":37737735979157,"sku":"GP G2 Two Part Pad B398 Purple 4pk","price":71.99,"currency_code":"GBP","in_stock":true},{"title":"Purple \/ Pack of 6","offer_id":37737736011925,"sku":"GP G2 Two Part Pad B398 Purple 6pk","price":98.99,"currency_code":"GBP","in_stock":true},{"title":"Red \/ Pack of 1","offer_id":37737736044693,"sku":"GP G2 Two Part Pad B398 Red","price":24.99,"currency_code":"GBP","in_stock":true},{"title":"Red \/ Pack of 2","offer_id":37737736077461,"sku":"GP G2 Two Part Pad B398 Red 2pk","price":35.99,"currency_code":"GBP","in_stock":true},{"title":"Red \/ Pack of 4","offer_id":37737736110229,"sku":"GP G2 Two Part Pad B398 Red 4pk","price":71.99,"currency_code":"GBP","in_stock":true},{"title":"Red \/ Pack of 6","offer_id":37737736142997,"sku":"GP G2 Two Part Pad B398 Red 6pk","price":98.99,"currency_code":"GBP","in_stock":true},{"title":"Stone \/ Pack of 1","offer_id":37737736175765,"sku":"GP G2 Two Part Pad B398 Stone","price":24.99,"currency_code":"GBP","in_stock":true},{"title":"Stone \/ Pack of 2","offer_id":37737736208533,"sku":"GP G2 Two Part Pad B398 Stone 2pk","price":35.99,"currency_code":"GBP","in_stock":true},{"title":"Stone \/ Pack of 4","offer_id":37737736241301,"sku":"GP G2 Two Part Pad B398 Stone 4pk","price":71.99,"currency_code":"GBP","in_stock":true},{"title":"Stone \/ Pack of 6","offer_id":37737736274069,"sku":"GP G2 Two Part Pad B398 Stone 6pk","price":98.99,"currency_code":"GBP","in_stock":true},{"title":"Turquoise \/ Pack of 1","offer_id":37737736306837,"sku":"GP G2 Two Part Pad B398 Turq 2pk","price":24.99,"currency_code":"GBP","in_stock":false},{"title":"Turquoise \/ Pack of 2","offer_id":37737736339605,"sku":"GP G2 Two Part Pad B398 Turq 4pk","price":37.99,"currency_code":"GBP","in_stock":false},{"title":"Turquoise \/ Pack of 4","offer_id":37737736372373,"sku":"GP G2 Two Part Pad B398 Turq 6pk","price":71.99,"currency_code":"GBP","in_stock":false},{"title":"Turquoise \/ Pack of 6","offer_id":37737736405141,"sku":"GP G2 Two Part Pad B398 Turquoise","price":98.99,"currency_code":"GBP","in_stock":true},{"title":"Yellow \/ Pack of 1","offer_id":37737736437909,"sku":"GP G2 Two Part Pad B398 Yellow","price":24.99,"currency_code":"GBP","in_stock":true},{"title":"Yellow \/ Pack of 2","offer_id":37737736503445,"sku":"GP G2 Two Part Pad B398 Yellow 2pk","price":35.99,"currency_code":"GBP","in_stock":true},{"title":"Yellow \/ Pack of 4","offer_id":37737736536213,"sku":"GP G2 Two Part Pad B398 Yellow 4pk","price":71.99,"currency_code":"GBP","in_stock":true},{"title":"Yellow \/ Pack of 6","offer_id":37737736568981,"sku":"GP G2 Two Part Pad B398 Yellow 6pk","price":98.99,"currency_code":"GBP","in_stock":true},{"title":"Navy \/ Pack of 1","offer_id":44568498078013,"sku":"GP G2 Two Part Pad B398 Navy","price":24.99,"currency_code":"GBP","in_stock":false},{"title":"Navy \/ Pack of 2","offer_id":44568498176317,"sku":"GP G2 Two Part Pad B398 Navy 2pk","price":35.99,"currency_code":"GBP","in_stock":false},{"title":"Navy \/ Pack of 4","offer_id":44568498241853,"sku":"GP G2 Two Part Pad B398 Navy 4pk","price":71.99,"currency_code":"GBP","in_stock":false},{"title":"Navy \/ Pack of 6","offer_id":44568498307389,"sku":"GP G2 Two Part Pad B398 Navy 6pk","price":98.99,"currency_code":"GBP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0513\/2563\/2661\/files\/GPG2TwoPartPadB398Black_1.jpg?v=1772520544"},{"product_id":"luxury-chaircushion-pads-with-velcro-straps","title":"Outdoor Lucca Metal High Back Chair Seat Pads with Secure Straps Garden \u0026 Patio Highback Cushions","description":"\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\t\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\t\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003ebody {\n  margin: 0;\n  font-family: Arial, Helvetica, sans-serif;\n \n}\n\n.topnav {\n  overflow: hidden;\n   background-color: #E1D8CF;\n\n}\n\n.topnav a {\n  float: left;\ncolor: #f2f2f2;\n  text-align: center;\n  padding: 14px 16px;\n  text-decoration: none;\n  font-size: 17px;\n}\n\n.topnav a:hover {\n   background-color: #ddd;\n  color: black;\n}\n\n.topnav a.active {\n  \n  color: white;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"topnav\"\u003e\n\u003cstrong\u003e\u003ca class=\"active\" href=\"https:\/\/gardenistauk.com\/collections\/bench-accessories\" data-mce-href=\"https:\/\/gardenistauk.com\/collections\/bench-accessories\"\u003e\u003cspan style=\"color: #313131;\" data-mce-style=\"color: #313131;\"\u003eBenches\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e \u003cstrong\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/chair-cushions\" data-mce-href=\"https:\/\/gardenistauk.com\/collections\/chair-cushions\"\u003e\u003cspan style=\"color: #313131;\" data-mce-style=\"color: #313131;\"\u003eChairs\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e \u003cstrong\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/rattan-replacement\" data-mce-href=\"https:\/\/gardenistauk.com\/collections\/rattan-replacement\"\u003e\u003cspan style=\"color: #313131;\" data-mce-style=\"color: #313131;\"\u003eRattans\u003c\/span\u003e\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/pallet-seating-accessories\" data-mce-href=\"https:\/\/gardenistauk.com\/collections\/pallet-seating-accessories\"\u003e\u003cspan style=\"color: #313131;\" data-mce-style=\"color: #313131;\"\u003ePallets\u003c\/span\u003e\u003c\/a\u003e\u003cspan style=\"color: #313131;\" data-mce-style=\"color: #313131;\"\u003e \u003c\/span\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/curtains\" data-mce-href=\"https:\/\/gardenistauk.com\/collections\/curtains\"\u003e\u003cspan style=\"color: #313131;\" data-mce-style=\"color: #313131;\"\u003eCurtains\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e \u003cstrong\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/lounger-pads-cushions\" data-mce-href=\"https:\/\/gardenistauk.com\/collections\/lounger-pads-cushions\"\u003e\u003cspan style=\"color: #313131;\" data-mce-style=\"color: #313131;\"\u003eLoungers\u003c\/span\u003e\u003c\/a\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/all-scatter-cushions\" data-mce-href=\"https:\/\/gardenistauk.com\/collections\/all-scatter-cushions\"\u003e\u003cspan style=\"color: #313131;\" data-mce-style=\"color: #313131;\"\u003e \u003c\/span\u003e\u003cspan style=\"color: #313131;\" data-mce-style=\"color: #313131;\"\u003eCushions\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cp dir=\"ltr\"\u003e\u003cimg alt=\"\" class=\"mx-auto d-block img-fluid\" src=\"https:\/\/i.postimg.cc\/jdLN3Fwd\/1.gif\" data-mce-src=\"https:\/\/i.postimg.cc\/jdLN3Fwd\/1.gif\"\u003e\u003cimg alt=\"\" class=\"mx-auto d-block img-fluid\" src=\"https:\/\/i.postimg.cc\/VNNKKR8q\/AAHKMJXYDAFd-JAOAIMEb-OAcha-Ytjp-IZUujp-Rp-To0-Cn-ZOZUg-Yyi7-Ov-SL2o6-C-n-sf-Wyd-Kxlv-Ziw2d-NJ45r-Ay2mm-Pt.webp\" data-mce-src=\"https:\/\/i.postimg.cc\/VNNKKR8q\/AAHKMJXYDAFd-JAOAIMEb-OAcha-Ytjp-IZUujp-Rp-To0-Cn-ZOZUg-Yyi7-Ov-SL2o6-C-n-sf-Wyd-Kxlv-Ziw2d-NJ45r-Ay2mm-Pt.webp\"\u003e\u003c\/p\u003e\n\u003cul dir=\"ltr\"\u003e\n\u003cli class=\"MsoNormal\" style=\"margin-bottom: 0in; mso-list: l0 level1 lfo1; tab-stops: list .5in left 190.5pt;\" data-mce-style=\"margin-bottom: 0in; mso-list: l0 level1 lfo1; tab-stops: list .5in left 190.5pt;\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\" data-mce-style=\"font-family: 'Arial',sans-serif;\"\u003eWater-resistant materials for durability and protection against light rain or spills.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"MsoNormal\" style=\"margin-bottom: 0in; mso-list: l0 level1 lfo1; tab-stops: list .5in left 190.5pt;\" data-mce-style=\"margin-bottom: 0in; mso-list: l0 level1 lfo1; tab-stops: list .5in left 190.5pt;\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\" data-mce-style=\"font-family: 'Arial',sans-serif;\"\u003eHidden zip design for easy removal and cleaning of the cushion cover\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"MsoNormal\" style=\"margin-bottom: 0in; mso-list: l0 level1 lfo1; tab-stops: list .5in left 190.5pt;\" data-mce-style=\"margin-bottom: 0in; mso-list: l0 level1 lfo1; tab-stops: list .5in left 190.5pt;\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\" data-mce-style=\"font-family: 'Arial',sans-serif;\"\u003eA range of colours are available to match your outdoor décor style.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"MsoNormal\" style=\"margin-bottom: 0in; mso-list: l0 level1 lfo1; tab-stops: list .5in left 190.5pt;\" data-mce-style=\"margin-bottom: 0in; mso-list: l0 level1 lfo1; tab-stops: list .5in left 190.5pt;\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\" data-mce-style=\"font-family: 'Arial',sans-serif;\"\u003eAdds an elegant touch to your outdoor seating arrangement.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"MsoNormal\" style=\"margin-bottom: 0in; mso-list: l0 level1 lfo1; tab-stops: list .5in left 190.5pt;\" data-mce-style=\"margin-bottom: 0in; mso-list: l0 level1 lfo1; tab-stops: list .5in left 190.5pt;\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\" data-mce-style=\"font-family: 'Arial',sans-serif;\"\u003eSuitable for outdoor use in gardens, patios, and other outside seating areas.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"MsoNormal\" style=\"margin-bottom: 0in; mso-list: l0 level1 lfo1; tab-stops: list .5in left 190.5pt;\" data-mce-style=\"margin-bottom: 0in; mso-list: l0 level1 lfo1; tab-stops: list .5in left 190.5pt;\"\u003e\n\u003cspan style=\"font-family: 'Arial',sans-serif;\" data-mce-style=\"font-family: 'Arial',sans-serif;\"\u003eWe recommend storing it away when not in use.\u003c\/span\u003e\u003cbr\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp dir=\"ltr\"\u003e\u003cimg alt=\"\" class=\"mx-auto d-block img-fluid\" src=\"https:\/\/i.postimg.cc\/fbtr48Yx\/Add-a-heading-10.png\" data-mce-src=\"https:\/\/i.postimg.cc\/fbtr48Yx\/Add-a-heading-10.png\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\" data-mce-style=\"font-family: 'Arial',sans-serif;\"\u003eIntroducing Garden Lucca Chair Back and Seat Pads with Secure Straps are crafted from 100% polyester fabric that is water-resistant and fire-retardant. The filling is premium fibre for a comfortable and supportive seating experience. The secure tie fastener holds the seat pad in place, providing a stable seating experience.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp style=\"margin-bottom: 0in; tab-stops: 190.5pt;\" class=\"MsoNormal\" data-mce-style=\"margin-bottom: 0in; tab-stops: 190.5pt;\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\" data-mce-style=\"font-family: 'Arial',sans-serif;\"\u003eThe seat and back cushion are easy to clean and maintain, making it a convenient and practical choice for your outdoor seating needs.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp style=\"margin-bottom: 0in; tab-stops: 190.5pt;\" class=\"MsoNormal\" data-mce-style=\"margin-bottom: 0in; tab-stops: 190.5pt;\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\" data-mce-style=\"font-family: 'Arial',sans-serif;\"\u003eGarden Lucca Chair Back and Seat Pads with Secure Straps are not only water-resistant but also fire-retardant, making them safe to use in areas where there may be a risk of fire.\u003c\/span\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\" data-mce-style=\"font-family: 'Arial',sans-serif;\"\u003e\u003cspan style=\"mso-tab-count: 1;\" data-mce-style=\"mso-tab-count: 1;\"\u003e         \u003c\/span\u003e\u003c\/span\u003e\u003cimg style=\"font-size: 0.875rem;\" alt=\"\" class=\"mx-auto d-block img-fluid\" src=\"https:\/\/i.postimg.cc\/K8f97Wdc\/AAHKMJXYDAFd-JAOAIMEb-OAcha-Ytjp-IZUujp-Rp-To0-Cn-ZOZVtjiu-S2-R7-u-LFi-UKp-Whiqz7xvb-Q2r-Aq-HB-2x-Zji-IOC59-MXROv3-MP5-Wk.webp\" data-mce-src=\"https:\/\/i.postimg.cc\/K8f97Wdc\/AAHKMJXYDAFd-JAOAIMEb-OAcha-Ytjp-IZUujp-Rp-To0-Cn-ZOZVtjiu-S2-R7-u-LFi-UKp-Whiqz7xvb-Q2r-Aq-HB-2x-Zji-IOC59-MXROv3-MP5-Wk.webp\" data-mce-style=\"font-size: 0.875rem;\"\u003e\u003cimg style=\"font-size: 0.875rem;\" alt=\"\" class=\"mx-auto d-block img-fluid\" src=\"https:\/\/i.postimg.cc\/k4CPCsX0\/06-2-5.jpg\" data-mce-src=\"https:\/\/i.postimg.cc\/k4CPCsX0\/06-2-5.jpg\" data-mce-style=\"font-size: 0.875rem;\"\u003e\u003cimg style=\"font-size: 0.875rem;\" alt=\"\" class=\"mx-auto d-block img-fluid\" src=\"https:\/\/i.postimg.cc\/2y6Zfn0s\/Bannerr-1.jpg\" data-mce-src=\"https:\/\/i.postimg.cc\/2y6Zfn0s\/Bannerr-1.jpg\" data-mce-style=\"font-size: 0.875rem;\"\u003e\u003c\/p\u003e","brand":"Gardenista®","offers":[{"title":"Black","offer_id":37737736732821,"sku":"GP G70 Lucca Chair Pad B398 Black","price":29.99,"currency_code":"GBP","in_stock":true},{"title":"Grey","offer_id":37737736798357,"sku":"GP G70 Lucca Chair Pad B398 Grey","price":29.99,"currency_code":"GBP","in_stock":true},{"title":"Lime","offer_id":37737736831125,"sku":"GP G70 Lucca Chair Pad B398 Lime","price":29.99,"currency_code":"GBP","in_stock":true},{"title":"Stone","offer_id":37737736863893,"sku":"GP G70 Lucca Chair Pad B398 Stone","price":29.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0513\/2563\/2661\/files\/Lime-5.jpg?v=1770719175"},{"product_id":"garden-seatcushion-pads-for-resol-palma-outdoor-chair","title":"Water-Resistant Outdoor Chair Seat Pads Garden Chair Cushions with Ties","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n    body {\n      margin: 0;\n      font-family: 'Roboto', sans-serif;\n    }\n\n    .topnav {\n      background-color: #E1D8CF;\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: flex-start;\n      gap: 5px;\n      padding: 10px 0;\n      position: relative;\n    }\n\n    .topnav a {\n      color: #4b6844;\n      padding: 10px 15px;\n      text-decoration: none;\n      font-size: 16px;\n      border-radius: 4px;\n      transition: background-color 0.3s ease;\n      text-transform: uppercase;\n      font-weight: 700;\n    }\n\n    .topnav a:hover {\n      background-color: #ddd;\n      color: black;\n    }\n\n    .topnav::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background-color: #4b6844;\n    }\n\n    :root {\n      --banner-height: 600px;\n      --hold-time: 40s;\n      --move-time: 2s;\n    }\n\n    * { box-sizing: border-box; margin: 0; padding: 0; }\n\n    .banner {\n      position: relative;\n      width: 121%;\n      height: var(--banner-height);\n      overflow: hidden;\n      margin-top: -0px;\n    }\n\n    .slides {\n      display: flex;\n      width: 100%;\n      animation: slideAnimation 38s infinite;\n    }\n\n    .slide {\n      flex: 0 0 100%;\n      position: relative;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .slide img,\n    .slide iframe {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      display: block;\n      border: none;\n    }\n\n    .shop-btn {\n      position: absolute;\n      top: 80px;\n      left: 80px;\n      z-index: 100;\n      background: #ffffff;\n      color: #4b6844;\n      font-size: 20px;\n      font-weight: 750;\n      padding: 14px 30px;\n      border: 2px solid #4b6844;\n      border-radius: 6px;\n      cursor: pointer;\n      transition: background 0.3s, color 0.3s;\n      text-transform: uppercase;\n      font-family: 'Poppins', sans-serif;\n      text-decoration: none;\n    }\n\n    .shop-btn:hover {\n      background: #4b6844;\n      color: #00;\n    }\n\n@keyframes slideAnimation {\n  0%   { transform: translateX(0%); }       \/* Slide 1 start *\/\n  10%  { transform: translateX(0%); }       \/* Hold Slide 1 *\/\n\n  15%  { transform: translateX(-100%); }    \/* Slide 2 *\/\n  25%  { transform: translateX(-100%); }    \/* Hold Slide 2 *\/\n\n  30%  { transform: translateX(-200%); }    \/* Video slide *\/\n  92%  { transform: translateX(-200%); }    \/* Hold video long (~30s) *\/\n\n  100% { transform: translateX(0%); }       \/* Back to start *\/\n}\n    .product-features h2 {\n      font-size: 26px;\n      font-weight: 700;\n      color: #4b6844;\n      text-align: center;\n      margin-bottom: 20px;\n      text-transform: uppercase;\n    }\n    .product-features ul {\n      list-style-type: disc;\n      list-style-position: inside;\n      margin: 0;\n    }\n    .product-features li {\n      margin-bottom: 12px;\n      line-height: 1.5;\n      color: #333;\n      padding-left: 30px;\n      text-indent: 0;\n      font-size: 18px;\n    }\n.description-section {\n  width: 100%;\n  max-width: 1300px;\n  margin: 40px auto;\n  padding: 0 60px;  \/* 👈 wider left\/right space *\/\n  font-family: 'Poppins', sans-serif;\n  color: #333;\n  font-size: 18px;\n  line-height: 1.9; \/* 👈 adds nice space between lines *\/\n  text-align: left;\n}\n\n.description-section p {\n  margin-bottom: 18px !important; \/* 👈 adds gap between paragraphs *\/\n}\n\n\/* ✅ Full-screen fit for second video *\/\n.video-full iframe {\n    width: 80%;\n      height: 105%;\n      object-fit: contain;\n      display: block;\n      border: none;\n}\n    @media (max-width:720px) { .banner { height: 250px; } }\n    @media (max-width:420px) { .banner { height: 180px; } }\n  \/* ✅ Mobile \u0026 Tablet Friendly Optimization *\/\n  @media (max-width: 1024px) {\n    .banner {\n      width: 100%;\n      height: 420px;\n    }\n    .slide img, \n    .slide iframe {\n      object-fit: contain;\n    }\n    .video-full iframe {\n      width: 100%;\n      height: 280px;\n    }\n    .shop-btn {\n      top: 30px;\n      left: 30px;\n      font-size: 16px;\n      padding: 10px 20px;\n    }\n  }\n\n  @media (max-width: 720px) {\n    .banner {\n      width: 100%;\n      height: 260px;\n    }\n    .topnav {\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 2px;\n      padding: 8px 0;\n    }\n    .topnav a {\n      font-size: 13px;\n      padding: 6px 8px;\n    }\n    .product-features h2 {\n      font-size: 20px;\n    }\n    .product-features li {\n      font-size: 15px;\n      line-height: 1.6;\n    }\n    .description-section {\n      padding: 0 10px;\n      font-size: 16px;\n      line-height: 1.6;\n    }\n    .video-full iframe {\n      width: 100%;\n      height: 230px;\n    }\n    .shop-btn {\n      top: 15px;\n      left: 15px;\n      font-size: 14px;\n      padding: 8px 14px;\n    }\n    div[style*=\"width: 122%\"] {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 8px auto !important;\n    }\n    div[style*=\"width: 122%\"] img {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n    }\n  }\n\n  @media (max-width: 420px) {\n    .banner { height: 180px; }\n    .video-full iframe { height: 200px; }\n    .shop-btn { font-size: 12px; padding: 6px 10px; }\n    .product-features h2 { font-size: 18px; }\n    .product-features li { font-size: 14px; }\n  }\n\n  \/* ✅ MOBILE FIX — Remove side white space *\/\n  @media (max-width: 1024px) {\n    html, body {\n      overflow-x: hidden !important;\n    }\n\n    .banner,\n    div[style*=\"width: 121%\"],\n    div[style*=\"width: 122%\"],\n    .slides {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 0 auto !important;\n    }\n\n    img, iframe {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n      display: block !important;\n    }\n\n    .description-section {\n      padding: 0 12px !important;\n    }\n  }\n\u003c\/style\u003e\n\u003cnav class=\"topnav\"\u003e\u003ca href=\"https:\/\/gardenistauk.com\/\"\u003eHOME\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/all-scatter-cushions\"\u003eOUTDOOR CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/cushion-covers\"\u003eCUSHION COVERS\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/chair-cushions\"\u003eCHAIR CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/lounger-pads-cushions\"\u003eLOUNGER CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/bench-accessories\"\u003eBENCH PAD\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/chairs\"\u003eSEAT PAD\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/rattan-replacement\"\u003eRATTAN CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/pallet-seating-accessories\"\u003ePALLET CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/furniture\"\u003eFURNITURE COVER\u003c\/a\u003e\u003c\/nav\u003e\n\u003cdiv class=\"banner\"\u003e\n\u003cdiv class=\"slides\"\u003e\n\u003cdiv class=\"slide\"\u003e\u003cimg alt=\"Slide 1\" src=\"https:\/\/i.postimg.cc\/dVLX3RB7\/1.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\u003cimg alt=\"Slide 2\" src=\"https:\/\/i.postimg.cc\/vmnNLQC8\/2.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\u003ciframe title=\"YouTube video banner\"\u003e\u003c\/iframe\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ca class=\"shop-btn\" href=\"https:\/\/gardenistauk.com\/pages\/about-us\"\u003eGARDENISTA\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-features\"\u003e\n\u003ch2 style=\"text-align: center;\"\u003e                              Product Features\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eGarden chair cushions are covered in a soft, water-resistant polyester cover.\u003c\/li\u003e\n\u003cli\u003eRelax with peace of mind knowing our garden seat pads are fire-retardant, ensuring safety and protection.\u003c\/li\u003e\n\u003cli\u003eSecure ties for a non-slip fit, ensuring maximum comfort and safety.\u003cbr\u003e\n\u003c\/li\u003e\n\u003cli\u003eOur garden chair cushions are easily cleaned with wipeable fabric and detachable covers.\u003cbr\u003e\n\u003c\/li\u003e\n\u003cli\u003eHidden zipper feature for easily removing the cover for machine wash.\u003c\/li\u003e\n\u003cli\u003eWe recommend storing it away when not in use.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv style=\"text-align: start; margin-bottom: 20px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"width: 121%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/QMpXWLMM\/product-feature.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 0;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"description-section\"\u003e\n\u003cp\u003eOur slip-free garden chair seat pad is designed for your utmost comfort. We offer lasting support and cosines with high-quality fibre padding. These garden seat cushions feature a premium fibre filling for maximum comfort, encased in durable polyester fabric. These chair pads are easy to attach with ties.\u003c\/p\u003e\n\u003cp\u003eOur water-resistant fabric guarantees breathable comfort, with seat pads that wipe clean easily and a removable cover for effortless maintenance. Experience hassle-free cleaning. Simply wipe or machine-wash for a fresh, stress-free seat every time. Relax with peace of mind knowing our garden seat pads are fire-retardant, ensuring safety and protection.\u003c\/p\u003e\n\u003cp\u003eEnjoy your outdoor relaxation with unparalleled comfort and stability. So the water-resistant material ensures longevity, making them perfect for patio or garden use and providing enduring comfort for years. These seat pads are best for your chair to decorate your garden area.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 👇 Yahan ye code paste karna hai --\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/0jY3c27V\/A-GP-G31-06-Updated.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/wTCSyZyg\/A-GP-G31-05.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/2Sng4GhQ\/A-GP-G31-02.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cbr\u003e\u003c\/div\u003e","brand":"Gardenista®","offers":[{"title":"Black \/ Pack of 1","offer_id":37737738731669,"sku":"GP G31 Palma B398 Black","price":11.99,"currency_code":"GBP","in_stock":false},{"title":"Black \/ Pack of 2","offer_id":37737738764437,"sku":"GP G31 Palma B398 Black 2pk","price":18.99,"currency_code":"GBP","in_stock":false},{"title":"Black \/ Pack of 4","offer_id":37737738797205,"sku":"GP G31 Palma B398 Black 4pk","price":32.99,"currency_code":"GBP","in_stock":false},{"title":"Black \/ Pack of 6","offer_id":37737738829973,"sku":"GP G31 Palma B398 Black 6pk","price":42.99,"currency_code":"GBP","in_stock":false},{"title":"Black \/ Pack of 8","offer_id":37737738862741,"sku":"GP G31 Palma B398 Black 8pk","price":51.99,"currency_code":"GBP","in_stock":false},{"title":"Blue \/ Pack of 1","offer_id":37737738895509,"sku":"GP G31 Palma B398 Blue","price":11.99,"currency_code":"GBP","in_stock":false},{"title":"Blue \/ Pack of 2","offer_id":37737738928277,"sku":"GP G31 Palma B398 Blue 2pk","price":18.99,"currency_code":"GBP","in_stock":false},{"title":"Blue \/ Pack of 4","offer_id":37737738961045,"sku":"GP G31 Palma B398 Blue 4pk","price":32.99,"currency_code":"GBP","in_stock":false},{"title":"Blue \/ Pack of 6","offer_id":37737738993813,"sku":"GP G31 Palma B398 Blue 6pk","price":42.99,"currency_code":"GBP","in_stock":false},{"title":"Blue \/ Pack of 8","offer_id":37737739026581,"sku":"GP G31 Palma B398 Blue 8pk","price":51.99,"currency_code":"GBP","in_stock":false},{"title":"Green \/ Pack of 1","offer_id":37737739059349,"sku":"GP G31 Palma B398 Green","price":11.99,"currency_code":"GBP","in_stock":false},{"title":"Green \/ Pack of 2","offer_id":37737739092117,"sku":"GP G31 Palma B398 Green 2pk","price":18.99,"currency_code":"GBP","in_stock":false},{"title":"Green \/ Pack of 4","offer_id":37737739124885,"sku":"GP G31 Palma B398 Green 4pk","price":32.99,"currency_code":"GBP","in_stock":false},{"title":"Green \/ Pack of 6","offer_id":37737739157653,"sku":"GP G31 Palma B398 Green 6pk","price":42.99,"currency_code":"GBP","in_stock":false},{"title":"Green \/ Pack of 8","offer_id":37737739190421,"sku":"GP G31 Palma B398 Green 8pk","price":51.99,"currency_code":"GBP","in_stock":false},{"title":"Grey \/ Pack of 1","offer_id":37737739223189,"sku":"GP G31 Palma B398 Grey","price":11.99,"currency_code":"GBP","in_stock":false},{"title":"Grey \/ Pack of 2","offer_id":37737739255957,"sku":"GP G31 Palma B398 Grey 2pk","price":18.99,"currency_code":"GBP","in_stock":false},{"title":"Grey \/ Pack of 4","offer_id":37737739288725,"sku":"GP G31 Palma B398 Grey 4pk","price":32.99,"currency_code":"GBP","in_stock":false},{"title":"Grey \/ Pack of 6","offer_id":37737739321493,"sku":"GP G31 Palma B398 Grey 6pk","price":42.99,"currency_code":"GBP","in_stock":false},{"title":"Grey \/ Pack of 8","offer_id":37737739354261,"sku":"GP G31 Palma B398 Grey 8pk","price":51.99,"currency_code":"GBP","in_stock":false},{"title":"Lime \/ Pack of 1","offer_id":37737739387029,"sku":"GP G31 Palma B398 Lime","price":11.99,"currency_code":"GBP","in_stock":false},{"title":"Lime \/ Pack of 2","offer_id":37737739419797,"sku":"GP G31 Palma B398 Lime 2pk","price":18.99,"currency_code":"GBP","in_stock":false},{"title":"Lime \/ Pack of 4","offer_id":37737739452565,"sku":"GP G31 Palma B398 Lime 4pk","price":32.99,"currency_code":"GBP","in_stock":false},{"title":"Lime \/ Pack of 6","offer_id":37737739485333,"sku":"GP G31 Palma B398 Lime 6pk","price":42.99,"currency_code":"GBP","in_stock":false},{"title":"Lime \/ Pack of 8","offer_id":37737739518101,"sku":"GP G31 Palma B398 Lime 8pk","price":51.99,"currency_code":"GBP","in_stock":false},{"title":"Pink \/ Pack of 1","offer_id":37737739550869,"sku":"GP G31 Palma B398 Pink","price":11.99,"currency_code":"GBP","in_stock":false},{"title":"Pink \/ Pack of 2","offer_id":37737739583637,"sku":"GP G31 Palma B398 Pink 2pk","price":18.99,"currency_code":"GBP","in_stock":false},{"title":"Pink \/ Pack of 4","offer_id":37737739616405,"sku":"GP G31 Palma B398 Pink 4pk","price":32.99,"currency_code":"GBP","in_stock":false},{"title":"Pink \/ Pack of 6","offer_id":37737739649173,"sku":"GP G31 Palma B398 Pink 6pk","price":42.99,"currency_code":"GBP","in_stock":false},{"title":"Pink \/ Pack of 8","offer_id":37737739681941,"sku":"GP G31 Palma B398 Pink 8pk","price":51.99,"currency_code":"GBP","in_stock":false},{"title":"Purple \/ Pack of 1","offer_id":37737739714709,"sku":"GP G31 Palma B398 Purple","price":11.99,"currency_code":"GBP","in_stock":false},{"title":"Purple \/ Pack of 2","offer_id":37737739747477,"sku":"GP G31 Palma B398 Purple 2pk","price":18.99,"currency_code":"GBP","in_stock":false},{"title":"Purple \/ Pack of 4","offer_id":37737739780245,"sku":"GP G31 Palma B398 Purple 4pk","price":32.99,"currency_code":"GBP","in_stock":false},{"title":"Purple \/ Pack of 6","offer_id":37737739813013,"sku":"GP G31 Palma B398 Purple 6pk","price":42.99,"currency_code":"GBP","in_stock":false},{"title":"Purple \/ Pack of 8","offer_id":37737739845781,"sku":"GP G31 Palma B398 Purple 8pk","price":51.99,"currency_code":"GBP","in_stock":false},{"title":"Red \/ Pack of 1","offer_id":37737739878549,"sku":"GP G31 Palma B398 Red","price":11.99,"currency_code":"GBP","in_stock":false},{"title":"Red \/ Pack of 2","offer_id":37737739911317,"sku":"GP G31 Palma B398 Red 2pk","price":18.99,"currency_code":"GBP","in_stock":false},{"title":"Red \/ Pack of 4","offer_id":37737739944085,"sku":"GP G31 Palma B398 Red 4pk","price":32.99,"currency_code":"GBP","in_stock":false},{"title":"Red \/ Pack of 6","offer_id":37737739976853,"sku":"GP G31 Palma B398 Red 6pk","price":42.99,"currency_code":"GBP","in_stock":false},{"title":"Red \/ Pack of 8","offer_id":37737740009621,"sku":"GP G31 Palma B398 Red 8pk","price":51.99,"currency_code":"GBP","in_stock":false},{"title":"Stone \/ Pack of 1","offer_id":37737740042389,"sku":"GP G31 Palma B398 Stone","price":11.99,"currency_code":"GBP","in_stock":false},{"title":"Stone \/ Pack of 2","offer_id":37737740075157,"sku":"GP G31 Palma B398 Stone 2pk","price":18.99,"currency_code":"GBP","in_stock":false},{"title":"Stone \/ Pack of 4","offer_id":37737740107925,"sku":"GP G31 Palma B398 Stone 4pk","price":32.99,"currency_code":"GBP","in_stock":false},{"title":"Stone \/ Pack of 6","offer_id":37737740140693,"sku":"GP G31 Palma B398 Stone 6pk","price":42.99,"currency_code":"GBP","in_stock":false},{"title":"Stone \/ Pack of 8","offer_id":37737740173461,"sku":"GP G31 Palma B398 Stone 8pk","price":51.99,"currency_code":"GBP","in_stock":false},{"title":"Turquoise \/ Pack of 1","offer_id":37737740206229,"sku":"GP G31 Palma B398 Turq","price":11.99,"currency_code":"GBP","in_stock":false},{"title":"Turquoise \/ Pack of 2","offer_id":37737740238997,"sku":"GP G31 Palma B398 Turq 2pk","price":18.99,"currency_code":"GBP","in_stock":false},{"title":"Turquoise \/ Pack of 4","offer_id":37737740271765,"sku":"GP G31 Palma B398 Turq 4pk","price":32.99,"currency_code":"GBP","in_stock":false},{"title":"Turquoise \/ Pack of 6","offer_id":37737740304533,"sku":"GP G31 Palma B398 Turq 6pk","price":42.99,"currency_code":"GBP","in_stock":false},{"title":"Turquoise \/ Pack of 8","offer_id":37737740337301,"sku":"GP G31 Palma B398 Turq 8pk","price":51.99,"currency_code":"GBP","in_stock":false},{"title":"Yellow \/ Pack of 1","offer_id":37737740370069,"sku":"GP G31 Palma B398 Yellow","price":11.99,"currency_code":"GBP","in_stock":false},{"title":"Yellow \/ Pack of 2","offer_id":37737740402837,"sku":"GP G31 Palma B398 Yellow 2pk","price":18.99,"currency_code":"GBP","in_stock":false},{"title":"Yellow \/ Pack of 4","offer_id":37737740435605,"sku":"GP G31 Palma B398 Yellow 4pk","price":32.99,"currency_code":"GBP","in_stock":false},{"title":"Yellow \/ Pack of 6","offer_id":37737740468373,"sku":"GP G31 Palma B398 Yellow 6pk","price":42.99,"currency_code":"GBP","in_stock":false},{"title":"Yellow \/ Pack of 8","offer_id":37737740501141,"sku":"GP G31 Palma B398 Yellow 8pk","price":51.99,"currency_code":"GBP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0513\/2563\/2661\/products\/GP-G31-Palma-B398-black.jpg?v=1772520509"},{"product_id":"high-back-chair-padcushion","title":"Water-Resistant High Back Garden Chair Cushions Outdoor Seat Pad with Ties for Patio Chairs","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n    body {\n      margin: 0;\n      font-family: 'Roboto', sans-serif;\n    }\n\n    .topnav {\n      background-color: #E1D8CF;\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: flex-start;\n      gap: 5px;\n      padding: 10px 0;\n      position: relative;\n    }\n\n    .topnav a {\n      color: #4b6844;\n      padding: 10px 15px;\n      text-decoration: none;\n      font-size: 16px;\n      border-radius: 4px;\n      transition: background-color 0.3s ease;\n      text-transform: uppercase;\n      font-weight: 700;\n    }\n\n    .topnav a:hover {\n      background-color: #ddd;\n      color: black;\n    }\n\n    .topnav::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background-color: #4b6844;\n    }\n\n    :root {\n      --banner-height: 600px;\n      --hold-time: 40s;\n      --move-time: 2s;\n    }\n\n    * { box-sizing: border-box; margin: 0; padding: 0; }\n\n    .banner {\n      position: relative;\n      width: 121%;\n      height: var(--banner-height);\n      overflow: hidden;\n      margin-top: -0px;\n    }\n\n    .slides {\n      display: flex;\n      width: 100%;\n      animation: slideAnimation 38s infinite;\n    }\n\n    .slide {\n      flex: 0 0 100%;\n      position: relative;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .slide img,\n    .slide iframe {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      display: block;\n      border: none;\n    }\n\n    .shop-btn {\n      position: absolute;\n      top: 80px;\n      left: 80px;\n      z-index: 100;\n      background: #ffffff;\n      color: #4b6844;\n      font-size: 20px;\n      font-weight: 750;\n      padding: 14px 30px;\n      border: 2px solid #4b6844;\n      border-radius: 6px;\n      cursor: pointer;\n      transition: background 0.3s, color 0.3s;\n      text-transform: uppercase;\n      font-family: 'Poppins', sans-serif;\n      text-decoration: none;\n    }\n\n    .shop-btn:hover {\n      background: #4b6844;\n      color: #00;\n    }\n\n@keyframes slideAnimation {\n  0%   { transform: translateX(0%); }       \/* Slide 1 start *\/\n  10%  { transform: translateX(0%); }       \/* Hold Slide 1 *\/\n\n  15%  { transform: translateX(-100%); }    \/* Slide 2 *\/\n  25%  { transform: translateX(-100%); }    \/* Hold Slide 2 *\/\n\n  30%  { transform: translateX(-200%); }    \/* Video slide *\/\n  92%  { transform: translateX(-200%); }    \/* Hold video long (~30s) *\/\n\n  100% { transform: translateX(0%); }       \/* Back to start *\/\n}\n    .product-features h2 {\n      font-size: 26px;\n      font-weight: 700;\n      color: #4b6844;\n      text-align: center;\n      margin-bottom: 20px;\n      text-transform: uppercase;\n    }\n    .product-features ul {\n      list-style-type: disc;\n      list-style-position: inside;\n      margin: 0;\n    }\n    .product-features li {\n      margin-bottom: 12px;\n      line-height: 1.5;\n      color: #333;\n      padding-left: 30px;\n      text-indent: 0;\n      font-size: 18px;\n    }\n.description-section {\n  width: 100%;\n  max-width: 1300px;\n  margin: 40px auto;\n  padding: 0 60px;  \/* 👈 wider left\/right space *\/\n  font-family: 'Poppins', sans-serif;\n  color: #333;\n  font-size: 18px;\n  line-height: 1.9; \/* 👈 adds nice space between lines *\/\n  text-align: left;\n}\n\n.description-section p {\n  margin-bottom: 18px !important; \/* 👈 adds gap between paragraphs *\/\n}\n\n\/* ✅ Full-screen fit for second video *\/\n.video-full iframe {\n    width: 80%;\n      height: 105%;\n      object-fit: contain;\n      display: block;\n      border: none;\n}\n    @media (max-width:720px) { .banner { height: 250px; } }\n    @media (max-width:420px) { .banner { height: 180px; } }\n  \/* ✅ Mobile \u0026 Tablet Friendly Optimization *\/\n  @media (max-width: 1024px) {\n    .banner {\n      width: 100%;\n      height: 420px;\n    }\n    .slide img, \n    .slide iframe {\n      object-fit: contain;\n    }\n    .video-full iframe {\n      width: 100%;\n      height: 280px;\n    }\n    .shop-btn {\n      top: 30px;\n      left: 30px;\n      font-size: 16px;\n      padding: 10px 20px;\n    }\n  }\n\n  @media (max-width: 720px) {\n    .banner {\n      width: 100%;\n      height: 260px;\n    }\n    .topnav {\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 2px;\n      padding: 8px 0;\n    }\n    .topnav a {\n      font-size: 13px;\n      padding: 6px 8px;\n    }\n    .product-features h2 {\n      font-size: 20px;\n    }\n    .product-features li {\n      font-size: 15px;\n      line-height: 1.6;\n    }\n    .description-section {\n      padding: 0 10px;\n      font-size: 16px;\n      line-height: 1.6;\n    }\n    .video-full iframe {\n      width: 100%;\n      height: 230px;\n    }\n    .shop-btn {\n      top: 15px;\n      left: 15px;\n      font-size: 14px;\n      padding: 8px 14px;\n    }\n    div[style*=\"width: 122%\"] {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 8px auto !important;\n    }\n    div[style*=\"width: 122%\"] img {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n    }\n  }\n\n  @media (max-width: 420px) {\n    .banner { height: 180px; }\n    .video-full iframe { height: 200px; }\n    .shop-btn { font-size: 12px; padding: 6px 10px; }\n    .product-features h2 { font-size: 18px; }\n    .product-features li { font-size: 14px; }\n  }\n\n  \/* ✅ MOBILE FIX — Remove side white space *\/\n  @media (max-width: 1024px) {\n    html, body {\n      overflow-x: hidden !important;\n    }\n\n    .banner,\n    div[style*=\"width: 121%\"],\n    div[style*=\"width: 122%\"],\n    .slides {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 0 auto !important;\n    }\n\n    img, iframe {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n      display: block !important;\n    }\n\n    .description-section {\n      padding: 0 12px !important;\n    }\n  }\n\u003c\/style\u003e\n\u003cnav class=\"topnav\"\u003e\u003ca href=\"https:\/\/gardenistauk.com\/\"\u003eHOME\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/all-scatter-cushions\"\u003eOUTDOOR CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/cushion-covers\"\u003eCUSHION COVERS\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/chair-cushions\"\u003eCHAIR CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/lounger-pads-cushions\"\u003eLOUNGER CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/bench-accessories\"\u003eBENCH PAD\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/chairs\"\u003eSEAT PAD\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/rattan-replacement\"\u003eRATTAN CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/pallet-seating-accessories\"\u003ePALLET CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/furniture\"\u003eFURNITURE COVER\u003c\/a\u003e\u003c\/nav\u003e\n\u003cdiv class=\"banner\"\u003e\n\u003cdiv class=\"slides\"\u003e\n\u003cdiv class=\"slide\"\u003e\u003cimg alt=\"Slide 1\" src=\"https:\/\/i.postimg.cc\/dVLX3RB7\/1.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\u003cimg alt=\"Slide 2\" src=\"https:\/\/i.postimg.cc\/vmnNLQC8\/2.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\u003ciframe title=\"YouTube video banner\" src=\"https:\/\/www.youtube.com\/embed\/V29qxVnMaPQ?autoplay=1\u0026amp;mute=1\u0026amp;controls=0\u0026amp;loop=1\u0026amp;playlist=V29qxVnMaPQ\u0026amp;modestbranding=1\u0026amp;rel=0\"\u003e\u003c\/iframe\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ca class=\"shop-btn\" href=\"https:\/\/gardenistauk.com\/pages\/about-us\"\u003eGARDENISTA\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-features\"\u003e\n\u003ch2 style=\"text-align: center;\"\u003e                              Product Features\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eStylish, lightweight, durable design, and high-quality material for long-lasting use.\u003c\/li\u003e\n\u003cli\u003eHigh back chair cushion has an elastic strap on the back to prevent it from slipping.\u003c\/li\u003e\n\u003cli\u003eBuilt to last, with durable construction and a weather-resistant design, as well as being fire-retardant.\u003c\/li\u003e\n\u003cli\u003eHigh-quality, water-resistant design for maximum comfort and durability.\u003c\/li\u003e\n\u003cli\u003eCleaning and upkeep are made simple with wipe-clean seat pads and a detachable cover.\u003c\/li\u003e\n\u003cli\u003eHidden zipper feature for easily removing the cover for machine wash.\u003c\/li\u003e\n\u003cli\u003eWe recommend storing it away when not in use.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv style=\"text-align: start; margin-bottom: 20px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"width: 121%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/QMpXWLMM\/product-feature.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 0;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"description-section\"\u003e\n\u003cp\u003eExperience ultimate comfort with our Outdoor Water-Resistant Highback Chair Seat Pads with soft fabric and comfortable filling. Specially designed to add a bold pop of style and comfort to your garden or patio chairs, these cushions feature an elegant fit and are water-resistant, which makes them perfect for outdoor use\u003c\/p\u003e\n\u003cp\u003eThe cushions are filled with soft and durable fibre filling, providing ultimate comfort for your outdoor seating needs. The lightweight design makes it easy to move the chair pads around and rearrange them as needed. The lightweight design makes it easy to install and store, making it ideal for use in areas like patios, porches, gazebos, balconies, sunrooms, summer houses, pergolas, and pagodas. Available in a variety of colours, it will match any outdoor space and complement your existing décor.\u003c\/p\u003e\n\u003cp\u003eTransform your garden into a haven of comfort and style with our luxurious high-back chair cushions. Designed for both beauty and durability, these cushions add a touch of elegance to any outdoor space. Elevate your garden décor and unwind in the utmost comfort amidst nature's beauty.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 👇 Yahan ye code paste karna hai --\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/Jhw5yPFm\/A-3.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/k5CpJ8Q1\/05.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/pTJqvgzt\/02.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cbr\u003e\u003c\/div\u003e","brand":"Gardenista®","offers":[{"title":"Black","offer_id":37737743483029,"sku":"GP G9 Highback B398 Black","price":29.99,"currency_code":"GBP","in_stock":true},{"title":"Blue","offer_id":37737743515797,"sku":"GP G9 Highback B398 Blue","price":29.99,"currency_code":"GBP","in_stock":true},{"title":"Green","offer_id":37737743548565,"sku":"GP G9 Highback B398 Green","price":29.99,"currency_code":"GBP","in_stock":true},{"title":"Grey","offer_id":37737743581333,"sku":"GP G9 Highback B398 Grey","price":29.99,"currency_code":"GBP","in_stock":true},{"title":"Lime","offer_id":37737743614101,"sku":"GP G9 Highback B398 Lime","price":29.99,"currency_code":"GBP","in_stock":true},{"title":"Pink","offer_id":37737743646869,"sku":"GP G9 Highback B398 Pink","price":29.99,"currency_code":"GBP","in_stock":true},{"title":"Purple","offer_id":37737743679637,"sku":"GP G9 Highback B398 Purple","price":29.99,"currency_code":"GBP","in_stock":true},{"title":"Red","offer_id":37737743712405,"sku":"GP G9 Highback B398 Red","price":29.99,"currency_code":"GBP","in_stock":true},{"title":"Navy","offer_id":43476024426730,"sku":"GP G9 Highback B398 Navy","price":29.99,"currency_code":"GBP","in_stock":true},{"title":"Stone","offer_id":37737743745173,"sku":"GP G9 Highback B398 Stone","price":29.99,"currency_code":"GBP","in_stock":true},{"title":"Turquoise","offer_id":37737743777941,"sku":"GP G9 Highback B398 Turquoise","price":29.99,"currency_code":"GBP","in_stock":true},{"title":"Yellow","offer_id":37737743810709,"sku":"GP G9 Highback B398 Yellow","price":29.99,"currency_code":"GBP","in_stock":true},{"title":"Dark Grey","offer_id":40562307039381,"sku":"GP G9 Highback B398 Dark Grey","price":29.99,"currency_code":"GBP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0513\/2563\/2661\/files\/GPG9TwoPartPadB398Green.jpg?v=1772520194"},{"product_id":"round-bistro-chaircushion-pad","title":"Water-Resistant Round Chair Cushion with Ties Outdoor Bistro Patio Replacement Seat Pad","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n    body {\n      margin: 0;\n      font-family: 'Roboto', sans-serif;\n    }\n\n    .topnav {\n      background-color: #E1D8CF;\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: flex-start;\n      gap: 5px;\n      padding: 10px 0;\n      position: relative;\n    }\n\n    .topnav a {\n      color: #4b6844;\n      padding: 10px 15px;\n      text-decoration: none;\n      font-size: 16px;\n      border-radius: 4px;\n      transition: background-color 0.3s ease;\n      text-transform: uppercase;\n      font-weight: 700;\n    }\n\n    .topnav a:hover {\n      background-color: #ddd;\n      color: black;\n    }\n\n    .topnav::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background-color: #4b6844;\n    }\n\n    :root {\n      --banner-height: 600px;\n      --hold-time: 40s;\n      --move-time: 2s;\n    }\n\n    * { box-sizing: border-box; margin: 0; padding: 0; }\n\n    .banner {\n      position: relative;\n      width: 121%;\n      height: var(--banner-height);\n      overflow: hidden;\n      margin-top: -0px;\n    }\n\n    .slides {\n      display: flex;\n      width: 100%;\n      animation: slideAnimation 38s infinite;\n    }\n\n    .slide {\n      flex: 0 0 100%;\n      position: relative;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .slide img,\n    .slide iframe {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      display: block;\n      border: none;\n    }\n\n    .shop-btn {\n      position: absolute;\n      top: 80px;\n      left: 80px;\n      z-index: 100;\n      background: #ffffff;\n      color: #4b6844;\n      font-size: 20px;\n      font-weight: 750;\n      padding: 14px 30px;\n      border: 2px solid #4b6844;\n      border-radius: 6px;\n      cursor: pointer;\n      transition: background 0.3s, color 0.3s;\n      text-transform: uppercase;\n      font-family: 'Poppins', sans-serif;\n      text-decoration: none;\n    }\n\n    .shop-btn:hover {\n      background: #4b6844;\n      color: #00;\n    }\n\n@keyframes slideAnimation {\n  0%   { transform: translateX(0%); }       \/* Slide 1 start *\/\n  10%  { transform: translateX(0%); }       \/* Hold Slide 1 *\/\n\n  15%  { transform: translateX(-100%); }    \/* Slide 2 *\/\n  25%  { transform: translateX(-100%); }    \/* Hold Slide 2 *\/\n\n  30%  { transform: translateX(-200%); }    \/* Video slide *\/\n  92%  { transform: translateX(-200%); }    \/* Hold video long (~30s) *\/\n\n  100% { transform: translateX(0%); }       \/* Back to start *\/\n}\n    .product-features h2 {\n      font-size: 26px;\n      font-weight: 700;\n      color: #4b6844;\n      text-align: center;\n      margin-bottom: 20px;\n      text-transform: uppercase;\n    }\n    .product-features ul {\n      list-style-type: disc;\n      list-style-position: inside;\n      margin: 0;\n    }\n    .product-features li {\n      margin-bottom: 12px;\n      line-height: 1.5;\n      color: #333;\n      padding-left: 30px;\n      text-indent: 0;\n      font-size: 18px;\n    }\n.description-section {\n  width: 100%;\n  max-width: 1300px;\n  margin: 40px auto;\n  padding: 0 60px;  \/* 👈 wider left\/right space *\/\n  font-family: 'Poppins', sans-serif;\n  color: #333;\n  font-size: 18px;\n  line-height: 1.9; \/* 👈 adds nice space between lines *\/\n  text-align: left;\n}\n\n.description-section p {\n  margin-bottom: 18px !important; \/* 👈 adds gap between paragraphs *\/\n}\n\n\/* ✅ Full-screen fit for second video *\/\n.video-full iframe {\n    width: 80%;\n      height: 105%;\n      object-fit: contain;\n      display: block;\n      border: none;\n}\n    @media (max-width:720px) { .banner { height: 250px; } }\n    @media (max-width:420px) { .banner { height: 180px; } }\n  \/* ✅ Mobile \u0026 Tablet Friendly Optimization *\/\n  @media (max-width: 1024px) {\n    .banner {\n      width: 100%;\n      height: 420px;\n    }\n    .slide img, \n    .slide iframe {\n      object-fit: contain;\n    }\n    .video-full iframe {\n      width: 100%;\n      height: 280px;\n    }\n    .shop-btn {\n      top: 30px;\n      left: 30px;\n      font-size: 16px;\n      padding: 10px 20px;\n    }\n  }\n\n  @media (max-width: 720px) {\n    .banner {\n      width: 100%;\n      height: 260px;\n    }\n    .topnav {\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 2px;\n      padding: 8px 0;\n    }\n    .topnav a {\n      font-size: 13px;\n      padding: 6px 8px;\n    }\n    .product-features h2 {\n      font-size: 20px;\n    }\n    .product-features li {\n      font-size: 15px;\n      line-height: 1.6;\n    }\n    .description-section {\n      padding: 0 10px;\n      font-size: 16px;\n      line-height: 1.6;\n    }\n    .video-full iframe {\n      width: 100%;\n      height: 230px;\n    }\n    .shop-btn {\n      top: 15px;\n      left: 15px;\n      font-size: 14px;\n      padding: 8px 14px;\n    }\n    div[style*=\"width: 122%\"] {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 8px auto !important;\n    }\n    div[style*=\"width: 122%\"] img {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n    }\n  }\n\n  @media (max-width: 420px) {\n    .banner { height: 180px; }\n    .video-full iframe { height: 200px; }\n    .shop-btn { font-size: 12px; padding: 6px 10px; }\n    .product-features h2 { font-size: 18px; }\n    .product-features li { font-size: 14px; }\n  }\n\n  \/* ✅ MOBILE FIX — Remove side white space *\/\n  @media (max-width: 1024px) {\n    html, body {\n      overflow-x: hidden !important;\n    }\n\n    .banner,\n    div[style*=\"width: 121%\"],\n    div[style*=\"width: 122%\"],\n    .slides {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 0 auto !important;\n    }\n\n    img, iframe {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n      display: block !important;\n    }\n\n    .description-section {\n      padding: 0 12px !important;\n    }\n  }\n\u003c\/style\u003e\n\u003cnav class=\"topnav\"\u003e\u003ca href=\"https:\/\/gardenistauk.com\/\"\u003eHOME\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/all-scatter-cushions\"\u003eOUTDOOR CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/cushion-covers\"\u003eCUSHION COVERS\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/chair-cushions\"\u003eCHAIR CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/lounger-pads-cushions\"\u003eLOUNGER CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/bench-accessories\"\u003eBENCH PAD\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/chairs\"\u003eSEAT PAD\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/rattan-replacement\"\u003eRATTAN CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/pallet-seating-accessories\"\u003ePALLET CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/furniture\"\u003eFURNITURE COVER\u003c\/a\u003e\u003c\/nav\u003e\n\u003cdiv class=\"banner\"\u003e\n\u003cdiv class=\"slides\"\u003e\n\u003cdiv class=\"slide\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/dVLX3RB7\/1.jpg\" alt=\"Slide 1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/vmnNLQC8\/2.jpg\" alt=\"Slide 2\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\u003ciframe\u003e\u003c\/iframe\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ca href=\"https:\/\/gardenistauk.com\/pages\/about-us\" class=\"shop-btn\"\u003eGARDENISTA\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-features\"\u003e\n\u003ch2 style=\"text-align: center;\"\u003e                              Product Features\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eMade with a soft, water-resistant polyester cover that protects against light moisture while remaining breathable and comfortable for outdoor use.\u003c\/li\u003e\n\u003cli\u003eFilled with premium high-quality fibre for long-lasting support, comfort, and cosy seating during garden or patio relaxation.\u003c\/li\u003e\n\u003cli\u003eDesigned with fire-retardant materials to provide peace of mind and enhanced protection in outdoor seating areas.\u003c\/li\u003e\n\u003cli\u003eStrong tie fastenings keep the round seat pad firmly in place, preventing slipping or movement while seated.\u003c\/li\u003e\n\u003cli\u003eFeatures a hidden zip with a removable cover; wipe clean or machine wash for hassle-free maintenance.\u003c\/li\u003e\n\u003cli\u003eAdds a stylish and refined touch to garden, patio, balcony, or bistro seating arrangements.\u003c\/li\u003e\n\u003cli\u003ePerfect for gardens, patios, and other outdoor seating areas; water-resistant fabric ensures durability and longevity.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv style=\"text-align: start; margin-bottom: 20px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"width: 121%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 0;\" alt=\"Product Post Image\" src=\"https:\/\/i.postimg.cc\/QMpXWLMM\/product-feature.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"description-section\"\u003e\n\u003cp\u003eUpgrade your outdoor seating with our slip-free, water-resistant round chair seat pad, designed to deliver lasting comfort, stability, and style. Filled with premium high-quality fibre padding, these seat cushions provide excellent support and cosy comfort, perfect for relaxing in your garden or patio.\u003c\/p\u003e\n\u003cp\u003eEach cushion is covered in a soft yet durable water-resistant polyester fabric, offering breathable comfort while protecting against light moisture. The fire-retardant filling ensures added safety and peace of mind for everyday outdoor use.\u003c\/p\u003e\n\u003cp\u003eSecure tie fastenings keep the cushion firmly in place, preventing slipping and shifting while you sit. A hidden zip design allows for easy removal of the cover, making cleaning quick and hassle-free. The wipe-clean surface and machine-washable removable cover ensure effortless maintenance and long-lasting freshness.\u003cbr\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 👇 Yahan ye code paste karna hai --\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\" alt=\"Product Post Image\" src=\"https:\/\/i.postimg.cc\/0NKd69zc\/Combine-2.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\" alt=\"Product Post Image\" src=\"https:\/\/i.postimg.cc\/rFxJ3WMq\/05.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\" alt=\"Product Post Image\" src=\"https:\/\/i.postimg.cc\/sgzcrXgx\/02.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cbr\u003e\u003c\/div\u003e","brand":"Gardenista®","offers":[{"title":"Black \/ 13\"","offer_id":37737745023125,"sku":"GP G11 Round 13\" B398 Black","price":8.99,"currency_code":"GBP","in_stock":false},{"title":"Black \/ 15\"","offer_id":37737745481877,"sku":"GP G12 Round 15\" B398 Black","price":11.99,"currency_code":"GBP","in_stock":false},{"title":"Green \/ 13\"","offer_id":37737745088661,"sku":"GP G11 Round 13\" B398 Green","price":8.99,"currency_code":"GBP","in_stock":false},{"title":"Green \/ 15\"","offer_id":37737745547413,"sku":"GP G12 Round 15\" B398 Green","price":11.99,"currency_code":"GBP","in_stock":false},{"title":"Stone \/ 13\"","offer_id":37737745285269,"sku":"GP G11 Round 13\" B398 Stone","price":8.99,"currency_code":"GBP","in_stock":false},{"title":"Stone \/ 15\"","offer_id":37737745744021,"sku":"GP G12 Round 15\" B398 Stone","price":11.99,"currency_code":"GBP","in_stock":false},{"title":"Blue \/ 15\"","offer_id":37737745514645,"sku":"GP G12 Round 15\" B398 Blue","price":11.99,"currency_code":"GBP","in_stock":false},{"title":"Blue \/ 13\"","offer_id":37737745055893,"sku":"GP G11 Round 13\" B398 Blue","price":8.99,"currency_code":"GBP","in_stock":false},{"title":"Grey \/ 13\"","offer_id":37737745121429,"sku":"GP G11 Round 13\" B398 Grey","price":8.99,"currency_code":"GBP","in_stock":false},{"title":"Grey \/ 15\"","offer_id":37737745580181,"sku":"GP G12 Round 15\" B398 Grey","price":11.99,"currency_code":"GBP","in_stock":false},{"title":"Lime \/ 13\"","offer_id":37737745154197,"sku":"GP G11 Round 13\" B398 Lime","price":8.99,"currency_code":"GBP","in_stock":false},{"title":"Lime \/ 15\"","offer_id":37737745612949,"sku":"GP G12 Round 15\" B398 Lime","price":11.99,"currency_code":"GBP","in_stock":false},{"title":"Pink \/ 13\"","offer_id":37737745186965,"sku":"GP G11 Round 13\" B398 Pink","price":8.99,"currency_code":"GBP","in_stock":false},{"title":"Pink \/ 15\"","offer_id":37737745645717,"sku":"GP G12 Round 15\" B398 Pink","price":11.99,"currency_code":"GBP","in_stock":false},{"title":"Purple \/ 13\"","offer_id":37737745219733,"sku":"GP G11 Round 13\" B398 Purple","price":8.99,"currency_code":"GBP","in_stock":false},{"title":"Purple \/ 15\"","offer_id":37737745678485,"sku":"GP G12 Round 15\" B398 Purple","price":11.99,"currency_code":"GBP","in_stock":false},{"title":"Red \/ 13\"","offer_id":37737745252501,"sku":"GP G11 Round 13\" B398 Red","price":8.99,"currency_code":"GBP","in_stock":false},{"title":"Red \/ 15\"","offer_id":37737745711253,"sku":"GP G12 Round 15\" B398 Red","price":11.99,"currency_code":"GBP","in_stock":false},{"title":"Turquoise \/ 13\"","offer_id":37737745318037,"sku":"GP G11 Round 13\" B398 Turq","price":8.99,"currency_code":"GBP","in_stock":false},{"title":"Turquoise \/ 15\"","offer_id":37737745776789,"sku":"GP G12 Round 15\" B398 Turq","price":11.99,"currency_code":"GBP","in_stock":false},{"title":"Yellow \/ 13\"","offer_id":37737745350805,"sku":"GP G11 Round 13\" B398 Yellow","price":8.99,"currency_code":"GBP","in_stock":false},{"title":"Yellow \/ 15\"","offer_id":37737745809557,"sku":"GP G12 Round 15\" B398 Yellow","price":11.99,"currency_code":"GBP","in_stock":false},{"title":"Vahinee \/ 13\"","offer_id":37737744990357,"sku":"GP G11 PD Vahinee","price":10.99,"currency_code":"GBP","in_stock":false},{"title":"Vahinee \/ 15\"","offer_id":37737745449109,"sku":"GP G12 PD Vahinee","price":11.99,"currency_code":"GBP","in_stock":false},{"title":"Black Grey \/ 13\"","offer_id":37737744924821,"sku":"GP G11 PD Geometric Black\/Grey","price":10.99,"currency_code":"GBP","in_stock":false},{"title":"Black Grey \/ 15\"","offer_id":37737745383573,"sku":"GP G12 PD Geometric Black\/Grey","price":11.99,"currency_code":"GBP","in_stock":false},{"title":"Climbing \/ 13\"","offer_id":37737744892053,"sku":"GP G11 PD Climbing","price":10.99,"currency_code":"GBP","in_stock":false},{"title":"Blue Lantern \/ 13\"","offer_id":37737744957589,"sku":"GP G11 PD Lantern Blue","price":10.99,"currency_code":"GBP","in_stock":false},{"title":"Blue Lantern \/ 15\"","offer_id":37737745416341,"sku":"GP G12 PD Lantern Blue","price":11.99,"currency_code":"GBP","in_stock":false},{"title":"Dark Grey \/ 13\"","offer_id":40562451513493,"sku":"GP G11 Round 13 B398 Dark Grey","price":10.99,"currency_code":"GBP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0513\/2563\/2661\/files\/Packs-GP-G.jpg?v=1770353899"},{"product_id":"high-backcushion","title":"Water-Resistant Highback Chair Cushions With Headrest Outdoor High Back Chair Seat Pad","description":"\u003cdiv class=\"topnav\"\u003e\n\u003cstrong\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/bench-accessories\" class=\"active\"\u003e\u003cspan style=\"color: #313131;\"\u003eBenches\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e \u003cstrong\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/chair-cushions\"\u003e\u003cspan style=\"color: #313131;\"\u003eChairs\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e \u003cstrong\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/rattan-replacement\"\u003e\u003cspan style=\"color: #313131;\"\u003eRattans\u003c\/span\u003e\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/pallet-seating-accessories\"\u003e\u003cspan style=\"color: #313131;\"\u003ePallets\u003c\/span\u003e\u003c\/a\u003e\u003cspan style=\"color: #313131;\"\u003e \u003c\/span\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/curtains\"\u003e\u003cspan style=\"color: #313131;\"\u003eCurtains\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e \u003cstrong\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/lounger-pads-cushions\"\u003e\u003cspan style=\"color: #313131;\"\u003eLoungers\u003c\/span\u003e\u003c\/a\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/all-scatter-cushions\"\u003e\u003cspan style=\"color: #313131;\"\u003e \u003c\/span\u003e\u003cspan style=\"color: #313131;\"\u003eCushions\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003c\/p\u003e\n\u003cdiv class=\"video-wrapper\"\u003e\u003ciframe src=\"https:\/\/www.youtube.com\/embed\/QL0xuimaTw0?autoplay=0\u0026amp;loop=0\u0026amp;mute=0\"\u003e\u003c\/iframe\u003e\u003c\/div\u003e\n\u003cp\u003e\u003cimg style=\"font-size: 0.875rem;\" src=\"https:\/\/i.postimg.cc\/jdLN3Fwd\/1.gif\" class=\"mx-auto d-block img-fluid\" alt=\"\"\u003e\u003cimg style=\"font-size: 0.875rem;\" src=\"https:\/\/i.postimg.cc\/VNNKKR8q\/AAHKMJXYDAFd-JAOAIMEb-OAcha-Ytjp-IZUujp-Rp-To0-Cn-ZOZUg-Yyi7-Ov-SL2o6-C-n-sf-Wyd-Kxlv-Ziw2d-NJ45r-Ay2mm-Pt.webp\" class=\"mx-auto d-block img-fluid\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cdiv class=\"video-wrapper\"\u003e\n\u003cul\u003e\n\u003cli style=\"margin-top: 16px;\"\u003e\u003cspan style=\"font-size: 12pt;\"\u003e\u003cspan style=\"tab-stops: list .5in;\"\u003e\u003cspan style=\"vertical-align: baseline;\"\u003e\u003cspan style=\"font-family: 'Times New Roman',serif;\"\u003e\u003cspan style=\"font-size: 11.0pt;\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003e\u003cspan style=\"color: black;\"\u003eOur highback chair seat pads are covered in a soft, water-resistant polyester cover.\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/li\u003e\n\u003cli role=\"presentation\"\u003e\u003cspan style=\"font-size: 12pt;\"\u003e\u003cspan style=\"tab-stops: list .5in;\"\u003e\u003cspan style=\"vertical-align: baseline;\"\u003e\u003cspan style=\"font-family: 'Times New Roman',serif;\"\u003e\u003cspan style=\"white-space: pre-wrap;\"\u003e\u003cspan style=\"font-size: 11.0pt;\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003e\u003cspan style=\"color: black;\"\u003eBuilt to last with durable construction and a weather-resistant design.\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/li\u003e\n\u003cli role=\"presentation\"\u003e\u003cspan style=\"font-size: 12pt;\"\u003e\u003cspan style=\"tab-stops: list .5in;\"\u003e\u003cspan style=\"vertical-align: baseline;\"\u003e\u003cspan style=\"font-family: 'Times New Roman',serif;\"\u003e\u003cspan style=\"white-space: pre-wrap;\"\u003e\u003cspan style=\"font-size: 11.0pt;\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003e\u003cspan style=\"color: black;\"\u003eAvailable in a variety of colours to match any outdoor space.\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/li\u003e\n\u003cli role=\"presentation\"\u003e\u003cspan style=\"font-size: 12pt;\"\u003e\u003cspan style=\"tab-stops: list .5in;\"\u003e\u003cspan style=\"vertical-align: baseline;\"\u003e\u003cspan style=\"font-family: 'Times New Roman',serif;\"\u003e\u003cspan style=\"white-space: pre-wrap;\"\u003e\u003cspan style=\"font-size: 11.0pt;\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003e\u003cspan style=\"color: black;\"\u003eTreated with fire-retardant materials to prevent them from catching fire.\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/li\u003e\n\u003cli role=\"presentation\"\u003e\u003cspan style=\"font-size: 12pt;\"\u003e\u003cspan style=\"tab-stops: list .5in;\"\u003e\u003cspan style=\"vertical-align: baseline;\"\u003e\u003cspan style=\"font-family: 'Times New Roman',serif;\"\u003e\u003cspan style=\"white-space: pre-wrap;\"\u003e\u003cspan style=\"font-size: 11.0pt;\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003e\u003cspan style=\"color: black;\"\u003eEasily clean our garden chair cushions with wipeable fabric.\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/li\u003e\n\u003cli role=\"presentation\"\u003e\u003cspan style=\"font-size: 12pt;\"\u003e\u003cspan style=\"tab-stops: list .5in;\"\u003e\u003cspan style=\"vertical-align: baseline;\"\u003e\u003cspan style=\"font-family: 'Times New Roman',serif;\"\u003e\u003cspan style=\"white-space: pre-wrap;\"\u003e\u003cspan style=\"font-size: 11.0pt;\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003e\u003cspan style=\"color: black;\"\u003eThe headrest is specially designed to provide support and comfort to the head and neck while sitting.\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/li\u003e\n\u003cli role=\"presentation\"\u003e\u003cspan style=\"font-size: 12pt;\"\u003e\u003cspan style=\"tab-stops: list .5in;\"\u003e\u003cspan style=\"vertical-align: baseline;\"\u003e\u003cspan style=\"font-family: 'Times New Roman',serif;\"\u003e\u003cspan style=\"white-space: pre-wrap;\"\u003e\u003cspan style=\"font-size: 11.0pt;\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003e\u003cspan style=\"color: black;\"\u003eChair seat pads have ties that keep them firmly in place.\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/li\u003e\n\u003cli role=\"presentation\"\u003e\u003cspan style=\"font-size: 12pt;\"\u003e\u003cspan style=\"tab-stops: list .5in;\"\u003e\u003cspan style=\"vertical-align: baseline;\"\u003e\u003cspan style=\"font-family: 'Times New Roman',serif;\"\u003e\u003cspan style=\"white-space: pre-wrap;\"\u003e\u003cspan style=\"font-size: 11.0pt;\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003e\u003cspan style=\"color: black;\"\u003eExperience ultimate comfort with our garden chair cushions' soft fabric.\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 16px;\" role=\"presentation\"\u003e\u003cspan style=\"font-size: 12pt;\"\u003e\u003cspan style=\"tab-stops: list .5in;\"\u003e\u003cspan style=\"vertical-align: baseline;\"\u003e\u003cspan style=\"font-family: 'Times New Roman',serif;\"\u003e\u003cspan style=\"white-space: pre-wrap;\"\u003e\u003cspan style=\"font-size: 11.0pt;\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003e\u003cspan style=\"color: black;\"\u003eWe recommend storing it away when not in use.\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp style=\"margin-bottom: 11px;\"\u003e\u003cspan style=\"font-size: 11pt;\"\u003e\u003cspan style=\"line-height: 107%;\"\u003e\u003cspan style=\"font-family: Calibri,sans-serif;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/CL2S7F5b\/High-Back-Chair-Seat-Pad-with-Secure-Ties.png\" class=\"mx-auto d-block img-fluid\" alt=\"\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003cspan style=\"font-size: 12pt;\"\u003e\u003cspan style=\"font-family: 'Times New Roman',serif;\"\u003e\u003cspan style=\"font-size: 11.0pt;\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003e\u003cspan style=\"color: black;\"\u003eIntroducing Our Garden High Back Chair Seat Pad with Secure Ties is made from premium, durable materials. These garden chair pads are crafted from 100% polyester water-resistant and fire-resistant fabric.\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp style=\"margin-top: 16px; margin-bottom: 16px;\"\u003e\u003cspan style=\"font-size: 12pt;\"\u003e\u003cspan style=\"font-family: 'Times New Roman',serif;\"\u003e\u003cspan style=\"white-space: pre-wrap;\"\u003e\u003cspan style=\"font-size: 11.0pt;\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003e\u003cspan style=\"color: black;\"\u003eOur chair cushion is lightweight and easy to store, making it perfect for use on a patio, garden, terrace, balcony, indoor, or outdoor space. It's been designed with extreme comfort in mind, offering a perfect blend of style and function. The foam filling provides cushioning, and the polyester fabric keeps you cool.\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp style=\"margin-top: 16px; margin-bottom: 16px;\"\u003e\u003cspan style=\"font-size: 12pt;\"\u003e\u003cspan style=\"font-family: 'Times New Roman',serif;\"\u003e\u003cspan style=\"white-space: pre-wrap;\"\u003e\u003cspan style=\"font-size: 11.0pt;\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003e\u003cspan style=\"color: black;\"\u003eOur Water-Resistant Tufted Highback Chair Cushions with Secure Ties are all about comfort and style. It's rectangular, giving you plenty of space and support, while the fabric keeps you cool and comfy. Plus, the premium foam filling makes it feel luxurious.\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003cspan style=\"font-size: 13.0pt;\"\u003e\u003cspan style=\"line-height: 107%;\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003e\u003cspan style=\"color: black;\"\u003e\u003cspan style=\"white-space: pre-wrap;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/K8f97Wdc\/AAHKMJXYDAFd-JAOAIMEb-OAcha-Ytjp-IZUujp-Rp-To0-Cn-ZOZVtjiu-S2-R7-u-LFi-UKp-Whiqz7xvb-Q2r-Aq-HB-2x-Zji-IOC59-MXROv3-MP5-Wk.webp\" class=\"mx-auto d-block img-fluid\" alt=\"\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/HsnTbJYp\/6-2-13.jpg\" class=\"mx-auto d-block img-fluid\" alt=\"\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003ebody {\n  margin: 0;\n  font-family: Arial, Helvetica, sans-serif;\n \n}\n\n.topnav {\n  overflow: hidden;\n   background-color: #E1D8CF;\n\n}\n\n.topnav a {\n  float: left;\ncolor: #f2f2f2;\n  text-align: center;\n  padding: 14px 16px;\n  text-decoration: none;\n  font-size: 17px;\n}\n\n.topnav a:hover {\n   background-color: #ddd;\n  color: black;\n}\n\n.topnav a.active {\n  \n  color: white;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e","brand":"Gardenista®","offers":[{"title":"Green \/ 1 Packs","offer_id":37737748267157,"sku":"GP G79 Highback Harvest Green","price":24.99,"currency_code":"GBP","in_stock":false},{"title":"Green \/ 2 Packs","offer_id":48700734243133,"sku":"GP G79 Highback Harvest Green 2pk","price":44.99,"currency_code":"GBP","in_stock":false},{"title":"Green \/ 4 Packs","offer_id":48700734275901,"sku":"GP G79 Highback Harvest Green 4pk","price":79.99,"currency_code":"GBP","in_stock":false},{"title":"Green \/ 6 Packs","offer_id":48700734308669,"sku":"GP G79 Highback Harvest Green 6pk","price":119.99,"currency_code":"GBP","in_stock":false},{"title":"Grey \/ 1 Packs","offer_id":37737748299925,"sku":"GP G79 Highback Harvest Grey","price":24.99,"currency_code":"GBP","in_stock":false},{"title":"Grey \/ 2 Packs","offer_id":48700734341437,"sku":"GP G79 Highback Harvest Grey 2pk","price":44.99,"currency_code":"GBP","in_stock":false},{"title":"Grey \/ 4 Packs","offer_id":48700734374205,"sku":"GP G79 Highback Harvest Grey 4pk","price":79.99,"currency_code":"GBP","in_stock":false},{"title":"Grey \/ 6 Packs","offer_id":48700734406973,"sku":"GP G79 Highback Harvest Grey 6pk","price":119.99,"currency_code":"GBP","in_stock":false},{"title":"Navy \/ 1 Packs","offer_id":44648181956925,"sku":"GP G79 Highback Harvest Navy","price":24.99,"currency_code":"GBP","in_stock":false},{"title":"Navy \/ 2 Packs","offer_id":48700734439741,"sku":"GP G79 Highback Harvest Navy 2pk","price":44.99,"currency_code":"GBP","in_stock":false},{"title":"Navy \/ 4 Packs","offer_id":48700734472509,"sku":"GP G79 Highback Harvest Navy 4pk","price":79.99,"currency_code":"GBP","in_stock":false},{"title":"Navy \/ 6 Packs","offer_id":48700734505277,"sku":"GP G79 Highback Harvest Navy 6pk","price":119.99,"currency_code":"GBP","in_stock":false},{"title":"Stone \/ 1 Packs","offer_id":37737748332693,"sku":"GP G79 Highback Harvest Stone","price":24.99,"currency_code":"GBP","in_stock":false},{"title":"Stone \/ 2 Packs","offer_id":48700734538045,"sku":"GP G79 Highback Harvest Stone 2pk","price":44.99,"currency_code":"GBP","in_stock":false},{"title":"Stone \/ 4 Packs","offer_id":48700734570813,"sku":"GP G79 Highback Harvest Stone 4pk","price":79.99,"currency_code":"GBP","in_stock":false},{"title":"Stone \/ 6 Packs","offer_id":48700734603581,"sku":"GP G79 Highback Harvest Stone 6pk","price":119.99,"currency_code":"GBP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0513\/2563\/2661\/files\/GPG79greennew.jpg?v=1772520132"},{"product_id":"premium-padcushion-for-a-adirondack-chair","title":"High Back Adirondack Chair Cushions Water-Resistant Outdoor Garden \u0026 Deck Seat Pads with Ties","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n    body {\n      margin: 0;\n      font-family: 'Roboto', sans-serif;\n    }\n\n    .topnav {\n      background-color: #E1D8CF;\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: flex-start;\n      gap: 5px;\n      padding: 10px 0;\n      position: relative;\n    }\n\n    .topnav a {\n      color: #4b6844;\n      padding: 10px 15px;\n      text-decoration: none;\n      font-size: 16px;\n      border-radius: 4px;\n      transition: background-color 0.3s ease;\n      text-transform: uppercase;\n      font-weight: 700;\n    }\n\n    .topnav a:hover {\n      background-color: #ddd;\n      color: black;\n    }\n\n    .topnav::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background-color: #4b6844;\n    }\n\n    :root {\n      --banner-height: 600px;\n      --hold-time: 40s;\n      --move-time: 2s;\n    }\n\n    * { box-sizing: border-box; margin: 0; padding: 0; }\n\n    .banner {\n      position: relative;\n      width: 121%;\n      height: var(--banner-height);\n      overflow: hidden;\n      margin-top: -0px;\n    }\n\n    .slides {\n      display: flex;\n      width: 100%;\n      animation: slideAnimation 38s infinite;\n    }\n\n    .slide {\n      flex: 0 0 100%;\n      position: relative;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .slide img,\n    .slide iframe {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      display: block;\n      border: none;\n    }\n\n    .shop-btn {\n      position: absolute;\n      top: 80px;\n      left: 80px;\n      z-index: 100;\n      background: #ffffff;\n      color: #4b6844;\n      font-size: 20px;\n      font-weight: 750;\n      padding: 14px 30px;\n      border: 2px solid #4b6844;\n      border-radius: 6px;\n      cursor: pointer;\n      transition: background 0.3s, color 0.3s;\n      text-transform: uppercase;\n      font-family: 'Poppins', sans-serif;\n      text-decoration: none;\n    }\n\n    .shop-btn:hover {\n      background: #4b6844;\n      color: #00;\n    }\n\n@keyframes slideAnimation {\n  0%   { transform: translateX(0%); }       \/* Slide 1 start *\/\n  10%  { transform: translateX(0%); }       \/* Hold Slide 1 *\/\n\n  15%  { transform: translateX(-100%); }    \/* Slide 2 *\/\n  25%  { transform: translateX(-100%); }    \/* Hold Slide 2 *\/\n\n  30%  { transform: translateX(-200%); }    \/* Video slide *\/\n  92%  { transform: translateX(-200%); }    \/* Hold video long (~30s) *\/\n\n  100% { transform: translateX(0%); }       \/* Back to start *\/\n}\n    .product-features h2 {\n      font-size: 26px;\n      font-weight: 700;\n      color: #4b6844;\n      text-align: center;\n      margin-bottom: 20px;\n      text-transform: uppercase;\n    }\n    .product-features ul {\n      list-style-type: disc;\n      list-style-position: inside;\n      margin: 0;\n    }\n    .product-features li {\n      margin-bottom: 12px;\n      line-height: 1.5;\n      color: #333;\n      padding-left: 30px;\n      text-indent: 0;\n      font-size: 18px;\n    }\n.description-section {\n  width: 100%;\n  max-width: 1300px;\n  margin: 40px auto;\n  padding: 0 60px;  \/* 👈 wider left\/right space *\/\n  font-family: 'Poppins', sans-serif;\n  color: #333;\n  font-size: 18px;\n  line-height: 1.9; \/* 👈 adds nice space between lines *\/\n  text-align: left;\n}\n\n.description-section p {\n  margin-bottom: 18px !important; \/* 👈 adds gap between paragraphs *\/\n}\n\n\/* ✅ Full-screen fit for second video *\/\n.video-full iframe {\n    width: 80%;\n      height: 105%;\n      object-fit: contain;\n      display: block;\n      border: none;\n}\n    @media (max-width:720px) { .banner { height: 250px; } }\n    @media (max-width:420px) { .banner { height: 180px; } }\n  \/* ✅ Mobile \u0026 Tablet Friendly Optimization *\/\n  @media (max-width: 1024px) {\n    .banner {\n      width: 100%;\n      height: 420px;\n    }\n    .slide img, \n    .slide iframe {\n      object-fit: contain;\n    }\n    .video-full iframe {\n      width: 100%;\n      height: 280px;\n    }\n    .shop-btn {\n      top: 30px;\n      left: 30px;\n      font-size: 16px;\n      padding: 10px 20px;\n    }\n  }\n\n  @media (max-width: 720px) {\n    .banner {\n      width: 100%;\n      height: 260px;\n    }\n    .topnav {\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 2px;\n      padding: 8px 0;\n    }\n    .topnav a {\n      font-size: 13px;\n      padding: 6px 8px;\n    }\n    .product-features h2 {\n      font-size: 20px;\n    }\n    .product-features li {\n      font-size: 15px;\n      line-height: 1.6;\n    }\n    .description-section {\n      padding: 0 10px;\n      font-size: 16px;\n      line-height: 1.6;\n    }\n    .video-full iframe {\n      width: 100%;\n      height: 230px;\n    }\n    .shop-btn {\n      top: 15px;\n      left: 15px;\n      font-size: 14px;\n      padding: 8px 14px;\n    }\n    div[style*=\"width: 122%\"] {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 8px auto !important;\n    }\n    div[style*=\"width: 122%\"] img {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n    }\n  }\n\n  @media (max-width: 420px) {\n    .banner { height: 180px; }\n    .video-full iframe { height: 200px; }\n    .shop-btn { font-size: 12px; padding: 6px 10px; }\n    .product-features h2 { font-size: 18px; }\n    .product-features li { font-size: 14px; }\n  }\n\n  \/* ✅ MOBILE FIX — Remove side white space *\/\n  @media (max-width: 1024px) {\n    html, body {\n      overflow-x: hidden !important;\n    }\n\n    .banner,\n    div[style*=\"width: 121%\"],\n    div[style*=\"width: 122%\"],\n    .slides {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 0 auto !important;\n    }\n\n    img, iframe {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n      display: block !important;\n    }\n\n    .description-section {\n      padding: 0 12px !important;\n    }\n  }\n\u003c\/style\u003e\n\u003cnav class=\"topnav\"\u003e\u003ca href=\"https:\/\/gardenistauk.com\/\"\u003eHOME\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/all-scatter-cushions\"\u003eOUTDOOR CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/cushion-covers\"\u003eCUSHION COVERS\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/chair-cushions\"\u003eCHAIR CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/lounger-pads-cushions\"\u003eLOUNGER CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/bench-accessories\"\u003eBENCH PAD\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/chairs\"\u003eSEAT PAD\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/rattan-replacement\"\u003eRATTAN CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/pallet-seating-accessories\"\u003ePALLET CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/furniture\"\u003eFURNITURE COVER\u003c\/a\u003e\u003c\/nav\u003e\n\u003cdiv class=\"banner\"\u003e\n\u003cdiv class=\"slides\"\u003e\n\u003cdiv class=\"slide\"\u003e\u003cimg alt=\"Slide 1\" src=\"https:\/\/i.postimg.cc\/dVLX3RB7\/1.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\u003cimg alt=\"Slide 2\" src=\"https:\/\/i.postimg.cc\/vmnNLQC8\/2.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\u003ciframe\u003e\u003c\/iframe\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ca class=\"shop-btn\" href=\"https:\/\/gardenistauk.com\/pages\/about-us\"\u003eGARDENISTA\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-features\"\u003e\n\u003ch2 style=\"text-align: center;\"\u003e                              Product Features\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eStylish, lightweight, durable design, and high-quality material for long-lasting use.\u003c\/li\u003e\n\u003cli\u003eHidden zipper feature for easy removal and cleaning.\u003cbr\u003e\n\u003c\/li\u003e\n\u003cli\u003eBuilt to last, with durable construction and a weather-resistant design, as well as being fire-retardant.\u003c\/li\u003e\n\u003cli\u003eCleaning and upkeep are made simple with wipe-clean seat pads and a detachable cover.\u003cbr\u003e\n\u003c\/li\u003e\n\u003cli\u003eWe recommend storing it away when not in use.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv style=\"text-align: start; margin-bottom: 20px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"width: 121%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/QMpXWLMM\/product-feature.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 0;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"description-section\"\u003e\n\u003cp\u003eExperience ultimate comfort with Garden premium Adirondack High back chair cushion soft fabric and comfortable filling. Specially designed to add a bold pop of style and comfort to your garden or patio Adirondack chairs, these cushions feature an elegant fit and are water-resistant, which makes them perfect for outdoor use. The cushion is made with premium 100% polyester.\u003c\/p\u003e\n\u003cp\u003eThe Garden premium Adirondack Highback chair cushion is filled with soft and durable fibre fill, providing ultimate comfort for your outdoor seating needs. The lightweight design makes it easy to move the chair pads around and rearrange them as needed. Available in a variety of colours, it will match any outdoor space and complement your existing décor.\u003c\/p\u003e\n\u003cp\u003eTransform your garden into a haven of comfort and style with our luxurious high back chair cushions. Designed for both beauty and durability, these cushions add a touch of elegance to any outdoor space. Elevate your garden décor and unwind in utmost comfort amidst nature's beauty.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 👇 Yahan ye code paste karna hai --\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/vTqC4NGj\/A-GP-G15-UK-06-Updateed.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/VvWpXKRk\/A-GP-G15-UK-05.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/dQ2bM0Yc\/A-GP-G15-UK-02.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cbr\u003e\u003c\/div\u003e","brand":"Gardenista®","offers":[{"title":"Black","offer_id":37737750429845,"sku":"GP G15 ARD B398 Black","price":34.99,"currency_code":"GBP","in_stock":false},{"title":"Blue","offer_id":37737750462613,"sku":"GP G15 ARD B398 Blue","price":34.99,"currency_code":"GBP","in_stock":false},{"title":"Green","offer_id":37737750528149,"sku":"GP G15 ARD B398 Green","price":34.99,"currency_code":"GBP","in_stock":false},{"title":"Grey","offer_id":37737750560917,"sku":"GP G15 ARD B398 Grey","price":34.99,"currency_code":"GBP","in_stock":false},{"title":"Lime","offer_id":37737750593685,"sku":"GP G15 ARD B398 Lime","price":34.99,"currency_code":"GBP","in_stock":false},{"title":"Pink","offer_id":37737750626453,"sku":"GP G15 ARD B398 Pink","price":34.99,"currency_code":"GBP","in_stock":false},{"title":"Navy","offer_id":44561984586045,"sku":"GP G15 ARD B398 Navy","price":34.99,"currency_code":"GBP","in_stock":false},{"title":"Purple","offer_id":37737750659221,"sku":"GP G15 ARD B398 Purple","price":34.99,"currency_code":"GBP","in_stock":false},{"title":"Red","offer_id":37737750691989,"sku":"GP G15 ARD B398 Red","price":34.99,"currency_code":"GBP","in_stock":false},{"title":"Stone","offer_id":37737750724757,"sku":"GP G15 ARD B398 Stone","price":34.99,"currency_code":"GBP","in_stock":false},{"title":"Turquoise","offer_id":37737750757525,"sku":"GP G15 ARD B398 Turq","price":34.99,"currency_code":"GBP","in_stock":false},{"title":"Yellow","offer_id":37737750790293,"sku":"GP G15 ARD B398 Yellow","price":34.99,"currency_code":"GBP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0513\/2563\/2661\/files\/Black.jpg?v=1772520092"},{"product_id":"cushion-pad-for-a3-seater-lutyensgardenbench","title":"Lutyens Garden Bench Seat Pad Water-Resistant Outdoor Bench Cushions","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n    body {\n      margin: 0;\n      font-family: 'Roboto', sans-serif;\n    }\n\n    .topnav {\n      background-color: #E1D8CF;\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: flex-start;\n      gap: 5px;\n      padding: 10px 0;\n      position: relative;\n    }\n\n    .topnav a {\n      color: #4b6844;\n      padding: 10px 15px;\n      text-decoration: none;\n      font-size: 16px;\n      border-radius: 4px;\n      transition: background-color 0.3s ease;\n      text-transform: uppercase;\n      font-weight: 700;\n    }\n\n    .topnav a:hover {\n      background-color: #ddd;\n      color: black;\n    }\n\n    .topnav::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background-color: #4b6844;\n    }\n\n    :root {\n      --banner-height: 600px;\n      --hold-time: 40s;\n      --move-time: 2s;\n    }\n\n    * { box-sizing: border-box; margin: 0; padding: 0; }\n\n    .banner {\n      position: relative;\n      width: 121%;\n      height: var(--banner-height);\n      overflow: hidden;\n      margin-top: -0px;\n    }\n\n    .slides {\n      display: flex;\n      width: 100%;\n      animation: slideAnimation 38s infinite;\n    }\n\n    .slide {\n      flex: 0 0 100%;\n      position: relative;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .slide img,\n    .slide iframe {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      display: block;\n      border: none;\n    }\n\n    .shop-btn {\n      position: absolute;\n      top: 80px;\n      left: 80px;\n      z-index: 100;\n      background: #ffffff;\n      color: #4b6844;\n      font-size: 20px;\n      font-weight: 750;\n      padding: 14px 30px;\n      border: 2px solid #4b6844;\n      border-radius: 6px;\n      cursor: pointer;\n      transition: background 0.3s, color 0.3s;\n      text-transform: uppercase;\n      font-family: 'Poppins', sans-serif;\n      text-decoration: none;\n    }\n\n    .shop-btn:hover {\n      background: #4b6844;\n      color: #00;\n    }\n\n@keyframes slideAnimation {\n  0%   { transform: translateX(0%); }       \/* Slide 1 start *\/\n  10%  { transform: translateX(0%); }       \/* Hold Slide 1 *\/\n\n  15%  { transform: translateX(-100%); }    \/* Slide 2 *\/\n  25%  { transform: translateX(-100%); }    \/* Hold Slide 2 *\/\n\n  30%  { transform: translateX(-200%); }    \/* Video slide *\/\n  92%  { transform: translateX(-200%); }    \/* Hold video long (~30s) *\/\n\n  100% { transform: translateX(0%); }       \/* Back to start *\/\n}\n    .product-features h2 {\n      font-size: 26px;\n      font-weight: 700;\n      color: #4b6844;\n      text-align: center;\n      margin-bottom: 20px;\n      text-transform: uppercase;\n    }\n    .product-features ul {\n      list-style-type: disc;\n      list-style-position: inside;\n      margin: 0;\n    }\n    .product-features li {\n      margin-bottom: 12px;\n      line-height: 1.5;\n      color: #333;\n      padding-left: 30px;\n      text-indent: 0;\n      font-size: 18px;\n    }\n.description-section {\n  width: 100%;\n  max-width: 1300px;\n  margin: 40px auto;\n  padding: 0 60px;  \/* 👈 wider left\/right space *\/\n  font-family: 'Poppins', sans-serif;\n  color: #333;\n  font-size: 18px;\n  line-height: 1.9; \/* 👈 adds nice space between lines *\/\n  text-align: left;\n}\n\n.description-section p {\n  margin-bottom: 18px !important; \/* 👈 adds gap between paragraphs *\/\n}\n\n\/* ✅ Full-screen fit for second video *\/\n.video-full iframe {\n    width: 80%;\n      height: 105%;\n      object-fit: contain;\n      display: block;\n      border: none;\n}\n    @media (max-width:720px) { .banner { height: 250px; } }\n    @media (max-width:420px) { .banner { height: 180px; } }\n  \/* ✅ Mobile \u0026 Tablet Friendly Optimization *\/\n  @media (max-width: 1024px) {\n    .banner {\n      width: 100%;\n      height: 420px;\n    }\n    .slide img, \n    .slide iframe {\n      object-fit: contain;\n    }\n    .video-full iframe {\n      width: 100%;\n      height: 280px;\n    }\n    .shop-btn {\n      top: 30px;\n      left: 30px;\n      font-size: 16px;\n      padding: 10px 20px;\n    }\n  }\n\n  @media (max-width: 720px) {\n    .banner {\n      width: 100%;\n      height: 260px;\n    }\n    .topnav {\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 2px;\n      padding: 8px 0;\n    }\n    .topnav a {\n      font-size: 13px;\n      padding: 6px 8px;\n    }\n    .product-features h2 {\n      font-size: 20px;\n    }\n    .product-features li {\n      font-size: 15px;\n      line-height: 1.6;\n    }\n    .description-section {\n      padding: 0 10px;\n      font-size: 16px;\n      line-height: 1.6;\n    }\n    .video-full iframe {\n      width: 100%;\n      height: 230px;\n    }\n    .shop-btn {\n      top: 15px;\n      left: 15px;\n      font-size: 14px;\n      padding: 8px 14px;\n    }\n    div[style*=\"width: 122%\"] {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 8px auto !important;\n    }\n    div[style*=\"width: 122%\"] img {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n    }\n  }\n\n  @media (max-width: 420px) {\n    .banner { height: 180px; }\n    .video-full iframe { height: 200px; }\n    .shop-btn { font-size: 12px; padding: 6px 10px; }\n    .product-features h2 { font-size: 18px; }\n    .product-features li { font-size: 14px; }\n  }\n\n  \/* ✅ MOBILE FIX — Remove side white space *\/\n  @media (max-width: 1024px) {\n    html, body {\n      overflow-x: hidden !important;\n    }\n\n    .banner,\n    div[style*=\"width: 121%\"],\n    div[style*=\"width: 122%\"],\n    .slides {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 0 auto !important;\n    }\n\n    img, iframe {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n      display: block !important;\n    }\n\n    .description-section {\n      padding: 0 12px !important;\n    }\n  }\n\u003c\/style\u003e\n\u003cnav class=\"topnav\"\u003e\u003ca href=\"https:\/\/gardenistauk.com\/\"\u003eHOME\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/all-scatter-cushions\"\u003eOUTDOOR CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/cushion-covers\"\u003eCUSHION COVERS\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/chair-cushions\"\u003eCHAIR CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/lounger-pads-cushions\"\u003eLOUNGER CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/bench-accessories\"\u003eBENCH PAD\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/chairs\"\u003eSEAT PAD\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/rattan-replacement\"\u003eRATTAN CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/pallet-seating-accessories\"\u003ePALLET CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/furniture\"\u003eFURNITURE COVER\u003c\/a\u003e\u003c\/nav\u003e\n\u003cdiv class=\"banner\"\u003e\n\u003cdiv class=\"slides\"\u003e\n\u003cdiv class=\"slide\"\u003e\u003cimg alt=\"Slide 1\" src=\"https:\/\/i.postimg.cc\/dVLX3RB7\/1.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\u003cimg alt=\"Slide 2\" src=\"https:\/\/i.postimg.cc\/vmnNLQC8\/2.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\u003ciframe title=\"YouTube video banner\" src=\"https:\/\/www.youtube.com\/embed\/DjczwWX3MFc\u0026amp;t=22s?autoplay=1\u0026amp;mute=1\u0026amp;controls=0\u0026amp;loop=1\u0026amp;playlist=DjczwWX3MFc\u0026amp;t=22s\u0026amp;modestbranding=1\u0026amp;rel=0\"\u003e\u003c\/iframe\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ca class=\"shop-btn\" href=\"https:\/\/gardenistauk.com\/pages\/about-us\"\u003eGARDENISTA\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-features\"\u003e\n\u003ch2 style=\"text-align: center;\"\u003e                              Product Features\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eBench seat pads are made with premium 100% polyester, ensuring they're both soft and durable enough to last for years to come.\u003c\/li\u003e\n\u003cli\u003eBench seat pads are covered in soft, water-resistant polyester fabric, making them ideal for outdoor use.\u003c\/li\u003e\n\u003cli\u003eThese seat pads are treated with fire-retardant materials to prevent them from catching fire or spreading flames.\u003c\/li\u003e\n\u003cli\u003eThe seat pads are filled with soft and durable foam filling, providing ultimate comfort for outdoor seating needs.\u003c\/li\u003e\n\u003cli\u003eStylish, lightweight, durable design, and high-quality material for long-lasting use.\u003c\/li\u003e\n\u003cli\u003eWe recommend storing it away when not in use.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv style=\"text-align: start; margin-bottom: 20px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"width: 121%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/QMpXWLMM\/product-feature.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 0;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"description-section\"\u003e\n\u003cp\u003eOur Garden Water-Resistant Bench Seat Pad is designed to perfectly fit standard garden benches, providing comfortable seating for little ones during outdoor activities. These water-resistant bench seat pads are covered in a super-soft polyester cover, and they are filled with foam, providing cushioning for a truly luxurious experience, while the polyester fabric keeps you cool and comfortable. We offer lasting support and cosiness with high-quality padding.\u003c\/p\u003e\n\u003cp\u003eThese terrace bench cushion pads are easy to clean, and maintaining this cushion is effortless. Simply wipe it down with a damp cloth to quickly remove any stains or debris, keeping your outdoor seating area pristine and inviting. A hidden zipper is available for easy washing of the cover.\u003c\/p\u003e\n\u003cp\u003eThese luxury garden water-resistant bench cushions exemplify superior craftsmanship and attention to detail, ensuring a premium seating experience for your little ones. Transform your patio into a cosy oasis with our Outdoor Water-Resistant Bench Seat Pad Cushions, designed to withstand the elements while providing a touch of elegance. Enhance the ambiance of your outdoor space with our water-resistant bench pads, offering durability and charm for all your garden gatherings.\u003cbr\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 👇 Yahan ye code paste karna hai --\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/VLWjYX9s\/6-2-21.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/gjJX4L4R\/05-(1).jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/WzHDypfM\/02-(1).jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cbr\u003e\u003c\/div\u003e","brand":"Gardenista®","offers":[{"title":"Black","offer_id":37737751249045,"sku":"GP G29 Lutyens B398 Black","price":40.99,"currency_code":"GBP","in_stock":false},{"title":"Blue","offer_id":37737751281813,"sku":"GP G29 Lutyens B398 Blue","price":40.99,"currency_code":"GBP","in_stock":false},{"title":"Green","offer_id":37737751314581,"sku":"GP G29 Lutyens B398 Green","price":40.99,"currency_code":"GBP","in_stock":false},{"title":"Grey","offer_id":37737751347349,"sku":"GP G29 Lutyens B398 Grey","price":40.99,"currency_code":"GBP","in_stock":false},{"title":"Lime","offer_id":37737751380117,"sku":"GP G29 Lutyens B398 Lime","price":40.99,"currency_code":"GBP","in_stock":false},{"title":"Navy","offer_id":43516081471722,"sku":"GP G29 Lutyens B398 Navy","price":46.99,"currency_code":"GBP","in_stock":false},{"title":"Pink","offer_id":37737751412885,"sku":"GP G29 Lutyens B398 Pink","price":40.99,"currency_code":"GBP","in_stock":false},{"title":"Purple","offer_id":37737751445653,"sku":"GP G29 Lutyens B398 Purple","price":40.99,"currency_code":"GBP","in_stock":false},{"title":"Red","offer_id":37737751478421,"sku":"GP G29 Lutyens B398 Red","price":40.99,"currency_code":"GBP","in_stock":false},{"title":"Stone","offer_id":37737751511189,"sku":"GP G29 Lutyens B398 Stone","price":40.99,"currency_code":"GBP","in_stock":false},{"title":"Turquoise","offer_id":37737751543957,"sku":"GP G29 Lutyens B398 Turq","price":40.99,"currency_code":"GBP","in_stock":false},{"title":"Yellow","offer_id":37737751576725,"sku":"GP G29 Lutyens B398 Yellow","price":40.99,"currency_code":"GBP","in_stock":false},{"title":"Dark Grey","offer_id":40562352521365,"sku":"GP G29 Lutyens B398 Dark Grey","price":40.99,"currency_code":"GBP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0513\/2563\/2661\/files\/GPG29BenchB398Green_2.jpg?v=1772520011"},{"product_id":"2-seater-117cm-x-39cm-benchcushion-pad","title":"Water-Resistant 2-Seater Garden Bench Seat Pad Durable Outdoor Bench Cushions Pads","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n    body {\n      margin: 0;\n      font-family: 'Roboto', sans-serif;\n    }\n\n    .topnav {\n      background-color: #E1D8CF;\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: flex-start;\n      gap: 5px;\n      padding: 10px 0;\n      position: relative;\n    }\n\n    .topnav a {\n      color: #4b6844;\n      padding: 10px 15px;\n      text-decoration: none;\n      font-size: 16px;\n      border-radius: 4px;\n      transition: background-color 0.3s ease;\n      text-transform: uppercase;\n      font-weight: 700;\n    }\n\n    .topnav a:hover {\n      background-color: #ddd;\n      color: black;\n    }\n\n    .topnav::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background-color: #4b6844;\n    }\n\n    :root {\n      --banner-height: 600px;\n      --hold-time: 40s;\n      --move-time: 2s;\n    }\n\n    * { box-sizing: border-box; margin: 0; padding: 0; }\n\n    .banner {\n      position: relative;\n      width: 121%;\n      height: var(--banner-height);\n      overflow: hidden;\n      margin-top: -0px;\n    }\n\n    .slides {\n      display: flex;\n      width: 100%;\n      animation: slideAnimation 38s infinite;\n    }\n\n    .slide {\n      flex: 0 0 100%;\n      position: relative;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .slide img,\n    .slide iframe {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      display: block;\n      border: none;\n    }\n\n    .shop-btn {\n      position: absolute;\n      top: 80px;\n      left: 80px;\n      z-index: 100;\n      background: #ffffff;\n      color: #4b6844;\n      font-size: 20px;\n      font-weight: 750;\n      padding: 14px 30px;\n      border: 2px solid #4b6844;\n      border-radius: 6px;\n      cursor: pointer;\n      transition: background 0.3s, color 0.3s;\n      text-transform: uppercase;\n      font-family: 'Poppins', sans-serif;\n      text-decoration: none;\n    }\n\n    .shop-btn:hover {\n      background: #4b6844;\n      color: #00;\n    }\n\n@keyframes slideAnimation {\n  0%   { transform: translateX(0%); }       \/* Slide 1 start *\/\n  10%  { transform: translateX(0%); }       \/* Hold Slide 1 *\/\n\n  15%  { transform: translateX(-100%); }    \/* Slide 2 *\/\n  25%  { transform: translateX(-100%); }    \/* Hold Slide 2 *\/\n\n  30%  { transform: translateX(-200%); }    \/* Video slide *\/\n  92%  { transform: translateX(-200%); }    \/* Hold video long (~30s) *\/\n\n  100% { transform: translateX(0%); }       \/* Back to start *\/\n}\n    .product-features h2 {\n      font-size: 26px;\n      font-weight: 700;\n      color: #4b6844;\n      text-align: center;\n      margin-bottom: 20px;\n      text-transform: uppercase;\n    }\n    .product-features ul {\n      list-style-type: disc;\n      list-style-position: inside;\n      margin: 0;\n    }\n    .product-features li {\n      margin-bottom: 12px;\n      line-height: 1.5;\n      color: #333;\n      padding-left: 30px;\n      text-indent: 0;\n      font-size: 18px;\n    }\n.description-section {\n  width: 100%;\n  max-width: 1300px;\n  margin: 40px auto;\n  padding: 0 60px;  \/* 👈 wider left\/right space *\/\n  font-family: 'Poppins', sans-serif;\n  color: #333;\n  font-size: 18px;\n  line-height: 1.9; \/* 👈 adds nice space between lines *\/\n  text-align: left;\n}\n\n.description-section p {\n  margin-bottom: 18px !important; \/* 👈 adds gap between paragraphs *\/\n}\n\n\/* ✅ Full-screen fit for second video *\/\n.video-full iframe {\n    width: 80%;\n      height: 105%;\n      object-fit: contain;\n      display: block;\n      border: none;\n}\n    @media (max-width:720px) { .banner { height: 250px; } }\n    @media (max-width:420px) { .banner { height: 180px; } }\n  \/* ✅ Mobile \u0026 Tablet Friendly Optimization *\/\n  @media (max-width: 1024px) {\n    .banner {\n      width: 100%;\n      height: 420px;\n    }\n    .slide img, \n    .slide iframe {\n      object-fit: contain;\n    }\n    .video-full iframe {\n      width: 100%;\n      height: 280px;\n    }\n    .shop-btn {\n      top: 30px;\n      left: 30px;\n      font-size: 16px;\n      padding: 10px 20px;\n    }\n  }\n\n  @media (max-width: 720px) {\n    .banner {\n      width: 100%;\n      height: 260px;\n    }\n    .topnav {\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 2px;\n      padding: 8px 0;\n    }\n    .topnav a {\n      font-size: 13px;\n      padding: 6px 8px;\n    }\n    .product-features h2 {\n      font-size: 20px;\n    }\n    .product-features li {\n      font-size: 15px;\n      line-height: 1.6;\n    }\n    .description-section {\n      padding: 0 10px;\n      font-size: 16px;\n      line-height: 1.6;\n    }\n    .video-full iframe {\n      width: 100%;\n      height: 230px;\n    }\n    .shop-btn {\n      top: 15px;\n      left: 15px;\n      font-size: 14px;\n      padding: 8px 14px;\n    }\n    div[style*=\"width: 122%\"] {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 8px auto !important;\n    }\n    div[style*=\"width: 122%\"] img {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n    }\n  }\n\n  @media (max-width: 420px) {\n    .banner { height: 180px; }\n    .video-full iframe { height: 200px; }\n    .shop-btn { font-size: 12px; padding: 6px 10px; }\n    .product-features h2 { font-size: 18px; }\n    .product-features li { font-size: 14px; }\n  }\n\n  \/* ✅ MOBILE FIX — Remove side white space *\/\n  @media (max-width: 1024px) {\n    html, body {\n      overflow-x: hidden !important;\n    }\n\n    .banner,\n    div[style*=\"width: 121%\"],\n    div[style*=\"width: 122%\"],\n    .slides {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 0 auto !important;\n    }\n\n    img, iframe {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n      display: block !important;\n    }\n\n    .description-section {\n      padding: 0 12px !important;\n    }\n  }\n\u003c\/style\u003e\n\u003cnav class=\"topnav\"\u003e\u003ca href=\"https:\/\/gardenistauk.com\/\"\u003eHOME\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/all-scatter-cushions\"\u003eOUTDOOR CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/cushion-covers\"\u003eCUSHION COVERS\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/chair-cushions\"\u003eCHAIR CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/lounger-pads-cushions\"\u003eLOUNGER CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/bench-accessories\"\u003eBENCH PAD\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/chairs\"\u003eSEAT PAD\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/rattan-replacement\"\u003eRATTAN CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/pallet-seating-accessories\"\u003ePALLET CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/furniture\"\u003eFURNITURE COVER\u003c\/a\u003e\u003c\/nav\u003e\n\u003cdiv class=\"banner\"\u003e\n\u003cdiv class=\"slides\"\u003e\n\u003cdiv class=\"slide\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/dVLX3RB7\/1.jpg\" alt=\"Slide 1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/vmnNLQC8\/2.jpg\" alt=\"Slide 2\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\u003ciframe src=\"https:\/\/www.youtube.com\/embed\/DjczwWX3MFc\u0026amp;t=22s?autoplay=1\u0026amp;mute=1\u0026amp;controls=0\u0026amp;loop=1\u0026amp;playlist=DjczwWX3MFc\u0026amp;t=22s\u0026amp;modestbranding=1\u0026amp;rel=0\" title=\"YouTube video banner\"\u003e\u003c\/iframe\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ca href=\"https:\/\/gardenistauk.com\/pages\/about-us\" class=\"shop-btn\"\u003eGARDENISTA\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-features\"\u003e\n\u003ch2 style=\"text-align: center;\"\u003e                              Product Features\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eBench cushions are made with premium 100% polyester, ensuring they're both soft and durable enough to last for years to come.\u003c\/li\u003e\n\u003cli\u003eBench seat pad cushions are covered in soft, water-resistant polyester fabric, making them ideal for outdoor use.\u003c\/li\u003e\n\u003cli\u003eThese seat pads are treated with fire-retardant materials to prevent them from catching fire or spreading flames.\u003c\/li\u003e\n\u003cli\u003eThe bench seat pads are filled with soft and durable fibre filling, providing ultimate comfort for outdoor seating needs.\u003c\/li\u003e\n\u003cli\u003eStylish, lightweight, durable design, and high-quality material for long-lasting use.\u003c\/li\u003e\n\u003cli\u003eHidden zipper feature for easily removing the cover for machine wash.\u003c\/li\u003e\n\u003cli\u003eWe recommend storing it away when not in use.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv style=\"text-align: start; margin-bottom: 20px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"width: 121%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 0;\" alt=\"Product Post Image\" src=\"https:\/\/i.postimg.cc\/QMpXWLMM\/product-feature.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"description-section\"\u003e\n\u003cp\u003eIntroducing our Water-Resistant Outdoor 2-Seater Bench Pad Cushions, designed to perfectly fit standard garden benches, providing comfortable seating for little ones during outdoor activities. Constructed from soft and durable water-resistant fabric, this cushion effectively repels moisture, ensuring it remains resilient against spills and splashes, making it a reliable choice for outdoor use.\u003c\/p\u003e\n\u003cp\u003eOur premium bench pad features high-quality polyester fabric with durable stitching. They are generously filled with premium fibre, ensuring both comfort and longevity. These bench pad cushions are easy to clean, and maintaining them is effortless. Simply wipe it down with a damp cloth to quickly remove any stains or debris, keeping your patio seating area pristine and inviting. A hidden zipper is available for easy washing of the cover.\u003c\/p\u003e\n\u003cp\u003eThis luxury water-resistant 2-seater bench cushion pad exemplifies superior craftsmanship and attention to detail, ensuring a premium seating experience for your little ones. Transform your garden into a cosy oasis with our water-resistant outdoor 2-seater bench pad cushions, designed to withstand the elements while providing a touch of elegance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 👇 Yahan ye code paste karna hai --\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\" alt=\"Product Post Image\" src=\"https:\/\/i.postimg.cc\/1X9Z5m9j\/06-2-20.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\" alt=\"Product Post Image\" src=\"https:\/\/i.postimg.cc\/XvSqH9JL\/05.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\" alt=\"Product Post Image\" src=\"https:\/\/i.postimg.cc\/bJLvwMTY\/02.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cbr\u003e\u003c\/div\u003e","brand":"Gardenista®","offers":[{"title":"Black","offer_id":37737752625301,"sku":"GP G19 Bench B398 Black","price":24.99,"currency_code":"GBP","in_stock":false},{"title":"Blue","offer_id":37737752658069,"sku":"GP G19 Bench B398 Blue","price":24.99,"currency_code":"GBP","in_stock":true},{"title":"Green","offer_id":37737752690837,"sku":"GP G19 Bench B398 Green","price":24.99,"currency_code":"GBP","in_stock":true},{"title":"Grey","offer_id":37737752723605,"sku":"GP G19 Bench B398 Grey","price":24.99,"currency_code":"GBP","in_stock":true},{"title":"Lime","offer_id":37737752756373,"sku":"GP G19 Bench B398 Lime","price":24.99,"currency_code":"GBP","in_stock":true},{"title":"Pink","offer_id":37737752789141,"sku":"GP G19 Bench B398 Pink","price":24.99,"currency_code":"GBP","in_stock":false},{"title":"Purple","offer_id":37737752821909,"sku":"GP G19 Bench B398 Purple","price":24.99,"currency_code":"GBP","in_stock":false},{"title":"Red","offer_id":37737752854677,"sku":"GP G19 Bench B398 Red","price":24.99,"currency_code":"GBP","in_stock":true},{"title":"Navy","offer_id":43429007982826,"sku":"GP G19 Bench B398 Navy","price":24.99,"currency_code":"GBP","in_stock":true},{"title":"Stone","offer_id":37737752887445,"sku":"GP G19 Bench B398 Stone","price":24.99,"currency_code":"GBP","in_stock":true},{"title":"Turquoise","offer_id":37737752920213,"sku":"GP G19 Bench B398 Turquoise","price":24.99,"currency_code":"GBP","in_stock":false},{"title":"Yellow","offer_id":37737752952981,"sku":"GP G19 Bench B398 Yellow","price":24.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0513\/2563\/2661\/files\/GPG3Black.jpg?v=1772519981"},{"product_id":"bench-padcushion-for-iceni-edengarden-storage-benches","title":"3-Seater Outdoor Keter Eden Bench Cushions – Water Resistant Garden Storage Bench Seat Pads","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n    body {\n      margin: 0;\n      font-family: 'Roboto', sans-serif;\n    }\n\n    .topnav {\n      background-color: #E1D8CF;\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: flex-start;\n      gap: 5px;\n      padding: 10px 0;\n      position: relative;\n    }\n\n    .topnav a {\n      color: #4b6844;\n      padding: 10px 15px;\n      text-decoration: none;\n      font-size: 16px;\n      border-radius: 4px;\n      transition: background-color 0.3s ease;\n      text-transform: uppercase;\n      font-weight: 700;\n    }\n\n    .topnav a:hover {\n      background-color: #ddd;\n      color: black;\n    }\n\n    .topnav::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background-color: #4b6844;\n    }\n\n    :root {\n      --banner-height: 600px;\n      --hold-time: 40s;\n      --move-time: 2s;\n    }\n\n    * { box-sizing: border-box; margin: 0; padding: 0; }\n\n    .banner {\n      position: relative;\n      width: 121%;\n      height: var(--banner-height);\n      overflow: hidden;\n      margin-top: -0px;\n    }\n\n    .slides {\n      display: flex;\n      width: 100%;\n      animation: slideAnimation 38s infinite;\n    }\n\n    .slide {\n      flex: 0 0 100%;\n      position: relative;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .slide img,\n    .slide iframe {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      display: block;\n      border: none;\n    }\n\n    .shop-btn {\n      position: absolute;\n      top: 80px;\n      left: 80px;\n      z-index: 100;\n      background: #ffffff;\n      color: #4b6844;\n      font-size: 20px;\n      font-weight: 750;\n      padding: 14px 30px;\n      border: 2px solid #4b6844;\n      border-radius: 6px;\n      cursor: pointer;\n      transition: background 0.3s, color 0.3s;\n      text-transform: uppercase;\n      font-family: 'Poppins', sans-serif;\n      text-decoration: none;\n    }\n\n    .shop-btn:hover {\n      background: #4b6844;\n      color: #00;\n    }\n\n@keyframes slideAnimation {\n  0%   { transform: translateX(0%); }       \/* Slide 1 start *\/\n  10%  { transform: translateX(0%); }       \/* Hold Slide 1 *\/\n\n  15%  { transform: translateX(-100%); }    \/* Slide 2 *\/\n  25%  { transform: translateX(-100%); }    \/* Hold Slide 2 *\/\n\n  30%  { transform: translateX(-200%); }    \/* Video slide *\/\n  92%  { transform: translateX(-200%); }    \/* Hold video long (~30s) *\/\n\n  100% { transform: translateX(0%); }       \/* Back to start *\/\n}\n    .product-features h2 {\n      font-size: 26px;\n      font-weight: 700;\n      color: #4b6844;\n      text-align: center;\n      margin-bottom: 20px;\n      text-transform: uppercase;\n    }\n    .product-features ul {\n      list-style-type: disc;\n      list-style-position: inside;\n      margin: 0;\n    }\n    .product-features li {\n      margin-bottom: 12px;\n      line-height: 1.5;\n      color: #333;\n      padding-left: 30px;\n      text-indent: 0;\n      font-size: 18px;\n    }\n.description-section {\n  width: 100%;\n  max-width: 1300px;\n  margin: 40px auto;\n  padding: 0 60px;  \/* 👈 wider left\/right space *\/\n  font-family: 'Poppins', sans-serif;\n  color: #333;\n  font-size: 18px;\n  line-height: 1.9; \/* 👈 adds nice space between lines *\/\n  text-align: left;\n}\n\n.description-section p {\n  margin-bottom: 18px !important; \/* 👈 adds gap between paragraphs *\/\n}\n\n\/* ✅ Full-screen fit for second video *\/\n.video-full iframe {\n    width: 80%;\n      height: 105%;\n      object-fit: contain;\n      display: block;\n      border: none;\n}\n    @media (max-width:720px) { .banner { height: 250px; } }\n    @media (max-width:420px) { .banner { height: 180px; } }\n  \/* ✅ Mobile \u0026 Tablet Friendly Optimization *\/\n  @media (max-width: 1024px) {\n    .banner {\n      width: 100%;\n      height: 420px;\n    }\n    .slide img, \n    .slide iframe {\n      object-fit: contain;\n    }\n    .video-full iframe {\n      width: 100%;\n      height: 280px;\n    }\n    .shop-btn {\n      top: 30px;\n      left: 30px;\n      font-size: 16px;\n      padding: 10px 20px;\n    }\n  }\n\n  @media (max-width: 720px) {\n    .banner {\n      width: 100%;\n      height: 260px;\n    }\n    .topnav {\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 2px;\n      padding: 8px 0;\n    }\n    .topnav a {\n      font-size: 13px;\n      padding: 6px 8px;\n    }\n    .product-features h2 {\n      font-size: 20px;\n    }\n    .product-features li {\n      font-size: 15px;\n      line-height: 1.6;\n    }\n    .description-section {\n      padding: 0 10px;\n      font-size: 16px;\n      line-height: 1.6;\n    }\n    .video-full iframe {\n      width: 100%;\n      height: 230px;\n    }\n    .shop-btn {\n      top: 15px;\n      left: 15px;\n      font-size: 14px;\n      padding: 8px 14px;\n    }\n    div[style*=\"width: 122%\"] {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 8px auto !important;\n    }\n    div[style*=\"width: 122%\"] img {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n    }\n  }\n\n  @media (max-width: 420px) {\n    .banner { height: 180px; }\n    .video-full iframe { height: 200px; }\n    .shop-btn { font-size: 12px; padding: 6px 10px; }\n    .product-features h2 { font-size: 18px; }\n    .product-features li { font-size: 14px; }\n  }\n\n  \/* ✅ MOBILE FIX — Remove side white space *\/\n  @media (max-width: 1024px) {\n    html, body {\n      overflow-x: hidden !important;\n    }\n\n    .banner,\n    div[style*=\"width: 121%\"],\n    div[style*=\"width: 122%\"],\n    .slides {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 0 auto !important;\n    }\n\n    img, iframe {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n      display: block !important;\n    }\n\n    .description-section {\n      padding: 0 12px !important;\n    }\n  }\n\u003c\/style\u003e\n\u003cnav class=\"topnav\"\u003e\u003ca href=\"https:\/\/gardenistauk.com\/\"\u003eHOME\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/all-scatter-cushions\"\u003eOUTDOOR CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/cushion-covers\"\u003eCUSHION COVERS\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/chair-cushions\"\u003eCHAIR CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/lounger-pads-cushions\"\u003eLOUNGER CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/bench-accessories\"\u003eBENCH PAD\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/chairs\"\u003eSEAT PAD\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/rattan-replacement\"\u003eRATTAN CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/pallet-seating-accessories\"\u003ePALLET CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/furniture\"\u003eFURNITURE COVER\u003c\/a\u003e\u003c\/nav\u003e\n\u003cdiv class=\"banner\"\u003e\n\u003cdiv class=\"slides\"\u003e\n\u003cdiv class=\"slide\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/dVLX3RB7\/1.jpg\" alt=\"Slide 1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/vmnNLQC8\/2.jpg\" alt=\"Slide 2\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\u003ciframe src=\"https:\/\/www.youtube.com\/embed\/DjczwWX3MFc\u0026amp;t=22s?autoplay=1\u0026amp;mute=1\u0026amp;controls=0\u0026amp;loop=1\u0026amp;playlist=DjczwWX3MFc\u0026amp;t=22s\u0026amp;modestbranding=1\u0026amp;rel=0\" title=\"YouTube video banner\"\u003e\u003c\/iframe\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ca href=\"https:\/\/gardenistauk.com\/pages\/about-us\" class=\"shop-btn\"\u003eGARDENISTA\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-features\"\u003e\n\u003ch2 style=\"text-align: center;\"\u003e                              Product Features\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eKeter Eden storage bench cushion is made with premium 100% polyester, ensuring they're both soft and durable enough to last for years to come.\u003c\/li\u003e\n\u003cli\u003eBench seat pads are covered in soft, water-resistant polyester fabric, making them ideal for outdoor use.\u003c\/li\u003e\n\u003cli\u003eThese seat pads are treated with fire-retardant materials to prevent them from catching fire or spreading flames.\u003c\/li\u003e\n\u003cli\u003eThe bench seat pads are filled with soft and durable fibre filling, providing ultimate comfort for outdoor seating needs.\u003c\/li\u003e\n\u003cli\u003eStylish, lightweight, durable design, and high-quality material for long-lasting use.\u003c\/li\u003e\n\u003cli\u003eHidden zipper feature for easily removing the cover for machine wash.\u003c\/li\u003e\n\u003cli\u003eWe recommend storing it away when not in use.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv style=\"text-align: start; margin-bottom: 20px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"width: 121%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 0;\" alt=\"Product Post Image\" src=\"https:\/\/i.postimg.cc\/QMpXWLMM\/product-feature.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"description-section\"\u003e\n\u003cp\u003eIntroducing our Water-Resistant Outdoor 3-Seater Bench Pad Cushions, designed to perfectly fit standard garden benches, providing comfortable seating for little ones during outdoor activities. Constructed from soft and durable water-resistant fabric, this cushion effectively repels moisture, ensuring it remains resilient against spills and splashes, making it a reliable choice for outdoor use.\u003c\/p\u003e\n\u003cp\u003eOur premium bench pad features high-quality polyester fabric with durable stitching. They are generously filled with premium fibre, ensuring both comfort and longevity. These bench pad cushions are easy to clean, and maintaining them is effortless. Simply wipe it down with a damp cloth to quickly remove any stains or debris, keeping your patio seating area pristine and inviting. A hidden zipper is available for easy washing of the cover.\u003c\/p\u003e\n\u003cp\u003eThis luxury water-resistant 3-seater bench cushion pad exemplifies superior craftsmanship and attention to detail, ensuring a premium seating experience for your little ones. Transform your garden into a cosy oasis with our water-resistant outdoor 3-seater bench pad cushions, designed to withstand the elements while providing a touch of elegance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 👇 Yahan ye code paste karna hai --\u003e\n\u003cdiv style=\"text-align: start;\"\u003e\u003cimg style=\"margin: 5px 5px 5px 5px; float: none;\" alt=\"Product Post Image\" src=\"https:\/\/i.postimg.cc\/wMDNjtcw\/06-2.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\" alt=\"Product Post Image\" src=\"https:\/\/i.postimg.cc\/XvSqH9JL\/05.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\" alt=\"Product Post Image\" src=\"https:\/\/i.postimg.cc\/bJLvwMTY\/02.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cbr\u003e\u003c\/div\u003e","brand":"Gardenista®","offers":[{"title":"Black","offer_id":37737754427541,"sku":"GP G8 Bench Pad B398 Black","price":39.99,"currency_code":"GBP","in_stock":false},{"title":"Blue","offer_id":37737754460309,"sku":"GP G8 Bench Pad B398 Blue","price":39.99,"currency_code":"GBP","in_stock":false},{"title":"Green","offer_id":37737754493077,"sku":"GP G8 Bench Pad B398 Green","price":39.99,"currency_code":"GBP","in_stock":false},{"title":"Grey","offer_id":37737754525845,"sku":"GP G8 Bench Pad B398 Grey","price":39.99,"currency_code":"GBP","in_stock":false},{"title":"Lime","offer_id":37737754558613,"sku":"GP G8 Bench Pad B398 Lime","price":39.99,"currency_code":"GBP","in_stock":false},{"title":"Pink","offer_id":37737754591381,"sku":"GP G8 Bench Pad B398 Pink","price":39.99,"currency_code":"GBP","in_stock":false},{"title":"Purple","offer_id":37737754624149,"sku":"GP G8 Bench Pad B398 Purple","price":39.99,"currency_code":"GBP","in_stock":false},{"title":"Red","offer_id":37737754656917,"sku":"GP G8 Bench Pad B398 Red","price":39.99,"currency_code":"GBP","in_stock":true},{"title":"Navy","offer_id":43467640013034,"sku":"GP G8 Bench Pad B398 Navy","price":39.99,"currency_code":"GBP","in_stock":true},{"title":"Stone","offer_id":37737754689685,"sku":"GP G8 Bench Pad B398 Stone","price":39.99,"currency_code":"GBP","in_stock":false},{"title":"Turquoise","offer_id":37737754722453,"sku":"GP G8 Bench Pad B398 Turquoise","price":39.99,"currency_code":"GBP","in_stock":false},{"title":"Yellow","offer_id":37737754755221,"sku":"GP G8 Bench Pad B398 Yellow","price":39.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0513\/2563\/2661\/files\/G8BenchPadB398Black_3.jpg?v=1772519974"},{"product_id":"120cm-x-33cm-benchcushion","title":"Water-Resistant 2-Seater Garden Bench Seat Pad Outdoor Furniture Bench Cushions","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n    body {\n      margin: 0;\n      font-family: 'Roboto', sans-serif;\n    }\n\n    .topnav {\n      background-color: #E1D8CF;\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: flex-start;\n      gap: 5px;\n      padding: 10px 0;\n      position: relative;\n    }\n\n    .topnav a {\n      color: #4b6844;\n      padding: 10px 15px;\n      text-decoration: none;\n      font-size: 16px;\n      border-radius: 4px;\n      transition: background-color 0.3s ease;\n      text-transform: uppercase;\n      font-weight: 700;\n    }\n\n    .topnav a:hover {\n      background-color: #ddd;\n      color: black;\n    }\n\n    .topnav::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background-color: #4b6844;\n    }\n\n    :root {\n      --banner-height: 600px;\n      --hold-time: 40s;\n      --move-time: 2s;\n    }\n\n    * { box-sizing: border-box; margin: 0; padding: 0; }\n\n    .banner {\n      position: relative;\n      width: 121%;\n      height: var(--banner-height);\n      overflow: hidden;\n      margin-top: -0px;\n    }\n\n    .slides {\n      display: flex;\n      width: 100%;\n      animation: slideAnimation 38s infinite;\n    }\n\n    .slide {\n      flex: 0 0 100%;\n      position: relative;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .slide img,\n    .slide iframe {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      display: block;\n      border: none;\n    }\n\n    .shop-btn {\n      position: absolute;\n      top: 80px;\n      left: 80px;\n      z-index: 100;\n      background: #ffffff;\n      color: #4b6844;\n      font-size: 20px;\n      font-weight: 750;\n      padding: 14px 30px;\n      border: 2px solid #4b6844;\n      border-radius: 6px;\n      cursor: pointer;\n      transition: background 0.3s, color 0.3s;\n      text-transform: uppercase;\n      font-family: 'Poppins', sans-serif;\n      text-decoration: none;\n    }\n\n    .shop-btn:hover {\n      background: #4b6844;\n      color: #00;\n    }\n\n@keyframes slideAnimation {\n  0%   { transform: translateX(0%); }       \/* Slide 1 start *\/\n  10%  { transform: translateX(0%); }       \/* Hold Slide 1 *\/\n\n  15%  { transform: translateX(-100%); }    \/* Slide 2 *\/\n  25%  { transform: translateX(-100%); }    \/* Hold Slide 2 *\/\n\n  30%  { transform: translateX(-200%); }    \/* Video slide *\/\n  92%  { transform: translateX(-200%); }    \/* Hold video long (~30s) *\/\n\n  100% { transform: translateX(0%); }       \/* Back to start *\/\n}\n    .product-features h2 {\n      font-size: 26px;\n      font-weight: 700;\n      color: #4b6844;\n      text-align: center;\n      margin-bottom: 20px;\n      text-transform: uppercase;\n    }\n    .product-features ul {\n      list-style-type: disc;\n      list-style-position: inside;\n      margin: 0;\n    }\n    .product-features li {\n      margin-bottom: 12px;\n      line-height: 1.5;\n      color: #333;\n      padding-left: 30px;\n      text-indent: 0;\n      font-size: 18px;\n    }\n.description-section {\n  width: 100%;\n  max-width: 1300px;\n  margin: 40px auto;\n  padding: 0 60px;  \/* 👈 wider left\/right space *\/\n  font-family: 'Poppins', sans-serif;\n  color: #333;\n  font-size: 18px;\n  line-height: 1.9; \/* 👈 adds nice space between lines *\/\n  text-align: left;\n}\n\n.description-section p {\n  margin-bottom: 18px !important; \/* 👈 adds gap between paragraphs *\/\n}\n\n\/* ✅ Full-screen fit for second video *\/\n.video-full iframe {\n    width: 80%;\n      height: 105%;\n      object-fit: contain;\n      display: block;\n      border: none;\n}\n    @media (max-width:720px) { .banner { height: 250px; } }\n    @media (max-width:420px) { .banner { height: 180px; } }\n  \/* ✅ Mobile \u0026 Tablet Friendly Optimization *\/\n  @media (max-width: 1024px) {\n    .banner {\n      width: 100%;\n      height: 420px;\n    }\n    .slide img, \n    .slide iframe {\n      object-fit: contain;\n    }\n    .video-full iframe {\n      width: 100%;\n      height: 280px;\n    }\n    .shop-btn {\n      top: 30px;\n      left: 30px;\n      font-size: 16px;\n      padding: 10px 20px;\n    }\n  }\n\n  @media (max-width: 720px) {\n    .banner {\n      width: 100%;\n      height: 260px;\n    }\n    .topnav {\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 2px;\n      padding: 8px 0;\n    }\n    .topnav a {\n      font-size: 13px;\n      padding: 6px 8px;\n    }\n    .product-features h2 {\n      font-size: 20px;\n    }\n    .product-features li {\n      font-size: 15px;\n      line-height: 1.6;\n    }\n    .description-section {\n      padding: 0 10px;\n      font-size: 16px;\n      line-height: 1.6;\n    }\n    .video-full iframe {\n      width: 100%;\n      height: 230px;\n    }\n    .shop-btn {\n      top: 15px;\n      left: 15px;\n      font-size: 14px;\n      padding: 8px 14px;\n    }\n    div[style*=\"width: 122%\"] {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 8px auto !important;\n    }\n    div[style*=\"width: 122%\"] img {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n    }\n  }\n\n  @media (max-width: 420px) {\n    .banner { height: 180px; }\n    .video-full iframe { height: 200px; }\n    .shop-btn { font-size: 12px; padding: 6px 10px; }\n    .product-features h2 { font-size: 18px; }\n    .product-features li { font-size: 14px; }\n  }\n\n  \/* ✅ MOBILE FIX — Remove side white space *\/\n  @media (max-width: 1024px) {\n    html, body {\n      overflow-x: hidden !important;\n    }\n\n    .banner,\n    div[style*=\"width: 121%\"],\n    div[style*=\"width: 122%\"],\n    .slides {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 0 auto !important;\n    }\n\n    img, iframe {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n      display: block !important;\n    }\n\n    .description-section {\n      padding: 0 12px !important;\n    }\n  }\n\u003c\/style\u003e\n\u003cnav class=\"topnav\"\u003e\u003ca href=\"https:\/\/gardenistauk.com\/\"\u003eHOME\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/all-scatter-cushions\"\u003eOUTDOOR CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/cushion-covers\"\u003eCUSHION COVERS\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/chair-cushions\"\u003eCHAIR CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/lounger-pads-cushions\"\u003eLOUNGER CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/bench-accessories\"\u003eBENCH PAD\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/chairs\"\u003eSEAT PAD\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/rattan-replacement\"\u003eRATTAN CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/pallet-seating-accessories\"\u003ePALLET CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/furniture\"\u003eFURNITURE COVER\u003c\/a\u003e\u003c\/nav\u003e\n\u003cdiv class=\"banner\"\u003e\n\u003cdiv class=\"slides\"\u003e\n\u003cdiv class=\"slide\"\u003e\u003cimg alt=\"Slide 1\" src=\"https:\/\/i.postimg.cc\/dVLX3RB7\/1.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\u003cimg alt=\"Slide 2\" src=\"https:\/\/i.postimg.cc\/vmnNLQC8\/2.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\u003ciframe title=\"YouTube video banner\" src=\"https:\/\/www.youtube.com\/embed\/DjczwWX3MFc\u0026amp;t=22s?autoplay=1\u0026amp;mute=1\u0026amp;controls=0\u0026amp;loop=1\u0026amp;playlist=DjczwWX3MFc\u0026amp;t=22s\u0026amp;modestbranding=1\u0026amp;rel=0\"\u003e\u003c\/iframe\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ca class=\"shop-btn\" href=\"https:\/\/gardenistauk.com\/pages\/about-us\"\u003eGARDENISTA\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-features\"\u003e\n\u003ch2 style=\"text-align: center;\"\u003e                              Product Features\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e2-Seater bench cushion is made with premium 100% polyester, ensuring they're both soft and durable enough to last for years to come.\u003c\/li\u003e\n\u003cli\u003eBench seat pad cushions are covered in soft, water-resistant polyester fabric, making them ideal for outdoor use.\u003c\/li\u003e\n\u003cli\u003eThese seat pads are treated with fire-retardant materials to prevent them from catching fire or spreading flames.\u003c\/li\u003e\n\u003cli\u003eThe bench seat pads are filled with soft and durable fibre filling, providing ultimate comfort for outdoor seating needs.\u003c\/li\u003e\n\u003cli\u003eStylish, lightweight, durable design, and high-quality material for long-lasting use.\u003c\/li\u003e\n\u003cli\u003eHidden zipper feature for easily removing the cover for machine wash.\u003c\/li\u003e\n\u003cli\u003eWe recommend storing it away when not in use.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv style=\"text-align: start; margin-bottom: 20px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"width: 121%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/QMpXWLMM\/product-feature.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 0;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"description-section\"\u003e\n\u003cp\u003eIntroducing our water-resistant outdoor 2-seater bench pad cushions, designed to perfectly fit standard garden benches, providing comfortable seating for little ones during outdoor activities. Constructed from soft and durable water-resistant fabric, this cushion effectively repels moisture, ensuring it remains resilient against spills and splashes, making it a reliable choice for outdoor use.\u003c\/p\u003e\n\u003cp\u003eOur premium bench pad features high-quality polyester fabric with durable stitching. They are generously filled with premium fibre, ensuring both comfort and longevity. These bench pad cushions are easy to clean, and maintaining them is effortless. Simply wipe it down with a damp cloth to quickly remove any stains or debris, keeping your patio seating area pristine and inviting. A hidden zipper is available for easy washing of the cover.\u003c\/p\u003e\n\u003cp\u003eThis luxury water-resistant 2-seater bench cushion pad exemplifies superior craftsmanship and attention to detail, ensuring a premium seating experience for your little ones. Transform your garden into a cosy oasis with our water-resistant outdoor 2-seater bench pad cushions, designed to withstand the elements while providing a touch of elegance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 👇 Yahan ye code paste karna hai --\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/1tmy1NKM\/GP-G39.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/XvSqH9JL\/05.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/bJLvwMTY\/02.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cbr\u003e\u003c\/div\u003e","brand":"Gardenista®","offers":[{"title":"Black","offer_id":37737756950677,"sku":"GP G39 Bench B398 Black","price":29.99,"currency_code":"GBP","in_stock":false},{"title":"Blue","offer_id":37737756983445,"sku":"GP G39 Bench B398 Blue","price":29.99,"currency_code":"GBP","in_stock":true},{"title":"Green","offer_id":37737757016213,"sku":"GP G39 Bench B398 Green","price":29.99,"currency_code":"GBP","in_stock":true},{"title":"Grey","offer_id":37737757048981,"sku":"GP G39 Bench B398 Grey","price":29.99,"currency_code":"GBP","in_stock":true},{"title":"Navy","offer_id":43424413516010,"sku":"GP G39 Bench B398 Navy","price":29.99,"currency_code":"GBP","in_stock":false},{"title":"Pink","offer_id":43424413548778,"sku":"GP G39 Bench B398 Pink","price":29.99,"currency_code":"GBP","in_stock":false},{"title":"Lime","offer_id":37737757081749,"sku":"GP G39 Bench B398 Lime","price":29.99,"currency_code":"GBP","in_stock":true},{"title":"Red","offer_id":37737757114517,"sku":"GP G39 Bench B398 Red","price":29.99,"currency_code":"GBP","in_stock":true},{"title":"Yellow","offer_id":43424413614314,"sku":"GP G39 Bench B398 Yellow","price":29.99,"currency_code":"GBP","in_stock":false},{"title":"Purple","offer_id":43424413647082,"sku":"GP G39 Bench B398 Purple","price":29.99,"currency_code":"GBP","in_stock":false},{"title":"Stone","offer_id":37737757147285,"sku":"GP G39 Bench B398 Stone","price":29.99,"currency_code":"GBP","in_stock":true},{"title":"Turquoise","offer_id":37737757180053,"sku":"GP G39 Bench B398 Turquoise","price":29.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0513\/2563\/2661\/files\/GP-G39.jpg?v=1769412706"},{"product_id":"2-seater-108cm-x-45cm-benchcushion-pad","title":"Water-Resistant Garden 2-Seater Bench Seat Pad Patio Durable Bench Cushions","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n    body {\n      margin: 0;\n      font-family: 'Roboto', sans-serif;\n    }\n\n    .topnav {\n      background-color: #E1D8CF;\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: flex-start;\n      gap: 5px;\n      padding: 10px 0;\n      position: relative;\n    }\n\n    .topnav a {\n      color: #4b6844;\n      padding: 10px 15px;\n      text-decoration: none;\n      font-size: 16px;\n      border-radius: 4px;\n      transition: background-color 0.3s ease;\n      text-transform: uppercase;\n      font-weight: 700;\n    }\n\n    .topnav a:hover {\n      background-color: #ddd;\n      color: black;\n    }\n\n    .topnav::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background-color: #4b6844;\n    }\n\n    :root {\n      --banner-height: 600px;\n      --hold-time: 40s;\n      --move-time: 2s;\n    }\n\n    * { box-sizing: border-box; margin: 0; padding: 0; }\n\n    .banner {\n      position: relative;\n      width: 121%;\n      height: var(--banner-height);\n      overflow: hidden;\n      margin-top: -0px;\n    }\n\n    .slides {\n      display: flex;\n      width: 100%;\n      animation: slideAnimation 38s infinite;\n    }\n\n    .slide {\n      flex: 0 0 100%;\n      position: relative;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .slide img,\n    .slide iframe {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      display: block;\n      border: none;\n    }\n\n    .shop-btn {\n      position: absolute;\n      top: 80px;\n      left: 80px;\n      z-index: 100;\n      background: #ffffff;\n      color: #4b6844;\n      font-size: 20px;\n      font-weight: 750;\n      padding: 14px 30px;\n      border: 2px solid #4b6844;\n      border-radius: 6px;\n      cursor: pointer;\n      transition: background 0.3s, color 0.3s;\n      text-transform: uppercase;\n      font-family: 'Poppins', sans-serif;\n      text-decoration: none;\n    }\n\n    .shop-btn:hover {\n      background: #4b6844;\n      color: #00;\n    }\n\n@keyframes slideAnimation {\n  0%   { transform: translateX(0%); }       \/* Slide 1 start *\/\n  10%  { transform: translateX(0%); }       \/* Hold Slide 1 *\/\n\n  15%  { transform: translateX(-100%); }    \/* Slide 2 *\/\n  25%  { transform: translateX(-100%); }    \/* Hold Slide 2 *\/\n\n  30%  { transform: translateX(-200%); }    \/* Video slide *\/\n  92%  { transform: translateX(-200%); }    \/* Hold video long (~30s) *\/\n\n  100% { transform: translateX(0%); }       \/* Back to start *\/\n}\n    .product-features h2 {\n      font-size: 26px;\n      font-weight: 700;\n      color: #4b6844;\n      text-align: center;\n      margin-bottom: 20px;\n      text-transform: uppercase;\n    }\n    .product-features ul {\n      list-style-type: disc;\n      list-style-position: inside;\n      margin: 0;\n    }\n    .product-features li {\n      margin-bottom: 12px;\n      line-height: 1.5;\n      color: #333;\n      padding-left: 30px;\n      text-indent: 0;\n      font-size: 18px;\n    }\n.description-section {\n  width: 100%;\n  max-width: 1300px;\n  margin: 40px auto;\n  padding: 0 60px;  \/* 👈 wider left\/right space *\/\n  font-family: 'Poppins', sans-serif;\n  color: #333;\n  font-size: 18px;\n  line-height: 1.9; \/* 👈 adds nice space between lines *\/\n  text-align: left;\n}\n\n.description-section p {\n  margin-bottom: 18px !important; \/* 👈 adds gap between paragraphs *\/\n}\n\n\/* ✅ Full-screen fit for second video *\/\n.video-full iframe {\n    width: 80%;\n      height: 105%;\n      object-fit: contain;\n      display: block;\n      border: none;\n}\n    @media (max-width:720px) { .banner { height: 250px; } }\n    @media (max-width:420px) { .banner { height: 180px; } }\n  \/* ✅ Mobile \u0026 Tablet Friendly Optimization *\/\n  @media (max-width: 1024px) {\n    .banner {\n      width: 100%;\n      height: 420px;\n    }\n    .slide img, \n    .slide iframe {\n      object-fit: contain;\n    }\n    .video-full iframe {\n      width: 100%;\n      height: 280px;\n    }\n    .shop-btn {\n      top: 30px;\n      left: 30px;\n      font-size: 16px;\n      padding: 10px 20px;\n    }\n  }\n\n  @media (max-width: 720px) {\n    .banner {\n      width: 100%;\n      height: 260px;\n    }\n    .topnav {\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 2px;\n      padding: 8px 0;\n    }\n    .topnav a {\n      font-size: 13px;\n      padding: 6px 8px;\n    }\n    .product-features h2 {\n      font-size: 20px;\n    }\n    .product-features li {\n      font-size: 15px;\n      line-height: 1.6;\n    }\n    .description-section {\n      padding: 0 10px;\n      font-size: 16px;\n      line-height: 1.6;\n    }\n    .video-full iframe {\n      width: 100%;\n      height: 230px;\n    }\n    .shop-btn {\n      top: 15px;\n      left: 15px;\n      font-size: 14px;\n      padding: 8px 14px;\n    }\n    div[style*=\"width: 122%\"] {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 8px auto !important;\n    }\n    div[style*=\"width: 122%\"] img {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n    }\n  }\n\n  @media (max-width: 420px) {\n    .banner { height: 180px; }\n    .video-full iframe { height: 200px; }\n    .shop-btn { font-size: 12px; padding: 6px 10px; }\n    .product-features h2 { font-size: 18px; }\n    .product-features li { font-size: 14px; }\n  }\n\n  \/* ✅ MOBILE FIX — Remove side white space *\/\n  @media (max-width: 1024px) {\n    html, body {\n      overflow-x: hidden !important;\n    }\n\n    .banner,\n    div[style*=\"width: 121%\"],\n    div[style*=\"width: 122%\"],\n    .slides {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 0 auto !important;\n    }\n\n    img, iframe {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n      display: block !important;\n    }\n\n    .description-section {\n      padding: 0 12px !important;\n    }\n  }\n\u003c\/style\u003e\n\u003cnav class=\"topnav\"\u003e\u003ca href=\"https:\/\/gardenistauk.com\/\"\u003eHOME\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/all-scatter-cushions\"\u003eOUTDOOR CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/cushion-covers\"\u003eCUSHION COVERS\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/chair-cushions\"\u003eCHAIR CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/lounger-pads-cushions\"\u003eLOUNGER CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/bench-accessories\"\u003eBENCH PAD\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/chairs\"\u003eSEAT PAD\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/rattan-replacement\"\u003eRATTAN CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/pallet-seating-accessories\"\u003ePALLET CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/furniture\"\u003eFURNITURE COVER\u003c\/a\u003e\u003c\/nav\u003e\n\u003cdiv class=\"banner\"\u003e\n\u003cdiv class=\"slides\"\u003e\n\u003cdiv class=\"slide\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/dVLX3RB7\/1.jpg\" alt=\"Slide 1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/vmnNLQC8\/2.jpg\" alt=\"Slide 2\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\u003ciframe src=\"https:\/\/www.youtube.com\/embed\/DjczwWX3MFc\u0026amp;t=22s?autoplay=1\u0026amp;mute=1\u0026amp;controls=0\u0026amp;loop=1\u0026amp;playlist=DjczwWX3MFc\u0026amp;t=22s\u0026amp;modestbranding=1\u0026amp;rel=0\" title=\"YouTube video banner\"\u003e\u003c\/iframe\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ca href=\"https:\/\/gardenistauk.com\/pages\/about-us\" class=\"shop-btn\"\u003eGARDENISTA\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-features\"\u003e\n\u003ch2 style=\"text-align: center;\"\u003e                              Product Features\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eBench cushions are made with premium 100% polyester, ensuring they're both soft and durable enough to last for years to come.\u003c\/li\u003e\n\u003cli\u003eBench seat pad cushions are covered in soft, water-resistant polyester fabric, making them ideal for outdoor use.\u003c\/li\u003e\n\u003cli\u003eThese seat pads are treated with fire-retardant materials to prevent them from catching fire or spreading flames.\u003c\/li\u003e\n\u003cli\u003eThe bench seat pads are filled with soft and durable fibre filling, providing ultimate comfort for outdoor seating needs.\u003c\/li\u003e\n\u003cli\u003eStylish, lightweight, durable design, and high-quality material for long-lasting use.\u003c\/li\u003e\n\u003cli\u003eHidden zipper feature for easily removing the cover for machine wash.\u003c\/li\u003e\n\u003cli\u003eWe recommend storing it away when not in use.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv style=\"text-align: start; margin-bottom: 20px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"width: 121%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 0;\" alt=\"Product Post Image\" src=\"https:\/\/i.postimg.cc\/QMpXWLMM\/product-feature.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"description-section\"\u003e\n\u003cp\u003eIntroducing our Water-Resistant Outdoor 2-Seater Bench Pad Cushions, designed to perfectly fit standard garden benches, providing comfortable seating for little ones during outdoor activities. Constructed from soft and durable water-resistant fabric, this cushion effectively repels moisture, ensuring it remains resilient against spills and splashes, making it a reliable choice for outdoor use.\u003c\/p\u003e\n\u003cp\u003eOur premium bench pad features high-quality polyester fabric with durable stitching. They are generously filled with premium fibre, ensuring both comfort and longevity. These bench pad cushions are easy to clean, and maintaining them is effortless. Simply wipe it down with a damp cloth to quickly remove any stains or debris, keeping your patio seating area pristine and inviting. A hidden zipper is available for easy washing of the cover.\u003c\/p\u003e\n\u003cp\u003eThis luxury water-resistant 2-seater bench cushion pad exemplifies superior craftsmanship and attention to detail, ensuring a premium seating experience for your little ones. Transform your garden into a cosy oasis with our water-resistant outdoor 2-seater bench pad cushions, designed to withstand the elements while providing a touch of elegance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 👇 Yahan ye code paste karna hai --\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\" alt=\"Product Post Image\" src=\"https:\/\/i.postimg.cc\/C5mpR35L\/06-2-19.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\" alt=\"Product Post Image\" src=\"https:\/\/i.postimg.cc\/XvSqH9JL\/05.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\" alt=\"Product Post Image\" src=\"https:\/\/i.postimg.cc\/bJLvwMTY\/02.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cbr\u003e\u003c\/div\u003e","brand":"Gardenista®","offers":[{"title":"Black","offer_id":37737758458005,"sku":"GP G3 Bench Pad B398 Black","price":19.99,"currency_code":"GBP","in_stock":false},{"title":"Blue","offer_id":37737758490773,"sku":"GP G3 Bench Pad B398 Blue","price":19.99,"currency_code":"GBP","in_stock":true},{"title":"Green","offer_id":37737758523541,"sku":"GP G3 Bench Pad B398 Green","price":19.99,"currency_code":"GBP","in_stock":false},{"title":"Grey","offer_id":37737758556309,"sku":"GP G3 Bench Pad B398 Grey","price":19.99,"currency_code":"GBP","in_stock":true},{"title":"Lime","offer_id":37737758589077,"sku":"GP G3 Bench Pad B398 Lime","price":19.99,"currency_code":"GBP","in_stock":true},{"title":"Pink","offer_id":37737758621845,"sku":"GP G3 Bench Pad B398 Pink","price":19.99,"currency_code":"GBP","in_stock":false},{"title":"Purple","offer_id":37737758654613,"sku":"GP G3 Bench Pad B398 Purple","price":19.99,"currency_code":"GBP","in_stock":false},{"title":"Red","offer_id":37737758687381,"sku":"GP G3 Bench Pad B398 Red","price":19.99,"currency_code":"GBP","in_stock":false},{"title":"Navy","offer_id":43428986093802,"sku":"GP G3 Bench Pad B398 Navy","price":19.99,"currency_code":"GBP","in_stock":false},{"title":"Stone","offer_id":37737758720149,"sku":"GP G3 Bench Pad B398 Stone","price":19.99,"currency_code":"GBP","in_stock":true},{"title":"Turquoise","offer_id":37737758752917,"sku":"GP G3 Bench Pad B398 Turquoise","price":19.99,"currency_code":"GBP","in_stock":false},{"title":"Yellow","offer_id":37737758785685,"sku":"GP G3 Bench Pad B398 Yellow","price":19.99,"currency_code":"GBP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0513\/2563\/2661\/products\/GP-G3-BLUE--_1.jpg?v=1772519927"},{"product_id":"3-seater-143cm-x52cm-benchcushion-pad","title":"Water-Resistant Outdoor Garden Bench Seat Pads 3-Seater Bench Cushions","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n    body {\n      margin: 0;\n      font-family: 'Roboto', sans-serif;\n    }\n\n    .topnav {\n      background-color: #E1D8CF;\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: flex-start;\n      gap: 5px;\n      padding: 10px 0;\n      position: relative;\n    }\n\n    .topnav a {\n      color: #4b6844;\n      padding: 10px 15px;\n      text-decoration: none;\n      font-size: 16px;\n      border-radius: 4px;\n      transition: background-color 0.3s ease;\n      text-transform: uppercase;\n      font-weight: 700;\n    }\n\n    .topnav a:hover {\n      background-color: #ddd;\n      color: black;\n    }\n\n    .topnav::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background-color: #4b6844;\n    }\n\n    :root {\n      --banner-height: 600px;\n      --hold-time: 40s;\n      --move-time: 2s;\n    }\n\n    * { box-sizing: border-box; margin: 0; padding: 0; }\n\n    .banner {\n      position: relative;\n      width: 121%;\n      height: var(--banner-height);\n      overflow: hidden;\n      margin-top: -0px;\n    }\n\n    .slides {\n      display: flex;\n      width: 100%;\n      animation: slideAnimation 38s infinite;\n    }\n\n    .slide {\n      flex: 0 0 100%;\n      position: relative;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .slide img,\n    .slide iframe {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      display: block;\n      border: none;\n    }\n\n    .shop-btn {\n      position: absolute;\n      top: 80px;\n      left: 80px;\n      z-index: 100;\n      background: #ffffff;\n      color: #4b6844;\n      font-size: 20px;\n      font-weight: 750;\n      padding: 14px 30px;\n      border: 2px solid #4b6844;\n      border-radius: 6px;\n      cursor: pointer;\n      transition: background 0.3s, color 0.3s;\n      text-transform: uppercase;\n      font-family: 'Poppins', sans-serif;\n      text-decoration: none;\n    }\n\n    .shop-btn:hover {\n      background: #4b6844;\n      color: #00;\n    }\n\n@keyframes slideAnimation {\n  0%   { transform: translateX(0%); }       \/* Slide 1 start *\/\n  10%  { transform: translateX(0%); }       \/* Hold Slide 1 *\/\n\n  15%  { transform: translateX(-100%); }    \/* Slide 2 *\/\n  25%  { transform: translateX(-100%); }    \/* Hold Slide 2 *\/\n\n  30%  { transform: translateX(-200%); }    \/* Video slide *\/\n  92%  { transform: translateX(-200%); }    \/* Hold video long (~30s) *\/\n\n  100% { transform: translateX(0%); }       \/* Back to start *\/\n}\n    .product-features h2 {\n      font-size: 26px;\n      font-weight: 700;\n      color: #4b6844;\n      text-align: center;\n      margin-bottom: 20px;\n      text-transform: uppercase;\n    }\n    .product-features ul {\n      list-style-type: disc;\n      list-style-position: inside;\n      margin: 0;\n    }\n    .product-features li {\n      margin-bottom: 12px;\n      line-height: 1.5;\n      color: #333;\n      padding-left: 30px;\n      text-indent: 0;\n      font-size: 18px;\n    }\n.description-section {\n  width: 100%;\n  max-width: 1300px;\n  margin: 40px auto;\n  padding: 0 60px;  \/* 👈 wider left\/right space *\/\n  font-family: 'Poppins', sans-serif;\n  color: #333;\n  font-size: 18px;\n  line-height: 1.9; \/* 👈 adds nice space between lines *\/\n  text-align: left;\n}\n\n.description-section p {\n  margin-bottom: 18px !important; \/* 👈 adds gap between paragraphs *\/\n}\n\n\/* ✅ Full-screen fit for second video *\/\n.video-full iframe {\n    width: 80%;\n      height: 105%;\n      object-fit: contain;\n      display: block;\n      border: none;\n}\n    @media (max-width:720px) { .banner { height: 250px; } }\n    @media (max-width:420px) { .banner { height: 180px; } }\n  \/* ✅ Mobile \u0026 Tablet Friendly Optimization *\/\n  @media (max-width: 1024px) {\n    .banner {\n      width: 100%;\n      height: 420px;\n    }\n    .slide img, \n    .slide iframe {\n      object-fit: contain;\n    }\n    .video-full iframe {\n      width: 100%;\n      height: 280px;\n    }\n    .shop-btn {\n      top: 30px;\n      left: 30px;\n      font-size: 16px;\n      padding: 10px 20px;\n    }\n  }\n\n  @media (max-width: 720px) {\n    .banner {\n      width: 100%;\n      height: 260px;\n    }\n    .topnav {\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 2px;\n      padding: 8px 0;\n    }\n    .topnav a {\n      font-size: 13px;\n      padding: 6px 8px;\n    }\n    .product-features h2 {\n      font-size: 20px;\n    }\n    .product-features li {\n      font-size: 15px;\n      line-height: 1.6;\n    }\n    .description-section {\n      padding: 0 10px;\n      font-size: 16px;\n      line-height: 1.6;\n    }\n    .video-full iframe {\n      width: 100%;\n      height: 230px;\n    }\n    .shop-btn {\n      top: 15px;\n      left: 15px;\n      font-size: 14px;\n      padding: 8px 14px;\n    }\n    div[style*=\"width: 122%\"] {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 8px auto !important;\n    }\n    div[style*=\"width: 122%\"] img {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n    }\n  }\n\n  @media (max-width: 420px) {\n    .banner { height: 180px; }\n    .video-full iframe { height: 200px; }\n    .shop-btn { font-size: 12px; padding: 6px 10px; }\n    .product-features h2 { font-size: 18px; }\n    .product-features li { font-size: 14px; }\n  }\n\n  \/* ✅ MOBILE FIX — Remove side white space *\/\n  @media (max-width: 1024px) {\n    html, body {\n      overflow-x: hidden !important;\n    }\n\n    .banner,\n    div[style*=\"width: 121%\"],\n    div[style*=\"width: 122%\"],\n    .slides {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 0 auto !important;\n    }\n\n    img, iframe {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n      display: block !important;\n    }\n\n    .description-section {\n      padding: 0 12px !important;\n    }\n  }\n\u003c\/style\u003e\n\u003cnav class=\"topnav\"\u003e\u003ca href=\"https:\/\/gardenistauk.com\/\"\u003eHOME\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/all-scatter-cushions\"\u003eOUTDOOR CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/cushion-covers\"\u003eCUSHION COVERS\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/chair-cushions\"\u003eCHAIR CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/lounger-pads-cushions\"\u003eLOUNGER CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/bench-accessories\"\u003eBENCH PAD\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/chairs\"\u003eSEAT PAD\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/rattan-replacement\"\u003eRATTAN CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/pallet-seating-accessories\"\u003ePALLET CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/furniture\"\u003eFURNITURE COVER\u003c\/a\u003e\u003c\/nav\u003e\n\u003cdiv class=\"banner\"\u003e\n\u003cdiv class=\"slides\"\u003e\n\u003cdiv class=\"slide\"\u003e\u003cimg alt=\"Slide 1\" src=\"https:\/\/i.postimg.cc\/dVLX3RB7\/1.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\u003cimg alt=\"Slide 2\" src=\"https:\/\/i.postimg.cc\/vmnNLQC8\/2.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\u003ciframe title=\"YouTube video banner\" src=\"https:\/\/www.youtube.com\/embed\/DjczwWX3MFc\u0026amp;t=22s?autoplay=1\u0026amp;mute=1\u0026amp;controls=0\u0026amp;loop=1\u0026amp;playlist=DjczwWX3MFc\u0026amp;t=22s\u0026amp;modestbranding=1\u0026amp;rel=0\"\u003e\u003c\/iframe\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ca class=\"shop-btn\" href=\"https:\/\/gardenistauk.com\/pages\/about-us\"\u003eGARDENISTA\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-features\"\u003e\n\u003ch2 style=\"text-align: center;\"\u003e                              Product Features\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e3-Seater bench cushion pad is made with premium 100% polyester, ensuring they're both soft and durable enough to last for years to come.\u003c\/li\u003e\n\u003cli\u003eBench seat pad cushions are covered in soft, water-resistant polyester fabric, making them ideal for outdoor use.\u003c\/li\u003e\n\u003cli\u003eThese seat pads are treated with fire-retardant materials to prevent them from catching fire or spreading flames.\u003c\/li\u003e\n\u003cli\u003eThe bench seat pads are filled with soft and durable fibre filling, providing ultimate comfort for outdoor seating needs.\u003c\/li\u003e\n\u003cli\u003eStylish, lightweight, durable design, and high-quality material for long-lasting use.\u003c\/li\u003e\n\u003cli\u003eHidden zipper feature for easily removing the cover for machine wash.\u003c\/li\u003e\n\u003cli\u003eWe recommend storing it away when not in use.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv style=\"text-align: start; margin-bottom: 20px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"width: 121%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/QMpXWLMM\/product-feature.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 0;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"description-section\"\u003e\n\u003cp\u003eIntroducing our Water-Resistant Outdoor 3-Seater Bench Pad Cushions, designed to perfectly fit standard garden benches, providing comfortable seating for little ones during outdoor activities. Constructed from soft and durable water-resistant fabric, this cushion effectively repels moisture, ensuring it remains resilient against spills and splashes, making it a reliable choice for outdoor use.\u003c\/p\u003e\n\u003cp\u003eOur premium bench pad features high-quality polyester fabric with durable stitching. They are generously filled with premium fibre, ensuring both comfort and longevity. These bench pad cushions are easy to clean, and maintaining them is effortless. Simply wipe it down with a damp cloth to quickly remove any stains or debris, keeping your patio seating area pristine and inviting. A hidden zipper is available for easy washing of the cover.\u003c\/p\u003e\n\u003cp\u003eThis luxury water-resistant 3-seater bench cushion pad exemplifies superior craftsmanship and attention to detail, ensuring a premium seating experience for your little ones. Transform your garden into a cosy oasis with our water-resistant outdoor 3-seater bench pad cushions, designed to withstand the elements while providing a touch of elegance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 👇 Yahan ye code paste karna hai --\u003e\n\u003cdiv style=\"text-align: start;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/wBpZMQf3\/GP-G5.jpg\" alt=\"Product Post Image\" style=\"margin: 5px 5px 5px 5px;float: none;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/XvSqH9JL\/05.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/bJLvwMTY\/02.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cbr\u003e\u003c\/div\u003e","brand":"Gardenista®","offers":[{"title":"Black","offer_id":37737759768725,"sku":"GP G5 Bench Pad B398 Black","price":29.99,"currency_code":"GBP","in_stock":false},{"title":"Blue","offer_id":37737759801493,"sku":"GP G5 Bench Pad B398 Blue","price":29.99,"currency_code":"GBP","in_stock":true},{"title":"Green","offer_id":37737759834261,"sku":"GP G5 Bench Pad B398 Green","price":29.99,"currency_code":"GBP","in_stock":true},{"title":"Grey","offer_id":37737759867029,"sku":"GP G5 Bench Pad B398 Grey","price":29.99,"currency_code":"GBP","in_stock":true},{"title":"Lime","offer_id":37737759899797,"sku":"GP G5 Bench Pad B398 Lime","price":29.99,"currency_code":"GBP","in_stock":true},{"title":"Pink","offer_id":37737759932565,"sku":"GP G5 Bench Pad B398 Pink","price":29.99,"currency_code":"GBP","in_stock":false},{"title":"Purple","offer_id":37737759965333,"sku":"GP G5 Bench Pad B398 Purple","price":29.99,"currency_code":"GBP","in_stock":true},{"title":"Red","offer_id":37737759998101,"sku":"GP G5 Bench Pad B398 Red","price":29.99,"currency_code":"GBP","in_stock":true},{"title":"Stone","offer_id":37737760030869,"sku":"GP G5 Bench Pad B398 Stone","price":29.99,"currency_code":"GBP","in_stock":true},{"title":"Turquoise","offer_id":37737760063637,"sku":"GP G5 Bench Pad B398 Turquoise","price":29.99,"currency_code":"GBP","in_stock":true},{"title":"Yellow","offer_id":37737760096405,"sku":"GP G5 Bench Pad B398 Yellow","price":29.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0513\/2563\/2661\/files\/colg_23.jpg?v=1770008691"},{"product_id":"curved-benchcushion","title":"Water-Resistant Banana Bench Seat Pad Outdoor Curved Bench Cushions Pad with Ties","description":"\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"topnav\"\u003e\n\u003cstrong\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/bench-accessories\" class=\"active\"\u003e\u003cspan style=\"color: #313131;\"\u003eBenches\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e \u003cstrong\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/chair-cushions\"\u003e\u003cspan style=\"color: #313131;\"\u003eChairs\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e \u003cstrong\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/rattan-replacement\"\u003e\u003cspan style=\"color: #313131;\"\u003eRattans\u003c\/span\u003e\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/pallet-seating-accessories\"\u003e\u003cspan style=\"color: #313131;\"\u003ePallets\u003c\/span\u003e\u003c\/a\u003e\u003cspan style=\"color: #313131;\"\u003e \u003c\/span\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/curtains\"\u003e\u003cspan style=\"color: #313131;\"\u003eCurtains\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e \u003cstrong\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/lounger-pads-cushions\"\u003e\u003cspan style=\"color: #313131;\"\u003eLoungers\u003c\/span\u003e\u003c\/a\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/all-scatter-cushions\"\u003e\u003cspan style=\"color: #313131;\"\u003e \u003c\/span\u003e\u003cspan style=\"color: #313131;\"\u003eCushions\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"video-wrapper\"\u003e\n\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003cdiv class=\"video-wrapper\"\u003e\u003ciframe src=\"https:\/\/www.youtube.com\/embed\/RMEn1ZIf34A?autoplay=0\u0026amp;loop=0\u0026amp;mute=0\"\u003e\u003c\/iframe\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"video-wrapper\"\u003e\n\u003cimg src=\"https:\/\/i.postimg.cc\/jdLN3Fwd\/1.gif\" class=\"mx-auto d-block img-fluid\" alt=\"\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/VNNKKR8q\/AAHKMJXYDAFd-JAOAIMEb-OAcha-Ytjp-IZUujp-Rp-To0-Cn-ZOZUg-Yyi7-Ov-SL2o6-C-n-sf-Wyd-Kxlv-Ziw2d-NJ45r-Ay2mm-Pt.webp\" class=\"mx-auto d-block img-fluid\" alt=\"\"\u003e\n\u003c\/div\u003e\n\u003cul dir=\"ltr\"\u003e\n\u003cli class=\"MsoNormal\" style=\"margin-bottom: 0in; mso-list: l0 level1 lfo1; tab-stops: list .5in;\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003eThe seat pads are made with premium 100% polyester, ensuring they're both soft and durable enough to last for seasons to come.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"MsoNormal\" style=\"margin-bottom: 0in; mso-list: l0 level1 lfo1; tab-stops: list .5in;\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003eAdditionally, this bench cushion comes with ties to prevent it from slipping.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"MsoNormal\" style=\"margin-bottom: 0in; mso-list: l0 level1 lfo1; tab-stops: list .5in;\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003eStylish, lightweight, durable design, and high-quality material for long-lasting use.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"MsoNormal\" style=\"margin-bottom: 0in; mso-list: l0 level1 lfo1; tab-stops: list .5in;\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003eThese seat pads are treated with fire-retardant materials to prevent them from catching fire or spreading flames.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"MsoNormal\" style=\"margin-bottom: 0in; mso-list: l0 level1 lfo1; tab-stops: list .5in;\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003eExperience ultimate comfort with our soft fabric and the comfortable filling of our garden seat pads.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"MsoNormal\" style=\"margin-bottom: 0in; mso-list: l0 level1 lfo1; tab-stops: list .5in;\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003eHidden zipper for easy removal and cleaning.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"MsoNormal\" style=\"margin-bottom: 0in; mso-list: l0 level1 lfo1; tab-stops: list .5in;\"\u003e\n\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003eWe recommend storing it away when not in use.\u003c\/span\u003e\u003cbr\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp dir=\"ltr\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/02x7D2h6\/Tufted-Seat-and-Back-Cushions-2.png\" class=\"mx-auto d-block img-fluid\" alt=\"\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003eIntroducing our water-resistant curved banana bench pad with ties the perfect fusion of style and comfort for your garden. Our bench cushions are designed to perfectly fit standard garden curved benches, providing comfortable seating for little ones during outdoor activities. Constructed from soft and durable water-resistant fabric, this cushion effectively repels moisture, ensuring it remains resilient against spills and splashes, making it a reliable choice for outdoor use.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\" style=\"margin-bottom: 0in;\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003eThe curved banana bench seat cushion pad is made from 100% polyester fabric that is fire-resistant and weather-resistant. These bench pads are filled with fibre for a comfortable and supportive seating experience. These water-resistant curved banana bench seat pads are easy to clean, and maintaining this cushion is effortless. A hidden zipper is available for easy washing of the cover. \u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\" style=\"margin-bottom: 0in;\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003eThis luxury bench cushion exemplifies superior craftsmanship and attention to detail, ensuring a premium seating experience. Transform your garden, terrace, and outside into a cosy oasis with our water-resistant curved banana bench pads, designed to withstand the elements while providing a touch of elegance.\u003c\/span\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/K8f97Wdc\/AAHKMJXYDAFd-JAOAIMEb-OAcha-Ytjp-IZUujp-Rp-To0-Cn-ZOZVtjiu-S2-R7-u-LFi-UKp-Whiqz7xvb-Q2r-Aq-HB-2x-Zji-IOC59-MXROv3-MP5-Wk.webp\" class=\"mx-auto d-block img-fluid\" alt=\"\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/FF0jYJC5\/6-2-5.jpg\" class=\"mx-auto d-block img-fluid\" alt=\"\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/2y6Zfn0s\/Bannerr-1.jpg\" class=\"mx-auto d-block img-fluid\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003ebody {\n  margin: 0;\n  font-family: Arial, Helvetica, sans-serif;\n \n}\n\n.topnav {\n  overflow: hidden;\n   background-color: #E1D8CF;\n\n}\n\n.topnav a {\n  float: left;\ncolor: #f2f2f2;\n  text-align: center;\n  padding: 14px 16px;\n  text-decoration: none;\n  font-size: 17px;\n}\n\n.topnav a:hover {\n   background-color: #ddd;\n  color: black;\n}\n\n.topnav a.active {\n  \n  color: white;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e","brand":"Gardenista®","offers":[{"title":"Lime","offer_id":37737764749461,"sku":"GP G13 Banana B398 Lime","price":49.99,"currency_code":"GBP","in_stock":false},{"title":"Pink","offer_id":37737764782229,"sku":"GP G13 Banana B398 Pink","price":49.99,"currency_code":"GBP","in_stock":false},{"title":"Purple","offer_id":37737764814997,"sku":"GP G13 Banana B398 Purple","price":49.99,"currency_code":"GBP","in_stock":false},{"title":"Red","offer_id":37737764880533,"sku":"GP G13 Banana B398 Red","price":49.99,"currency_code":"GBP","in_stock":false},{"title":"Stone","offer_id":37737764913301,"sku":"GP G13 Banana B398 Stone","price":49.99,"currency_code":"GBP","in_stock":false},{"title":"Turquoise","offer_id":37737765011605,"sku":"GP G13 Banana B398 Turquoise","price":49.99,"currency_code":"GBP","in_stock":false},{"title":"Yellow","offer_id":37737765077141,"sku":"GP G13 Banana B398 Yellow","price":49.99,"currency_code":"GBP","in_stock":false},{"title":"Grey","offer_id":40562277482645,"sku":"GP G13 Banana B398 Grey","price":49.99,"currency_code":"GBP","in_stock":false},{"title":"Black","offer_id":44561896505661,"sku":"GP G13 Banana B398 Black","price":49.99,"currency_code":"GBP","in_stock":false},{"title":"Blue","offer_id":44561896538429,"sku":"GP G13 Banana B398 Blue","price":49.99,"currency_code":"GBP","in_stock":false},{"title":"Green","offer_id":44561896571197,"sku":"GP G13 Banana B398 Green","price":49.99,"currency_code":"GBP","in_stock":false},{"title":"Navy","offer_id":44561896603965,"sku":"GP G13 Banana B398 Navy","price":49.99,"currency_code":"GBP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0513\/2563\/2661\/files\/GPG13BenchPadB398Grey_6.jpg?v=1772519718"},{"product_id":"foldable3-seater-143cm-x-52cmbench-seatcushion-pad","title":"Foldable 3-Seater Bench Cushion Outdoor Garden Bench Replacement Seat Pad","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n    body {\n      margin: 0;\n      font-family: 'Roboto', sans-serif;\n    }\n\n    .topnav {\n      background-color: #E1D8CF;\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: flex-start;\n      gap: 5px;\n      padding: 10px 0;\n      position: relative;\n    }\n\n    .topnav a {\n      color: #4b6844;\n      padding: 10px 15px;\n      text-decoration: none;\n      font-size: 16px;\n      border-radius: 4px;\n      transition: background-color 0.3s ease;\n      text-transform: uppercase;\n      font-weight: 700;\n    }\n\n    .topnav a:hover {\n      background-color: #ddd;\n      color: black;\n    }\n\n    .topnav::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background-color: #4b6844;\n    }\n\n    :root {\n      --banner-height: 600px;\n      --hold-time: 40s;\n      --move-time: 2s;\n    }\n\n    * { box-sizing: border-box; margin: 0; padding: 0; }\n\n    .banner {\n      position: relative;\n      width: 121%;\n      height: var(--banner-height);\n      overflow: hidden;\n      margin-top: -0px;\n    }\n\n    .slides {\n      display: flex;\n      width: 100%;\n      animation: slideAnimation 38s infinite;\n    }\n\n    .slide {\n      flex: 0 0 100%;\n      position: relative;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .slide img,\n    .slide iframe {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      display: block;\n      border: none;\n    }\n\n    .shop-btn {\n      position: absolute;\n      top: 80px;\n      left: 80px;\n      z-index: 100;\n      background: #ffffff;\n      color: #4b6844;\n      font-size: 20px;\n      font-weight: 750;\n      padding: 14px 30px;\n      border: 2px solid #4b6844;\n      border-radius: 6px;\n      cursor: pointer;\n      transition: background 0.3s, color 0.3s;\n      text-transform: uppercase;\n      font-family: 'Poppins', sans-serif;\n      text-decoration: none;\n    }\n\n    .shop-btn:hover {\n      background: #4b6844;\n      color: #00;\n    }\n\n@keyframes slideAnimation {\n  0%   { transform: translateX(0%); }       \/* Slide 1 start *\/\n  10%  { transform: translateX(0%); }       \/* Hold Slide 1 *\/\n\n  15%  { transform: translateX(-100%); }    \/* Slide 2 *\/\n  25%  { transform: translateX(-100%); }    \/* Hold Slide 2 *\/\n\n  30%  { transform: translateX(-200%); }    \/* Video slide *\/\n  92%  { transform: translateX(-200%); }    \/* Hold video long (~30s) *\/\n\n  100% { transform: translateX(0%); }       \/* Back to start *\/\n}\n    .product-features h2 {\n      font-size: 26px;\n      font-weight: 700;\n      color: #4b6844;\n      text-align: center;\n      margin-bottom: 20px;\n      text-transform: uppercase;\n    }\n    .product-features ul {\n      list-style-type: disc;\n      list-style-position: inside;\n      margin: 0;\n    }\n    .product-features li {\n      margin-bottom: 12px;\n      line-height: 1.5;\n      color: #333;\n      padding-left: 30px;\n      text-indent: 0;\n      font-size: 18px;\n    }\n.description-section {\n  width: 100%;\n  max-width: 1300px;\n  margin: 40px auto;\n  padding: 0 60px;  \/* 👈 wider left\/right space *\/\n  font-family: 'Poppins', sans-serif;\n  color: #333;\n  font-size: 18px;\n  line-height: 1.9; \/* 👈 adds nice space between lines *\/\n  text-align: left;\n}\n\n.description-section p {\n  margin-bottom: 18px !important; \/* 👈 adds gap between paragraphs *\/\n}\n\n\/* ✅ Full-screen fit for second video *\/\n.video-full iframe {\n    width: 80%;\n      height: 105%;\n      object-fit: contain;\n      display: block;\n      border: none;\n}\n    @media (max-width:720px) { .banner { height: 250px; } }\n    @media (max-width:420px) { .banner { height: 180px; } }\n  \/* ✅ Mobile \u0026 Tablet Friendly Optimization *\/\n  @media (max-width: 1024px) {\n    .banner {\n      width: 100%;\n      height: 420px;\n    }\n    .slide img, \n    .slide iframe {\n      object-fit: contain;\n    }\n    .video-full iframe {\n      width: 100%;\n      height: 280px;\n    }\n    .shop-btn {\n      top: 30px;\n      left: 30px;\n      font-size: 16px;\n      padding: 10px 20px;\n    }\n  }\n\n  @media (max-width: 720px) {\n    .banner {\n      width: 100%;\n      height: 260px;\n    }\n    .topnav {\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 2px;\n      padding: 8px 0;\n    }\n    .topnav a {\n      font-size: 13px;\n      padding: 6px 8px;\n    }\n    .product-features h2 {\n      font-size: 20px;\n    }\n    .product-features li {\n      font-size: 15px;\n      line-height: 1.6;\n    }\n    .description-section {\n      padding: 0 10px;\n      font-size: 16px;\n      line-height: 1.6;\n    }\n    .video-full iframe {\n      width: 100%;\n      height: 230px;\n    }\n    .shop-btn {\n      top: 15px;\n      left: 15px;\n      font-size: 14px;\n      padding: 8px 14px;\n    }\n    div[style*=\"width: 122%\"] {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 8px auto !important;\n    }\n    div[style*=\"width: 122%\"] img {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n    }\n  }\n\n  @media (max-width: 420px) {\n    .banner { height: 180px; }\n    .video-full iframe { height: 200px; }\n    .shop-btn { font-size: 12px; padding: 6px 10px; }\n    .product-features h2 { font-size: 18px; }\n    .product-features li { font-size: 14px; }\n  }\n\n  \/* ✅ MOBILE FIX — Remove side white space *\/\n  @media (max-width: 1024px) {\n    html, body {\n      overflow-x: hidden !important;\n    }\n\n    .banner,\n    div[style*=\"width: 121%\"],\n    div[style*=\"width: 122%\"],\n    .slides {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 0 auto !important;\n    }\n\n    img, iframe {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n      display: block !important;\n    }\n\n    .description-section {\n      padding: 0 12px !important;\n    }\n  }\n\u003c\/style\u003e\n\u003cnav class=\"topnav\"\u003e\u003ca href=\"https:\/\/gardenistauk.com\/\"\u003eHOME\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/all-scatter-cushions\"\u003eOUTDOOR CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/cushion-covers\"\u003eCUSHION COVERS\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/chair-cushions\"\u003eCHAIR CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/lounger-pads-cushions\"\u003eLOUNGER CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/bench-accessories\"\u003eBENCH PAD\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/chairs\"\u003eSEAT PAD\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/rattan-replacement\"\u003eRATTAN CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/pallet-seating-accessories\"\u003ePALLET CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/furniture\"\u003eFURNITURE COVER\u003c\/a\u003e\u003c\/nav\u003e\n\u003cdiv class=\"banner\"\u003e\n\u003cdiv class=\"slides\"\u003e\n\u003cdiv class=\"slide\"\u003e\u003cimg alt=\"Slide 1\" src=\"https:\/\/i.postimg.cc\/dVLX3RB7\/1.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\u003cimg alt=\"Slide 2\" src=\"https:\/\/i.postimg.cc\/vmnNLQC8\/2.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\u003ciframe title=\"YouTube video banner\" src=\"https:\/\/www.youtube.com\/embed\/IWqhot4pLok\u0026amp;t=44s?autoplay=1\u0026amp;mute=1\u0026amp;controls=0\u0026amp;loop=1\u0026amp;playlist=IWqhot4pLok\u0026amp;t=44s\u0026amp;modestbranding=1\u0026amp;rel=0\"\u003e\u003c\/iframe\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ca class=\"shop-btn\" href=\"https:\/\/gardenistauk.com\/pages\/about-us\"\u003eGARDENISTA\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-features\"\u003e\n\u003ch2 style=\"text-align: center;\"\u003e                              Product Features\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eWater-resistant 3-seater bench cushion designed for garden, patio and outdoor benches.\u003c\/li\u003e\n\u003cli\u003eFoldable design allows easy storage and convenient use with most standard folding bench seats.\u003c\/li\u003e\n\u003cli\u003eThick padded seat cushion provides enhanced support and comfort for extended seating.\u003c\/li\u003e\n\u003cli\u003eIdeal replacement bench seat pad for patios, balconies, terraces and backyard furniture.\u003cbr\u003e\n\u003c\/li\u003e\n\u003cli\u003eHidden zipper feature for easily removing the cover for machine wash.\u003c\/li\u003e\n\u003cli\u003eWe recommend storing it away when not in use.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv style=\"text-align: start; margin-bottom: 20px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"width: 121%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/QMpXWLMM\/product-feature.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 0;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"description-section\"\u003e\n\u003cp\u003eEnhance your outdoor seating with this water-resistant foldable 3-seater bench cushion, designed to fit most standard garden and patio folding benches. Made from durable polyester fabric with thick padding, it provides superior comfort and long-lasting support for everyday outdoor use.\u003c\/p\u003e\n\u003cp\u003eThis garden folding bench seat pad features a practical foldable design for easy storage and convenience, making it perfect for patios, balconies, terraces and backyard spaces. The water-resistant material helps protect against light rain and spills, keeping your outdoor bench cushions looking fresh and stylish all season long.\u003c\/p\u003e\n\u003cp\u003eMake your garden into a cosy oasis with our water-resistant patio bench cushions, designed to withstand the elements while providing a touch of elegance. Enhance the ambiance of your patio space with our garden cushions, offering durability and charm for all your garden gatherings.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 👇 Yahan ye code paste karna hai --\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/4xY6Fq68\/A-GP-G75-06-Updated.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/KY1KRWsC\/A-GP-G75-05.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/k52VBHpM\/A-GP-G75-02.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cbr\u003e\u003c\/div\u003e","brand":"Gardenista®","offers":[{"title":"Green","offer_id":37737765994645,"sku":"GP G75 Folding Harvest Green","price":34.99,"currency_code":"GBP","in_stock":false},{"title":"Grey","offer_id":37737766027413,"sku":"GP G75 Folding Harvest Grey","price":34.99,"currency_code":"GBP","in_stock":true},{"title":"Stone","offer_id":37737766060181,"sku":"GP G75 Folding Harvest Stone","price":34.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0513\/2563\/2661\/files\/G75-Green-Lifestyle.jpg?v=1772519816"},{"product_id":"foldable3-seaterbench-seatcushion-pad-170cm-x-52cm","title":"Water-Resistant Foldable 4-Seater Bench Cushions Garden Folding Bench Seat Pads","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n    body {\n      margin: 0;\n      font-family: 'Roboto', sans-serif;\n    }\n\n    .topnav {\n      background-color: #E1D8CF;\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: flex-start;\n      gap: 5px;\n      padding: 10px 0;\n      position: relative;\n    }\n\n    .topnav a {\n      color: #4b6844;\n      padding: 10px 15px;\n      text-decoration: none;\n      font-size: 16px;\n      border-radius: 4px;\n      transition: background-color 0.3s ease;\n      text-transform: uppercase;\n      font-weight: 700;\n    }\n\n    .topnav a:hover {\n      background-color: #ddd;\n      color: black;\n    }\n\n    .topnav::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background-color: #4b6844;\n    }\n\n    :root {\n      --banner-height: 600px;\n      --hold-time: 40s;\n      --move-time: 2s;\n    }\n\n    * { box-sizing: border-box; margin: 0; padding: 0; }\n\n    .banner {\n      position: relative;\n      width: 121%;\n      height: var(--banner-height);\n      overflow: hidden;\n      margin-top: -0px;\n    }\n\n    .slides {\n      display: flex;\n      width: 100%;\n      animation: slideAnimation 38s infinite;\n    }\n\n    .slide {\n      flex: 0 0 100%;\n      position: relative;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .slide img,\n    .slide iframe {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      display: block;\n      border: none;\n    }\n\n    .shop-btn {\n      position: absolute;\n      top: 80px;\n      left: 80px;\n      z-index: 100;\n      background: #ffffff;\n      color: #4b6844;\n      font-size: 20px;\n      font-weight: 750;\n      padding: 14px 30px;\n      border: 2px solid #4b6844;\n      border-radius: 6px;\n      cursor: pointer;\n      transition: background 0.3s, color 0.3s;\n      text-transform: uppercase;\n      font-family: 'Poppins', sans-serif;\n      text-decoration: none;\n    }\n\n    .shop-btn:hover {\n      background: #4b6844;\n      color: #00;\n    }\n\n@keyframes slideAnimation {\n  0%   { transform: translateX(0%); }       \/* Slide 1 start *\/\n  10%  { transform: translateX(0%); }       \/* Hold Slide 1 *\/\n\n  15%  { transform: translateX(-100%); }    \/* Slide 2 *\/\n  25%  { transform: translateX(-100%); }    \/* Hold Slide 2 *\/\n\n  30%  { transform: translateX(-200%); }    \/* Video slide *\/\n  92%  { transform: translateX(-200%); }    \/* Hold video long (~30s) *\/\n\n  100% { transform: translateX(0%); }       \/* Back to start *\/\n}\n    .product-features h2 {\n      font-size: 26px;\n      font-weight: 700;\n      color: #4b6844;\n      text-align: center;\n      margin-bottom: 20px;\n      text-transform: uppercase;\n    }\n    .product-features ul {\n      list-style-type: disc;\n      list-style-position: inside;\n      margin: 0;\n    }\n    .product-features li {\n      margin-bottom: 12px;\n      line-height: 1.5;\n      color: #333;\n      padding-left: 30px;\n      text-indent: 0;\n      font-size: 18px;\n    }\n.description-section {\n  width: 100%;\n  max-width: 1300px;\n  margin: 40px auto;\n  padding: 0 60px;  \/* 👈 wider left\/right space *\/\n  font-family: 'Poppins', sans-serif;\n  color: #333;\n  font-size: 18px;\n  line-height: 1.9; \/* 👈 adds nice space between lines *\/\n  text-align: left;\n}\n\n.description-section p {\n  margin-bottom: 18px !important; \/* 👈 adds gap between paragraphs *\/\n}\n\n\/* ✅ Full-screen fit for second video *\/\n.video-full iframe {\n    width: 80%;\n      height: 105%;\n      object-fit: contain;\n      display: block;\n      border: none;\n}\n    @media (max-width:720px) { .banner { height: 250px; } }\n    @media (max-width:420px) { .banner { height: 180px; } }\n  \/* ✅ Mobile \u0026 Tablet Friendly Optimization *\/\n  @media (max-width: 1024px) {\n    .banner {\n      width: 100%;\n      height: 420px;\n    }\n    .slide img, \n    .slide iframe {\n      object-fit: contain;\n    }\n    .video-full iframe {\n      width: 100%;\n      height: 280px;\n    }\n    .shop-btn {\n      top: 30px;\n      left: 30px;\n      font-size: 16px;\n      padding: 10px 20px;\n    }\n  }\n\n  @media (max-width: 720px) {\n    .banner {\n      width: 100%;\n      height: 260px;\n    }\n    .topnav {\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 2px;\n      padding: 8px 0;\n    }\n    .topnav a {\n      font-size: 13px;\n      padding: 6px 8px;\n    }\n    .product-features h2 {\n      font-size: 20px;\n    }\n    .product-features li {\n      font-size: 15px;\n      line-height: 1.6;\n    }\n    .description-section {\n      padding: 0 10px;\n      font-size: 16px;\n      line-height: 1.6;\n    }\n    .video-full iframe {\n      width: 100%;\n      height: 230px;\n    }\n    .shop-btn {\n      top: 15px;\n      left: 15px;\n      font-size: 14px;\n      padding: 8px 14px;\n    }\n    div[style*=\"width: 122%\"] {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 8px auto !important;\n    }\n    div[style*=\"width: 122%\"] img {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n    }\n  }\n\n  @media (max-width: 420px) {\n    .banner { height: 180px; }\n    .video-full iframe { height: 200px; }\n    .shop-btn { font-size: 12px; padding: 6px 10px; }\n    .product-features h2 { font-size: 18px; }\n    .product-features li { font-size: 14px; }\n  }\n\n  \/* ✅ MOBILE FIX — Remove side white space *\/\n  @media (max-width: 1024px) {\n    html, body {\n      overflow-x: hidden !important;\n    }\n\n    .banner,\n    div[style*=\"width: 121%\"],\n    div[style*=\"width: 122%\"],\n    .slides {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 0 auto !important;\n    }\n\n    img, iframe {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n      display: block !important;\n    }\n\n    .description-section {\n      padding: 0 12px !important;\n    }\n  }\n\u003c\/style\u003e\n\u003cnav class=\"topnav\"\u003e\u003ca href=\"https:\/\/gardenistauk.com\/\"\u003eHOME\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/all-scatter-cushions\"\u003eOUTDOOR CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/cushion-covers\"\u003eCUSHION COVERS\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/chair-cushions\"\u003eCHAIR CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/lounger-pads-cushions\"\u003eLOUNGER CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/bench-accessories\"\u003eBENCH PAD\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/chairs\"\u003eSEAT PAD\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/rattan-replacement\"\u003eRATTAN CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/pallet-seating-accessories\"\u003ePALLET CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/furniture\"\u003eFURNITURE COVER\u003c\/a\u003e\u003c\/nav\u003e\n\u003cdiv class=\"banner\"\u003e\n\u003cdiv class=\"slides\"\u003e\n\u003cdiv class=\"slide\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/dVLX3RB7\/1.jpg\" alt=\"Slide 1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/vmnNLQC8\/2.jpg\" alt=\"Slide 2\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\u003ciframe src=\"https:\/\/www.youtube.com\/embed\/IWqhot4pLok\u0026amp;t=44s?autoplay=1\u0026amp;mute=1\u0026amp;controls=0\u0026amp;loop=1\u0026amp;playlist=IWqhot4pLok\u0026amp;t=44s\u0026amp;modestbranding=1\u0026amp;rel=0\" title=\"YouTube video banner\"\u003e\u003c\/iframe\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ca href=\"https:\/\/gardenistauk.com\/pages\/about-us\" class=\"shop-btn\"\u003eGARDENISTA\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-features\"\u003e\n\u003ch2 style=\"text-align: center;\"\u003e                              Product Features\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eWater-resistant 4-seater bench cushion designed for garden, patio and outdoor benches.\u003c\/li\u003e\n\u003cli\u003eFoldable design allows easy storage and convenient use with most standard folding bench seats.\u003c\/li\u003e\n\u003cli\u003eThick padded seat cushion provides enhanced support and comfort for extended seating.\u003c\/li\u003e\n\u003cli\u003eIdeal replacement bench seat pad for patios, balconies, terraces and backyard furniture.\u003cbr\u003e\n\u003c\/li\u003e\n\u003cli\u003eHidden zipper feature for easily removing the cover for machine wash.\u003c\/li\u003e\n\u003cli\u003eWe recommend storing it away when not in use.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv style=\"text-align: start; margin-bottom: 20px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"width: 121%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 0;\" alt=\"Product Post Image\" src=\"https:\/\/i.postimg.cc\/QMpXWLMM\/product-feature.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"description-section\"\u003e\n\u003cp\u003eEnhance your outdoor seating with this water-resistant foldable 4-seater bench cushion, designed to fit most standard garden and patio folding benches. Made from durable polyester fabric with thick padding, it provides superior comfort and long-lasting support for everyday outdoor use.\u003c\/p\u003e\n\u003cp\u003eThis garden folding bench seat pad features a practical foldable design for easy storage and convenience, making it perfect for patios, balconies, terraces and backyard spaces. The water-resistant material helps protect against light rain and spills, keeping your outdoor bench cushions looking fresh and stylish all season long.\u003c\/p\u003e\n\u003cp\u003eMake your garden into a cosy oasis with our water-resistant patio bench cushions, designed to withstand the elements while providing a touch of elegance. Enhance the ambiance of your patio space with our garden cushions, offering durability and charm for all your garden gatherings.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 👇 Yahan ye code paste karna hai --\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\" alt=\"Product Post Image\" src=\"https:\/\/i.postimg.cc\/X7HKL4CG\/A-GP-G77-06-Updated.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\" alt=\"Product Post Image\" src=\"https:\/\/i.postimg.cc\/KY1KRWsC\/A-GP-G75-05.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\" alt=\"Product Post Image\" src=\"https:\/\/i.postimg.cc\/k52VBHpM\/A-GP-G75-02.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cbr\u003e\u003c\/div\u003e","brand":"Gardenista®","offers":[{"title":"Green","offer_id":37737766322325,"sku":"GP G77 Folding Harvest Green","price":49.99,"currency_code":"GBP","in_stock":true},{"title":"Grey","offer_id":37737766355093,"sku":"GP G77 Folding Harvest Grey","price":49.99,"currency_code":"GBP","in_stock":true},{"title":"Stone","offer_id":37737766387861,"sku":"GP G77 Folding Harvest Stone","price":49.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0513\/2563\/2661\/files\/G75-Green-Lifestyle_9432f280-be28-41b2-8085-d8367234c006.jpg?v=1772519759"},{"product_id":"foldable3-seaterbench-seatcushion-pad-128cm-x50cm","title":"Foldable Outdoor 3-Seater Bench Cushions Water Resistant Garden Bench Seat Pads","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n    body {\n      margin: 0;\n      font-family: 'Roboto', sans-serif;\n    }\n\n    .topnav {\n      background-color: #E1D8CF;\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: flex-start;\n      gap: 5px;\n      padding: 10px 0;\n      position: relative;\n    }\n\n    .topnav a {\n      color: #4b6844;\n      padding: 10px 15px;\n      text-decoration: none;\n      font-size: 16px;\n      border-radius: 4px;\n      transition: background-color 0.3s ease;\n      text-transform: uppercase;\n      font-weight: 700;\n    }\n\n    .topnav a:hover {\n      background-color: #ddd;\n      color: black;\n    }\n\n    .topnav::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background-color: #4b6844;\n    }\n\n    :root {\n      --banner-height: 600px;\n      --hold-time: 40s;\n      --move-time: 2s;\n    }\n\n    * { box-sizing: border-box; margin: 0; padding: 0; }\n\n    .banner {\n      position: relative;\n      width: 121%;\n      height: var(--banner-height);\n      overflow: hidden;\n      margin-top: -0px;\n    }\n\n    .slides {\n      display: flex;\n      width: 100%;\n      animation: slideAnimation 38s infinite;\n    }\n\n    .slide {\n      flex: 0 0 100%;\n      position: relative;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .slide img,\n    .slide iframe {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      display: block;\n      border: none;\n    }\n\n    .shop-btn {\n      position: absolute;\n      top: 80px;\n      left: 80px;\n      z-index: 100;\n      background: #ffffff;\n      color: #4b6844;\n      font-size: 20px;\n      font-weight: 750;\n      padding: 14px 30px;\n      border: 2px solid #4b6844;\n      border-radius: 6px;\n      cursor: pointer;\n      transition: background 0.3s, color 0.3s;\n      text-transform: uppercase;\n      font-family: 'Poppins', sans-serif;\n      text-decoration: none;\n    }\n\n    .shop-btn:hover {\n      background: #4b6844;\n      color: #00;\n    }\n\n@keyframes slideAnimation {\n  0%   { transform: translateX(0%); }       \/* Slide 1 start *\/\n  10%  { transform: translateX(0%); }       \/* Hold Slide 1 *\/\n\n  15%  { transform: translateX(-100%); }    \/* Slide 2 *\/\n  25%  { transform: translateX(-100%); }    \/* Hold Slide 2 *\/\n\n  30%  { transform: translateX(-200%); }    \/* Video slide *\/\n  92%  { transform: translateX(-200%); }    \/* Hold video long (~30s) *\/\n\n  100% { transform: translateX(0%); }       \/* Back to start *\/\n}\n    .product-features h2 {\n      font-size: 26px;\n      font-weight: 700;\n      color: #4b6844;\n      text-align: center;\n      margin-bottom: 20px;\n      text-transform: uppercase;\n    }\n    .product-features ul {\n      list-style-type: disc;\n      list-style-position: inside;\n      margin: 0;\n    }\n    .product-features li {\n      margin-bottom: 12px;\n      line-height: 1.5;\n      color: #333;\n      padding-left: 30px;\n      text-indent: 0;\n      font-size: 18px;\n    }\n.description-section {\n  width: 100%;\n  max-width: 1300px;\n  margin: 40px auto;\n  padding: 0 60px;  \/* 👈 wider left\/right space *\/\n  font-family: 'Poppins', sans-serif;\n  color: #333;\n  font-size: 18px;\n  line-height: 1.9; \/* 👈 adds nice space between lines *\/\n  text-align: left;\n}\n\n.description-section p {\n  margin-bottom: 18px !important; \/* 👈 adds gap between paragraphs *\/\n}\n\n\/* ✅ Full-screen fit for second video *\/\n.video-full iframe {\n    width: 80%;\n      height: 105%;\n      object-fit: contain;\n      display: block;\n      border: none;\n}\n    @media (max-width:720px) { .banner { height: 250px; } }\n    @media (max-width:420px) { .banner { height: 180px; } }\n  \/* ✅ Mobile \u0026 Tablet Friendly Optimization *\/\n  @media (max-width: 1024px) {\n    .banner {\n      width: 100%;\n      height: 420px;\n    }\n    .slide img, \n    .slide iframe {\n      object-fit: contain;\n    }\n    .video-full iframe {\n      width: 100%;\n      height: 280px;\n    }\n    .shop-btn {\n      top: 30px;\n      left: 30px;\n      font-size: 16px;\n      padding: 10px 20px;\n    }\n  }\n\n  @media (max-width: 720px) {\n    .banner {\n      width: 100%;\n      height: 260px;\n    }\n    .topnav {\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 2px;\n      padding: 8px 0;\n    }\n    .topnav a {\n      font-size: 13px;\n      padding: 6px 8px;\n    }\n    .product-features h2 {\n      font-size: 20px;\n    }\n    .product-features li {\n      font-size: 15px;\n      line-height: 1.6;\n    }\n    .description-section {\n      padding: 0 10px;\n      font-size: 16px;\n      line-height: 1.6;\n    }\n    .video-full iframe {\n      width: 100%;\n      height: 230px;\n    }\n    .shop-btn {\n      top: 15px;\n      left: 15px;\n      font-size: 14px;\n      padding: 8px 14px;\n    }\n    div[style*=\"width: 122%\"] {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 8px auto !important;\n    }\n    div[style*=\"width: 122%\"] img {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n    }\n  }\n\n  @media (max-width: 420px) {\n    .banner { height: 180px; }\n    .video-full iframe { height: 200px; }\n    .shop-btn { font-size: 12px; padding: 6px 10px; }\n    .product-features h2 { font-size: 18px; }\n    .product-features li { font-size: 14px; }\n  }\n\n  \/* ✅ MOBILE FIX — Remove side white space *\/\n  @media (max-width: 1024px) {\n    html, body {\n      overflow-x: hidden !important;\n    }\n\n    .banner,\n    div[style*=\"width: 121%\"],\n    div[style*=\"width: 122%\"],\n    .slides {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 0 auto !important;\n    }\n\n    img, iframe {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n      display: block !important;\n    }\n\n    .description-section {\n      padding: 0 12px !important;\n    }\n  }\n\u003c\/style\u003e\n\u003cnav class=\"topnav\"\u003e\u003ca href=\"https:\/\/gardenistauk.com\/\"\u003eHOME\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/all-scatter-cushions\"\u003eOUTDOOR CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/cushion-covers\"\u003eCUSHION COVERS\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/chair-cushions\"\u003eCHAIR CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/lounger-pads-cushions\"\u003eLOUNGER CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/bench-accessories\"\u003eBENCH PAD\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/chairs\"\u003eSEAT PAD\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/rattan-replacement\"\u003eRATTAN CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/pallet-seating-accessories\"\u003ePALLET CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/furniture\"\u003eFURNITURE COVER\u003c\/a\u003e\u003c\/nav\u003e\n\u003cdiv class=\"banner\"\u003e\n\u003cdiv class=\"slides\"\u003e\n\u003cdiv class=\"slide\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/dVLX3RB7\/1.jpg\" alt=\"Slide 1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/vmnNLQC8\/2.jpg\" alt=\"Slide 2\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\u003ciframe src=\"https:\/\/www.youtube.com\/embed\/IWqhot4pLok\u0026amp;t=44s?autoplay=1\u0026amp;mute=1\u0026amp;controls=0\u0026amp;loop=1\u0026amp;playlist=IWqhot4pLok\u0026amp;t=44s\u0026amp;modestbranding=1\u0026amp;rel=0\" title=\"YouTube video banner\"\u003e\u003c\/iframe\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ca href=\"https:\/\/gardenistauk.com\/pages\/about-us\" class=\"shop-btn\"\u003eGARDENISTA\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-features\"\u003e\n\u003ch2 style=\"text-align: center;\"\u003e                              Product Features\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eWater-resistant 3-seater bench cushion designed for garden, patio and outdoor benches.\u003c\/li\u003e\n\u003cli\u003eFoldable design allows easy storage and convenient use with most standard folding bench seats.\u003c\/li\u003e\n\u003cli\u003eThick padded seat cushion provides enhanced support and comfort for extended seating.\u003c\/li\u003e\n\u003cli\u003eIdeal replacement bench seat pad for patios, balconies, terraces and backyard furniture.\u003cbr\u003e\n\u003c\/li\u003e\n\u003cli\u003eHidden zipper feature for easily removing the cover for machine wash.\u003c\/li\u003e\n\u003cli\u003eWe recommend storing it away when not in use.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv style=\"text-align: start; margin-bottom: 20px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"width: 121%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 0;\" alt=\"Product Post Image\" src=\"https:\/\/i.postimg.cc\/QMpXWLMM\/product-feature.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"description-section\"\u003e\n\u003cp\u003eEnhance your outdoor seating with this water-resistant foldable 3-seater bench cushion, designed to fit most standard garden and patio folding benches. Made from durable polyester fabric with thick padding, it provides superior comfort and long-lasting support for everyday outdoor use.\u003c\/p\u003e\n\u003cp\u003eThis garden folding bench seat pad features a practical foldable design for easy storage and convenience, making it perfect for patios, balconies, terraces and backyard spaces. The water-resistant material helps protect against light rain and spills, keeping your outdoor bench cushions looking fresh and stylish all season long.\u003c\/p\u003e\n\u003cp\u003eMake your garden into a cosy oasis with our water-resistant patio bench cushions, designed to withstand the elements while providing a touch of elegance. Enhance the ambiance of your patio space with our garden cushions, offering durability and charm for all your garden gatherings.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 👇 Yahan ye code paste karna hai --\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\" alt=\"Product Post Image\" src=\"https:\/\/i.postimg.cc\/L66BjnnF\/A-GP-G78-06-Updated.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\" alt=\"Product Post Image\" src=\"https:\/\/i.postimg.cc\/KY1KRWsC\/A-GP-G75-05.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\" alt=\"Product Post Image\" src=\"https:\/\/i.postimg.cc\/k52VBHpM\/A-GP-G75-02.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cbr\u003e\u003c\/div\u003e","brand":"Gardenista®","offers":[{"title":"Green","offer_id":37737766682773,"sku":"GP G78 Folding Harvest Green","price":34.99,"currency_code":"GBP","in_stock":false},{"title":"Grey","offer_id":37737766715541,"sku":"GP G78 Folding Harvest Grey","price":34.99,"currency_code":"GBP","in_stock":false},{"title":"Stone","offer_id":37737766748309,"sku":"GP G78 Folding Harvest Stone","price":34.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0513\/2563\/2661\/files\/Stone_1_382a1fa7-64f7-4e76-ad96-b684b820ae67.jpg?v=1772519704"},{"product_id":"175cm-x-40cmsun-loungercushion-pad","title":"Water-Resistant Outdoor Steamer Chair Cushion Folding Garden Sun Lounger Cushions with Headrest","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n    body {\n      margin: 0;\n      font-family: 'Roboto', sans-serif;\n    }\n\n    .topnav {\n      background-color: #E1D8CF;\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: flex-start;\n      gap: 5px;\n      padding: 10px 0;\n      position: relative;\n    }\n\n    .topnav a {\n      color: #4b6844;\n      padding: 10px 15px;\n      text-decoration: none;\n      font-size: 16px;\n      border-radius: 4px;\n      transition: background-color 0.3s ease;\n      text-transform: uppercase;\n      font-weight: 700;\n    }\n\n    .topnav a:hover {\n      background-color: #ddd;\n      color: black;\n    }\n\n    .topnav::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background-color: #4b6844;\n    }\n\n    :root {\n      --banner-height: 600px;\n      --hold-time: 40s;\n      --move-time: 2s;\n    }\n\n    * { box-sizing: border-box; margin: 0; padding: 0; }\n\n    .banner {\n      position: relative;\n      width: 121%;\n      height: var(--banner-height);\n      overflow: hidden;\n      margin-top: -0px;\n    }\n\n    .slides {\n      display: flex;\n      width: 100%;\n      animation: slideAnimation 38s infinite;\n    }\n\n    .slide {\n      flex: 0 0 100%;\n      position: relative;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .slide img,\n    .slide iframe {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      display: block;\n      border: none;\n    }\n\n    .shop-btn {\n      position: absolute;\n      top: 80px;\n      left: 80px;\n      z-index: 100;\n      background: #ffffff;\n      color: #4b6844;\n      font-size: 20px;\n      font-weight: 750;\n      padding: 14px 30px;\n      border: 2px solid #4b6844;\n      border-radius: 6px;\n      cursor: pointer;\n      transition: background 0.3s, color 0.3s;\n      text-transform: uppercase;\n      font-family: 'Poppins', sans-serif;\n      text-decoration: none;\n    }\n\n    .shop-btn:hover {\n      background: #4b6844;\n      color: #00;\n    }\n\n@keyframes slideAnimation {\n  0%   { transform: translateX(0%); }       \/* Slide 1 start *\/\n  10%  { transform: translateX(0%); }       \/* Hold Slide 1 *\/\n\n  15%  { transform: translateX(-100%); }    \/* Slide 2 *\/\n  25%  { transform: translateX(-100%); }    \/* Hold Slide 2 *\/\n\n  30%  { transform: translateX(-200%); }    \/* Video slide *\/\n  92%  { transform: translateX(-200%); }    \/* Hold video long (~30s) *\/\n\n  100% { transform: translateX(0%); }       \/* Back to start *\/\n}\n    .product-features h2 {\n      font-size: 26px;\n      font-weight: 700;\n      color: #4b6844;\n      text-align: center;\n      margin-bottom: 20px;\n      text-transform: uppercase;\n    }\n    .product-features ul {\n      list-style-type: disc;\n      list-style-position: inside;\n      margin: 0;\n    }\n    .product-features li {\n      margin-bottom: 12px;\n      line-height: 1.5;\n      color: #333;\n      padding-left: 30px;\n      text-indent: 0;\n      font-size: 18px;\n    }\n.description-section {\n  width: 100%;\n  max-width: 1300px;\n  margin: 40px auto;\n  padding: 0 60px;  \/* 👈 wider left\/right space *\/\n  font-family: 'Poppins', sans-serif;\n  color: #333;\n  font-size: 18px;\n  line-height: 1.9; \/* 👈 adds nice space between lines *\/\n  text-align: left;\n}\n\n.description-section p {\n  margin-bottom: 18px !important; \/* 👈 adds gap between paragraphs *\/\n}\n\n\/* ✅ Full-screen fit for second video *\/\n.video-full iframe {\n    width: 80%;\n      height: 105%;\n      object-fit: contain;\n      display: block;\n      border: none;\n}\n    @media (max-width:720px) { .banner { height: 250px; } }\n    @media (max-width:420px) { .banner { height: 180px; } }\n  \/* ✅ Mobile \u0026 Tablet Friendly Optimization *\/\n  @media (max-width: 1024px) {\n    .banner {\n      width: 100%;\n      height: 420px;\n    }\n    .slide img, \n    .slide iframe {\n      object-fit: contain;\n    }\n    .video-full iframe {\n      width: 100%;\n      height: 280px;\n    }\n    .shop-btn {\n      top: 30px;\n      left: 30px;\n      font-size: 16px;\n      padding: 10px 20px;\n    }\n  }\n\n  @media (max-width: 720px) {\n    .banner {\n      width: 100%;\n      height: 260px;\n    }\n    .topnav {\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 2px;\n      padding: 8px 0;\n    }\n    .topnav a {\n      font-size: 13px;\n      padding: 6px 8px;\n    }\n    .product-features h2 {\n      font-size: 20px;\n    }\n    .product-features li {\n      font-size: 15px;\n      line-height: 1.6;\n    }\n    .description-section {\n      padding: 0 10px;\n      font-size: 16px;\n      line-height: 1.6;\n    }\n    .video-full iframe {\n      width: 100%;\n      height: 230px;\n    }\n    .shop-btn {\n      top: 15px;\n      left: 15px;\n      font-size: 14px;\n      padding: 8px 14px;\n    }\n    div[style*=\"width: 122%\"] {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 8px auto !important;\n    }\n    div[style*=\"width: 122%\"] img {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n    }\n  }\n\n  @media (max-width: 420px) {\n    .banner { height: 180px; }\n    .video-full iframe { height: 200px; }\n    .shop-btn { font-size: 12px; padding: 6px 10px; }\n    .product-features h2 { font-size: 18px; }\n    .product-features li { font-size: 14px; }\n  }\n\n  \/* ✅ MOBILE FIX — Remove side white space *\/\n  @media (max-width: 1024px) {\n    html, body {\n      overflow-x: hidden !important;\n    }\n\n    .banner,\n    div[style*=\"width: 121%\"],\n    div[style*=\"width: 122%\"],\n    .slides {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 0 auto !important;\n    }\n\n    img, iframe {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n      display: block !important;\n    }\n\n    .description-section {\n      padding: 0 12px !important;\n    }\n  }\n\u003c\/style\u003e\n\u003cnav class=\"topnav\"\u003e\u003ca href=\"https:\/\/gardenistauk.com\/\"\u003eHOME\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/all-scatter-cushions\"\u003eOUTDOOR CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/cushion-covers\"\u003eCUSHION COVERS\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/chair-cushions\"\u003eCHAIR CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/lounger-pads-cushions\"\u003eLOUNGER CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/bench-accessories\"\u003eBENCH PAD\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/chairs\"\u003eSEAT PAD\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/rattan-replacement\"\u003eRATTAN CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/pallet-seating-accessories\"\u003ePALLET CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/furniture\"\u003eFURNITURE COVER\u003c\/a\u003e\u003c\/nav\u003e\n\u003cdiv class=\"banner\"\u003e\n\u003cdiv class=\"slides\"\u003e\n\u003cdiv class=\"slide\"\u003e\u003cimg alt=\"Slide 1\" src=\"https:\/\/i.postimg.cc\/dVLX3RB7\/1.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\u003cimg alt=\"Slide 2\" src=\"https:\/\/i.postimg.cc\/vmnNLQC8\/2.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\u003ciframe title=\"YouTube video banner\" src=\"https:\/\/www.youtube.com\/embed\/Ppm2pNlRZQQ?autoplay=1\u0026amp;mute=1\u0026amp;controls=0\u0026amp;loop=1\u0026amp;playlist=Ppm2pNlRZQQ\u0026amp;modestbranding=1\u0026amp;rel=0\"\u003e\u003c\/iframe\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ca class=\"shop-btn\" href=\"https:\/\/gardenistauk.com\/pages\/about-us\"\u003eGARDENISTA\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-features\"\u003e\n\u003ch2 style=\"text-align: center;\"\u003e                              Product Features\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eRelax with peace of mind knowing our garden steamer chair cushion is fire-retardant ensuring safety and protection.\u003c\/li\u003e\n\u003cli\u003eStylish, lightweight, durable design, and high-quality material for long-lasting use.\u003c\/li\u003e\n\u003cli\u003eExperience ultimate comfort with our premium sun lounger pads and comfortable filling.\u003c\/li\u003e\n\u003cli\u003eHigh-quality, water-resistant design for maximum comfort and durability.\u003c\/li\u003e\n\u003cli\u003eEasily washable lounger pads and removable covers for hassle-free cleaning and maintenance.\u003c\/li\u003e\n\u003cli\u003eHidden zipper feature for easily removing the cover for machine wash.\u003c\/li\u003e\n\u003cli\u003eWe recommend storing it away when not in use.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv style=\"text-align: start; margin-bottom: 20px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"width: 121%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/QMpXWLMM\/product-feature.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 0;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"description-section\"\u003e\n\u003cp\u003eOur water-resistant steamer chair cushions are crafted from high-quality materials for lasting comfort. This sun lounger pad features a water-resistant and fire-retardant 100% polyester fabric, making it versatile for outdoor use. Recliner cushions are filled with premium fibre, ensuring a supportive and comfortable seating experience, and you can easily clean them\u003c\/p\u003e\n\u003cp\u003eThis water-resistant patio sun lounger cushion boasts water-resistant and fire-retardant features, ensuring safety in potential fire-risk areas. Crafted with a premium 100% polyester cover, it combines practicality and durability for versatile use. Designed for patio loungers, the sun lounger replacement cushion pad effortlessly combines style and comfort.\u003c\/p\u003e\n\u003cp\u003eTransform your garden into a cosy oasis with our water-resistant patio sun lounger cushions, designed to withstand the elements while providing a touch of elegance. Enhance the ambiance of your patio space with our recliner sun lounger cushions, offering durability and charm for all your garden gatherings.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 👇 Yahan ye code paste karna hai --\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/PJtZxfhL\/6-2-11.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/sDYXtf8M\/05.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/zGqB5ZZK\/02.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cbr\u003e\u003c\/div\u003e","brand":"Gardenista®","offers":[{"title":"Black \/ Pack of 1","offer_id":37737768386709,"sku":"GP G10 Steamer B398 Black","price":39.99,"currency_code":"GBP","in_stock":true},{"title":"Black \/ Pack of 2","offer_id":48926835933501,"sku":"GP G10 Steamer B398 Black 2pk","price":64.99,"currency_code":"GBP","in_stock":true},{"title":"Black \/ Pack of 4","offer_id":48926835966269,"sku":"GP G10 Steamer B398 Black 4pk","price":104.99,"currency_code":"GBP","in_stock":true},{"title":"Black \/ Pack of 6","offer_id":48926835999037,"sku":"GP G10 Steamer B398 Black 6pk","price":124.99,"currency_code":"GBP","in_stock":true},{"title":"Blue \/ Pack of 1","offer_id":37737768419477,"sku":"GP G10 Steamer B398 Blue","price":39.99,"currency_code":"GBP","in_stock":true},{"title":"Blue \/ Pack of 2","offer_id":48926836031805,"sku":"GP G10 Steamer B398 Blue 2pk","price":64.99,"currency_code":"GBP","in_stock":true},{"title":"Blue \/ Pack of 4","offer_id":48926836064573,"sku":"GP G10 Steamer B398 Blue 4pk","price":104.99,"currency_code":"GBP","in_stock":true},{"title":"Blue \/ Pack of 6","offer_id":48926836097341,"sku":"GP G10 Steamer B398 Blue 6pk","price":124.99,"currency_code":"GBP","in_stock":true},{"title":"Green \/ Pack of 1","offer_id":37737768452245,"sku":"GP G10 Steamer B398 Green","price":39.99,"currency_code":"GBP","in_stock":false},{"title":"Green \/ Pack of 2","offer_id":48926836130109,"sku":"GP G10 Steamer B398 Green 2pk","price":64.99,"currency_code":"GBP","in_stock":false},{"title":"Green \/ Pack of 4","offer_id":48926836162877,"sku":"GP G10 Steamer B398 Green 4pk","price":104.99,"currency_code":"GBP","in_stock":false},{"title":"Green \/ Pack of 6","offer_id":48926836195645,"sku":"GP G10 Steamer B398 Green 6pk","price":124.99,"currency_code":"GBP","in_stock":false},{"title":"Grey \/ Pack of 1","offer_id":37737768485013,"sku":"GP G10 Steamer B398 Grey","price":39.99,"currency_code":"GBP","in_stock":true},{"title":"Grey \/ Pack of 2","offer_id":48926836228413,"sku":"GP G10 Steamer B398 Grey 2pk","price":64.99,"currency_code":"GBP","in_stock":true},{"title":"Grey \/ Pack of 4","offer_id":48926836261181,"sku":"GP G10 Steamer B398 Grey 4pk","price":104.99,"currency_code":"GBP","in_stock":true},{"title":"Grey \/ Pack of 6","offer_id":48926836293949,"sku":"GP G10 Steamer B398 Grey 6pk","price":124.99,"currency_code":"GBP","in_stock":true},{"title":"Lime \/ Pack of 1","offer_id":37737768517781,"sku":"GP G10 Steamer B398 Lime","price":39.99,"currency_code":"GBP","in_stock":true},{"title":"Lime \/ Pack of 2","offer_id":48926836326717,"sku":"GP G10 Steamer B398 Lime 2pk","price":64.99,"currency_code":"GBP","in_stock":true},{"title":"Lime \/ Pack of 4","offer_id":48926836359485,"sku":"GP G10 Steamer B398 Lime 4pk","price":104.99,"currency_code":"GBP","in_stock":true},{"title":"Lime \/ Pack of 6","offer_id":48926836392253,"sku":"GP G10 Steamer B398 Lime 6pk","price":124.99,"currency_code":"GBP","in_stock":true},{"title":"Pink \/ Pack of 1","offer_id":37737768550549,"sku":"GP G10 Steamer B398 Pink","price":39.99,"currency_code":"GBP","in_stock":true},{"title":"Pink \/ Pack of 2","offer_id":48926836425021,"sku":"GP G10 Steamer B398 Pink 2pk","price":64.99,"currency_code":"GBP","in_stock":true},{"title":"Pink \/ Pack of 4","offer_id":48926836457789,"sku":"GP G10 Steamer B398 Pink 4pk","price":104.99,"currency_code":"GBP","in_stock":true},{"title":"Pink \/ Pack of 6","offer_id":48926836490557,"sku":"GP G10 Steamer B398 Pink 6pk","price":124.99,"currency_code":"GBP","in_stock":true},{"title":"Purple \/ Pack of 1","offer_id":37737768583317,"sku":"GP G10 Steamer B398 Purple","price":39.99,"currency_code":"GBP","in_stock":true},{"title":"Purple \/ Pack of 2","offer_id":48926836523325,"sku":"GP G10 Steamer B398 Purple 2pk","price":64.99,"currency_code":"GBP","in_stock":true},{"title":"Purple \/ Pack of 4","offer_id":48926836556093,"sku":"GP G10 Steamer B398 Purple 4pk","price":104.99,"currency_code":"GBP","in_stock":true},{"title":"Purple \/ Pack of 6","offer_id":48926836588861,"sku":"GP G10 Steamer B398 Purple 6pk","price":124.99,"currency_code":"GBP","in_stock":true},{"title":"Red \/ Pack of 1","offer_id":37737768616085,"sku":"GP G10 Steamer B398 Red","price":39.99,"currency_code":"GBP","in_stock":true},{"title":"Red \/ Pack of 2","offer_id":48926836621629,"sku":"GP G10 Steamer B398 Red 2pk","price":64.99,"currency_code":"GBP","in_stock":true},{"title":"Red \/ Pack of 4","offer_id":48926836654397,"sku":"GP G10 Steamer B398 Red 4pk","price":104.99,"currency_code":"GBP","in_stock":true},{"title":"Red \/ Pack of 6","offer_id":48926836687165,"sku":"GP G10 Steamer B398 Red 6pk","price":124.99,"currency_code":"GBP","in_stock":true},{"title":"Stone \/ Pack of 1","offer_id":37737768648853,"sku":"GP G10 Steamer B398 Stone","price":39.99,"currency_code":"GBP","in_stock":true},{"title":"Stone \/ Pack of 2","offer_id":48926836719933,"sku":"GP G10 Steamer B398 Stone 2pk","price":64.99,"currency_code":"GBP","in_stock":true},{"title":"Stone \/ Pack of 4","offer_id":48926836752701,"sku":"GP G10 Steamer B398 Stone 4pk","price":104.99,"currency_code":"GBP","in_stock":false},{"title":"Stone \/ Pack of 6","offer_id":48926836785469,"sku":"GP G10 Steamer B398 Stone 6pk","price":124.99,"currency_code":"GBP","in_stock":false},{"title":"Turquoise \/ Pack of 1","offer_id":37737768681621,"sku":"GP G10 Steamer B398 Turquoise","price":39.99,"currency_code":"GBP","in_stock":true},{"title":"Turquoise \/ Pack of 2","offer_id":48926836818237,"sku":"GP G10 Steamer B398 Turquoise 2pk","price":64.99,"currency_code":"GBP","in_stock":true},{"title":"Turquoise \/ Pack of 4","offer_id":48926836851005,"sku":"GP G10 Steamer B398 Turquoise 4pk","price":104.99,"currency_code":"GBP","in_stock":true},{"title":"Turquoise \/ Pack of 6","offer_id":48926836883773,"sku":"GP G10 Steamer B398 Turquoise 6pk","price":124.99,"currency_code":"GBP","in_stock":true},{"title":"Yellow \/ Pack of 1","offer_id":37737768714389,"sku":"GP G10 Steamer B398 Yellow","price":39.99,"currency_code":"GBP","in_stock":true},{"title":"Yellow \/ Pack of 2","offer_id":48926836916541,"sku":"GP G10 Steamer B398 Yellow 2pk","price":64.99,"currency_code":"GBP","in_stock":true},{"title":"Yellow \/ Pack of 4","offer_id":48926836949309,"sku":"GP G10 Steamer B398 Yellow 4pk","price":104.99,"currency_code":"GBP","in_stock":true},{"title":"Yellow \/ Pack of 6","offer_id":48926836982077,"sku":"GP G10 Steamer B398 Yellow 6pk","price":124.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0513\/2563\/2661\/products\/Black-1.jpg?v=1772519678"},{"product_id":"205cm-x-59cmsun-loungercushion-pad","title":"Outdoor Sun Lounger Cushions Water-Resistant Sunbed Seat Pad With Headrest","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n    body {\n      margin: 0;\n      font-family: 'Roboto', sans-serif;\n    }\n\n    .topnav {\n      background-color: #E1D8CF;\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: flex-start;\n      gap: 5px;\n      padding: 10px 0;\n      position: relative;\n    }\n\n    .topnav a {\n      color: #4b6844;\n      padding: 10px 15px;\n      text-decoration: none;\n      font-size: 16px;\n      border-radius: 4px;\n      transition: background-color 0.3s ease;\n      text-transform: uppercase;\n      font-weight: 700;\n    }\n\n    .topnav a:hover {\n      background-color: #ddd;\n      color: black;\n    }\n\n    .topnav::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background-color: #4b6844;\n    }\n\n    :root {\n      --banner-height: 600px;\n      --hold-time: 40s;\n      --move-time: 2s;\n    }\n\n    * { box-sizing: border-box; margin: 0; padding: 0; }\n\n    .banner {\n      position: relative;\n      width: 121%;\n      height: var(--banner-height);\n      overflow: hidden;\n      margin-top: -0px;\n    }\n\n    .slides {\n      display: flex;\n      width: 100%;\n      animation: slideAnimation 38s infinite;\n    }\n\n    .slide {\n      flex: 0 0 100%;\n      position: relative;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .slide img,\n    .slide iframe {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      display: block;\n      border: none;\n    }\n\n    .shop-btn {\n      position: absolute;\n      top: 80px;\n      left: 80px;\n      z-index: 100;\n      background: #ffffff;\n      color: #4b6844;\n      font-size: 20px;\n      font-weight: 750;\n      padding: 14px 30px;\n      border: 2px solid #4b6844;\n      border-radius: 6px;\n      cursor: pointer;\n      transition: background 0.3s, color 0.3s;\n      text-transform: uppercase;\n      font-family: 'Poppins', sans-serif;\n      text-decoration: none;\n    }\n\n    .shop-btn:hover {\n      background: #4b6844;\n      color: #00;\n    }\n\n@keyframes slideAnimation {\n  0%   { transform: translateX(0%); }       \/* Slide 1 start *\/\n  10%  { transform: translateX(0%); }       \/* Hold Slide 1 *\/\n\n  15%  { transform: translateX(-100%); }    \/* Slide 2 *\/\n  25%  { transform: translateX(-100%); }    \/* Hold Slide 2 *\/\n\n  30%  { transform: translateX(-200%); }    \/* Video slide *\/\n  92%  { transform: translateX(-200%); }    \/* Hold video long (~30s) *\/\n\n  100% { transform: translateX(0%); }       \/* Back to start *\/\n}\n    .product-features h2 {\n      font-size: 26px;\n      font-weight: 700;\n      color: #4b6844;\n      text-align: center;\n      margin-bottom: 20px;\n      text-transform: uppercase;\n    }\n    .product-features ul {\n      list-style-type: disc;\n      list-style-position: inside;\n      margin: 0;\n    }\n    .product-features li {\n      margin-bottom: 12px;\n      line-height: 1.5;\n      color: #333;\n      padding-left: 30px;\n      text-indent: 0;\n      font-size: 18px;\n    }\n.description-section {\n  width: 100%;\n  max-width: 1300px;\n  margin: 40px auto;\n  padding: 0 60px;  \/* 👈 wider left\/right space *\/\n  font-family: 'Poppins', sans-serif;\n  color: #333;\n  font-size: 18px;\n  line-height: 1.9; \/* 👈 adds nice space between lines *\/\n  text-align: left;\n}\n\n.description-section p {\n  margin-bottom: 18px !important; \/* 👈 adds gap between paragraphs *\/\n}\n\n\/* ✅ Full-screen fit for second video *\/\n.video-full iframe {\n    width: 80%;\n      height: 105%;\n      object-fit: contain;\n      display: block;\n      border: none;\n}\n    @media (max-width:720px) { .banner { height: 250px; } }\n    @media (max-width:420px) { .banner { height: 180px; } }\n  \/* ✅ Mobile \u0026 Tablet Friendly Optimization *\/\n  @media (max-width: 1024px) {\n    .banner {\n      width: 100%;\n      height: 420px;\n    }\n    .slide img, \n    .slide iframe {\n      object-fit: contain;\n    }\n    .video-full iframe {\n      width: 100%;\n      height: 280px;\n    }\n    .shop-btn {\n      top: 30px;\n      left: 30px;\n      font-size: 16px;\n      padding: 10px 20px;\n    }\n  }\n\n  @media (max-width: 720px) {\n    .banner {\n      width: 100%;\n      height: 260px;\n    }\n    .topnav {\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 2px;\n      padding: 8px 0;\n    }\n    .topnav a {\n      font-size: 13px;\n      padding: 6px 8px;\n    }\n    .product-features h2 {\n      font-size: 20px;\n    }\n    .product-features li {\n      font-size: 15px;\n      line-height: 1.6;\n    }\n    .description-section {\n      padding: 0 10px;\n      font-size: 16px;\n      line-height: 1.6;\n    }\n    .video-full iframe {\n      width: 100%;\n      height: 230px;\n    }\n    .shop-btn {\n      top: 15px;\n      left: 15px;\n      font-size: 14px;\n      padding: 8px 14px;\n    }\n    div[style*=\"width: 122%\"] {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 8px auto !important;\n    }\n    div[style*=\"width: 122%\"] img {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n    }\n  }\n\n  @media (max-width: 420px) {\n    .banner { height: 180px; }\n    .video-full iframe { height: 200px; }\n    .shop-btn { font-size: 12px; padding: 6px 10px; }\n    .product-features h2 { font-size: 18px; }\n    .product-features li { font-size: 14px; }\n  }\n\n  \/* ✅ MOBILE FIX — Remove side white space *\/\n  @media (max-width: 1024px) {\n    html, body {\n      overflow-x: hidden !important;\n    }\n\n    .banner,\n    div[style*=\"width: 121%\"],\n    div[style*=\"width: 122%\"],\n    .slides {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 0 auto !important;\n    }\n\n    img, iframe {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n      display: block !important;\n    }\n\n    .description-section {\n      padding: 0 12px !important;\n    }\n  }\n\u003c\/style\u003e\n\u003cnav class=\"topnav\"\u003e\u003ca href=\"https:\/\/gardenistauk.com\/\"\u003eHOME\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/all-scatter-cushions\"\u003eOUTDOOR CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/cushion-covers\"\u003eCUSHION COVERS\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/chair-cushions\"\u003eCHAIR CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/lounger-pads-cushions\"\u003eLOUNGER CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/bench-accessories\"\u003eBENCH PAD\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/chairs\"\u003eSEAT PAD\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/rattan-replacement\"\u003eRATTAN CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/pallet-seating-accessories\"\u003ePALLET CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/furniture\"\u003eFURNITURE COVER\u003c\/a\u003e\u003c\/nav\u003e\n\u003cdiv class=\"banner\"\u003e\n\u003cdiv class=\"slides\"\u003e\n\u003cdiv class=\"slide\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/dVLX3RB7\/1.jpg\" alt=\"Slide 1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/vmnNLQC8\/2.jpg\" alt=\"Slide 2\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\u003ciframe src=\"https:\/\/www.youtube.com\/embed\/j4d5_clUDwc\u0026amp;t=41s?autoplay=1\u0026amp;mute=1\u0026amp;controls=0\u0026amp;loop=1\u0026amp;playlist=j4d5_clUDwc\u0026amp;t=41s\u0026amp;modestbranding=1\u0026amp;rel=0\" title=\"YouTube video banner\"\u003e\u003c\/iframe\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ca href=\"https:\/\/gardenistauk.com\/pages\/about-us\" class=\"shop-btn\"\u003eGARDENISTA\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-features\"\u003e\n\u003ch2 style=\"text-align: center;\"\u003e                              Product Features\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eRelax with peace of mind knowing our garden sun lounger cushions are fire-retardant ensuring safety and protection.\u003c\/li\u003e\n\u003cli\u003eStylish, lightweight, durable design, and high-quality material for long-lasting use.\u003c\/li\u003e\n\u003cli\u003eExperience ultimate comfort with our premium sun lounger pads and comfortable filling.\u003c\/li\u003e\n\u003cli\u003eHigh-quality, water-resistant design for maximum comfort and durability.\u003c\/li\u003e\n\u003cli\u003eEasily washable lounger pads and removable covers for hassle-free cleaning and maintenance.\u003c\/li\u003e\n\u003cli\u003eHidden zipper feature for easily removing the cover for machine wash.\u003c\/li\u003e\n\u003cli\u003eWe recommend storing it away when not in use.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv style=\"text-align: start; margin-bottom: 20px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"width: 121%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 0;\" alt=\"Product Post Image\" src=\"https:\/\/i.postimg.cc\/QMpXWLMM\/product-feature.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"description-section\"\u003e\n\u003cp\u003eOur single rattan sun lounger cushion pad is crafted from high-quality materials for lasting comfort. This sun lounger pad features a water-resistant and fire-retardant 100% polyester fabric, making it versatile for outdoor use. The cushions are filled with premium fibre, ensuring a supportive and comfortable seating experience, and you can easily clean them\u003c\/p\u003e\n\u003cp\u003eThis water-resistant patio sun lounger cushion boasts water-resistant and fire-retardant features, ensuring safety in potential fire-risk areas. Crafted with a premium 100% polyester cover, it combines practicality and durability for versatile use. Designed for patio loungers, the sun lounger replacement cushion pad effortlessly combines style and comfort.\u003c\/p\u003e\n\u003cp\u003eTransform your garden into a cosy oasis with our water-resistant patio sun lounger cushions, designed to withstand the elements while providing a touch of elegance. Enhance the ambiance of your patio space with our recliner sun lounger cushions, offering durability and charm for all your garden gatherings.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 👇 Yahan ye code paste karna hai --\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\" alt=\"Product Post Image\" src=\"https:\/\/i.postimg.cc\/Jtw0GvLV\/6-2-3.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\" alt=\"Product Post Image\" src=\"https:\/\/i.postimg.cc\/26J1RvJq\/05.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\" alt=\"Product Post Image\" src=\"https:\/\/i.postimg.cc\/G2JRW5q4\/02.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cbr\u003e\u003c\/div\u003e","brand":"Gardenista®","offers":[{"title":"Blue","offer_id":37737770844309,"sku":"GP G14 Sunbed B398 Blue","price":49.99,"currency_code":"GBP","in_stock":true},{"title":"Green","offer_id":37737770877077,"sku":"GP G14 Sunbed B398 Green","price":49.99,"currency_code":"GBP","in_stock":true},{"title":"Grey","offer_id":37737770909845,"sku":"GP G14 Sunbed B398 Grey","price":49.99,"currency_code":"GBP","in_stock":true},{"title":"Lime","offer_id":37737770942613,"sku":"GP G14 Sunbed B398 Lime","price":49.99,"currency_code":"GBP","in_stock":true},{"title":"Navy","offer_id":37737770975381,"sku":"GP G14 Sunbed B398 Navy","price":49.99,"currency_code":"GBP","in_stock":true},{"title":"Pink","offer_id":37737771008149,"sku":"GP G14 Sunbed B398 Pink","price":49.99,"currency_code":"GBP","in_stock":true},{"title":"Purple","offer_id":37737771040917,"sku":"GP G14 Sunbed B398 Purple","price":49.99,"currency_code":"GBP","in_stock":true},{"title":"Red","offer_id":37737771073685,"sku":"GP G14 Sunbed B398 Red","price":49.99,"currency_code":"GBP","in_stock":true},{"title":"Stone","offer_id":37737771106453,"sku":"GP G14 Sunbed B398 Stone","price":49.99,"currency_code":"GBP","in_stock":true},{"title":"Turquoise","offer_id":37737771139221,"sku":"GP G14 Sunbed B398 Turq","price":49.99,"currency_code":"GBP","in_stock":true},{"title":"Yellow","offer_id":37737771171989,"sku":"GP G14 Sunbed B398 Yellow","price":49.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0513\/2563\/2661\/files\/G14-Sunbed-B398-Blue-Lifestyle-small.jpg?v=1772519659"},{"product_id":"196cm-x-53cmsun-loungercushion-pad","title":"Outdoor Water Resistant Sun Lounger Cushions for Garden Patio Lounger Pads","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n    body {\n      margin: 0;\n      font-family: 'Roboto', sans-serif;\n    }\n\n    .topnav {\n      background-color: #E1D8CF;\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: flex-start;\n      gap: 5px;\n      padding: 10px 0;\n      position: relative;\n    }\n\n    .topnav a {\n      color: #4b6844;\n      padding: 10px 15px;\n      text-decoration: none;\n      font-size: 16px;\n      border-radius: 4px;\n      transition: background-color 0.3s ease;\n      text-transform: uppercase;\n      font-weight: 700;\n    }\n\n    .topnav a:hover {\n      background-color: #ddd;\n      color: black;\n    }\n\n    .topnav::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background-color: #4b6844;\n    }\n\n    :root {\n      --banner-height: 600px;\n      --hold-time: 40s;\n      --move-time: 2s;\n    }\n\n    * { box-sizing: border-box; margin: 0; padding: 0; }\n\n    .banner {\n      position: relative;\n      width: 121%;\n      height: var(--banner-height);\n      overflow: hidden;\n      margin-top: -0px;\n    }\n\n    .slides {\n      display: flex;\n      width: 100%;\n      animation: slideAnimation 38s infinite;\n    }\n\n    .slide {\n      flex: 0 0 100%;\n      position: relative;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .slide img,\n    .slide iframe {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      display: block;\n      border: none;\n    }\n\n    .shop-btn {\n      position: absolute;\n      top: 80px;\n      left: 80px;\n      z-index: 100;\n      background: #ffffff;\n      color: #4b6844;\n      font-size: 20px;\n      font-weight: 750;\n      padding: 14px 30px;\n      border: 2px solid #4b6844;\n      border-radius: 6px;\n      cursor: pointer;\n      transition: background 0.3s, color 0.3s;\n      text-transform: uppercase;\n      font-family: 'Poppins', sans-serif;\n      text-decoration: none;\n    }\n\n    .shop-btn:hover {\n      background: #4b6844;\n      color: #00;\n    }\n\n@keyframes slideAnimation {\n  0%   { transform: translateX(0%); }       \/* Slide 1 start *\/\n  10%  { transform: translateX(0%); }       \/* Hold Slide 1 *\/\n\n  15%  { transform: translateX(-100%); }    \/* Slide 2 *\/\n  25%  { transform: translateX(-100%); }    \/* Hold Slide 2 *\/\n\n  30%  { transform: translateX(-200%); }    \/* Video slide *\/\n  92%  { transform: translateX(-200%); }    \/* Hold video long (~30s) *\/\n\n  100% { transform: translateX(0%); }       \/* Back to start *\/\n}\n    .product-features h2 {\n      font-size: 26px;\n      font-weight: 700;\n      color: #4b6844;\n      text-align: center;\n      margin-bottom: 20px;\n      text-transform: uppercase;\n    }\n    .product-features ul {\n      list-style-type: disc;\n      list-style-position: inside;\n      margin: 0;\n    }\n    .product-features li {\n      margin-bottom: 12px;\n      line-height: 1.5;\n      color: #333;\n      padding-left: 30px;\n      text-indent: 0;\n      font-size: 18px;\n    }\n.description-section {\n  width: 100%;\n  max-width: 1300px;\n  margin: 40px auto;\n  padding: 0 60px;  \/* 👈 wider left\/right space *\/\n  font-family: 'Poppins', sans-serif;\n  color: #333;\n  font-size: 18px;\n  line-height: 1.9; \/* 👈 adds nice space between lines *\/\n  text-align: left;\n}\n\n.description-section p {\n  margin-bottom: 18px !important; \/* 👈 adds gap between paragraphs *\/\n}\n\n\/* ✅ Full-screen fit for second video *\/\n.video-full iframe {\n    width: 80%;\n      height: 105%;\n      object-fit: contain;\n      display: block;\n      border: none;\n}\n    @media (max-width:720px) { .banner { height: 250px; } }\n    @media (max-width:420px) { .banner { height: 180px; } }\n  \/* ✅ Mobile \u0026 Tablet Friendly Optimization *\/\n  @media (max-width: 1024px) {\n    .banner {\n      width: 100%;\n      height: 420px;\n    }\n    .slide img, \n    .slide iframe {\n      object-fit: contain;\n    }\n    .video-full iframe {\n      width: 100%;\n      height: 280px;\n    }\n    .shop-btn {\n      top: 30px;\n      left: 30px;\n      font-size: 16px;\n      padding: 10px 20px;\n    }\n  }\n\n  @media (max-width: 720px) {\n    .banner {\n      width: 100%;\n      height: 260px;\n    }\n    .topnav {\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 2px;\n      padding: 8px 0;\n    }\n    .topnav a {\n      font-size: 13px;\n      padding: 6px 8px;\n    }\n    .product-features h2 {\n      font-size: 20px;\n    }\n    .product-features li {\n      font-size: 15px;\n      line-height: 1.6;\n    }\n    .description-section {\n      padding: 0 10px;\n      font-size: 16px;\n      line-height: 1.6;\n    }\n    .video-full iframe {\n      width: 100%;\n      height: 230px;\n    }\n    .shop-btn {\n      top: 15px;\n      left: 15px;\n      font-size: 14px;\n      padding: 8px 14px;\n    }\n    div[style*=\"width: 122%\"] {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 8px auto !important;\n    }\n    div[style*=\"width: 122%\"] img {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n    }\n  }\n\n  @media (max-width: 420px) {\n    .banner { height: 180px; }\n    .video-full iframe { height: 200px; }\n    .shop-btn { font-size: 12px; padding: 6px 10px; }\n    .product-features h2 { font-size: 18px; }\n    .product-features li { font-size: 14px; }\n  }\n\n  \/* ✅ MOBILE FIX — Remove side white space *\/\n  @media (max-width: 1024px) {\n    html, body {\n      overflow-x: hidden !important;\n    }\n\n    .banner,\n    div[style*=\"width: 121%\"],\n    div[style*=\"width: 122%\"],\n    .slides {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 0 auto !important;\n    }\n\n    img, iframe {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n      display: block !important;\n    }\n\n    .description-section {\n      padding: 0 12px !important;\n    }\n  }\n\u003c\/style\u003e\n\u003cnav class=\"topnav\"\u003e\u003ca href=\"https:\/\/gardenistauk.com\/\"\u003eHOME\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/all-scatter-cushions\"\u003eOUTDOOR CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/cushion-covers\"\u003eCUSHION COVERS\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/chair-cushions\"\u003eCHAIR CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/lounger-pads-cushions\"\u003eLOUNGER CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/bench-accessories\"\u003eBENCH PAD\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/chairs\"\u003eSEAT PAD\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/rattan-replacement\"\u003eRATTAN CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/pallet-seating-accessories\"\u003ePALLET CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/furniture\"\u003eFURNITURE COVER\u003c\/a\u003e\u003c\/nav\u003e\n\u003cdiv class=\"banner\"\u003e\n\u003cdiv class=\"slides\"\u003e\n\u003cdiv class=\"slide\"\u003e\u003cimg alt=\"Slide 1\" src=\"https:\/\/i.postimg.cc\/dVLX3RB7\/1.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\u003cimg alt=\"Slide 2\" src=\"https:\/\/i.postimg.cc\/vmnNLQC8\/2.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\u003ciframe title=\"YouTube video banner\" src=\"https:\/\/www.youtube.com\/embed\/BfP3eZV_InQ?autoplay=1\u0026amp;mute=1\u0026amp;controls=0\u0026amp;loop=1\u0026amp;playlist=BfP3eZV_InQ\u0026amp;modestbranding=1\u0026amp;rel=0\"\u003e\u003c\/iframe\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ca class=\"shop-btn\" href=\"https:\/\/gardenistauk.com\/pages\/about-us\"\u003eGARDENISTA\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-features\"\u003e\n\u003ch2 style=\"text-align: center;\"\u003e                              Product Features\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eRelax with peace of mind knowing our garden sun lounger cushions are fire-retardant ensuring safety and protection.\u003c\/li\u003e\n\u003cli\u003eStylish, lightweight, durable design, and high-quality material for long-lasting use.\u003c\/li\u003e\n\u003cli\u003eExperience ultimate comfort with our premium sun lounger pads and comfortable filling.\u003c\/li\u003e\n\u003cli\u003eHigh-quality, water-resistant design for maximum comfort and durability.\u003c\/li\u003e\n\u003cli\u003eEasily washable lounger pads and removable covers for hassle-free cleaning and maintenance.\u003c\/li\u003e\n\u003cli\u003eHidden zipper feature for easily removing the cover for machine wash.\u003c\/li\u003e\n\u003cli\u003eWe recommend storing it away when not in use.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv style=\"text-align: start; margin-bottom: 20px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"width: 121%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/QMpXWLMM\/product-feature.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 0;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"description-section\"\u003e\n\u003cp\u003eOur Water-Resistant Rattan Sun Lounger Recliner Cushions are crafted from high-quality materials for lasting comfort. This sun lounger pad features a water-resistant and fire-retardant 100% polyester fabric, making it versatile for outdoor use. The cushions are filled with premium fibre, ensuring a supportive and comfortable seating experience, and you can easily clean them\u003c\/p\u003e\n\u003cp\u003eThis water-resistant patio sun lounger cushion boasts water-resistant and fire-retardant features, ensuring safety in potential fire-risk areas. Crafted with a premium 100% polyester cover, it combines practicality and durability for versatile use. Designed for patio loungers, the sun lounger replacement cushion pad effortlessly combines style and comfort.\u003c\/p\u003e\n\u003cp\u003eTransform your garden into a cosy oasis with our water-resistant patio sun lounger cushions, designed to withstand the elements while providing a touch of elegance. Enhance the ambiance of your patio space with our recliner sun lounger cushions, offering durability and charm for all your garden gatherings.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 👇 Yahan ye code paste karna hai --\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/0yCmtcJR\/06.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/dVXmVcLn\/05.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/G2JRW5q4\/02.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cbr\u003e\u003c\/div\u003e","brand":"Gardenista®","offers":[{"title":"Black \/ Pack of 1","offer_id":37737772515477,"sku":"GP G4 Lounger Pad B398 Black","price":59.99,"currency_code":"GBP","in_stock":false},{"title":"Black \/ Pack of 2","offer_id":37737772548245,"sku":"GP G4 Lounger Pad B398 Black 2pk","price":94.99,"currency_code":"GBP","in_stock":false},{"title":"Black \/ Pack of 3","offer_id":37737772581013,"sku":"GP G4 Lounger Pad B398 Black 3pk","price":134.99,"currency_code":"GBP","in_stock":false},{"title":"Black \/ Pack of 4","offer_id":37737772613781,"sku":"GP G4 Lounger Pad B398 Black 4pk","price":164.99,"currency_code":"GBP","in_stock":false},{"title":"Blue \/ Pack of 1","offer_id":37737772646549,"sku":"GP G4 Lounger Pad B398 Blue","price":59.99,"currency_code":"GBP","in_stock":false},{"title":"Blue \/ Pack of 2","offer_id":37737772712085,"sku":"GP G4 Lounger Pad B398 Blue 2pk","price":94.99,"currency_code":"GBP","in_stock":false},{"title":"Blue \/ Pack of 3","offer_id":37737772744853,"sku":"GP G4 Lounger Pad B398 Blue 3pk","price":134.99,"currency_code":"GBP","in_stock":false},{"title":"Blue \/ Pack of 4","offer_id":37737772777621,"sku":"GP G4 Lounger Pad B398 Blue 4pk","price":164.99,"currency_code":"GBP","in_stock":false},{"title":"Green \/ Pack of 1","offer_id":37737772810389,"sku":"GP G4 Lounger Pad B398 Green","price":59.99,"currency_code":"GBP","in_stock":true},{"title":"Green \/ Pack of 2","offer_id":37737772843157,"sku":"GP G4 Lounger Pad B398 Green 2pk","price":94.99,"currency_code":"GBP","in_stock":true},{"title":"Green \/ Pack of 3","offer_id":37737772875925,"sku":"GP G4 Lounger Pad B398 Green 3pk","price":134.99,"currency_code":"GBP","in_stock":true},{"title":"Green \/ Pack of 4","offer_id":37737772908693,"sku":"GP G4 Lounger Pad B398 Green 4pk","price":164.99,"currency_code":"GBP","in_stock":true},{"title":"Grey \/ Pack of 1","offer_id":37737772941461,"sku":"GP G4 Lounger Pad B398 Grey","price":59.99,"currency_code":"GBP","in_stock":true},{"title":"Grey \/ Pack of 2","offer_id":37737772974229,"sku":"GP G4 Lounger Pad B398 Grey 2pk","price":94.99,"currency_code":"GBP","in_stock":true},{"title":"Grey \/ Pack of 3","offer_id":37737773006997,"sku":"GP G4 Lounger Pad B398 Grey 3pk","price":134.99,"currency_code":"GBP","in_stock":true},{"title":"Grey \/ Pack of 4","offer_id":37737773039765,"sku":"GP G4 Lounger Pad B398 Grey 4pk","price":164.99,"currency_code":"GBP","in_stock":true},{"title":"Lime \/ Pack of 1","offer_id":37737773072533,"sku":"GP G4 Lounger Pad B398 Lime","price":59.99,"currency_code":"GBP","in_stock":false},{"title":"Lime \/ Pack of 2","offer_id":37737773105301,"sku":"GP G4 Lounger Pad B398 Lime 2pk","price":94.97,"currency_code":"GBP","in_stock":false},{"title":"Lime \/ Pack of 3","offer_id":37737773138069,"sku":"GP G4 Lounger Pad B398 Lime 3pk","price":134.99,"currency_code":"GBP","in_stock":false},{"title":"Lime \/ Pack of 4","offer_id":37737773170837,"sku":"GP G4 Lounger Pad B398 Lime 4pk","price":164.99,"currency_code":"GBP","in_stock":false},{"title":"Pink \/ Pack of 1","offer_id":37737773203605,"sku":"GP G4 Lounger Pad B398 Pink","price":59.99,"currency_code":"GBP","in_stock":false},{"title":"Pink \/ Pack of 2","offer_id":37737773236373,"sku":"GP G4 Lounger Pad B398 Pink 2pk","price":94.99,"currency_code":"GBP","in_stock":false},{"title":"Pink \/ Pack of 3","offer_id":37737773269141,"sku":"GP G4 Lounger Pad B398 Pink 3pk","price":134.99,"currency_code":"GBP","in_stock":false},{"title":"Pink \/ Pack of 4","offer_id":37737773301909,"sku":"GP G4 Lounger Pad B398 Pink 4pk","price":164.99,"currency_code":"GBP","in_stock":false},{"title":"Purple \/ Pack of 1","offer_id":37737773334677,"sku":"GP G4 Lounger Pad B398 Purple","price":59.99,"currency_code":"GBP","in_stock":false},{"title":"Purple \/ Pack of 2","offer_id":37737773367445,"sku":"GP G4 Lounger Pad B398 Purple 2pk","price":94.99,"currency_code":"GBP","in_stock":false},{"title":"Purple \/ Pack of 3","offer_id":37737773400213,"sku":"GP G4 Lounger Pad B398 Purple 3pk","price":134.99,"currency_code":"GBP","in_stock":false},{"title":"Purple \/ Pack of 4","offer_id":37737773432981,"sku":"GP G4 Lounger Pad B398 Purple 4pk","price":164.99,"currency_code":"GBP","in_stock":false},{"title":"Red \/ Pack of 1","offer_id":37737773465749,"sku":"GP G4 Lounger Pad B398 Red","price":59.99,"currency_code":"GBP","in_stock":true},{"title":"Red \/ Pack of 2","offer_id":37737773498517,"sku":"GP G4 Lounger Pad B398 Red 2pk","price":94.99,"currency_code":"GBP","in_stock":true},{"title":"Red \/ Pack of 3","offer_id":37737773531285,"sku":"GP G4 Lounger Pad B398 Red 3pk","price":134.99,"currency_code":"GBP","in_stock":false},{"title":"Red \/ Pack of 4","offer_id":37737773564053,"sku":"GP G4 Lounger Pad B398 Red 4pk","price":164.99,"currency_code":"GBP","in_stock":false},{"title":"Stone \/ Pack of 1","offer_id":37737773596821,"sku":"GP G4 Lounger Pad B398 Stone","price":59.99,"currency_code":"GBP","in_stock":false},{"title":"Stone \/ Pack of 2","offer_id":37737773629589,"sku":"GP G4 Lounger Pad B398 Stone 2pk","price":94.99,"currency_code":"GBP","in_stock":false},{"title":"Stone \/ Pack of 3","offer_id":37737773662357,"sku":"GP G4 Lounger Pad B398 Stone 3pk","price":134.99,"currency_code":"GBP","in_stock":false},{"title":"Stone \/ Pack of 4","offer_id":37737773695125,"sku":"GP G4 Lounger Pad B398 Stone 4pk","price":164.99,"currency_code":"GBP","in_stock":false},{"title":"Turquoise \/ Pack of 1","offer_id":37737773727893,"sku":"GP G4 Lounger Pad B398 Turquoise","price":59.99,"currency_code":"GBP","in_stock":false},{"title":"Turquoise \/ Pack of 2","offer_id":37737773760661,"sku":"GP G4 Lounger Pad B398 Turquois 2pk","price":94.99,"currency_code":"GBP","in_stock":false},{"title":"Turquoise \/ Pack of 3","offer_id":37737773793429,"sku":"GP G4 Lounger Pad B398 Turq 3pk","price":134.99,"currency_code":"GBP","in_stock":false},{"title":"Turquoise \/ Pack of 4","offer_id":37737773826197,"sku":"GP G4 Lounger Pad B398 Turq 4pk","price":164.99,"currency_code":"GBP","in_stock":false},{"title":"Yellow \/ Pack of 1","offer_id":37737773858965,"sku":"GP G4 Lounger Pad B398 Yellow","price":59.99,"currency_code":"GBP","in_stock":false},{"title":"Yellow \/ Pack of 2","offer_id":37737773891733,"sku":"GP G4 Lounger Pad B398 Yellow 2pk","price":94.99,"currency_code":"GBP","in_stock":false},{"title":"Yellow \/ Pack of 3","offer_id":37737773924501,"sku":"GP G4 Lounger Pad B398 Yellow 3pk","price":134.99,"currency_code":"GBP","in_stock":false},{"title":"Yellow \/ Pack of 4","offer_id":37737773957269,"sku":"GP G4 Lounger Pad B398 Yellow 4pk","price":164.99,"currency_code":"GBP","in_stock":false},{"title":"Dark Grey \/ 4","offer_id":40556671565973,"sku":"GP G4 Lounger Pad B398 Dark Grey 4pk","price":164.99,"currency_code":"GBP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0513\/2563\/2661\/products\/GP-G4-Bench-Pad-B398-Lime-_1.jpg?v=1774590261"},{"product_id":"174cm-x-45cm-wide-middlegarden-steamer-chair-pad","title":"Water-Resistant Outdoor Steamer Chair Cushions for Patio Sun Loungers Seat Pad with Ties \u0026 Headrest","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n    body {\n      margin: 0;\n      font-family: 'Roboto', sans-serif;\n    }\n\n    .topnav {\n      background-color: #E1D8CF;\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: flex-start;\n      gap: 5px;\n      padding: 10px 0;\n      position: relative;\n    }\n\n    .topnav a {\n      color: #4b6844;\n      padding: 10px 15px;\n      text-decoration: none;\n      font-size: 16px;\n      border-radius: 4px;\n      transition: background-color 0.3s ease;\n      text-transform: uppercase;\n      font-weight: 700;\n    }\n\n    .topnav a:hover {\n      background-color: #ddd;\n      color: black;\n    }\n\n    .topnav::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background-color: #4b6844;\n    }\n\n    :root {\n      --banner-height: 600px;\n      --hold-time: 40s;\n      --move-time: 2s;\n    }\n\n    * { box-sizing: border-box; margin: 0; padding: 0; }\n\n    .banner {\n      position: relative;\n      width: 121%;\n      height: var(--banner-height);\n      overflow: hidden;\n      margin-top: -0px;\n    }\n\n    .slides {\n      display: flex;\n      width: 100%;\n      animation: slideAnimation 38s infinite;\n    }\n\n    .slide {\n      flex: 0 0 100%;\n      position: relative;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .slide img,\n    .slide iframe {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      display: block;\n      border: none;\n    }\n\n    .shop-btn {\n      position: absolute;\n      top: 80px;\n      left: 80px;\n      z-index: 100;\n      background: #ffffff;\n      color: #4b6844;\n      font-size: 20px;\n      font-weight: 750;\n      padding: 14px 30px;\n      border: 2px solid #4b6844;\n      border-radius: 6px;\n      cursor: pointer;\n      transition: background 0.3s, color 0.3s;\n      text-transform: uppercase;\n      font-family: 'Poppins', sans-serif;\n      text-decoration: none;\n    }\n\n    .shop-btn:hover {\n      background: #4b6844;\n      color: #00;\n    }\n\n@keyframes slideAnimation {\n  0%   { transform: translateX(0%); }       \/* Slide 1 start *\/\n  10%  { transform: translateX(0%); }       \/* Hold Slide 1 *\/\n\n  15%  { transform: translateX(-100%); }    \/* Slide 2 *\/\n  25%  { transform: translateX(-100%); }    \/* Hold Slide 2 *\/\n\n  30%  { transform: translateX(-200%); }    \/* Video slide *\/\n  92%  { transform: translateX(-200%); }    \/* Hold video long (~30s) *\/\n\n  100% { transform: translateX(0%); }       \/* Back to start *\/\n}\n    .product-features h2 {\n      font-size: 26px;\n      font-weight: 700;\n      color: #4b6844;\n      text-align: center;\n      margin-bottom: 20px;\n      text-transform: uppercase;\n    }\n    .product-features ul {\n      list-style-type: disc;\n      list-style-position: inside;\n      margin: 0;\n    }\n    .product-features li {\n      margin-bottom: 12px;\n      line-height: 1.5;\n      color: #333;\n      padding-left: 30px;\n      text-indent: 0;\n      font-size: 18px;\n    }\n.description-section {\n  width: 100%;\n  max-width: 1300px;\n  margin: 40px auto;\n  padding: 0 60px;  \/* 👈 wider left\/right space *\/\n  font-family: 'Poppins', sans-serif;\n  color: #333;\n  font-size: 18px;\n  line-height: 1.9; \/* 👈 adds nice space between lines *\/\n  text-align: left;\n}\n\n.description-section p {\n  margin-bottom: 18px !important; \/* 👈 adds gap between paragraphs *\/\n}\n\n\/* ✅ Full-screen fit for second video *\/\n.video-full iframe {\n    width: 80%;\n      height: 105%;\n      object-fit: contain;\n      display: block;\n      border: none;\n}\n    @media (max-width:720px) { .banner { height: 250px; } }\n    @media (max-width:420px) { .banner { height: 180px; } }\n  \/* ✅ Mobile \u0026 Tablet Friendly Optimization *\/\n  @media (max-width: 1024px) {\n    .banner {\n      width: 100%;\n      height: 420px;\n    }\n    .slide img, \n    .slide iframe {\n      object-fit: contain;\n    }\n    .video-full iframe {\n      width: 100%;\n      height: 280px;\n    }\n    .shop-btn {\n      top: 30px;\n      left: 30px;\n      font-size: 16px;\n      padding: 10px 20px;\n    }\n  }\n\n  @media (max-width: 720px) {\n    .banner {\n      width: 100%;\n      height: 260px;\n    }\n    .topnav {\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 2px;\n      padding: 8px 0;\n    }\n    .topnav a {\n      font-size: 13px;\n      padding: 6px 8px;\n    }\n    .product-features h2 {\n      font-size: 20px;\n    }\n    .product-features li {\n      font-size: 15px;\n      line-height: 1.6;\n    }\n    .description-section {\n      padding: 0 10px;\n      font-size: 16px;\n      line-height: 1.6;\n    }\n    .video-full iframe {\n      width: 100%;\n      height: 230px;\n    }\n    .shop-btn {\n      top: 15px;\n      left: 15px;\n      font-size: 14px;\n      padding: 8px 14px;\n    }\n    div[style*=\"width: 122%\"] {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 8px auto !important;\n    }\n    div[style*=\"width: 122%\"] img {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n    }\n  }\n\n  @media (max-width: 420px) {\n    .banner { height: 180px; }\n    .video-full iframe { height: 200px; }\n    .shop-btn { font-size: 12px; padding: 6px 10px; }\n    .product-features h2 { font-size: 18px; }\n    .product-features li { font-size: 14px; }\n  }\n\n  \/* ✅ MOBILE FIX — Remove side white space *\/\n  @media (max-width: 1024px) {\n    html, body {\n      overflow-x: hidden !important;\n    }\n\n    .banner,\n    div[style*=\"width: 121%\"],\n    div[style*=\"width: 122%\"],\n    .slides {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 0 auto !important;\n    }\n\n    img, iframe {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n      display: block !important;\n    }\n\n    .description-section {\n      padding: 0 12px !important;\n    }\n  }\n\u003c\/style\u003e\n\u003cnav class=\"topnav\"\u003e\u003ca href=\"https:\/\/gardenistauk.com\/\"\u003eHOME\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/all-scatter-cushions\"\u003eOUTDOOR CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/cushion-covers\"\u003eCUSHION COVERS\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/chair-cushions\"\u003eCHAIR CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/lounger-pads-cushions\"\u003eLOUNGER CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/bench-accessories\"\u003eBENCH PAD\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/chairs\"\u003eSEAT PAD\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/rattan-replacement\"\u003eRATTAN CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/pallet-seating-accessories\"\u003ePALLET CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/furniture\"\u003eFURNITURE COVER\u003c\/a\u003e\u003c\/nav\u003e\n\u003cdiv class=\"banner\"\u003e\n\u003cdiv class=\"slides\"\u003e\n\u003cdiv class=\"slide\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/dVLX3RB7\/1.jpg\" alt=\"Slide 1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/vmnNLQC8\/2.jpg\" alt=\"Slide 2\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\u003ciframe src=\"https:\/\/www.youtube.com\/embed\/Ppm2pNlRZQQ?autoplay=1\u0026amp;mute=1\u0026amp;controls=0\u0026amp;loop=1\u0026amp;playlist=Ppm2pNlRZQQ\u0026amp;modestbranding=1\u0026amp;rel=0\" title=\"YouTube video banner\"\u003e\u003c\/iframe\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ca href=\"https:\/\/gardenistauk.com\/pages\/about-us\" class=\"shop-btn\"\u003eGARDENISTA\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-features\"\u003e\n\u003ch2 style=\"text-align: center;\"\u003e                              Product Features\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eRelax with peace of mind knowing our garden steamer chair cushion is fire-retardant ensuring safety and protection.\u003c\/li\u003e\n\u003cli\u003eStylish, lightweight, durable design, and high-quality material for long-lasting use.\u003c\/li\u003e\n\u003cli\u003eExperience ultimate comfort with our premium sun lounger pads and comfortable filling.\u003c\/li\u003e\n\u003cli\u003eHigh-quality, water-resistant design for maximum comfort and durability.\u003c\/li\u003e\n\u003cli\u003eEasily washable lounger pads and removable covers for hassle-free cleaning and maintenance.\u003c\/li\u003e\n\u003cli\u003eHidden zipper feature for easily removing the cover for machine wash.\u003c\/li\u003e\n\u003cli\u003eWe recommend storing it away when not in use.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv style=\"text-align: start; margin-bottom: 20px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"width: 121%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 0;\" alt=\"Product Post Image\" src=\"https:\/\/i.postimg.cc\/QMpXWLMM\/product-feature.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"description-section\"\u003e\n\u003cp\u003eOur water-resistant steamer chair cushions are crafted from high-quality materials for lasting comfort. This sun lounger pad features a water-resistant and fire-retardant 100% polyester fabric, making it versatile for outdoor use. Recliner cushions are filled with premium fibre, ensuring a supportive and comfortable seating experience, and you can easily clean them\u003c\/p\u003e\n\u003cp\u003eThis water-resistant patio sun lounger cushion boasts water-resistant and fire-retardant features, ensuring safety in potential fire-risk areas. Crafted with a premium 100% polyester cover, it combines practicality and durability for versatile use. Designed for patio loungers, the sun lounger replacement cushion pad effortlessly combines style and comfort.\u003c\/p\u003e\n\u003cp\u003eTransform your garden into a cosy oasis with our water-resistant patio sun lounger cushions, designed to withstand the elements while providing a touch of elegance. Enhance the ambiance of your patio space with our recliner sun lounger cushions, offering durability and charm for all your garden gatherings.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 👇 Yahan ye code paste karna hai --\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\" alt=\"Product Post Image\" src=\"https:\/\/i.postimg.cc\/D0vVzyFN\/6-2-10.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\" alt=\"Product Post Image\" src=\"https:\/\/i.postimg.cc\/mDPSGXwL\/05.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\" alt=\"Product Post Image\" src=\"https:\/\/i.postimg.cc\/zGqB5ZZK\/02.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cbr\u003e\u003c\/div\u003e","brand":"Gardenista®","offers":[{"title":"Green","offer_id":37737774416021,"sku":"GP G71 Steamer Harvest Green","price":59.99,"currency_code":"GBP","in_stock":true},{"title":"Grey","offer_id":37737774448789,"sku":"GP G71 Steamer Harvest Grey","price":59.99,"currency_code":"GBP","in_stock":true},{"title":"Stone","offer_id":37737774481557,"sku":"GP G71 Steamer Harvest Stone","price":59.99,"currency_code":"GBP","in_stock":true},{"title":"Navy","offer_id":44585285026109,"sku":"GP G71 Steamer Harvest Navy","price":59.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0513\/2563\/2661\/files\/GPG71Green.jpg?v=1772519556"},{"product_id":"175cm-x-45cm-loungercushion-pads","title":"Outdoor Steamer Chair Cushion Water-Resistant Garden Lounger Cushion with Headrest Support","description":"\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"topnav\"\u003e\n\u003cstrong\u003e\u003ca class=\"active\" href=\"https:\/\/gardenistauk.com\/collections\/bench-accessories\"\u003e\u003cspan style=\"color: #313131;\"\u003eBenches\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e \u003cstrong\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/chair-cushions\"\u003e\u003cspan style=\"color: #313131;\"\u003eChairs\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e \u003cstrong\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/rattan-replacement\"\u003e\u003cspan style=\"color: #313131;\"\u003eRattans\u003c\/span\u003e\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/pallet-seating-accessories\"\u003e\u003cspan style=\"color: #313131;\"\u003ePallets\u003c\/span\u003e\u003c\/a\u003e\u003cspan style=\"color: #313131;\"\u003e \u003c\/span\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/curtains\"\u003e\u003cspan style=\"color: #313131;\"\u003eCurtains\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e \u003cstrong\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/lounger-pads-cushions\"\u003e\u003cspan style=\"color: #313131;\"\u003eLoungers\u003c\/span\u003e\u003c\/a\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/all-scatter-cushions\"\u003e\u003cspan style=\"color: #313131;\"\u003e \u003c\/span\u003e\u003cspan style=\"color: #313131;\"\u003eCushions\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"video-wrapper\"\u003e\n\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\n\u003cdiv class=\"video-wrapper video-wrapper-1\"\u003e\u003ciframe src=\"https:\/\/www.youtube.com\/embed\/UhY30y91Exg?autoplay=0\u0026amp;loop=0\u0026amp;mute=0\"\u003e\u003c\/iframe\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"video-wrapper\"\u003e\n\u003cimg alt=\"\" class=\"mx-auto d-block img-fluid\" src=\"https:\/\/i.postimg.cc\/jdLN3Fwd\/1.gif\"\u003e\u003cimg alt=\"\" class=\"mx-auto d-block img-fluid\" src=\"https:\/\/i.postimg.cc\/VNNKKR8q\/AAHKMJXYDAFd-JAOAIMEb-OAcha-Ytjp-IZUujp-Rp-To0-Cn-ZOZUg-Yyi7-Ov-SL2o6-C-n-sf-Wyd-Kxlv-Ziw2d-NJ45r-Ay2mm-Pt.webp\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"video-wrapper\"\u003e\n\u003cul\u003e\n\u003cli style=\"margin-bottom: 0in; mso-list: l0 level1 lfo1; tab-stops: list .5in;\" class=\"MsoNormal\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003eRelax with peace of mind knowing our garden sun lounger cushions are fire-retardant, ensuring safety and protection.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 0in; mso-list: l0 level1 lfo1; tab-stops: list .5in;\" class=\"MsoNormal\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003eStylish, lightweight, durable design, and high-quality material for long-lasting use.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 0in; mso-list: l0 level1 lfo1; tab-stops: list .5in;\" class=\"MsoNormal\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003eExperience ultimate comfort with our garden sun loungers' soft fabric and comfortable filling.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 0in; mso-list: l0 level1 lfo1; tab-stops: list .5in;\" class=\"MsoNormal\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003eHigh-quality, water-resistant design for maximum comfort and durability.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 0in; mso-list: l0 level1 lfo1; tab-stops: list .5in;\" class=\"MsoNormal\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003eThe headrest is specially designed to provide support and comfort to the head and neck while sitting.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 0in; mso-list: l0 level1 lfo1; tab-stops: list .5in;\" class=\"MsoNormal\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003eEasily wipeable lounger pads and removable covers make for hassle-free cleaning and maintenance.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 0in; mso-list: l0 level1 lfo1; tab-stops: list .5in;\" class=\"MsoNormal\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003eHidden zipper feature for easily removing the cover.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 0in; mso-list: l0 level1 lfo1; tab-stops: list .5in;\" class=\"MsoNormal\"\u003e\n\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003eWe recommend storing it away when not in use.\u003c\/span\u003e\u003cbr\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp style=\"margin-bottom: 11px;\"\u003e\u003cspan style=\"font-size: 11pt;\"\u003e\u003cspan style=\"line-height: 107%;\"\u003e\u003cspan style=\"font-family: Calibri,sans-serif;\"\u003e\u003cimg alt=\"\" class=\"mx-auto d-block img-fluid\" src=\"https:\/\/i.postimg.cc\/xT008Jmj\/Add-a-heading-39.png\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003eOur Water-Resistant Replacement Sun lounger cushions are Crafted from high-quality materials for lasting comfort, this sun lounger pad features a water-resistant and fire-retardant 100% polyester fabric, making it versatile for outdoor use. The cushions are filled with premium foam, ensuring a supportive and comfortable seating experience, and you can easily clean them. The special feature of this lounger cushion is that the headrest is specially designed to provide support and comfort to the head and neck while sitting.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp style=\"margin-bottom: 0in;\" class=\"MsoNormal\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003eThis water-resistant patio sun lounger cushion boasts water-resistant and fire-retardant features, ensuring safety in potential fire-risk areas. Crafted with a premium 100% polyester cover, it combines practicality and durability for versatile use. Designed for patio loungers, the sun lounger replacement cushion pad effortlessly combines style and comfort.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp style=\"margin-bottom: 0in;\" class=\"MsoNormal\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003eTransform your garden into a cosy oasis with our water-resistant patio sun lounger cushions, designed to withstand the elements while providing a touch of elegance. Enhance the ambiance of your patio space with our recliner sun lounger cushions, offering durability and charm for all your garden gatherings.\u003cbr\u003e\u003cbr\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp style=\"margin-bottom: 11px;\"\u003e\u003cspan style=\"font-size: 11pt;\"\u003e\u003cspan style=\"line-height: 107%;\"\u003e\u003cspan style=\"font-family: Calibri,sans-serif;\"\u003e\u003cimg style=\"white-space-collapse: preserve; color: black; font-family: Arial, sans-serif; font-size: 13pt;\" alt=\"\" class=\"mx-auto d-block img-fluid\" src=\"https:\/\/i.postimg.cc\/K8f97Wdc\/AAHKMJXYDAFd-JAOAIMEb-OAcha-Ytjp-IZUujp-Rp-To0-Cn-ZOZVtjiu-S2-R7-u-LFi-UKp-Whiqz7xvb-Q2r-Aq-HB-2x-Zji-IOC59-MXROv3-MP5-Wk.webp\"\u003e\u003cimg style=\"white-space-collapse: preserve; color: black; font-family: Arial, sans-serif; font-size: 13pt;\" alt=\"\" class=\"mx-auto d-block img-fluid\" src=\"https:\/\/i.postimg.cc\/MTKCxR4g\/06-2-1.jpg\"\u003e\u003cimg style=\"white-space-collapse: preserve; color: black; font-family: Arial, sans-serif; font-size: 13pt;\" alt=\"\" class=\"mx-auto d-block img-fluid\" src=\"https:\/\/i.postimg.cc\/V62cFjJn\/Bannerr-1.jpg\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003ebody {\n  margin: 0;\n  font-family: Arial, Helvetica, sans-serif;\n \n}\n\n.topnav {\n  overflow: hidden;\n   background-color: #E1D8CF;\n\n}\n\n.topnav a {\n  float: left;\ncolor: #f2f2f2;\n  text-align: center;\n  padding: 14px 16px;\n  text-decoration: none;\n  font-size: 17px;\n}\n\n.topnav a:hover {\n   background-color: #ddd;\n  color: black;\n}\n\n.topnav a.active {\n  \n  color: white;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e","brand":"Gardenista®","offers":[{"title":"Green","offer_id":37737774940309,"sku":"GP G74 Lounger Harvest Green","price":54.99,"currency_code":"GBP","in_stock":false},{"title":"Grey","offer_id":37737774973077,"sku":"GP G74 Lounger Harvest Grey","price":54.99,"currency_code":"GBP","in_stock":false},{"title":"Navy","offer_id":44648136868157,"sku":"GP G74 Lounger Harvest Navy","price":54.99,"currency_code":"GBP","in_stock":false},{"title":"Stone","offer_id":37737775005845,"sku":"GP G74 Lounger Harvest Stone","price":54.99,"currency_code":"GBP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0513\/2563\/2661\/files\/GPG74LoungerGreenBnew.jpg?v=1774590350"},{"product_id":"190cm-x-82cmluxurysun-loungercushion-pad","title":"Foldable Acacia Wood Sun Lounger Cushion Outdoor Wooden Reclining Chair Pad with Headrest \u0026 Ties","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\t\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003ebody {\n  margin: 0;\n  font-family: Arial, Helvetica, sans-serif;\n \n}\n\n.topnav {\n  overflow: hidden;\n   background-color: #E1D8CF;\n\n}\n\n.topnav a {\n  float: left;\ncolor: #f2f2f2;\n  text-align: center;\n  padding: 14px 16px;\n  text-decoration: none;\n  font-size: 17px;\n}\n\n.topnav a:hover {\n   background-color: #ddd;\n  color: black;\n}\n\n.topnav a.active {\n  \n  color: white;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"topnav\"\u003e\n\u003cstrong\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/bench-accessories\" class=\"active\"\u003e\u003cspan style=\"color: #313131;\"\u003eBenches\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e \u003cstrong\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/chair-cushions\"\u003e\u003cspan style=\"color: #313131;\"\u003eChairs\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e \u003cstrong\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/rattan-replacement\"\u003e\u003cspan style=\"color: #313131;\"\u003eRattans\u003c\/span\u003e\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/pallet-seating-accessories\"\u003e\u003cspan style=\"color: #313131;\"\u003ePallets\u003c\/span\u003e\u003c\/a\u003e\u003cspan style=\"color: #313131;\"\u003e \u003c\/span\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/curtains\"\u003e\u003cspan style=\"color: #313131;\"\u003eCurtains\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e \u003cstrong\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/lounger-pads-cushions\"\u003e\u003cspan style=\"color: #313131;\"\u003eLoungers\u003c\/span\u003e\u003c\/a\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/all-scatter-cushions\"\u003e\u003cspan style=\"color: #313131;\"\u003e \u003c\/span\u003e\u003cspan style=\"color: #313131;\"\u003eCushions\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"video-wrapper\"\u003e\n\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e \u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"video-wrapper\"\u003e\n\u003cimg src=\"https:\/\/i.postimg.cc\/jdLN3Fwd\/1.gif\" class=\"mx-auto d-block img-fluid\" alt=\"\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/VNNKKR8q\/AAHKMJXYDAFd-JAOAIMEb-OAcha-Ytjp-IZUujp-Rp-To0-Cn-ZOZUg-Yyi7-Ov-SL2o6-C-n-sf-Wyd-Kxlv-Ziw2d-NJ45r-Ay2mm-Pt.webp\" class=\"mx-auto d-block img-fluid\" alt=\"\"\u003e\n\u003c\/div\u003e\n\u003cul dir=\"ltr\"\u003e\n\u003cli style=\"margin-bottom: 0in; mso-list: l0 level1 lfo1; tab-stops: list .5in;\" class=\"MsoNormal\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003eThe water-resistant polyester fabric ensures that your lounger cushion pads will remain in pristine condition, even after exposure to extreme weather conditions.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 0in; mso-list: l0 level1 lfo1; tab-stops: list .5in;\" class=\"MsoNormal\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003eRelax with peace of mind knowing our garden sun lounger cushions are fire-retardant, ensuring safety and protection.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 0in; mso-list: l0 level1 lfo1; tab-stops: list .5in;\" class=\"MsoNormal\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003eStylish, lightweight, durable design, and high-quality material for long-lasting use.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 0in; mso-list: l0 level1 lfo1; tab-stops: list .5in;\" class=\"MsoNormal\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003eEasily attached with secure ties and comfortable headrest.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 0in; mso-list: l0 level1 lfo1; tab-stops: list .5in;\" class=\"MsoNormal\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003eExperience ultimate comfort with our garden sun loungers' soft fabric and comfortable filling.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 0in; mso-list: l0 level1 lfo1; tab-stops: list .5in;\" class=\"MsoNormal\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003eWe recommend storing it away when not in use.\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp dir=\"ltr\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/mDQLQV3W\/Add-a-heading-24.png\" class=\"mx-auto d-block img-fluid\" alt=\"\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003eOur garden water-resistant folding sun lounger cushion pads are The cushions are filled with premium foam, ensuring a supportive and comfortable seating experience, and you can easily clean them. \u003c\/span\u003e\u003c\/p\u003e\n\u003cp style=\"margin-bottom: 0in;\" class=\"MsoNormal\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003eThis sun lounger cushion pad boasts water-resistant and fire-retardant features, ensuring safety in potential fire-risk areas. Crafted with a premium 100% polyester cover, it combines practicality and durability for versatile use. You can easily connect it to the lounge with ties. Designed for patio loungers, the sun lounger replacement cushion pad effortlessly combines style and comfort. \u003c\/span\u003e\u003c\/p\u003e\n\u003cp style=\"margin-bottom: 0in;\" class=\"MsoNormal\"\u003e\u003cspan style=\"font-family: 'Arial',sans-serif;\"\u003eTransform your garden into a cosy oasis with our garden water-resistant folding sun lounger cushions, designed to withstand the elements while providing a touch of elegance. Enhance the ambiance of your outdoor space with our sun lounger cushions, offering durability and charm for all your garden gatherings. These sun lounger cushions are easy to install and store, making them ideal for use in areas like patio, porch, gazebo, sunroom, indoor, balcony, and terrace.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp dir=\"ltr\"\u003e\u003cimg style=\"font-size: 0.875rem;\" src=\"https:\/\/i.postimg.cc\/K8f97Wdc\/AAHKMJXYDAFd-JAOAIMEb-OAcha-Ytjp-IZUujp-Rp-To0-Cn-ZOZVtjiu-S2-R7-u-LFi-UKp-Whiqz7xvb-Q2r-Aq-HB-2x-Zji-IOC59-MXROv3-MP5-Wk.webp\" class=\"mx-auto d-block img-fluid\" alt=\"\"\u003e\u003cimg style=\"font-size: 0.875rem;\" src=\"https:\/\/i.postimg.cc\/HsSp4rMn\/GP-G84-06-Updated.jpg\" class=\"mx-auto d-block img-fluid\" alt=\"\"\u003e\u003cimg style=\"font-size: 0.875rem;\" src=\"https:\/\/i.postimg.cc\/YCy6KsjY\/Bannerr-1.jpg\" class=\"mx-auto d-block img-fluid\" alt=\"\"\u003e\u003c\/p\u003e","brand":"Gardenista®","offers":[{"title":"Green","offer_id":37737775104149,"sku":"GP G84 Sun Lounger Harvest Green","price":49.99,"currency_code":"GBP","in_stock":true},{"title":"Grey","offer_id":37737775136917,"sku":"GP G84 Sun Lounger Harvest Grey","price":49.99,"currency_code":"GBP","in_stock":true},{"title":"Stone","offer_id":37737775169685,"sku":"GP G84 Sun Lounger Harvest Stone","price":49.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0513\/2563\/2661\/files\/GP-G84-Sun-Lounger-green.png?v=1772519510"},{"product_id":"sun-lounger-head-rest-pillowcushion-with-secure-straps","title":"Water-Resistant Sun Lounger Headrest Pillow Garden Sun Lounger Neck Support Cushion","description":"\u003cdiv class=\"topnav\"\u003e\n\u003cstrong\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/bench-accessories\" class=\"active\"\u003e\u003cspan style=\"color: #313131;\"\u003eBenches\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e \u003cstrong\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/chair-cushions\"\u003e\u003cspan style=\"color: #313131;\"\u003eChairs\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e \u003cstrong\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/rattan-replacement\"\u003e\u003cspan style=\"color: #313131;\"\u003eRattans\u003c\/span\u003e\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/pallet-seating-accessories\"\u003e\u003cspan style=\"color: #313131;\"\u003ePallets\u003c\/span\u003e\u003c\/a\u003e\u003cspan style=\"color: #313131;\"\u003e \u003c\/span\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/curtains\"\u003e\u003cspan style=\"color: #313131;\"\u003eCurtains\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e \u003cstrong\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/lounger-pads-cushions\"\u003e\u003cspan style=\"color: #313131;\"\u003eLoungers\u003c\/span\u003e\u003c\/a\u003e\u003ca href=\"https:\/\/gardenistauk.com\/collections\/all-scatter-cushions\"\u003e\u003cspan style=\"color: #313131;\"\u003e \u003c\/span\u003e\u003cspan style=\"color: #313131;\"\u003eCushions\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cp dir=\"ltr\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/jdLN3Fwd\/1.gif\" class=\"mx-auto d-block img-fluid\" alt=\"\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/VNNKKR8q\/AAHKMJXYDAFd-JAOAIMEb-OAcha-Ytjp-IZUujp-Rp-To0-Cn-ZOZUg-Yyi7-Ov-SL2o6-C-n-sf-Wyd-Kxlv-Ziw2d-NJ45r-Ay2mm-Pt.webp\" class=\"mx-auto d-block img-fluid\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cul dir=\"ltr\"\u003e\n\u003cli\u003eThe cushions are covered in a soft, water-resistant polyester cover.\u003c\/li\u003e\n\u003cli role=\"presentation\"\u003eRelax with peace of mind knowing our garden seat pads are fire-retardant, ensuring safety and protection.\u003c\/li\u003e\n\u003cli role=\"presentation\"\u003eExperience ultimate comfort with our garden cushions' soft fabric and comfortable filling.\u003c\/li\u003e\n\u003cli role=\"presentation\"\u003eOur garden chair cushions are easily cleaned with wipeable fabric and detachable covers.\u003c\/li\u003e\n\u003cli role=\"presentation\"\u003eWe recommend storing it away when not in use.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp dir=\"ltr\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/MpjzYnbr\/Add-a-heading-8.png\" class=\"mx-auto d-block img-fluid\" alt=\"\"\u003eThe sun lounger Headrest pillow with its high-quality hollowfibre filling makes it very comfortable, while at the same time, you don't have to worry about any allergies due to the hypoallergenic feature, making it healthy and safe to use.\u003c\/p\u003e\n\u003cp\u003eWe understand that the sun lounger neck cushion has to stay where you want it to be when in use, hence why we have included the pillow with buckle loop attachment, with which you can strap it around your sun lounger headrest, enabling it to be slip-free and secure.\u003c\/p\u003e\n\u003cp\u003eWe made sure that these garden sun lounger cushions are comfortable, durable, and long-lasting. Our garden-water-resistant sun lounger headrest cushions are made of high-quality materials. Our water-resistant headrest cushion is available in a variety of colours and can be fully customised to add colour to your garden.\u003cimg src=\"https:\/\/i.postimg.cc\/K8f97Wdc\/AAHKMJXYDAFd-JAOAIMEb-OAcha-Ytjp-IZUujp-Rp-To0-Cn-ZOZVtjiu-S2-R7-u-LFi-UKp-Whiqz7xvb-Q2r-Aq-HB-2x-Zji-IOC59-MXROv3-MP5-Wk.webp\" class=\"mx-auto d-block img-fluid\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0513\/2563\/2661\/files\/A_-GP-G89---06---Updated.jpg?v=1740391682\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/2y6Zfn0s\/Bannerr-1.jpg\" class=\"mx-auto d-block img-fluid\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003ebody {\n  margin: 0;\n  font-family: Arial, Helvetica, sans-serif;\n \n}\n\n.topnav {\n  overflow: hidden;\n   background-color: #E1D8CF;\n\n}\n\n.topnav a {\n  float: left;\ncolor: #f2f2f2;\n  text-align: center;\n  padding: 14px 16px;\n  text-decoration: none;\n  font-size: 17px;\n}\n\n.topnav a:hover {\n   background-color: #ddd;\n  color: black;\n}\n\n.topnav a.active {\n  \n  color: white;\n}\n\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.lf-progress {\n  -webkit-appearance: none;\n  -moz-apperance: none;\n  width: 100%;\n  \/* margin: 0 10px; *\/\n  height: 4px;\n  border-radius: 3px;\n  cursor: pointer;\n}\n.lf-progress:focus {\n  outline: none;\n  border: none;\n}\n.lf-progress::-moz-range-track {\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n}\n.lf-progress::-webkit-slider-thumb {\n  -webkit-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-moz-range-thumb {\n  -moz-appearance: none !important;\n  height: 13px;\n  width: 13px;\n  border: 0;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress::-ms-track {\n  width: 100%;\n  height: 3px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n.lf-progress::-ms-fill-lower {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-fill-upper {\n  background: #ccc;\n  border-radius: 3px;\n}\n.lf-progress::-ms-thumb {\n  border: 0;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  background: #0fccce;\n  cursor: pointer;\n}\n.lf-progress:focus::-ms-fill-lower {\n  background: #ccc;\n}\n.lf-progress:focus::-ms-fill-upper {\n  background: #ccc;\n}\n.lf-player-container :focus {\n  outline: 0;\n}\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  opacity: 1;\n  visibility: visible;\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-player-btn-container {\n  display: flex;\n  align-items: center;\n}\n.lf-player-btn {\n  cursor: pointer;\n  fill: #999;\n  width: 14px;\n}\n\n.lf-player-btn.active {\n  fill: #555;\n}\n\n.lf-popover {\n  position: relative;\n}\n\n.lf-popover-content {\n  display: inline-block;\n  position: absolute;\n  background-color: #ffffff;\n  opacity: 1;\n\n  transform: translate(0, -10px);\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n  transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);\n  padding: 10px;\n}\n\n.lf-popover-content.hidden {\n  opacity: 0;\n  visibility: hidden;\n  transform: translate(0, 0px);\n}\n\n.lf-arrow {\n  position: absolute;\n  z-index: -1;\n  content: '';\n  bottom: -9px;\n  border-style: solid;\n  border-width: 10px 10px 0px 10px;\n}\n\n.lf-left-align,\n.lf-left-align .lfarrow {\n  left: 0;\n  right: unset;\n}\n\n.lf-right-align,\n.lf-right-align .lf-arrow {\n  right: 0;\n  left: unset;\n}\n\n.lf-text-input {\n  border: 1px #ccc solid;\n  border-radius: 5px;\n  padding: 3px;\n  width: 60px;\n  margin: 0;\n}\n\n.lf-color-picker {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  height: 90px;\n}\n\n.lf-color-selectors {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.lf-color-component {\n  display: flex;\n  flex-direction: row;\n  font-size: 12px;\n  align-items: center;\n  justify-content: center;\n}\n\n.lf-color-component strong {\n  width: 40px;\n}\n\n.lf-color-component input[type='range'] {\n  margin: 0 0 0 10px;\n}\n\n.lf-color-component input[type='number'] {\n  width: 50px;\n  margin: 0 0 0 10px;\n}\n\n.lf-color-preview {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n}\n\n.lf-preview {\n  height: 60px;\n  width: 60px;\n}\n\n.lf-popover-snapshot {\n  width: 150px;\n}\n.lf-popover-snapshot h5 {\n  margin: 5px 0 10px 0;\n  font-size: 0.75rem;\n}\n.lf-popover-snapshot a {\n  display: block;\n  text-decoration: none;\n}\n.lf-popover-snapshot a:before {\n  content: '⥼';\n  margin-right: 5px;\n}\n.lf-popover-snapshot .lf-note {\n  display: block;\n  margin-top: 10px;\n  color: #999;\n}\n.lf-player-controls \u003e div {\n  margin-right: 5px;\n  margin-left: 5px;\n}\n.lf-player-controls \u003e div:first-child {\n  margin-left: 0px;\n}\n.lf-player-controls \u003e div:last-child {\n  margin-right: 0px;\n}\n\u003c\/style\u003e","brand":"Gardenista®","offers":[{"title":"Black","offer_id":37737776283797,"sku":"GP G89 Pillow Black","price":19.99,"currency_code":"GBP","in_stock":true},{"title":"Green","offer_id":37737776316565,"sku":"GP G89 Pillow Green","price":19.99,"currency_code":"GBP","in_stock":true},{"title":"Grey","offer_id":37737776349333,"sku":"GP G89 Pillow Grey","price":19.99,"currency_code":"GBP","in_stock":true},{"title":"Stone","offer_id":37737776382101,"sku":"GP G89 Pillow Stone","price":19.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0513\/2563\/2661\/products\/GP-G89-Pillow-Black-lifestyle-small.jpg?v=1772519241"},{"product_id":"3-seatergarden-swing-seatcushion-pad","title":"2-3 Seater Outdoor Swing Chair Cushion Set – Water-Resistant Hammock Seat Pad","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n    body {\n      margin: 0;\n      font-family: 'Roboto', sans-serif;\n    }\n\n    .topnav {\n      background-color: #E1D8CF;\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: flex-start;\n      gap: 5px;\n      padding: 10px 0;\n      position: relative;\n    }\n\n    .topnav a {\n      color: #4b6844;\n      padding: 10px 15px;\n      text-decoration: none;\n      font-size: 16px;\n      border-radius: 4px;\n      transition: background-color 0.3s ease;\n      text-transform: uppercase;\n      font-weight: 700;\n    }\n\n    .topnav a:hover {\n      background-color: #ddd;\n      color: black;\n    }\n\n    .topnav::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background-color: #4b6844;\n    }\n\n    :root {\n      --banner-height: 600px;\n      --hold-time: 40s;\n      --move-time: 2s;\n    }\n\n    * { box-sizing: border-box; margin: 0; padding: 0; }\n\n    .banner {\n      position: relative;\n      width: 121%;\n      height: var(--banner-height);\n      overflow: hidden;\n      margin-top: -0px;\n    }\n\n    .slides {\n      display: flex;\n      width: 100%;\n      animation: slideAnimation 38s infinite;\n    }\n\n    .slide {\n      flex: 0 0 100%;\n      position: relative;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .slide img,\n    .slide iframe {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      display: block;\n      border: none;\n    }\n\n    .shop-btn {\n      position: absolute;\n      top: 80px;\n      left: 80px;\n      z-index: 100;\n      background: #ffffff;\n      color: #4b6844;\n      font-size: 20px;\n      font-weight: 750;\n      padding: 14px 30px;\n      border: 2px solid #4b6844;\n      border-radius: 6px;\n      cursor: pointer;\n      transition: background 0.3s, color 0.3s;\n      text-transform: uppercase;\n      font-family: 'Poppins', sans-serif;\n      text-decoration: none;\n    }\n\n    .shop-btn:hover {\n      background: #4b6844;\n      color: #00;\n    }\n\n@keyframes slideAnimation {\n  0%   { transform: translateX(0%); }       \/* Slide 1 start *\/\n  10%  { transform: translateX(0%); }       \/* Hold Slide 1 *\/\n\n  15%  { transform: translateX(-100%); }    \/* Slide 2 *\/\n  25%  { transform: translateX(-100%); }    \/* Hold Slide 2 *\/\n\n  30%  { transform: translateX(-200%); }    \/* Video slide *\/\n  92%  { transform: translateX(-200%); }    \/* Hold video long (~30s) *\/\n\n  100% { transform: translateX(0%); }       \/* Back to start *\/\n}\n    .product-features h2 {\n      font-size: 26px;\n      font-weight: 700;\n      color: #4b6844;\n      text-align: center;\n      margin-bottom: 20px;\n      text-transform: uppercase;\n    }\n    .product-features ul {\n      list-style-type: disc;\n      list-style-position: inside;\n      margin: 0;\n    }\n    .product-features li {\n      margin-bottom: 12px;\n      line-height: 1.5;\n      color: #333;\n      padding-left: 30px;\n      text-indent: 0;\n      font-size: 18px;\n    }\n.description-section {\n  width: 100%;\n  max-width: 1300px;\n  margin: 40px auto;\n  padding: 0 60px;  \/* 👈 wider left\/right space *\/\n  font-family: 'Poppins', sans-serif;\n  color: #333;\n  font-size: 18px;\n  line-height: 1.9; \/* 👈 adds nice space between lines *\/\n  text-align: left;\n}\n\n.description-section p {\n  margin-bottom: 18px !important; \/* 👈 adds gap between paragraphs *\/\n}\n\n\/* ✅ Full-screen fit for second video *\/\n.video-full iframe {\n    width: 80%;\n      height: 105%;\n      object-fit: contain;\n      display: block;\n      border: none;\n}\n    @media (max-width:720px) { .banner { height: 250px; } }\n    @media (max-width:420px) { .banner { height: 180px; } }\n  \/* ✅ Mobile \u0026 Tablet Friendly Optimization *\/\n  @media (max-width: 1024px) {\n    .banner {\n      width: 100%;\n      height: 420px;\n    }\n    .slide img, \n    .slide iframe {\n      object-fit: contain;\n    }\n    .video-full iframe {\n      width: 100%;\n      height: 280px;\n    }\n    .shop-btn {\n      top: 30px;\n      left: 30px;\n      font-size: 16px;\n      padding: 10px 20px;\n    }\n  }\n\n  @media (max-width: 720px) {\n    .banner {\n      width: 100%;\n      height: 260px;\n    }\n    .topnav {\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 2px;\n      padding: 8px 0;\n    }\n    .topnav a {\n      font-size: 13px;\n      padding: 6px 8px;\n    }\n    .product-features h2 {\n      font-size: 20px;\n    }\n    .product-features li {\n      font-size: 15px;\n      line-height: 1.6;\n    }\n    .description-section {\n      padding: 0 10px;\n      font-size: 16px;\n      line-height: 1.6;\n    }\n    .video-full iframe {\n      width: 100%;\n      height: 230px;\n    }\n    .shop-btn {\n      top: 15px;\n      left: 15px;\n      font-size: 14px;\n      padding: 8px 14px;\n    }\n    div[style*=\"width: 122%\"] {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 8px auto !important;\n    }\n    div[style*=\"width: 122%\"] img {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n    }\n  }\n\n  @media (max-width: 420px) {\n    .banner { height: 180px; }\n    .video-full iframe { height: 200px; }\n    .shop-btn { font-size: 12px; padding: 6px 10px; }\n    .product-features h2 { font-size: 18px; }\n    .product-features li { font-size: 14px; }\n  }\n\n  \/* ✅ MOBILE FIX — Remove side white space *\/\n  @media (max-width: 1024px) {\n    html, body {\n      overflow-x: hidden !important;\n    }\n\n    .banner,\n    div[style*=\"width: 121%\"],\n    div[style*=\"width: 122%\"],\n    .slides {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 0 auto !important;\n    }\n\n    img, iframe {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n      display: block !important;\n    }\n\n    .description-section {\n      padding: 0 12px !important;\n    }\n  }\n\u003c\/style\u003e\n\u003cnav class=\"topnav\"\u003e\u003ca href=\"https:\/\/gardenistauk.com\/\"\u003eHOME\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/all-scatter-cushions\"\u003eOUTDOOR CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/cushion-covers\"\u003eCUSHION COVERS\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/chair-cushions\"\u003eCHAIR CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/lounger-pads-cushions\"\u003eLOUNGER CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/bench-accessories\"\u003eBENCH PAD\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/chairs\"\u003eSEAT PAD\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/rattan-replacement\"\u003eRATTAN CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/pallet-seating-accessories\"\u003ePALLET CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/furniture\"\u003eFURNITURE COVER\u003c\/a\u003e\u003c\/nav\u003e\n\u003cdiv class=\"banner\"\u003e\n\u003cdiv class=\"slides\"\u003e\n\u003cdiv class=\"slide\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/dVLX3RB7\/1.jpg\" alt=\"Slide 1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/vmnNLQC8\/2.jpg\" alt=\"Slide 2\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\u003ciframe\u003e\u003c\/iframe\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ca href=\"https:\/\/gardenistauk.com\/pages\/about-us\" class=\"shop-btn\"\u003eGARDENISTA\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-features\"\u003e\n\u003ch2 style=\"text-align: center;\"\u003e                              Product Features\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eCovered in high-quality, soft-touch polyester that is water-resistant and designed for outdoor use.\u003c\/li\u003e\n\u003cli\u003eGarden seat pads are made with fire-retardant materials, providing extra peace of mind and protection.\u003c\/li\u003e\n\u003cli\u003eEnjoy superior comfort with plush padding that offers excellent support for relaxing outdoors.\u003c\/li\u003e\n\u003cli\u003eFeatures wipe-clean fabric and detachable covers for quick and hassle-free cleaning.\u003c\/li\u003e\n\u003cli\u003eFor best longevity, we recommend storing the cushions indoors when not in use.\u003cbr\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv style=\"text-align: start; margin-bottom: 20px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"width: 121%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 0;\" alt=\"Product Post Image\" src=\"https:\/\/i.postimg.cc\/QMpXWLMM\/product-feature.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"description-section\"\u003e\n\u003cp\u003e\u003cstrong\u003e2 seater set includes:\u003c\/strong\u003e 2 seat cushions + 2 back cushions + 2 side pillows\u003c\/p\u003e\n\u003cp\u003eOr\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e3 seater set includes:\u003c\/strong\u003e 3 seat cushions + 3 back cushions + 2 side pillows\u003c\/p\u003e\n\u003cp\u003eOur Water-Resistant Outdoor Hammock Swing Cushions set offer a comfortable seating option for indoor or outdoor spaces. Its unique design adds a touch of elegance and promotes a sense of unity within the environment. The water-resistant polyester fabric ensures that your Hammock swing cushions will remain in pristine condition even after exposure to weather conditions.\u003c\/p\u003e\n\u003cp\u003eOur premium cushions feature high-quality polyester fabric with durable stitching. They are generously filled with foam, ensuring both comfort and longevity. The smooth material invites you to sink into your seat and enjoy luxurious relaxation!\u003c\/p\u003e\n\u003cp\u003eVersatile and stylish, these Water-Resistant Outdoor Hammock Swing Cushions set suit both indoor and outdoor settings, from hammocks to living rooms. Ideal for lounging or relaxing in any seating arrangement, it's perfect for relaxing.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 👇 Yahan ye code paste karna hai --\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\" alt=\"Product Post Image\" src=\"https:\/\/i.postimg.cc\/WpdSgcJ7\/Combine-1.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\" alt=\"Product Post Image\" src=\"https:\/\/i.postimg.cc\/0QFXmLD2\/05.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\" alt=\"Product Post Image\" src=\"https:\/\/i.postimg.cc\/wxRGHjYV\/02.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cbr\u003e\u003c\/div\u003e","brand":"Gardenista®","offers":[{"title":"Black \/ 3 Seater set","offer_id":37737777561749,"sku":"GP G17 Swing C6628 Black","price":119.99,"currency_code":"GBP","in_stock":false},{"title":"Green \/ 3 Seater set","offer_id":37737777594517,"sku":"GP G17 Swing C6628 Green","price":119.99,"currency_code":"GBP","in_stock":false},{"title":"Grey \/ 3 Seater set","offer_id":37737777627285,"sku":"GP G17 Swing C6628 Grey","price":119.99,"currency_code":"GBP","in_stock":false},{"title":"Lime \/ 3 Seater set","offer_id":37737777660053,"sku":"GP G17 Swing C6628 Lime","price":119.99,"currency_code":"GBP","in_stock":false},{"title":"Navy \/ 3 Seater set","offer_id":37737777692821,"sku":"GP G17 Swing C6628 Navy","price":119.99,"currency_code":"GBP","in_stock":false},{"title":"Purple \/ 3 Seater set","offer_id":37737777725589,"sku":"GP G17 Swing C6628 Purple","price":119.99,"currency_code":"GBP","in_stock":false},{"title":"Red \/ 3 Seater set","offer_id":37737777758357,"sku":"GP G17 Swing C6628 Red","price":119.99,"currency_code":"GBP","in_stock":false},{"title":"Royal Blue \/ 3 Seater set","offer_id":37737777791125,"sku":"GP G17 Swing C6628 Royal","price":119.99,"currency_code":"GBP","in_stock":false},{"title":"Stone \/ 3 Seater set","offer_id":37737777823893,"sku":"GP G17 Swing C6628 Stone","price":119.99,"currency_code":"GBP","in_stock":false},{"title":"Turquoise \/ 3 Seater set","offer_id":37737777856661,"sku":"GP G17 Swing C6628 Turq","price":119.99,"currency_code":"GBP","in_stock":false},{"title":"Pink \/ 3 Seater set","offer_id":44641617576253,"sku":"GP G17 Swing C6628 Cerise","price":119.99,"currency_code":"GBP","in_stock":false},{"title":"Olive \/ 3 Seater set","offer_id":44641617609021,"sku":"GP G17 Swing C6628 Olive","price":119.99,"currency_code":"GBP","in_stock":false},{"title":"Black \/ 2 Seater set","offer_id":48509538926909,"sku":"GP G16 Swing C6628 Black","price":94.99,"currency_code":"GBP","in_stock":false},{"title":"Green \/ 2 Seater set","offer_id":48509538959677,"sku":"GP G16 Swing C6628 Green","price":79.99,"currency_code":"GBP","in_stock":false},{"title":"Grey \/ 2 Seater set","offer_id":48509538992445,"sku":"GP G16 Swing C6628 Grey","price":99.99,"currency_code":"GBP","in_stock":false},{"title":"Lime \/ 2 Seater set","offer_id":48509539025213,"sku":"GP G16 Swing C6628 Lime","price":94.99,"currency_code":"GBP","in_stock":false},{"title":"Navy \/ 2 Seater set","offer_id":48509539057981,"sku":"GP G16 Swing C6628 Navy","price":99.99,"currency_code":"GBP","in_stock":false},{"title":"Purple \/ 2 Seater set","offer_id":48509539090749,"sku":"GP G16 Swing C6628 Purple","price":94.99,"currency_code":"GBP","in_stock":false},{"title":"Red \/ 2 Seater set","offer_id":48509539123517,"sku":"GP G16 Swing C6628 Red","price":94.99,"currency_code":"GBP","in_stock":false},{"title":"Royal Blue \/ 2 Seater set","offer_id":48509539156285,"sku":"GP G16 Swing C6628 Royal","price":94.99,"currency_code":"GBP","in_stock":false},{"title":"Stone \/ 2 Seater set","offer_id":48509539189053,"sku":"GP G16 Swing C6628 Stone","price":79.99,"currency_code":"GBP","in_stock":false},{"title":"Turquoise \/ 2 Seater set","offer_id":48509539221821,"sku":"GP G16 Swing C6628 Turq","price":94.99,"currency_code":"GBP","in_stock":false},{"title":"Pink \/ 2 Seater set","offer_id":48509539254589,"sku":"GP G16 Swing C6628 Cerise","price":94.99,"currency_code":"GBP","in_stock":false},{"title":"Olive \/ 2 Seater set","offer_id":48509539287357,"sku":"GP G16 Swing C6628 Olive","price":94.99,"currency_code":"GBP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0513\/2563\/2661\/files\/GPG16Black.jpg?v=1772519237"},{"product_id":"150cm-x50cm-x50cm-plain3-seater-swing-seatcushion-pad","title":"Water-Resistant Garden Swing Cushions Outdoor Hammock Cushion Pads","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n    body {\n      margin: 0;\n      font-family: 'Roboto', sans-serif;\n    }\n\n    .topnav {\n      background-color: #E1D8CF;\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: flex-start;\n      gap: 5px;\n      padding: 10px 0;\n      position: relative;\n    }\n\n    .topnav a {\n      color: #4b6844;\n      padding: 10px 15px;\n      text-decoration: none;\n      font-size: 16px;\n      border-radius: 4px;\n      transition: background-color 0.3s ease;\n      text-transform: uppercase;\n      font-weight: 700;\n    }\n\n    .topnav a:hover {\n      background-color: #ddd;\n      color: black;\n    }\n\n    .topnav::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background-color: #4b6844;\n    }\n\n    :root {\n      --banner-height: 600px;\n      --hold-time: 40s;\n      --move-time: 2s;\n    }\n\n    * { box-sizing: border-box; margin: 0; padding: 0; }\n\n    .banner {\n      position: relative;\n      width: 121%;\n      height: var(--banner-height);\n      overflow: hidden;\n      margin-top: -0px;\n    }\n\n    .slides {\n      display: flex;\n      width: 100%;\n      animation: slideAnimation 38s infinite;\n    }\n\n    .slide {\n      flex: 0 0 100%;\n      position: relative;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .slide img,\n    .slide iframe {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      display: block;\n      border: none;\n    }\n\n    .shop-btn {\n      position: absolute;\n      top: 80px;\n      left: 80px;\n      z-index: 100;\n      background: #ffffff;\n      color: #4b6844;\n      font-size: 20px;\n      font-weight: 750;\n      padding: 14px 30px;\n      border: 2px solid #4b6844;\n      border-radius: 6px;\n      cursor: pointer;\n      transition: background 0.3s, color 0.3s;\n      text-transform: uppercase;\n      font-family: 'Poppins', sans-serif;\n      text-decoration: none;\n    }\n\n    .shop-btn:hover {\n      background: #4b6844;\n      color: #00;\n    }\n\n@keyframes slideAnimation {\n  0%   { transform: translateX(0%); }       \/* Slide 1 start *\/\n  10%  { transform: translateX(0%); }       \/* Hold Slide 1 *\/\n\n  15%  { transform: translateX(-100%); }    \/* Slide 2 *\/\n  25%  { transform: translateX(-100%); }    \/* Hold Slide 2 *\/\n\n  30%  { transform: translateX(-200%); }    \/* Video slide *\/\n  92%  { transform: translateX(-200%); }    \/* Hold video long (~30s) *\/\n\n  100% { transform: translateX(0%); }       \/* Back to start *\/\n}\n    .product-features h2 {\n      font-size: 26px;\n      font-weight: 700;\n      color: #4b6844;\n      text-align: center;\n      margin-bottom: 20px;\n      text-transform: uppercase;\n    }\n    .product-features ul {\n      list-style-type: disc;\n      list-style-position: inside;\n      margin: 0;\n    }\n    .product-features li {\n      margin-bottom: 12px;\n      line-height: 1.5;\n      color: #333;\n      padding-left: 30px;\n      text-indent: 0;\n      font-size: 18px;\n    }\n.description-section {\n  width: 100%;\n  max-width: 1300px;\n  margin: 40px auto;\n  padding: 0 60px;  \/* 👈 wider left\/right space *\/\n  font-family: 'Poppins', sans-serif;\n  color: #333;\n  font-size: 18px;\n  line-height: 1.9; \/* 👈 adds nice space between lines *\/\n  text-align: left;\n}\n\n.description-section p {\n  margin-bottom: 18px !important; \/* 👈 adds gap between paragraphs *\/\n}\n\n\/* ✅ Full-screen fit for second video *\/\n.video-full iframe {\n    width: 80%;\n      height: 105%;\n      object-fit: contain;\n      display: block;\n      border: none;\n}\n    @media (max-width:720px) { .banner { height: 250px; } }\n    @media (max-width:420px) { .banner { height: 180px; } }\n  \/* ✅ Mobile \u0026 Tablet Friendly Optimization *\/\n  @media (max-width: 1024px) {\n    .banner {\n      width: 100%;\n      height: 420px;\n    }\n    .slide img, \n    .slide iframe {\n      object-fit: contain;\n    }\n    .video-full iframe {\n      width: 100%;\n      height: 280px;\n    }\n    .shop-btn {\n      top: 30px;\n      left: 30px;\n      font-size: 16px;\n      padding: 10px 20px;\n    }\n  }\n\n  @media (max-width: 720px) {\n    .banner {\n      width: 100%;\n      height: 260px;\n    }\n    .topnav {\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 2px;\n      padding: 8px 0;\n    }\n    .topnav a {\n      font-size: 13px;\n      padding: 6px 8px;\n    }\n    .product-features h2 {\n      font-size: 20px;\n    }\n    .product-features li {\n      font-size: 15px;\n      line-height: 1.6;\n    }\n    .description-section {\n      padding: 0 10px;\n      font-size: 16px;\n      line-height: 1.6;\n    }\n    .video-full iframe {\n      width: 100%;\n      height: 230px;\n    }\n    .shop-btn {\n      top: 15px;\n      left: 15px;\n      font-size: 14px;\n      padding: 8px 14px;\n    }\n    div[style*=\"width: 122%\"] {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 8px auto !important;\n    }\n    div[style*=\"width: 122%\"] img {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n    }\n  }\n\n  @media (max-width: 420px) {\n    .banner { height: 180px; }\n    .video-full iframe { height: 200px; }\n    .shop-btn { font-size: 12px; padding: 6px 10px; }\n    .product-features h2 { font-size: 18px; }\n    .product-features li { font-size: 14px; }\n  }\n\n  \/* ✅ MOBILE FIX — Remove side white space *\/\n  @media (max-width: 1024px) {\n    html, body {\n      overflow-x: hidden !important;\n    }\n\n    .banner,\n    div[style*=\"width: 121%\"],\n    div[style*=\"width: 122%\"],\n    .slides {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 0 auto !important;\n    }\n\n    img, iframe {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n      display: block !important;\n    }\n\n    .description-section {\n      padding: 0 12px !important;\n    }\n  }\n\u003c\/style\u003e\n\u003cnav class=\"topnav\"\u003e\u003ca href=\"https:\/\/gardenistauk.com\/\"\u003eHOME\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/all-scatter-cushions\"\u003eOUTDOOR CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/cushion-covers\"\u003eCUSHION COVERS\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/chair-cushions\"\u003eCHAIR CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/lounger-pads-cushions\"\u003eLOUNGER CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/bench-accessories\"\u003eBENCH PAD\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/chairs\"\u003eSEAT PAD\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/rattan-replacement\"\u003eRATTAN CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/pallet-seating-accessories\"\u003ePALLET CUSHION\u003c\/a\u003e \u003ca href=\"https:\/\/gardenistauk.com\/collections\/furniture\"\u003eFURNITURE COVER\u003c\/a\u003e\u003c\/nav\u003e\n\u003cdiv class=\"banner\"\u003e\n\u003cdiv class=\"slides\"\u003e\n\u003cdiv class=\"slide\"\u003e\u003cimg alt=\"Slide 1\" src=\"https:\/\/i.postimg.cc\/dVLX3RB7\/1.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\u003cimg alt=\"Slide 2\" src=\"https:\/\/i.postimg.cc\/vmnNLQC8\/2.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\u003ciframe title=\"YouTube video banner\" src=\"https:\/\/www.youtube.com\/embed\/Xg_t9CJS_Hs?autoplay=1\u0026amp;mute=1\u0026amp;controls=0\u0026amp;loop=1\u0026amp;playlist=Xg_t9CJS_Hs\u0026amp;modestbranding=1\u0026amp;rel=0\"\u003e\u003c\/iframe\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ca class=\"shop-btn\" href=\"https:\/\/gardenistauk.com\/pages\/about-us\"\u003eGARDENISTA\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-features\"\u003e\n\u003ch2 style=\"text-align: center;\"\u003e                              Product Features\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eGarden swing hammock seat pads are covered in a soft, water-resistant polyester cover.\u003c\/li\u003e\n\u003cli\u003eRelax with peace of mind knowing our swing chair cushion pads are fire-retardant, ensuring safety and protection.\u003c\/li\u003e\n\u003cli\u003eExperience ultimate comfort with our swing cushions' soft fabric and comfortable filling.\u003c\/li\u003e\n\u003cli\u003eStylish, lightweight, durable design, and high-quality material for long-lasting use.\u003c\/li\u003e\n\u003cli\u003eOur garden swing hammock cushions are easily cleaned with wipeable fabric and detachable covers.\u003cbr\u003e\n\u003c\/li\u003e\n\u003cli\u003eHidden zipper feature for easily removing the cover for machine wash.\u003c\/li\u003e\n\u003cli\u003eWe recommend storing it away when not in use.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv style=\"text-align: start; margin-bottom: 20px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"width: 121%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/QMpXWLMM\/product-feature.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 0;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"description-section\"\u003e\n\u003cp\u003eDesigned to add a bold pop of style and comfort to your canopy, these garden Water-Resistant Swing Hammock Seat Replacement Cushions are thick, durable, and water-resistant, making them perfect for outdoor use. The backrest and bench pad are attached, so you can sit on the seat easily.\u003c\/p\u003e\n\u003cp\u003eOutdoor Swing Hammock Cushion Cover is made with water-resistant polyester, and the seat pad is filled with high-quality fibre; hence, the replacement hammock canopy cushion pad is comfortable, durable, and lightweight. Experience hassle-free cleaning. Simply wipe or machine-wash for a fresh, stress-free seat every time.\u003c\/p\u003e\n\u003cp\u003eSwing seat cushions are great replacement for your existing canopy, with its thick padding making it very comfortable. The smooth material invites you to sink into your seat and enjoy luxurious relaxation! Versatile and stylish, these water-resistant swing hammock seat cushions suit garden, patio, and terrace settings. it's perfect for seating or simply relaxing.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 👇 Yahan ye code paste karna hai --\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/sgsSNmL9\/06-2-22.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/7Y531R7R\/05.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cimg src=\"https:\/\/i.postimg.cc\/BQRxmCB8\/02.jpg\" alt=\"Product Post Image\" style=\"width: 100%; height: auto; display: block; object-fit: contain; border: none; margin: 5px;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"width: 122%; max-width: 121%; margin: 0 auto; overflow: hidden;\"\u003e\u003cbr\u003e\u003c\/div\u003e","brand":"Gardenista®","offers":[{"title":"Black","offer_id":37737778315413,"sku":"GP G6 Hammock Pad C6628 Black","price":69.99,"currency_code":"GBP","in_stock":true},{"title":"Green","offer_id":37737778348181,"sku":"GP G6 Hammock Pad C6628 Green","price":69.99,"currency_code":"GBP","in_stock":true},{"title":"Grey","offer_id":37737778380949,"sku":"GP G6 Hammock Pad C6628 Grey","price":69.99,"currency_code":"GBP","in_stock":true},{"title":"Lime","offer_id":37737778413717,"sku":"GP G6 Hammock Pad C6628 Lime","price":69.99,"currency_code":"GBP","in_stock":false},{"title":"Navy","offer_id":37737778446485,"sku":"GP G6 Hammock Pad C6628 Navy","price":69.99,"currency_code":"GBP","in_stock":true},{"title":"Olive","offer_id":37737778479253,"sku":"GP G6 Hammock Pad C6628 Olive","price":69.99,"currency_code":"GBP","in_stock":false},{"title":"Purple","offer_id":37737778512021,"sku":"GP G6 Hammock Pad C6628 Purple","price":69.99,"currency_code":"GBP","in_stock":true},{"title":"Red","offer_id":37737778544789,"sku":"GP G6 Hammock Pad C6628 Red","price":69.99,"currency_code":"GBP","in_stock":true},{"title":"Royal Blue","offer_id":37737778577557,"sku":"GP G6 Hammock Pad C6628 Royal","price":69.99,"currency_code":"GBP","in_stock":true},{"title":"Stone","offer_id":37737778610325,"sku":"GP G6 Hammock Pad C6628 Stone","price":69.99,"currency_code":"GBP","in_stock":true},{"title":"Dark Grey","offer_id":40562971148437,"sku":"GP G6 Hammock Pad C6628 Dark Grey","price":69.99,"currency_code":"GBP","in_stock":false},{"title":"Pink","offer_id":43417697386730,"sku":"GP G6 Hammock Pad C6628 Pink","price":69.99,"currency_code":"GBP","in_stock":false},{"title":"Yellow","offer_id":43417697419498,"sku":"GP G6 Hammock Pad C6628 Yellow","price":69.99,"currency_code":"GBP","in_stock":false},{"title":"Turq","offer_id":43417697452266,"sku":"GP G6 Hammock Pad C6628 Turq","price":69.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0513\/2563\/2661\/files\/Untitled_design_1_4.webp?v=1773042112"}],"url":"https:\/\/gardenistauk.com\/collections\/best-seller.oembed?page=5","provider":"GardenistaUK Store","version":"1.0","type":"link"}