{"title":"You Might Also Like!","description":null,"products":[{"product_id":"waterproof-phone-pouch","title":"Waterproof Phone Pouch","description":"\u003cstyle\u003e\n\/* =========================================================\n   OUT \u0026 ABOUT\n   WATERPROOF PHONE POUCH\n   PREMIUM ANIMATED PRODUCT SECTION\n   ========================================================= *\/\n\n.oa-phone {\n  --navy: #062b3a;\n  --deep: #031b25;\n  --blue: #08718a;\n  --aqua: #18c5d3;\n  --gold: #d8aa42;\n  --cream: #fffaf0;\n  --white: #ffffff;\n\n  position: relative;\n  overflow: hidden;\n\n  padding: 80px 20px;\n\n  color: var(--white);\n\n  background:\n    radial-gradient(\n      circle at 12% 15%,\n      rgba(24,197,211,.18),\n      transparent 28%\n    ),\n    radial-gradient(\n      circle at 88% 75%,\n      rgba(216,170,66,.12),\n      transparent 30%\n    ),\n    linear-gradient(\n      135deg,\n      var(--deep),\n      var(--navy) 48%,\n      #073d50\n    );\n\n  font-family: inherit;\n}\n\n\n\/* =========================================================\n   WATER BACKGROUND\n   ========================================================= *\/\n\n.oa-phone-water {\n  position: absolute;\n  inset: 0;\n\n  overflow: hidden;\n\n  pointer-events: none;\n}\n\n\n.oa-phone-water::before,\n.oa-phone-water::after {\n\n  content: \"\";\n\n  position: absolute;\n\n  left: -15%;\n\n  width: 130%;\n  height: 220px;\n\n  border-radius: 50%;\n\n  border:\n    1px solid rgba(255,255,255,.07);\n\n}\n\n\n.oa-phone-water::before {\n\n  top: 12%;\n\n  animation:\n    oaWaterWave 10s ease-in-out infinite;\n\n}\n\n\n.oa-phone-water::after {\n\n  bottom: 5%;\n\n  animation:\n    oaWaterWave 13s ease-in-out infinite reverse;\n\n}\n\n\n@keyframes oaWaterWave {\n\n  0%,100% {\n    transform:\n      translateX(-2%)\n      scaleY(.9);\n  }\n\n  50% {\n    transform:\n      translateX(2%)\n      scaleY(1.2);\n  }\n\n}\n\n\n\/* =========================================================\n   FLOATING DROPLETS\n   ========================================================= *\/\n\n.oa-phone-drop {\n\n  position: absolute;\n\n  width: 7px;\n  height: 7px;\n\n  border-radius: 50%;\n\n  background:\n    rgba(255,255,255,.5);\n\n  box-shadow:\n    0 0 15px\n    rgba(24,197,211,.5);\n\n  animation:\n    oaDrop 8s linear infinite;\n\n}\n\n\n.oa-phone-drop:nth-child(1) {\n  left: 8%;\n  bottom: -10px;\n}\n\n\n.oa-phone-drop:nth-child(2) {\n  left: 25%;\n  bottom: -15px;\n  animation-delay: 2s;\n}\n\n\n.oa-phone-drop:nth-child(3) {\n  left: 52%;\n  bottom: -15px;\n  animation-delay: 4s;\n}\n\n\n.oa-phone-drop:nth-child(4) {\n  left: 78%;\n  bottom: -10px;\n  animation-delay: 1s;\n}\n\n\n.oa-phone-drop:nth-child(5) {\n  left: 92%;\n  bottom: -20px;\n  animation-delay: 3s;\n}\n\n\n@keyframes oaDrop {\n\n  0% {\n    transform:\n      translateY(0)\n      scale(.5);\n\n    opacity: 0;\n  }\n\n  15% {\n    opacity: .7;\n  }\n\n  85% {\n    opacity: .4;\n  }\n\n  100% {\n    transform:\n      translateY(-650px)\n      scale(1);\n\n    opacity: 0;\n  }\n\n}\n\n\n\/* =========================================================\n   CONTAINER\n   ========================================================= *\/\n\n.oa-phone-container {\n\n  position: relative;\n\n  z-index: 5;\n\n  max-width: 1180px;\n\n  margin: auto;\n\n}\n\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n.oa-phone-hero {\n\n  max-width: 850px;\n\n  margin:\n    0 auto 55px;\n\n  text-align: center;\n\n}\n\n\n.oa-phone-eyebrow {\n\n  display: inline-block;\n\n  padding:\n    8px 18px;\n\n  margin-bottom:\n    18px;\n\n  border:\n    1px solid\n    rgba(216,170,66,.5);\n\n  border-radius:\n    50px;\n\n  color:\n    var(--gold);\n\n  font-size:\n    11px;\n\n  font-weight:\n    800;\n\n  letter-spacing:\n    2px;\n\n  text-transform:\n    uppercase;\n\n  background:\n    rgba(255,255,255,.04);\n\n  animation:\n    oaEyebrow 3s ease-in-out infinite;\n\n}\n\n\n@keyframes oaEyebrow {\n\n  0%,100% {\n    box-shadow:\n      0 0 0\n      rgba(216,170,66,0);\n  }\n\n  50% {\n    box-shadow:\n      0 0 25px\n      rgba(216,170,66,.15);\n  }\n\n}\n\n\n.oa-phone-title {\n\n  margin: 0;\n\n  font-size:\n    clamp(38px,6vw,68px);\n\n  line-height:\n    1.02;\n\n  font-weight:\n    850;\n\n  letter-spacing:\n    -2px;\n\n}\n\n\n.oa-phone-title span {\n\n  color:\n    var(--aqua);\n\n}\n\n\n.oa-phone-subtitle {\n\n  max-width:\n    700px;\n\n  margin:\n    22px auto 0;\n\n  color:\n    rgba(255,255,255,.76);\n\n  font-size:\n    clamp(16px,2vw,20px);\n\n  line-height:\n    1.6;\n\n}\n\n\n\/* =========================================================\n   PREMIUM CENTRE EXPERIENCE\n   ========================================================= *\/\n\n.oa-phone-stage {\n\n  position: relative;\n\n  min-height:\n    350px;\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  margin:\n    30px auto 60px;\n\n}\n\n\n.oa-phone-glow {\n\n  position: absolute;\n\n  width:\n    310px;\n\n  height:\n    310px;\n\n  border-radius:\n    50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(24,197,211,.28),\n      rgba(24,197,211,.05) 60%,\n      transparent 70%\n    );\n\n  filter:\n    blur(6px);\n\n  animation:\n    oaGlow 4s ease-in-out infinite;\n\n}\n\n\n@keyframes oaGlow {\n\n  0%,100% {\n    transform:\n      scale(.88);\n\n    opacity:\n      .65;\n  }\n\n  50% {\n    transform:\n      scale(1.12);\n\n    opacity:\n      1;\n  }\n\n}\n\n\n\/* =========================================================\n   RIPPLE RINGS\n   ========================================================= *\/\n\n.oa-phone-ring {\n\n  position: absolute;\n\n  width:\n    180px;\n\n  height:\n    180px;\n\n  border-radius:\n    50%;\n\n  border:\n    1px solid\n    rgba(24,197,211,.35);\n\n  animation:\n    oaRing 5s ease-out infinite;\n\n}\n\n\n.oa-phone-ring:nth-child(2) {\n  animation-delay:\n    1.7s;\n}\n\n\n.oa-phone-ring:nth-child(3) {\n  animation-delay:\n    3.4s;\n}\n\n\n@keyframes oaRing {\n\n  0% {\n    transform:\n      scale(.45);\n\n    opacity:\n      .8;\n  }\n\n  100% {\n    transform:\n      scale(2.5);\n\n    opacity:\n      0;\n  }\n\n}\n\n\n\/* =========================================================\n   CENTRE PRODUCT MESSAGE\n   ========================================================= *\/\n\n.oa-phone-centre {\n\n  position: relative;\n\n  z-index:\n    10;\n\n  width:\n    230px;\n\n  height:\n    230px;\n\n  border-radius:\n    50%;\n\n  display:\n    flex;\n\n  flex-direction:\n    column;\n\n  justify-content:\n    center;\n\n  align-items:\n    center;\n\n  text-align:\n    center;\n\n  background:\n    radial-gradient(\n      circle at 35% 25%,\n      rgba(255,255,255,.15),\n      rgba(255,255,255,.025) 55%\n    );\n\n  border:\n    1px solid\n    rgba(255,255,255,.22);\n\n  box-shadow:\n    0 25px 70px\n    rgba(0,0,0,.35),\n\n    inset 0 0 35px\n    rgba(255,255,255,.04);\n\n  animation:\n    oaCentreFloat 5s ease-in-out infinite;\n\n}\n\n\n@keyframes oaCentreFloat {\n\n  0%,100% {\n    transform:\n      translateY(0);\n  }\n\n  50% {\n    transform:\n      translateY(-11px);\n  }\n\n}\n\n\n.oa-phone-icon {\n\n  font-size:\n    55px;\n\n  margin-bottom:\n    12px;\n\n  filter:\n    drop-shadow(\n      0 6px 12px\n      rgba(0,0,0,.35)\n    );\n\n}\n\n\n.oa-phone-centre strong {\n\n  font-size:\n    18px;\n\n  letter-spacing:\n    1px;\n\n}\n\n\n.oa-phone-centre small {\n\n  margin-top:\n    7px;\n\n  color:\n    rgba(255,255,255,.55);\n\n  font-size:\n    12px;\n\n}\n\n\n\/* =========================================================\n   BENEFITS\n   ========================================================= *\/\n\n.oa-phone-benefits {\n\n  display:\n    grid;\n\n  grid-template-columns:\n    repeat(3,1fr);\n\n  gap:\n    18px;\n\n}\n\n\n.oa-phone-card {\n\n  padding:\n    26px 22px;\n\n  border-radius:\n    18px;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255,255,255,.075),\n      rgba(255,255,255,.025)\n    );\n\n  border:\n    1px solid\n    rgba(255,255,255,.1);\n\n  backdrop-filter:\n    blur(10px);\n\n  transition:\n    transform .3s ease,\n    border-color .3s ease,\n    box-shadow .3s ease;\n\n}\n\n\n.oa-phone-card:hover {\n\n  transform:\n    translateY(-8px);\n\n  border-color:\n    rgba(24,197,211,.45);\n\n  box-shadow:\n    0 20px 45px\n    rgba(0,0,0,.25);\n\n}\n\n\n.oa-phone-card-icon {\n\n  width:\n    50px;\n\n  height:\n    50px;\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  margin-bottom:\n    16px;\n\n  border-radius:\n    14px;\n\n  background:\n    rgba(24,197,211,.12);\n\n  border:\n    1px solid\n    rgba(24,197,211,.2);\n\n  font-size:\n    25px;\n\n  transition:\n    transform .3s ease;\n\n}\n\n\n.oa-phone-card:hover\n.oa-phone-card-icon {\n\n  transform:\n    scale(1.1)\n    rotate(-5deg);\n\n}\n\n\n.oa-phone-card h3 {\n\n  margin:\n    0 0 8px;\n\n  font-size:\n    18px;\n\n  font-weight:\n    800;\n\n}\n\n\n.oa-phone-card p {\n\n  margin:\n    0;\n\n  color:\n    rgba(255,255,255,.64);\n\n  font-size:\n    14px;\n\n  line-height:\n    1.55;\n\n}\n\n\n\/* =========================================================\n   ADVENTURE STRIP\n   ========================================================= *\/\n\n.oa-phone-adventures {\n\n  display:\n    grid;\n\n  grid-template-columns:\n    repeat(6,1fr);\n\n  gap:\n    10px;\n\n  margin:\n    55px 0;\n\n}\n\n\n.oa-phone-adventure {\n\n  padding:\n    18px 8px;\n\n  text-align:\n    center;\n\n  border-radius:\n    14px;\n\n  background:\n    rgba(0,0,0,.14);\n\n  border:\n    1px solid\n    rgba(255,255,255,.07);\n\n  transition:\n    transform .3s ease,\n    background .3s ease;\n\n}\n\n\n.oa-phone-adventure:hover {\n\n  transform:\n    translateY(-5px);\n\n  background:\n    rgba(24,197,211,.08);\n\n}\n\n\n.oa-phone-adventure-icon {\n\n  display:\n    block;\n\n  font-size:\n    25px;\n\n  margin-bottom:\n    8px;\n\n}\n\n\n.oa-phone-adventure strong {\n\n  font-size:\n    11px;\n\n  letter-spacing:\n    .4px;\n\n}\n\n\n\/* =========================================================\n   CAPTURE MOMENT\n   ========================================================= *\/\n\n.oa-phone-capture {\n\n  position:\n    relative;\n\n  max-width:\n    850px;\n\n  margin:\n    70px auto;\n\n  padding:\n    42px 30px;\n\n  text-align:\n    center;\n\n  border-radius:\n    24px;\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(24,197,211,.12),\n      rgba(255,255,255,.035)\n    );\n\n  border:\n    1px solid\n    rgba(24,197,211,.18);\n\n  overflow:\n    hidden;\n\n}\n\n\n.oa-phone-capture::before {\n\n  content:\n    \"\";\n\n  position:\n    absolute;\n\n  width:\n    180px;\n\n  height:\n    180px;\n\n  border-radius:\n    50%;\n\n  background:\n    rgba(24,197,211,.08);\n\n  filter:\n    blur(20px);\n\n  top:\n    -80px;\n\n  right:\n    -50px;\n\n}\n\n\n.oa-phone-capture h2 {\n\n  position:\n    relative;\n\n  margin:\n    0;\n\n  font-size:\n    clamp(27px,4vw,40px);\n\n  line-height:\n    1.15;\n\n}\n\n\n.oa-phone-capture h2 span {\n\n  color:\n    var(--gold);\n\n}\n\n\n.oa-phone-capture p {\n\n  position:\n    relative;\n\n  max-width:\n    650px;\n\n  margin:\n    15px auto 0;\n\n  color:\n    rgba(255,255,255,.65);\n\n  line-height:\n    1.6;\n\n}\n\n\n\/* =========================================================\n   CTA\n   ========================================================= *\/\n\n.oa-phone-cta {\n\n  text-align:\n    center;\n\n  max-width:\n    700px;\n\n  margin:\n    60px auto 0;\n\n}\n\n\n.oa-phone-cta h2 {\n\n  margin:\n    0;\n\n  font-size:\n    clamp(28px,4vw,43px);\n\n  line-height:\n    1.15;\n\n}\n\n\n.oa-phone-cta h2 span {\n\n  color:\n    var(--aqua);\n\n}\n\n\n.oa-phone-cta p {\n\n  margin:\n    16px auto 28px;\n\n  color:\n    rgba(255,255,255,.66);\n\n  font-size:\n    16px;\n\n  line-height:\n    1.6;\n\n}\n\n\n.oa-phone-button {\n\n  display:\n    inline-flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  padding:\n    15px 32px;\n\n  border-radius:\n    50px;\n\n  background:\n    linear-gradient(\n      135deg,\n      var(--gold),\n      #efc75d\n    );\n\n  color:\n    #13232a !important;\n\n  text-decoration:\n    none !important;\n\n  font-size:\n    15px;\n\n  font-weight:\n    850;\n\n  box-shadow:\n    0 12px 30px\n    rgba(216,170,66,.2);\n\n  transition:\n    transform .25s ease,\n    box-shadow .25s ease;\n\n}\n\n\n.oa-phone-button:hover {\n\n  transform:\n    translateY(-4px);\n\n  box-shadow:\n    0 18px 40px\n    rgba(216,170,66,.35);\n\n}\n\n\n\/* =========================================================\n   BRAND FOOTER\n   ========================================================= *\/\n\n.oa-phone-footer {\n\n  margin-top:\n    65px;\n\n  padding-top:\n    25px;\n\n  text-align:\n    center;\n\n  border-top:\n    1px solid\n    rgba(255,255,255,.08);\n\n}\n\n\n.oa-phone-footer strong {\n\n  display:\n    block;\n\n  color:\n    var(--gold);\n\n  font-size:\n    13px;\n\n  letter-spacing:\n    3px;\n\n}\n\n\n.oa-phone-footer span {\n\n  display:\n    block;\n\n  margin-top:\n    7px;\n\n  color:\n    rgba(255,255,255,.42);\n\n  font-size:\n    11px;\n\n  letter-spacing:\n    1px;\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media(max-width:900px) {\n\n  .oa-phone-benefits {\n\n    grid-template-columns:\n      repeat(2,1fr);\n\n  }\n\n  .oa-phone-adventures {\n\n    grid-template-columns:\n      repeat(3,1fr);\n\n  }\n\n}\n\n\n@media(max-width:600px) {\n\n  .oa-phone {\n\n    padding:\n      55px 18px;\n\n  }\n\n  .oa-phone-benefits {\n\n    grid-template-columns:\n      1fr;\n\n  }\n\n  .oa-phone-adventures {\n\n    grid-template-columns:\n      repeat(2,1fr);\n\n  }\n\n  .oa-phone-title {\n\n    font-size:\n      38px;\n\n    letter-spacing:\n      -1px;\n\n  }\n\n  .oa-phone-stage {\n\n    min-height:\n      300px;\n\n  }\n\n  .oa-phone-centre {\n\n    width:\n      190px;\n\n    height:\n      190px;\n\n  }\n\n  .oa-phone-icon {\n\n    font-size:\n      44px;\n\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n   ========================================================= *\/\n\n@media(max-width:380px) {\n\n  .oa-phone-adventures {\n\n    grid-template-columns:\n      repeat(2,1fr);\n\n  }\n\n  .oa-phone-card {\n\n    padding:\n      22px 18px;\n\n  }\n\n}\n\u003c\/style\u003e\n\n\n\u003csection class=\"oa-phone\"\u003e\n\n  \u003c!-- WATER EFFECT --\u003e\n\n  \u003cdiv class=\"oa-phone-water\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"oa-phone-drop\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"oa-phone-drop\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"oa-phone-drop\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"oa-phone-drop\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"oa-phone-drop\"\u003e\u003c\/div\u003e\n\n\n  \u003cdiv class=\"oa-phone-container\"\u003e\n\n\n    \u003c!-- HERO --\u003e\n\n    \u003cdiv class=\"oa-phone-hero\"\u003e\n\n      \u003cdiv class=\"oa-phone-eyebrow\"\u003e\n        OUT \u0026amp; ABOUT\n      \u003c\/div\u003e\n\n      \u003ch1 class=\"oa-phone-title\"\u003e\n\n        Don't Leave Your Phone\n        \u003cspan\u003eBehind.\u003c\/span\u003e\n\n      \u003c\/h1\u003e\n\n      \u003cp class=\"oa-phone-subtitle\"\u003e\n\n        Whether you're heading to the pool, beach,\n        on holiday or out on the water, keep your\n        phone close while you enjoy the adventure.\n\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- ANIMATED CENTRE --\u003e\n\n    \u003cdiv class=\"oa-phone-stage\"\u003e\n\n      \u003cdiv class=\"oa-phone-glow\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"oa-phone-ring\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"oa-phone-ring\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"oa-phone-ring\"\u003e\u003c\/div\u003e\n\n\n      \u003cdiv class=\"oa-phone-centre\"\u003e\n\n        \u003cdiv class=\"oa-phone-icon\"\u003e\n          📱💦\n        \u003c\/div\u003e\n\n        \u003cstrong\u003e\n          Water Ready\n        \u003c\/strong\u003e\n\n        \u003csmall\u003e\n          Keep your phone close\n        \u003c\/small\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- BENEFITS --\u003e\n\n    \u003cdiv class=\"oa-phone-benefits\"\u003e\n\n\n      \u003cdiv class=\"oa-phone-card\"\u003e\n\n        \u003cdiv class=\"oa-phone-card-icon\"\u003e\n          💦\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Water Protection\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Helps protect your phone from water,\n          splashes and moisture while you're\n          enjoying the outdoors.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"oa-phone-card\"\u003e\n\n        \u003cdiv class=\"oa-phone-card-icon\"\u003e\n          📱\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Clear Touchscreen\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Use your phone through the transparent\n          protective screen to check messages,\n          take photos and stay connected.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"oa-phone-card\"\u003e\n\n        \u003cdiv class=\"oa-phone-card-icon\"\u003e\n          🛡️\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Protective Design\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          A thickened design made for everyday\n          use around water and outdoor adventures.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"oa-phone-card\"\u003e\n\n        \u003cdiv class=\"oa-phone-card-icon\"\u003e\n          🎒\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Lanyard Included\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Keep your phone close and reduce the\n          risk of dropping or losing it while\n          you're on the move.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"oa-phone-card\"\u003e\n\n        \u003cdiv class=\"oa-phone-card-icon\"\u003e\n          🏖️\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Adventure Ready\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Ideal for swimming, beach days,\n          water parks, kayaking, boating\n          and rainy days.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"oa-phone-card\"\u003e\n\n        \u003cdiv class=\"oa-phone-card-icon\"\u003e\n          📸\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Capture the Moment\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Take your phone into the action instead\n          of leaving it behind with your belongings.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- ADVENTURE STRIP --\u003e\n\n    \u003cdiv class=\"oa-phone-adventures\"\u003e\n\n\n      \u003cdiv class=\"oa-phone-adventure\"\u003e\n\n        \u003cspan class=\"oa-phone-adventure-icon\"\u003e\n          🏊\n        \u003c\/span\u003e\n\n        \u003cstrong\u003e\n          SWIMMING\n        \u003c\/strong\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"oa-phone-adventure\"\u003e\n\n        \u003cspan class=\"oa-phone-adventure-icon\"\u003e\n          🏖️\n        \u003c\/span\u003e\n\n        \u003cstrong\u003e\n          BEACH\n        \u003c\/strong\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"oa-phone-adventure\"\u003e\n\n        \u003cspan class=\"oa-phone-adventure-icon\"\u003e\n          🛶\n        \u003c\/span\u003e\n\n        \u003cstrong\u003e\n          KAYAKING\n        \u003c\/strong\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"oa-phone-adventure\"\u003e\n\n        \u003cspan class=\"oa-phone-adventure-icon\"\u003e\n          🌊\n        \u003c\/span\u003e\n\n        \u003cstrong\u003e\n          WATER PARK\n        \u003c\/strong\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"oa-phone-adventure\"\u003e\n\n        \u003cspan class=\"oa-phone-adventure-icon\"\u003e\n          🚤\n        \u003c\/span\u003e\n\n        \u003cstrong\u003e\n          BOATING\n        \u003c\/strong\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"oa-phone-adventure\"\u003e\n\n        \u003cspan class=\"oa-phone-adventure-icon\"\u003e\n          ☔\n        \u003c\/span\u003e\n\n        \u003cstrong\u003e\n          RAINY DAYS\n        \u003c\/strong\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- CAPTURE MOMENT --\u003e\n\n    \u003cdiv class=\"oa-phone-capture\"\u003e\n\n      \u003ch2\u003e\n\n        Don't miss the moment.\n        \u003cspan\u003eCapture it.\u003c\/span\u003e\n\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n\n        From poolside laughs to beach adventures,\n        keep your phone close enough to capture\n        the moments you don't want to forget.\n\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- CTA --\u003e\n\n    \u003cdiv class=\"oa-phone-cta\"\u003e\n\n      \u003ch2\u003e\n\n        Wherever you're going,\n        \u003cspan\u003etake your phone with you.\u003c\/span\u003e\n\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n\n        Enjoy the water, explore more and stay\n        connected without leaving your phone\n        behind.\n\n      \u003c\/p\u003e\n\n\n      \u003ca href=\"#\" class=\"oa-phone-button\" onclick=\"\n          const btn =\n          document.querySelector(\n            'form[action*=cart] button[type=submit], button[name=add]'\n          );\n\n          if(btn) btn.click();\n\n          return false;\n        \"\u003e\n\n        Get Your Waterproof Phone Pouch →\n\n      \u003c\/a\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- BRAND --\u003e\n\n    \u003cdiv class=\"oa-phone-footer\"\u003e\n\n      \u003cstrong\u003e\n        OUT \u0026amp; ABOUT\n      \u003c\/strong\u003e\n\n      \u003cspan\u003e\n        GEAR FOR LIFE OUTSIDE.\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e","brand":"Out and About","offers":[{"title":"Default Title","offer_id":48943793766502,"sku":null,"price":249.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2077\/3222\/files\/ChatGPTImageSep24_2026_06_14_59PM.png?v=1790266510"},{"product_id":"combo-waterproof-waist-bag-phone-pouch-set","title":"Combo Waterproof Waist Bag \u0026 Phone Pouch Set","description":"\u003cstyle\u003e\n\/* =========================================================\n   OUT \u0026 ABOUT\n   WATERPROOF WAIST BAG + PHONE POUCH SET\n   PREMIUM ANIMATED PRODUCT SECTION\n   ========================================================= *\/\n\n.oa-combo {\n  --navy: #062b3a;\n  --deep: #041d28;\n  --blue: #08718a;\n  --aqua: #16c2d0;\n  --gold: #d8aa42;\n  --cream: #fffaf0;\n  --white: #ffffff;\n\n  position: relative;\n  overflow: hidden;\n  padding: 75px 20px;\n  color: var(--white);\n\n  background:\n    radial-gradient(\n      circle at 15% 15%,\n      rgba(22,194,208,.18),\n      transparent 28%\n    ),\n    radial-gradient(\n      circle at 85% 75%,\n      rgba(216,170,66,.13),\n      transparent 30%\n    ),\n    linear-gradient(\n      135deg,\n      var(--deep),\n      var(--navy) 50%,\n      #073c4e\n    );\n\n  font-family: inherit;\n}\n\n\n\/* =========================================================\n   WATER EFFECT\n   ========================================================= *\/\n\n.oa-combo-water {\n  position: absolute;\n  inset: 0;\n  overflow: hidden;\n  pointer-events: none;\n}\n\n.oa-combo-water span {\n  position: absolute;\n  display: block;\n  border: 1px solid rgba(255,255,255,.08);\n  border-radius: 50%;\n  animation: comboWave 10s linear infinite;\n}\n\n.oa-combo-water span:nth-child(1) {\n  width: 500px;\n  height: 500px;\n  left: -180px;\n  top: 15%;\n}\n\n.oa-combo-water span:nth-child(2) {\n  width: 700px;\n  height: 700px;\n  right: -300px;\n  bottom: -300px;\n  animation-delay: 2s;\n}\n\n.oa-combo-water span:nth-child(3) {\n  width: 300px;\n  height: 300px;\n  left: 45%;\n  top: 40%;\n  animation-delay: 4s;\n}\n\n@keyframes comboWave {\n  0% {\n    transform: scale(.8);\n    opacity: 0;\n  }\n\n  25% {\n    opacity: .35;\n  }\n\n  100% {\n    transform: scale(1.5);\n    opacity: 0;\n  }\n}\n\n\n\/* =========================================================\n   FLOATING DROPLETS\n   ========================================================= *\/\n\n.oa-drop {\n  position: absolute;\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: rgba(255,255,255,.55);\n  box-shadow: 0 0 12px rgba(22,194,208,.5);\n  animation: dropFloat 8s linear infinite;\n}\n\n.oa-drop:nth-child(1) {\n  left: 12%;\n  bottom: -10px;\n}\n\n.oa-drop:nth-child(2) {\n  left: 30%;\n  bottom: -20px;\n  animation-delay: 2s;\n}\n\n.oa-drop:nth-child(3) {\n  left: 65%;\n  bottom: -20px;\n  animation-delay: 4s;\n}\n\n.oa-drop:nth-child(4) {\n  left: 88%;\n  bottom: -10px;\n  animation-delay: 1s;\n}\n\n@keyframes dropFloat {\n\n  0% {\n    transform: translateY(0);\n    opacity: 0;\n  }\n\n  15% {\n    opacity: .7;\n  }\n\n  85% {\n    opacity: .4;\n  }\n\n  100% {\n    transform: translateY(-600px);\n    opacity: 0;\n  }\n\n}\n\n\n\/* =========================================================\n   MAIN CONTAINER\n   ========================================================= *\/\n\n.oa-combo-container {\n  position: relative;\n  z-index: 3;\n  max-width: 1180px;\n  margin: auto;\n}\n\n\n\/* =========================================================\n   EYEBROW\n   ========================================================= *\/\n\n.oa-combo-eyebrow {\n  display: inline-block;\n  padding: 8px 18px;\n  margin-bottom: 18px;\n\n  border: 1px solid rgba(216,170,66,.5);\n  border-radius: 50px;\n\n  color: var(--gold);\n\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n\n  background: rgba(255,255,255,.04);\n\n  animation: eyebrowGlow 3s ease-in-out infinite;\n}\n\n@keyframes eyebrowGlow {\n\n  0%,100% {\n    box-shadow: 0 0 0 rgba(216,170,66,0);\n  }\n\n  50% {\n    box-shadow: 0 0 20px rgba(216,170,66,.15);\n  }\n\n}\n\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n.oa-combo-hero {\n  max-width: 850px;\n  margin: auto;\n  text-align: center;\n}\n\n.oa-combo-title {\n  margin: 0;\n\n  font-size: clamp(38px, 6vw, 68px);\n  line-height: 1.02;\n  font-weight: 850;\n\n  letter-spacing: -2px;\n}\n\n.oa-combo-title span {\n  color: var(--aqua);\n}\n\n.oa-combo-subtitle {\n  max-width: 720px;\n  margin: 22px auto 0;\n\n  color: rgba(255,255,255,.76);\n\n  font-size: clamp(16px, 2vw, 20px);\n  line-height: 1.6;\n}\n\n\n\/* =========================================================\n   PRODUCT SHOWCASE\n   ========================================================= *\/\n\n.oa-combo-showcase {\n  position: relative;\n\n  min-height: 300px;\n\n  margin: 55px auto;\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n\n\/* Glowing centre *\/\n\n.oa-combo-glow {\n  position: absolute;\n\n  width: 270px;\n  height: 270px;\n\n  border-radius: 50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(22,194,208,.25),\n      rgba(22,194,208,.03) 65%,\n      transparent 70%\n    );\n\n  filter: blur(5px);\n\n  animation: comboGlow 4s ease-in-out infinite;\n}\n\n@keyframes comboGlow {\n\n  0%,100% {\n    transform: scale(.9);\n  }\n\n  50% {\n    transform: scale(1.12);\n  }\n\n}\n\n\n\/* Rings *\/\n\n.oa-combo-ring {\n  position: absolute;\n\n  width: 170px;\n  height: 170px;\n\n  border-radius: 50%;\n\n  border: 1px solid rgba(22,194,208,.35);\n\n  animation: comboRing 5s ease-out infinite;\n}\n\n.oa-combo-ring:nth-child(2) {\n  animation-delay: 1.6s;\n}\n\n.oa-combo-ring:nth-child(3) {\n  animation-delay: 3.2s;\n}\n\n@keyframes comboRing {\n\n  0% {\n    transform: scale(.5);\n    opacity: .8;\n  }\n\n  100% {\n    transform: scale(2.4);\n    opacity: 0;\n  }\n\n}\n\n\n\/* Centre message *\/\n\n.oa-combo-centre {\n  position: relative;\n  z-index: 5;\n\n  width: 220px;\n  height: 220px;\n\n  border-radius: 50%;\n\n  display: flex;\n  flex-direction: column;\n\n  justify-content: center;\n  align-items: center;\n\n  text-align: center;\n\n  background:\n    radial-gradient(\n      circle at 35% 25%,\n      rgba(255,255,255,.14),\n      rgba(255,255,255,.03) 55%\n    );\n\n  border: 1px solid rgba(255,255,255,.2);\n\n  box-shadow:\n    0 25px 70px rgba(0,0,0,.3),\n    inset 0 0 30px rgba(255,255,255,.04);\n\n  animation: comboFloat 5s ease-in-out infinite;\n}\n\n@keyframes comboFloat {\n\n  0%,100% {\n    transform: translateY(0);\n  }\n\n  50% {\n    transform: translateY(-10px);\n  }\n\n}\n\n.oa-combo-icon {\n  font-size: 48px;\n  margin-bottom: 12px;\n\n  filter:\n    drop-shadow(0 6px 10px rgba(0,0,0,.3));\n}\n\n.oa-combo-centre strong {\n  font-size: 18px;\n  letter-spacing: 1px;\n}\n\n.oa-combo-centre small {\n  margin-top: 7px;\n\n  color: rgba(255,255,255,.55);\n\n  font-size: 12px;\n}\n\n\n\/* =========================================================\n   BENEFIT CARDS\n   ========================================================= *\/\n\n.oa-combo-benefits {\n  display: grid;\n\n  grid-template-columns:\n    repeat(3, 1fr);\n\n  gap: 18px;\n\n  margin-top: 50px;\n}\n\n\n.oa-combo-card {\n  position: relative;\n\n  padding: 25px 22px;\n\n  border-radius: 18px;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255,255,255,.07),\n      rgba(255,255,255,.025)\n    );\n\n  border: 1px solid rgba(255,255,255,.1);\n\n  backdrop-filter: blur(10px);\n\n  transition:\n    transform .3s ease,\n    border-color .3s ease,\n    box-shadow .3s ease;\n}\n\n.oa-combo-card:hover {\n\n  transform:\n    translateY(-8px);\n\n  border-color:\n    rgba(22,194,208,.45);\n\n  box-shadow:\n    0 20px 45px rgba(0,0,0,.2);\n}\n\n\n.oa-combo-card-icon {\n\n  width: 48px;\n  height: 48px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  margin-bottom: 16px;\n\n  border-radius: 14px;\n\n  background:\n    rgba(22,194,208,.12);\n\n  border:\n    1px solid rgba(22,194,208,.22);\n\n  font-size: 24px;\n\n  transition:\n    transform .3s ease;\n}\n\n.oa-combo-card:hover\n.oa-combo-card-icon {\n\n  transform:\n    rotate(-6deg)\n    scale(1.08);\n}\n\n\n.oa-combo-card h3 {\n\n  margin: 0 0 8px;\n\n  font-size: 18px;\n\n  font-weight: 800;\n}\n\n\n.oa-combo-card p {\n\n  margin: 0;\n\n  color:\n    rgba(255,255,255,.64);\n\n  font-size: 14px;\n\n  line-height: 1.55;\n}\n\n\n\/* =========================================================\n   FEATURE BAR\n   ========================================================= *\/\n\n.oa-combo-features {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(4, 1fr);\n\n  gap: 12px;\n\n  margin-top: 55px;\n}\n\n\n.oa-combo-feature {\n\n  padding: 20px 14px;\n\n  text-align: center;\n\n  border-radius: 14px;\n\n  background:\n    rgba(0,0,0,.15);\n\n  border:\n    1px solid rgba(255,255,255,.08);\n\n  transition:\n    transform .3s ease;\n}\n\n.oa-combo-feature:hover {\n\n  transform:\n    translateY(-5px);\n}\n\n\n.oa-combo-feature-icon {\n\n  display: block;\n\n  font-size: 26px;\n\n  margin-bottom: 8px;\n}\n\n\n.oa-combo-feature strong {\n\n  display: block;\n\n  font-size: 13px;\n}\n\n\n.oa-combo-feature span {\n\n  display: block;\n\n  margin-top: 5px;\n\n  color:\n    rgba(255,255,255,.48);\n\n  font-size: 11px;\n}\n\n\n\/* =========================================================\n   CTA\n   ========================================================= *\/\n\n.oa-combo-cta {\n\n  max-width: 720px;\n\n  margin:\n    65px auto 0;\n\n  text-align: center;\n}\n\n\n.oa-combo-cta h2 {\n\n  margin: 0;\n\n  font-size:\n    clamp(28px, 4vw, 43px);\n\n  line-height: 1.15;\n}\n\n\n.oa-combo-cta h2 span {\n\n  color:\n    var(--gold);\n}\n\n\n.oa-combo-cta p {\n\n  margin: 16px auto 28px;\n\n  color:\n    rgba(255,255,255,.68);\n\n  line-height: 1.6;\n\n  font-size: 16px;\n}\n\n\n.oa-combo-button {\n\n  display: inline-flex;\n\n  align-items: center;\n  justify-content: center;\n\n  padding:\n    15px 32px;\n\n  border-radius:\n    50px;\n\n  background:\n    linear-gradient(\n      135deg,\n      var(--gold),\n      #efc75d\n    );\n\n  color:\n    #13232a !important;\n\n  text-decoration:\n    none !important;\n\n  font-size:\n    15px;\n\n  font-weight:\n    850;\n\n  box-shadow:\n    0 12px 30px\n    rgba(216,170,66,.2);\n\n  transition:\n    transform .25s ease,\n    box-shadow .25s ease;\n}\n\n\n.oa-combo-button:hover {\n\n  transform:\n    translateY(-4px);\n\n  box-shadow:\n    0 18px 40px\n    rgba(216,170,66,.35);\n}\n\n\n\/* =========================================================\n   BRAND FOOTER\n   ========================================================= *\/\n\n.oa-combo-footer {\n\n  margin-top: 60px;\n\n  padding-top: 25px;\n\n  text-align: center;\n\n  border-top:\n    1px solid rgba(255,255,255,.08);\n}\n\n\n.oa-combo-footer strong {\n\n  display: block;\n\n  color:\n    var(--gold);\n\n  font-size:\n    13px;\n\n  letter-spacing:\n    3px;\n}\n\n\n.oa-combo-footer span {\n\n  display: block;\n\n  margin-top: 7px;\n\n  color:\n    rgba(255,255,255,.42);\n\n  font-size:\n    11px;\n\n  letter-spacing:\n    1px;\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media(max-width:850px) {\n\n  .oa-combo {\n    padding:\n      55px 18px;\n  }\n\n  .oa-combo-benefits {\n\n    grid-template-columns:\n      1fr;\n  }\n\n  .oa-combo-features {\n\n    grid-template-columns:\n      repeat(2,1fr);\n  }\n\n}\n\n\n@media(max-width:480px) {\n\n  .oa-combo-title {\n\n    font-size:\n      38px;\n\n    letter-spacing:\n      -1px;\n  }\n\n  .oa-combo-centre {\n\n    width:\n      185px;\n\n    height:\n      185px;\n  }\n\n  .oa-combo-icon {\n\n    font-size:\n      42px;\n  }\n\n  .oa-combo-feature {\n\n    padding:\n      17px 9px;\n  }\n\n}\n\u003c\/style\u003e\n\n\n\u003csection class=\"oa-combo\"\u003e\n\n  \u003c!-- Animated background --\u003e\n\n  \u003cdiv class=\"oa-combo-water\"\u003e\n    \u003cspan\u003e\u003c\/span\u003e\n    \u003cspan\u003e\u003c\/span\u003e\n    \u003cspan\u003e\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"oa-drop\" style=\"left:12%;\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"oa-drop\" style=\"left:30%; animation-delay:2s;\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"oa-drop\" style=\"left:65%; animation-delay:4s;\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"oa-drop\" style=\"left:88%; animation-delay:1s;\"\u003e\u003c\/div\u003e\n\n\n  \u003cdiv class=\"oa-combo-container\"\u003e\n\n\n    \u003c!-- HERO --\u003e\n\n    \u003cdiv class=\"oa-combo-hero\"\u003e\n\n      \u003cdiv class=\"oa-combo-eyebrow\"\u003e\n        OUT \u0026amp; ABOUT\n      \u003c\/div\u003e\n\n      \u003ch1 class=\"oa-combo-title\"\u003e\n\n        Take Your Adventures\n        \u003cspan\u003eFurther.\u003c\/span\u003e\n\n      \u003c\/h1\u003e\n\n      \u003cp class=\"oa-combo-subtitle\"\u003e\n\n        One set. Two ways to carry.\n        More freedom to enjoy the water.\n\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- ANIMATED PRODUCT STAGE --\u003e\n\n    \u003cdiv class=\"oa-combo-showcase\"\u003e\n\n      \u003cdiv class=\"oa-combo-glow\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"oa-combo-ring\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"oa-combo-ring\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"oa-combo-ring\"\u003e\u003c\/div\u003e\n\n\n      \u003cdiv class=\"oa-combo-centre\"\u003e\n\n        \u003cdiv class=\"oa-combo-icon\"\u003e\n          🎒🌊\n        \u003c\/div\u003e\n\n        \u003cstrong\u003e\n          Adventure Ready\n        \u003c\/strong\u003e\n\n        \u003csmall\u003e\n          Keep your essentials close\n        \u003c\/small\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- BENEFITS --\u003e\n\n    \u003cdiv class=\"oa-combo-benefits\"\u003e\n\n\n      \u003cdiv class=\"oa-combo-card\"\u003e\n\n        \u003cdiv class=\"oa-combo-card-icon\"\u003e\n          💦\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Water-Ready Protection\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Helps protect your phone and valuables\n          from water and splashes while you enjoy\n          the outdoors.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"oa-combo-card\"\u003e\n\n        \u003cdiv class=\"oa-combo-card-icon\"\u003e\n          📱\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Keep Your Phone Close\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          The clear phone pouch keeps your phone\n          visible and accessible while helping\n          protect it.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"oa-combo-card\"\u003e\n\n        \u003cdiv class=\"oa-combo-card-icon\"\u003e\n          🎒\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Carry Your Essentials\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Keep small valuables close with the\n          convenient waterproof waist bag.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"oa-combo-card\"\u003e\n\n        \u003cdiv class=\"oa-combo-card-icon\"\u003e\n          🏖️\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Built for Adventures\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Perfect for beach days, swimming,\n          snorkelling, kayaking and water parks.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"oa-combo-card\"\u003e\n\n        \u003cdiv class=\"oa-combo-card-icon\"\u003e\n          🔒\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Secure Closure\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Designed to keep your belongings safely\n          inside while you're moving and exploring.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"oa-combo-card\"\u003e\n\n        \u003cdiv class=\"oa-combo-card-icon\"\u003e\n          🌴\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Freedom to Explore\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Take your essentials with you and spend\n          less time worrying about where to leave them.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- FEATURE STRIP --\u003e\n\n    \u003cdiv class=\"oa-combo-features\"\u003e\n\n\n      \u003cdiv class=\"oa-combo-feature\"\u003e\n\n        \u003cspan class=\"oa-combo-feature-icon\"\u003e\n          💧\n        \u003c\/span\u003e\n\n        \u003cstrong\u003e\n          Water Ready\n        \u003c\/strong\u003e\n\n        \u003cspan\u003e\n          Designed for wet adventures\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"oa-combo-feature\"\u003e\n\n        \u003cspan class=\"oa-combo-feature-icon\"\u003e\n          📱\n        \u003c\/span\u003e\n\n        \u003cstrong\u003e\n          Phone Friendly\n        \u003c\/strong\u003e\n\n        \u003cspan\u003e\n          Clear viewing window\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"oa-combo-feature\"\u003e\n\n        \u003cspan class=\"oa-combo-feature-icon\"\u003e\n          🎒\n        \u003c\/span\u003e\n\n        \u003cstrong\u003e\n          Hands Free\n        \u003c\/strong\u003e\n\n        \u003cspan\u003e\n          Keep essentials close\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"oa-combo-feature\"\u003e\n\n        \u003cspan class=\"oa-combo-feature-icon\"\u003e\n          🌊\n        \u003c\/span\u003e\n\n        \u003cstrong\u003e\n          Adventure Ready\n        \u003c\/strong\u003e\n\n        \u003cspan\u003e\n          Beach, pool \u0026amp; travel\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- CTA --\u003e\n\n    \u003cdiv class=\"oa-combo-cta\"\u003e\n\n      \u003ch2\u003e\n\n        Don't leave your essentials behind.\n        \u003cspan\u003eTake them with you.\u003c\/span\u003e\n\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n\n        Keep your phone and valuables close\n        while you enjoy the water, the beach\n        and everything your next adventure brings.\n\n      \u003c\/p\u003e\n\n      \u003ca href=\"#\" class=\"oa-combo-button\" onclick=\"\n          const btn =\n          document.querySelector(\n            'form[action*=cart] button[type=submit], button[name=add]'\n          );\n\n          if(btn) btn.click();\n\n          return false;\n        \"\u003e\n\n        Get Your Waterproof Set →\n\n      \u003c\/a\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- BRAND --\u003e\n\n    \u003cdiv class=\"oa-combo-footer\"\u003e\n\n      \u003cstrong\u003e\n        OUT \u0026amp; ABOUT\n      \u003c\/strong\u003e\n\n      \u003cspan\u003e\n        GEAR FOR LIFE OUTSIDE.\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e","brand":"Out and About","offers":[{"title":"Default Title","offer_id":48943854125158,"sku":null,"price":349.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/2077\/3222\/files\/ChatGPT_Image_Sep_24_2026_06_45_53_PM.png?v=1790268379"}],"url":"https:\/\/outandaboutofficial.com\/collections\/you-might-also-like.oembed","provider":"Out and About","version":"1.0","type":"link"}