{"product_id":"carflow-raptor-baseball-caps","title":"Carflow Raptor Baseball Caps","description":"\u003cstyle\u003e\n\/* =========================================\n   CARFLOW ESSENTIALS — RAPTOR PRODUCT\n   ========================================= *\/\n\n.cfe-raptor-product {\n  font-family: Arial, Helvetica, sans-serif;\n  background: #ffffff;\n  color: #111111;\n  max-width: 1100px;\n  margin: 0 auto;\n  overflow: hidden;\n}\n\n\/* HERO *\/\n\n.cfe-raptor-hero {\n  position: relative;\n  background: linear-gradient(135deg, #ffffff 0%, #f4f7ff 55%, #e9efff 100%);\n  border-radius: 18px;\n  padding: 55px 35px 40px;\n  text-align: center;\n  overflow: hidden;\n  border: 1px solid #e4e7ed;\n}\n\n.cfe-blue-glow {\n  position: absolute;\n  width: 300px;\n  height: 300px;\n  background: #1557ff;\n  opacity: .08;\n  filter: blur(80px);\n  border-radius: 50%;\n  right: -80px;\n  top: -80px;\n}\n\n.cfe-label {\n  display: inline-block;\n  background: #1557ff;\n  color: #ffffff;\n  padding: 7px 17px;\n  border-radius: 30px;\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n}\n\n.cfe-raptor-title {\n  margin: 17px 0 10px;\n  font-size: clamp(42px, 8vw, 75px);\n  line-height: .9;\n  font-weight: 900;\n  letter-spacing: -3px;\n  text-transform: uppercase;\n}\n\n.cfe-raptor-title span {\n  color: #1557ff;\n}\n\n.cfe-raptor-intro {\n  max-width: 650px;\n  margin: 18px auto;\n  color: #626975;\n  font-size: 16px;\n  line-height: 1.7;\n}\n\n\/* =========================================\n   VEHICLE ANIMATION\n   ========================================= *\/\n\n.cfe-animation {\n  height: 170px;\n  position: relative;\n  margin: 25px auto 0;\n  max-width: 850px;\n  overflow: hidden;\n}\n\n.cfe-road {\n  position: absolute;\n  bottom: 22px;\n  left: 0;\n  width: 100%;\n  height: 3px;\n  background: #15171b;\n}\n\n.cfe-road::after {\n  content: \"\";\n  position: absolute;\n  top: 13px;\n  left: 0;\n  width: 100%;\n  height: 2px;\n  background: repeating-linear-gradient(\n    90deg,\n    #1557ff 0px,\n    #1557ff 45px,\n    transparent 45px,\n    transparent 85px\n  );\n  animation: roadMove 0.8s linear infinite;\n}\n\n\/* Stylised Raptor-style pickup *\/\n\n.cfe-truck {\n  position: absolute;\n  left: -280px;\n  bottom: 27px;\n  width: 270px;\n  height: 105px;\n  animation: truckDrive 7s linear infinite;\n}\n\n\/* Body *\/\n\n.cfe-truck-body {\n  position: absolute;\n  left: 15px;\n  bottom: 18px;\n  width: 240px;\n  height: 65px;\n  background: #1557ff;\n  border-radius: 12px 25px 8px 8px;\n  box-shadow: inset 0 -9px rgba(0,0,0,.14);\n}\n\n\/* Cabin *\/\n\n.cfe-cabin {\n  position: absolute;\n  right: 35px;\n  bottom: 70px;\n  width: 105px;\n  height: 55px;\n  background: #1557ff;\n  border-radius: 20px 25px 3px 3px;\n}\n\n.cfe-window {\n  position: absolute;\n  top: 9px;\n  width: 42px;\n  height: 27px;\n  background: #111820;\n  border: 2px solid #263346;\n}\n\n.cfe-window.front {\n  right: 7px;\n  border-radius: 3px 14px 2px 2px;\n}\n\n.cfe-window.back {\n  left: 7px;\n  border-radius: 10px 3px 2px 2px;\n}\n\n\/* Bed *\/\n\n.cfe-bed {\n  position: absolute;\n  left: 20px;\n  top: 12px;\n  width: 85px;\n  height: 50px;\n  border-top: 5px solid #0c3fc0;\n}\n\n\/* Hood *\/\n\n.cfe-hood {\n  position: absolute;\n  right: -5px;\n  bottom: 48px;\n  width: 75px;\n  height: 32px;\n  background: #1557ff;\n  border-radius: 10px 16px 3px 3px;\n}\n\n\/* Grille *\/\n\n.cfe-grille {\n  position: absolute;\n  right: -17px;\n  bottom: 40px;\n  width: 38px;\n  height: 32px;\n  background: #080a0d;\n  border-radius: 4px;\n  border: 3px solid #292d34;\n}\n\n.cfe-grille::after {\n  content: \"R\";\n  position: absolute;\n  color: #ffffff;\n  font-size: 12px;\n  font-weight: 900;\n  left: 13px;\n  top: 7px;\n}\n\n\/* Lights *\/\n\n.cfe-light {\n  position: absolute;\n  right: 17px;\n  bottom: 67px;\n  width: 18px;\n  height: 9px;\n  background: #ffffff;\n  border-radius: 4px;\n  box-shadow: 0 0 10px rgba(255,255,255,.9);\n}\n\n\/* Wheels *\/\n\n.cfe-wheel {\n  position: absolute;\n  bottom: 0;\n  width: 40px;\n  height: 40px;\n  background: #080808;\n  border: 6px solid #292929;\n  border-radius: 50%;\n  z-index: 5;\n}\n\n.cfe-wheel::after {\n  content: \"\";\n  position: absolute;\n  width: 13px;\n  height: 13px;\n  background: #999;\n  border: 3px solid #444;\n  border-radius: 50%;\n  left: 7px;\n  top: 7px;\n}\n\n.cfe-wheel.front {\n  right: 15px;\n}\n\n.cfe-wheel.back {\n  left: 43px;\n}\n\n\/* Animation *\/\n\n@keyframes truckDrive {\n  0% {\n    transform: translateX(0);\n  }\n\n  100% {\n    transform: translateX(1150px);\n  }\n}\n\n@keyframes roadMove {\n  from {\n    background-position: 0 0;\n  }\n\n  to {\n    background-position: -85px 0;\n  }\n}\n\n\/* =========================================\n   PRODUCT DESCRIPTION\n   ========================================= *\/\n\n.cfe-description {\n  padding: 45px 25px 25px;\n  text-align: center;\n}\n\n.cfe-description h2 {\n  font-size: 30px;\n  margin: 0 0 15px;\n  font-weight: 900;\n  text-transform: uppercase;\n}\n\n.cfe-description h2 span {\n  color: #1557ff;\n}\n\n.cfe-description p {\n  max-width: 760px;\n  margin: auto;\n  color: #626975;\n  line-height: 1.8;\n  font-size: 15px;\n}\n\n\/* =========================================\n   PRODUCT DETAILS\n   ========================================= *\/\n\n.cfe-details {\n  padding: 30px 20px 45px;\n}\n\n.cfe-details-title {\n  text-align: center;\n  font-size: 24px;\n  font-weight: 900;\n  text-transform: uppercase;\n  margin-bottom: 22px;\n}\n\n.cfe-details-title span {\n  color: #1557ff;\n}\n\n.cfe-detail-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 12px;\n  max-width: 800px;\n  margin: auto;\n}\n\n.cfe-detail {\n  background: #f5f6f8;\n  border-left: 4px solid #1557ff;\n  padding: 17px 18px;\n  border-radius: 7px;\n}\n\n.cfe-detail strong {\n  display: block;\n  font-size: 13px;\n  text-transform: uppercase;\n  margin-bottom: 5px;\n}\n\n.cfe-detail span {\n  color: #666d78;\n  font-size: 13px;\n}\n\n\/* =========================================\n   CTA\n   ========================================= *\/\n\n.cfe-cta {\n  margin: 0 20px 35px;\n  padding: 30px 20px;\n  background: #111318;\n  color: #ffffff;\n  text-align: center;\n  border-radius: 14px;\n}\n\n.cfe-cta h3 {\n  margin: 0 0 8px;\n  font-size: 25px;\n  text-transform: uppercase;\n}\n\n.cfe-cta p {\n  color: #c5c8ce;\n  font-size: 14px;\n  margin-bottom: 20px;\n}\n\n.cfe-button {\n  display: inline-block;\n  background: #1557ff;\n  color: #ffffff !important;\n  padding: 14px 30px;\n  border-radius: 5px;\n  text-decoration: none;\n  font-size: 13px;\n  font-weight: 900;\n  text-transform: uppercase;\n  transition: .2s ease;\n}\n\n.cfe-button:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 8px 20px rgba(21,87,255,.35);\n}\n\n\/* =========================================\n   MOBILE\n   ========================================= *\/\n\n@media (max-width: 650px) {\n\n  .cfe-raptor-hero {\n    padding: 40px 18px 25px;\n  }\n\n  .cfe-detail-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .cfe-animation {\n    height: 145px;\n  }\n\n  .cfe-truck {\n    transform: scale(.85);\n    transform-origin: bottom left;\n  }\n\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"cfe-raptor-product\"\u003e\n\n  \u003c!-- HERO --\u003e\n\n  \u003csection class=\"cfe-raptor-hero\"\u003e\n\n    \u003cdiv class=\"cfe-blue-glow\"\u003e\u003c\/div\u003e\n\n    \u003cdiv class=\"cfe-label\"\u003e\n      Carflow Essentials\n    \u003c\/div\u003e\n\n    \u003ch1 class=\"cfe-raptor-title\"\u003e\n      RAPTOR \u003cspan\u003eHEAD\u003c\/span\u003e\n    \u003c\/h1\u003e\n\n    \u003cp class=\"cfe-raptor-intro\"\u003e\n      Lightweight, sporty and made for everyday wear.\n      Bring a bit of that Raptor attitude to your fit,\n      whether you're cruising the streets or heading to a car meet.\n    \u003c\/p\u003e\n\n\n    \u003c!-- ANIMATION --\u003e\n\n    \u003cdiv class=\"cfe-animation\"\u003e\n\n      \u003cdiv class=\"cfe-truck\"\u003e\n\n        \u003cdiv class=\"cfe-truck-body\"\u003e\n\n          \u003cdiv class=\"cfe-bed\"\u003e\u003c\/div\u003e\n\n          \u003cdiv class=\"cfe-cabin\"\u003e\n\n            \u003cdiv class=\"cfe-window back\"\u003e\u003c\/div\u003e\n            \u003cdiv class=\"cfe-window front\"\u003e\u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"cfe-hood\"\u003e\u003c\/div\u003e\n\n          \u003cdiv class=\"cfe-grille\"\u003e\u003c\/div\u003e\n\n          \u003cdiv class=\"cfe-light\"\u003e\u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cfe-wheel back\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"cfe-wheel front\"\u003e\u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cfe-road\"\u003e\u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- DESCRIPTION --\u003e\n\n  \u003csection class=\"cfe-description\"\u003e\n\n    \u003ch2\u003e\n      Built for the \u003cspan\u003eRaptor Lifestyle\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cp\u003e\n      The Raptor Head combines a sporty look with a lightweight\n      polyester build, making it an easy everyday cap for\n      automotive enthusiasts. Clean design, comfortable feel\n      and proper road-ready style.\n    \u003c\/p\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- PRODUCT DETAILS --\u003e\n\n  \u003csection class=\"cfe-details\"\u003e\n\n    \u003cdiv class=\"cfe-details-title\"\u003e\n      Product \u003cspan\u003eDetails\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"cfe-detail-grid\"\u003e\n\n      \u003cdiv class=\"cfe-detail\"\u003e\n        \u003cstrong\u003eMaterial\u003c\/strong\u003e\n        \u003cspan\u003e100% Polyester\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cfe-detail\"\u003e\n        \u003cstrong\u003eStyle\u003c\/strong\u003e\n        \u003cspan\u003eSporty\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cfe-detail\"\u003e\n        \u003cstrong\u003eFabric\u003c\/strong\u003e\n        \u003cspan\u003eSlight Stretch\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cfe-detail\"\u003e\n        \u003cstrong\u003eFeel\u003c\/strong\u003e\n        \u003cspan\u003eLightweight\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cfe-detail\"\u003e\n        \u003cstrong\u003eFiller\u003c\/strong\u003e\n        \u003cspan\u003e100% Polyester\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cfe-detail\"\u003e\n        \u003cstrong\u003eCare\u003c\/strong\u003e\n        \u003cspan\u003eMachine washable — do not dry clean\u003c\/span\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- CTA --\u003e\n\n  \u003csection class=\"cfe-cta\"\u003e\n\n    \u003ch3\u003e\n      Ready for the Road?\n    \u003c\/h3\u003e\n\n    \u003cp\u003e\n      Add some Raptor attitude to your everyday fit.\n    \u003c\/p\u003e\n\n    \u003ca href=\"#shop\" class=\"cfe-button\"\u003e\n      Shop Raptor Head\n    \u003c\/a\u003e\n\n  \u003c\/section\u003e\n\n\u003c\/div\u003e","brand":"CarFlow Essentials","offers":[{"title":"Gray","offer_id":49109246312670,"sku":null,"price":249.0,"currency_code":"ZAR","in_stock":true},{"title":"Navy","offer_id":49109246345438,"sku":null,"price":249.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0787\/1663\/3310\/files\/IMG-0113.png?v=1790322066","url":"https:\/\/carflowessentials.com\/products\/carflow-raptor-baseball-caps","provider":"CarFlow Essentials","version":"1.0","type":"link"}