2-Seater Bench Seat Pad with Secure Straps |Garden Water Resistant Bench Cushions

body { margin: 0; font-family: 'Roboto', sans-serif; } .topnav { background-color: #E1D8CF; display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 5px; padding: 10px 0; position: relative; } .topnav a { color: #4b6844; padding: 10px 15px; text-decoration: none; font-size: 16px; border-radius: 4px; transition: background-color 0.3s ease; text-transform: uppercase; font-weight: 700; } .topnav a:hover { background-color: #ddd; color: black; } .topnav::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background-color: #4b6844; } :root { --banner-height: 600px; --hold-time: 40s; --move-time: 2s; } * { box-sizing: border-box; margin: 0; padding: 0; } .banner { position: relative; width: 121%; height: var(--banner-height); overflow: hidden; margin-top: -0px; } .slides { display: flex; width: 100%; animation: slideAnimation 38s infinite; } .slide { flex: 0 0 100%; position: relative; display: flex; justify-content: center; align-items: center; } .slide img, .slide iframe { width: 100%; height: 100%; object-fit: contain; display: block; border: none; } .shop-btn { position: absolute; top: 80px; left: 80px; z-index: 100; background: #ffffff; color: #4b6844; font-size: 20px; font-weight: 750; padding: 14px 30px; border: 2px solid #4b6844; border-radius: 6px; cursor: pointer; transition: background 0.3s, color 0.3s; text-transform: uppercase; font-family: 'Poppins', sans-serif; text-decoration: none; } .shop-btn:hover { background: #4b6844; color: #00; } @keyframes slideAnimation { 0% { transform: translateX(0%); } /* Slide 1 start */ 10% { transform: translateX(0%); } /* Hold Slide 1 */ 15% { transform: translateX(-100%); } /* Slide 2 */ 25% { transform: translateX(-100%); } /* Hold Slide 2 */ 30% { transform: translateX(-200%); } /* Video slide */ 92% { transform: translateX(-200%); } /* Hold video long (~30s) */ 100% { transform: translateX(0%); } /* Back to start */ } .product-features h2 { font-size: 26px; font-weight: 700; color: #4b6844; text-align: center; margin-bottom: 20px; text-transform: uppercase; } .product-features ul { list-style-type: disc; list-style-position: inside; margin: 0; } .product-features li { margin-bottom: 12px; line-height: 1.5; color: #333; padding-left: 30px; text-indent: 0; font-size: 18px; } .description-section { width: 100%; max-width: 1300px; margin: 40px auto; padding: 0 60px; /* 👈 wider left/right space */ font-family: 'Poppins', sans-serif; color: #333; font-size: 18px; line-height: 1.9; /* 👈 adds nice space between lines */ text-align: left; } .description-section p { margin-bottom: 18px !important; /* 👈 adds gap between paragraphs */ } /* ✅ Full-screen fit for second video */ .video-full iframe { width: 80%; height: 105%; object-fit: contain; display: block; border: none; } @media (max-width:720px) { .banner { height: 250px; } } @media (max-width:420px) { .banner { height: 180px; } } /* ✅ Mobile & Tablet Friendly Optimization */ @media (max-width: 1024px) { .banner { width: 100%; height: 420px; } .slide img, .slide iframe { object-fit: contain; } .video-full iframe { width: 100%; height: 280px; } .shop-btn { top: 30px; left: 30px; font-size: 16px; padding: 10px 20px; } } @media (max-width: 720px) { .banner { width: 100%; height: 260px; } .topnav { flex-wrap: wrap; justify-content: center; gap: 2px; padding: 8px 0; } .topnav a { font-size: 13px; padding: 6px 8px; } .product-features h2 { font-size: 20px; } .product-features li { font-size: 15px; line-height: 1.6; } .description-section { padding: 0 10px; font-size: 16px; line-height: 1.6; } .video-full iframe { width: 100%; height: 230px; } .shop-btn { top: 15px; left: 15px; font-size: 14px; padding: 8px 14px; } div[style*="width: 122%"] { width: 100% !important; max-width: 100% !important; margin: 8px auto !important; } div[style*="width: 122%"] img { width: 100% !important; height: auto !important; object-fit: contain !important; } } @media (max-width: 420px) { .banner { height: 180px; } .video-full iframe { height: 200px; } .shop-btn { font-size: 12px; padding: 6px 10px; } .product-features h2 { font-size: 18px; } .product-features li { font-size: 14px; } } /* ✅ MOBILE FIX — Remove side white space */ @media (max-width: 1024px) { html, body { overflow-x: hidden !important; } .banner, div[style*="width: 121%"], div[style*="width: 122%"], .slides { width: 100% !important; max-width: 100% !important; margin: 0 auto !important; } img, iframe { width: 100% !important; height: auto !important; object-fit: contain !important; display: block !important; } .description-section { padding: 0 12px !important; } } HOME OUTDOOR CUSHION CUSHION COVERS CHAIR CUSHION LOUNGER CUSHION BENCH PAD SEAT PAD RATTAN CUSHION PALLET CUSHION FURNITURE COVER GARDENISTA Product Features Covered in water Resistant Polyester Cover. Bench seat cushions securely attached with ties Our bench pads are designed to be both lightweight and garden friendly Simply wipe clean or remove the cover for