14” x 26” Woven Polypropylene Sandbags for Flooding – Empty & Durable
/* Neutraliza el .large--three-quarters { width: 75% } del theme */ .large--three-quarters, .large--six-eighths, .large--nine-twelfths { width: 100% !important; float: none !import ant; } /* ============================================================ SANDBAGGY — Product Description (PDP) Pure HTML/CSS, no JavaScript required Shopify-compatible: paste + into the product description HTML editor ============================================================ */ /* ── Design tokens ───────────────────────────────────────── */ .sb-pdp { --blue: #29629C; /* headline color */ --dark: #2C2A2A; /* body text */ --green: #2F4F24; /* accent / seam label */ --gray: #E4E4E4; /* FAQ background */ --border: #DDDDDD; /* card borders */ max-width: 1440px; margin: 0 auto; background: #fff; color: var(--dark); font-family: "Open Sans", Arial, sans-serif; line-height: 1.4; /* FIX: prevent horizontal scroll caused by any oversized child */ overflow-x: hidden; } .sb-pdp * { box-sizing: border-box; } .sb-pdp img { max-width: 100%; display: block; } /* Centered content wrapper — 80px gutters on desktop */ .sb-pdp-container { width: calc(100% - 80px); max-width: 1360px; margin: 0 auto; } /* ============================================================ HEADLINE Barlow Condensed, all-small-caps, brand blue ============================================================ */ .sb-pdp-title { font-family: 'Barlow Condensed', 'Arial Narrow', sans-serif; font-weight: 600; font-size: clamp(26px, 3.6vw, 40px); line-height: 1; font-variant: all-small-caps; color: var(--blue); text-align: center; margin: 56px 0 77px; } /* ============================================================ INTRO: body copy (left) + YouTube video (right) FIX: fr units instead of fixed 512px/679px — no overflow ============================================================ */ .sb-intro-grid { display: grid; grid-template-columns: 1fr 1.32fr; gap: 63px; align-items: start; margin-bottom: 84px; } .sb-intro-copy { font-size: 24px; line-height: 33px; font-weight: 400; color: var(--dark); margin: 0; } .sb-intro-copy strong { font-weight: 800; } /* Responsive 16:9 iframe container */ .sb-video-wrap { width: 100%; aspect-ratio: 679 / 383; background: #ddd; overflow: hidden; } .sb-video-wrap iframe { width: 100%; height: 100%; display: block; border: 0; } /* ============================================================ SPECIFICATIONS 3-column: table | bag diagram | stat tiles ============================================================ */ .sb-specs-grid { display: grid; grid-template-columns: 1fr 330px 245px; gap: 34px; align-items: center; margin-bottom: 58px; } /* Spec table card */ .sb-spec-card { background: #fff; border: 1px solid var(--border); border-radius: 10px; overflow: hidden; } .sb-spec-card-title { font-family: "Barlow Condensed", "Arial Narrow", Arial, sans-serif; font-size: 24px; line-height: 29px; font-weight: 700; color: var(--dark); text-transform: uppercase; padding: 18px 22px 14px; border-bottom: 1px solid #eee; } .sb-spec-table { width: 100%; border-collapse: collapse; font-size: 14px; } .sb-spec-table tr { border-bottom: 1px solid #eee; } .sb-spec-table tr:last-child { border-bottom: 0; } .sb-spec-table td { padding: 10px 22px; vertical-align: top; } .sb-spec-table td:first-child { width: 52%; font-weight: 700; color: #333; } .sb-spec-table td:last-child { color: #555; } /* Bag dimension diagram (center column) */ .sb-diagram-img { width: 100%; } /* Right column: weight tile + seam photo tile */ .sb-stats-col { display: grid; gap: 18px; } .sb-weight-box { background: #F2F2EE; border-radius: 10px; padding: 26px 20px; text-align: center; } /* Inline SVG weight icon — no external dependency */ .sb-weight-icon-svg { width: 56px; height: 56px; margin: 0 auto 16px; display: block; } .sb-weight-label { margin: 0; font-size: 13px; line-height: 1; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: #666; } .sb-weight-value { margin: 6px 0 0; font-size: 38px; line-height: 1; font-weight: 900; text-transform: uppercase; color: var(--dark); } .sb-dash { border-top: 2px dashed #CFCFCF; margin: 20px 0; } /* Seam close-up tile with green label overlay */ .sb-seam-box { position: relative; border-radius: 10px; overflow: hidden; } .sb-seam-box img { width: 100%; aspect-ratio: 245 / 190; object-fit: cover; } .sb-seam-label { position: absolute; left: 0; right: 0; bottom: 0; background: rgba(47, 79, 36, 0.96); color: #fff; padding: 12px 14px; font-family: "Barlow Condensed", "Arial Narrow", Arial, sans-serif; font-size: clamp(14px, 1.8vw, 20px); line-height: 1.1; font-weight: 800; text-transform: uppercase; } /* ============================================================ LIFESTYLE PHOTO COLLAGE Full-bleed (outside .sb-pdp-container intentionally) FIX: fr units instead of fixed 990px/430px — no overflow ============================================================ */ .sb-lifestyle-grid { display: grid; grid-template-columns: 69.8fr 30.2fr; gap: 20px; margin-bottom: 64px; } .sb-lifestyle-main img { width: 100%; height: 810px; object-fit: cover; border-radius: 6px; } .sb-lifestyle-side { display: grid; gap: 23px; } .sb-lifestyle-side img { width: 100%; height: 393px; object-fit: cover; border-radius: 6px; } /* ============================================================ APPLICATIONS 6-card photo grid with dark green label overlays ============================================================ */ .sb-applications-section { width: 100%; max-width: 1390px; margin: 0 auto 48px; padding: 0 16px; } .sb-applications-title { font-family: "Barlow Condensed", "Arial Narrow", Arial, sans-serif; font-size: 38px; line-height: 1; font-weight: 700; color: var(--dark); text-transform: uppercase; margin: 0 0 22px; } .sb-applications-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 22px; } .sb-app-card { position: relative; overflow: hidden; border-radius: 8px; background: #ddd; aspect-ratio: 1 / 1; box-shadow: 0 3px 10px rgba(0,0,0,0.14); } .sb-app-card img { width: 100%; height: 100%; display: block; object-fit: cover; } /* FIX: font-size stays proportional via clamp — no 34px jump */ .sb-app-label { position: absolute; left: 0; right: 0; bottom: 0; min-height: 60px; padding: 0 10px; display: flex; align-items: center; background: #253E1D; color: #fff; font-family: "Barlow Condensed", "Arial Narrow", Arial, sans-serif; font-size: clamp(8px, 1.1vw, 10px); line-height: 1.15; font-weight: 700; text-transform: uppercase; letter-spacing: 0.3px; } .sb-app-label--center { justify-content: center; text-align: center; } /* FIX: consistent circle size — no 27px→38px jump at tablet */ .sb-app-check { width: 22px; height: 22px; min-width: 22px; margin-right: 7px; border: 2px solid #fff; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-family: Arial, sans-serif; font-size: 12px; font-weight: 700; line-height: 1; flex-shrink: 0; } /* ============================================================ BUILT FOR PERFORMANCE 6-card icon grid inside bordered container ============================================================ */ .sb-performance-section { width: 100%; max-width: 1390px; margin: 0 auto 48px; padding: 24px 18px; border: 1px solid #dedede; border-radius: 12px; background: #fff; } .sb-performance-title { font-family: "Barlow Condensed", "Arial Narrow", Arial, sans-serif; font-size: 38px; line-height: 1; font-weight: 700; color: var(--dark); text-transform: uppercase; margin: 0 0 18px; } .sb-performance-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 14px; } .sb-performance-card { background: #f7f7f5; border: 1px solid #dedede; border-radius: 10px; padding: 22px 14px 20px; text-align: center; color: var(--dark); font-family: "Open Sans", Arial, sans-serif; display: flex; flex-direction: column; align-items: center; } /* Icon wrapper — contains only the SVG, nothing else */ .sb-performance-icon { width: 72px; height: 72px; margin: 0 auto 14px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .sb-performance-icon svg { width: 100%; height: 100%; display: block; } .sb-performance-card h3 { font-family: "Barlow Condensed", "Arial Narrow", Arial, sans-serif; font-size: 16px; line-height: 1.1; font-weight: 800; color: #111; text-transform: uppercase; margin: 0 0 12px; letter-spacing: 0.2px; } .sb-performance-card p { font-size: 13px; line-height: 1.4; color: #3f3f3f; margin: 0; } /* ============================================================ HOW TO USE Title + 4 images connected by arrows FIX: arrows hidden on mobile via class instead of fragile nth-child ============================================================ */ .sb-howto { border: 1px solid #e8e8e8; border-radius: 10px; background: #fff; padding: 28px 32px 32px; margin-bottom: 36px; font-family: "Barlow Condensed", "Arial Narrow", Arial, sans-serif; } .sb-howto__title { font-size: clamp(16px, 2.2vw, 22px); font-weight: 700; text-transform: uppercase; color: #1a1a2e; text-align: center; letter-spacing: 0.5px; margin: 0 0 24px; } /* 7-column grid: img → arrow → img → arrow → img → arrow → img */ .sb-howto__grid { display: grid; grid-template-columns: 1fr 40px 1fr 40px 1fr 40px 1fr; align-items: center; } .sb-howto__arrow { display: flex; align-items: center; justify-content: center; color: #aaa; font-size: 28px; } .sb-howto__img { display: block; width: 100%; height: auto; } /* ============================================================ PROMISE BAR Green bg, shield + headline left, 3 badge icons right ============================================================ */ .sb-promise { background: #edeee8; border-radius: 10px; padding: 20px 32px; display: flex; align-items: center; margin-bottom: 36px; font-family: "Open Sans", Arial, sans-serif; } .sb-promise__left { display: flex; align-items: center; gap: 16px; flex-shrink: 0; padding-right: 36px; } .sb-promise__left img { width: 60px; height: auto; display: block; flex-shrink: 0; } .sb-promise__text strong { display: block; font-size: clamp(12px, 1.1vw, 14px); font-weight: 800; color: #1a1a1a; text-transform: uppercase; letter-spacing: 0.2px; margin-bottom: 4px; } .sb-promise__text p { font-size: clamp(11px, 0.9vw, 13px); color: #555; line-height: 1.5; margin: 0; max-width: 280px; } .sb-promise__divider { width: 1px; height: 52px; background: #c2c3bc; flex-shrink: 0; margin-right: 36px; } .sb-promise__badges { display: flex; align-items: center; gap: 28px; flex: 1; } .sb-promise__badge { display: flex; align-items: center; gap: 10px; flex-shrink: 0; } .sb-promise__badge img { width: 80px; height: auto; display: block; flex-shrink: 0; } /* Delivery truck is wider than the other icons — slight override */ .sb-promise__badge.shipping img { width: 80px; } .sb-promise__badge-text { font-size: clamp(12px, 1vw, 14px); font-weight: 700; color: #1a1a1a; line-height: 1.3; } /* ============================================================ FAQ Static accordion rows (Shopify-compatible, no JS) ============================================================ */ .sb-faq { padding: 38px 0 100px; } .sb-faq-title { text-align: center; font-family: "Barlow Condensed", "Arial Narrow", Arial, sans-serif; font-size: 24px; line-height: 29px; font-weight: 700; color: var(--dark); text-transform: uppercase; margin: 0 0 32px; } .sb-faq-list { max-width: 858px; margin: 0 auto; display: grid; gap: 10px; } .sb-faq-list details { background: var(--gray); border-radius: 6px; overflow: hidden; } .sb-faq-list summary { list-style: none; min-height: 59px; display: flex; align-items: center; justify-content: space-between; padding: 14px 23px; font-family: "Barlow Condensed", "Arial Narrow", Arial, sans-serif; font-size: 20px; line-height: 1.2; font-weight: 700; color: var(--dark); text-transform: uppercase; cursor: pointer; user-select: none; gap: 12px; } .sb-faq-list summary::-webkit-details-marker { display: none; } /* + / − toggle icon */ .sb-faq-list summary::after { content: '+'; font-size: 24px; font-weight: 300; color: #777; flex-shrink: 0; } .sb-faq-list details[open] > summary::after { content: '−'; } .sb-faq-answer { padding: 14px 23px 20px; font-family: "Open Sans", Arial, sans-serif; font-size: 15px; line-height: 1.65; color: #555; border-top: 1px solid #ccc; } /* ============================================================ RESPONSIVE BREAKPOINTS ≤1200px Tablet landscape ≤900px Tablet portrait ≤700px Large mobile ≤560px Mobile ≤430px Small mobile ============================================================ */ /* ── Tablet landscape (≤1200px) ── */ @media (max-width: 1200px) { .sb-pdp-container { width: calc(100% - 40px); } /* Intro keeps 2 columns but proportional */ .sb-intro-grid { gap: 40px; } /* Specs: shrink fixed columns slightly */ .sb-specs-grid { grid-template-columns: 1fr 280px 220px; gap: 24px; } /* Lifestyle: slightly smaller images */ .sb-lifestyle-main img { height: 640px; } .sb-lifestyle-side img { height: 308px; } /* Applications: 3 columns */ .sb-applications-grid { grid-template-columns: repeat(3, 1fr); } /* Performance: 3 columns */ .sb-performance-grid { grid-template-columns: repeat(3, 1fr); gap: 14px; } } /* ── Tablet portrait (≤900px) ── */ @media (max-width: 900px) { .sb-pdp-title { font-size: 42px; line-height: 1; margin-bottom: 42px; } /* Stack intro, specs, lifestyle to single column */ .sb-intro-grid, .sb-specs-grid { grid-template-columns: 1fr; } .sb-lifestyle-grid { grid-template-columns: 1fr; gap: 12px; } .sb-intro-copy { font-size: 20px; line-height: 29px; } /* Center diagram when stacked */ .sb-diagram-img { max-width: 360px; margin: 0 auto; } /* Stat tiles side by side when stacked */ .sb-stats-col { grid-template-columns: 1fr 1fr; } .sb-lifestyle-main img, .sb-lifestyle-side img { height: auto; } /* Applications: 3 columns */ .sb-applications-grid { grid-template-columns: repeat(3, 1fr); gap: 14px; } .sb-app-label { font-size: 13px; min-height: 44px; padding: 0 8px; } } /* ── Large mobile (≤700px) ── */ @media (max-width: 700px) { /* Applications: 2 columns */ .sb-applications-section { padding: 0 12px; } .sb-applications-title { font-size: 30px; margin-bottom: 18px; } .sb-applications-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; } .sb-app-label { font-size: 13px; min-height: 60px; padding: 0 8px; } .sb-app-check { width: 18px; height: 18px; min-width: 18px; font-size: 10px; margin-right: 5px; } /* Performance: 2 columns */ .sb-performance-section { padding: 18px 12px; } .sb-performance-title { font-size: 28px; } .sb-performance-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; } .sb-performance-card { padding: 18px 12px; } .sb-performance-icon { width: 56px; height: 56px; margin-bottom: 12px; } .sb-performance-card h3 { font-size: 15px; margin-bottom: 10px; } .sb-performance-card p { font-size: 13px; } /* How to use: hide arrows, stack 2×2 */ .sb-howto { padding: 20px 16px; } .sb-howto__grid { grid-template-columns: 1fr 1fr; gap: 12px; } /* Hide all arrow divs on mobile */ .sb-howto__arrow { display: none; } /* Promise: stack vertically */ .sb-promise { flex-direction: column; align-items: flex-start; gap: 20px; padding: 20px; } .sb-promise__left { padding-right: 0; } .sb-promise__divider { display: none; } .sb-promise__badges { flex-wrap: wrap; gap: 18px; } /* Promise: stack left block above badges */ .sb-promise { flex-direction: column; align-items: stretch; gap: 20px; padding: 20px; } .sb-promise__left { padding-right: 0; } .sb-promise__divider { display: none; } /* Badges: 3 equal columns side by side on mobile */ .sb-promise__badges { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; } .sb-promise__badge { flex-direction: column; align-items: center; text-align: center; gap: 8px; padding: 12px 6px; border-radius: 8px; } .sb-promise__badge img { width: 52px; } .sb-promise__badge.shipping img { width: 52px; } .sb-promise__badge-text { font-size: 13px; } } /* ── Mobile (≤560px) ── */ @media (max-width: 560px) { .sb-pdp-container { width: calc(100% - 24px); } .sb-pdp-title { font-size: 34px; margin-bottom: 32px; margin-top: 32px; } .sb-intro-grid { margin-bottom: 48px; } .sb-intro-copy { font-size: 17px; line-height: 25px; } .sb-spec-table { font-size: 13px; } .sb-spec-table td { padding: 10px 14px; } .sb-stats-col { grid-template-columns: 1fr; } .sb-weight-value { font-size: 30px; } .sb-faq-title { margin-bottom: 20px; } .sb-faq-list summary { font-size: 16px; } } /* ── Small mobile (≤430px) ── */ @media (max-width: 430px) { /* Applications: 1 column */ .sb-applications-grid { grid-template-columns: 1fr; } .sb-app-label { font-size: 16px; min-height: 72px; padding: 0 12px; } .sb-app-check { width: 22px; height: 22px; min-width: 22px; font-size: 12px; margin-right: 8px; } /* Performance: 1 column */ .sb-performance-grid { grid-template-columns: 1fr; } .sb-performance-card h3 { font-size: 20px; } .sb-performance-card p { font-size: 14px; } /* How to use: single column */ .sb-howto__grid { grid-template-columns: 1fr; } } Buy Sandbags for Flooding, Erosion Control,and Construction - Polypropylene Sandbags Sandbaggy's 14" x 26" Polypropylene Sandbags are built for demanding outdoor applications. Designed with military-grade strength, these heavy-duty sandbags hold up to 100 lbs of weight and feature 25% more UV protection, resisting up to 2,000 hours of sunlight for longer outdoor performance. Ideal for flood barriers, erosion control, construction sites, earthbag homes, and stabilizing tarps or equipment in demanding outdoor conditions. Double-stitched seams and attached tie strings provide reliable performance when it matters most. Trusted by the U.S. Army, Red Cross, contractors, and homeowners alike. Specifications Size 14″ × 26″ Dimensions (Filled) 12″ × 18″ × 3.5″ (W × L × H) Thickness 10 Mil Material Woven Polypropylene Bag Strength Capacity Up to 100 lb Recommended Fill Weight 50 lb of sand Volume ≈ 0.5 cubic feet of sand Closure Type Tie String (attached) UV Protected Yes - 2000 hrs. Waterproof 98% Waterproof Reusable (refillable) Yes Holds up to 100 lbs Recommended fill 50 lbsof sand Double-stitchedreinforced seams Perfect for Multiple Applications ✓ Flood Barriers ✓ Erosion Control ✓ Construction Sites ✓ Earthbag Homes ✓ Tarp & EquipmentStabilization ✓ Military & EmergencyUse Built for Performance Military-GradeStrength Made with a tough 10x10 weave and reinforced double-stitched seams. Holds up to 100 lbs. Recommended 50 lb fill for optimal stacking and stability. 25% MoreUV Protection Built to resist up to 2,000 hours of sunlight for longer outdoor performance in extreme conditions. Water & OilResistant Polypropylene material repels water and oil, effective in wet, oily, or high-moisture environments. Pre-AttachedTie Strings Ready-to-use strings make closure quick and secure, keeping contents in place during transport or emergencies. Reusable &Refillable Designed for multiple uses. Empty, rinse, and refill for long-term value. VersatileApplications Ideal for flood control, erosion control, construction, military use, earthbag homes, securing tarps, and more. How to Use Sand Bags for Flood Protection → → → Built to Last. Backed by Our Promise. We stand behind the quality of our sandbags. If you're not satisfied, we'll make it right. FastShipping BulkDiscounts 30-DayGuarantee Frequently Asked Questions How many sandbags do I need to protect my home? The number of sandbags needed depends on the area you want to protect and the expected flood depth. A standard doorway protected to 1 foot of depth typically requires 8–12 sandbags per layer. For full perimeter protection, multiply your linear footage by the number of layers needed. How long do Sandbaggy sandbags last? Sandbaggy polypropylene sandbags are UV-treated to withstand up to 2,000 hours of direct sunlight. Stored indoors, they can last several years. For outdoor use, most bags remain effective for 1–2 seasons depending on sun and weather exposure. What materials can I fill the sandbags with? The most common fill is coarse sand, which provides the best weight and drainage balance. You can also use dirt, gravel, or mixed soil. Fill each bag to about 50 lbs (roughly half full) and tie securely for best results. Are Sandbaggy sandbags reusable? Yes! Sandbaggy sandbags are designed to be reusable and refillable. After use, empty the fill material, rinse with water, allow to air-dry, then store. With proper care, each bag can be reused multiple times. What are Sandbaggy sandbags commonly used for? Sandbaggy sandbags are used for flood barriers and water diversion, erosion control, construction site safety, earthbag home construction, securing tarps and equipment, military and emergency response, and ballast applications.
More you might like
Related
Custom Printed Sandbags For Flooding - 14” x 26” - Empty Wov
Related
Sandbags For Flooding - NO TIE STRING - 14” x 26” - Empty Wo
Related
EMPTY 14 x 26" Polypropylene Sandbags / 50 PK.
Related