{"product_id":"humm-glo-1","title":"HUMM GLO","description":"\u003cstyle\u003e\n  \/* =========================================================\n     HUMM PREMIUM FEATURE GRID\n     Desktop: 2 x 2\n     Mobile: 1 column\n     ========================================================= *\/\n\n  .humm-feature-grid {\n    --humm-text: #050505 !important;\n    --humm-muted: #555555 !important;\n    --humm-border: rgba(0, 0, 0, 0.14) !important;\n\n    width: 100% !important;\n    max-width: 100% !important;\n\n    box-sizing: border-box !important;\n\n    padding: 22px 0 !important;\n\n    border-top: 1px solid var(--humm-border) !important;\n    border-bottom: 1px solid var(--humm-border) !important;\n\n    font-family: inherit !important;\n\n    color: var(--humm-text) !important;\n\n    overflow: hidden !important;\n  }\n\n  .humm-feature-grid *,\n  .humm-feature-grid *::before,\n  .humm-feature-grid *::after {\n    box-sizing: border-box !important;\n  }\n\n\n  \/* =========================================================\n     TOP HEADLINE\n     ========================================================= *\/\n\n  .humm-feature-grid__headline {\n    width: 100% !important;\n    max-width: 620px !important;\n\n    margin: 0 0 22px 0 !important;\n    padding: 0 !important;\n\n    color: var(--humm-text) !important;\n\n    font-family: inherit !important;\n\n    font-size: 16px !important;\n    font-weight: 700 !important;\n    line-height: 1.4 !important;\n\n    letter-spacing: -0.01em !important;\n\n    text-transform: none !important;\n    text-decoration: none !important;\n\n    white-space: normal !important;\n\n    word-break: normal !important;\n    overflow-wrap: break-word !important;\n  }\n\n\n  \/* =========================================================\n     GRID\n     ========================================================= *\/\n\n  .humm-feature-grid__inner {\n    display: grid !important;\n\n    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n\n    column-gap: 38px !important;\n    row-gap: 22px !important;\n\n    width: 100% !important;\n\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n\n\n  \/* =========================================================\n     FEATURE ITEM\n     ========================================================= *\/\n\n  .humm-feature-grid__item {\n    display: grid !important;\n\n    grid-template-columns: 42px minmax(0, 1fr) !important;\n\n    align-items: center !important;\n\n    gap: 11px !important;\n\n    width: 100% !important;\n    min-width: 0 !important;\n\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n\n\n  \/* =========================================================\n     ICON\n     ========================================================= *\/\n\n  .humm-feature-grid__icon {\n    display: flex !important;\n\n    align-items: center !important;\n    justify-content: center !important;\n\n    width: 42px !important;\n    height: 42px !important;\n\n    min-width: 42px !important;\n    min-height: 42px !important;\n\n    flex-shrink: 0 !important;\n\n    color: var(--humm-text) !important;\n\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n\n  .humm-feature-grid__icon svg {\n    display: block !important;\n\n    width: 33px !important;\n    height: 33px !important;\n\n    max-width: none !important;\n    max-height: none !important;\n\n    margin: 0 !important;\n    padding: 0 !important;\n\n    fill: none !important;\n\n    stroke: currentColor !important;\n    stroke-width: 1.8 !important;\n\n    stroke-linecap: round !important;\n    stroke-linejoin: round !important;\n\n    overflow: visible !important;\n  }\n\n\n  \/* =========================================================\n     FEATURE TEXT\n     ========================================================= *\/\n\n  .humm-feature-grid__content {\n    width: 100% !important;\n    min-width: 0 !important;\n\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n\n  .humm-feature-grid__title {\n    margin: 0 0 3px 0 !important;\n    padding: 0 !important;\n\n    color: var(--humm-text) !important;\n\n    font-family: inherit !important;\n\n    \/* SMALLER DESKTOP FONT *\/\n    font-size: 15px !important;\n    font-weight: 700 !important;\n    line-height: 1.2 !important;\n\n    letter-spacing: -0.015em !important;\n\n    text-transform: none !important;\n    text-decoration: none !important;\n\n    white-space: normal !important;\n\n    word-break: normal !important;\n    overflow-wrap: break-word !important;\n  }\n\n  .humm-feature-grid__description {\n    margin: 0 !important;\n    padding: 0 !important;\n\n    color: var(--humm-muted) !important;\n\n    font-family: inherit !important;\n\n    \/* SMALLER DESKTOP FONT *\/\n    font-size: 12.5px !important;\n    font-weight: 400 !important;\n    line-height: 1.35 !important;\n\n    letter-spacing: normal !important;\n\n    text-transform: none !important;\n    text-decoration: none !important;\n\n    white-space: normal !important;\n\n    word-break: normal !important;\n    overflow-wrap: break-word !important;\n  }\n\n\n  \/* =========================================================\n     TABLET\n     ========================================================= *\/\n\n  @media screen and (max-width: 900px) {\n\n    .humm-feature-grid {\n      padding: 20px 0 !important;\n    }\n\n    .humm-feature-grid__headline {\n      max-width: 540px !important;\n\n      margin-bottom: 20px !important;\n\n      font-size: 15px !important;\n      line-height: 1.4 !important;\n    }\n\n    .humm-feature-grid__inner {\n      column-gap: 22px !important;\n      row-gap: 20px !important;\n    }\n\n    .humm-feature-grid__item {\n      grid-template-columns: 38px minmax(0, 1fr) !important;\n\n      gap: 9px !important;\n    }\n\n    .humm-feature-grid__icon {\n      width: 38px !important;\n      height: 38px !important;\n\n      min-width: 38px !important;\n      min-height: 38px !important;\n    }\n\n    .humm-feature-grid__icon svg {\n      width: 30px !important;\n      height: 30px !important;\n    }\n\n    .humm-feature-grid__title {\n      font-size: 14px !important;\n      line-height: 1.2 !important;\n    }\n\n    .humm-feature-grid__description {\n      font-size: 12px !important;\n      line-height: 1.35 !important;\n    }\n  }\n\n\n  \/* =========================================================\n     MOBILE\n     Reference layout: 4 horizontal icon columns\n     Desktop above remains unchanged\n     ========================================================= *\/\n\n  @media screen and (max-width: 600px) {\n\n    .humm-feature-grid {\n      width: 100% !important;\n      max-width: 100% !important;\n\n      padding: 18px 0 !important;\n\n      overflow: visible !important;\n    }\n\n\n    \/* TOP COPY *\/\n\n    .humm-feature-grid__headline {\n      width: 100% !important;\n      max-width: 100% !important;\n\n      margin: 0 0 16px 0 !important;\n\n      font-size: 14px !important;\n      font-weight: 700 !important;\n      line-height: 1.4 !important;\n\n      letter-spacing: -0.01em !important;\n    }\n\n\n    \/* 4-COLUMN MOBILE FEATURE ROW *\/\n\n    .humm-feature-grid__inner {\n      display: grid !important;\n\n      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\n\n      column-gap: 0 !important;\n      row-gap: 0 !important;\n\n      width: 100% !important;\n\n      margin: 0 !important;\n      padding: 0 !important;\n\n      align-items: stretch !important;\n    }\n\n\n    \/*\n      Mobile order to match the reference:\n      1. Patented HIT™ Sound\n      2. 18-Hour Playback\n      3. Clip-On IP67 Protection\n      4. Built-In Ambient Glow\n\n      Desktop DOM\/order is untouched.\n    *\/\n\n    .humm-feature-grid__item:nth-child(1) {\n      order: 1 !important;\n    }\n\n    .humm-feature-grid__item:nth-child(4) {\n      order: 2 !important;\n    }\n\n    .humm-feature-grid__item:nth-child(3) {\n      order: 3 !important;\n    }\n\n    .humm-feature-grid__item:nth-child(2) {\n      order: 4 !important;\n    }\n\n\n    \/* FEATURE ITEM *\/\n\n    .humm-feature-grid__item {\n      position: relative !important;\n\n      display: flex !important;\n      flex-direction: column !important;\n\n      align-items: center !important;\n      justify-content: flex-start !important;\n\n      gap: 6px !important;\n\n      width: 100% !important;\n      min-width: 0 !important;\n\n      margin: 0 !important;\n      padding: 2px 8px !important;\n\n      border: 0 !important;\n\n      text-align: center !important;\n    }\n\n\n    \/* VERTICAL DIVIDERS *\/\n\n    .humm-feature-grid__item::after {\n      content: \"\" !important;\n\n      position: absolute !important;\n\n      top: 6px !important;\n      right: 0 !important;\n      bottom: 6px !important;\n\n      width: 1px !important;\n\n      background: rgba(0, 0, 0, 0.10) !important;\n    }\n\n    .humm-feature-grid__item:nth-child(2)::after {\n      display: none !important;\n    }\n\n\n    \/* ICON *\/\n\n    .humm-feature-grid__icon {\n      display: flex !important;\n\n      align-items: center !important;\n      justify-content: center !important;\n\n      width: 34px !important;\n      height: 34px !important;\n\n      min-width: 34px !important;\n      min-height: 34px !important;\n\n      margin: 0 0 2px 0 !important;\n      padding: 0 !important;\n    }\n\n    .humm-feature-grid__icon svg {\n      display: block !important;\n\n      width: 29px !important;\n      height: 29px !important;\n\n      min-width: 29px !important;\n      min-height: 29px !important;\n\n      margin: 0 !important;\n      padding: 0 !important;\n\n      stroke-width: 1.8 !important;\n    }\n\n\n    \/* TEXT *\/\n\n    .humm-feature-grid__content {\n      display: flex !important;\n      flex-direction: column !important;\n\n      align-items: center !important;\n\n      width: 100% !important;\n      min-width: 0 !important;\n\n      margin: 0 !important;\n      padding: 0 !important;\n\n      text-align: center !important;\n    }\n\n    .humm-feature-grid__title {\n      width: 100% !important;\n\n      margin: 0 0 2px 0 !important;\n      padding: 0 !important;\n\n      font-size: 10.5px !important;\n      font-weight: 700 !important;\n      line-height: 1.18 !important;\n\n      letter-spacing: -0.01em !important;\n\n      text-align: center !important;\n\n      white-space: normal !important;\n      word-break: normal !important;\n      overflow-wrap: break-word !important;\n    }\n\n    .humm-feature-grid__description {\n      display: none !important;\n    }\n  }\n\n\n  \/* =========================================================\n     SMALL MOBILE\n     ========================================================= *\/\n\n  @media screen and (max-width: 380px) {\n\n    .humm-feature-grid {\n      padding: 16px 0 !important;\n    }\n\n    .humm-feature-grid__headline {\n      margin-bottom: 14px !important;\n\n      font-size: 13.5px !important;\n      line-height: 1.4 !important;\n    }\n\n    .humm-feature-grid__item {\n      gap: 5px !important;\n\n      padding-left: 5px !important;\n      padding-right: 5px !important;\n    }\n\n    .humm-feature-grid__icon {\n      width: 31px !important;\n      height: 31px !important;\n\n      min-width: 31px !important;\n      min-height: 31px !important;\n    }\n\n    .humm-feature-grid__icon svg {\n      width: 26px !important;\n      height: 26px !important;\n\n      min-width: 26px !important;\n      min-height: 26px !important;\n    }\n\n    .humm-feature-grid__title {\n      font-size: 9.8px !important;\n      line-height: 1.16 !important;\n    }\n\n    .humm-feature-grid__description {\n      font-size: 8.3px !important;\n      line-height: 1.18 !important;\n    }\n  }\n\n\n  \/* =========================================================\n     VERY SMALL MOBILE\n     ========================================================= *\/\n\n  @media screen and (max-width: 320px) {\n\n    .humm-feature-grid__headline {\n      font-size: 13px !important;\n    }\n\n    .humm-feature-grid__item {\n      gap: 4px !important;\n\n      padding-left: 3px !important;\n      padding-right: 3px !important;\n    }\n\n    .humm-feature-grid__icon {\n      width: 29px !important;\n      height: 29px !important;\n\n      min-width: 29px !important;\n      min-height: 29px !important;\n    }\n\n    .humm-feature-grid__icon svg {\n      width: 24px !important;\n      height: 24px !important;\n\n      min-width: 24px !important;\n      min-height: 24px !important;\n    }\n\n    .humm-feature-grid__title {\n      font-size: 9px !important;\n      line-height: 1.15 !important;\n    }\n\n  }\n\n\u003c\/style\u003e\n\u003cdiv class=\"humm-feature-grid\"\u003e\n\u003c!-- TOP HEADLINE --\u003e\n\u003cp class=\"humm-feature-grid__headline\"\u003eMake every moment fun and memorable with great sound and a warm ambiance that goes everywhere with you.\u003c\/p\u003e\n\u003cdiv class=\"humm-feature-grid__inner\"\u003e\n\u003c!-- 1. PATENTED HIT SOUND --\u003e\n\u003cdiv class=\"humm-feature-grid__item\"\u003e\n\u003cdiv class=\"humm-feature-grid__icon\"\u003e\u003csvg viewbox=\"0 0 48 48\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n          \u003cpath d=\"M7 28h7l10 8V12l-10 8H7z\"\u003e\u003c\/path\u003e\n\n          \u003cpath d=\"M31 18\n               c2.2 1.7 3.5 3.7 3.5 6\n               s-1.3 4.3-3.5 6\"\u003e\u003c\/path\u003e\n\n          \u003cpath d=\"M35.5 13.5\n               C39.3 16.2 41 19.7 41 24\n               s-1.7 7.8-5.5 10.5\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"humm-feature-grid__content\"\u003e\n\u003ch3 class=\"humm-feature-grid__title\"\u003ePatented HIT™ Sound\u003c\/h3\u003e\n\u003cp class=\"humm-feature-grid__description\"\u003ePowerful full-range audio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2. AMBIENT GLOW --\u003e\n\u003cdiv class=\"humm-feature-grid__item\"\u003e\n\u003cdiv class=\"humm-feature-grid__icon\"\u003e\u003csvg viewbox=\"0 0 48 48\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\n          \u003ccircle cx=\"24\" cy=\"24\" r=\"7\"\u003e\u003c\/circle\u003e\n\n          \u003cpath d=\"M24 5v6\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M24 37v6\"\u003e\u003c\/path\u003e\n\n          \u003cpath d=\"M5 24h6\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M37 24h6\"\u003e\u003c\/path\u003e\n\n          \u003cpath d=\"M10.5 10.5l4.3 4.3\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M33.2 33.2l4.3 4.3\"\u003e\u003c\/path\u003e\n\n          \u003cpath d=\"M37.5 10.5l-4.3 4.3\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M14.8 33.2l-4.3 4.3\"\u003e\u003c\/path\u003e\n\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"humm-feature-grid__content\"\u003e\n\u003ch3 class=\"humm-feature-grid__title\"\u003eBuilt-In Ambient Glow\u003c\/h3\u003e\n\u003cp class=\"humm-feature-grid__description\"\u003eTwo adjustable brightness levels\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. IP67 --\u003e\n\u003cdiv class=\"humm-feature-grid__item\"\u003e\n\u003cdiv class=\"humm-feature-grid__icon\"\u003e\u003csvg viewbox=\"0 0 48 48\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\n          \u003cpath d=\"M24 5\n               L39 11\n               V21\n               C39 31 33.2 38.4 24 43\n               C14.8 38.4 9 31 9 21\n               V11\n               Z\"\u003e\u003c\/path\u003e\n\n          \u003cpath d=\"M24 15\n               C20.4 20 18 23.1 18 26.2\n               A6 6 0 0 0 30 26.2\n               C30 23.1 27.6 20 24 15Z\"\u003e\u003c\/path\u003e\n\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"humm-feature-grid__content\"\u003e\n\u003ch3 class=\"humm-feature-grid__title\"\u003eClip-On IP67 Protection\u003c\/h3\u003e\n\u003cp class=\"humm-feature-grid__description\"\u003eWater, dust \u0026amp; adventure ready\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4. BATTERY --\u003e\n\u003cdiv class=\"humm-feature-grid__item\"\u003e\n\u003cdiv class=\"humm-feature-grid__icon\"\u003e\u003csvg viewbox=\"0 0 48 48\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n\n          \u003crect x=\"5\" y=\"14\" width=\"34\" height=\"20\" rx=\"4\"\u003e\u003c\/rect\u003e\n\n          \u003cpath d=\"M39 20h4v8h-4\"\u003e\u003c\/path\u003e\n\n          \u003cpath d=\"M22 17\n               L15 26\n               H22\n               L19 34\n               L30 22\n               H23\n               L27 17\n               Z\"\u003e\u003c\/path\u003e\n\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"humm-feature-grid__content\"\u003e\n\u003ch3 class=\"humm-feature-grid__title\"\u003e18-Hour Playback\u003c\/h3\u003e\n\u003cp class=\"humm-feature-grid__description\"\u003eStereo-ready all day\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"HUMM Audio","offers":[{"title":"Green","offer_id":52301959692508,"sku":"HUMM-GLO-GRN","price":54.99,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":52301959725276,"sku":"HUMM-GLO-WHT","price":54.99,"currency_code":"USD","in_stock":true},{"title":"Black","offer_id":52301959758044,"sku":"HUMM-GLO-BLK","price":54.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0805\/0068\/7068\/files\/Add_a_little_bit_of_body_text_7.png?v=1787931227","url":"https:\/\/hummaudio.com\/products\/humm-glo-1","provider":"HUMM Audio","version":"1.0","type":"link"}