{"product_id":"men-solid-color-casual-summer-2-piece-tee-shorts-set","title":"Ensemble t-shirt et short décontracté d'été 2 pièces de couleur unie pour homme","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\n\u003c\/div\u003e","brand":"mysite","offers":[{"title":"M \/ Noir","offer_id":58559226806620,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true},{"title":"M \/ Blanc","offer_id":58559226839388,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true},{"title":"M \/ Gris","offer_id":58559226872156,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true},{"title":"M \/ Kaki","offer_id":58559226904924,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true},{"title":"M \/ Marine","offer_id":58559226937692,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true},{"title":"M \/ Vert armée","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 \/ Noir","offer_id":58559227035996,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true},{"title":"L \/ Blanc","offer_id":58559227068764,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true},{"title":"L \/ Gris","offer_id":58559227101532,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true},{"title":"L \/ Kaki","offer_id":58559227134300,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true},{"title":"L \/ Marine","offer_id":58559227167068,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true},{"title":"L \/ Vert armée","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":"TG \/ Noir","offer_id":58559227265372,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true},{"title":"TG \/ Blanc","offer_id":58559227298140,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true},{"title":"TG \/ Gris","offer_id":58559227330908,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true},{"title":"TG \/ Kaki","offer_id":58559227363676,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true},{"title":"TG \/ Marine","offer_id":58559227396444,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true},{"title":"TG \/ Vert armée","offer_id":58559227429212,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true},{"title":"TG \/ Beige","offer_id":58559227461980,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true},{"title":"2XL \/ Noir","offer_id":58559227494748,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true},{"title":"2XL \/ Blanc","offer_id":58559227527516,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true},{"title":"2XL \/ Gris","offer_id":58559227560284,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true},{"title":"2XL \/ Kaki","offer_id":58559227593052,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true},{"title":"2XL \/ Marine","offer_id":58559227625820,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true},{"title":"2XL \/ Vert armée","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 \/ Noir","offer_id":58559227724124,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true},{"title":"3XL \/ Blanc","offer_id":58559227756892,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true},{"title":"3XL \/ Gris","offer_id":58559227789660,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true},{"title":"3XL \/ Kaki","offer_id":58559227822428,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true},{"title":"3XL \/ Marine","offer_id":58559227855196,"sku":null,"price":30.0,"currency_code":"GBP","in_stock":true},{"title":"3XL \/ Vert armée","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\/fr\/products\/men-solid-color-casual-summer-2-piece-tee-shorts-set","provider":"Zivolir","version":"1.0","type":"link"}