{"product_id":"color-mix-days-of-week-mens-boxer-briefs-7-pack","title":"Color Mix Days of Week Men's Boxer Briefs 7 Pack","description":"\n\u003csection class=\"fabric-section\"\u003e\n  \u003cdiv class=\"fabric-content\"\u003e\n\n    \u003c!-- Black Friday Promo Banner --\u003e\n    \u003cdiv class=\"bf-promo\"\u003e\n      \u003cdiv class=\"bf-promo-inner\"\u003e\n\n        \u003cdiv class=\"bf-copy\"\u003e\n\n          \u003c!-- Headline --\u003e\n          \u003cdiv class=\"bf-title\"\u003e\n            \u003ch2 class=\"bf-headline\"\u003e\n              BLACK FRIDAY IS COMING!\n            \u003c\/h2\u003e\n          \u003c\/div\u003e\n\n          \u003c!-- Divider --\u003e\n          \u003cdiv class=\"bf-divider\"\u003e\u003c\/div\u003e\n\n          \u003c!-- Main Offer --\u003e\n          \u003cdiv class=\"bf-offer\"\u003e\n            \u003cp class=\"bf-main-offer\"\u003e\n              No code needed. Enjoy\n              \u003cstrong\u003e20% OFF sitewide + free shipping.\u003c\/strong\u003e\n              Your discount is automatically applied at checkout.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n\n          \u003c!-- Additional Offer --\u003e\n          \u003cp class=\"bf-extra-offer\"\u003e\n            Up to 60% OFF select styles.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n\n    \u003c!-- Fabric Features --\u003e\n    \u003cdiv class=\"fabric-info\"\u003e\n      \u003cdiv class=\"fabric-features\"\u003e\n\n        \u003c!-- Feature 1: Bamboo Viscose --\u003e\n        \u003cdiv class=\"fabric-feature\"\u003e\n          \u003cdiv class=\"fabric-icon\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0922\/9595\/4749\/files\/icon-01-bamboo.png?v=1794477532\" alt=\"Bamboo Viscose\" loading=\"lazy\"\u003e\n          \u003c\/div\u003e\n          \u003cspan\u003eBamboo\u003cbr\u003eViscose\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Feature 2: Breathable --\u003e\n        \u003cdiv class=\"fabric-feature\"\u003e\n          \u003cdiv class=\"fabric-icon\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0922\/9595\/4749\/files\/icon-02-breathable.png?v=1794477532\" alt=\"Breathable Fabric\" loading=\"lazy\"\u003e\n          \u003c\/div\u003e\n          \u003cspan\u003e4.5× More\u003cbr\u003eBreathable\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Feature 3: Moisture Wicking --\u003e\n        \u003cdiv class=\"fabric-feature\"\u003e\n          \u003cdiv class=\"fabric-icon\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0922\/9595\/4749\/files\/icon-03-nosweat.png?v=1794477532\" alt=\"Moisture Wicking\" loading=\"lazy\"\u003e\n          \u003c\/div\u003e\n          \u003cspan\u003eMoisture\u003cbr\u003eWicking\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Feature 4: Softness --\u003e\n        \u003cdiv class=\"fabric-feature\"\u003e\n          \u003cdiv class=\"fabric-icon\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0922\/9595\/4749\/files\/icon-04-soft.png?v=1794477532\" alt=\"Soft Fabric\" loading=\"lazy\"\u003e\n          \u003c\/div\u003e\n          \u003cspan\u003eSoftness\u003c\/span\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\n\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800;900\u0026display=swap');\n\n\n\/* =========================\n   Main Section\n========================= *\/\n\n.fabric-section {\n  width: 100%;\n  padding: 3px;\n  box-sizing: border-box;\n  background: transparent;\n  color: inherit;\n  font-family: 'Montserrat', Arial, sans-serif;\n}\n\n.fabric-content {\n  width: 100%;\n  max-width: 1100px;\n  margin: 0 auto;\n}\n\n\n\/* =========================\n   Black Friday Banner\n========================= *\/\n\n.bf-promo {\n  width: 100%;\n  padding: 1.5px;\n  margin-bottom: 8px;\n  border-radius: 8px;\n  background: #C4A45B;\n  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.10);\n  box-sizing: border-box;\n}\n\n.bf-promo-inner {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 12px 14px;\n  border-radius: 6.5px;\n  background: linear-gradient(\n    105deg,\n    #111111 0%,\n    #211D16 50%,\n    #111111 100%\n  );\n  box-sizing: border-box;\n  overflow: hidden;\n}\n\n.bf-copy {\n  width: 100%;\n  min-width: 0;\n}\n\n\n\/* =========================\n   Headline\n========================= *\/\n\n.bf-title {\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n}\n\n.bf-headline {\n  margin: 0 !important;\n  padding: 0;\n  font-family: 'Montserrat', Arial, sans-serif;\n  font-size: 23px;\n  font-weight: 900;\n  line-height: 1.15;\n  letter-spacing: 1.2px;\n  color: #C4A45B;\n}\n\n\n\/* =========================\n   Divider\n========================= *\/\n\n.bf-divider {\n  width: 100%;\n  max-width: 380px;\n  height: 1px;\n  margin: 8px 0;\n  background: linear-gradient(\n    90deg,\n    rgba(196, 164, 91, 0.8),\n    rgba(196, 164, 91, 0.08)\n  );\n}\n\n\n\/* =========================\n   Main Offer\n========================= *\/\n\n.bf-offer {\n  width: 100%;\n}\n\n.bf-main-offer {\n  margin: 0 !important;\n  padding: 0;\n  font-family: 'Montserrat', Arial, sans-serif;\n  font-size: 11px;\n  font-weight: 400;\n  line-height: 1.6;\n  letter-spacing: 0.1px;\n  color: #E8E0D0;\n}\n\n.bf-main-offer strong {\n  font-weight: 800;\n  color: #C4A45B;\n}\n\n\n\/* =========================\n   Additional Offer\n========================= *\/\n\n.bf-extra-offer {\n  margin: 5px 0 0 !important;\n  padding: 0;\n  font-family: 'Montserrat', Arial, sans-serif;\n  font-size: 10px;\n  font-weight: 700;\n  line-height: 1.4;\n  letter-spacing: 0.3px;\n  color: #C4A45B;\n}\n\n\n\/* =========================\n   Fabric Features\n========================= *\/\n\n.fabric-info {\n  width: 100%;\n}\n\n.fabric-features {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: 0;\n  align-items: start;\n}\n\n.fabric-feature {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: flex-start;\n  gap: 5px;\n  text-align: center;\n  box-sizing: border-box;\n  font-size: 11px;\n  font-weight: 600;\n  line-height: 1.25;\n  color: inherit;\n}\n\n.fabric-feature span {\n  display: block;\n  min-height: 27px;\n}\n\n\n\/* =========================\n   Custom PNG Icons\n   No Circle \/ No Border\n========================= *\/\n\n.fabric-icon {\n  width: 36px;\n  height: 36px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  border-radius: 0;\n  background: transparent;\n  box-sizing: border-box;\n  flex-shrink: 0;\n  overflow: visible;\n}\n\n.fabric-icon img {\n  width: 32px;\n  height: 32px;\n  object-fit: contain;\n  display: block;\n}\n\n\n\/* =========================\n   Mobile\n========================= *\/\n\n@media screen and (max-width: 600px) {\n\n  .fabric-section {\n    padding: 3px 2px;\n  }\n\n  .bf-promo-inner {\n    padding: 10px 11px;\n  }\n\n  .bf-headline {\n    font-size: 19px;\n    letter-spacing: 0.7px;\n  }\n\n  .bf-divider {\n    margin: 6px 0;\n  }\n\n  .bf-main-offer {\n    font-size: 10px;\n    line-height: 1.55;\n  }\n\n  .bf-extra-offer {\n    font-size: 9px;\n    margin-top: 4px !important;\n  }\n\n  .fabric-feature {\n    font-size: 10px;\n    gap: 5px;\n  }\n\n  .fabric-feature span {\n    min-height: 25px;\n  }\n\n  .fabric-icon {\n    width: 34px;\n    height: 34px;\n  }\n\n  .fabric-icon img {\n    width: 30px;\n    height: 30px;\n  }\n\n}\n\n\n\/* =========================\n   Extra Small Screens\n========================= *\/\n\n@media screen and (max-width: 380px) {\n\n  .bf-promo-inner {\n    padding: 9px 9px;\n  }\n\n  .bf-headline {\n    font-size: 17px;\n    letter-spacing: 0.4px;\n  }\n\n  .bf-main-offer {\n    font-size: 9px;\n    line-height: 1.5;\n  }\n\n  .bf-extra-offer {\n    font-size: 8px;\n  }\n\n  .fabric-feature {\n    font-size: 9px;\n  }\n\n}\n\n\n\/* =========================\n   Respect Reduced Motion\n========================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .bf-promo,\n  .fabric-icon {\n    animation: none;\n  }\n\n}\n\n\u003c\/style\u003e\n","brand":"Bamboo Cool","offers":[{"title":"S","offer_id":68045163135293,"sku":"XQCPJNK-22097-S","price":61.99,"currency_code":"USD","in_stock":true},{"title":"M","offer_id":68045163168061,"sku":"XQCPJNK-22097-M","price":61.99,"currency_code":"USD","in_stock":true},{"title":"L","offer_id":68045163200829,"sku":"XQCPJNK-22097-L","price":61.99,"currency_code":"USD","in_stock":true},{"title":"XL","offer_id":68045163233597,"sku":"XQCPJNK-22097-XL","price":61.99,"currency_code":"USD","in_stock":true},{"title":"2XL","offer_id":68045163266365,"sku":"XQCPJNK-22097-XXL","price":61.99,"currency_code":"USD","in_stock":true},{"title":"3XL","offer_id":68045163299133,"sku":"XQCPJNK-22097-XXXL","price":61.99,"currency_code":"USD","in_stock":true},{"title":"4XL","offer_id":68045163331901,"sku":"XQCPJNK-22097-4XL","price":61.99,"currency_code":"USD","in_stock":true},{"title":"5XL","offer_id":68045163364669,"sku":"XQCPJNK-22097-5XL","price":61.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0922\/9595\/4749\/files\/1_679587b1-8745-401e-a65c-c32c310ecc9a.jpg?v=1794552568","url":"https:\/\/bamboocoolapparel.com\/products\/color-mix-days-of-week-mens-boxer-briefs-7-pack","provider":"Bamboo Cool","version":"1.0","type":"link"}