{"product_id":"ocean-wave-cap","title":"Ocean Wave Cap","description":"\u003c!-- BRAAIS \u0026 BIKINIS — BEACH BACKGROUND MATCHED SECTION --\u003e\n\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800\u0026family=Caveat:wght@400;700\u0026display=swap');\n\n#ocean-wave-cap-premium {\n    font-family: 'Poppins', sans-serif;\n    background: linear-gradient(160deg, #f4f4f4 0%, #ececec 40%, #f8f8f8 100%);\n    color: #2c1a0e;\n    padding: 90px 40px;\n    border-radius: 34px;\n    overflow: hidden;\n    position: relative;\n    box-shadow: 0 20px 60px rgba(180,130,80,0.12);\n}\n\n#ocean-wave-cap-premium::before {\n    content: \"\";\n    position: absolute;\n    width: 650px;\n    height: 650px;\n    background: radial-gradient(circle, rgba(45,138,122,0.14) 0%, transparent 70%);\n    top: -280px;\n    right: -220px;\n    animation: glowFloat 9s ease-in-out infinite;\n}\n\n#ocean-wave-cap-premium::after {\n    content: \"\";\n    position: absolute;\n    width: 500px;\n    height: 500px;\n    background: radial-gradient(circle, rgba(234,141,120,0.15) 0%, transparent 70%);\n    bottom: -220px;\n    left: -180px;\n    animation: glowFloat 12s ease-in-out infinite;\n}\n\n@keyframes glowFloat {\n    0%,100% { transform: scale(1); opacity: .7; }\n    50% { transform: scale(1.12); opacity: 1; }\n}\n\n.ow-badge {\n    display: inline-block;\n    background: linear-gradient(135deg, #2d8a7a, #ea8d78);\n    color: white;\n    padding: 12px 24px;\n    border-radius: 60px;\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    margin-bottom: 35px;\n    box-shadow: 0 10px 25px rgba(45,138,122,0.22);\n}\n\n.ow-title {\n    font-size: 72px;\n    line-height: 1.02;\n    font-weight: 800;\n    margin-bottom: 28px;\n    max-width: 920px;\n    color: #2c1a0e;\n    animation: fadeUp 1s ease forwards;\n}\n\n.ow-title span {\n    background: linear-gradient(90deg, #2d8a7a, #ea8d78);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n}\n\n.ow-subtitle {\n    font-size: 21px;\n    line-height: 1.9;\n    color: #6b4c30;\n    max-width: 820px;\n    margin-bottom: 70px;\n    animation: fadeUp 1.2s ease forwards;\n}\n\n.ow-section {\n    margin-bottom: 50px;\n    padding-bottom: 40px;\n    border-bottom: 1px solid rgba(180,130,80,0.18);\n    animation: fadeUp 1.3s ease;\n}\n\n.ow-section:last-of-type {\n    border-bottom: none;\n}\n\n.ow-section h3 {\n    font-size: 34px;\n    font-weight: 700;\n    color: #2c1a0e;\n    margin-bottom: 18px;\n    position: relative;\n    display: inline-block;\n}\n\n.ow-section h3::after {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    bottom: -8px;\n    width: 70px;\n    height: 3px;\n    border-radius: 20px;\n    background: linear-gradient(90deg, #2d8a7a, #ea8d78);\n}\n\n.ow-section p {\n    font-size: 18px;\n    line-height: 2;\n    color: #6b4c30;\n    max-width: 950px;\n}\n\n.ow-bottom {\n    margin-top: 70px;\n    padding: 55px;\n    border-radius: 34px;\n    background: linear-gradient(135deg, rgba(45,138,122,.08), rgba(234,141,120,.10), rgba(255,248,238,.95));\n    border: 1px solid rgba(45,138,122,.15);\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n}\n\n.ow-bottom h2 {\n    font-size: 46px;\n    margin-bottom: 24px;\n    font-weight: 800;\n    color: #2c1a0e;\n}\n\n.ow-bottom p {\n    color: #6b4c30;\n    font-size: 19px;\n    line-height: 2;\n    max-width: 850px;\n    margin: auto;\n}\n\n.ow-cta {\n    display: inline-block;\n    margin-top: 34px;\n    padding: 18px 42px;\n    border-radius: 60px;\n    background: linear-gradient(135deg, #2d8a7a, #ea8d78);\n    color: white;\n    font-weight: 700;\n    font-size: 15px;\n    letter-spacing: 1px;\n    text-decoration: none;\n    transition: all .35s ease;\n    box-shadow: 0 12px 30px rgba(45,138,122,0.25);\n}\n\n.ow-cta:hover {\n    transform: scale(1.05);\n    box-shadow: 0 20px 45px rgba(45,138,122,0.35);\n}\n\n.ow-brand {\n    margin-top: 60px;\n    text-align: center;\n    padding-top: 35px;\n    border-top: 1px solid rgba(180,130,80,0.18);\n}\n\n.ow-brand-text {\n    font-size: 16px;\n    color: #6b4c30;\n    line-height: 1.9;\n}\n\n.ow-brand-text strong {\n    color: #2c1a0e;\n}\n\n.ow-brand-script {\n    margin-top: 18px;\n    font-family: 'Caveat', cursive;\n    font-size: 48px;\n    color: #2c1a0e;\n}\n\n.ow-brand-script span {\n    color: #2d8a7a;\n}\n\n@keyframes fadeUp {\n    from { opacity: 0; transform: translateY(30px); }\n    to { opacity: 1; transform: translateY(0); }\n}\n\n@media(max-width:768px){\n    #ocean-wave-cap-premium { padding: 60px 24px; }\n    .ow-title { font-size: 46px; }\n    .ow-subtitle { font-size: 18px; }\n    .ow-section h3 { font-size: 28px; }\n    .ow-section p { font-size: 16px; }\n    .ow-bottom { padding: 36px 24px; }\n    .ow-bottom h2 { font-size: 32px; }\n    .ow-bottom p { font-size: 17px; }\n    .ow-brand-script { font-size: 36px; }\n    .ow-brand-text { font-size: 14px; }\n}\n\u003c\/style\u003e\n\n\u003csection id=\"ocean-wave-cap-premium\"\u003e\n    \u003cdiv class=\"ow-badge\"\u003eRIDE THE WAVE IN STYLE\u003c\/div\u003e\n    \u003ch1 class=\"ow-title\"\u003eCatch The Wave. \u003cspan\u003eOwn The Day.\u003c\/span\u003e\n\u003c\/h1\u003e\n    \u003cp class=\"ow-subtitle\"\u003eThe \u003cstrong\u003eOcean Wave Cap\u003c\/strong\u003e is your minimalist beach essential — a washed cotton cap with a clean white embroidered wave up front. Simple, effortless, and unmistakably coastal. For those who let the ocean do the talking.\u003c\/p\u003e\n    \u003cdiv class=\"ow-section\"\u003e\n        \u003ch3\u003eMinimalist Wave Embroidery\u003c\/h3\u003e\n        \u003cp\u003eA single, clean white wave embroidered front and centre — understated enough for everyday wear, coastal enough to show exactly where you'd rather be.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ow-section\"\u003e\n        \u003ch3\u003eWashed Cotton Feel\u003c\/h3\u003e\n        \u003cp\u003eThe soft washed fabric gives this cap that perfectly worn-in feel straight out of the box. Lightweight, breathable, and built for long days in the sun.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ow-section\"\u003e\n        \u003ch3\u003eRelaxed Fit\u003c\/h3\u003e\n        \u003cp\u003eAn unstructured crown and curved brim deliver that effortless, laid-back silhouette. Adjustable strap at the back for a comfortable fit on any head size.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ow-section\"\u003e\n        \u003ch3\u003eThe Perfect Gift\u003c\/h3\u003e\n        \u003cp\u003eA stylish, no-fuss gift for surfers, beach lovers, and anyone who lives for the sound of waves. Pairs perfectly with a bikini, boardshorts, or anything in between.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ow-bottom\"\u003e\n        \u003ch2\u003eLess Is More. Ocean Is Everything.\u003c\/h2\u003e\n        \u003cp\u003eFrom the shore to the braai, the \u003cstrong\u003eOcean Wave Cap\u003c\/strong\u003e goes wherever the tide takes you — keeping the sun off your face and the good vibes rolling.\u003c\/p\u003e\n        \u003ca href=\"#\" class=\"ow-cta\"\u003eSHOP NOW\u003c\/a\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ow-brand\"\u003e\n        \u003cdiv class=\"ow-brand-text\"\u003e🇿🇦 Proudly stocked by \u003cstrong\u003eBraais \u0026amp; Bikinis\u003c\/strong\u003e — your go-to for the SA outdoor lifestyle.\u003c\/div\u003e\n        \u003cdiv class=\"ow-brand-script\"\u003eGood Times • Tan Lines • \u003cspan\u003eLocal Vibes\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e","brand":"Braais \u0026 Bikinis","offers":[{"title":"Black","offer_id":48584871772408,"sku":null,"price":249.99,"currency_code":"ZAR","in_stock":true},{"title":"Washed Brown","offer_id":48584871674104,"sku":null,"price":249.99,"currency_code":"ZAR","in_stock":true},{"title":"Green","offer_id":48584871706872,"sku":null,"price":249.99,"currency_code":"ZAR","in_stock":true},{"title":"Blue","offer_id":48584871739640,"sku":null,"price":249.99,"currency_code":"ZAR","in_stock":true},{"title":"Khaki","offer_id":48584871805176,"sku":null,"price":249.99,"currency_code":"ZAR","in_stock":true},{"title":"Gray","offer_id":48584871837944,"sku":null,"price":249.99,"currency_code":"ZAR","in_stock":true},{"title":"Navy Blue","offer_id":48584871870712,"sku":null,"price":249.99,"currency_code":"ZAR","in_stock":true},{"title":"Pink","offer_id":48584871903480,"sku":null,"price":249.99,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0827\/4411\/5448\/files\/Ocean_Wave_Cap_4.png?v=1780386377","url":"https:\/\/braaisandbikinis.co.za\/products\/ocean-wave-cap","provider":"Braais \u0026 Bikinis","version":"1.0","type":"link"}