/* Glo Up – global header & footer, matched to Figma (desktop 1440 / mobile 402). Loaded on every page by glo-up-product-dynamic.php. 2026-10-07 */

/* ========== HEADER ========== */
/* Desktop & laptop (1025+): 1280px grid, nav | logo | nav + button (Figma: 472 / 289 / 519 of 1280) */
@media (min-width: 1025px) {
.fusion-tb-header > .fusion-fullwidth.fusion-no-small-visibility { padding: clamp(30px, 3.55vw, 51px) max(80px, calc(50vw - 648px)) !important; }
.fusion-tb-header > .fusion-fullwidth.fusion-no-small-visibility > .fusion-builder-row { margin: 0 !important; width: 100% !important; max-width: 100% !important; }
.fusion-tb-header > .fusion-fullwidth.fusion-no-small-visibility > .fusion-builder-row > .fusion-layout-column:nth-child(1) { flex: 0 0 36.875% !important; width: 36.875% !important; max-width: 36.875% !important; }
.fusion-tb-header > .fusion-fullwidth.fusion-no-small-visibility > .fusion-builder-row > .fusion-layout-column:nth-child(2) { flex: 0 0 22.578% !important; width: 22.578% !important; max-width: 22.578% !important; }
.fusion-tb-header > .fusion-fullwidth.fusion-no-small-visibility > .fusion-builder-row > .fusion-layout-column:nth-child(3) { flex: 0 0 40.547% !important; width: 40.547% !important; max-width: 40.547% !important; }
.fusion-tb-header > .fusion-fullwidth.fusion-no-small-visibility > .fusion-builder-row > .fusion-layout-column > .fusion-column-wrapper { padding: 0 !important; margin: 0 !important; }
.fusion-tb-header nav.awb-menu .awb-menu__main-ul > li { margin: 0 !important; }
.fusion-tb-header > .fusion-fullwidth.fusion-no-small-visibility > .fusion-builder-row > .fusion-layout-column:nth-child(1) nav.awb-menu .awb-menu__main-ul { gap: clamp(26px, 3.576vw, 51.5px) !important; }
.fusion-tb-header > .fusion-fullwidth.fusion-no-small-visibility > .fusion-builder-row > .fusion-layout-column:nth-child(3) nav.awb-menu .awb-menu__main-ul { gap: clamp(22px, 2.986vw, 43px) !important; }
.fusion-tb-header nav.awb-menu .awb-menu__main-ul > li > a, .fusion-tb-header nav.awb-menu .awb-menu__main-ul > li > a .menu-text { font-size: clamp(16px, 1.667vw, 24px) !important; }
.fusion-tb-header > .fusion-fullwidth.fusion-no-small-visibility nav.awb-menu { position: relative; top: 13px; }
.fusion-tb-header > .fusion-fullwidth.fusion-no-small-visibility .fusion-imageframe { position: relative; top: -12px; }
.fusion-tb-header > .fusion-fullwidth.fusion-no-small-visibility .fusion-imageframe img { width: clamp(64px, 6.04vw, 87px) !important; height: auto !important; }
.fusion-tb-header > .fusion-fullwidth.fusion-no-small-visibility .fusion-button { background: linear-gradient(90deg, #c39f4b 0%, #0a99a1 50%, #5857d7 100%) !important; border: 0 !important; color: #fff !important; height: clamp(44px, 4.17vw, 60px); padding: 0 clamp(14px, 1.7vw, 24.5px) !important; display: inline-flex !important; align-items: center; justify-content: center; box-sizing: border-box; position: relative; top: 1px; }
.fusion-tb-header > .fusion-fullwidth.fusion-no-small-visibility .fusion-button .fusion-button-text { color: #fff !important; -webkit-text-fill-color: #fff !important; background: none !important; font-size: clamp(16px, 1.667vw, 24px) !important; line-height: 1 !important; }
.fusion-tb-header > .fusion-fullwidth.fusion-no-small-visibility .fusion-button::before, .fusion-tb-header > .fusion-fullwidth.fusion-no-small-visibility .fusion-button::after { display: none !important; }
}

/* Tablet (641-1024): show the mobile header (hamburger | logo | button) instead of the desktop one with two collapsed menus */
@media (min-width: 641px) and (max-width: 1024.98px) {
html body .fusion-tb-header > .fusion-fullwidth.fusion-no-small-visibility { display: none !important; }
html body .fusion-tb-header > .fusion-fullwidth.fusion-no-medium-visibility { display: flex !important; }
}

/* Mobile & tablet header (Figma mobile: 98px tall, filled gradient button 112 x 36) */
@media (max-width: 1024.98px) {
.fusion-tb-header > .fusion-fullwidth.fusion-no-medium-visibility { min-height: 98px; align-items: center; }
.fusion-tb-header > .fusion-fullwidth.fusion-no-medium-visibility > .fusion-builder-row { width: 100% !important; }
.fusion-tb-header > .fusion-fullwidth.fusion-no-medium-visibility .fusion-imageframe img { width: 56px !important; height: auto !important; }
.fusion-tb-header > .fusion-fullwidth.fusion-no-medium-visibility .fusion-button { background: linear-gradient(90deg, #c39f4b 0%, #0a99a1 50%, #5857d7 100%) !important; border: 0 !important; color: #fff !important; height: 36px; padding: 0 9px !important; display: inline-flex !important; align-items: center; justify-content: center; box-sizing: border-box; }
.fusion-tb-header > .fusion-fullwidth.fusion-no-medium-visibility .fusion-button .fusion-button-text { color: #fff !important; -webkit-text-fill-color: #fff !important; background: none !important; font-size: 14px !important; line-height: 1 !important; }
.fusion-tb-header > .fusion-fullwidth.fusion-no-medium-visibility .fusion-button::before, .fusion-tb-header > .fusion-fullwidth.fusion-no-medium-visibility .fusion-button::after { display: none !important; }
}

/* ========== FOOTER ========== */
@media (min-width: 1025px) {
.fusion-tb-footer .fusion-fullwidth { padding-left: max(80px, calc(50vw - 648px)) !important; padding-right: max(80px, calc(50vw - 648px)) !important; }
.fusion-tb-footer .fusion-fullwidth > .fusion-builder-row { margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; max-width: 100% !important; }
.fusion-tb-footer .fusion-fullwidth > .fusion-builder-row > .fusion-layout-column > .fusion-column-wrapper { padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; }
.fusion-tb-footer .fusion-fullwidth:first-child { padding-top: 68px !important; padding-bottom: 69px !important; }
.fusion-tb-footer .fusion-fullwidth:first-child .fusion-builder-row-inner { margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; max-width: 100% !important; }
.fusion-tb-footer .fusion-fullwidth:first-child .fusion-builder-row-inner > .fusion-layout-column { margin-left: 0 !important; margin-right: 0 !important; }
.fusion-tb-footer .fusion-fullwidth:first-child .fusion-builder-row-inner > .fusion-layout-column > .fusion-column-wrapper { padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; }
.fusion-tb-footer .fusion-fullwidth:first-child .fusion-builder-row-inner > .fusion-layout-column:nth-child(1) { flex: 0 0 29.54% !important; width: 29.54% !important; max-width: 29.54% !important; }
.fusion-tb-footer .fusion-fullwidth:first-child .fusion-builder-row-inner > .fusion-layout-column:nth-child(3) { flex: 0 0 26.38% !important; width: 26.38% !important; max-width: 26.38% !important; }
.fusion-tb-footer .fusion-fullwidth:first-child .fusion-builder-row-inner > .fusion-layout-column:nth-child(5) { flex: 1 1 0 !important; width: auto !important; max-width: none !important; }
.fusion-tb-footer .fusion-fullwidth:first-child .fusion-imageframe { margin-left: 6px; margin-top: -2px; }
.fusion-tb-footer nav.awb-menu_column { margin-top: 12px; }
.fusion-tb-footer nav.awb-menu_column .awb-menu__main-ul > li { margin-bottom: 23px !important; }
.fusion-tb-footer nav.awb-menu_column .awb-menu__main-ul > li:last-child { margin-bottom: 0 !important; }
.fusion-tb-footer .fusion-fullwidth:first-child .fusion-button { padding-left: 18px !important; padding-right: 18px !important; }
.fusion-tb-footer .fusion-social-links { margin-top: 6px !important; }
.fusion-tb-footer .fusion-fullwidth:last-child { padding-bottom: 15px !important; }
.fusion-tb-footer .fusion-fullwidth:first-child .fusion-layout-column { margin-bottom: 0 !important; }
}

/* ========== HOME PAGE (page-id-53), desktop/laptop, matched to "GLO UP_WEB_Home" ========== */
@media (min-width: 1025px) {
/* Hero */
body.home .post-content > .fusion-fullwidth:nth-child(1) { padding-top: 61px !important; }
body.home .post-content > .fusion-fullwidth:nth-child(1) .fusion-title-1 h1, body.home .post-content > .fusion-fullwidth:nth-child(1) .fusion-title-1 h2 { letter-spacing: -0.05em !important; line-height: 96px !important; }
body.home .post-content > .fusion-fullwidth:nth-child(1) .fusion-text-1 { margin-top: 21px !important; }
body.home .post-content > .fusion-fullwidth:nth-child(1) .fusion-text-3 { margin-bottom: 36px !important; }
body.home .post-content > .fusion-fullwidth:nth-child(1) .fusion-image-element.fusion-no-small-visibility { margin-bottom: -83px !important; }

/* The new drop: text column 36%, 290px cards with 25px gap running off the right edge, arrows top-right */
body.home .post-content > .fusion-fullwidth:nth-child(3) { margin-top: 29px !important; padding-top: 115px !important; margin-bottom: 19px !important; overflow: hidden; }
body.home .post-content > .fusion-fullwidth:nth-child(3) > .fusion-builder-row > .fusion-layout-column:nth-child(1) { flex: 0 0 36% !important; width: 36% !important; max-width: 36% !important; }
body.home .post-content > .fusion-fullwidth:nth-child(3) > .fusion-builder-row > .fusion-layout-column:nth-child(2) { flex: 1 1 0 !important; width: auto !important; max-width: none !important; min-width: 0 !important; }
body.home .post-content > .fusion-fullwidth:nth-child(3) .fusion-title { margin-bottom: 20px !important; }
body.home .post-content > .fusion-fullwidth:nth-child(3) .fusion-text-14 { margin-bottom: 62px !important; }
body.home .post-content > .fusion-fullwidth:nth-child(3) .awb-swiper { overflow: visible !important; clip-path: inset(-80px -100vw -80px 0); margin-top: -11px !important; }
body.home .post-content > .fusion-fullwidth:nth-child(3) .awb-swiper .swiper-wrapper > .fusion_builder_column { width: 290px !important; }
body.home .post-content > .fusion-fullwidth:nth-child(3) .awb-swiper-button { display: flex !important; opacity: 1 !important; visibility: visible !important; top: -58px !important; width: 30px !important; height: 30px !important; margin: 0 !important; transform: none !important; border: 1px solid #000 !important; border-radius: 50% !important; background: transparent !important; color: #000 !important; align-items: center; justify-content: center; }
body.home .post-content > .fusion-fullwidth:nth-child(3) .awb-swiper-button-prev { left: calc(100% - 24px) !important; right: auto !important; }
body.home .post-content > .fusion-fullwidth:nth-child(3) .awb-swiper-button-next { left: calc(100% + 22px) !important; right: auto !important; }
body.home .post-content > .fusion-fullwidth:nth-child(3) .awb-swiper-button i, body.home .post-content > .fusion-fullwidth:nth-child(3) .awb-swiper-button::after { color: #000 !important; font-size: 12px !important; }
body.home .post-content > .fusion-fullwidth:nth-child(3) .awb-swiper-button.swiper-button-disabled { opacity: 0.35 !important; }

/* Diamonds in the Glo */
body.home .post-content > .fusion-fullwidth:nth-child(4) { padding-bottom: 82px !important; }

/* 50+ ways: 4 cards 290 x 506, 38px gap, no pagination */
body.home .post-content > .fusion-fullwidth:nth-child(10) { margin-bottom: 130px !important; padding-bottom: 78px !important; }
body.home .post-content > .fusion-fullwidth:nth-child(10) > .fusion-builder-row > .fusion-layout-column:nth-child(3) { margin-top: 56px !important; }
body.home .post-content > .fusion-fullwidth:nth-child(10) .fusion-post-cards ul.fusion-grid { margin: 0 0 0 10px !important; gap: min(38px, 2.64vw); flex-wrap: nowrap !important; justify-content: flex-start !important; width: auto !important; }
body.home .post-content > .fusion-fullwidth:nth-child(10) .fusion-post-cards ul.fusion-grid > li { display: flex !important; flex-direction: column !important; height: auto !important; flex: 0 1 290px !important; width: 290px !important; max-width: 290px !important; min-width: 0 !important; padding: 0 !important; margin: 0 !important; }
body.home .post-content > .fusion-fullwidth:nth-child(10) .fusion-post-cards .pagination, body.home .post-content > .fusion-fullwidth:nth-child(10) .fusion-post-cards .fusion-pagination { display: none !important; }
body.home .post-content > .fusion-fullwidth:nth-child(10) .fusion-post-cards li > .fusion-column-wrapper { min-height: 506px !important; height: auto !important; flex: 1 0 auto !important; background: #000 !important; border-radius: 16px !important; overflow: visible !important; display: flex !important; flex-direction: column !important; }
body.home .post-content > .fusion-fullwidth:nth-child(10) .fusion-post-cards .fusion-woo-product-image { height: 304px !important; flex: 0 0 304px; background: #fff; display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: 16px 16px 0 0 !important; }
body.home .post-content > .fusion-fullwidth:nth-child(10) .fusion-post-cards .fusion-woo-product-image img { width: 100% !important; height: 304px !important; object-fit: contain; }
body.home .post-content > .fusion-fullwidth:nth-child(10) .fusion-post-cards .fusion-column-wrapper > .fusion-builder-row-inner { margin: 0 !important; width: 100% !important; max-width: 100% !important; flex: 1 0 auto !important; display: flex !important; }
body.home .post-content > .fusion-fullwidth:nth-child(10) .fusion-post-cards .fusion-builder-row-inner > .fusion-layout-column { width: 100% !important; max-width: 100% !important; margin: 0 !important; align-self: stretch !important; }
body.home .post-content > .fusion-fullwidth:nth-child(10) .fusion-post-cards .fusion_builder_column_inner > .fusion-column-wrapper { width: calc(100% / 1.04) !important; max-width: none !important; flex: 0 0 auto !important; padding: 28px 17px 32px !important; border: 1px solid #e81e25 !important; border-radius: 0 0 16px 16px !important; background: #000 !important; display: flex !important; flex-direction: column !important; box-sizing: border-box; height: 100%; margin: 0 !important; }
body.home .post-content > .fusion-fullwidth:nth-child(10) .fusion-post-cards .fusion-title { margin: 0 !important; }
body.home .post-content > .fusion-fullwidth:nth-child(10) .fusion-post-cards .fusion-title h2 { font-size: 18px !important; line-height: 20px !important; font-weight: 600 !important; }
body.home .post-content > .fusion-fullwidth:nth-child(10) .fusion-post-cards .fusion-content-tb { margin: 10px 0 0 !important; }
body.home .post-content > .fusion-fullwidth:nth-child(10) .fusion-post-cards .fusion-content-tb, body.home .post-content > .fusion-fullwidth:nth-child(10) .fusion-post-cards .fusion-content-tb p { font-size: 15px !important; line-height: 16px !important; margin-bottom: 0 !important; }
body.home .post-content > .fusion-fullwidth:nth-child(10) .fusion-post-cards .fusion-column-wrapper > div:has(> .fusion-button) { margin-top: auto !important; padding-top: 28px; display: flex !important; line-height: 16px !important; }
body.home .post-content > .fusion-fullwidth:nth-child(10) .fusion-post-cards .fusion-button { margin-top: 0 !important; }
body.home .post-content > .fusion-fullwidth:nth-child(10) .fusion-post-cards .fusion-button-text { font-size: 16px !important; line-height: 16px !important; }

/* Glo-Kart: gradient box 470 tall, 130px below the black section */
body.home .post-content > .fusion-fullwidth:nth-child(11) > .fusion-builder-row > .fusion-layout-column > .fusion-column-wrapper[style*="padding"], body.home .post-content > .fusion-fullwidth:nth-child(11) .fusion-column-wrapper:has(> .fusion-text-30) { padding-top: 64px !important; padding-bottom: 63px !important; }
body.home .post-content > .fusion-fullwidth:nth-child(12) { margin-top: 226px !important; padding-top: 72px !important; }

/* Know what's in your Glo + products strip + Don't just Glo */
body.home .post-content > .fusion-fullwidth:nth-child(13) { padding-bottom: 355px !important; }
body.home .post-content > .fusion-fullwidth:nth-child(13) > .fusion-builder-row > .fusion-layout-column:nth-child(2) { margin-top: 20px !important; }
body.home .post-content > .fusion-fullwidth:nth-child(14) { margin-top: -307px !important; }
body.home .post-content > .fusion-fullwidth:nth-child(15) { margin-top: -69px !important; }
}

/* ========== ABOUT PAGE (page-id-345), desktop/laptop, matched to "GLO UP_WEB_About" ========== */
@media (min-width: 1025px) {
/* Hero */
body.page-id-345 .post-content > .fusion-fullwidth:nth-child(1) { padding-top: 72px !important; }
body.page-id-345 .fusion-title-1 h1, body.page-id-345 .fusion-title-1 h2 { letter-spacing: -0.05em !important; }
/* More than what's inside */
body.page-id-345 .post-content > .fusion-fullwidth:nth-child(3) { margin-bottom: 46px !important; }
/* The Glo standard: title in 4 lines, two 622 x 470 images across the grid */
body.page-id-345 .post-content > .fusion-fullwidth:nth-child(4) { padding-top: 74px !important; padding-bottom: 440px !important; }
body.page-id-345 .fusion-title-5 h1, body.page-id-345 .fusion-title-5 h2 { max-width: 960px; margin-left: auto !important; margin-right: auto !important; }
body.page-id-345 .post-content > .fusion-fullwidth:nth-child(5) > .fusion-builder-row > .fusion-layout-column:nth-child(1) { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; margin-top: -383px !important; margin-left: 0 !important; margin-right: 0 !important; }
body.page-id-345 .post-content > .fusion-fullwidth:nth-child(5) > .fusion-builder-row > .fusion-layout-column:nth-child(1) > .fusion-column-wrapper { margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; }
body.page-id-345 .post-content > .fusion-fullwidth:nth-child(5) > .fusion-builder-row > .fusion-layout-column:nth-child(1) .fusion-builder-row-inner { justify-content: center !important; column-gap: 30px; flex-wrap: nowrap !important; }
body.page-id-345 .post-content > .fusion-fullwidth:nth-child(5) > .fusion-builder-row > .fusion-layout-column:nth-child(1) .fusion-builder-row-inner > .fusion-layout-column { flex: 0 0 min(622px, calc((100vw - 190px) / 2)) !important; width: min(622px, calc((100vw - 190px) / 2)) !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; }
body.page-id-345 .post-content > .fusion-fullwidth:nth-child(5) > .fusion-builder-row > .fusion-layout-column:nth-child(1) .fusion-builder-row-inner > .fusion-layout-column > .fusion-column-wrapper { margin: 0 !important; padding: 0 !important; }
body.page-id-345 .post-content > .fusion-fullwidth:nth-child(5) > .fusion-builder-row > .fusion-layout-column:nth-child(1) .fusion-builder-row-inner img { width: 100% !important; height: 470px !important; object-fit: cover; }
/* From flower to Glo */
body.page-id-345 .fusion-text-37 p:first-child { text-transform: uppercase; font-weight: 600 !important; }
body.page-id-345 .post-content table td:nth-child(1), body.page-id-345 .post-content table td:nth-child(2) { font-family: "Space Mono", monospace !important; text-transform: uppercase !important; color: #e81e25 !important; font-weight: 400 !important; }
/* Flavor is the language: title on 2 lines, gradient button */
body.page-id-345 .post-content > .fusion-fullwidth:nth-child(6) > .fusion-builder-row > .fusion-layout-column:nth-child(1) { flex: 0 0 50% !important; width: 50% !important; max-width: 50% !important; }
body.page-id-345 .post-content > .fusion-fullwidth:nth-child(6) > .fusion-builder-row > .fusion-layout-column:nth-child(1) .fusion-button { background: linear-gradient(90deg, #c39f4b 0%, #0a99a1 50%, #5857d7 100%) !important; border: 0 !important; color: #fff !important; }
body.page-id-345 .post-content > .fusion-fullwidth:nth-child(6) > .fusion-builder-row > .fusion-layout-column:nth-child(1) .fusion-button .fusion-button-text { color: #fff !important; -webkit-text-fill-color: #fff !important; background: none !important; }
body.page-id-345 .post-content > .fusion-fullwidth:nth-child(6) > .fusion-builder-row > .fusion-layout-column:nth-child(1) .fusion-button::before, body.page-id-345 .post-content > .fusion-fullwidth:nth-child(6) > .fusion-builder-row > .fusion-layout-column:nth-child(1) .fusion-button::after { display: none !important; }
/* Every detail has a purpose */
body.page-id-345 .fusion-title-27 h1, body.page-id-345 .fusion-title-27 h2 { max-width: 620px; margin-left: auto !important; margin-right: auto !important; }
body.page-id-345 .fusion-title-29 h3, body.page-id-345 .fusion-title-30 h3, body.page-id-345 .fusion-title-31 h3, body.page-id-345 .fusion-title-32 h3, body.page-id-345 .fusion-title-29 h2, body.page-id-345 .fusion-title-30 h2, body.page-id-345 .fusion-title-31 h2, body.page-id-345 .fusion-title-32 h2, body.page-id-345 .fusion-title-29 h4, body.page-id-345 .fusion-title-30 h4, body.page-id-345 .fusion-title-31 h4, body.page-id-345 .fusion-title-32 h4 { font-family: "Archivo Black", Archivo, sans-serif !important; font-weight: 400 !important; font-size: 22px !important; letter-spacing: -0.05em !important; white-space: nowrap; }
/* Know your Glo */
body.page-id-345 .fusion-title-33 h1, body.page-id-345 .fusion-title-33 h2 { max-width: 400px; }
body.page-id-345 .fusion-text-56 p { text-transform: uppercase; font-weight: 600 !important; }
/* Glo, on the move */
body.page-id-345 .fusion-text-60, body.page-id-345 .fusion-text-60 p { font-family: "Space Mono", monospace !important; font-weight: 400 !important; text-transform: uppercase !important; }
body.page-id-345 .fusion-title-35 h1, body.page-id-345 .fusion-title-35 h2 { max-width: 400px; }
/* Quality you can see: body text in sentence case like Figma */
body.page-id-345 .post-content > .fusion-fullwidth:nth-child(14) .fusion-text p:not(:has(strong)) { text-transform: none !important; }
}

/* ===== 2026-10-07 round 3: home + about fixes from review ===== */
/* Home hero: products image max 1300px wide; strip overlap scales with the image */
@media (min-width: 1025px) {
body.home .post-content > .fusion-fullwidth:nth-child(1) .fusion-image-element.fusion-no-small-visibility { margin-bottom: 0 !important; }
body.home .post-content > .fusion-fullwidth:nth-child(2) { padding-top: 24px !important; }
body.home .post-content > .fusion-fullwidth:nth-child(1) .fusion-image-element.fusion-no-small-visibility .fusion-imageframe { display: block !important; max-width: 1117px; margin-left: auto !important; margin-right: auto !important; }
body.home .post-content > .fusion-fullwidth:nth-child(1) .fusion-image-element.fusion-no-small-visibility img { width: 100% !important; }
/* Home "Small device. Big Glo.": smaller product image, button centred under all four features */
body.home .post-content > .fusion-fullwidth:nth-child(6) { margin-top: 86px !important; }
body.home .post-content > .fusion-fullwidth:nth-child(6) .fusion-imageframe { display: block !important; width: auto !important; max-width: none !important; margin-left: auto !important; margin-right: auto !important; text-align: center; }
body.home .post-content > .fusion-fullwidth:nth-child(6) .fusion-imageframe img { width: min(669px, 46.5vw) !important; max-width: none !important; height: auto !important; }
body.home .post-content > .fusion-fullwidth:nth-child(6) .fusion-button { margin-top: 0 !important; }
body.home .post-content > .fusion-fullwidth:nth-child(7) { margin-top: calc(-363px - min(445px, 30.95vw) + min(80px, 5.5vw)) !important; }
body.home .post-content > .fusion-fullwidth:nth-child(8) { margin-top: calc(min(445px, 30.95vw) - 383px - min(80px, 5.5vw) + max(22px, 382px - 25vw)) !important; margin-bottom: 220px !important; }
body.home .post-content > .fusion-fullwidth:nth-child(7) .fusion-title h2, body.home .post-content > .fusion-fullwidth:nth-child(8) .fusion-title h2 { font-size: clamp(22px, 2.222vw, 32px) !important; line-height: 0.97 !important; }
body.home .post-content > .fusion-fullwidth:nth-child(7) .fusion-text p, body.home .post-content > .fusion-fullwidth:nth-child(8) .fusion-text p { font-size: clamp(16px, 1.667vw, 24px) !important; line-height: 1.2 !important; }
/* About "Glo, on the move": button and 500 badge side by side */
body.page-id-345 .fusion-column-wrapper:has(.glo-kart-badge) { flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; column-gap: 10px; }
body.page-id-345 .fusion-column-wrapper:has(.glo-kart-badge) > * { flex: 0 0 100% !important; }
body.page-id-345 .fusion-column-wrapper:has(.glo-kart-badge) > :has(> .fusion-button), body.page-id-345 .fusion-column-wrapper:has(.glo-kart-badge) > .glo-kart-badge, body.page-id-345 .fusion-column-wrapper:has(.glo-kart-badge) > :has(.glo-kart-badge) { flex: 0 0 auto !important; margin-top: 0 !important; margin-bottom: 0 !important; }
body.page-id-345 .glo-kart-badge img { height: 72px !important; width: auto !important; }
}

/* About: styles that apply at every width */
body.page-id-345 .fusion-title-29 h1, body.page-id-345 .fusion-title-30 h1, body.page-id-345 .fusion-title-31 h1, body.page-id-345 .fusion-title-32 h1,
body.page-id-345 .fusion-title-29 h2, body.page-id-345 .fusion-title-30 h2, body.page-id-345 .fusion-title-31 h2, body.page-id-345 .fusion-title-32 h2,
body.page-id-345 .fusion-title-29 h3, body.page-id-345 .fusion-title-30 h3, body.page-id-345 .fusion-title-31 h3, body.page-id-345 .fusion-title-32 h3 { font-family: "Archivo Black", Archivo, sans-serif !important; font-weight: 400 !important; font-size: 22px !important; letter-spacing: -0.05em !important; }
body.page-id-345 .fusion-text-56 p { text-transform: uppercase; font-weight: 600 !important; }
body.page-id-345 .post-content > .fusion-fullwidth:nth-child(6) strong { text-transform: uppercase; }
body.page-id-345 .post-content > .fusion-fullwidth:nth-child(6) .fusion-button:not(.fusion-post-cards .fusion-button) { background: linear-gradient(90deg, #c39f4b 0%, #0a99a1 50%, #5857d7 100%) !important; border: 0 !important; color: #fff !important; }
body.page-id-345 .post-content > .fusion-fullwidth:nth-child(6) .fusion-button:not(.fusion-post-cards .fusion-button) .fusion-button-text { color: #fff !important; -webkit-text-fill-color: #fff !important; background: none !important; }
body.page-id-345 .post-content > .fusion-fullwidth:nth-child(6) .fusion-button:not(.fusion-post-cards .fusion-button)::before, body.page-id-345 .post-content > .fusion-fullwidth:nth-child(6) .fusion-button:not(.fusion-post-cards .fusion-button)::after { display: none !important; }

body.page-id-345 .post-content > .fusion-fullwidth:nth-child(6) .fusion-post-cards .fusion-title h2 { font-size: 18px !important; line-height: 20px !important; }
body.page-id-345 .post-content > .fusion-fullwidth:nth-child(6) .fusion-post-cards .fusion-content-tb, body.page-id-345 .post-content > .fusion-fullwidth:nth-child(6) .fusion-post-cards .fusion-content-tb p { font-size: 15px !important; line-height: 16px !important; }
body.page-id-345 .post-content > .fusion-fullwidth:nth-child(6) .fusion-post-cards .fusion-button-text { font-size: 16px !important; line-height: 16px !important; }

/* Phones */
@media (max-width: 767px) {
/* About */
body.home .post-content > .fusion-fullwidth, body.page-id-345 .post-content > .fusion-fullwidth { padding-left: 20px !important; padding-right: 20px !important; }
body.page-id-345 .post-content > .fusion-fullwidth:nth-child(12) .fusion-title h1, body.page-id-345 .post-content > .fusion-fullwidth:nth-child(12) .fusion-title h2 { max-width: 270px; }
body.page-id-345 .post-content > .fusion-fullwidth:nth-child(12) .fusion-text, body.page-id-345 .post-content > .fusion-fullwidth:nth-child(12) .fusion-text p { font-style: normal !important; }
body.page-id-345 .post-content > .fusion-fullwidth:nth-child(12) .fusion-button { white-space: nowrap; padding-left: 24px !important; padding-right: 24px !important; }
body.home .post-content > .fusion-fullwidth:nth-child(3) .fusion-text-14, body.home .post-content > .fusion-fullwidth:nth-child(3) .fusion-text-14 p { font-size: 20px !important; line-height: 26px !important; }
body.home .post-content > .fusion-fullwidth:nth-child(3) .fusion-button:not(.fusion-post-cards .fusion-button) { white-space: nowrap; width: 100%; justify-content: center; padding-left: 16px !important; padding-right: 16px !important; }
body.page-id-345 .post-content > .fusion-fullwidth:nth-child(2) .fusion-text, body.page-id-345 .post-content > .fusion-fullwidth:nth-child(2) .fusion-text p { font-size: 16px !important; line-height: 20px !important; }
body.page-id-345 .fusion-layout-column:has(.fusion-title-29), body.page-id-345 .fusion-layout-column:has(.fusion-title-30), body.page-id-345 .fusion-layout-column:has(.fusion-title-31), body.page-id-345 .fusion-layout-column:has(.fusion-title-32) { padding-left: 20px !important; box-sizing: border-box; }
body.page-id-345 .post-content > .fusion-fullwidth:nth-child(10) .fusion-title h1, body.page-id-345 .post-content > .fusion-fullwidth:nth-child(10) .fusion-title h2 { max-width: 245px; }
body.page-id-345 .post-content > .fusion-fullwidth:nth-child(6) .fusion-title:has(.fusion-title-heading span) { text-align: center !important; }
body.page-id-345 .post-content > .fusion-fullwidth:nth-child(6) .fusion-title:has(.fusion-title-heading span) h2 { display: inline-block !important; text-align: left !important; }
/* Swipe carousels with the next card peeking (home 50+ ways, about flavors) */
body.home .post-content > .fusion-fullwidth:nth-child(10) .awb-swiper, body.page-id-345 .post-content > .fusion-fullwidth:nth-child(6) .awb-swiper { overflow: visible !important; }
body.home .post-content > .fusion-fullwidth:nth-child(10), body.page-id-345 .post-content > .fusion-fullwidth:nth-child(6) { overflow: hidden !important; }
body.home .post-content > .fusion-fullwidth:nth-child(10) .awb-swiper .swiper-wrapper > *, body.page-id-345 .post-content > .fusion-fullwidth:nth-child(6) .awb-swiper .swiper-wrapper > * { width: 290px !important; }
body.home .post-content > .fusion-fullwidth:nth-child(10) .awb-swiper-button, body.page-id-345 .post-content > .fusion-fullwidth:nth-child(6) .awb-swiper-button { display: none !important; }
/* Home "Know what's in your Glo": no overlap of the photo on the button */
body.home .post-content > .fusion-fullwidth:nth-child(15) { margin-top: 0 !important; }
/* Home "The new drop": three cards stacked, arrows underneath */
body.home .awb-swiper.glo-stack { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; column-gap: 10px; overflow: visible !important; }
body.home .awb-swiper.glo-stack > .swiper-wrapper { flex: 0 0 100% !important; flex-direction: column !important; align-items: center !important; gap: 28px; transform: none !important; height: auto !important; }
body.home .awb-swiper.glo-stack > .swiper-wrapper > * { width: 290px !important; max-width: 100% !important; margin: 0 !important; height: auto !important; }
body.home .awb-swiper.glo-stack > .swiper-wrapper > .glo-hidden { display: none !important; }
body.home .awb-swiper.glo-stack .awb-swiper-button { position: static !important; order: 2; display: inline-flex !important; opacity: 1 !important; visibility: visible !important; margin: 28px 0 0 !important; transform: none !important; width: 30px !important; height: 30px !important; border: 1px solid #000 !important; border-radius: 50% !important; background: transparent !important; color: #000 !important; align-items: center; justify-content: center; }
body.home .awb-swiper.glo-stack .awb-swiper-button.glo-off { opacity: 0.35 !important; }
body.home .awb-swiper.glo-stack .awb-swiper-button i, body.home .awb-swiper.glo-stack .awb-swiper-button::after { color: #000 !important; font-size: 12px !important; }
}

/* ===== 2026-10-08 round 4 ===== */
/* Product cards "VIEW PRODUCT →": hover text was white on a transparent background (invisible) – light cards (home New Drop) hover to black; dark cards elsewhere keep white hover */
body.home .post-content > .fusion-fullwidth:nth-child(3) .fusion-post-cards .fusion-button { --button_accent_hover_color: #000000 !important; --button_border_hover_color: transparent !important; }
body.home .post-content > .fusion-fullwidth:nth-child(3) .fusion-post-cards .fusion-button:hover, body.home .post-content > .fusion-fullwidth:nth-child(3) .fusion-post-cards .fusion-button:focus, body.home .post-content > .fusion-fullwidth:nth-child(3) .fusion-post-cards .fusion-button:hover .fusion-button-text, body.home .post-content > .fusion-fullwidth:nth-child(3) .fusion-post-cards .fusion-button:focus .fusion-button-text, body.home .post-content > .fusion-fullwidth:nth-child(3) .fusion-post-cards .fusion-button:hover i, body.home .post-content > .fusion-fullwidth:nth-child(3) .fusion-post-cards .fusion-button:focus i { color: #000000 !important; -webkit-text-fill-color: #000000 !important; }
/* Back-to-top button: was a light-grey tab with a white arrow (invisible on white). Brand gradient circle */
#toTop.fusion-top-top-link { width: 46px !important; height: 46px !important; right: 24px !important; bottom: 24px !important; border-radius: 50% !important; background: linear-gradient(90deg, #c39f4b 0%, #0a99a1 50%, #5857d7 100%) !important; color: #fff !important; box-shadow: 0 4px 14px rgba(0,0,0,.25); display: flex !important; align-items: center; justify-content: center; line-height: 46px !important; }
#toTop.fusion-top-top-link::before { color: #fff !important; font-size: 20px !important; line-height: 46px !important; }
#toTop.fusion-top-top-link:hover { background: #000 !important; }
@media (max-width: 640px) { #toTop.fusion-top-top-link { width: 40px !important; height: 40px !important; right: 16px !important; bottom: 16px !important; line-height: 40px !important; } #toTop.fusion-top-top-link::before { line-height: 40px !important; font-size: 18px !important; } }