{"product_id":"kapo-signature-glasses™-premium-lifestyle-glasses","title":"Kapo Signature Glasses™— Premium Lifestyle Glasses","description":"\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900\u0026display=swap');\n\n.kapo-eyewear-pro{\n--black:#0b0b0b;\n--dark:#151515;\n--gold:#d4af37;\n--cream:#f7f6f2;\n--grey:#6c6c6c;\nfont-family:'Inter',-apple-system,BlinkMacSystemFont,\"Helvetica Neue\",Arial,sans-serif;\nmax-width:1100px;\nmargin:0 auto;\npadding:20px;\ncolor:var(--black);\noverflow:hidden;\n}\n\n\/* ================= HERO ================= *\/\n\n.kapo-eye-hero{\nposition:relative;\npadding:90px 30px;\nborder-radius:34px;\ntext-align:center;\noverflow:hidden;\nbackground:\nradial-gradient(circle at 20% 20%,rgba(212,175,55,.14),transparent 30%),\nlinear-gradient(135deg,#ffffff,#f4f3ef,#ffffff);\nborder:1px solid rgba(0,0,0,.07);\nbox-shadow:\n0 35px 90px rgba(0,0,0,.10),\ninset 0 1px rgba(255,255,255,.9);\nanimation:eyeHeroIn 1s ease forwards;\n}\n\n\/* Animated glow *\/\n\n.kapo-eye-hero:before{\ncontent:\"\";\nposition:absolute;\nwidth:500px;\nheight:500px;\nborder-radius:50%;\nbackground:radial-gradient(circle,rgba(255,255,255,.9),transparent 68%);\ntop:-260px;\nleft:-150px;\nfilter:blur(10px);\nanimation:eyeGlow 8s ease-in-out infinite;\n}\n\n.kapo-eye-hero:after{\ncontent:\"\";\nposition:absolute;\nwidth:350px;\nheight:350px;\nborder-radius:50%;\nbackground:radial-gradient(circle,rgba(212,175,55,.12),transparent 70%);\nright:-150px;\nbottom:-180px;\nanimation:eyeGlow2 9s ease-in-out infinite;\n}\n\n.kapo-eye-content{\nposition:relative;\nz-index:3;\n}\n\n.kapo-eye-eyebrow{\nfont-size:11px;\nfont-weight:700;\nletter-spacing:5px;\nopacity:.55;\nmargin-bottom:25px;\nanimation:fadeIn 1.2s ease;\n}\n\n.kapo-eye-title{\nmargin:0;\nfont-size:clamp(46px,9vw,82px);\nfont-weight:900;\nletter-spacing:-4px;\nline-height:.95;\nbackground:linear-gradient(\n90deg,\n#080808,\n#555,\n#d4af37,\n#111,\n#080808\n);\nbackground-size:400%;\n-webkit-background-clip:text;\n-webkit-text-fill-color:transparent;\nanimation:titleShine 8s linear infinite;\n}\n\n.kapo-eye-subtitle{\nmax-width:650px;\nmargin:30px auto 0;\nfont-size:17px;\nline-height:1.9;\ncolor:#5e5e5e;\nanimation:slideUp 1.3s ease;\n}\n\n.kapo-eye-line{\nwidth:0;\nheight:2px;\nmargin:30px auto;\nbackground:linear-gradient(90deg,transparent,#111,transparent);\nanimation:lineGrow 1.5s .5s ease forwards;\n}\n\n\/* ================= FLOATING EMOJIS ================= *\/\n\n.kapo-floating{\nposition:absolute;\nz-index:2;\nfont-size:28px;\nopacity:.75;\nfilter:drop-shadow(0 8px 10px rgba(0,0,0,.08));\n}\n\n.kapo-sun{\ntop:22%;\nleft:10%;\nanimation:floatEmoji 5s ease-in-out infinite;\n}\n\n.kapo-wave{\nbottom:20%;\nright:9%;\nanimation:floatEmoji2 6s ease-in-out infinite;\n}\n\n.kapo-spark{\ntop:18%;\nright:17%;\nfont-size:20px;\nanimation:spinSpark 5s linear infinite;\n}\n\n.kapo-glasses{\nbottom:16%;\nleft:16%;\nfont-size:22px;\nanimation:floatEmoji 7s ease-in-out infinite;\n}\n\n\/* ================= SECTION ================= *\/\n\n.kapo-eye-section{\npadding:70px 5px 15px;\n}\n\n.kapo-eye-heading{\ntext-align:center;\nfont-size:32px;\nfont-weight:850;\nletter-spacing:-1.2px;\nmargin:0 0 35px;\n}\n\n.kapo-eye-heading span{\ndisplay:block;\nfont-size:12px;\nletter-spacing:4px;\ntext-transform:uppercase;\nfont-weight:600;\ncolor:#999;\nmargin-bottom:12px;\n}\n\n\/* ================= CARDS ================= *\/\n\n.kapo-eye-grid{\ndisplay:grid;\ngrid-template-columns:repeat(2,1fr);\ngap:18px;\n}\n\n.kapo-eye-card{\nposition:relative;\npadding:32px 27px;\nborder-radius:24px;\nbackground:linear-gradient(145deg,#ffffff,#f7f7f7);\nborder:1px solid rgba(0,0,0,.06);\nbox-shadow:0 18px 45px rgba(0,0,0,.06);\noverflow:hidden;\ntransition:\ntransform .45s cubic-bezier(.2,.8,.2,1),\nbox-shadow .45s ease;\nanimation:cardReveal .8s ease both;\n}\n\n.kapo-eye-card:nth-child(1){animation-delay:.15s;}\n.kapo-eye-card:nth-child(2){animation-delay:.3s;}\n.kapo-eye-card:nth-child(3){animation-delay:.45s;}\n.kapo-eye-card:nth-child(4){animation-delay:.6s;}\n\n.kapo-eye-card:before{\ncontent:\"\";\nposition:absolute;\nwidth:180px;\nheight:180px;\nborder-radius:50%;\nbackground:radial-gradient(circle,rgba(212,175,55,.13),transparent 70%);\ntop:-100px;\nright:-100px;\ntransition:.5s;\n}\n\n.kapo-eye-card:hover{\ntransform:translateY(-10px) scale(1.015);\nbox-shadow:0 30px 70px rgba(0,0,0,.13);\n}\n\n.kapo-eye-card:hover:before{\ntransform:scale(2);\n}\n\n.kapo-eye-icon{\nposition:relative;\nfont-size:35px;\nmargin-bottom:20px;\ndisplay:inline-block;\nanimation:iconFloat 4s ease-in-out infinite;\n}\n\n.kapo-eye-card:nth-child(2) .kapo-eye-icon{\nanimation-delay:.5s;\n}\n\n.kapo-eye-card:nth-child(3) .kapo-eye-icon{\nanimation-delay:1s;\n}\n\n.kapo-eye-card:nth-child(4) .kapo-eye-icon{\nanimation-delay:1.5s;\n}\n\n.kapo-eye-card h3{\nmargin:0 0 10px;\nfont-size:20px;\nfont-weight:800;\n}\n\n.kapo-eye-card p{\nmargin:0;\nfont-size:14px;\nline-height:1.8;\ncolor:var(--grey);\n}\n\n\/* ================= PREMIUM BANNER ================= *\/\n\n.kapo-eye-banner{\nposition:relative;\nmargin-top:35px;\npadding:65px 30px;\nborder-radius:30px;\noverflow:hidden;\nbackground:\nradial-gradient(circle at 80% 20%,rgba(212,175,55,.18),transparent 25%),\nlinear-gradient(135deg,#080808,#1c1c1c);\ncolor:#fff;\ntext-align:center;\nbox-shadow:0 30px 70px rgba(0,0,0,.18);\n}\n\n.kapo-eye-banner:before{\ncontent:\"\";\nposition:absolute;\nwidth:1px;\nheight:160%;\nbackground:linear-gradient(transparent,rgba(255,255,255,.18),transparent);\nleft:30%;\ntop:-30%;\ntransform:rotate(25deg);\nanimation:lightSweep 6s linear infinite;\n}\n\n.kapo-eye-banner:after{\ncontent:\"\";\nposition:absolute;\nwidth:300px;\nheight:300px;\nborder:1px solid rgba(255,255,255,.08);\nborder-radius:50%;\nright:-150px;\ntop:-150px;\nanimation:rotateRing 12s linear infinite;\n}\n\n.kapo-eye-banner-content{\nposition:relative;\nz-index:3;\n}\n\n.kapo-eye-banner h2{\nfont-size:clamp(32px,6vw,48px);\nline-height:1.05;\nmargin:0;\nfont-weight:850;\nletter-spacing:-2px;\n}\n\n.kapo-eye-banner p{\nmax-width:620px;\nmargin:25px auto 0;\ncolor:rgba(255,255,255,.68);\nfont-size:15px;\nline-height:1.9;\n}\n\n.kapo-eye-tagline{\nmargin-top:30px;\nfont-size:11px;\nletter-spacing:4px;\nfont-weight:700;\ncolor:#d4af37;\ntext-transform:uppercase;\n}\n\n\/* ================= BOTTOM ================= *\/\n\n.kapo-eye-bottom{\ntext-align:center;\npadding:35px 10px 5px;\nfont-size:12px;\nletter-spacing:2px;\ntext-transform:uppercase;\ncolor:#888;\n}\n\n.kapo-eye-bottom strong{\ncolor:#111;\n}\n\n\/* ================= ANIMATIONS ================= *\/\n\n@keyframes eyeHeroIn{\nfrom{\nopacity:0;\ntransform:translateY(35px) scale(.98);\n}\nto{\nopacity:1;\ntransform:translateY(0) scale(1);\n}\n}\n\n@keyframes fadeIn{\nfrom{opacity:0;}\nto{opacity:.55;}\n}\n\n@keyframes slideUp{\nfrom{\nopacity:0;\ntransform:translateY(25px);\n}\nto{\nopacity:1;\ntransform:translateY(0);\n}\n}\n\n@keyframes lineGrow{\nfrom{\nwidth:0;\nopacity:0;\n}\nto{\nwidth:60px;\nopacity:1;\n}\n}\n\n@keyframes titleShine{\n0%{background-position:0%;}\n100%{background-position:400%;}\n}\n\n@keyframes eyeGlow{\n0%,100%{\ntransform:translate(0,0);\n}\n50%{\ntransform:translate(120px,50px);\n}\n}\n\n@keyframes eyeGlow2{\n0%,100%{\ntransform:translate(0,0);\n}\n50%{\ntransform:translate(-80px,-40px);\n}\n}\n\n@keyframes floatEmoji{\n0%,100%{\ntransform:translateY(0) rotate(-5deg);\n}\n50%{\ntransform:translateY(-18px) rotate(5deg);\n}\n}\n\n@keyframes floatEmoji2{\n0%,100%{\ntransform:translateY(0) rotate(5deg);\n}\n50%{\ntransform:translateY(15px) rotate(-5deg);\n}\n}\n\n@keyframes spinSpark{\n0%{\ntransform:rotate(0deg) scale(1);\n}\n50%{\ntransform:rotate(180deg) scale(1.25);\n}\n100%{\ntransform:rotate(360deg) scale(1);\n}\n}\n\n@keyframes iconFloat{\n0%,100%{\ntransform:translateY(0);\n}\n50%{\ntransform:translateY(-6px);\n}\n}\n\n@keyframes cardReveal{\nfrom{\nopacity:0;\ntransform:translateY(30px);\n}\nto{\nopacity:1;\ntransform:translateY(0);\n}\n}\n\n@keyframes lightSweep{\n0%{\ntransform:translateX(-250px) rotate(25deg);\n}\n100%{\ntransform:translateX(800px) rotate(25deg);\n}\n}\n\n@keyframes rotateRing{\nfrom{\ntransform:rotate(0deg);\n}\nto{\ntransform:rotate(360deg);\n}\n}\n\n\/* ================= MOBILE ================= *\/\n\n@media(max-width:600px){\n\n.kapo-eyewear-pro{\npadding:12px;\n}\n\n.kapo-eye-hero{\npadding:65px 18px;\nborder-radius:25px;\n}\n\n.kapo-eye-title{\nfont-size:48px;\nletter-spacing:-2.5px;\n}\n\n.kapo-eye-subtitle{\nfont-size:15px;\n}\n\n.kapo-eye-grid{\ngrid-template-columns:1fr 1fr;\ngap:10px;\n}\n\n.kapo-eye-card{\npadding:22px 16px;\nborder-radius:19px;\n}\n\n.kapo-eye-card h3{\nfont-size:16px;\n}\n\n.kapo-eye-card p{\nfont-size:12px;\nline-height:1.65;\n}\n\n.kapo-eye-icon{\nfont-size:29px;\n}\n\n.kapo-floating{\nfont-size:22px;\n}\n\n.kapo-eye-banner{\npadding:50px 20px;\nborder-radius:25px;\n}\n\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"kapo-eyewear-pro\"\u003e\n\n\u003c!-- HERO --\u003e\n\n\u003cdiv class=\"kapo-eye-hero\"\u003e\n\n\u003cdiv class=\"kapo-floating kapo-sun\"\u003e☀️\u003c\/div\u003e\n\u003cdiv class=\"kapo-floating kapo-wave\"\u003e🌊\u003c\/div\u003e\n\u003cdiv class=\"kapo-floating kapo-spark\"\u003e✨\u003c\/div\u003e\n\u003cdiv class=\"kapo-floating kapo-glasses\"\u003e🕶️\u003c\/div\u003e\n\n\u003cdiv class=\"kapo-eye-content\"\u003e\n\n\u003cdiv class=\"kapo-eye-eyebrow\"\u003e\nKAPO™ SIGNATURE COLLECTION\n\u003c\/div\u003e\n\n\u003ch1 class=\"kapo-eye-title\"\u003e\nPremium\u003cbr\u003eEyewear.\n\u003c\/h1\u003e\n\n\u003cdiv class=\"kapo-eye-line\"\u003e\u003c\/div\u003e\n\n\u003cp class=\"kapo-eye-subtitle\"\u003e\nDesigned for those who don't just follow the adventure —\n\u003cstrong\u003ethey live it.\u003c\/strong\u003e The Kapo™ Signature combines\nclean modern design, everyday comfort and effortless style.\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\u003c!-- FEATURES --\u003e\n\n\u003cdiv class=\"kapo-eye-section\"\u003e\n\n\u003ch2 class=\"kapo-eye-heading\"\u003e\n\n\u003cspan\u003eTHE KAPO DIFFERENCE\u003c\/span\u003e\n\nDesigned for Every Adventure\n\n\u003c\/h2\u003e\n\n\u003cdiv class=\"kapo-eye-grid\"\u003e\n\n\u003cdiv class=\"kapo-eye-card\"\u003e\n\n\u003cdiv class=\"kapo-eye-icon\"\u003e✨\u003c\/div\u003e\n\n\u003ch3\u003ePremium Style\u003c\/h3\u003e\n\n\u003cp\u003e\nA sleek and timeless design that adds a refined finish\nto any outfit — from casual mornings to nights out.\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"kapo-eye-card\"\u003e\n\n\u003cdiv class=\"kapo-eye-icon\"\u003e😎\u003c\/div\u003e\n\n\u003ch3\u003eEveryday Comfort\u003c\/h3\u003e\n\n\u003cp\u003e\nLightweight and comfortable for long days, road trips,\nweekends away and everything in between.\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"kapo-eye-card\"\u003e\n\n\u003cdiv class=\"kapo-eye-icon\"\u003e🌍\u003c\/div\u003e\n\n\u003ch3\u003eAdventure Ready\u003c\/h3\u003e\n\n\u003cp\u003e\nMade to complement your lifestyle whether you're\nexploring outdoors, travelling or relaxing.\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"kapo-eye-card\"\u003e\n\n\u003cdiv class=\"kapo-eye-icon\"\u003e💎\u003c\/div\u003e\n\n\u003ch3\u003eKapo Design\u003c\/h3\u003e\n\n\u003cp\u003e\nMinimal. Bold. Distinctive. Every detail is designed\naround the unmistakable Kapo identity.\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\u003c!-- BANNER --\u003e\n\n\u003cdiv class=\"kapo-eye-banner\"\u003e\n\n\u003cdiv class=\"kapo-eye-banner-content\"\u003e\n\n\u003cdiv style=\"font-size:42px;margin-bottom:18px;\"\u003e\n🕶️\n\u003c\/div\u003e\n\n\u003ch2\u003e\nOne Pair.\u003cbr\u003e\nEvery Occasion.\n\u003c\/h2\u003e\n\n\u003cp\u003e\nFrom sunny mornings ☀️ to golden-hour adventures 🌅,\nthe Kapo™ Signature is made to go wherever the day takes you.\nBeach days 🏖️. Road trips 🚗. Braais 🔥. Nights out 🌙.\nOne pair. Endless adventures.\n\u003c\/p\u003e\n\n\u003cdiv class=\"kapo-eye-tagline\"\u003e\nWear Kapo. Live the Adventure. 🇿🇦\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"kapo-eye-bottom\"\u003e\n\n\u003cstrong\u003eKAPO™\u003c\/strong\u003e — Premium Lifestyle Essentials ✦\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Kapo","offers":[{"title":"Black","offer_id":48491876679865,"sku":null,"price":299.0,"currency_code":"ZAR","in_stock":false},{"title":"Blue","offer_id":48491876712633,"sku":null,"price":299.0,"currency_code":"ZAR","in_stock":false},{"title":"Red","offer_id":48491876745401,"sku":null,"price":299.0,"currency_code":"ZAR","in_stock":false},{"title":"Green","offer_id":48491876778169,"sku":null,"price":299.0,"currency_code":"ZAR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0806\/4175\/3273\/files\/image0.jpg?v=1786099083","url":"https:\/\/kapo.co.za\/products\/kapo-signature-glasses%e2%84%a2-premium-lifestyle-glasses","provider":"Kapo","version":"1.0","type":"link"}