Collage Mesh Shorts

Battle Sports Verified independent store

→

/* ===== Battle PDP spacing system (consistent desktop + mobile) ===== */ .bt-pdp { line-height: 1.55 !important; } /* ================= MOBILE GUTTER FIX ================= Theme a lready provides LEFT spacing. We ONLY add RIGHT spacing so margins appear equal. ======================================================= */ .bt-pdp{ max-width: 100%; overflow-x: hidden; padding-left: 0 !important; /* keep theme left gutter */ padding-right: 16px !important; /* create matching right gutter */ box-sizing: border-box !important; width: 100% !important; } /* Slightly more breathing room on tablet */ @media (min-width: 768px){ .bt-pdp{ padding-right: 18px !important; } } /* Desktop: center content nicely */ @media (min-width: 1024px){ .bt-pdp{ padding-right: 0 !important; max-width: 720px; margin-left: auto !important; margin-right: auto !important; } } /* Prevent anything from touching edges */ .bt-pdp *{ box-sizing: border-box !important; } .bt-pdp img, .bt-pdp table, .bt-pdp details, .bt-pdp div{ max-width: 100% !important; } /* Section headings */ .bt-pdp h2{ font-size: 20px !important; font-weight: 500 !important; margin: 20px 0 10px !important; padding: 0 !important; line-height: 1.3 !important; } .bt-pdp h2:first-of-type{ margin-top: 0 !important; } /* Standard block spacing */ .bt-pdp p, .bt-pdp ul, .bt-pdp ol, .bt-pdp section, .bt-pdp .bt-faq, .bt-pdp .bt-blog-links{ margin: 0 0 20px !important; padding: 0 !important; } /* Lists */ .bt-pdp ul, .bt-pdp ol{ padding-left: 20px !important; } .bt-pdp li{ margin: 0 0 6px !important; } /* Tech specs table styling */ .bt-specs{ width: 100%; border-collapse: collapse; border: 1px solid rgba(0,0,0,.12); border-radius: 12px; overflow: hidden; } .bt-specs th, .bt-specs td{ padding: 12px 14px; border-top: 1px solid rgba(0,0,0,.08); vertical-align: top; text-align: left; } .bt-specs tr:first-child th, .bt-specs tr:first-child td{ border-top: 0; } .bt-specs th{ width: 34%; font-weight: 600; background: rgba(0,0,0,.03); } /* FAQ styling */ .bt-faq h3{ font-size: 16px !important; font-weight: 700 !important; margin: 0 0 6px !important; line-height: 1.25 !important; } .bt-faq p{ margin: 0 0 14px !important; line-height: 1.55 !important; } .bt-faq p:last-child{ margin-bottom: 0 !important; } /* Blog links */ .bt-blog-links ul{ margin: 0 !important; padding-left: 18px !important; } .bt-blog-links li{ margin: 0 0 8px !important; } /* Divider */ .bt-divider { height: 1px; background: rgba(0,0,0,.10); border: 0; margin: 18px 0; width: 100%; } /* Callout */ .bt-callout{ border: 1px solid rgba(0,0,0,.12); border-radius: 12px; padding: 12px 14px; background: rgba(0,0,0,.02); margin: 0 0 20px !important; } .bt-callout-title{ font-weight: 700; margin: 0 0 6px !important; line-height: 1.25; } .bt-callout p{ margin: 0 !important; } /* Badges */ .bt-badges{ display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 20px !important; padding: 0 !important; list-style: none; } .bt-badge{ border: 1px solid rgba(0,0,0,.12); border-radius: 999px; padding: 6px 10px; font-size: 14px; line-height: 1; background: #fff; white-space: nowrap; } /* Icon list */ .bt-icon-list{ list-style: none; padding-left: 0 !important; } .bt-icon-list li{ display: flex; gap: 10px; align-items: flex-start; margin: 0 0 10px !important; } .bt-ico{ width: 22px; min-width: 22px; height: 22px; border-radius: 999px; border: 1px solid rgba(0,0,0,.14); display: inline-flex; align-items: center; justify-content: center; font-size: 14px; background: rgba(0,0,0,.02); } /* Collapsible sections */ .bt-collapse{ border: 1px solid rgba(0,0,0,.10); border-radius: 12px; background: rgba(0,0,0,.01); margin-bottom: 20px; overflow: hidden; } .bt-collapse__summary{ display: flex; justify-content: space-between; align-items: center; padding: 14px; cursor: pointer; } .bt-collapse__h2{ margin: 0 !important; line-height: 1.05 !important; } .bt-collapse__chev{ opacity: .75; transition: transform .2s ease; } .bt-collapse[open] .bt-collapse__chev{ transform: rotate(180deg); } .bt-collapse__content{ padding: 14px 18px 16px !important; } .bt-pdp details.bt-collapse > .bt-collapse__content{ padding: 14px 16px 16px !important; } @media (min-width: 768px){ .bt-pdp details.bt-collapse > .bt-collapse__content{ padding: 16px 18px 18px !important; } } .bt-pdp details.bt-collapse > .bt-collapse__content.bt-faq, .bt-pdp details.bt-collapse > .bt-collapse__content.bt-blog-links{ padding-left: 16px !important; padding-right: 16px !important; } .bt-pdp details.bt-collapse > .bt-collapse__content.bt-blog-links ul{ padding-left: 18px !important; margin: 0 !important; } .bt-hero-img{ width: 100%; height: auto; border-radius: 12px; display: block; margin: 0 0 16px !important; } /* Added only for new top-level section titles */ .bt-section-toggle{ margin-top: 0 !important; } .bt-section-toggle + .bt-section-toggle{ margin-top: 0 !important; } /* Comparison cards */ .bt-compare-card{ border: 1px solid rgba(0,0,0,.12); border-radius: 12px; padding: 10px 12px; background: #fff; } .bt-compare-card--primary{ border-color: rgba(0,0,0,.22); } .bt-compare-rows{ display: grid; gap: 8px; } .bt-compare-row{ display: flex; gap: 10px; } .bt-compare-label{ min-width: 72px; font-weight: 600; opacity: .85; } .bt-compare-value{ flex: 1; } /* Horizontal scroll */ .bt-compare-scroll{ width: 100%; margin: 12px 0 10px; overflow-x: auto; -webkit-overflow-scrolling: touch; padding-bottom: 8px; scroll-snap-type: x mandatory; contain: layout paint; } .bt-compare-track{ white-space: nowrap; font-size: 0; padding-bottom: 10px; } .bt-compare-scroll .bt-compare-card{ display: inline-block; white-space: normal; font-size: 14px; margin-right: 10px; scroll-snap-align: start; width: 210px; } @media (min-width: 768px){ .bt-compare-scroll .bt-compare-card{ width: 260px; } } Collage Mesh Shorts. Loud Battle Style with Lightweight Breathability. The Collage Mesh Shorts are built for easy movement, breathable comfort, and allover Battle energy. With a loose fit, built-in liner, adjustable draw cord, side pockets, vented hems, and sublimated collage artwork, these shorts bring game-day attitude to everyday athletic wear. Quick Win These shorts do the job without pretending to be rocket science. Light mesh, secure liner, easy movement, and a graphic that actually looks like Battle. That is the point. Product Overview The Collage Mesh Shorts are made for athletes who want breathable comfort with a louder look. The loose fit gives you room to move, while the 6–7" inseam hits that ideal athletic length without feeling too long or too short. Lightweight mesh fabrication helps keep air flowing, and the built-in liner adds secure comfort when you are training, running, lifting, relaxing, or wearing them every day. Finished with side hem pockets, vented hems, an adjustable waistband, and sublimated allover Battle collage artwork, these shorts are made to move easy and stand out. Key Features 🩳Loose Athletic Fit: Roomy fit built for unrestricted movement 📏6–7" Inseam: Ideal athletic length for training, lounging, and daily wear 🔒Built-In Liner: Secure comfort and support without extra bulk 🌬️Lightweight Mesh Fabrication: Breathable construction helps keep you cool ⚡Vented Hems: Added mobility for running, training, and active movement 🎨Sublimated Collage Design: Allover Battle graphic detail built into the fabric for a clean finish Loose Fit Built-In Liner 6–7" Inseam Breathable Mesh Side Pockets Vented Hems Sublimated Design Details & Fit▾ Built to Move These mesh shorts are made for active wear with a loose fit, secure liner, adjustable waistband, and breathable construction that keeps movement easy. Fit & Style Details The Collage Mesh Shorts have a loose athletic fit designed for freedom of movement. The 6–7" inseam gives them a sharp training-short length that works for workouts, warmups, summer wear, or casual everyday fits. The elastic waistband and adjustable draw cord let you lock in your fit, while the built-in liner adds comfort and security underneath. Side hem pockets give you storage without overcomplicating the short, and vented hems help the shorts move with you instead of against you. Tech Specs▾ Product Name Collage Mesh Shorts Product Type Athletic mesh shorts with built-in liner Fit Loose fit for unrestricted movement Inseam 6–7" inseam for an ideal athletic length Waistband Elastic waistband with adjustable draw cord Liner Built-in liner for secure comfort Fabrication Lightweight mesh construction for maximum breathability Storage Side hem pockets for everyday storage Mobility Vented hems for added range of motion Design Sublimated allover Battle collage design Best For Training, warmups, workouts, summer wear, lounging, and everyday athletic style When to Wear It Wear these shorts for training sessions, gym days, warmups, recovery days, summer fits, or casual daily wear. They are light enough for heat, comfortable enough for lounging, and mobile enough for active movement. The collage graphic gives them more personality than standard mesh shorts without making them harder to wear. Use Tip Pair them with a Battle tee or hoodie for a full athletic fit, or wear them solo when you want breathable comfort with a louder game-day look. Show more