{"product_id":"the-oc-smile-collection","title":"The OC Smile Collection","description":"\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003c!-- THE OC SMILE COLLECTION — PREMIUM PRODUCT SECTION --\u003e\n\u003cstyle\u003e\n    .oc-collection {\n      --oc-black: #0b0b0b;\n      --oc-dark: #111111;\n      --oc-white: #ffffff;\n      --oc-grey: #c8c8c8;\n      --oc-gold: #c7a46a;\n      --oc-border: rgba(255,255,255,0.12);\n\n      background: var(--oc-black) !important;\n      color: #ffffff !important;\n      font-family: Arial, Helvetica, sans-serif;\n      width: 100%;\n      overflow: hidden;\n      box-sizing: border-box;\n    }\n\n    .oc-collection *,\n    .oc-collection *::before,\n    .oc-collection *::after {\n      box-sizing: border-box;\n    }\n\n    \/* FORCE WHITE TEXT THROUGHOUT DARK SECTIONS *\/\n    .oc-collection .oc-hero,\n    .oc-collection .oc-hero h2,\n    .oc-collection .oc-hero-text,\n    .oc-collection .oc-intro,\n    .oc-collection .oc-intro-card,\n    .oc-collection .oc-intro-card h3,\n    .oc-collection .oc-intro-card p,\n    .oc-collection .oc-included-header,\n    .oc-collection .oc-included-header h3,\n    .oc-collection .oc-included-header p,\n    .oc-collection .oc-product,\n    .oc-collection .oc-product h4,\n    .oc-collection .oc-product li,\n    .oc-collection .oc-footer,\n    .oc-collection .oc-footer h3,\n    .oc-collection .oc-footer p {\n      color: #ffffff !important;\n    }\n\n    \/* HERO *\/\n    .oc-hero {\n      text-align: center;\n      padding: 90px 24px 75px;\n      max-width: 1000px;\n      margin: 0 auto;\n    }\n\n    .oc-eyebrow {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      color: var(--oc-gold) !important;\n      font-size: 11px;\n      font-weight: 700;\n      letter-spacing: 3px;\n      text-transform: uppercase;\n      margin-bottom: 24px;\n    }\n\n    .oc-eyebrow::before,\n    .oc-eyebrow::after {\n      content: \"\";\n      width: 24px;\n      height: 1px;\n      background: var(--oc-gold);\n    }\n\n    .oc-hero h2 {\n      margin: 0;\n      font-family: Georgia, \"Times New Roman\", serif;\n      font-size: clamp(42px, 7vw, 78px);\n      line-height: 0.95;\n      font-weight: 400;\n      letter-spacing: -2px;\n    }\n\n    .oc-hero h2 span {\n      display: block;\n      color: var(--oc-gold) !important;\n      font-style: italic;\n      margin-top: 8px;\n    }\n\n    .oc-hero-text {\n      max-width: 690px;\n      margin: 30px auto 0;\n      color: #ffffff !important;\n      opacity: 0.85;\n      font-size: 16px;\n      line-height: 1.8;\n    }\n\n    \/* INTRO *\/\n    .oc-intro {\n      max-width: 1120px;\n      margin: 0 auto;\n      padding: 0 24px 80px;\n    }\n\n    .oc-intro-card {\n      position: relative;\n      background: linear-gradient(\n        135deg,\n        #181818 0%,\n        #101010 55%,\n        #17130e 100%\n      );\n      border: 1px solid var(--oc-border);\n      padding: 55px 60px;\n      text-align: center;\n      overflow: hidden;\n    }\n\n    .oc-intro-card::before {\n      content: \"\";\n      position: absolute;\n      top: -120px;\n      right: -120px;\n      width: 300px;\n      height: 300px;\n      border-radius: 50%;\n      background: rgba(199,164,106,0.08);\n      filter: blur(20px);\n    }\n\n    .oc-intro-card h3 {\n      position: relative;\n      margin: 0 0 15px;\n      font-family: Georgia, \"Times New Roman\", serif;\n      font-size: clamp(28px, 4vw, 42px);\n      font-weight: 400;\n    }\n\n    .oc-intro-card h3 span {\n      color: var(--oc-gold) !important;\n    }\n\n    .oc-intro-card p {\n      position: relative;\n      max-width: 720px;\n      margin: 0 auto;\n      color: #ffffff !important;\n      opacity: 0.82;\n      font-size: 15px;\n      line-height: 1.8;\n    }\n\n    \/* INCLUDED HEADER *\/\n    .oc-included-header {\n      text-align: center;\n      padding: 10px 24px 50px;\n    }\n\n    .oc-included-header h3 {\n      margin: 0 0 12px;\n      font-family: Georgia, \"Times New Roman\", serif;\n      font-size: clamp(30px, 4vw, 46px);\n      font-weight: 400;\n    }\n\n    .oc-included-header p {\n      margin: 0;\n      color: #ffffff !important;\n      opacity: 0.7;\n      font-size: 14px;\n    }\n\n    \/* PRODUCT GRID *\/\n    .oc-products {\n      max-width: 1120px;\n      margin: 0 auto;\n      padding: 0 24px 90px;\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 18px;\n    }\n\n    .oc-product {\n      position: relative;\n      background: #111111 !important;\n      border: 1px solid rgba(255,255,255,0.12);\n      padding: 42px 34px 36px;\n      min-height: 440px;\n      transition: transform 0.35s ease, border-color 0.35s ease;\n    }\n\n    .oc-product:hover {\n      transform: translateY(-5px);\n      border-color: rgba(199,164,106,0.45);\n    }\n\n    .oc-product-number {\n      position: absolute;\n      top: 24px;\n      right: 26px;\n      color: rgba(255,255,255,0.25) !important;\n      font-size: 11px;\n      letter-spacing: 2px;\n      font-weight: 700;\n    }\n\n    .oc-product-label {\n      color: var(--oc-gold) !important;\n      font-size: 10px;\n      letter-spacing: 3px;\n      text-transform: uppercase;\n      font-weight: 700;\n      margin-bottom: 16px;\n    }\n\n    .oc-product h4 {\n      margin: 0;\n      color: #ffffff !important;\n      font-family: Georgia, \"Times New Roman\", serif;\n      font-size: 35px;\n      font-weight: 400;\n    }\n\n    .oc-product-line {\n      width: 35px;\n      height: 1px;\n      background: var(--oc-gold);\n      margin: 20px 0 26px;\n    }\n\n    .oc-product ul {\n      list-style: none;\n      margin: 0;\n      padding: 0;\n    }\n\n    .oc-product li {\n      position: relative;\n      padding: 11px 0 11px 27px;\n      border-bottom: 1px solid rgba(255,255,255,0.07);\n      color: #ffffff !important;\n      font-size: 14px;\n      line-height: 1.5;\n    }\n\n    .oc-product li:last-child {\n      border-bottom: none;\n    }\n\n    .oc-product li::before {\n      content: \"✓\";\n      position: absolute;\n      left: 0;\n      top: 11px;\n      color: var(--oc-gold) !important;\n      font-size: 13px;\n      font-weight: 700;\n    }\n\n    \/* VALUE SECTION *\/\n    .oc-value {\n      background: #f5f5f3 !important;\n      color: #0b0b0b !important;\n      padding: 80px 24px;\n      text-align: center;\n    }\n\n    .oc-value-inner {\n      max-width: 850px;\n      margin: 0 auto;\n    }\n\n    .oc-value-label {\n      color: #9b7b43 !important;\n      font-size: 10px;\n      letter-spacing: 3px;\n      text-transform: uppercase;\n      font-weight: 700;\n      margin-bottom: 18px;\n    }\n\n    .oc-value h3 {\n      margin: 0;\n      color: #0b0b0b !important;\n      font-family: Georgia, \"Times New Roman\", serif;\n      font-weight: 400;\n      font-size: clamp(32px, 5vw, 52px);\n      line-height: 1.05;\n    }\n\n    .oc-value p {\n      max-width: 620px;\n      margin: 22px auto 0;\n      color: #555550 !important;\n      font-size: 15px;\n      line-height: 1.8;\n    }\n\n    .oc-value-highlight {\n      display: inline-block;\n      margin-top: 30px;\n      padding: 13px 24px;\n      border: 1px solid rgba(0,0,0,0.15);\n      color: #0b0b0b !important;\n      font-size: 11px;\n      font-weight: 700;\n      letter-spacing: 2px;\n      text-transform: uppercase;\n    }\n\n    \/* FOOTER *\/\n    .oc-footer {\n      background: #090909 !important;\n      padding: 75px 24px 85px;\n      text-align: center;\n    }\n\n    .oc-footer-logo {\n      color: #ffffff !important;\n      font-size: 12px;\n      letter-spacing: 5px;\n      font-weight: 700;\n      margin-bottom: 20px;\n    }\n\n    .oc-footer h3 {\n      margin: 0;\n      color: #ffffff !important;\n      font-family: Georgia, \"Times New Roman\", serif;\n      font-size: clamp(30px, 5vw, 50px);\n      font-weight: 400;\n    }\n\n    .oc-footer h3 span {\n      color: var(--oc-gold) !important;\n      font-style: italic;\n    }\n\n    .oc-footer p {\n      margin: 18px auto 0;\n      max-width: 520px;\n      color: #ffffff !important;\n      opacity: 0.6;\n      font-size: 13px;\n      line-height: 1.7;\n    }\n\n    \/* TABLET *\/\n    @media (max-width: 850px) {\n\n      .oc-products {\n        grid-template-columns: 1fr;\n        max-width: 620px;\n      }\n\n      .oc-product {\n        min-height: auto;\n      }\n\n      .oc-intro-card {\n        padding: 45px 35px;\n      }\n    }\n\n    \/* MOBILE *\/\n    @media (max-width: 600px) {\n\n      .oc-hero {\n        padding: 65px 20px 55px;\n      }\n\n      .oc-eyebrow {\n        font-size: 9px;\n        letter-spacing: 2px;\n      }\n\n      .oc-hero h2 {\n        font-size: 48px;\n      }\n\n      .oc-hero-text {\n        font-size: 14px;\n        line-height: 1.75;\n        margin-top: 24px;\n      }\n\n      .oc-intro {\n        padding: 0 15px 55px;\n      }\n\n      .oc-intro-card {\n        padding: 40px 24px;\n      }\n\n      .oc-intro-card h3 {\n        font-size: 30px;\n      }\n\n      .oc-intro-card p {\n        font-size: 14px;\n      }\n\n      .oc-included-header {\n        padding: 5px 20px 35px;\n      }\n\n      .oc-included-header h3 {\n        font-size: 34px;\n      }\n\n      .oc-products {\n        padding: 0 15px 60px;\n        gap: 12px;\n      }\n\n      .oc-product {\n        padding: 35px 25px 30px;\n      }\n\n      .oc-product h4 {\n        font-size: 32px;\n      }\n\n      .oc-product li {\n        font-size: 13px;\n      }\n\n      .oc-value {\n        padding: 60px 20px;\n      }\n\n      .oc-value h3 {\n        font-size: 36px;\n      }\n\n      .oc-footer {\n        padding: 60px 20px 70px;\n      }\n\n      .oc-footer h3 {\n        font-size: 36px;\n      }\n    }\n  \u003c\/style\u003e\n\u003csection class=\"oc-collection\"\u003e\u003c!-- HERO --\u003e\n\u003cdiv class=\"oc-hero\"\u003e\n\u003cdiv class=\"oc-eyebrow\"\u003eThe OC Smile Collection\u003c\/div\u003e\n\u003ch2\u003eOWN YOUR \u003cspan\u003eSMILE.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"oc-hero-text\"\u003eElevate your everyday oral-care routine with a complete collection designed to make your daily ritual feel less like a chore and more like something worth keeping.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- INTRO --\u003e\n\u003cdiv class=\"oc-intro\"\u003e\n\u003cdiv class=\"oc-intro-card\"\u003e\n\u003ch3\u003eOne Collection. \u003cspan\u003eOne Complete Ritual.\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cp\u003eWhy buy each piece separately when you can transform your entire routine in one beautifully considered collection — and save while you're at it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- INCLUDED --\u003e\n\u003cdiv class=\"oc-included-header\"\u003e\n\u003ch3\u003eEverything You Need.\u003c\/h3\u003e\n\u003cp\u003eThree essentials. One complete oral-care ritual.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- PRODUCTS --\u003e\n\u003cdiv class=\"oc-products\"\u003e\n\u003c!-- SURGE --\u003e\n\u003cdiv class=\"oc-product\"\u003e\n\u003cdiv class=\"oc-product-number\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"oc-product-label\"\u003eElectric Toothbrush\u003c\/div\u003e\n\u003ch4\u003eSURGE\u003c\/h4\u003e\n\u003cdiv class=\"oc-product-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cul\u003e\n\u003cli\u003e1 × SURGE Electric Toothbrush\u003c\/li\u003e\n\u003cli\u003e4 × Brush Heads\u003c\/li\u003e\n\u003cli\u003e1 × USB Charging Cable\u003c\/li\u003e\n\u003cli\u003e1 × User Manual\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- HYDRA --\u003e\n\u003cdiv class=\"oc-product\"\u003e\n\u003cdiv class=\"oc-product-number\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"oc-product-label\"\u003eElectric Water Flosser\u003c\/div\u003e\n\u003ch4\u003eHYDRA\u003c\/h4\u003e\n\u003cdiv class=\"oc-product-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cul\u003e\n\u003cli\u003e1 × HYDRA Electric Water Flosser\u003c\/li\u003e\n\u003cli\u003e4 × Flosser Heads\u003c\/li\u003e\n\u003cli\u003e1 × USB Charging Cable\u003c\/li\u003e\n\u003cli\u003e1 × User Manual\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- RESET --\u003e\n\u003cdiv class=\"oc-product\"\u003e\n\u003cdiv class=\"oc-product-number\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"oc-product-label\"\u003eTongue Care\u003c\/div\u003e\n\u003ch4\u003eRESET\u003c\/h4\u003e\n\u003cdiv class=\"oc-product-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cul\u003e\n\u003cli\u003e2 × Tongue Scrapers\u003c\/li\u003e\n\u003cli\u003e1 × Travel Case\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- VALUE --\u003e\n\u003cdiv class=\"oc-value\"\u003e\n\u003cdiv class=\"oc-value-inner\"\u003e\n\u003cdiv class=\"oc-value-label\"\u003eThe Complete Ritual\u003c\/div\u003e\n\u003ch3\u003eYour smile deserves\u003cbr\u003ethe full experience.\u003c\/h3\u003e\n\u003cp\u003eFrom brushing and flossing to finishing your routine with a fresh tongue cleanse, The OC Smile Collection brings your essential oral-care ritual together in one complete collection.\u003c\/p\u003e\n\u003cdiv class=\"oc-value-highlight\"\u003eOne Collection · Three Essentials · One Ritual\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FOOTER --\u003e\n\u003cdiv class=\"oc-footer\"\u003e\n\u003cdiv class=\"oc-footer-logo\"\u003eTHE OC\u003c\/div\u003e\n\u003ch3\u003eMake your routine a \u003cspan\u003eritual.\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cp\u003ePremium oral care, made beautifully simple.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cp\u003e```\u003c\/p\u003e","brand":"My Store","offers":[{"title":"Default Title","offer_id":53836959056165,"sku":null,"price":1599.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1018\/0188\/5989\/files\/TheOCSmileCollectionBundle.png?v=1789572416","url":"https:\/\/theoralco.co.za\/products\/the-oc-smile-collection","provider":"The Oral Co.","version":"1.0","type":"link"}