{"product_id":"drivesno™-seat-gap-filler","title":"DRIVESNO™ Seat Gap Filler","description":"\u003c!-- =========================================================\n     DRIVESNO™ SEAT GAP FILLER\n     Shopify Custom Liquid Landing Page\n========================================================= --\u003e\n\u003csection class=\"sgf-page\"\u003e\u003c!-- =====================================================\n       HERO\n  ====================================================== --\u003e\n\u003csection class=\"sgf-hero\"\u003e\n\u003cdiv class=\"sgf-hero-glow sgf-hero-glow-1\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sgf-hero-glow sgf-hero-glow-2\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sgf-container\"\u003e\n\u003cdiv class=\"sgf-eyebrow\"\u003e\n\u003cspan\u003e\u003c\/span\u003e DRIVESNO™ CAR ORGANIZATION COLLECTION\u003c\/div\u003e\n\u003ch1\u003eSTOP LOSING IT. \u003cstrong\u003eKEEP IT CLOSE.\u003c\/strong\u003e\n\u003c\/h1\u003e\n\u003cp class=\"sgf-hero-copy\"\u003eKeep your essential items within reach and prevent them from disappearing into hard-to-clean spaces.\u003c\/p\u003e\n\u003cdiv class=\"sgf-tags\"\u003e\n\u003cspan\u003eSMART GAP STORAGE\u003c\/span\u003e \u003cspan\u003eEVERYDAY ACCESS\u003c\/span\u003e \u003cspan\u003eCLEANER INTERIOR\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- IMAGE 01 --\u003e\n\u003cdiv class=\"sgf-image sgf-image-hero\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0769\/3687\/2032\/files\/ChatGPT_Image_2026_9_24_15_21_28_5.png?v=1790666623\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n       INTRO\n  ====================================================== --\u003e\n\u003csection class=\"sgf-section sgf-section-light\"\u003e\n\u003cdiv class=\"sgf-container\"\u003e\n\u003cdiv class=\"sgf-heading\"\u003e\n\u003cdiv class=\"sgf-kicker\"\u003e\n\u003cspan\u003e\u003c\/span\u003e SMARTER EVERYDAY STORAGE\u003c\/div\u003e\n\u003ch2\u003eUSE THE SPACE \u003cstrong\u003eYOU ALREADY HAVE.\u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp\u003eThe DRIVESNO™ Seat Gap Filler is designed to utilize the unused space between your seats, helping organize phones, keys, coins, cards, and other everyday items.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sgf-stack\"\u003e\n\u003carticle class=\"sgf-card\"\u003e\n\u003cdiv class=\"sgf-card-number\"\u003e01\u003c\/div\u003e\n\u003cspan class=\"sgf-card-label\"\u003e SMART STORAGE \u003c\/span\u003e\n\u003ch3\u003eTurn Unused Space Into Useful Storage.\u003c\/h3\u003e\n\u003cp\u003eMake better use of the narrow area between your seat and center console with a practical place for the items you use every day.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"sgf-card\"\u003e\n\u003cdiv class=\"sgf-card-number\"\u003e02\u003c\/div\u003e\n\u003cspan class=\"sgf-card-label\"\u003e EASY ACCESS \u003c\/span\u003e\n\u003ch3\u003eKeep Essentials Within Reach.\u003c\/h3\u003e\n\u003cp\u003eStore phones, keys, coins, cards, parking tickets, and other small items where they are easier to see and access while inside your vehicle.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"sgf-card\"\u003e\n\u003cdiv class=\"sgf-card-number\"\u003e03\u003c\/div\u003e\n\u003cspan class=\"sgf-card-label\"\u003e CLEANER INTERIOR \u003c\/span\u003e\n\u003ch3\u003eLess Clutter. Fewer Lost Items.\u003c\/h3\u003e\n\u003cp\u003eHelp prevent small essentials from dropping into difficult-to-reach areas while keeping your center console area cleaner and more organized.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n       DESIGN SECTION\n  ====================================================== --\u003e\n\u003csection class=\"sgf-section sgf-section-dark\"\u003e\n\u003cdiv class=\"sgf-container\"\u003e\n\u003cdiv class=\"sgf-heading sgf-heading-dark\"\u003e\n\u003cdiv class=\"sgf-kicker sgf-kicker-red\"\u003e\n\u003cspan\u003e\u003c\/span\u003e SLIM \u0026amp; PRACTICAL DESIGN\u003c\/div\u003e\n\u003ch2\u003eBUILT TO FIT. \u003cstrong\u003eDESIGNED TO BLEND IN.\u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp\u003eIts slim and practical design fits most vehicles while maintaining a clean and comfortable driving environment.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- IMAGE 02 --\u003e\n\u003cdiv class=\"sgf-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0769\/3687\/2032\/files\/ChatGPT_Image_2026_9_24_15_21_28_7.png?v=1790666623\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sgf-feature-stack\"\u003e\n\u003carticle class=\"sgf-feature\"\u003e\u003cspan class=\"sgf-feature-index\"\u003e 01 \u003c\/span\u003e \u003cspan class=\"sgf-feature-label\"\u003e SLIM PROFILE \u003c\/span\u003e\n\u003ch3\u003ePractical Storage \u003cstrong\u003eWithout The Bulk.\u003c\/strong\u003e\n\u003c\/h3\u003e\n\u003cp\u003eThe slim shape is designed to make use of narrow interior spaces without making your console area feel crowded or oversized.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"sgf-feature\"\u003e\u003cspan class=\"sgf-feature-index\"\u003e 02 \u003c\/span\u003e \u003cspan class=\"sgf-feature-label\"\u003e VEHICLE FRIENDLY \u003c\/span\u003e\n\u003ch3\u003eDesigned For \u003cstrong\u003eEveryday Interiors.\u003c\/strong\u003e\n\u003c\/h3\u003e\n\u003cp\u003eA simple form helps the organizer integrate naturally with a wide range of vehicle interiors while keeping commonly used items nearby.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"sgf-feature\"\u003e\u003cspan class=\"sgf-feature-index\"\u003e 03 \u003c\/span\u003e \u003cspan class=\"sgf-feature-label\"\u003e CLEAN LOOK \u003c\/span\u003e\n\u003ch3\u003eMore Storage. \u003cstrong\u003eLess Visual Clutter.\u003c\/strong\u003e\n\u003c\/h3\u003e\n\u003cp\u003eCreate extra organization without covering large areas of your interior or changing the overall clean look of your vehicle cabin.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n       EVERYDAY ITEMS\n  ====================================================== --\u003e\n\u003csection class=\"sgf-section sgf-section-performance\"\u003e\n\u003cdiv class=\"sgf-container\"\u003e\n\u003cdiv class=\"sgf-heading sgf-heading-dark\"\u003e\n\u003cdiv class=\"sgf-kicker sgf-kicker-white\"\u003e\n\u003cspan\u003e\u003c\/span\u003e KEEP DAILY ESSENTIALS CLOSE\u003c\/div\u003e\n\u003ch2\u003eSMALL ITEMS. \u003cstrong\u003eSMARTER STORAGE.\u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp\u003eCreate a convenient place for the small things drivers reach for most, helping reduce clutter and improve everyday organization inside your vehicle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sgf-use-stack\"\u003e\n\u003carticle class=\"sgf-use-card\"\u003e\u003cspan\u003e 01 \/ PHONE \u003c\/span\u003e\n\u003ch3\u003eKeep Your Phone Easy To Reach.\u003c\/h3\u003e\n\u003cp\u003eGive your phone a more consistent place inside the vehicle instead of leaving it loose on the seat, console, or floor.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"sgf-use-card\"\u003e\u003cspan\u003e 02 \/ KEYS \u0026amp; COINS \u003c\/span\u003e\n\u003ch3\u003eOrganize The Small Things.\u003c\/h3\u003e\n\u003cp\u003eStore keys, loose change, cards, parking tickets, and other small essentials that can easily disappear between seats.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"sgf-use-card\"\u003e\u003cspan\u003e 03 \/ DAILY ESSENTIALS \u003c\/span\u003e\n\u003ch3\u003eKeep Everyday Items In One Convenient Place.\u003c\/h3\u003e\n\u003cp\u003eUse the extra storage area for frequently used accessories and small personal items during commuting and daily driving.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n       LIFESTYLE SECTION\n  ====================================================== --\u003e\n\u003csection class=\"sgf-section sgf-section-white\"\u003e\n\u003cdiv class=\"sgf-container\"\u003e\n\u003cdiv class=\"sgf-heading\"\u003e\n\u003cdiv class=\"sgf-kicker\"\u003e\n\u003cspan\u003e\u003c\/span\u003e MADE FOR EVERYDAY DRIVING\u003c\/div\u003e\n\u003ch2\u003eMORE CONVENIENT. \u003cstrong\u003eMORE ORGANIZED.\u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp\u003ePerfect for daily commuting and long-distance drives, DRIVESNO™ helps make every journey more convenient and organized.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- IMAGE 03 --\u003e\n\u003cdiv class=\"sgf-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0769\/3687\/2032\/files\/ChatGPT_Image_2026_9_24_15_21_28_6.png?v=1790666623\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sgf-lifestyle-stack\"\u003e\n\u003carticle class=\"sgf-life-card\"\u003e\u003cspan\u003e DAILY COMMUTE \u003c\/span\u003e\n\u003ch3\u003eKeep Your Routine Better Organized.\u003c\/h3\u003e\n\u003cp\u003eCreate convenient storage for the small items you carry during workdays, errands, and daily commuting.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"sgf-life-card\"\u003e\u003cspan\u003e CITY DRIVING \u003c\/span\u003e\n\u003ch3\u003eQuick Access During Busy Days.\u003c\/h3\u003e\n\u003cp\u003eKeep frequently used essentials closer at hand while moving between parking, shopping, work, and everyday appointments.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"sgf-life-card\"\u003e\u003cspan\u003e LONG-DISTANCE DRIVING \u003c\/span\u003e\n\u003ch3\u003eStay Organized On Longer Journeys.\u003c\/h3\u003e\n\u003cp\u003eMaintain a cleaner and more convenient interior when driving longer distances or spending more time inside your vehicle.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n       FINAL BRAND SECTION\n  ====================================================== --\u003e\n\u003csection class=\"sgf-final\"\u003e\n\u003cdiv class=\"sgf-final-glow\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sgf-container\"\u003e\n\u003cdiv class=\"sgf-final-inner\"\u003e\n\u003cspan class=\"sgf-final-label\"\u003e DRIVESNO™ \/ CAR ORGANIZATION COLLECTION \u003c\/span\u003e\n\u003ch2\u003eKEEP IT CLOSE. \u003cstrong\u003eKEEP IT ORGANIZED.\u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp\u003eSmarter automotive storage designed to make everyday driving cleaner, easier, and more convenient.\u003c\/p\u003e\n\u003cdiv class=\"sgf-brand-line\"\u003e\n\u003cspan\u003e\u003c\/span\u003e BETTER SOLUTIONS FOR EVERY JOURNEY\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\n   DRIVESNO™\n   SEAT GAP FILLER LANDING PAGE\n========================================================= *\/\n\n.sgf-page{\n\n  --sgf-black:#07090c;\n  --sgf-black2:#101319;\n  --sgf-carbon:#171b21;\n\n  --sgf-red:#e10714;\n  --sgf-red-dark:#910008;\n\n  --sgf-orange:#ff4a0b;\n  --sgf-orange-light:#ff7617;\n\n  --sgf-white:#ffffff;\n  --sgf-light:#f5f6f8;\n\n  --sgf-gray:#6d737b;\n  --sgf-gray-light:#aab0b7;\n\n  width:100%;\n\n  overflow:hidden;\n\n  background:#ffffff;\n\n  color:#16191e;\n\n  font-family:\n  Arial,\n  Helvetica,\n  sans-serif;\n\n}\n\n\n.sgf-page *,\n.sgf-page *::before,\n.sgf-page *::after{\n\n  box-sizing:border-box;\n\n}\n\n\n.sgf-container{\n\n  width:min(\n    1180px,\n    calc(100% - 44px)\n  );\n\n  margin:0 auto;\n\n}\n\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.sgf-hero{\n\n  position:relative;\n\n  overflow:hidden;\n\n  padding:\n  95px 0\n  75px;\n\n  background:\n\n  radial-gradient(\n    circle at 88% 10%,\n    rgba(225,7,20,.26),\n    transparent 29%\n  ),\n\n  radial-gradient(\n    circle at 0% 100%,\n    rgba(255,74,11,.13),\n    transparent 28%\n  ),\n\n  linear-gradient(\n    135deg,\n    #06080b 0%,\n    #12161d 58%,\n    #080a0e 100%\n  );\n\n}\n\n\n.sgf-hero::before{\n\n  content:\"\";\n\n  position:absolute;\n\n  left:-5%;\n  bottom:55px;\n\n  width:65%;\n  height:4px;\n\n  transform:\n  skewX(-30deg);\n\n  background:\n  linear-gradient(\n    90deg,\n    transparent,\n    var(--sgf-red),\n    var(--sgf-orange),\n    transparent\n  );\n\n  box-shadow:\n  0 0 24px\n  rgba(255,45,15,.75);\n\n}\n\n\n.sgf-hero-glow{\n\n  position:absolute;\n\n  border-radius:50%;\n\n  filter:blur(95px);\n\n  pointer-events:none;\n\n}\n\n\n.sgf-hero-glow-1{\n\n  width:520px;\n  height:520px;\n\n  top:-260px;\n  right:-160px;\n\n  background:\n  rgba(225,7,20,.17);\n\n}\n\n\n.sgf-hero-glow-2{\n\n  width:380px;\n  height:380px;\n\n  bottom:-210px;\n  left:-180px;\n\n  background:\n  rgba(255,76,10,.11);\n\n}\n\n\n.sgf-eyebrow{\n\n  position:relative;\n\n  z-index:2;\n\n  display:flex;\n\n  align-items:center;\n\n  gap:12px;\n\n  margin-bottom:24px;\n\n  color:#ff4941;\n\n  font-size:12px;\n\n  font-weight:900;\n\n  letter-spacing:2px;\n\n}\n\n\n.sgf-eyebrow span{\n\n  width:42px;\n  height:3px;\n\n  flex-shrink:0;\n\n  background:\n  linear-gradient(\n    90deg,\n    var(--sgf-red),\n    var(--sgf-orange)\n  );\n\n}\n\n\n.sgf-hero h1{\n\n  position:relative;\n\n  z-index:2;\n\n  max-width:950px;\n\n  margin:0;\n\n  color:#ffffff;\n\n  font-size:\n  clamp(\n    50px,\n    7.5vw,\n    96px\n  );\n\n  line-height:.95;\n\n  letter-spacing:-4px;\n\n  font-weight:900;\n\n}\n\n\n.sgf-hero h1 strong{\n\n  display:block;\n\n  font-weight:900;\n\n  color:transparent;\n\n  background:\n  linear-gradient(\n    90deg,\n    #ef131f,\n    #ff4b0b,\n    #ff7719\n  );\n\n  -webkit-background-clip:text;\n  background-clip:text;\n\n}\n\n\n.sgf-hero-copy{\n\n  position:relative;\n\n  z-index:2;\n\n  max-width:730px;\n\n  margin:\n  30px 0 0;\n\n  color:#c5c9cf;\n\n  font-size:19px;\n\n  line-height:1.8;\n\n}\n\n\n.sgf-tags{\n\n  position:relative;\n\n  z-index:2;\n\n  display:flex;\n\n  flex-wrap:wrap;\n\n  gap:10px;\n\n  margin-top:30px;\n\n}\n\n\n.sgf-tags span{\n\n  padding:\n  10px 15px;\n\n  border:\n  1px solid\n  rgba(255,255,255,.13);\n\n  border-radius:999px;\n\n  background:\n  rgba(255,255,255,.05);\n\n  color:#ffffff;\n\n  font-size:11px;\n\n  font-weight:800;\n\n  letter-spacing:1px;\n\n}\n\n\n\n\/* =========================================================\n   1:1 IMAGE CONTAINERS\n========================================================= *\/\n\n.sgf-image{\n\n  position:relative;\n\n  width:min(\n    100%,\n    900px\n  );\n\n  aspect-ratio:1 \/ 1;\n\n  height:auto;\n\n  overflow:hidden;\n\n  margin-top:55px;\n\n  margin-left:0;\n  margin-right:auto;\n\n  border-radius:24px;\n\n  background:#f2f3f4;\n\n  box-shadow:\n  0 22px 55px\n  rgba(0,0,0,.15);\n\n}\n\n\n.sgf-image-hero{\n\n  position:relative;\n\n  z-index:2;\n\n  width:min(\n    100%,\n    900px\n  );\n\n  aspect-ratio:1 \/ 1;\n\n  height:auto;\n\n}\n\n\n.sgf-image img{\n\n  display:block;\n\n  width:100%;\n  height:100%;\n\n  object-fit:cover;\n\n  object-position:center;\n\n}\n\n\n\n\/* =========================================================\n   GENERAL SECTIONS\n========================================================= *\/\n\n.sgf-section{\n\n  padding:\n  95px 0;\n\n}\n\n\n.sgf-section-light{\n\n  background:\n  linear-gradient(\n    180deg,\n    #ffffff,\n    #f4f5f7\n  );\n\n}\n\n\n.sgf-section-white{\n\n  background:#ffffff;\n\n}\n\n\n.sgf-section-dark{\n\n  color:#ffffff;\n\n  background:\n\n  radial-gradient(\n    circle at 100% 0%,\n    rgba(225,7,20,.17),\n    transparent 29%\n  ),\n\n  radial-gradient(\n    circle at 0% 100%,\n    rgba(255,74,11,.08),\n    transparent 26%\n  ),\n\n  linear-gradient(\n    145deg,\n    #080a0d,\n    #161a21\n  );\n\n}\n\n\n.sgf-section-performance{\n\n  color:#ffffff;\n\n  background:\n\n  radial-gradient(\n    circle at 0% 10%,\n    rgba(255,103,10,.28),\n    transparent 28%\n  ),\n\n  linear-gradient(\n    132deg,\n    #7d0007 0%,\n    #d30713 37%,\n    #181b21 100%\n  );\n\n}\n\n\n\n\/* =========================================================\n   SECTION HEADING\n========================================================= *\/\n\n.sgf-heading{\n\n  max-width:860px;\n\n  margin:0;\n\n  text-align:left;\n\n}\n\n\n.sgf-kicker{\n\n  display:flex;\n\n  align-items:center;\n\n  gap:10px;\n\n  margin-bottom:16px;\n\n  color:#d20813;\n\n  font-size:11px;\n\n  font-weight:900;\n\n  letter-spacing:2px;\n\n}\n\n\n.sgf-kicker span{\n\n  width:30px;\n  height:3px;\n\n  flex-shrink:0;\n\n  background:\n  linear-gradient(\n    90deg,\n    var(--sgf-red),\n    var(--sgf-orange)\n  );\n\n}\n\n\n.sgf-kicker-red{\n\n  color:#ff443d;\n\n}\n\n\n.sgf-kicker-white{\n\n  color:#ffffff;\n\n}\n\n\n.sgf-heading h2{\n\n  margin:0;\n\n  color:#121519;\n\n  font-size:\n  clamp(\n    40px,\n    6vw,\n    72px\n  );\n\n  line-height:1.02;\n\n  letter-spacing:-2.5px;\n\n  font-weight:900;\n\n}\n\n\n.sgf-heading h2 strong{\n\n  display:block;\n\n  color:#df0713;\n\n  font-weight:900;\n\n}\n\n\n.sgf-heading p{\n\n  max-width:790px;\n\n  margin:\n  25px 0 0;\n\n  color:#686e76;\n\n  font-size:17px;\n\n  line-height:1.85;\n\n}\n\n\n.sgf-heading-dark h2{\n\n  color:#ffffff;\n\n}\n\n\n.sgf-heading-dark h2 strong{\n\n  color:#ff3730;\n\n}\n\n\n.sgf-heading-dark p{\n\n  color:#c0c5cc;\n\n}\n\n\n\n\/* =========================================================\n   INTRO STACK\n========================================================= *\/\n\n.sgf-stack{\n\n  display:flex;\n\n  flex-direction:column;\n\n  gap:16px;\n\n  margin-top:55px;\n\n}\n\n\n.sgf-card{\n\n  position:relative;\n\n  overflow:hidden;\n\n  padding:34px;\n\n  border:\n  1px solid\n  #e1e3e6;\n\n  border-radius:22px;\n\n  background:\n  linear-gradient(\n    145deg,\n    #ffffff,\n    #f8f9fa\n  );\n\n  box-shadow:\n  0 14px 38px\n  rgba(0,0,0,.05);\n\n}\n\n\n.sgf-card::after{\n\n  content:\"\";\n\n  position:absolute;\n\n  width:170px;\n  height:170px;\n\n  top:-95px;\n  right:-75px;\n\n  border-radius:50%;\n\n  background:\n  rgba(225,7,20,.06);\n\n}\n\n\n.sgf-card-number{\n\n  position:relative;\n\n  z-index:2;\n\n  margin-bottom:20px;\n\n  color:#dc0713;\n\n  font-size:44px;\n\n  line-height:1;\n\n  font-weight:900;\n\n}\n\n\n.sgf-card-label{\n\n  position:relative;\n\n  z-index:2;\n\n  display:block;\n\n  color:#ce0711;\n\n  font-size:10px;\n\n  font-weight:900;\n\n  letter-spacing:1.8px;\n\n}\n\n\n.sgf-card h3{\n\n  position:relative;\n\n  z-index:2;\n\n  max-width:800px;\n\n  margin:\n  10px 0 0;\n\n  color:#171a1f;\n\n  font-size:\n  clamp(\n    27px,\n    4vw,\n    38px\n  );\n\n  line-height:1.1;\n\n}\n\n\n.sgf-card p{\n\n  position:relative;\n\n  z-index:2;\n\n  max-width:820px;\n\n  margin:\n  15px 0 0;\n\n  color:#6d737b;\n\n  font-size:15px;\n\n  line-height:1.8;\n\n}\n\n\n\n\/* =========================================================\n   DARK FEATURE STACK\n========================================================= *\/\n\n.sgf-feature-stack{\n\n  display:flex;\n\n  flex-direction:column;\n\n  gap:17px;\n\n  margin-top:55px;\n\n}\n\n\n.sgf-feature{\n\n  position:relative;\n\n  overflow:hidden;\n\n  padding:36px;\n\n  border:\n  1px solid\n  rgba(255,255,255,.09);\n\n  border-radius:22px;\n\n  background:\n  linear-gradient(\n    135deg,\n    rgba(255,255,255,.07),\n    rgba(255,255,255,.018)\n  );\n\n  box-shadow:\n  0 18px 45px\n  rgba(0,0,0,.15);\n\n}\n\n\n.sgf-feature::after{\n\n  content:\"\";\n\n  position:absolute;\n\n  width:250px;\n  height:250px;\n\n  right:-150px;\n  top:-140px;\n\n  border-radius:50%;\n\n  background:\n  rgba(225,7,20,.18);\n\n  filter:blur(35px);\n\n}\n\n\n.sgf-feature-index{\n\n  position:relative;\n\n  z-index:2;\n\n  display:block;\n\n  color:#ff312c;\n\n  font-size:38px;\n\n  line-height:1;\n\n  font-weight:900;\n\n}\n\n\n.sgf-feature-label{\n\n  position:relative;\n\n  z-index:2;\n\n  display:block;\n\n  margin-top:14px;\n\n  color:#ff6558;\n\n  font-size:10px;\n\n  font-weight:900;\n\n  letter-spacing:2px;\n\n}\n\n\n.sgf-feature h3{\n\n  position:relative;\n\n  z-index:2;\n\n  max-width:820px;\n\n  margin:\n  16px 0 0;\n\n  color:#ffffff;\n\n  font-size:\n  clamp(\n    29px,\n    4vw,\n    42px\n  );\n\n  line-height:1.08;\n\n}\n\n\n.sgf-feature h3 strong{\n\n  display:block;\n\n  color:#ff3931;\n\n}\n\n\n.sgf-feature p{\n\n  position:relative;\n\n  z-index:2;\n\n  max-width:820px;\n\n  margin:\n  18px 0 0;\n\n  color:#b2b7be;\n\n  font-size:16px;\n\n  line-height:1.8;\n\n}\n\n\n\n\/* =========================================================\n   PERFORMANCE STACK\n========================================================= *\/\n\n.sgf-use-stack{\n\n  display:flex;\n\n  flex-direction:column;\n\n  gap:16px;\n\n  margin-top:54px;\n\n}\n\n\n.sgf-use-card{\n\n  padding:35px;\n\n  border:\n  1px solid\n  rgba(255,255,255,.15);\n\n  border-radius:22px;\n\n  background:\n  rgba(8,10,14,.28);\n\n  backdrop-filter:\n  blur(6px);\n\n}\n\n\n.sgf-use-card span{\n\n  display:block;\n\n  color:#ffffff;\n\n  font-size:10px;\n\n  font-weight:900;\n\n  letter-spacing:2px;\n\n}\n\n\n.sgf-use-card h3{\n\n  max-width:800px;\n\n  margin:\n  14px 0 0;\n\n  color:#ffffff;\n\n  font-size:\n  clamp(\n    28px,\n    4vw,\n    40px\n  );\n\n  line-height:1.1;\n\n}\n\n\n.sgf-use-card p{\n\n  max-width:820px;\n\n  margin:\n  16px 0 0;\n\n  color:#e1e2e4;\n\n  font-size:15px;\n\n  line-height:1.8;\n\n}\n\n\n\n\/* =========================================================\n   LIFESTYLE STACK\n========================================================= *\/\n\n.sgf-lifestyle-stack{\n\n  display:flex;\n\n  flex-direction:column;\n\n  gap:14px;\n\n  margin-top:50px;\n\n}\n\n\n.sgf-life-card{\n\n  padding:31px;\n\n  border-top:\n  1px solid #e8e9eb;\n\n  border-right:\n  1px solid #e8e9eb;\n\n  border-bottom:\n  1px solid #e8e9eb;\n\n  border-left:\n  4px solid\n  var(--sgf-red);\n\n  border-radius:\n  0 18px 18px 0;\n\n  background:#ffffff;\n\n}\n\n\n.sgf-life-card span{\n\n  display:block;\n\n  color:#d10712;\n\n  font-size:10px;\n\n  font-weight:900;\n\n  letter-spacing:2px;\n\n}\n\n\n.sgf-life-card h3{\n\n  margin:\n  12px 0 0;\n\n  color:#171a1f;\n\n  font-size:\n  clamp(\n    25px,\n    3.5vw,\n    34px\n  );\n\n  line-height:1.12;\n\n}\n\n\n.sgf-life-card p{\n\n  max-width:790px;\n\n  margin:\n  13px 0 0;\n\n  color:#6d737b;\n\n  font-size:15px;\n\n  line-height:1.75;\n\n}\n\n\n\n\/* =========================================================\n   FINAL\n========================================================= *\/\n\n.sgf-final{\n\n  position:relative;\n\n  overflow:hidden;\n\n  padding:\n  100px 0;\n\n  background:\n\n  radial-gradient(\n    circle at 90% 15%,\n    rgba(225,7,20,.24),\n    transparent 30%\n  ),\n\n  linear-gradient(\n    140deg,\n    #07090c,\n    #12161c\n  );\n\n}\n\n\n.sgf-final-glow{\n\n  position:absolute;\n\n  right:-180px;\n  bottom:-250px;\n\n  width:520px;\n  height:520px;\n\n  border-radius:50%;\n\n  background:\n  rgba(255,73,10,.14);\n\n  filter:blur(95px);\n\n}\n\n\n.sgf-final-inner{\n\n  position:relative;\n\n  z-index:2;\n\n  max-width:900px;\n\n  text-align:left;\n\n}\n\n\n.sgf-final-label{\n\n  display:block;\n\n  margin-bottom:20px;\n\n  color:#ff4238;\n\n  font-size:11px;\n\n  font-weight:900;\n\n  letter-spacing:2px;\n\n}\n\n\n.sgf-final h2{\n\n  margin:0;\n\n  color:#ffffff;\n\n  font-size:\n  clamp(\n    43px,\n    6vw,\n    76px\n  );\n\n  line-height:1;\n\n  letter-spacing:-2.8px;\n\n  font-weight:900;\n\n}\n\n\n.sgf-final h2 strong{\n\n  display:block;\n\n  color:transparent;\n\n  background:\n  linear-gradient(\n    90deg,\n    #ef151f,\n    #ff4d0c,\n    #ff7819\n  );\n\n  -webkit-background-clip:text;\n  background-clip:text;\n\n}\n\n\n.sgf-final p{\n\n  max-width:720px;\n\n  margin:\n  25px 0 0;\n\n  color:#b8bdc4;\n\n  font-size:17px;\n\n  line-height:1.8;\n\n}\n\n\n.sgf-brand-line{\n\n  display:flex;\n\n  align-items:center;\n\n  gap:14px;\n\n  margin-top:34px;\n\n  color:#ffffff;\n\n  font-size:10px;\n\n  font-weight:900;\n\n  letter-spacing:2px;\n\n}\n\n\n.sgf-brand-line span{\n\n  width:46px;\n  height:3px;\n\n  flex-shrink:0;\n\n  background:\n  linear-gradient(\n    90deg,\n    var(--sgf-red),\n    var(--sgf-orange)\n  );\n\n}\n\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media(max-width:900px){\n\n\n  .sgf-container{\n\n    width:\n    calc(100% - 30px);\n\n  }\n\n\n  .sgf-hero{\n\n    padding:\n    75px 0\n    60px;\n\n  }\n\n\n  .sgf-image,\n  .sgf-image-hero{\n\n    width:min(\n      100%,\n      760px\n    );\n\n    aspect-ratio:1 \/ 1;\n\n    height:auto;\n\n    margin-top:45px;\n\n    border-radius:22px;\n\n  }\n\n\n  .sgf-section{\n\n    padding:\n    75px 0;\n\n  }\n\n}\n\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:640px){\n\n\n  .sgf-container{\n\n    width:\n    calc(100% - 24px);\n\n  }\n\n\n  .sgf-hero{\n\n    padding:\n    58px 0\n    45px;\n\n  }\n\n\n  .sgf-eyebrow{\n\n    font-size:10px;\n\n    letter-spacing:1.4px;\n\n  }\n\n\n  .sgf-eyebrow span{\n\n    width:28px;\n\n  }\n\n\n  .sgf-hero h1{\n\n    font-size:45px;\n\n    line-height:.98;\n\n    letter-spacing:-2px;\n\n  }\n\n\n  .sgf-hero-copy{\n\n    margin-top:23px;\n\n    font-size:16px;\n\n    line-height:1.7;\n\n  }\n\n\n  .sgf-tags{\n\n    gap:8px;\n\n    margin-top:24px;\n\n  }\n\n\n  .sgf-tags span{\n\n    padding:\n    9px 11px;\n\n    font-size:10px;\n\n  }\n\n\n  \/* =========================\n     MOBILE 1:1 IMAGE\n  ========================== *\/\n\n  .sgf-image,\n  .sgf-image-hero{\n\n    width:100%;\n\n    aspect-ratio:1 \/ 1;\n\n    height:auto;\n\n    margin-top:34px;\n\n    border-radius:16px;\n\n  }\n\n\n  .sgf-image img{\n\n    width:100%;\n    height:100%;\n\n    object-fit:cover;\n\n    object-position:center;\n\n  }\n\n\n  .sgf-section{\n\n    padding:\n    60px 0;\n\n  }\n\n\n  .sgf-heading h2{\n\n    font-size:39px;\n\n    line-height:1.02;\n\n    letter-spacing:-1.6px;\n\n  }\n\n\n  .sgf-heading p{\n\n    margin-top:20px;\n\n    font-size:16px;\n\n    line-height:1.7;\n\n  }\n\n\n  .sgf-card{\n\n    padding:\n    25px 22px;\n\n  }\n\n\n  .sgf-card-number{\n\n    margin-bottom:16px;\n\n    font-size:36px;\n\n  }\n\n\n  .sgf-card h3{\n\n    font-size:27px;\n\n  }\n\n\n  .sgf-card p{\n\n    font-size:14px;\n\n  }\n\n\n  .sgf-feature{\n\n    padding:\n    26px 22px;\n\n  }\n\n\n  .sgf-feature-index{\n\n    font-size:34px;\n\n  }\n\n\n  .sgf-feature h3{\n\n    font-size:29px;\n\n  }\n\n\n  .sgf-feature p{\n\n    font-size:15px;\n\n  }\n\n\n  .sgf-use-card{\n\n    padding:\n    25px 22px;\n\n  }\n\n\n  .sgf-use-card h3{\n\n    font-size:28px;\n\n  }\n\n\n  .sgf-life-card{\n\n    padding:\n    25px 20px;\n\n  }\n\n\n  .sgf-life-card h3{\n\n    font-size:25px;\n\n  }\n\n\n  .sgf-final{\n\n    padding:\n    68px 0;\n\n  }\n\n\n  .sgf-final h2{\n\n    font-size:40px;\n\n    letter-spacing:-1.6px;\n\n  }\n\n\n  .sgf-final p{\n\n    font-size:16px;\n\n  }\n\n\n  .sgf-brand-line{\n\n    align-items:flex-start;\n\n    line-height:1.6;\n\n  }\n\n}\n\n\u003c\/style\u003e","brand":"Drivesno™","offers":[{"title":"1 pc","offer_id":50528920469600,"sku":"DRIVESNO*1","price":19.99,"currency_code":"USD","in_stock":true},{"title":"2 pcs","offer_id":50528920502368,"sku":"DRIVESNO*2","price":34.99,"currency_code":"USD","in_stock":true},{"title":"4 pcs","offer_id":50528920535136,"sku":"DRIVESNO*4","price":59.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0769\/3687\/2032\/files\/1.png?v=1790666577","url":"https:\/\/drivesno.com\/products\/drivesno%e2%84%a2-seat-gap-filler","provider":"Drivesno™","version":"1.0","type":"link"}