{"product_id":"cruiseshield-protect-2-pack","title":"CruiseShield Sun Visors - 2 Pack","description":"\u003cstyle\u003e\n\n  \/* ==========================================\n     HAPPY CRUISING — CAR WINDOW SUN SHADES\n  ========================================== *\/\n\n  #hc-sunshades {\n    --hc-dark: #183b3b;\n    --hc-teal: #4f8f86;\n    --hc-teal-light: #edf6f3;\n    --hc-orange: #e99a55;\n    --hc-orange-light: #fff3e8;\n    --hc-text: #29403f;\n    --hc-muted: #6d7e7b;\n    --hc-border: rgba(24,59,59,.10);\n    --hc-white: #ffffff;\n\n    width: 100%;\n    padding: 70px 20px;\n\n    background: #ffffff;\n    color: var(--hc-text);\n\n    font-family: inherit;\n    box-sizing: border-box;\n  }\n\n  #hc-sunshades *,\n  #hc-sunshades *::before,\n  #hc-sunshades *::after {\n    box-sizing: border-box;\n  }\n\n  #hc-sunshades .hc-wrap {\n    width: 100%;\n    max-width: 1100px;\n    margin: 0 auto;\n  }\n\n\n  \/* INTRO *\/\n\n  #hc-sunshades .hc-top {\n    max-width: 720px;\n    margin: 0 auto 42px;\n    text-align: center;\n  }\n\n  #hc-sunshades .hc-label {\n    display: inline-block;\n\n    margin-bottom: 14px;\n    padding: 7px 13px;\n\n    border-radius: 50px;\n\n    background: var(--hc-orange-light);\n    color: #b76c2f;\n\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 1.2px;\n    text-transform: uppercase;\n  }\n\n  #hc-sunshades h2 {\n    margin: 0 0 16px;\n\n    color: var(--hc-dark);\n\n    font-size: clamp(34px,4vw,50px);\n    line-height: 1.05;\n    letter-spacing: -.04em;\n    font-weight: 700;\n  }\n\n  #hc-sunshades h2 span {\n    color: var(--hc-teal);\n  }\n\n  #hc-sunshades .hc-intro {\n    max-width: 670px;\n    margin: 0 auto;\n\n    color: var(--hc-muted);\n\n    font-size: 16px;\n    line-height: 1.7;\n  }\n\n  #hc-sunshades .hc-intro strong {\n    color: var(--hc-dark);\n  }\n\n\n  \/* FEATURES *\/\n\n  #hc-sunshades .hc-features {\n    display: grid;\n\n    grid-template-columns:\n      repeat(3, minmax(0,1fr));\n\n    gap: 14px;\n  }\n\n  #hc-sunshades .hc-feature {\n    padding: 24px 20px;\n\n    border: 1px solid var(--hc-border);\n    border-radius: 18px;\n\n    background: var(--hc-white);\n\n    text-align: center;\n\n    transition:\n      transform .25s ease,\n      box-shadow .25s ease;\n  }\n\n  #hc-sunshades .hc-feature:hover {\n    transform: translateY(-3px);\n\n    box-shadow:\n      0 12px 30px\n      rgba(24,59,59,.07);\n  }\n\n  #hc-sunshades .hc-icon {\n    width: 44px;\n    height: 44px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    margin: 0 auto 13px;\n\n    border-radius: 13px;\n\n    background: var(--hc-teal-light);\n\n    font-size: 19px;\n  }\n\n  #hc-sunshades .hc-feature:nth-child(even) .hc-icon {\n    background: var(--hc-orange-light);\n  }\n\n  #hc-sunshades .hc-feature h3 {\n    margin: 0 0 7px;\n\n    color: var(--hc-dark);\n\n    font-size: 14px;\n    line-height: 1.3;\n    font-weight: 700;\n  }\n\n  #hc-sunshades .hc-feature p {\n    margin: 0;\n\n    color: var(--hc-muted);\n\n    font-size: 12px;\n    line-height: 1.55;\n  }\n\n\n  \/* PACK \/ BOTTOM BAR *\/\n\n  #hc-sunshades .hc-bottom {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    gap: 30px;\n\n    margin-top: 22px;\n    padding: 22px 28px;\n\n    border-radius: 18px;\n\n    background: var(--hc-teal-light);\n  }\n\n  #hc-sunshades .hc-pack {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n\n  #hc-sunshades .hc-pack-icon {\n    width: 40px;\n    height: 40px;\n\n    flex-shrink: 0;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 12px;\n\n    background: var(--hc-white);\n\n    font-size: 18px;\n  }\n\n  #hc-sunshades .hc-bottom-title {\n    color: var(--hc-dark);\n\n    font-size: 16px;\n    font-weight: 700;\n    line-height: 1.3;\n  }\n\n  #hc-sunshades .hc-bottom-sub {\n    margin-top: 2px;\n\n    color: var(--hc-muted);\n\n    font-size: 12px;\n  }\n\n  #hc-sunshades .hc-brand-line {\n    color: var(--hc-muted);\n\n    font-size: 13px;\n    text-align: right;\n  }\n\n  #hc-sunshades .hc-brand-line span {\n    color: var(--hc-orange);\n    font-weight: 700;\n  }\n\n\n  \/* TABLET *\/\n\n  @media screen and (max-width: 900px) {\n\n    #hc-sunshades .hc-features {\n      grid-template-columns:\n        repeat(2, minmax(0,1fr));\n    }\n\n  }\n\n\n  \/* MOBILE *\/\n\n  @media screen and (max-width: 600px) {\n\n    #hc-sunshades {\n      padding: 52px 16px;\n    }\n\n    #hc-sunshades .hc-top {\n      margin-bottom: 30px;\n    }\n\n    #hc-sunshades h2 {\n      font-size: 36px;\n    }\n\n    #hc-sunshades .hc-intro {\n      font-size: 14px;\n      line-height: 1.65;\n    }\n\n    #hc-sunshades .hc-features {\n      grid-template-columns: 1fr 1fr;\n      gap: 9px;\n    }\n\n    #hc-sunshades .hc-feature {\n      padding: 18px 12px;\n      border-radius: 15px;\n    }\n\n    #hc-sunshades .hc-icon {\n      width: 39px;\n      height: 39px;\n\n      font-size: 17px;\n    }\n\n    #hc-sunshades .hc-feature h3 {\n      font-size: 13px;\n    }\n\n    #hc-sunshades .hc-feature p {\n      font-size: 11px;\n    }\n\n    #hc-sunshades .hc-bottom {\n      flex-direction: column;\n      align-items: flex-start;\n\n      gap: 14px;\n\n      padding: 19px;\n    }\n\n    #hc-sunshades .hc-brand-line {\n      text-align: left;\n    }\n\n  }\n\n\u003c\/style\u003e\n\n\n\u003csection id=\"hc-sunshades\"\u003e\n\n  \u003cdiv class=\"hc-wrap\"\u003e\n\n\n    \u003c!-- INTRO --\u003e\n\n    \u003cdiv class=\"hc-top\"\u003e\n\n      \u003cdiv class=\"hc-label\"\u003e\n        Cooler, happier journeys\n      \u003c\/div\u003e\n\n      \u003ch2\u003e\n        Keep the backseat\n        \u003cspan\u003ecool \u0026amp; comfortable.\u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cp class=\"hc-intro\"\u003e\n        Our \u003cstrong\u003eCar Window Sun Shades\u003c\/strong\u003e\n        help block harsh glare and reduce cabin heat,\n        while the see-through mesh keeps visibility clear.\n        Simply press them onto the window and you're ready to go.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- FEATURES --\u003e\n\n    \u003cdiv class=\"hc-features\"\u003e\n\n\n      \u003cdiv class=\"hc-feature\"\u003e\n\n        \u003cdiv class=\"hc-icon\"\u003e\n          ☀️\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Blocks UV \u0026amp; Glare\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Helps protect little passengers\n          from direct sunlight.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"hc-feature\"\u003e\n\n        \u003cdiv class=\"hc-icon\"\u003e\n          ❄️\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Reduces Cabin Heat\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Helps keep the backseat cooler\n          on hot days.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"hc-feature\"\u003e\n\n        \u003cdiv class=\"hc-icon\"\u003e\n          👁️\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          See-Through Mesh\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Shade without unnecessarily\n          blocking visibility.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"hc-feature\"\u003e\n\n        \u003cdiv class=\"hc-icon\"\u003e\n          🖐️\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Traceless Fit\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Electrostatic adhesion with\n          no suction cups or sticky residue.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"hc-feature\"\u003e\n\n        \u003cdiv class=\"hc-icon\"\u003e\n          ↻\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Folds Flat\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Compact enough to store\n          in your car door pocket.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"hc-feature\"\u003e\n\n        \u003cdiv class=\"hc-icon\"\u003e\n          🚗\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Universal Fit\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Designed to fit most\n          rear side windows.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- PACK INFO --\u003e\n\n    \u003cdiv class=\"hc-bottom\"\u003e\n\n      \u003cdiv class=\"hc-pack\"\u003e\n\n        \u003cdiv class=\"hc-pack-icon\"\u003e\n          2×\n        \u003c\/div\u003e\n\n        \u003cdiv\u003e\n\n          \u003cdiv class=\"hc-bottom-title\"\u003e\n            Two shades included\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"hc-bottom-sub\"\u003e\n            One for each rear side window.\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"hc-brand-line\"\u003e\n        Made for \u003cspan\u003eHappy Cruising.\u003c\/span\u003e\n      \u003c\/div\u003e\n\n\n    \u003c\/div\u003e\n\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e","brand":"Happy Cruising ","offers":[{"title":"Default Title","offer_id":67630918959418,"sku":null,"price":199.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1022\/4268\/1146\/files\/hero-product-shot.png?v=1791212950","url":"https:\/\/happycruising.co.za\/products\/cruiseshield-protect-2-pack","provider":"Happy Cruising ","version":"1.0","type":"link"}