{"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","url":"https:\/\/outandaboutofficial.com\/products\/waterproof-phone-pouch","provider":"Out and About","version":"1.0","type":"link"}