{"product_id":"swiftclean-360-rotating-car-wash-mop","title":"SwiftClean — 360° Rotating Car Wash Mop","description":"\u003cstyle\u003e\n\/* =========================================================\n   VRRPHA GADGETS SA\n   SWIFTCLEAN 360° ROTATING CAR WASH MOP\n   PREMIUM ANIMATED SHOPIFY CUSTOM LIQUID\n========================================================= *\/\n\n.vrrpha-swiftclean {\n  --sc-black: #050607;\n  --sc-dark: #0b0e12;\n  --sc-card: rgba(255,255,255,.045);\n  --sc-card-hover: rgba(255,255,255,.075);\n  --sc-white: #ffffff;\n  --sc-light: #e7e9ed;\n  --sc-muted: #9298a2;\n  --sc-blue: #00a8ff;\n  --sc-blue-light: #65d4ff;\n  --sc-orange: #ff8a00;\n  --sc-orange-light: #ffb347;\n  --sc-border: rgba(255,255,255,.09);\n\n  position: relative;\n  overflow: hidden;\n  padding: 85px 20px;\n  color: var(--sc-white);\n  font-family: Arial, Helvetica, sans-serif;\n\n  background:\n    radial-gradient(\n      circle at 10% 15%,\n      rgba(0,168,255,.13),\n      transparent 28%\n    ),\n    radial-gradient(\n      circle at 90% 70%,\n      rgba(255,138,0,.09),\n      transparent 27%\n    ),\n    linear-gradient(\n      145deg,\n      #040506 0%,\n      #0b0e12 50%,\n      #050607 100%\n    );\n}\n\n.vrrpha-swiftclean *,\n.vrrpha-swiftclean *::before,\n.vrrpha-swiftclean *::after {\n  box-sizing: border-box;\n}\n\n.sc-container {\n  max-width: 1180px;\n  margin: 0 auto;\n  position: relative;\n  z-index: 2;\n}\n\n\/* =========================================================\n   ANIMATED BACKGROUND\n========================================================= *\/\n\n.sc-bg-orb {\n  position: absolute;\n  border-radius: 50%;\n  filter: blur(80px);\n  pointer-events: none;\n}\n\n.sc-orb-blue {\n  width: 280px;\n  height: 280px;\n  background: rgba(0,168,255,.10);\n  left: -120px;\n  top: 8%;\n  animation: scOrbBlue 8s ease-in-out infinite alternate;\n}\n\n.sc-orb-orange {\n  width: 300px;\n  height: 300px;\n  background: rgba(255,138,0,.07);\n  right: -140px;\n  bottom: 10%;\n  animation: scOrbOrange 9s ease-in-out infinite alternate;\n}\n\n@keyframes scOrbBlue {\n  from {\n    transform: translate(0,0) scale(1);\n  }\n  to {\n    transform: translate(50px,35px) scale(1.12);\n  }\n}\n\n@keyframes scOrbOrange {\n  from {\n    transform: translate(0,0) scale(1);\n  }\n  to {\n    transform: translate(-40px,-35px) scale(1.08);\n  }\n}\n\n\/* =========================================================\n   TOP BRAND BADGE\n========================================================= *\/\n\n.sc-brand-pill {\n  display: inline-flex;\n  align-items: center;\n  gap: 9px;\n\n  padding: 9px 17px;\n\n  border-radius: 100px;\n\n  border: 1px solid rgba(0,168,255,.28);\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(0,168,255,.07),\n      rgba(255,138,0,.05)\n    );\n\n  color: #d7eefe;\n\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 1.8px;\n  text-transform: uppercase;\n\n  animation: scFadeUp .8s ease both;\n}\n\n.sc-brand-dot {\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n\n  background: var(--sc-blue);\n\n  box-shadow:\n    0 0 8px var(--sc-blue),\n    0 0 18px rgba(0,168,255,.6);\n\n  animation: scPulse 2s infinite;\n}\n\n@keyframes scPulse {\n  0%,100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n\n  50% {\n    opacity: .45;\n    transform: scale(.7);\n  }\n}\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.sc-hero {\n  text-align: center;\n  margin-bottom: 65px;\n}\n\n.sc-hero h1 {\n  max-width: 1000px;\n\n  margin: 23px auto 20px;\n\n  font-size: clamp(40px,6vw,73px);\n\n  line-height: 1.02;\n\n  letter-spacing: -3px;\n\n  font-weight: 850;\n\n  background:\n    linear-gradient(\n      110deg,\n      #ffffff 10%,\n      #ffffff 34%,\n      #75d8ff 49%,\n      #00a8ff 57%,\n      #ff9b21 72%,\n      #ffffff 88%\n    );\n\n  background-size: 250% auto;\n\n  -webkit-background-clip: text;\n  background-clip: text;\n\n  color: transparent;\n\n  animation:\n    scFadeUp .9s ease both,\n    scTextShimmer 7s linear infinite;\n}\n\n@keyframes scTextShimmer {\n  to {\n    background-position: 250% center;\n  }\n}\n\n.sc-hero p {\n  max-width: 720px;\n\n  margin: auto;\n\n  color: var(--sc-muted);\n\n  font-size: 17px;\n\n  line-height: 1.75;\n\n  animation: scFadeUp 1s .15s ease both;\n}\n\n\/* =========================================================\n   SHOWCASE\n========================================================= *\/\n\n.sc-showcase {\n  display: grid;\n\n  grid-template-columns: 1fr 1fr;\n\n  gap: 55px;\n\n  align-items: center;\n\n  margin-bottom: 80px;\n}\n\n\/* =========================================================\n   PRODUCT VISUAL\n========================================================= *\/\n\n.sc-product-stage {\n  min-height: 500px;\n\n  border-radius: 30px;\n\n  border: 1px solid var(--sc-border);\n\n  background:\n    radial-gradient(\n      circle at center,\n      rgba(0,168,255,.10),\n      transparent 32%\n    ),\n    linear-gradient(\n      145deg,\n      #15191e,\n      #080a0d\n    );\n\n  position: relative;\n\n  overflow: hidden;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  box-shadow:\n    0 35px 90px rgba(0,0,0,.55),\n    inset 0 1px 0 rgba(255,255,255,.06);\n\n  animation: scFadeLeft 1s .15s ease both;\n}\n\n\/* =========================================================\n   ROTATING 360° RINGS\n========================================================= *\/\n\n.sc-ring {\n  position: absolute;\n\n  border-radius: 50%;\n\n  border: 1px solid rgba(0,168,255,.16);\n}\n\n.sc-ring-1 {\n  width: 350px;\n  height: 350px;\n\n  animation: scRotate 18s linear infinite;\n}\n\n.sc-ring-2 {\n  width: 430px;\n  height: 430px;\n\n  border-style: dashed;\n\n  border-color: rgba(255,138,0,.09);\n\n  animation:\n    scRotate 25s linear infinite reverse;\n}\n\n@keyframes scRotate {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n\/* =========================================================\n   MOP VISUAL\n========================================================= *\/\n\n.sc-mop {\n  position: relative;\n\n  width: 280px;\n  height: 380px;\n\n  z-index: 4;\n\n  transform:\n    perspective(900px)\n    rotateY(-12deg)\n    rotateX(4deg)\n    rotateZ(-4deg);\n\n  animation: scMopFloat 4s ease-in-out infinite;\n\n  transition:\n    transform .7s ease,\n    filter .7s ease;\n}\n\n.sc-product-stage:hover .sc-mop {\n  transform:\n    perspective(900px)\n    rotateY(0deg)\n    rotateX(0deg)\n    rotateZ(0deg)\n    scale(1.05);\n}\n\n@keyframes scMopFloat {\n\n  0%,100% {\n    transform:\n      perspective(900px)\n      rotateY(-12deg)\n      rotateX(4deg)\n      rotateZ(-4deg)\n      translateY(0);\n  }\n\n  50% {\n    transform:\n      perspective(900px)\n      rotateY(-8deg)\n      rotateX(3deg)\n      rotateZ(-4deg)\n      translateY(-12px);\n  }\n}\n\n\/* Mop pole *\/\n\n.sc-pole {\n  position: absolute;\n\n  width: 15px;\n  height: 310px;\n\n  left: 50%;\n  top: 52px;\n\n  transform: translateX(-50%);\n\n  border-radius: 100px;\n\n  background:\n    linear-gradient(\n      90deg,\n      #555b62,\n      #e2e5e8 35%,\n      #858b91 60%,\n      #34383d\n    );\n\n  box-shadow:\n    0 15px 30px rgba(0,0,0,.45),\n    inset 1px 0 rgba(255,255,255,.6);\n}\n\n\/* Pole grip *\/\n\n.sc-grip {\n  position: absolute;\n\n  width: 26px;\n  height: 75px;\n\n  left: 50%;\n  top: 35px;\n\n  transform: translateX(-50%);\n\n  border-radius: 12px;\n\n  background:\n    linear-gradient(\n      90deg,\n      #15181c,\n      #4a5057,\n      #15181c\n    );\n\n  box-shadow:\n    0 8px 20px rgba(0,0,0,.5);\n}\n\n\/* Mop head *\/\n\n.sc-mop-head {\n  position: absolute;\n\n  width: 240px;\n  height: 90px;\n\n  left: 50%;\n\n  bottom: 25px;\n\n  transform: translateX(-50%);\n\n  border-radius:\n    45px\n    45px\n    28px\n    28px;\n\n  background:\n    linear-gradient(\n      180deg,\n      #e7e9eb,\n      #bfc4c8 45%,\n      #858c92\n    );\n\n  border: 2px solid rgba(255,255,255,.18);\n\n  box-shadow:\n    0 22px 40px rgba(0,0,0,.55),\n    inset 0 2px 2px rgba(255,255,255,.7);\n}\n\n\/* Chenille fibres *\/\n\n.sc-mop-head::before {\n  content: \"\";\n\n  position: absolute;\n\n  left: 8px;\n  right: 8px;\n  bottom: -18px;\n\n  height: 35px;\n\n  border-radius: 0 0 30px 30px;\n\n  background:\n    repeating-linear-gradient(\n      90deg,\n      #cbd0d4 0px,\n      #cbd0d4 5px,\n      #8f969c 6px,\n      #e4e6e8 9px\n    );\n\n  filter: blur(.2px);\n}\n\n\/* 360 badge *\/\n\n.sc-360 {\n  position: absolute;\n\n  right: 32px;\n  top: 34px;\n\n  width: 78px;\n  height: 78px;\n\n  border-radius: 50%;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  text-align: center;\n\n  font-size: 12px;\n\n  font-weight: 800;\n\n  line-height: 1.15;\n\n  color: #fff;\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(0,168,255,.18),\n      rgba(255,138,0,.12)\n    );\n\n  border:\n    1px solid rgba(0,168,255,.35);\n\n  box-shadow:\n    0 0 30px rgba(0,168,255,.10);\n\n  animation: sc360Pulse 2.5s ease-in-out infinite;\n}\n\n@keyframes sc360Pulse {\n\n  0%,100% {\n    box-shadow:\n      0 0 15px rgba(0,168,255,.10);\n  }\n\n  50% {\n    box-shadow:\n      0 0 30px rgba(0,168,255,.28);\n  }\n}\n\n\/* =========================================================\n   FLOATING LABELS\n========================================================= *\/\n\n.sc-floating {\n  position: absolute;\n\n  z-index: 7;\n\n  padding: 11px 15px;\n\n  border-radius: 13px;\n\n  background:\n    rgba(5,7,9,.75);\n\n  backdrop-filter: blur(14px);\n\n  border:\n    1px solid rgba(255,255,255,.10);\n\n  color: #dce0e5;\n\n  font-size: 11px;\n\n  box-shadow:\n    0 15px 35px rgba(0,0,0,.35);\n}\n\n.sc-float-left {\n  left: 24px;\n  bottom: 28px;\n\n  animation:\n    scFloatLabel 3.5s ease-in-out infinite;\n}\n\n.sc-float-right {\n  right: 25px;\n  bottom: 30px;\n\n  animation:\n    scFloatLabel 4s .7s ease-in-out infinite;\n}\n\n@keyframes scFloatLabel {\n\n  0%,100% {\n    transform: translateY(0);\n  }\n\n  50% {\n    transform: translateY(-8px);\n  }\n}\n\n\/* =========================================================\n   PRODUCT DETAILS\n========================================================= *\/\n\n.sc-details {\n  animation:\n    scFadeRight 1s .25s ease both;\n}\n\n.sc-details h2 {\n  font-size: clamp(33px,4vw,47px);\n\n  line-height: 1.08;\n\n  letter-spacing: -1.5px;\n\n  margin: 0 0 18px;\n}\n\n.sc-blue-text {\n  color: var(--sc-blue-light);\n}\n\n.sc-orange-text {\n  color: var(--sc-orange-light);\n}\n\n.sc-details \u003e p {\n  color: var(--sc-muted);\n\n  font-size: 16px;\n\n  line-height: 1.75;\n\n  margin-bottom: 28px;\n}\n\n\/* =========================================================\n   FEATURE CARDS\n========================================================= *\/\n\n.sc-features {\n  display: grid;\n\n  gap: 11px;\n}\n\n.sc-feature {\n  display: flex;\n\n  align-items: center;\n\n  gap: 14px;\n\n  padding: 14px 15px;\n\n  border-radius: 15px;\n\n  background: var(--sc-card);\n\n  border:\n    1px solid rgba(255,255,255,.065);\n\n  transition:\n    transform .35s ease,\n    background .35s ease,\n    border-color .35s ease;\n}\n\n.sc-feature:hover {\n  transform: translateX(8px);\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(0,168,255,.07),\n      rgba(255,138,0,.04)\n    );\n\n  border-color:\n    rgba(0,168,255,.28);\n}\n\n.sc-feature-icon {\n  width: 40px;\n  height: 40px;\n\n  min-width: 40px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  border-radius: 11px;\n\n  background:\n    rgba(0,168,255,.08);\n\n  font-size: 18px;\n}\n\n.sc-feature strong {\n  display: block;\n\n  font-size: 13px;\n\n  margin-bottom: 4px;\n}\n\n.sc-feature small {\n  color: #8c929b;\n\n  font-size: 11px;\n}\n\n\/* =========================================================\n   ROTATION INFO\n========================================================= *\/\n\n.sc-rotation {\n  margin-top: 25px;\n\n  padding: 16px;\n\n  border-radius: 15px;\n\n  border:\n    1px solid rgba(0,168,255,.13);\n\n  background:\n    linear-gradient(\n      100deg,\n      rgba(0,168,255,.06),\n      rgba(255,138,0,.04)\n    );\n}\n\n.sc-rotation-top {\n  display: flex;\n\n  align-items: center;\n\n  justify-content: space-between;\n\n  margin-bottom: 9px;\n}\n\n.sc-rotation-title {\n  font-size: 12px;\n\n  font-weight: 700;\n\n  letter-spacing: .5px;\n}\n\n.sc-rotation-value {\n  color: var(--sc-blue-light);\n\n  font-size: 11px;\n\n  font-weight: 700;\n}\n\n.sc-progress {\n  height: 5px;\n\n  border-radius: 100px;\n\n  background: rgba(255,255,255,.07);\n\n  overflow: hidden;\n}\n\n.sc-progress span {\n  display: block;\n\n  height: 100%;\n\n  width: 82%;\n\n  border-radius: inherit;\n\n  background:\n    linear-gradient(\n      90deg,\n      var(--sc-blue),\n      var(--sc-orange)\n    );\n\n  animation:\n    scProgress 2.5s ease-in-out infinite alternate;\n}\n\n@keyframes scProgress {\n\n  from {\n    width: 65%;\n  }\n\n  to {\n    width: 94%;\n  }\n}\n\n\/* =========================================================\n   BENEFITS\n========================================================= *\/\n\n.sc-benefits {\n  display: grid;\n\n  grid-template-columns:\n    repeat(3,1fr);\n\n  gap: 16px;\n\n  margin-bottom: 70px;\n}\n\n.sc-benefit {\n  padding: 31px 20px;\n\n  text-align: center;\n\n  border-radius: 21px;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255,255,255,.055),\n      rgba(255,255,255,.015)\n    );\n\n  border:\n    1px solid rgba(255,255,255,.075);\n\n  transition:\n    transform .4s ease,\n    border-color .4s ease,\n    box-shadow .4s ease;\n\n  animation:\n    scFadeUp 1s ease both;\n}\n\n.sc-benefit:nth-child(2) {\n  animation-delay: .12s;\n}\n\n.sc-benefit:nth-child(3) {\n  animation-delay: .24s;\n}\n\n.sc-benefit:hover {\n  transform: translateY(-9px);\n\n  border-color:\n    rgba(0,168,255,.30);\n\n  box-shadow:\n    0 25px 55px rgba(0,0,0,.3);\n}\n\n.sc-benefit-icon {\n  font-size: 31px;\n\n  margin-bottom: 14px;\n}\n\n.sc-benefit h3 {\n  font-size: 16px;\n\n  margin: 0 0 9px;\n}\n\n.sc-benefit p {\n  color: #888e97;\n\n  font-size: 12px;\n\n  line-height: 1.65;\n\n  margin: 0;\n}\n\n\/* =========================================================\n   SOUTH AFRICA SECTION\n========================================================= *\/\n\n.sc-sa-section {\n  position: relative;\n\n  padding: 55px 30px;\n\n  margin-bottom: 65px;\n\n  text-align: center;\n\n  border-radius: 28px;\n\n  overflow: hidden;\n\n  background:\n    radial-gradient(\n      circle at 50% 0%,\n      rgba(0,168,255,.10),\n      transparent 48%\n    ),\n    rgba(255,255,255,.025);\n\n  border:\n    1px solid rgba(255,255,255,.075);\n}\n\n.sc-sa-section::after {\n  content: \"\";\n\n  position: absolute;\n\n  width: 180px;\n  height: 180px;\n\n  border-radius: 50%;\n\n  border:\n    1px solid rgba(255,138,0,.14);\n\n  right: -60px;\n  bottom: -70px;\n\n  animation:\n    scRotate 14s linear infinite;\n}\n\n.sc-sa-section h2 {\n  position: relative;\n\n  z-index: 2;\n\n  font-size: 35px;\n\n  margin: 0 0 14px;\n}\n\n.sc-sa-section \u003e p {\n  position: relative;\n\n  z-index: 2;\n\n  max-width: 700px;\n\n  margin: auto;\n\n  color: #8e939c;\n\n  font-size: 14px;\n\n  line-height: 1.7;\n}\n\n\/* =========================================================\n   LOCATION GRID\n========================================================= *\/\n\n.sc-location-grid {\n  display: grid;\n\n  grid-template-columns:\n    repeat(4,1fr);\n\n  gap: 13px;\n\n  margin-top: 28px;\n\n  position: relative;\n\n  z-index: 2;\n}\n\n.sc-location {\n  padding: 17px 10px;\n\n  border-radius: 14px;\n\n  background:\n    rgba(255,255,255,.035);\n\n  border:\n    1px solid rgba(255,255,255,.06);\n\n  color: #c5c9cf;\n\n  font-size: 12px;\n\n  transition: .35s ease;\n}\n\n.sc-location:hover {\n  transform: translateY(-5px);\n\n  background:\n    rgba(0,168,255,.06);\n\n  border-color:\n    rgba(0,168,255,.25);\n}\n\n\/* =========================================================\n   PERFECT FOR\n========================================================= *\/\n\n.sc-perfect {\n  margin-bottom: 65px;\n}\n\n.sc-perfect-title {\n  text-align: center;\n\n  font-size: 32px;\n\n  margin-bottom: 27px;\n}\n\n.sc-perfect-list {\n  display: grid;\n\n  grid-template-columns:\n    repeat(5,1fr);\n\n  gap: 11px;\n}\n\n.sc-perfect-item {\n  text-align: center;\n\n  padding: 18px 10px;\n\n  border-radius: 15px;\n\n  background:\n    rgba(255,255,255,.035);\n\n  border:\n    1px solid rgba(255,255,255,.065);\n\n  color: #c5c8cd;\n\n  font-size: 11px;\n\n  transition: .3s ease;\n}\n\n.sc-perfect-item:hover {\n  transform: translateY(-5px);\n\n  border-color:\n    rgba(255,138,0,.25);\n\n  background:\n    rgba(255,138,0,.045);\n}\n\n\/* =========================================================\n   WHAT'S IN THE BOX\n========================================================= *\/\n\n.sc-box {\n  text-align: center;\n}\n\n.sc-box h2 {\n  font-size: 31px;\n\n  margin: 0 0 12px;\n}\n\n.sc-box \u003e p {\n  color: #888e96;\n\n  font-size: 14px;\n\n  margin-bottom: 22px;\n}\n\n.sc-box-item {\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 8px;\n\n  margin: 5px;\n\n  padding: 11px 17px;\n\n  border-radius: 100px;\n\n  background:\n    rgba(255,255,255,.04);\n\n  border:\n    1px solid rgba(255,255,255,.075);\n\n  color: #c7cad0;\n\n  font-size: 11px;\n\n  transition: .3s ease;\n}\n\n.sc-box-item:hover {\n  transform: translateY(-3px);\n\n  border-color:\n    rgba(0,168,255,.28);\n}\n\n\/* =========================================================\n   FINAL BRANDING\n========================================================= *\/\n\n.sc-brand-footer {\n  margin-top: 55px;\n\n  padding-top: 30px;\n\n  border-top:\n    1px solid rgba(255,255,255,.07);\n\n  text-align: center;\n}\n\n.sc-brand-footer strong {\n  display: block;\n\n  font-size: 14px;\n\n  color: #e0e2e5;\n\n  letter-spacing: .5px;\n}\n\n.sc-brand-footer span {\n  display: block;\n\n  margin-top: 7px;\n\n  font-size: 11px;\n\n  color: #7d838c;\n}\n\n\/* =========================================================\n   KEYFRAME ANIMATIONS\n========================================================= *\/\n\n@keyframes scFadeUp {\n\n  from {\n    opacity: 0;\n    transform: translateY(30px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes scFadeLeft {\n\n  from {\n    opacity: 0;\n    transform: translateX(-35px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n@keyframes scFadeRight {\n\n  from {\n    opacity: 0;\n    transform: translateX(35px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:800px) {\n\n  .vrrpha-swiftclean {\n    padding: 60px 15px;\n  }\n\n  .sc-hero {\n    margin-bottom: 45px;\n  }\n\n  .sc-hero h1 {\n    letter-spacing: -1.8px;\n  }\n\n  .sc-hero p {\n    font-size: 15px;\n  }\n\n  .sc-showcase {\n    grid-template-columns: 1fr;\n\n    gap: 35px;\n  }\n\n  .sc-product-stage {\n    min-height: 430px;\n  }\n\n  .sc-benefits {\n    grid-template-columns: 1fr;\n  }\n\n  .sc-location-grid {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  .sc-perfect-list {\n    grid-template-columns: 1fr 1fr;\n  }\n\n}\n\n@media(max-width:480px) {\n\n  .sc-product-stage {\n    min-height: 370px;\n  }\n\n  .sc-mop {\n    transform:\n      scale(.78)\n      perspective(900px)\n      rotateY(-10deg)\n      rotateZ(-4deg);\n  }\n\n  .sc-product-stage:hover .sc-mop {\n    transform:\n      scale(.82)\n      perspective(900px)\n      rotateY(0deg)\n      rotateZ(0deg);\n  }\n\n  .sc-ring-1 {\n    width: 280px;\n    height: 280px;\n  }\n\n  .sc-ring-2 {\n    width: 350px;\n    height: 350px;\n  }\n\n  .sc-360 {\n    width: 65px;\n    height: 65px;\n\n    right: 15px;\n    top: 18px;\n\n    font-size: 10px;\n  }\n\n  .sc-floating {\n    font-size: 9px;\n    padding: 9px 11px;\n  }\n\n  .sc-float-left {\n    left: 12px;\n    bottom: 18px;\n  }\n\n  .sc-float-right {\n    right: 12px;\n    bottom: 18px;\n  }\n\n  .sc-location-grid,\n  .sc-perfect-list {\n    grid-template-columns: 1fr;\n  }\n\n  .sc-sa-section {\n    padding: 40px 18px;\n  }\n\n  .sc-sa-section h2 {\n    font-size: 28px;\n  }\n\n}\n\u003c\/style\u003e\n\n\n\u003csection class=\"vrrpha-swiftclean\"\u003e\n\n  \u003c!-- Animated background --\u003e\n\n  \u003cdiv class=\"sc-bg-orb sc-orb-blue\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"sc-bg-orb sc-orb-orange\"\u003e\u003c\/div\u003e\n\n\n  \u003cdiv class=\"sc-container\"\u003e\n\n\n    \u003c!-- =====================================================\n         HERO\n    ====================================================== --\u003e\n\n    \u003cdiv class=\"sc-hero\"\u003e\n\n      \u003cdiv class=\"sc-brand-pill\"\u003e\n\n        \u003cspan class=\"sc-brand-dot\"\u003e\u003c\/span\u003e\n\n        VRRPHA GADGETS SA\n\n      \u003c\/div\u003e\n\n\n      \u003ch1\u003e\n\n        Because Every South African\n        Knows — Your Car Is Your Pride.\n\n      \u003c\/h1\u003e\n\n\n      \u003cp\u003e\n\n        Meet the SwiftClean 360° Rotating Car Wash Mop —\n        designed to make washing your car easier, faster\n        and more comfortable while helping you reach\n        those difficult areas without the awkward stretching.\n\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n\n    \u003c!-- =====================================================\n         PRODUCT SHOWCASE\n    ====================================================== --\u003e\n\n    \u003cdiv class=\"sc-showcase\"\u003e\n\n\n      \u003c!-- PRODUCT VISUAL --\u003e\n\n      \u003cdiv class=\"sc-product-stage\"\u003e\n\n        \u003cdiv class=\"sc-ring sc-ring-1\"\u003e\u003c\/div\u003e\n\n        \u003cdiv class=\"sc-ring sc-ring-2\"\u003e\u003c\/div\u003e\n\n\n        \u003cdiv class=\"sc-floating sc-float-left\"\u003e\n\n          🧼 Ultra-Soft Microfibre\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"sc-floating sc-float-right\"\u003e\n\n          🚗 Built For Your Ride\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"sc-360\"\u003e\n\n          360°\u003cbr\u003e\n          ROTATION\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- CSS PRODUCT --\u003e\n\n        \u003cdiv class=\"sc-mop\"\u003e\n\n          \u003cdiv class=\"sc-grip\"\u003e\u003c\/div\u003e\n\n          \u003cdiv class=\"sc-pole\"\u003e\u003c\/div\u003e\n\n          \u003cdiv class=\"sc-mop-head\"\u003e\u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n      \u003c\/div\u003e\n\n\n\n      \u003c!-- PRODUCT DETAILS --\u003e\n\n      \u003cdiv class=\"sc-details\"\u003e\n\n\n        \u003ch2\u003e\n\n          Wash Smarter.\u003cbr\u003e\n\n          \u003cspan class=\"sc-blue-text\"\u003e\n            Reach Further.\n          \u003c\/span\u003e\n\n        \u003c\/h2\u003e\n\n\n        \u003cp\u003e\n\n          Forget bending, stretching and climbing just to\n          reach the roof of your vehicle. SwiftClean gives\n          you extra reach and a rotating mop head designed\n          to make your car wash easier from start to finish.\n\n        \u003c\/p\u003e\n\n\n\n        \u003cdiv class=\"sc-features\"\u003e\n\n\n          \u003cdiv class=\"sc-feature\"\u003e\n\n            \u003cdiv class=\"sc-feature-icon\"\u003e\n              🔄\n            \u003c\/div\u003e\n\n            \u003cdiv\u003e\n\n              \u003cstrong\u003e\n                360° Rotating Head\n              \u003c\/strong\u003e\n\n              \u003csmall\u003e\n                Moves freely around curves and awkward angles\n              \u003c\/small\u003e\n\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n\n\n          \u003cdiv class=\"sc-feature\"\u003e\n\n            \u003cdiv class=\"sc-feature-icon\"\u003e\n              🧼\n            \u003c\/div\u003e\n\n            \u003cdiv\u003e\n\n              \u003cstrong\u003e\n                Ultra-Soft Chenille Microfibre\n              \u003c\/strong\u003e\n\n              \u003csmall\u003e\n                Designed to lift dirt and grime gently\n              \u003c\/small\u003e\n\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n\n\n          \u003cdiv class=\"sc-feature\"\u003e\n\n            \u003cdiv class=\"sc-feature-icon\"\u003e\n              📏\n            \u003c\/div\u003e\n\n            \u003cdiv\u003e\n\n              \u003cstrong\u003e\n                Extendable 80cm Pole\n              \u003c\/strong\u003e\n\n              \u003csmall\u003e\n                Reach roofs, bonnets and rear windows easier\n              \u003c\/small\u003e\n\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n\n\n          \u003cdiv class=\"sc-feature\"\u003e\n\n            \u003cdiv class=\"sc-feature-icon\"\u003e\n              ↔️\n            \u003c\/div\u003e\n\n            \u003cdiv\u003e\n\n              \u003cstrong\u003e\n                Wide 28cm Mop Head\n              \u003c\/strong\u003e\n\n              \u003csmall\u003e\n                Covers more surface area with every pass\n              \u003c\/small\u003e\n\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n\n\n          \u003cdiv class=\"sc-feature\"\u003e\n\n            \u003cdiv class=\"sc-feature-icon\"\u003e\n                🪶\n            \u003c\/div\u003e\n\n            \u003cdiv\u003e\n\n              \u003cstrong\u003e\n                Lightweight Design\n              \u003c\/strong\u003e\n\n              \u003csmall\u003e\n                Easy to handle for everyday car washing\n              \u003c\/small\u003e\n\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n\n        \u003c\/div\u003e\n\n\n\n        \u003c!-- ANIMATED PERFORMANCE BAR --\u003e\n\n        \u003cdiv class=\"sc-rotation\"\u003e\n\n          \u003cdiv class=\"sc-rotation-top\"\u003e\n\n            \u003cspan class=\"sc-rotation-title\"\u003e\n              360° FLEXIBLE MOVEMENT\n            \u003c\/span\u003e\n\n            \u003cspan class=\"sc-rotation-value\"\u003e\n              EASY REACH\n            \u003c\/span\u003e\n\n          \u003c\/div\u003e\n\n\n          \u003cdiv class=\"sc-progress\"\u003e\n\n            \u003cspan\u003e\u003c\/span\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n\n    \u003c!-- =====================================================\n         BENEFITS\n    ====================================================== --\u003e\n\n    \u003cdiv class=\"sc-benefits\"\u003e\n\n\n      \u003cdiv class=\"sc-benefit\"\u003e\n\n        \u003cdiv class=\"sc-benefit-icon\"\u003e\n          💪\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Less Stretching\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Reach difficult areas without constantly\n          bending, twisting or climbing.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n\n      \u003cdiv class=\"sc-benefit\"\u003e\n\n        \u003cdiv class=\"sc-benefit-icon\"\u003e\n          🫧\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Gentle Cleaning\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Soft chenille microfibre helps lift dirt\n          while being gentle on your vehicle's finish.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n\n      \u003cdiv class=\"sc-benefit\"\u003e\n\n        \u003cdiv class=\"sc-benefit-icon\"\u003e\n          ⚡\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Cover More, Faster\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          The wide 28cm head helps you clean\n          larger areas with fewer passes.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n    \u003c\/div\u003e\n\n\n\n    \u003c!-- =====================================================\n         SOUTH AFRICAN SECTION\n    ====================================================== --\u003e\n\n    \u003cdiv class=\"sc-sa-section\"\u003e\n\n\n      \u003ch2\u003e\n\n        🇿🇦 Built For SA Car Owners\n\n      \u003c\/h2\u003e\n\n\n      \u003cp\u003e\n\n        From dusty Highveld mornings to weekend\n        driveway washes, SwiftClean is made for\n        South Africans who take pride in their ride.\n\n      \u003c\/p\u003e\n\n\n      \u003cdiv class=\"sc-location-grid\"\u003e\n\n\n        \u003cdiv class=\"sc-location\"\u003e\n          🇿🇦 Soweto\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"sc-location\"\u003e\n          🏙️ Sandton\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"sc-location\"\u003e\n          🌊 Bellville\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"sc-location\"\u003e\n          🌴 Ballito\n        \u003c\/div\u003e\n\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n\n    \u003c!-- =====================================================\n         PERFECT FOR\n    ====================================================== --\u003e\n\n    \u003cdiv class=\"sc-perfect\"\u003e\n\n\n      \u003cdiv class=\"sc-perfect-title\"\u003e\n\n        Perfect For Every Car Owner\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"sc-perfect-list\"\u003e\n\n\n        \u003cdiv class=\"sc-perfect-item\"\u003e\n          🚘 Sedans\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"sc-perfect-item\"\u003e\n          🚙 SUVs\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"sc-perfect-item\"\u003e\n          🛻 Bakkies\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"sc-perfect-item\"\u003e\n          🏁 Car Enthusiasts\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"sc-perfect-item\"\u003e\n          🎁 Car Lovers\n        \u003c\/div\u003e\n\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n\n    \u003c!-- =====================================================\n         WHAT'S IN THE BOX\n    ====================================================== --\u003e\n\n    \u003cdiv class=\"sc-box\"\u003e\n\n\n      \u003ch2\u003e\n\n        What's In The Box?\n\n      \u003c\/h2\u003e\n\n\n      \u003cp\u003e\n\n        Everything you need for a more comfortable\n        and convenient car wash.\n\n      \u003c\/p\u003e\n\n\n      \u003cdiv\u003e\n\n\n        \u003cdiv class=\"sc-box-item\"\u003e\n\n          ✓ 1 × SwiftClean 360° Rotating Mop Head\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"sc-box-item\"\u003e\n\n          ✓ 28cm Wide Microfibre Head\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"sc-box-item\"\u003e\n\n          ✓ 1 × Extendable Aluminium Pole\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"sc-box-item\"\u003e\n\n          ✓ Up To 80cm Reach\n\n        \u003c\/div\u003e\n\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n\n    \u003c!-- =====================================================\n         BRAND FOOTER\n    ====================================================== --\u003e\n\n    \u003cdiv class=\"sc-brand-footer\"\u003e\n\n\n      \u003cstrong\u003e\n\n        Proudly brought to you by Vrrpha Gadgets SA 🇿🇦\n\n      \u003c\/strong\u003e\n\n\n      \u003cspan\u003e\n\n        Your ride. Your style. Your gadgets.\n\n      \u003c\/span\u003e\n\n\n    \u003c\/div\u003e\n\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e","brand":"Vrrpha Gadgets SA","offers":[{"title":"Default Title","offer_id":48461053722813,"sku":null,"price":350.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0797\/3588\/1917\/files\/option-2-bold-dramatic.png?v=1789635681","url":"https:\/\/vrrphagadgetssa.co.za\/products\/swiftclean-360-rotating-car-wash-mop","provider":"Vrrpha Gadgets SA","version":"1.0","type":"link"}