Garvee Modular Interlocking Cushion 50 Pack 12"x12" Drainage Mats Soft PVC Non-Slip Holes for Garage Garden Pool Black - Black / 12" X 12"
.garvee-drainage-mat { max-width: 1180px; margin: 0 auto; padding: 24px 16px; font-family: Arial, Helvetica, sans-serif; color: #1f2933; line-height: 1.6; background: #ffffff; } .garvee-drainage-mat * { box-sizing: border-box; } .garvee-drainage-mat img { width: 100%; height: auto; display: block; border-radius: 16px; } .garvee-section { margin-bottom: 42px; } .garvee-hero { display: grid; grid-template-columns: 1.08fr 0.92fr; gap: 26px; align-items: center; padding: 24px; background: linear-gradient(135deg, #f2f7fb 0%, #ffffff 100%); border: 1px solid #d9e7f2; border-radius: 24px; } .garvee-eyebrow { display: inline-block; margin-bottom: 12px; padding: 6px 13px; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #ffffff; background: #074174; border-radius: 999px; } .garvee-hero h2, .garvee-copy h2, .garvee-room-box h2, .garvee-spec-title { margin: 0 0 14px; font-size: 30px; line-height: 1.25; color: #074174; } .garvee-hero p, .garvee-copy p, .garvee-card p, .garvee-step-card p, .garvee-room-box p { margin: 0; font-size: 15px; color: #4b5563; } .garvee-hero ul { margin: 16px 0 0; padding-left: 20px; } .garvee-hero li { margin-bottom: 8px; font-size: 15px; color: #4b5563; } .garvee-feature-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; } .garvee-card { padding: 22px 18px; text-align: center; background: #f7fbfe; border: 1px solid #d9e7f2; border-radius: 18px; } .garvee-card h3 { margin: 0 0 8px; font-size: 18px; color: #074174; } .garvee-split { display: grid; grid-template-columns: 0.95fr 1.05fr; gap: 26px; align-items: center; } .garvee-copy { padding: 8px 4px; } .garvee-benefits { margin: 18px 0 0; padding: 0; list-style: none; } .garvee-benefits li { position: relative; margin-bottom: 13px; padding-left: 18px; font-size: 15px; color: #374151; } .garvee-benefits li::before { content: ""; position: absolute; left: 0; top: 9px; width: 7px; height: 7px; background: #074174; border-radius: 50%; } .garvee-benefits strong { color: #074174; } .garvee-step-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; } .garvee-step-card { padding: 18px 16px; background: #f7fbfe; border: 1px solid #d9e7f2; border-radius: 16px; text-align: center; } .garvee-step-number { width: 34px; height: 34px; margin: 0 auto 10px; border-radius: 50%; background: #074174; color: #ffffff; font-weight: 700; line-height: 34px; } .garvee-step-card h3 { margin: 0 0 8px; font-size: 17px; color: #074174; } .garvee-room-box { max-width: 980px; margin: 0 auto; padding: 34px 28px; text-align: center; background: #f7fbfe; border: 1px solid #d9e7f2; border-radius: 22px; } .garvee-room-box p { max-width: 780px; margin: 0 auto 22px; } .garvee-room-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; text-align: left; } .garvee-room-item { padding: 16px 14px; background: #ffffff; border: 1px solid #d9e7f2; border-radius: 14px; } .garvee-room-item strong { display: block; margin-bottom: 5px; color: #074174; font-size: 15px; } .garvee-room-item span { display: block; color: #4b5563; font-size: 14px; } .garvee-spec-wrap { padding: 30px 26px; background: #f7fbfe; border: 1px solid #d9e7f2; border-radius: 22px; } .garvee-spec-title { text-align: center; font-size: 26px; } .garvee-spec-table { width: 100%; border-collapse: separate; border-spacing: 0; overflow: hidden; background: #ffffff; border: 1.5px solid #074174; border-radius: 14px; } .garvee-spec-table td { padding: 14px 18px; font-size: 15px; border-bottom: 1px solid #d9e7f2; } .garvee-spec-table tr:last-child td { border-bottom: none; } .garvee-spec-table td:first-child { width: 36%; font-weight: 700; color: #333; background: #f2f7fb; } .garvee-spec-table td:last-child { color: #074174; font-weight: 700; } .garvee-note { margin-top: 20px; padding: 16px 18px; background: #ffffff; border-left: 4px solid #074174; border-radius: 12px; font-size: 14px; color: #4b5563; } @media (max-width: 900px) { .garvee-hero, .garvee-feature-grid, .garvee-split, .garvee-step-grid, .garvee-room-grid { grid-template-columns: 1fr; } } @media (max-width: 768px) { .garvee-drainage-mat { padding: 18px 12px; } .garvee-section { margin-bottom: 34px; } .garvee-hero, .garvee-room-box, .garvee-spec-wrap { padding: 20px 16px; border-radius: 18px; } .garvee-hero h2, .garvee-copy h2, .garvee-room-box h2, .garvee-spec-title { font-size: 24px; } .garvee-spec-table td { display: block; width: 100%; padding: 11px 14px; } .garvee-spec-table td:first-child { width: 100%; padding-bottom: 4px; } .garvee-spec-table td:last-child { padding-top: 4px; } } 50 Pack Drainage Floor Tiles Interlocking PVC Mats for Wet, Busy & High-Traffic Spaces Upgrade bathrooms, garages, kitchens, decks, pool areas and workspaces with Garvee modular drainage floor tiles. The soft PVC surface, raised drainage design and snap-together structure create a safer, cleaner and more comfortable floor solution. 50-piece set covers flexible layouts and custom floor
