{"product_id":"premium-pu-leather-car-seat-gap-organizer","title":"Premium PU Leather Car Seat Gap Organizer","description":"\u003cstyle\u003e\n  .dg-product-showcase {\n    --cream: #f8f7f4;\n    --soft: #ffffff;\n    --text: #242424;\n    --muted: #77736d;\n    --accent: #c9b99b;\n    --line: #e8e4dc;\n\n    max-width: 1200px;\n    margin: 40px auto;\n    padding: 0 20px;\n    font-family: -apple-system, BlinkMacSystemFont, \"Helvetica Neue\", Arial, sans-serif;\n    color: var(--text);\n  }\n\n  .dg-hero {\n    position: relative;\n    overflow: hidden;\n    border-radius: 28px;\n    background:\n      radial-gradient(circle at 85% 15%, rgba(201,185,155,.18), transparent 30%),\n      linear-gradient(135deg, #ffffff 0%, #f8f7f4 100%);\n    border: 1px solid var(--line);\n    padding: 65px 55px;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    align-items: center;\n    gap: 50px;\n    box-shadow: 0 20px 60px rgba(40,35,28,.07);\n  }\n\n  \/* Soft decorative glow *\/\n  .dg-glow {\n    position: absolute;\n    width: 280px;\n    height: 280px;\n    border-radius: 50%;\n    background: rgba(201,185,155,.10);\n    filter: blur(5px);\n    top: -120px;\n    right: -80px;\n    animation: dgPulse 5s ease-in-out infinite;\n  }\n\n  .dg-copy {\n    position: relative;\n    z-index: 2;\n    animation: dgFadeUp .9s ease both;\n  }\n\n  .dg-label {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 11px;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    color: #9a886c;\n    font-weight: 700;\n    margin-bottom: 18px;\n  }\n\n  .dg-label span {\n    width: 25px;\n    height: 1px;\n    background: var(--accent);\n  }\n\n  .dg-title {\n    font-size: clamp(34px, 4vw, 58px);\n    line-height: 1.05;\n    letter-spacing: -2px;\n    margin: 0 0 20px;\n    font-weight: 700;\n  }\n\n  .dg-title em {\n    font-style: normal;\n    color: #a99676;\n  }\n\n  .dg-description {\n    font-size: 16px;\n    line-height: 1.8;\n    color: var(--muted);\n    max-width: 520px;\n    margin-bottom: 30px;\n  }\n\n  .dg-image-wrap {\n    position: relative;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    min-height: 420px;\n    animation: dgProductIn 1.1s cubic-bezier(.2,.8,.2,1) both;\n  }\n\n  .dg-image-card {\n    position: relative;\n    width: min(100%, 430px);\n    border-radius: 24px;\n    overflow: hidden;\n    background: #fff;\n    box-shadow:\n      0 25px 60px rgba(35,30,24,.13),\n      0 4px 12px rgba(35,30,24,.05);\n    transform: rotate(1deg);\n    transition: transform .5s ease, box-shadow .5s ease;\n  }\n\n  .dg-image-card:hover {\n    transform: rotate(0deg) translateY(-8px);\n    box-shadow:\n      0 35px 75px rgba(35,30,24,.17),\n      0 6px 18px rgba(35,30,24,.07);\n  }\n\n  .dg-image-card img {\n    display: block;\n    width: 100%;\n    height: auto;\n  }\n\n  .dg-floating-badge {\n    position: absolute;\n    bottom: 24px;\n    left: 24px;\n    background: rgba(255,255,255,.90);\n    backdrop-filter: blur(12px);\n    border: 1px solid rgba(255,255,255,.8);\n    padding: 12px 17px;\n    border-radius: 14px;\n    font-size: 12px;\n    font-weight: 600;\n    box-shadow: 0 10px 30px rgba(0,0,0,.08);\n    animation: dgFloat 4s ease-in-out infinite;\n  }\n\n  .dg-features {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 15px;\n    margin-top: 18px;\n  }\n\n  .dg-feature {\n    background: rgba(255,255,255,.72);\n    border: 1px solid var(--line);\n    border-radius: 18px;\n    padding: 22px 18px;\n    transition: transform .35s ease, box-shadow .35s ease, background .35s ease;\n  }\n\n  .dg-feature:hover {\n    transform: translateY(-5px);\n    background: #fff;\n    box-shadow: 0 15px 35px rgba(40,35,28,.08);\n  }\n\n  .dg-icon {\n    width: 38px;\n    height: 38px;\n    border-radius: 12px;\n    background: #f1ede5;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 13px;\n    color: #9a886c;\n    font-size: 17px;\n  }\n\n  .dg-feature h3 {\n    font-size: 14px;\n    margin: 0 0 7px;\n    font-weight: 700;\n  }\n\n  .dg-feature p {\n    font-size: 12px;\n    line-height: 1.6;\n    color: var(--muted);\n    margin: 0;\n  }\n\n  .dg-bottom {\n    text-align: center;\n    margin-top: 45px;\n    padding: 45px 25px;\n    border-radius: 24px;\n    background: #f5f2ec;\n    border: 1px solid var(--line);\n  }\n\n  .dg-bottom h2 {\n    margin: 0 0 12px;\n    font-size: 28px;\n    letter-spacing: -.7px;\n  }\n\n  .dg-bottom p {\n    margin: 0 auto;\n    max-width: 650px;\n    color: var(--muted);\n    font-size: 14px;\n    line-height: 1.8;\n  }\n\n  @keyframes dgFadeUp {\n    from {\n      opacity: 0;\n      transform: translateY(25px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  @keyframes dgProductIn {\n    from {\n      opacity: 0;\n      transform: translateX(35px) scale(.96);\n    }\n    to {\n      opacity: 1;\n      transform: translateX(0) scale(1);\n    }\n  }\n\n  @keyframes dgFloat {\n    0%, 100% {\n      transform: translateY(0);\n    }\n    50% {\n      transform: translateY(-7px);\n    }\n  }\n\n  @keyframes dgPulse {\n    0%, 100% {\n      transform: scale(1);\n      opacity: .7;\n    }\n    50% {\n      transform: scale(1.12);\n      opacity: 1;\n    }\n  }\n\n  @media (max-width: 800px) {\n    .dg-hero {\n      grid-template-columns: 1fr;\n      padding: 40px 25px;\n      gap: 25px;\n    }\n\n    .dg-copy {\n      text-align: center;\n    }\n\n    .dg-description {\n      margin-left: auto;\n      margin-right: auto;\n    }\n\n    .dg-image-wrap {\n      min-height: auto;\n    }\n\n    .dg-features {\n      grid-template-columns: 1fr;\n    }\n\n    .dg-label {\n      justify-content: center;\n    }\n\n    .dg-title {\n      letter-spacing: -1px;\n    }\n  }\n\u003c\/style\u003e\n\n\n\u003csection class=\"dg-product-showcase\"\u003e\n\n  \u003cdiv class=\"dg-hero\"\u003e\n\n    \u003cdiv class=\"dg-glow\"\u003e\u003c\/div\u003e\n\n    \u003cdiv class=\"dg-copy\"\u003e\n\n      \u003cdiv class=\"dg-label\"\u003e\n        \u003cspan\u003e\u003c\/span\u003e\n        DASHGEAR\n        \u003cspan\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003ch1 class=\"dg-title\"\u003e\n        Turn wasted space into\u003cbr\u003e\n        \u003cem\u003esmart storage.\u003c\/em\u003e\n      \u003c\/h1\u003e\n\n      \u003cp class=\"dg-description\"\u003e\n        Designed for a cleaner, more organised drive, the PU Side Car Seat\n        Filler \u0026amp; Organizer helps make use of the often-wasted space beside\n        your car seat — keeping your everyday essentials closer and your\n        interior looking neat.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"dg-features\"\u003e\n\n        \u003cdiv class=\"dg-feature\"\u003e\n          \u003cdiv class=\"dg-icon\"\u003e✦\u003c\/div\u003e\n          \u003ch3\u003ePremium PU Finish\u003c\/h3\u003e\n          \u003cp\u003e\n            A sleek, refined look designed to complement your car's interior.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"dg-feature\"\u003e\n          \u003cdiv class=\"dg-icon\"\u003e⌁\u003c\/div\u003e\n          \u003ch3\u003eSmart Storage\u003c\/h3\u003e\n          \u003cp\u003e\n            Make better use of the space beside your seat for everyday items.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"dg-feature\"\u003e\n          \u003cdiv class=\"dg-icon\"\u003e◇\u003c\/div\u003e\n          \u003ch3\u003eClean \u0026amp; Practical\u003c\/h3\u003e\n          \u003cp\u003e\n            A simple way to keep your driving space looking organised.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"dg-image-wrap\"\u003e\n\n      \u003cdiv class=\"dg-image-card\"\u003e\n\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0962\/6710\/8667\/files\/watermarked_img_14762510790004627143.jpg?v=1788078866\" alt=\"DashGear PU Side Car Seat Filler and Organizer\" loading=\"lazy\"\u003e\n\n        \u003cdiv class=\"dg-floating-badge\"\u003e\n          ✦ Sleek. Practical. Organised.\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003cdiv class=\"dg-bottom\"\u003e\n\n    \u003ch2\u003eA cleaner space for every drive.\u003c\/h2\u003e\n\n    \u003cp\u003e\n      From your daily commute to longer road trips, keep your essentials\n      within easy reach while giving your car interior a more organised,\n      premium feel.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e","brand":"My Store","offers":[{"title":"Default Title","offer_id":51625500672315,"sku":null,"price":10.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0962\/6710\/8667\/files\/dashgear-product-packaging-mockup-20260830-1107.png?v=1788080877","url":"https:\/\/dashgear.co.za\/products\/premium-pu-leather-car-seat-gap-organizer","provider":"My Store","version":"1.0","type":"link"}