{"product_id":"men-solid-color-casual-summer-2-piece-tee-shorts-set","title":"Men Solid Color Casual Summer 2‑Piece Tee \u0026 Shorts Set","description":"\u003cstyle\u003e\n.zv-summer-set,\n.zv-summer-set * {\n  box-sizing: border-box;\n}\n\n.zv-summer-set {\n  width: 100%;\n  margin: 0;\n  color: #171717;\n  font-family: Arial, Helvetica, sans-serif;\n  line-height: 1.65;\n  overflow: hidden;\n}\n\n.zv-summer-set h2,\n.zv-summer-set h3,\n.zv-summer-set p {\n  margin-top: 0;\n}\n\n.zv-summer-set h2 {\n  margin-bottom: 18px;\n  font-size: clamp(30px, 5vw, 52px);\n  font-weight: 900;\n  line-height: 1.08;\n  letter-spacing: -1.2px;\n}\n\n.zv-summer-set h3 {\n  margin-bottom: 10px;\n  font-size: 21px;\n  font-weight: 800;\n  line-height: 1.3;\n}\n\n.zv-summer-set p {\n  margin-bottom: 16px;\n  font-size: 17px;\n}\n\n.zv-container {\n  width: 100%;\n  max-width: 1200px;\n  margin: 0 auto;\n  padding-right: 28px;\n  padding-left: 28px;\n}\n\n.zv-section {\n  padding-top: 72px;\n  padding-bottom: 72px;\n}\n\n.zv-center {\n  max-width: 820px;\n  margin: 0 auto 40px;\n  text-align: center;\n}\n\n.zv-eyebrow {\n  display: inline-block;\n  margin-bottom: 12px;\n  color: #a15f2f;\n  font-size: 13px;\n  font-weight: 900;\n  letter-spacing: 1.6px;\n  text-transform: uppercase;\n}\n\n.zv-accent {\n  color: #a15f2f;\n}\n\n\n\/* ==============================\n   SIZE GUIDE — FIRST SECTION\n============================== *\/\n\n.zv-size-section {\n  padding: 42px 0;\n  background: #f4efe8;\n  border-top: 1px solid #ded4c7;\n  border-bottom: 1px solid #ded4c7;\n}\n\n.zv-size-heading {\n  margin-bottom: 24px;\n  text-align: center;\n}\n\n.zv-size-heading h2 {\n  margin-bottom: 8px;\n  font-size: clamp(27px, 4vw, 40px);\n}\n\n.zv-size-heading p {\n  margin-bottom: 0;\n  color: #665f58;\n  font-size: 15px;\n}\n\n.zv-size-scroll {\n  width: 100%;\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n}\n\n.zv-size-table {\n  width: 100%;\n  min-width: 760px;\n  border-collapse: separate;\n  border-spacing: 0;\n  overflow: hidden;\n  background: #ffffff;\n  border: 1px solid #d7cabe;\n  border-radius: 16px;\n}\n\n.zv-size-table th,\n.zv-size-table td {\n  padding: 15px 14px;\n  text-align: center;\n  border-right: 1px solid #e2d9d0;\n  border-bottom: 1px solid #e2d9d0;\n}\n\n.zv-size-table th:last-child,\n.zv-size-table td:last-child {\n  border-right: 0;\n}\n\n.zv-size-table tr:last-child td {\n  border-bottom: 0;\n}\n\n.zv-size-table th {\n  color: #ffffff;\n  font-size: 13px;\n  font-weight: 800;\n  letter-spacing: .5px;\n  text-transform: uppercase;\n  background: #25211e;\n}\n\n.zv-size-table td:first-child {\n  color: #8a4c22;\n  font-size: 16px;\n  font-weight: 900;\n  background: #fbf7f2;\n}\n\n.zv-size-table tbody tr:hover td {\n  background: #fffaf5;\n}\n\n.zv-size-notes {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 12px;\n  margin-top: 18px;\n}\n\n.zv-size-note {\n  padding: 16px;\n  color: #554f49;\n  font-size: 14px;\n  text-align: center;\n  background: rgba(255,255,255,.72);\n  border: 1px solid #ded4ca;\n  border-radius: 12px;\n}\n\n.zv-size-note strong {\n  display: block;\n  margin-bottom: 4px;\n  color: #25211e;\n}\n\n\n\/* ==============================\n   HERO\n============================== *\/\n\n.zv-hero {\n  color: #ffffff;\n  background:\n    linear-gradient(90deg, rgba(24,21,18,.97) 0%, rgba(24,21,18,.88) 48%, rgba(24,21,18,.55) 100%),\n    linear-gradient(135deg, #332b24, #826548);\n}\n\n.zv-hero-inner {\n  display: grid;\n  grid-template-columns: 1.1fr .9fr;\n  align-items: center;\n  gap: 50px;\n  min-height: 570px;\n  padding-top: 75px;\n  padding-bottom: 75px;\n}\n\n.zv-hero-badge {\n  display: inline-block;\n  margin-bottom: 20px;\n  padding: 8px 15px;\n  color: #2a2119;\n  font-size: 12px;\n  font-weight: 900;\n  letter-spacing: 1.4px;\n  text-transform: uppercase;\n  background: #e7c9a8;\n  border-radius: 999px;\n}\n\n.zv-hero h2 {\n  color: #ffffff;\n  font-size: clamp(42px, 7vw, 74px);\n}\n\n.zv-hero p {\n  max-width: 660px;\n  color: rgba(255,255,255,.82);\n  font-size: 19px;\n}\n\n.zv-hero-line {\n  margin-top: 28px;\n  color: #f2d5b6;\n  font-size: 15px;\n  font-weight: 900;\n  letter-spacing: 1.1px;\n  text-transform: uppercase;\n}\n\n.zv-outfit-visual {\n  position: relative;\n  min-height: 390px;\n}\n\n.zv-shirt-shape,\n.zv-shorts-shape {\n  position: absolute;\n  background: linear-gradient(145deg, #d6b58e, #9c744d);\n  box-shadow: 0 28px 65px rgba(0,0,0,.35);\n}\n\n.zv-shirt-shape {\n  top: 28px;\n  left: 50%;\n  width: 245px;\n  height: 225px;\n  transform: translateX(-50%);\n  clip-path: polygon(\n    25% 0, 40% 0, 44% 10%, 56% 10%, 60% 0, 75% 0,\n    100% 20%, 84% 44%, 76% 37%, 76% 100%, 24% 100%,\n    24% 37%, 16% 44%, 0 20%\n  );\n}\n\n.zv-shorts-shape {\n  bottom: 15px;\n  left: 50%;\n  width: 210px;\n  height: 145px;\n  transform: translateX(-50%);\n  clip-path: polygon(\n    8% 0, 92% 0, 100% 100%, 56% 100%, 50% 56%,\n    44% 100%, 0 100%\n  );\n}\n\n.zv-visual-label {\n  position: absolute;\n  right: 4%;\n  bottom: 5%;\n  padding: 11px 15px;\n  color: #ffffff;\n  font-size: 13px;\n  font-weight: 800;\n  background: rgba(0,0,0,.45);\n  border: 1px solid rgba(255,255,255,.16);\n  border-radius: 10px;\n  backdrop-filter: blur(8px);\n}\n\n\n\/* ==============================\n   BENEFIT STRIP\n============================== *\/\n\n.zv-benefit-strip {\n  color: #ffffff;\n  background: #211e1b;\n}\n\n.zv-benefit-grid {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n}\n\n.zv-benefit {\n  padding: 34px 22px;\n  text-align: center;\n  border-right: 1px solid rgba(255,255,255,.11);\n}\n\n.zv-benefit:last-child {\n  border-right: 0;\n}\n\n.zv-benefit-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 51px;\n  height: 51px;\n  margin: 0 auto 15px;\n  font-size: 24px;\n  background: #a26a3e;\n  border-radius: 50%;\n}\n\n.zv-benefit strong {\n  display: block;\n  margin-bottom: 6px;\n  color: #ffffff;\n  font-size: 15px;\n  font-weight: 900;\n  text-transform: uppercase;\n}\n\n.zv-benefit span {\n  display: block;\n  color: #bdb7b0;\n  font-size: 14px;\n}\n\n\n\/* ==============================\n   CARDS\n============================== *\/\n\n.zv-card-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 22px;\n}\n\n.zv-card {\n  height: 100%;\n  padding: 32px 27px;\n  background: #ffffff;\n  border: 1px solid #e6e0da;\n  border-radius: 18px;\n  box-shadow: 0 12px 38px rgba(45,35,26,.07);\n}\n\n.zv-card-number {\n  display: inline-block;\n  margin-bottom: 20px;\n  color: #a15f2f;\n  font-size: 27px;\n  font-weight: 900;\n}\n\n.zv-card p {\n  margin-bottom: 0;\n  color: #66605a;\n  font-size: 15px;\n}\n\n\n\/* ==============================\n   DARK SECTION\n============================== *\/\n\n.zv-dark {\n  color: #ffffff;\n  background:\n    radial-gradient(circle at top right, rgba(173,119,72,.28), transparent 32%),\n    #1e1b18;\n}\n\n.zv-two-column {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  align-items: center;\n  gap: 60px;\n}\n\n.zv-dark p {\n  color: #c8c2bb;\n}\n\n.zv-checks {\n  margin: 25px 0 0;\n  padding: 0;\n  list-style: none;\n}\n\n.zv-checks li {\n  position: relative;\n  margin-bottom: 16px;\n  padding-left: 35px;\n  color: #ece8e3;\n  font-size: 16px;\n}\n\n.zv-checks li::before {\n  position: absolute;\n  top: 1px;\n  left: 0;\n  content: \"✓\";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 23px;\n  height: 23px;\n  color: #ffffff;\n  font-size: 13px;\n  font-weight: 900;\n  background: #a86d3e;\n  border-radius: 50%;\n}\n\n.zv-style-board {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 15px;\n}\n\n.zv-style-tile {\n  min-height: 145px;\n  padding: 25px 20px;\n  background: rgba(255,255,255,.06);\n  border: 1px solid rgba(255,255,255,.11);\n  border-radius: 16px;\n}\n\n.zv-style-tile span {\n  display: block;\n  margin-bottom: 8px;\n  color: #e1b88f;\n  font-size: 13px;\n  font-weight: 900;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n}\n\n.zv-style-tile strong {\n  color: #ffffff;\n  font-size: 18px;\n}\n\n\n\/* ==============================\n   OCCASIONS\n============================== *\/\n\n.zv-occasion-grid {\n  display: grid;\n  grid-template-columns: repeat(6, minmax(0, 1fr));\n  gap: 14px;\n}\n\n.zv-occasion {\n  padding: 26px 12px;\n  text-align: center;\n  background: #f5f2ef;\n  border-radius: 15px;\n}\n\n.zv-occasion span {\n  display: block;\n  margin-bottom: 10px;\n  font-size: 29px;\n}\n\n.zv-occasion strong {\n  font-size: 15px;\n}\n\n\n\/* ==============================\n   WHAT'S INCLUDED\n============================== *\/\n\n.zv-included {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 20px;\n}\n\n.zv-included-item {\n  padding: 35px 30px;\n  background: #f6f2ed;\n  border: 1px solid #e2d8cf;\n  border-radius: 18px;\n}\n\n.zv-included-item small {\n  display: block;\n  margin-bottom: 10px;\n  color: #a15f2f;\n  font-size: 13px;\n  font-weight: 900;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n}\n\n\n\/* ==============================\n   FAQ\n============================== *\/\n\n.zv-faq details {\n  margin-bottom: 12px;\n  overflow: hidden;\n  background: #ffffff;\n  border: 1px solid #e3ddd7;\n  border-radius: 14px;\n}\n\n.zv-faq summary {\n  position: relative;\n  padding: 21px 55px 21px 22px;\n  font-size: 17px;\n  font-weight: 800;\n  cursor: pointer;\n  list-style: none;\n}\n\n.zv-faq summary::-webkit-details-marker {\n  display: none;\n}\n\n.zv-faq summary::after {\n  position: absolute;\n  top: 50%;\n  right: 22px;\n  content: \"+\";\n  transform: translateY(-50%);\n  color: #a15f2f;\n  font-size: 27px;\n}\n\n.zv-faq details[open] summary::after {\n  content: \"−\";\n}\n\n.zv-faq-answer {\n  padding: 0 22px 22px;\n}\n\n.zv-faq-answer p {\n  margin-bottom: 0;\n  color: #625d57;\n  font-size: 15px;\n}\n\n\n\/* ==============================\n   FINAL\n============================== *\/\n\n.zv-final {\n  padding: 76px 30px;\n  color: #ffffff;\n  text-align: center;\n  background:\n    linear-gradient(135deg, rgba(39,31,25,.95), rgba(116,81,51,.93));\n}\n\n.zv-final-inner {\n  max-width: 820px;\n  margin: 0 auto;\n}\n\n.zv-final p {\n  color: rgba(255,255,255,.82);\n  font-size: 18px;\n}\n\n.zv-final strong {\n  color: #ffffff;\n}\n\n\n\/* ==============================\n   RESPONSIVE\n============================== *\/\n\n@media (max-width: 960px) {\n  .zv-hero-inner,\n  .zv-two-column {\n    grid-template-columns: 1fr;\n  }\n\n  .zv-card-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .zv-benefit-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .zv-occasion-grid {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n\n  .zv-size-notes {\n    grid-template-columns: 1fr;\n  }\n}\n\n@media (max-width: 680px) {\n  .zv-container {\n    padding-right: 18px;\n    padding-left: 18px;\n  }\n\n  .zv-section {\n    padding-top: 54px;\n    padding-bottom: 54px;\n  }\n\n  .zv-hero-inner {\n    min-height: auto;\n    padding-top: 58px;\n    padding-bottom: 58px;\n  }\n\n  .zv-outfit-visual {\n    min-height: 335px;\n  }\n\n  .zv-shirt-shape {\n    width: 215px;\n    height: 198px;\n  }\n\n  .zv-shorts-shape {\n    width: 185px;\n    height: 125px;\n  }\n\n  .zv-benefit-grid,\n  .zv-occasion-grid,\n  .zv-included,\n  .zv-style-board {\n    grid-template-columns: 1fr;\n  }\n\n  .zv-benefit {\n    border-right: 0;\n    border-bottom: 1px solid rgba(255,255,255,.11);\n  }\n\n  .zv-benefit:last-child {\n    border-bottom: 0;\n  }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"zv-summer-set\"\u003e\n\u003c!-- ==================================================\n     SIZE GUIDE — DISPLAYED FIRST\n================================================== --\u003e\n\u003csection class=\"zv-size-section\"\u003e\n\u003cdiv class=\"zv-container\"\u003e\n\u003cdiv class=\"zv-size-heading\"\u003e\n\u003cspan class=\"zv-eyebrow\"\u003eCheck your fit before ordering\u003c\/span\u003e\n\u003ch2\u003eSize Guide\u003c\/h2\u003e\n\u003cp\u003eRecommended body measurements. Measurements are approximate and may vary slightly by production batch.\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1037\/2454\/8444\/files\/737fc2d0723745b68de207aadfe4b409_tplv-fhlh96nyum-origin-jpeg.jpg?v=1786019195\" alt=\"\"\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"zv-size-scroll\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"zv-size-notes\"\u003e\n\u003cdiv class=\"zv-size-note\"\u003e\n\u003cstrong\u003eBetween Two Sizes?\u003c\/strong\u003e Choose the larger size for a more relaxed fit.\u003c\/div\u003e\n\u003cdiv class=\"zv-size-note\"\u003e\n\u003cstrong\u003eHow to Measure\u003c\/strong\u003e Measure around the fullest part of your chest and natural waist.\u003c\/div\u003e\n\u003cdiv class=\"zv-size-note\"\u003e\n\u003cstrong\u003eManual Measurement\u003c\/strong\u003e Please allow a small variation due to manual measurement.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ==================================================\n     HERO\n================================================== --\u003e\n\u003csection class=\"zv-hero\"\u003e\n\u003cdiv class=\"zv-container zv-hero-inner\"\u003e\n\u003cdiv\u003e\n\u003cspan class=\"zv-hero-badge\"\u003e Effortless Summer Style \u003c\/span\u003e\n\u003ch2\u003eOne Set.\u003cbr\u003eA Complete Outfit.\u003cbr\u003eZero Effort.\u003c\/h2\u003e\n\u003cp\u003eSimplify your warm-weather wardrobe with a coordinated short-sleeve tee and matching drawstring shorts. Clean, versatile and easy to style, this two-piece set keeps your everyday look put together without the guesswork.\u003c\/p\u003e\n\u003cdiv class=\"zv-hero-line\"\u003eMatching Tee • Adjustable Shorts • Everyday Comfort\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"zv-outfit-visual\"\u003e\n\u003cdiv class=\"zv-shirt-shape\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"zv-shorts-shape\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"zv-visual-label\"\u003eTEE + SHORTS INCLUDED\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ==================================================\n     QUICK BENEFITS\n================================================== --\u003e\n\u003csection class=\"zv-benefit-strip\"\u003e\n\u003cdiv class=\"zv-container\"\u003e\n\u003cdiv class=\"zv-benefit-grid\"\u003e\n\u003cdiv class=\"zv-benefit\"\u003e\n\u003cdiv class=\"zv-benefit-icon\"\u003e☀️\u003c\/div\u003e\n\u003cstrong\u003eSummer Ready\u003c\/strong\u003e \u003cspan\u003eDesigned for comfortable warm-weather styling.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"zv-benefit\"\u003e\n\u003cdiv class=\"zv-benefit-icon\"\u003e👕\u003c\/div\u003e\n\u003cstrong\u003eComplete Outfit\u003c\/strong\u003e \u003cspan\u003eMatching short-sleeve tee and shorts included.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"zv-benefit\"\u003e\n\u003cdiv class=\"zv-benefit-icon\"\u003e↔️\u003c\/div\u003e\n\u003cstrong\u003eAdjustable Fit\u003c\/strong\u003e \u003cspan\u003eDrawstring waistband lets you fine-tune the fit.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"zv-benefit\"\u003e\n\u003cdiv class=\"zv-benefit-icon\"\u003e✨\u003c\/div\u003e\n\u003cstrong\u003eEasy to Style\u003c\/strong\u003e \u003cspan\u003ePair with sneakers, slides or casual accessories.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ==================================================\n     WHY YOU'LL LOVE IT\n================================================== --\u003e\n\u003csection class=\"zv-section\"\u003e\n\u003cdiv class=\"zv-container\"\u003e\n\u003cdiv class=\"zv-center\"\u003e\n\u003cspan class=\"zv-eyebrow\"\u003eYour easiest outfit of the season\u003c\/span\u003e\n\u003ch2\u003eLook Put Together Without Overthinking It\u003c\/h2\u003e\n\u003cp\u003eThe matching solid-color design creates a clean, coordinated look from the moment you put it on.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"zv-card-grid\"\u003e\n\u003cdiv class=\"zv-card\"\u003e\n\u003cspan class=\"zv-card-number\"\u003e01\u003c\/span\u003e\n\u003ch3\u003eMade to Match\u003c\/h3\u003e\n\u003cp\u003eNo more wondering which shirt works with which shorts. Both pieces are designed to create one effortless, coordinated outfit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"zv-card\"\u003e\n\u003cspan class=\"zv-card-number\"\u003e02\u003c\/span\u003e\n\u003ch3\u003eComfort That Moves With You\u003c\/h3\u003e\n\u003cp\u003eThe casual cut and adjustable shorts are designed for easy movement whether you are travelling, relaxing or heading out for the day.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"zv-card\"\u003e\n\u003cspan class=\"zv-card-number\"\u003e03\u003c\/span\u003e\n\u003ch3\u003eWear It Together or Separately\u003c\/h3\u003e\n\u003cp\u003eStyle the complete matching set, or combine the tee and shorts with pieces already in your wardrobe for even more outfit options.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ==================================================\n     STYLE SECTION\n================================================== --\u003e\n\u003csection class=\"zv-dark zv-section\"\u003e\n\u003cdiv class=\"zv-container zv-two-column\"\u003e\n\u003cdiv\u003e\n\u003cspan class=\"zv-eyebrow\" style=\"color: #ddb58e;\"\u003e From morning to evening \u003c\/span\u003e\n\u003ch2\u003eCasual Enough to Relax In.\u003cbr\u003eClean Enough to Go Out In.\u003c\/h2\u003e\n\u003cp\u003eDesigned for the days when comfort matters but you still want to look considered. Add clean sneakers for an everyday look, or slides for a relaxed vacation-ready outfit.\u003c\/p\u003e\n\u003cul class=\"zv-checks\"\u003e\n\u003cli\u003eClean solid-color styling\u003c\/li\u003e\n\u003cli\u003eShort sleeves for warm-weather wear\u003c\/li\u003e\n\u003cli\u003eAdjustable drawstring waistband\u003c\/li\u003e\n\u003cli\u003eEasy to coordinate with everyday footwear\u003c\/li\u003e\n\u003cli\u003eSuitable for casual and relaxed occasions\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"zv-style-board\"\u003e\n\u003cdiv class=\"zv-style-tile\"\u003e\n\u003cspan\u003eLook 01\u003c\/span\u003e \u003cstrong\u003eEveryday Casual\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"zv-style-tile\"\u003e\n\u003cspan\u003eLook 02\u003c\/span\u003e \u003cstrong\u003eVacation Ready\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"zv-style-tile\"\u003e\n\u003cspan\u003eLook 03\u003c\/span\u003e \u003cstrong\u003eWeekend Comfort\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"zv-style-tile\"\u003e\n\u003cspan\u003eLook 04\u003c\/span\u003e \u003cstrong\u003eRelaxed Streetwear\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ==================================================\n     OCCASIONS\n================================================== --\u003e\n\u003csection class=\"zv-section\"\u003e\n\u003cdiv class=\"zv-container\"\u003e\n\u003cdiv class=\"zv-center\"\u003e\n\u003cspan class=\"zv-eyebrow\"\u003eOne set, multiple occasions\u003c\/span\u003e\n\u003ch2\u003eThe Outfit You Keep Reaching For\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"zv-occasion-grid\"\u003e\n\u003cdiv class=\"zv-occasion\"\u003e\n\u003cspan\u003e🏖️\u003c\/span\u003e \u003cstrong\u003eBeach Days\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"zv-occasion\"\u003e\n\u003cspan\u003e✈️\u003c\/span\u003e \u003cstrong\u003eTravel\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"zv-occasion\"\u003e\n\u003cspan\u003e☕\u003c\/span\u003e \u003cstrong\u003eCasual Outings\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"zv-occasion\"\u003e\n\u003cspan\u003e🏠\u003c\/span\u003e \u003cstrong\u003eLounging\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"zv-occasion\"\u003e\n\u003cspan\u003e🌴\u003c\/span\u003e \u003cstrong\u003eVacation\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"zv-occasion\"\u003e\n\u003cspan\u003e🛍️\u003c\/span\u003e \u003cstrong\u003eWeekend Errands\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ==================================================\n     INCLUDED\n================================================== --\u003e\n\u003csection class=\"zv-section\" style=\"background: #faf8f5;\"\u003e\n\u003cdiv class=\"zv-container\"\u003e\n\u003cdiv class=\"zv-center\"\u003e\n\u003cspan class=\"zv-eyebrow\"\u003eInside your order\u003c\/span\u003e\n\u003ch2\u003eOne Purchase. Two Wardrobe Essentials.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"zv-included\"\u003e\n\u003cdiv class=\"zv-included-item\"\u003e\n\u003csmall\u003eIncluded Piece 01\u003c\/small\u003e\n\u003ch3\u003eShort-Sleeve Tee\u003c\/h3\u003e\n\u003cp\u003eA clean solid-color top designed for casual summer styling and easy pairing with your existing wardrobe.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"zv-included-item\"\u003e\n\u003csmall\u003eIncluded Piece 02\u003c\/small\u003e\n\u003ch3\u003eMatching Drawstring Shorts\u003c\/h3\u003e\n\u003cp\u003eCoordinated casual shorts with an adjustable waistband for a more comfortable, personalized fit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ==================================================\n     CARE\n================================================== --\u003e\n\u003csection class=\"zv-section\"\u003e\n\u003cdiv class=\"zv-container\"\u003e\n\u003cdiv class=\"zv-center\"\u003e\n\u003cspan class=\"zv-eyebrow\"\u003eKeep your set looking its best\u003c\/span\u003e\n\u003ch2\u003eSimple Care Instructions\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"zv-card-grid\"\u003e\n\u003cdiv class=\"zv-card\"\u003e\n\u003cspan class=\"zv-card-number\"\u003e01\u003c\/span\u003e\n\u003ch3\u003eWash Cold\u003c\/h3\u003e\n\u003cp\u003eUse a gentle cold-water cycle with similar colors.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"zv-card\"\u003e\n\u003cspan class=\"zv-card-number\"\u003e02\u003c\/span\u003e\n\u003ch3\u003eAvoid Harsh Bleach\u003c\/h3\u003e\n\u003cp\u003eUse mild detergent to help maintain the color and finish.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"zv-card\"\u003e\n\u003cspan class=\"zv-card-number\"\u003e03\u003c\/span\u003e\n\u003ch3\u003eAir Dry When Possible\u003c\/h3\u003e\n\u003cp\u003eAir drying or using low heat can help extend the life of the set.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ==================================================\n     FAQ\n================================================== --\u003e\n\u003csection class=\"zv-section zv-faq\" style=\"background: #f7f4f0;\"\u003e\n\u003cdiv class=\"zv-container\"\u003e\n\u003cdiv class=\"zv-center\"\u003e\n\u003cspan class=\"zv-eyebrow\"\u003eBefore you order\u003c\/span\u003e\n\u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdetails\u003e\n\u003csummary\u003eDoes the order include both the shirt and shorts?\u003c\/summary\u003e\n\u003cdiv class=\"zv-faq-answer\"\u003e\n\u003cp\u003eYes. Each order includes one short-sleeve tee and one pair of matching shorts.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eHow should I choose my size?\u003c\/summary\u003e\n\u003cdiv class=\"zv-faq-answer\"\u003e\n\u003cp\u003eCompare your chest and waist measurements with the size guide at the top of this page. Choose the larger size when between two sizes or when you prefer a looser fit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eIs the waistband adjustable?\u003c\/summary\u003e\n\u003cdiv class=\"zv-faq-answer\"\u003e\n\u003cp\u003eYes. The shorts feature a drawstring waistband so you can adjust the fit around your waist.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eCan the two pieces be worn separately?\u003c\/summary\u003e\n\u003cdiv class=\"zv-faq-answer\"\u003e\n\u003cp\u003eAbsolutely. Wear the complete set for a coordinated outfit or mix each piece with other casual basics.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eIs this set suitable for summer travel?\u003c\/summary\u003e\n\u003cdiv class=\"zv-faq-answer\"\u003e\n\u003cp\u003eThe short-sleeve design and casual matching style make it a practical option for holidays, warm-weather trips and relaxed everyday wear.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ==================================================\n     FINAL CTA\n================================================== --\u003e\n\u003csection class=\"zv-final\"\u003e\n\u003cdiv class=\"zv-final-inner\"\u003e\n\u003ch2\u003eYour Summer Outfit Is Already Matched\u003c\/h2\u003e\n\u003cp\u003eSpend less time deciding what to wear and more time enjoying the day. This matching tee and shorts set delivers an easy, versatile look in one simple outfit.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e Easy to wear. Easy to style. Made for everyday summer living. \u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"mysite","offers":[{"title":"M \/ Black","offer_id":58559226806620,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true},{"title":"M \/ White","offer_id":58559226839388,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true},{"title":"M \/ Gray","offer_id":58559226872156,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true},{"title":"M \/ Khaki","offer_id":58559226904924,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true},{"title":"M \/ Navy","offer_id":58559226937692,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true},{"title":"M \/ Army Green","offer_id":58559226970460,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true},{"title":"M \/ Beige","offer_id":58559227003228,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true},{"title":"L \/ Black","offer_id":58559227035996,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true},{"title":"L \/ White","offer_id":58559227068764,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true},{"title":"L \/ Gray","offer_id":58559227101532,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true},{"title":"L \/ Khaki","offer_id":58559227134300,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true},{"title":"L \/ Navy","offer_id":58559227167068,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true},{"title":"L \/ Army Green","offer_id":58559227199836,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true},{"title":"L \/ Beige","offer_id":58559227232604,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true},{"title":"XL \/ Black","offer_id":58559227265372,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true},{"title":"XL \/ White","offer_id":58559227298140,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true},{"title":"XL \/ Gray","offer_id":58559227330908,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true},{"title":"XL \/ Khaki","offer_id":58559227363676,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true},{"title":"XL \/ Navy","offer_id":58559227396444,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true},{"title":"XL \/ Army Green","offer_id":58559227429212,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true},{"title":"XL \/ Beige","offer_id":58559227461980,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true},{"title":"2XL \/ Black","offer_id":58559227494748,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true},{"title":"2XL \/ White","offer_id":58559227527516,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true},{"title":"2XL \/ Gray","offer_id":58559227560284,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true},{"title":"2XL \/ Khaki","offer_id":58559227593052,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true},{"title":"2XL \/ Navy","offer_id":58559227625820,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true},{"title":"2XL \/ Army Green","offer_id":58559227658588,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true},{"title":"2XL \/ Beige","offer_id":58559227691356,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true},{"title":"3XL \/ Black","offer_id":58559227724124,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true},{"title":"3XL \/ White","offer_id":58559227756892,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true},{"title":"3XL \/ Gray","offer_id":58559227789660,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true},{"title":"3XL \/ Khaki","offer_id":58559227822428,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true},{"title":"3XL \/ Navy","offer_id":58559227855196,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true},{"title":"3XL \/ Army Green","offer_id":58559227887964,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true},{"title":"3XL \/ Beige","offer_id":58559227920732,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1037\/2454\/8444\/files\/O1CN01DTogoM1SuCSLjwlps__2220253272306-0-cib_f57dedc7-71b6-4578-8801-9fed43959a22.jpg?v=1786019195","url":"https:\/\/zivolir.com\/products\/men-solid-color-casual-summer-2-piece-tee-shorts-set","provider":"Zivolir","version":"1.0","type":"link"}