{"product_id":"carflow-hilux-baseball-cap","title":"Carflow Hilux Baseball Cap","description":"\u003cp\u003e\u003cspan\u003eFor the oke who’s always behind the wheel. Clean look, mnandi Hilux vibes, and lekker for everyday wear.\u003c\/span\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n\/* =========================================\n   CARFLOW ESSENTIALS — HILUX HEAD\n   ========================================= *\/\n\n.cfe-hilux-product {\n  font-family: Arial, Helvetica, sans-serif;\n  background: #fff;\n  color: #111;\n  max-width: 1100px;\n  margin: 0 auto;\n  overflow: hidden;\n}\n\n\/* HERO *\/\n.cfe-hilux-hero {\n  position: relative;\n  background: linear-gradient(135deg, #fff 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-hilux-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-hilux-label {\n  display: inline-block;\n  background: #1557ff;\n  color: #fff;\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-hilux-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-hilux-title span {\n  color: #1557ff;\n}\n\n.cfe-hilux-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   HILUX-STYLE ANIMATION\n   ========================================= *\/\n\n.cfe-hilux-animation {\n  height: 170px;\n  position: relative;\n  margin: 25px auto 0;\n  max-width: 850px;\n  overflow: hidden;\n}\n\n.cfe-hilux-road {\n  position: absolute;\n  bottom: 22px;\n  left: 0;\n  width: 100%;\n  height: 3px;\n  background: #15171b;\n}\n\n.cfe-hilux-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: hiluxRoadMove .8s linear infinite;\n}\n\n.cfe-hilux-truck {\n  position: absolute;\n  left: -285px;\n  bottom: 27px;\n  width: 275px;\n  height: 110px;\n  animation:\n    hiluxDrive 7s linear infinite,\n    hiluxBounce .6s ease-in-out infinite alternate;\n}\n\n.cfe-hilux-body {\n  position: absolute;\n  left: 12px;\n  bottom: 18px;\n  width: 250px;\n  height: 65px;\n  background: #1557ff;\n  border-radius: 9px 18px 7px 7px;\n  box-shadow: inset 0 -9px rgba(0,0,0,.14);\n}\n\n\/* BED *\/\n.cfe-hilux-bed {\n  position: absolute;\n  left: 5px;\n  top: 8px;\n  width: 91px;\n  height: 53px;\n  background: #1557ff;\n  border-top: 5px solid #0c3fc0;\n  border-radius: 5px 2px 2px 4px;\n}\n\n\/* CABIN *\/\n.cfe-hilux-cabin {\n  position: absolute;\n  right: 62px;\n  bottom: 55px;\n  width: 112px;\n  height: 61px;\n  background: #1557ff;\n  border-radius: 18px 25px 3px 3px;\n  border-top: 5px solid #0c3fc0;\n}\n\n\/* WINDOWS *\/\n.cfe-hilux-window {\n  position: absolute;\n  top: 10px;\n  height: 31px;\n  background: #101820;\n  border: 2px solid #273448;\n}\n\n.cfe-hilux-window.back {\n  left: 7px;\n  width: 45px;\n  border-radius: 9px 2px 2px 2px;\n}\n\n.cfe-hilux-window.front {\n  right: 7px;\n  width: 47px;\n  border-radius: 2px 15px 2px 2px;\n}\n\n.cfe-hilux-cabin::after {\n  content: \"\";\n  position: absolute;\n  left: 53px;\n  top: 9px;\n  width: 4px;\n  height: 34px;\n  background: #1557ff;\n}\n\n\/* HOOD *\/\n.cfe-hilux-hood {\n  position: absolute;\n  right: -4px;\n  bottom: 43px;\n  width: 75px;\n  height: 35px;\n  background: #1557ff;\n  border-radius: 8px 15px 3px 3px;\n}\n\n\/* GRILLE *\/\n.cfe-hilux-grille {\n  position: absolute;\n  right: -19px;\n  bottom: 35px;\n  width: 43px;\n  height: 37px;\n  background: #101216;\n  border-radius: 4px;\n  border: 3px solid #30343b;\n}\n\n.cfe-hilux-grille::before,\n.cfe-hilux-grille::after {\n  content: \"\";\n  position: absolute;\n  left: 7px;\n  right: 7px;\n  height: 2px;\n  background: #777;\n}\n\n.cfe-hilux-grille::before {\n  top: 10px;\n}\n\n.cfe-hilux-grille::after {\n  top: 20px;\n}\n\n\/* LIGHT *\/\n.cfe-hilux-light {\n  position: absolute;\n  right: 18px;\n  bottom: 65px;\n  width: 19px;\n  height: 10px;\n  background: #fff;\n  border-radius: 4px;\n  box-shadow: 0 0 10px rgba(255,255,255,.9);\n}\n\n\/* BUMPER *\/\n.cfe-hilux-bumper {\n  position: absolute;\n  right: -24px;\n  bottom: 29px;\n  width: 55px;\n  height: 10px;\n  background: #181b20;\n  border-radius: 3px;\n}\n\n\/* WHEELS *\/\n.cfe-hilux-wheel {\n  position: absolute;\n  bottom: 0;\n  width: 42px;\n  height: 42px;\n  background: #080808;\n  border: 6px solid #292929;\n  border-radius: 50%;\n  z-index: 5;\n}\n\n.cfe-hilux-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-hilux-wheel.front {\n  right: 17px;\n}\n\n.cfe-hilux-wheel.back {\n  left: 42px;\n}\n\n\/* ANIMATION *\/\n@keyframes hiluxDrive {\n  0% {\n    transform: translateX(0);\n  }\n  100% {\n    transform: translateX(1150px);\n  }\n}\n\n@keyframes hiluxBounce {\n  from {\n    margin-top: 0;\n  }\n  to {\n    margin-top: 3px;\n  }\n}\n\n@keyframes hiluxRoadMove {\n  from {\n    background-position: 0 0;\n  }\n  to {\n    background-position: -85px 0;\n  }\n}\n\n\/* =========================================\n   DESCRIPTION\n   ========================================= *\/\n\n.cfe-hilux-description {\n  padding: 45px 25px 25px;\n  text-align: center;\n}\n\n.cfe-hilux-description h2 {\n  font-size: 30px;\n  margin: 0 0 15px;\n  font-weight: 900;\n  text-transform: uppercase;\n}\n\n.cfe-hilux-description h2 span {\n  color: #1557ff;\n}\n\n.cfe-hilux-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-hilux-details {\n  padding: 30px 20px 45px;\n}\n\n.cfe-hilux-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-hilux-details-title span {\n  color: #1557ff;\n}\n\n.cfe-hilux-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-hilux-detail {\n  background: #f5f6f8;\n  border-left: 4px solid #1557ff;\n  padding: 17px 18px;\n  border-radius: 7px;\n}\n\n.cfe-hilux-detail strong {\n  display: block;\n  font-size: 13px;\n  text-transform: uppercase;\n  margin-bottom: 5px;\n}\n\n.cfe-hilux-detail span {\n  color: #666d78;\n  font-size: 13px;\n}\n\n\/* =========================================\n   CTA\n   ========================================= *\/\n\n.cfe-hilux-cta {\n  margin: 0 20px 35px;\n  padding: 30px 20px;\n  background: #111318;\n  color: #fff;\n  text-align: center;\n  border-radius: 14px;\n}\n\n.cfe-hilux-cta h3 {\n  margin: 0 0 8px;\n  font-size: 25px;\n  text-transform: uppercase;\n}\n\n.cfe-hilux-cta p {\n  color: #c5c8ce;\n  font-size: 14px;\n  margin-bottom: 20px;\n}\n\n.cfe-hilux-button {\n  display: inline-block;\n  background: #1557ff;\n  color: #fff !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-hilux-button:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 8px 20px rgba(21,87,255,.35);\n}\n\n\/* MOBILE *\/\n\n@media (max-width: 650px) {\n\n  .cfe-hilux-hero {\n    padding: 40px 18px 25px;\n  }\n\n  .cfe-hilux-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .cfe-hilux-animation {\n    height: 145px;\n  }\n\n  .cfe-hilux-truck {\n    transform: scale(.85);\n    transform-origin: bottom left;\n  }\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"cfe-hilux-product\"\u003e\n\n  \u003c!-- HERO --\u003e\n\n  \u003csection class=\"cfe-hilux-hero\"\u003e\n\n    \u003cdiv class=\"cfe-hilux-glow\"\u003e\u003c\/div\u003e\n\n    \u003cdiv class=\"cfe-hilux-label\"\u003e\n      Carflow Essentials\n    \u003c\/div\u003e\n\n    \u003ch1 class=\"cfe-hilux-title\"\u003e\n      HILUX \u003cspan\u003eHEAD\u003c\/span\u003e\n    \u003c\/h1\u003e\n\n    \u003cp class=\"cfe-hilux-intro\"\u003e\n      Vintage style with proper bakkie attitude.\n      The Hilux Head brings a clean automotive look to\n      your everyday fit — from the streets to the next lekker car meet.\n    \u003c\/p\u003e\n\n    \u003c!-- ANIMATED HILUX-STYLE BAKKIE --\u003e\n\n    \u003cdiv class=\"cfe-hilux-animation\"\u003e\n\n      \u003cdiv class=\"cfe-hilux-truck\"\u003e\n\n        \u003cdiv class=\"cfe-hilux-body\"\u003e\n\n          \u003cdiv class=\"cfe-hilux-bed\"\u003e\u003c\/div\u003e\n\n          \u003cdiv class=\"cfe-hilux-cabin\"\u003e\n\n            \u003cdiv class=\"cfe-hilux-window back\"\u003e\u003c\/div\u003e\n            \u003cdiv class=\"cfe-hilux-window front\"\u003e\u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"cfe-hilux-hood\"\u003e\u003c\/div\u003e\n\n          \u003cdiv class=\"cfe-hilux-grille\"\u003e\u003c\/div\u003e\n\n          \u003cdiv class=\"cfe-hilux-light\"\u003e\u003c\/div\u003e\n\n          \u003cdiv class=\"cfe-hilux-bumper\"\u003e\u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cfe-hilux-wheel back\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"cfe-hilux-wheel front\"\u003e\u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cfe-hilux-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-hilux-description\"\u003e\n\n    \u003ch2\u003e\n      Made for the \u003cspan\u003eHilux Lifestyle\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cp\u003e\n      The Hilux Head combines a vintage-inspired design with\n      a woven 100% viscose construction. Lightweight in feel\n      and easy to style, it is made for everyday wear and\n      automotive enthusiasts who appreciate a classic look.\n    \u003c\/p\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- CORRECT PRODUCT DETAILS --\u003e\n\n  \u003csection class=\"cfe-hilux-details\"\u003e\n\n    \u003cdiv class=\"cfe-hilux-details-title\"\u003e\n      Product \u003cspan\u003eDetails\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"cfe-hilux-grid\"\u003e\n\n      \u003cdiv class=\"cfe-hilux-detail\"\u003e\n        \u003cstrong\u003eComposition\u003c\/strong\u003e\n        \u003cspan\u003e100% Viscose\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cfe-hilux-detail\"\u003e\n        \u003cstrong\u003eStyle\u003c\/strong\u003e\n        \u003cspan\u003eVintage\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cfe-hilux-detail\"\u003e\n        \u003cstrong\u003eCare Instructions\u003c\/strong\u003e\n        \u003cspan\u003eHand wash; do not dry clean\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cfe-hilux-detail\"\u003e\n        \u003cstrong\u003ePattern\u003c\/strong\u003e\n        \u003cspan\u003eGeometric pattern\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cfe-hilux-detail\"\u003e\n        \u003cstrong\u003eWeaving Method\u003c\/strong\u003e\n        \u003cspan\u003eWoven\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cfe-hilux-detail\"\u003e\n        \u003cstrong\u003eCollection\u003c\/strong\u003e\n        \u003cspan\u003eCarflow Essentials\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-hilux-cta\"\u003e\n\n    \u003ch3\u003e\n      Ready for the Road?\n    \u003c\/h3\u003e\n\n    \u003cp\u003e\n      Add some Hilux attitude to your everyday fit.\n    \u003c\/p\u003e\n\n    \u003ca href=\"#shop\" class=\"cfe-hilux-button\"\u003e\n      Shop Hilux Head\n    \u003c\/a\u003e\n\n  \u003c\/section\u003e\n\n\u003c\/div\u003e","brand":"CarFlow Essentials","offers":[{"title":"Black","offer_id":49109179662558,"sku":null,"price":249.0,"currency_code":"ZAR","in_stock":true},{"title":"Burgundy","offer_id":49109179695326,"sku":null,"price":249.0,"currency_code":"ZAR","in_stock":true},{"title":"Gray","offer_id":49109179728094,"sku":null,"price":249.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0787\/1663\/3310\/files\/9FF39DC5-0ED3-443C-9489-99B890E165DB.png?v=1790318707","url":"https:\/\/carflowessentials.com\/products\/carflow-hilux-baseball-cap","provider":"CarFlow Essentials","version":"1.0","type":"link"}