#1 Mesh Shorts
/* ===== 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; } } #1 Mesh Shorts. Lightweight Breathability with Bold Battle Energy. The #1 Mesh Shorts are built for easy movement, breathable comfort, and standout athletic style. With a loose fit, built-in liner, adjustable draw cord, side pockets, vented hems, and allover #1 foam finger artwork, these shorts bring everyday comfort with loud Battle personality. Quick Win These shorts keep it simple. Light mesh, easy movement, secure liner, and a bold graphic that actually has some juice. Not every pair of shorts needs a fake innovation story. Product Overview The #1 Mesh Shorts are made for athletes who want breathable comfort without a boring 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 just wearing them every day. Finished with side hem pockets, vented hems, an adjustable waistband, and sublimated #1 Battle 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 #1 Design: Allover foam finger 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 #1 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 #1 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 #1 foam finger Battle 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 #1 graphic gives them more attitude 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.
More you might like
Related
Unisex Mesh-Shorts: Mesh-Shorts mit Logo
Related
SS Brown Mesh Shorts (Ss-Brown-Mesh-Shorts) BROWN
Related
[Pre-owned] SUPREME Ultrasuede Mesh Shorts Ultrasuede Mesh S
Related