/* Glo Up – single product page, matched to Figma "GLO UP_Web_Product Passion Fruit". Desktop frame 1440px: content 1280px, 80px gutters. */ .video-link-img:has(img[src*="-lifestyle"])::before, .video-link-img:has(img[src*="-lifestyle"])::after { display: none !important; } body.single-product .glo-sec .glo-hide, body.single-product .glo-sec .fusion-builder-row-inner.glo-hide, body.single-product .glo-sec .fusion-separator.glo-hide { display: none !important; } @media (min-width: 1025px) { body.single-product .glo-sec { padding-left: max(80px, calc((100% - 1280px) / 2)) !important; padding-right: max(80px, calc((100% - 1280px) / 2)) !important; } body.single-product .glo-sec > .fusion-builder-row { max-width: 100% !important; width: 100% !important; min-width: 0 !important; margin-left: 0 !important; margin-right: 0 !important; } body.single-product .glo-sec > .fusion-builder-row > .fusion-layout-column { margin-left: 0 !important; margin-right: 0 !important; margin-bottom: 0 !important; } body.single-product .glo-sec .fusion-text { margin-bottom: 0 !important; } body.single-product .glo-sec .fusion-column-wrapper { padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; gap: 0 !important; row-gap: 0 !important; } body.single-product .glo-sec .fusion-builder-row-inner { margin-left: 0 !important; margin-right: 0 !important; width: auto !important; max-width: 100% !important; } body.single-product .glo-sec .fusion-builder-row-inner > .fusion-layout-column { margin-top: 0 !important; margin-bottom: 0 !important; } body.single-product .glo-sec .fusion-text p { margin-top: 0; } body.single-product .glo-sec .fusion-text > p:last-child { margin-bottom: 0; } body.single-product .glo-eyebrow { margin: 0 !important; } body.single-product .glo-eyebrow p { line-height: 26px !important; margin: 0 !important; } body.single-product .glo-sec-title, body.single-product .glo-intro-title, body.single-product .glo-exp-title { margin: 8px 0 0 !important; } body.single-product .glo-sec-title h1, body.single-product .glo-sec-title h2, body.single-product .glo-sec-title h3, body.single-product .glo-intro-title h1, body.single-product .glo-intro-title h2, body.single-product .glo-intro-title h3, body.single-product .glo-exp-title h1, body.single-product .glo-exp-title h2, body.single-product .glo-exp-title h3 { font-size: 64px !important; line-height: 62px !important; margin: 0 !important; } /* HERO */ body.single-product .glo-sec-hero { padding-top: 30px !important; padding-bottom: 76px !important; } body.single-product .glo-sec-hero > .fusion-builder-row { display: flex !important; flex-wrap: wrap !important; column-gap: 50px; } body.single-product .glo-sec-hero > .fusion-builder-row > .fusion-layout-column:nth-child(1) { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; margin-bottom: 33px !important; } body.single-product .glo-sec-hero > .fusion-builder-row > .fusion-layout-column:nth-child(2) { flex: 0 0 576px !important; width: 576px !important; max-width: 576px !important; margin-bottom: 0 !important; } body.single-product .glo-sec-hero > .fusion-builder-row > .fusion-layout-column:nth-child(3) { flex: 1 1 0 !important; width: auto !important; max-width: none !important; margin-bottom: 0 !important; } body.single-product .glo-sec-hero .fusion-breadcrumbs { margin: 0 !important; line-height: 20px !important; } body.single-product .glo-sec-hero .fusion-woo-product-images, body.single-product .glo-sec-hero .woocommerce-product-gallery { margin: 0 !important; } body.single-product .glo-sec-hero .woocommerce-product-gallery .flex-viewport { border: 1px solid #dedede; box-sizing: border-box; } body.single-product .glo-sec-hero .woocommerce-product-gallery__image img { width: 100% !important; height: 582px !important; object-fit: contain; } body.single-product .glo-sec-hero .avada-product-gallery-thumbs-wrapper { margin: 26px 0 0 !important; height: 252px !important; padding: 0 !important; } body.single-product .glo-sec-hero .avada-product-gallery-thumbs-wrapper .flex-control-thumbs { position: static !important; top: auto !important; bottom: auto !important; left: auto !important; transform: none !important; } body.single-product .glo-sec-hero .flex-control-thumbs { display: flex !important; gap: 18px; margin: 0 !important; padding: 0 !important; } body.single-product .glo-sec-hero .flex-control-thumbs li { float: none !important; width: calc(50% - 9px) !important; margin: 0 !important; padding: 0 !important; } body.single-product .glo-sec-hero .flex-control-thumbs li:first-child { display: none !important; } body.single-product .glo-sec-hero .flex-control-thumbs img { width: 100% !important; height: 252px !important; max-height: none !important; object-fit: contain; border: 1px solid #dedede; box-sizing: border-box; opacity: 1 !important; } body.single-product .glo-sec-hero .fusion-image-element:has(.glo-video) { margin: 26px 0 0 !important; } body.single-product .glo-sec-hero .glo-video, body.single-product .glo-sec-hero .glo-video img { display: block; width: 100% !important; } body.single-product .glo-sec-hero .glo-video img { height: 294px !important; object-fit: cover; } body.single-product .glo-sec-hero .glo-brand { margin: 0 !important; } body.single-product .glo-sec-hero .glo-brand p { line-height: 26px !important; margin: 0 !important; } body.single-product .glo-sec-hero .glo-hero-title { margin: 5px 0 0 !important; max-width: 440px; } body.single-product .glo-sec-hero .glo-hero-title h1, body.single-product .glo-sec-hero .glo-hero-title h2 { font-size: 64px !important; line-height: 62px !important; margin: 0 !important; } body.single-product .glo-sec-hero .glo-meta { margin: 14px 0 0 !important; } body.single-product .glo-sec-hero .glo-meta p { line-height: 22px !important; } body.single-product .glo-sec-hero .glo-tagline { margin: 23px 0 0 !important; max-width: 400px; } body.single-product .glo-sec-hero .glo-tagline p { font-size: 22px !important; line-height: 24px !important; color: var(--glo-accent-dark, #ed5f01) !important; } body.single-product .glo-sec-hero .glo-desc { margin: 32px 0 0 !important; } body.single-product .glo-sec-hero .glo-desc p { line-height: 28px !important; } body.single-product .glo-sec-hero .fusion-button-wrapper:has(.glo-buy), body.single-product .glo-sec-hero div:has(> .glo-buy) { margin: 34px 0 0 !important; width: 100%; } body.single-product .glo-sec-hero .glo-buy { display: flex !important; align-items: center; justify-content: center; width: 100% !important; height: 56px; margin: 0 !important; padding: 0 20px !important; box-sizing: border-box; } body.single-product .glo-sec .fusion-separator { margin: 0 !important; } body.single-product .glo-sec .fusion-builder-row-inner:has(.glo-detail-label):not(.glo-hide) { min-height: 52px; display: flex !important; align-items: center; margin: 0 !important; width: 100% !important; } body.single-product .glo-sec .fusion-builder-row-inner:has(.glo-detail-label) > .fusion-layout-column { margin: 0 !important; padding: 0 !important; } body.single-product .glo-sec .fusion-builder-row-inner:has(.glo-detail-label) > .fusion-layout-column:first-child { flex: 0 0 138px !important; width: 138px !important; max-width: 138px !important; } body.single-product .glo-sec .fusion-builder-row-inner:has(.glo-detail-label) > .fusion-layout-column:last-child { flex: 1 1 0 !important; width: auto !important; max-width: none !important; } body.single-product .glo-sec .glo-detail-label, body.single-product .glo-sec .glo-detail-value { margin: 0 !important; padding: 0 !important; } body.single-product .glo-sec .glo-detail-label p, body.single-product .glo-sec .glo-detail-value p { font-size: 18px !important; line-height: 22px !important; margin: 0 !important; } body.single-product .glo-sec-hero div:has(> .glo-buy) + .fusion-separator { margin-top: 50px !important; } body.single-product .glo-sec-hero .fusion-accordian { margin: 36px 0 0 !important; } body.single-product .glo-sec-hero .fusion-accordian .fusion-panel { margin: 0 !important; padding: 0 !important; } body.single-product .glo-sec-hero .fusion-accordian .panel-title a { padding: 12px 0 !important; min-height: 46px; box-sizing: border-box; } body.single-product .glo-sec-hero .fusion-accordian .panel-title a .fusion-toggle-heading { font-size: 18px !important; line-height: 22px !important; } body.single-product .glo-sec-hero .fusion-accordian .panel-body { padding: 4px 0 18px !important; font-size: 16px; line-height: 24px; } /* MARQUEE */ body.single-product .glo-sec-marquee { padding-top: 23px !important; padding-bottom: 23px !important; } body.single-product .glo-sec-marquee .glo-mq { margin: 0 !important; } body.single-product .glo-sec-marquee .glo-mq p { line-height: 26px !important; margin: 0 !important; white-space: nowrap; } /* INTRO */ body.single-product .glo-sec-intro { padding-top: 49px !important; padding-bottom: 45px !important; } body.single-product .glo-sec-intro > .fusion-builder-row { display: flex !important; column-gap: 50px; align-items: flex-start !important; } body.single-product .glo-sec-intro > .fusion-builder-row > .fusion-layout-column:nth-child(1) { flex: 0 0 358px !important; width: 358px !important; max-width: 358px !important; } body.single-product .glo-sec-intro > .fusion-builder-row > .fusion-layout-column:nth-child(2) { flex: 1 1 0 !important; width: auto !important; max-width: none !important; margin-top: 9px !important; } body.single-product .glo-sec-intro .glo-intro-text p { line-height: 28.8px !important; margin: 0 0 30px !important; } body.single-product .glo-sec-intro .glo-intro-text p:first-child { font-family: "Archivo Black", Archivo, sans-serif !important; font-weight: 400 !important; font-size: 21px !important; line-height: 24px !important; margin-bottom: 34px !important; } body.single-product .glo-sec-intro .glo-intro-text p:last-child { margin-bottom: 0 !important; } /* FLAVOR PROFILE */ body.single-product .glo-sec-profile { padding-top: 79px !important; padding-bottom: 98px !important; } body.single-product .glo-sec-profile > .fusion-builder-row { display: flex !important; flex-wrap: wrap !important; column-gap: 25px; } body.single-product .glo-sec-profile > .fusion-builder-row > .fusion-layout-column:nth-child(1) { flex: 1 1 40% !important; width: auto !important; max-width: none !important; margin-bottom: 49px !important; } body.single-product .glo-sec-profile > .fusion-builder-row > .fusion-layout-column:nth-child(2) { flex: 0 0 auto !important; width: auto !important; max-width: none !important; margin-bottom: 49px !important; align-self: flex-end; } body.single-product .glo-sec-profile > .fusion-builder-row > .fusion-layout-column:nth-child(2) .fusion-column-wrapper { padding-bottom: 9px !important; flex-direction: row !important; flex-wrap: nowrap !important; gap: 10px !important; justify-content: flex-end !important; align-items: center; } body.single-product .glo-sec-profile > .fusion-builder-row > .fusion-layout-column:nth-child(n+3) { flex: 0 0 calc((100% - 50px) / 3) !important; width: auto !important; max-width: none !important; margin-bottom: 0 !important; } body.single-product .glo-sec-profile .glo-sec-title { max-width: 490px; } body.single-product .glo-sec-profile .glo-flavor-tag { height: 46px !important; padding: 0 26px !important; margin: 0 !important; display: inline-flex !important; align-items: center; box-sizing: border-box; } body.single-product .glo-sec-profile .fusion-button-wrapper:has(.glo-flavor-tag), body.single-product .glo-sec-profile div:has(> .glo-flavor-tag) { margin: 0 !important; } body.single-product .glo-sec-profile .glo-flavor-tag .fusion-button-text { font-size: 20px !important; line-height: 24px !important; } body.single-product .glo-sec-profile .fusion-image-element:has(.glo-note-img) { margin: 0 !important; } body.single-product .glo-sec-profile .glo-note-img, body.single-product .glo-sec-profile .glo-note-img img { display: block; width: 100% !important; } body.single-product .glo-sec-profile .glo-note-img img { height: 226px !important; object-fit: cover; } body.single-product .glo-sec-profile .glo-note-title { margin: 20px 0 0 !important; } body.single-product .glo-sec-profile .glo-note-title h1, body.single-product .glo-sec-profile .glo-note-title h2, body.single-product .glo-sec-profile .glo-note-title h3, body.single-product .glo-sec-profile .glo-note-title h4 { font-size: 32px !important; line-height: 31px !important; margin: 0 !important; } body.single-product .glo-sec-profile .glo-note-text { margin: 15px 0 0 !important; max-width: 330px; } body.single-product .glo-sec-profile .glo-note-text p { line-height: 28px !important; } /* EXPERIENCE */ body.single-product .glo-sec-experience { padding-top: 67px !important; padding-bottom: 78px !important; overflow: visible !important; position: relative; z-index: 2; } body.single-product .glo-sec-experience > .fusion-builder-row { display: flex !important; column-gap: 72px; align-items: flex-start; } body.single-product .glo-sec-experience > .fusion-builder-row > .fusion-layout-column:nth-child(1) { flex: 0 0 484px !important; width: 484px !important; max-width: 484px !important; position: relative; align-self: stretch; } body.single-product .glo-sec-experience > .fusion-builder-row > .fusion-layout-column:nth-child(2) { flex: 1 1 0 !important; width: auto !important; max-width: none !important; } body.single-product .glo-sec-experience .fusion-image-element:has(.glo-exp-img) { position: absolute !important; left: 24px; top: 13px; width: 460px; margin: 0 !important; z-index: 3; } body.single-product .glo-sec-experience .glo-exp-img img { width: 460px !important; height: auto !important; } body.single-product .glo-sec-experience .glo-exp-title { margin-top: 10px !important; max-width: 640px; } body.single-product .glo-sec-experience .glo-exp-text { margin: 21px 0 0 !important; max-width: 680px; } body.single-product .glo-sec-experience .glo-exp-text p { line-height: 28.8px !important; margin: 0 0 30px !important; } body.single-product .glo-sec-experience .glo-exp-text p:last-child { margin-bottom: 0 !important; } /* FEATURES */ body.single-product .glo-sec-features { padding-top: 95px !important; padding-bottom: 78px !important; } body.single-product .glo-sec-features > .fusion-builder-row { display: flex !important; flex-wrap: wrap !important; justify-content: flex-start !important; } body.single-product .glo-sec-features > .fusion-builder-row > .fusion-layout-column:nth-child(1) { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; margin-bottom: 69px !important; } body.single-product .glo-sec-features > .fusion-builder-row > .fusion-layout-column:nth-child(n+2) { flex: 0 0 310px !important; width: 310px !important; max-width: 310px !important; margin-bottom: 0 !important; } body.single-product .glo-sec-features > .fusion-builder-row > .fusion-layout-column:nth-child(n+2) .fusion-column-wrapper { max-width: 270px; } body.single-product .glo-sec-features > .fusion-builder-row > .fusion-layout-column:nth-child(5) { flex: 0 0 268px !important; width: 268px !important; max-width: 268px !important; margin-left: auto !important; } body.single-product .glo-sec-features .fusion-image-element:has(.glo-feat-icon) { margin: 0 0 24px !important; } body.single-product .glo-sec-features .glo-feat-icon img { height: 36px !important; width: auto !important; } body.single-product .glo-sec-features .glo-feat-title { margin: 0 !important; } body.single-product .glo-sec-features .glo-feat-title h1, body.single-product .glo-sec-features .glo-feat-title h2, body.single-product .glo-sec-features .glo-feat-title h3, body.single-product .glo-sec-features .glo-feat-title h4 { font-size: 22px !important; line-height: 24px !important; margin: 0 !important; white-space: nowrap; } body.single-product .glo-sec-features .glo-feat-text { margin: 12px 0 0 !important; } body.single-product .glo-sec-features .glo-feat-text p { line-height: 28px !important; } /* DETAILS */ body.single-product .glo-sec-details { padding-top: 83px !important; padding-bottom: 125px !important; } body.single-product .glo-sec-details > .fusion-builder-row { display: flex !important; } body.single-product .glo-sec-details > .fusion-builder-row > .fusion-layout-column:nth-child(1) { flex: 0 0 510px !important; width: 510px !important; max-width: 510px !important; } body.single-product .glo-sec-details > .fusion-builder-row > .fusion-layout-column:nth-child(2) { flex: 1 1 0 !important; width: auto !important; max-width: none !important; } /* RELATED */ body.single-product .glo-sec-related { padding-top: 101px !important; padding-bottom: 82px !important; } body.single-product .glo-sec-related > .fusion-builder-row { display: flex !important; flex-wrap: wrap !important; align-items: center; } body.single-product .glo-sec-related > .fusion-builder-row > .fusion-layout-column:nth-child(1) { flex: 1 1 0 !important; width: auto !important; max-width: none !important; margin-bottom: 43px !important; } body.single-product .glo-sec-related > .fusion-builder-row > .fusion-layout-column:nth-child(2) { flex: 0 0 auto !important; width: auto !important; max-width: none !important; margin-bottom: 43px !important; } body.single-product .glo-sec-related > .fusion-builder-row > .fusion-layout-column:nth-child(3) { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; margin-bottom: 0 !important; } body.single-product .glo-sec-related .glo-sec-title { margin-top: 0 !important; max-width: 520px; } body.single-product .glo-sec-related .glo-explore { width: 420px; height: 56px; display: inline-flex !important; align-items: center; justify-content: center; padding: 0 !important; box-sizing: border-box; } /* CTA */ body.single-product .glo-sec-cta { padding-top: 109px !important; padding-bottom: 100px !important; } body.single-product .glo-sec-cta .glo-sec-title { margin-top: 0 !important; } body.single-product .glo-sec-cta .fusion-button-wrapper:has(.glo-explore), body.single-product .glo-sec-cta div:has(> .glo-explore) { margin: 31px 0 0 !important; } body.single-product .glo-sec-cta .glo-explore { height: 60px; padding: 0 30px !important; display: inline-flex !important; align-items: center; box-sizing: border-box; } /* Related product cards (Figma: 290 x 506, image 306) */ body.single-product .glo-sec-related .fusion-post-cards .fusion_builder_column:not(.fusion_builder_column_inner) > .fusion-column-wrapper { min-height: 506px; } body.single-product .glo-sec-related .fusion-post-cards .fusion-builder-row-inner { width: 100% !important; } body.single-product .glo-sec-related .fusion-post-cards .fusion-builder-row-inner .fusion-column-wrapper { padding: 24px 16px 24px !important; } body.single-product .glo-sec-related .fusion-post-cards .fusion-woo-product-image { height: 306px; background: #fff; display: flex; align-items: center; justify-content: center; overflow: hidden; } body.single-product .glo-sec-related .fusion-post-cards .fusion-woo-product-image img { width: 100% !important; height: 306px !important; object-fit: contain; } body.single-product .glo-sec-related .fusion-post-cards .fusion-title { margin: 0 !important; } body.single-product .glo-sec-related .fusion-post-cards .fusion-title h2 { font-size: 18px !important; line-height: 20px !important; } body.single-product .glo-sec-related .fusion-post-cards .fusion-content-tb { margin: 10px 0 0 !important; font-size: 14px !important; line-height: 17px !important; } body.single-product .glo-sec-related .fusion-post-cards .fusion-content-tb p { font-size: 14px !important; line-height: 17px !important; margin: 0 !important; } body.single-product .glo-sec-related .fusion-post-cards .fusion-button { margin-top: 22px !important; } body.single-product .glo-sec-related .fusion-post-cards .fusion-button-text { font-size: 14px !important; } } /* ===== Figma fine-tune, desktop (2026-10-07, checked against "GLO UP_Web_Product Passion Fruit" at 1440px) ===== */ @media (min-width: 1025px) { /* Hero: breadcrumb */ body.single-product .glo-sec-hero { padding-bottom: 77px !important; } body.single-product .glo-sec-hero .fusion-breadcrumbs, body.single-product .glo-sec-hero .fusion-breadcrumbs * { font-family: "Space Mono", monospace !important; font-size: 20px !important; line-height: 20px !important; letter-spacing: 0 !important; text-transform: uppercase !important; } body.single-product .glo-sec-hero .fusion-breadcrumbs ol { display: flex !important; flex-wrap: wrap; gap: 0 !important; column-gap: 0 !important; } body.single-product .glo-sec-hero .fusion-breadcrumbs a, body.single-product .glo-sec-hero .fusion-breadcrumbs a span { color: #464646 !important; } body.single-product .glo-sec-hero .fusion-breadcrumbs .breadcrumb-leaf { color: #e81e25 !important; padding: 0 !important; } body.single-product .glo-sec-hero .fusion-breadcrumbs .fusion-breadcrumb-link { padding: 0 !important; } body.single-product .glo-sec-hero .fusion-breadcrumbs .awb-breadcrumb-sep::after { font-family: "Space Mono", monospace !important; font-size: 20px !important; margin: 0 12px !important; padding: 0 !important; color: #464646 !important; } body.single-product .glo-sec-hero > .fusion-builder-row > .fusion-layout-column:nth-child(1) { margin-bottom: 33px !important; } /* Hero: gallery column 578px; main 578x587, thumbs 280x254 (gap 17), video 578x295, 24px gaps */ body.single-product .glo-sec-hero > .fusion-builder-row > .fusion-layout-column:nth-child(2) { flex: 0 0 578px !important; width: 578px !important; max-width: 578px !important; } body.single-product .glo-sec-hero .woocommerce-product-gallery .flex-viewport { height: 587px !important; max-height: none !important; } body.single-product .glo-sec-hero .woocommerce-product-gallery__image img { height: 585px !important; } body.single-product .glo-sec-hero .avada-product-gallery-thumbs-wrapper { margin: 24px 0 0 !important; height: 254px !important; } body.single-product .glo-sec-hero .flex-control-thumbs { gap: 17px; } body.single-product .glo-sec-hero .flex-control-thumbs li { width: calc(50% - 8.5px) !important; } body.single-product .glo-sec-hero .flex-control-thumbs img { height: 254px !important; } body.single-product .glo-sec-hero .fusion-image-element:has(.glo-video) { margin: 24px 0 0 !important; } body.single-product .glo-sec-hero .glo-video, body.single-product .glo-sec-hero .glo-video img { border: 0 !important; } body.single-product .glo-sec-hero .glo-video img { height: 295px !important; } /* Hero: text column */ body.single-product .glo-sec-hero .glo-brand { margin-top: -1px !important; } body.single-product .glo-sec-hero .glo-hero-title { margin-top: 3px !important; } body.single-product .glo-sec-hero .glo-hero-title h1, body.single-product .glo-sec-hero .glo-hero-title h2 { line-height: 64px !important; } body.single-product .glo-sec-hero .glo-tagline { margin-top: 21px !important; } body.single-product .glo-sec-hero .glo-tagline, body.single-product .glo-sec-hero .glo-tagline p { font-family: "Archivo Black", Archivo, sans-serif !important; font-size: 24px !important; line-height: 24px !important; letter-spacing: -0.05em !important; color: var(--glo-accent-dark, #ed5f01) !important; } body.single-product .glo-sec-hero .glo-desc { margin-top: 33px !important; } body.single-product .glo-sec-hero .fusion-button-wrapper:has(.glo-buy), body.single-product .glo-sec-hero div:has(> .glo-buy) { margin-top: 31px !important; } body.single-product .glo-sec-hero .glo-buy { height: 60px !important; } body.single-product .glo-sec .glo-detail-value, body.single-product .glo-sec .glo-detail-value p { color: #464646 !important; } body.single-product .glo-sec .fusion-builder-row-inner:has(.glo-detail-label):not(.glo-hide) { min-height: 53px; } /* Hero: accordion, 49px rows, thin "+" */ body.single-product .glo-sec-hero .fusion-accordian { margin-top: 24px !important; } body.single-product .glo-sec-hero .fusion-accordian .panel-title a { padding: 17px 0 7px !important; min-height: 0 !important; } body.single-product .glo-sec-hero .fusion-accordian .fusion-toggle-icon-wrapper i::before { font-family: "Space Mono", monospace !important; font-weight: 400 !important; font-size: 20px !important; line-height: 22px !important; } body.single-product .glo-sec-hero .fusion-accordian .fusion-toggle-icon-wrapper i.fa-plus::before { content: "+" !important; } body.single-product .glo-sec-hero .fusion-accordian .fusion-toggle-icon-wrapper i.fa-minus::before { content: "\2212" !important; } body.single-product .glo-sec-hero .fusion-accordian .fusion-toggle-icon-wrapper i { width: auto !important; height: auto !important; color: #000 !important; } /* Marquee 68px */ body.single-product .glo-sec-marquee { padding-top: 21px !important; padding-bottom: 21px !important; } /* Intro */ body.single-product .glo-sec-intro { padding-top: 48px !important; padding-bottom: 46px !important; } body.single-product .glo-sec-intro > .fusion-builder-row > .fusion-layout-column:nth-child(1) { flex: 0 0 361px !important; width: 361px !important; max-width: 361px !important; } body.single-product .glo-sec-intro .glo-intro-text p:first-child { font-family: Archivo, sans-serif !important; font-weight: 700 !important; font-size: 24px !important; line-height: 25px !important; } /* Flavor profile */ body.single-product .glo-sec-profile { padding-top: 80px !important; padding-bottom: 95px !important; } body.single-product .glo-sec-profile > .fusion-builder-row > .fusion-layout-column:nth-child(1), body.single-product .glo-sec-profile > .fusion-builder-row > .fusion-layout-column:nth-child(2) { margin-bottom: 47px !important; } body.single-product .glo-sec-profile > .fusion-builder-row > .fusion-layout-column:nth-child(2) .fusion-column-wrapper { gap: 13px !important; padding-bottom: 13px !important; } body.single-product .glo-sec-profile .glo-flavor-tag { padding: 0 20px !important; } body.single-product .glo-sec-profile .glo-flavor-tag .fusion-button-text { font-size: 24px !important; line-height: 26px !important; } body.single-product .glo-sec-profile .glo-note-img img { height: 229px !important; } /* Experience */ body.single-product .glo-sec-experience { padding-bottom: 77px !important; } body.single-product .glo-sec-experience > .fusion-builder-row { column-gap: 75px; } body.single-product .glo-sec-experience .fusion-image-element:has(.glo-exp-img) { left: 20px; top: -28px; width: 495px; } body.single-product .glo-sec-experience .glo-exp-img img { width: 495px !important; } /* Features */ body.single-product .glo-sec-features > .fusion-builder-row > .fusion-layout-column:nth-child(1) { margin-bottom: 52px !important; } body.single-product .glo-sec-features .fusion-image-element:has(.glo-feat-icon) { height: 52px; display: flex !important; align-items: flex-end; } body.single-product .glo-sec-features > .fusion-builder-row > .fusion-layout-column:nth-child(3) .glo-feat-icon img { height: 52px !important; } body.single-product .glo-sec-features > .fusion-builder-row > .fusion-layout-column:nth-child(5) .glo-feat-icon img { height: 33px !important; } body.single-product .glo-sec-features > .fusion-builder-row > .fusion-layout-column:nth-child(3) .glo-feat-icon img, body.single-product .glo-sec-features > .fusion-builder-row > .fusion-layout-column:nth-child(5) .glo-feat-icon img { transform: translateY(4px); } body.single-product .glo-sec-features .glo-feat-title h1, body.single-product .glo-sec-features .glo-feat-title h2, body.single-product .glo-sec-features .glo-feat-title h3, body.single-product .glo-sec-features .glo-feat-title h4 { font-family: "Archivo Black", Archivo, sans-serif !important; font-weight: 400 !important; font-size: 24px !important; line-height: 24px !important; letter-spacing: -0.05em !important; } body.single-product .glo-sec-features .glo-feat-text, body.single-product .glo-sec-features .glo-feat-text p { font-size: 24px !important; line-height: 28.8px !important; } /* Details */ body.single-product .glo-sec-details { padding-bottom: 124px !important; } body.single-product .glo-sec-details > .fusion-builder-row > .fusion-layout-column:nth-child(1) { flex: 0 0 512px !important; width: 512px !important; max-width: 512px !important; } body.single-product .glo-sec-details .fusion-builder-row-inner:has(.glo-detail-label):not(.glo-hide):first-child, body.single-product .glo-sec-details .fusion-column-wrapper > .fusion-builder-row-inner:has(.glo-detail-label):first-of-type { min-height: 47px; } /* Related: 60px button beside the title, cards below */ body.single-product .glo-sec-related { padding-bottom: 74px !important; } body.single-product .glo-sec-related > .fusion-builder-row { align-items: flex-start !important; } body.single-product .glo-sec-related > .fusion-builder-row > .fusion-layout-column:nth-child(1), body.single-product .glo-sec-related > .fusion-builder-row > .fusion-layout-column:nth-child(2) { margin-bottom: 56px !important; } body.single-product .glo-sec-related > .fusion-builder-row > .fusion-layout-column:nth-child(2) { margin-top: 43px !important; align-self: flex-start !important; } body.single-product .glo-sec-related > .fusion-builder-row > .fusion-layout-column:nth-child(2) > .fusion-column-wrapper { justify-content: flex-start !important; } body.single-product .glo-sec-related > .fusion-builder-row > .fusion-layout-column:nth-child(3) { margin-top: 0 !important; } body.single-product .glo-sec-related .glo-explore { height: 60px; } /* Related cards: 290x504, radius 16, white 304px image, black body with 1px red border */ body.single-product .glo-sec-related .fusion-post-cards .fusion_builder_column:not(.fusion_builder_column_inner) > .fusion-column-wrapper { min-height: 504px !important; height: 504px; background: #000 !important; border-radius: 16px !important; overflow: hidden; display: flex !important; flex-direction: column !important; } body.single-product .glo-sec-related .fusion-post-cards .fusion-woo-product-image { height: 304px !important; flex: 0 0 304px; border-radius: 16px 16px 0 0; } body.single-product .glo-sec-related .fusion-post-cards .fusion-woo-product-image img { height: 304px !important; } body.single-product .glo-sec-related .fusion-post-cards .fusion-builder-row-inner { margin: 0 !important; flex: 1 1 auto; display: flex !important; } body.single-product .glo-sec-related .fusion-post-cards .fusion-builder-row-inner > .fusion-layout-column.fusion_builder_column_inner, body.single-product .glo-sec-related .fusion-post-cards .fusion_builder_column_inner > .fusion-column-wrapper { align-self: stretch !important; margin: 0 !important; } body.single-product .glo-sec-related .fusion-post-cards .fusion_builder_column_inner > .fusion-column-wrapper { width: 290px !important; max-width: 290px !important; flex: 0 0 290px !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; } body.single-product .glo-sec-related .fusion-post-cards .fusion-title h2 { font-size: 18px !important; line-height: 20px !important; font-weight: 600 !important; } body.single-product .glo-sec-related .fusion-post-cards .fusion-content-tb, body.single-product .glo-sec-related .fusion-post-cards .fusion-content-tb p { font-size: 15px !important; line-height: 16px !important; font-weight: 400 !important; } body.single-product .glo-sec-related .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.single-product .glo-sec-related .fusion-post-cards .fusion-button { margin-top: 0 !important; } body.single-product .glo-sec-related .fusion-post-cards .fusion-button-text { font-size: 16px !important; line-height: 16px !important; } /* CTA 448px */ body.single-product .glo-sec-cta { padding-bottom: 124px !important; } } /* ===== Mobile (2026-10-07, checked against "GLO UP_M_Product Passion Fruit" at 402px) ===== */ @media (max-width: 767px) { /* Base: 20px side padding, full-width stacked columns */ body.single-product .glo-sec { padding-left: 20px !important; padding-right: 20px !important; } body.single-product .glo-sec > .fusion-builder-row { display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; } body.single-product .glo-sec > .fusion-builder-row > .fusion-layout-column { flex: 0 0 auto !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; } body.single-product .glo-sec .fusion-column-wrapper { padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; gap: 0 !important; row-gap: 0 !important; } body.single-product .glo-sec .fusion-builder-row-inner { margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; max-width: 100% !important; } body.single-product .glo-sec .fusion-builder-row-inner > .fusion-layout-column { margin-top: 0 !important; margin-bottom: 0 !important; } body.single-product .glo-sec-hero .fusion-text, body.single-product .glo-sec-hero .fusion-text p { text-align: left !important; } body.single-product .glo-sec .fusion-text { margin-bottom: 0 !important; } body.single-product .glo-sec .fusion-text p { margin-top: 0; } body.single-product .glo-sec .fusion-text > p:last-child { margin-bottom: 0; } body.single-product .glo-sec .fusion-separator { margin: 0 !important; } body.single-product .glo-eyebrow, body.single-product .glo-eyebrow p { margin: 0 !important; font-size: 20px !important; line-height: 26px !important; } body.single-product .glo-sec-title, body.single-product .glo-intro-title, body.single-product .glo-exp-title { margin: 8px 0 0 !important; max-width: none !important; } body.single-product .glo-sec-title h1, body.single-product .glo-sec-title h2, body.single-product .glo-sec-title h3, body.single-product .glo-intro-title h1, body.single-product .glo-intro-title h2, body.single-product .glo-intro-title h3, body.single-product .glo-exp-title h1, body.single-product .glo-exp-title h2, body.single-product .glo-exp-title h3 { font-size: 40px !important; line-height: 39px !important; margin: 0 !important; } /* HERO: no breadcrumb, full-bleed 338px image, dots instead of thumbnails, no arrows, no video */ body.single-product .glo-sec-hero { padding-top: 0 !important; padding-bottom: 45px !important; } body.single-product .glo-sec-hero > .fusion-builder-row > .fusion-layout-column:nth-child(1) { display: none !important; } body.single-product .glo-sec-hero .fusion-woo-product-images { margin: 0 -20px !important; width: calc(100% + 40px) !important; max-width: none !important; } body.single-product .glo-sec-hero .woocommerce-product-gallery { margin: 0 !important; width: 100% !important; max-width: none !important; } body.single-product .glo-sec-hero .woocommerce-product-gallery .flex-viewport { border: 0 !important; border-bottom: 1px solid #dedede !important; height: 339px !important; max-height: none !important; } body.single-product .glo-sec-hero .woocommerce-product-gallery__image img { width: 100% !important; height: 338px !important; object-fit: contain; } body.single-product .glo-sec-hero .woocommerce-product-gallery:not(:has(.flex-viewport)) .woocommerce-product-gallery__wrapper, body.single-product .glo-sec-hero .woocommerce-product-gallery:not(:has(.flex-viewport)) .woocommerce-product-gallery__image { width: 100% !important; max-width: none !important; } body.single-product .glo-sec-hero .woocommerce-product-gallery__image img { border: 0 !important; max-width: none !important; } body.single-product .glo-sec-hero .woocommerce-product-gallery:not(:has(.flex-viewport)) .woocommerce-product-gallery__wrapper { border-bottom: 1px solid #dedede; } body.single-product .glo-sec-hero .flex-direction-nav, body.single-product .glo-sec-hero .flex-direction-nav a { display: none !important; } body.single-product .glo-sec-hero .fusion-image-element:has(.glo-video) { display: none !important; } body.single-product .glo-sec-hero .avada-product-gallery-thumbs-wrapper { margin: 11px 0 0 !important; padding: 0 !important; height: auto !important; } body.single-product .glo-sec-hero .avada-product-gallery-thumbs-wrapper .flex-control-thumbs { position: static !important; transform: none !important; } body.single-product .glo-sec-hero .flex-control-thumbs { display: flex !important; justify-content: center; gap: 6px; margin: 0 !important; padding: 0 !important; width: auto !important; } body.single-product .glo-sec-hero .flex-control-thumbs li { float: none !important; display: block !important; width: 10px !important; height: 10px !important; margin: 0 !important; padding: 0 !important; border: 1px solid #000; border-radius: 50%; box-sizing: border-box; overflow: hidden; position: relative; } body.single-product .glo-sec-hero .flex-control-thumbs li:has(img.flex-active) { background: #000; } body.single-product .glo-sec-hero .flex-control-thumbs img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; opacity: 0 !important; border: 0 !important; cursor: pointer; } body.single-product .glo-sec-hero .glo-brand { margin: 36px 0 0 !important; } body.single-product .glo-sec-hero .glo-brand, body.single-product .glo-sec-hero .glo-brand p { font-size: 20px !important; line-height: 22px !important; } body.single-product .glo-sec-hero .glo-hero-title { margin: 6px 0 0 !important; max-width: none !important; } body.single-product .glo-sec-hero .glo-hero-title h1, body.single-product .glo-sec-hero .glo-hero-title h2 { font-size: 40px !important; line-height: 40px !important; margin: 0 !important; } body.single-product .glo-sec-hero .glo-meta { margin: 12px 0 0 !important; } body.single-product .glo-sec-hero .glo-meta, body.single-product .glo-sec-hero .glo-meta p { font-size: 16px !important; line-height: 20px !important; } body.single-product .glo-sec-hero .glo-tagline { margin: 22px 0 0 !important; max-width: none !important; } body.single-product .glo-sec-hero .glo-tagline, body.single-product .glo-sec-hero .glo-tagline p { font-family: "Archivo Black", Archivo, sans-serif !important; font-size: 20px !important; line-height: 20px !important; letter-spacing: -0.05em !important; color: var(--glo-accent-dark, #ed5f01) !important; } body.single-product .glo-sec-hero .glo-desc { margin: 38px 0 0 !important; } body.single-product .glo-sec-hero .glo-desc, body.single-product .glo-sec-hero .glo-desc p { font-size: 20px !important; line-height: 27px !important; } body.single-product .glo-sec-hero .fusion-button-wrapper:has(.glo-buy), body.single-product .glo-sec-hero div:has(> .glo-buy) { margin: 33px 0 0 !important; width: 100%; } body.single-product .glo-sec-hero .glo-buy { display: flex !important; align-items: center; justify-content: center; width: 100% !important; height: 60px !important; margin: 0 !important; padding: 0 10px !important; box-sizing: border-box; } body.single-product .glo-sec-hero .glo-buy .fusion-button-text { font-size: 20px !important; line-height: 22px !important; white-space: nowrap; } body.single-product .glo-sec-hero div:has(> .glo-buy) + .fusion-separator { margin-top: 32px !important; } /* Detail rows (hero + details): 40px rows, 111px label column, 16px text */ body.single-product .glo-sec .fusion-builder-row-inner:has(.glo-detail-label):not(.glo-hide) { display: flex !important; flex-wrap: nowrap !important; align-items: center; min-height: 40px; margin: 0 !important; width: 100% !important; } body.single-product .glo-sec .fusion-builder-row-inner:has(.glo-detail-label) > .fusion-layout-column { margin: 0 !important; padding: 0 !important; } body.single-product .glo-sec .fusion-builder-row-inner:has(.glo-detail-label) > .fusion-layout-column:first-child { flex: 0 0 111px !important; width: 111px !important; max-width: 111px !important; } body.single-product .glo-sec .fusion-builder-row-inner:has(.glo-detail-label) > .fusion-layout-column:last-child { flex: 1 1 0 !important; width: auto !important; max-width: none !important; } body.single-product .glo-sec .glo-detail-label, body.single-product .glo-sec .glo-detail-value { margin: 0 !important; padding: 0 !important; } body.single-product .glo-sec .glo-detail-label p, body.single-product .glo-sec .glo-detail-value p { font-size: 16px !important; line-height: 20px !important; margin: 0 !important; } body.single-product .glo-sec .glo-detail-value, body.single-product .glo-sec .glo-detail-value p { color: #464646 !important; } /* Accordion: 37px rows, 16px text */ body.single-product .glo-sec-hero .fusion-accordian { margin: 21px 0 0 !important; } body.single-product .glo-sec-hero .fusion-accordian .fusion-panel { margin: 0 !important; padding: 0 !important; } body.single-product .glo-sec-hero .fusion-accordian .panel-title a { padding: 8px 0 6px !important; min-height: 0 !important; box-sizing: border-box; } body.single-product .glo-sec-hero .fusion-accordian .panel-title a .fusion-toggle-heading { font-size: 16px !important; line-height: 20px !important; } body.single-product .glo-sec-hero .fusion-accordian .fusion-toggle-icon-wrapper i::before { font-family: "Space Mono", monospace !important; font-weight: 400 !important; font-size: 16px !important; line-height: 20px !important; } body.single-product .glo-sec-hero .fusion-accordian .fusion-toggle-icon-wrapper i.fa-plus::before { content: "+" !important; } body.single-product .glo-sec-hero .fusion-accordian .fusion-toggle-icon-wrapper i.fa-minus::before { content: "\2212" !important; } body.single-product .glo-sec-hero .fusion-accordian .fusion-toggle-icon-wrapper i { width: auto !important; height: auto !important; color: #000 !important; } body.single-product .glo-sec-hero .fusion-accordian .panel-body { padding: 4px 0 14px !important; font-size: 16px; line-height: 22px; } /* MARQUEE: wraps, centred, 20px */ body.single-product .glo-sec-marquee { padding-top: 21px !important; padding-bottom: 21px !important; } body.single-product .glo-sec-marquee .glo-mq, body.single-product .glo-sec-marquee .glo-mq p { margin: 0 !important; font-size: 20px !important; line-height: 20px !important; white-space: normal !important; text-align: center !important; } /* INTRO */ body.single-product .glo-sec-intro { padding-top: 39px !important; padding-bottom: 62px !important; } body.single-product .glo-sec-intro > .fusion-builder-row > .fusion-layout-column:nth-child(2) { margin-top: 20px !important; } body.single-product .glo-sec-intro .glo-intro-text p { font-size: 20px !important; line-height: 27px !important; margin: 0 0 27px !important; } body.single-product .glo-sec-intro .glo-intro-text p:first-child { font-family: Archivo, sans-serif !important; font-weight: 600 !important; font-size: 20px !important; line-height: 27px !important; margin-bottom: 27px !important; } body.single-product .glo-sec-intro .glo-intro-text p:last-child { margin-bottom: 0 !important; } /* FLAVOR PROFILE: no tags, stacked notes */ body.single-product .glo-sec-profile { padding-top: 34px !important; padding-bottom: 78px !important; } body.single-product .glo-sec-profile .glo-sec-title { margin-top: 13px !important; max-width: 305px !important; } body.single-product .glo-sec-profile > .fusion-builder-row > .fusion-layout-column:nth-child(2) { display: none !important; } body.single-product .glo-sec-profile > .fusion-builder-row > .fusion-layout-column:nth-child(1) { margin-bottom: 32px !important; } body.single-product .glo-sec-profile > .fusion-builder-row > .fusion-layout-column:nth-child(n+3) { margin-bottom: 35px !important; } body.single-product .glo-sec-profile > .fusion-builder-row > .fusion-layout-column:last-child { margin-bottom: 0 !important; } body.single-product .glo-sec-profile .fusion-image-element:has(.glo-note-img) { margin: 0 !important; } body.single-product .glo-sec-profile .glo-note-img, body.single-product .glo-sec-profile .glo-note-img img { display: block; width: 100% !important; } body.single-product .glo-sec-profile .glo-note-img img { height: 230px !important; object-fit: cover; } body.single-product .glo-sec-profile .glo-note-title { margin: 18px 0 0 !important; } body.single-product .glo-sec-profile .glo-note-title h1, body.single-product .glo-sec-profile .glo-note-title h2, body.single-product .glo-sec-profile .glo-note-title h3, body.single-product .glo-sec-profile .glo-note-title h4 { font-size: 32px !important; line-height: 31px !important; margin: 0 !important; } body.single-product .glo-sec-profile .glo-note-text { margin: 14px 0 0 !important; max-width: none !important; } body.single-product .glo-sec-profile .glo-note-text p { font-size: 24px !important; line-height: 28.8px !important; } /* EXPERIENCE: text first, image below (drop overlaps the next section) */ body.single-product .glo-sec-experience { padding-top: 39px !important; padding-bottom: 0 !important; overflow: visible !important; position: relative; z-index: 2; } body.single-product .glo-sec-experience > .fusion-builder-row > .fusion-layout-column:nth-child(2) { order: -1; } body.single-product .glo-sec-experience > .fusion-builder-row > .fusion-layout-column:nth-child(1) { position: relative; align-self: auto !important; } body.single-product .glo-sec-experience .fusion-image-element:has(.glo-exp-img) { position: relative !important; left: -18px !important; top: auto !important; width: 380px !important; max-width: none !important; margin: 29px 0 -81px !important; z-index: 3; } body.single-product .glo-sec-experience .glo-exp-img img { width: 380px !important; max-width: none !important; height: auto !important; } body.single-product .glo-sec-experience .glo-exp-title { margin-top: 6px !important; } body.single-product .glo-sec-experience .glo-exp-text { margin: 13px 0 0 !important; max-width: none !important; } body.single-product .glo-sec-experience .glo-exp-text p { font-size: 20px !important; line-height: 27px !important; margin: 0 0 27px !important; } body.single-product .glo-sec-experience .glo-exp-text p:last-child { margin-bottom: 0 !important; } /* FEATURES: one column */ body.single-product .glo-sec-features { padding-top: 132px !important; padding-bottom: 39px !important; } body.single-product .glo-sec-features .glo-sec-title { margin-top: 12px !important; } body.single-product .glo-sec-features > .fusion-builder-row > .fusion-layout-column:nth-child(1) { margin-bottom: 26px !important; } body.single-product .glo-sec-features > .fusion-builder-row > .fusion-layout-column:nth-child(n+2) { padding-left: 22px !important; margin-bottom: 25px !important; } body.single-product .glo-sec-features > .fusion-builder-row > .fusion-layout-column:last-child { margin-bottom: 0 !important; } body.single-product .glo-sec-features .glo-feat-text { max-width: 240px !important; } body.single-product .glo-sec-features .fusion-image-element:has(.glo-feat-icon) { height: 52px; display: flex !important; align-items: flex-end; margin: 0 0 24px !important; } body.single-product .glo-sec-features .glo-feat-icon img { height: 30px !important; width: auto !important; } body.single-product .glo-sec-features > .fusion-builder-row > .fusion-layout-column:nth-child(3) .glo-feat-icon img { height: 52px !important; } body.single-product .glo-sec-features .glo-feat-title { margin: 0 !important; } body.single-product .glo-sec-features .glo-feat-title h1, body.single-product .glo-sec-features .glo-feat-title h2, body.single-product .glo-sec-features .glo-feat-title h3, body.single-product .glo-sec-features .glo-feat-title h4 { font-family: "Archivo Black", Archivo, sans-serif !important; font-weight: 400 !important; font-size: 24px !important; line-height: 24px !important; letter-spacing: -0.05em !important; margin: 0 !important; white-space: normal !important; } body.single-product .glo-sec-features .glo-feat-text { margin: 10px 0 0 !important; } body.single-product .glo-sec-features .glo-feat-text, body.single-product .glo-sec-features .glo-feat-text p { font-size: 20px !important; line-height: 29px !important; } /* DETAILS */ body.single-product .glo-sec-details { padding-top: 58px !important; padding-bottom: 74px !important; } body.single-product .glo-sec-details .glo-sec-title { max-width: 200px !important; } body.single-product .glo-sec-details > .fusion-builder-row > .fusion-layout-column:nth-child(1) { margin-bottom: 32px !important; } /* RELATED: title, cards, then full-width button */ body.single-product .glo-sec-related { padding-top: 49px !important; padding-bottom: 60px !important; } /* cards: 290px card left-aligned in each slide, arrows hidden */ body.single-product .glo-sec-related .fusion-post-cards .swiper-wrapper > .fusion_builder_column > .fusion-column-wrapper { width: 290px !important; max-width: 290px !important; } body.single-product .glo-sec-related .awb-swiper-button, body.single-product .glo-sec-related .swiper-button-prev, body.single-product .glo-sec-related .swiper-button-next { display: none !important; } body.single-product .glo-sec-related > .fusion-builder-row > .fusion-layout-column:nth-child(1) { order: 1; margin-bottom: 44px !important; } body.single-product .glo-sec-related > .fusion-builder-row > .fusion-layout-column:nth-child(3) { order: 2; margin-bottom: 0 !important; } body.single-product .glo-sec-related > .fusion-builder-row > .fusion-layout-column:nth-child(2) { order: 3; margin-top: 52px !important; } body.single-product .glo-sec-related .glo-sec-title { margin-top: 0 !important; } body.single-product .glo-sec-related .fusion-button-wrapper:has(.glo-explore), body.single-product .glo-sec-related div:has(> .glo-explore) { width: 100% !important; text-align: center; } body.single-product .glo-sec-related .glo-explore { width: 100% !important; height: 60px; display: inline-flex !important; align-items: center; justify-content: center; padding: 0 !important; box-sizing: border-box; } body.single-product .glo-sec-related .glo-explore .fusion-button-text { font-size: 20px !important; } body.single-product .glo-sec-related .fusion-post-cards .fusion-title { margin: 0 !important; } body.single-product .glo-sec-related .fusion-post-cards .fusion-content-tb { margin: 10px 0 0 !important; } body.single-product .glo-sec-related .fusion-post-cards .fusion-content-tb p { margin: 0 !important; } body.single-product .glo-sec-related .fusion-post-cards .fusion-woo-product-image { background: #fff; display: flex; align-items: center; justify-content: center; overflow: hidden; } body.single-product .glo-sec-related .fusion-post-cards .fusion-woo-product-image img { width: 100% !important; object-fit: contain; } /* Related cards (same as desktop): 290x504, radius 16, white 304px image, black body with 1px red border */ body.single-product .glo-sec-related .fusion-post-cards .fusion_builder_column:not(.fusion_builder_column_inner) > .fusion-column-wrapper { min-height: 504px !important; height: 504px; background: #000 !important; border-radius: 16px !important; overflow: hidden; display: flex !important; flex-direction: column !important; } body.single-product .glo-sec-related .fusion-post-cards .fusion-woo-product-image { height: 304px !important; flex: 0 0 304px; border-radius: 16px 16px 0 0; } body.single-product .glo-sec-related .fusion-post-cards .fusion-woo-product-image img { height: 304px !important; } body.single-product .glo-sec-related .fusion-post-cards .fusion-builder-row-inner { margin: 0 !important; flex: 1 1 auto; display: flex !important; } body.single-product .glo-sec-related .fusion-post-cards .fusion-builder-row-inner > .fusion-layout-column.fusion_builder_column_inner, body.single-product .glo-sec-related .fusion-post-cards .fusion_builder_column_inner > .fusion-column-wrapper { align-self: stretch !important; margin: 0 !important; } body.single-product .glo-sec-related .fusion-post-cards .fusion_builder_column_inner > .fusion-column-wrapper { width: 290px !important; max-width: 290px !important; flex: 0 0 290px !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; } body.single-product .glo-sec-related .fusion-post-cards .fusion-title h2 { font-size: 18px !important; line-height: 20px !important; font-weight: 600 !important; } body.single-product .glo-sec-related .fusion-post-cards .fusion-content-tb, body.single-product .glo-sec-related .fusion-post-cards .fusion-content-tb p { font-size: 15px !important; line-height: 16px !important; font-weight: 400 !important; } body.single-product .glo-sec-related .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.single-product .glo-sec-related .fusion-post-cards .fusion-button { margin-top: 0 !important; } body.single-product .glo-sec-related .fusion-post-cards .fusion-button-text { font-size: 16px !important; line-height: 16px !important; } /* CTA */ body.single-product .glo-sec-cta { padding-top: 91px !important; padding-bottom: 51px !important; } body.single-product .glo-sec-cta .glo-sec-title { margin-top: 0 !important; } body.single-product .glo-sec-cta .fusion-button-wrapper:has(.glo-explore), body.single-product .glo-sec-cta div:has(> .glo-explore) { margin: 31px 0 0 !important; } body.single-product .glo-sec-cta .glo-explore { height: 60px; padding: 0 33px !important; display: inline-flex !important; align-items: center; box-sizing: border-box; } body.single-product .glo-sec-cta .glo-explore .fusion-button-text { font-size: 20px !important; } } /* ===== Related cards at every width (2026-10-07): body always as wide as the card, equal card heights, min 504px ===== */ body.single-product .glo-sec-related .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; } body.single-product .glo-sec-related .fusion-post-cards .swiper-wrapper { align-items: stretch !important; height: auto !important; } body.single-product .glo-sec-related .fusion-post-cards .swiper-wrapper > .fusion_builder_column { height: auto !important; display: flex !important; flex-direction: column !important; } body.single-product .glo-sec-related .fusion-post-cards .fusion_builder_column:not(.fusion_builder_column_inner) > .fusion-column-wrapper { height: auto !important; min-height: 504px !important; flex: 1 0 auto !important; overflow: visible !important; } body.single-product .glo-sec-related .fusion-post-cards .fusion-column-wrapper > .fusion-builder-row-inner { flex: 1 0 auto !important; } body.single-product .glo-sec-related .fusion-post-cards .fusion-woo-product-image { overflow: hidden !important; border-radius: 16px 16px 0 0 !important; } /* ===== 2026-10-07 fixes: mobile gallery slides, mobile related carousel (peek), no red flash on load ===== */ @media (max-width: 767px) { body.single-product .glo-sec-related { overflow: hidden !important; } body.single-product .glo-sec-related .awb-swiper { overflow: visible !important; } body.single-product .glo-sec-related .fusion-post-cards .swiper-wrapper > .fusion_builder_column { width: 290px !important; } } html:has(body.single-product) { background-color: #fff !important; } /* ===== Responsive pass (2026-10-07): wide desktop, laptop 1025-1439, tablet 768-1024, small phones ===== */ /* --- Desktop & laptop (1025+): content max 1280px centred, fluid columns --- */ @media (min-width: 1025px) { body.single-product .glo-sec { padding-left: max(80px, calc(50vw - 648px)) !important; padding-right: max(80px, calc(50vw - 648px)) !important; } /* Hero: gallery 45.16% (578/1280), sizes keep Figma proportions */ body.single-product .glo-sec-hero > .fusion-builder-row > .fusion-layout-column:nth-child(2) { flex: 0 0 45.16% !important; width: 45.16% !important; max-width: 45.16% !important; } body.single-product .glo-sec-hero > .fusion-builder-row > .fusion-layout-column:nth-child(3) { min-width: 0 !important; } body.single-product .glo-sec-hero .woocommerce-product-gallery .flex-viewport { height: auto !important; } body.single-product .glo-sec-hero .woocommerce-product-gallery__image img { height: auto !important; aspect-ratio: 578 / 585; } body.single-product .glo-sec-hero .avada-product-gallery-thumbs-wrapper { height: auto !important; } body.single-product .glo-sec-hero .flex-control-thumbs img { height: auto !important; aspect-ratio: 280 / 254; } body.single-product .glo-sec-hero .glo-video img { height: auto !important; aspect-ratio: 578 / 295; } body.single-product .glo-sec-hero .glo-buy .fusion-button-text { white-space: normal; text-align: center; } /* Marquee: one line when it fits, otherwise wraps centred */ body.single-product .glo-sec-marquee .glo-mq, body.single-product .glo-sec-marquee .glo-mq p { white-space: normal !important; text-align: center !important; } /* Intro 361/1280 */ body.single-product .glo-sec-intro > .fusion-builder-row > .fusion-layout-column:nth-child(1) { flex: 0 0 28.2% !important; width: 28.2% !important; max-width: 28.2% !important; } body.single-product .glo-sec-intro > .fusion-builder-row > .fusion-layout-column:nth-child(2) { min-width: 0 !important; } /* Profile: title + tags on one line when they fit; tags drop below as a full row when not; notes always 3 across */ body.single-product .glo-sec-profile > .fusion-builder-row > .fusion-layout-column:nth-child(1) { flex: 1 1 auto !important; } body.single-product .glo-sec-profile > .fusion-builder-row > .fusion-layout-column:nth-child(2) { flex: 1 0 auto !important; } body.single-product .glo-sec-profile > .fusion-builder-row > .fusion-layout-column:nth-child(2) .fusion-column-wrapper { flex-wrap: wrap !important; } body.single-product .glo-sec-profile > .fusion-builder-row > .fusion-layout-column:nth-child(n+3) { flex: 0 0 calc((100% - 50px) / 3) !important; max-width: calc((100% - 50px) / 3) !important; min-width: 0 !important; } body.single-product .glo-sec-profile .glo-note-text { max-width: none !important; } /* Experience 484/1280, image keeps its Figma size relative to the column */ body.single-product .glo-sec-experience > .fusion-builder-row > .fusion-layout-column:nth-child(1) { flex: 0 0 37.8% !important; width: 37.8% !important; max-width: 37.8% !important; } body.single-product .glo-sec-experience > .fusion-builder-row > .fusion-layout-column:nth-child(2) { min-width: 0 !important; } body.single-product .glo-sec-experience .fusion-image-element:has(.glo-exp-img) { left: 4.13% !important; width: 102.27% !important; } body.single-product .glo-sec-experience .glo-exp-img img { width: 100% !important; } /* Features: 310 / 310 / 310 / 268 of 1280 */ body.single-product .glo-sec-features > .fusion-builder-row { flex-wrap: wrap !important; } body.single-product .glo-sec-features > .fusion-builder-row > .fusion-layout-column:nth-child(n+2) { flex: 0 0 24.22% !important; width: 24.22% !important; max-width: 24.22% !important; min-width: 0 !important; } body.single-product .glo-sec-features > .fusion-builder-row > .fusion-layout-column:nth-child(5) { flex: 0 0 20.94% !important; width: 20.94% !important; max-width: 20.94% !important; } body.single-product .glo-sec-features > .fusion-builder-row > .fusion-layout-column:nth-child(n+2) .fusion-column-wrapper { max-width: 87% !important; } body.single-product .glo-sec-features .glo-feat-title h1, body.single-product .glo-sec-features .glo-feat-title h2, body.single-product .glo-sec-features .glo-feat-title h3, body.single-product .glo-sec-features .glo-feat-title h4 { white-space: normal !important; } /* Details 512/1280 */ body.single-product .glo-sec-details > .fusion-builder-row > .fusion-layout-column:nth-child(1) { flex: 0 0 40% !important; width: 40% !important; max-width: 40% !important; } body.single-product .glo-sec-details > .fusion-builder-row > .fusion-layout-column:nth-child(2) { min-width: 0 !important; } /* Related header */ body.single-product .glo-sec-related .glo-explore { max-width: 100%; } } @media (min-width: 1025px) and (max-width: 1439px) { body.single-product .glo-sec-title h1, body.single-product .glo-sec-title h2, body.single-product .glo-sec-title h3, body.single-product .glo-intro-title h1, body.single-product .glo-intro-title h2, body.single-product .glo-intro-title h3, body.single-product .glo-exp-title h1, body.single-product .glo-exp-title h2, body.single-product .glo-exp-title h3 { font-size: clamp(44px, 4.444vw, 64px) !important; line-height: 0.97em !important; } body.single-product .glo-sec-hero .glo-hero-title h1, body.single-product .glo-sec-hero .glo-hero-title h2 { font-size: clamp(44px, 4.444vw, 64px) !important; line-height: 1em !important; } body.single-product .glo-sec-features .glo-feat-title h1, body.single-product .glo-sec-features .glo-feat-title h2, body.single-product .glo-sec-features .glo-feat-title h3, body.single-product .glo-sec-features .glo-feat-title h4 { font-size: clamp(18px, 1.667vw, 24px) !important; line-height: 1.1em !important; } body.single-product .glo-sec-features .glo-feat-text, body.single-product .glo-sec-features .glo-feat-text p { font-size: clamp(18px, 1.667vw, 24px) !important; line-height: 1.2em !important; } body.single-product .glo-sec-profile .glo-note-title h1, body.single-product .glo-sec-profile .glo-note-title h2, body.single-product .glo-sec-profile .glo-note-title h3, body.single-product .glo-sec-profile .glo-note-title h4 { font-size: clamp(24px, 2.222vw, 32px) !important; line-height: 0.97em !important; } } @media (min-width: 1025px) { body.single-product .glo-sec-profile .glo-sec-title, body.single-product .glo-sec-related .glo-sec-title { max-width: none !important; } body.single-product .glo-sec-profile .glo-sec-title h2, body.single-product .glo-sec-profile .glo-sec-title h1 { max-width: 7.7em; } body.single-product .glo-sec-related .glo-sec-title h2, body.single-product .glo-sec-related .glo-sec-title h1 { max-width: 8.1em; } } @media (min-width: 1025px) and (max-width: 1279px) { body.single-product .glo-sec-profile > .fusion-builder-row > .fusion-layout-column:nth-child(1) { flex: 0 0 100% !important; max-width: 100% !important; margin-bottom: 24px !important; } body.single-product .glo-sec-profile > .fusion-builder-row > .fusion-layout-column:nth-child(2) { flex: 0 0 100% !important; max-width: 100% !important; align-self: auto !important; } body.single-product .glo-sec-profile > .fusion-builder-row > .fusion-layout-column:nth-child(2) .fusion-column-wrapper { justify-content: flex-start !important; padding-bottom: 0 !important; } } @media (min-width: 1440px) { body.single-product .glo-sec-features .glo-feat-title h1, body.single-product .glo-sec-features .glo-feat-title h2, body.single-product .glo-sec-features .glo-feat-title h3, body.single-product .glo-sec-features .glo-feat-title h4 { white-space: nowrap !important; } body.single-product .glo-sec-features > .fusion-builder-row > .fusion-layout-column:nth-child(n+2) .fusion-column-wrapper { max-width: 270px !important; } } /* --- Tablet (768-1024) --- */ @media (min-width: 768px) and (max-width: 1024.98px) { body.single-product .glo-sec { padding-left: 40px !important; padding-right: 40px !important; } body.single-product .glo-sec > .fusion-builder-row { display: flex !important; flex-wrap: wrap !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; } body.single-product .glo-sec > .fusion-builder-row > .fusion-layout-column { margin: 0 !important; min-width: 0 !important; } body.single-product .glo-sec .fusion-column-wrapper { padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; gap: 0 !important; row-gap: 0 !important; } body.single-product .glo-sec .fusion-builder-row-inner { margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; max-width: 100% !important; } body.single-product .glo-sec .fusion-builder-row-inner > .fusion-layout-column { margin-top: 0 !important; margin-bottom: 0 !important; } body.single-product .glo-sec .fusion-text { margin-bottom: 0 !important; } body.single-product .glo-sec .fusion-text p { margin-top: 0; } body.single-product .glo-sec .fusion-text > p:last-child { margin-bottom: 0; } body.single-product .glo-sec .fusion-text, body.single-product .glo-sec .fusion-text p { text-align: left; } body.single-product .glo-sec .fusion-separator { margin: 0 !important; } body.single-product .glo-eyebrow, body.single-product .glo-eyebrow p { margin: 0 !important; font-size: 20px !important; line-height: 26px !important; } body.single-product .glo-sec-title, body.single-product .glo-intro-title, body.single-product .glo-exp-title { margin: 8px 0 0 !important; } body.single-product .glo-sec-title h1, body.single-product .glo-sec-title h2, body.single-product .glo-sec-title h3, body.single-product .glo-intro-title h1, body.single-product .glo-intro-title h2, body.single-product .glo-intro-title h3, body.single-product .glo-exp-title h1, body.single-product .glo-exp-title h2, body.single-product .glo-exp-title h3 { font-size: 48px !important; line-height: 48px !important; margin: 0 !important; } /* Hero: gallery 45% | text */ body.single-product .glo-sec-hero { padding-top: 24px !important; padding-bottom: 60px !important; } body.single-product .glo-sec-hero > .fusion-builder-row { column-gap: 32px; } body.single-product .glo-sec-hero > .fusion-builder-row > .fusion-layout-column:nth-child(1) { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; margin-bottom: 24px !important; } body.single-product .glo-sec-hero > .fusion-builder-row > .fusion-layout-column:nth-child(2) { flex: 0 0 45% !important; width: 45% !important; max-width: 45% !important; } body.single-product .glo-sec-hero > .fusion-builder-row > .fusion-layout-column:nth-child(3) { flex: 1 1 0 !important; width: auto !important; max-width: none !important; } body.single-product .glo-sec-hero .fusion-breadcrumbs, body.single-product .glo-sec-hero .fusion-breadcrumbs * { font-family: "Space Mono", monospace !important; font-size: 16px !important; line-height: 20px !important; text-transform: uppercase !important; } body.single-product .glo-sec-hero .fusion-breadcrumbs ol { display: flex !important; flex-wrap: wrap; gap: 0 !important; } body.single-product .glo-sec-hero .fusion-breadcrumbs a, body.single-product .glo-sec-hero .fusion-breadcrumbs a span { color: #464646 !important; } body.single-product .glo-sec-hero .fusion-breadcrumbs .breadcrumb-leaf { color: #e81e25 !important; padding: 0 !important; } body.single-product .glo-sec-hero .fusion-breadcrumbs .fusion-breadcrumb-link { padding: 0 !important; } body.single-product .glo-sec-hero .fusion-breadcrumbs .awb-breadcrumb-sep::after { font-family: "Space Mono", monospace !important; font-size: 16px !important; margin: 0 10px !important; color: #464646 !important; } body.single-product .glo-sec-hero .fusion-woo-product-images, body.single-product .glo-sec-hero .woocommerce-product-gallery { margin: 0 !important; } body.single-product .glo-sec-hero .woocommerce-product-gallery .flex-viewport { border: 1px solid #dedede; box-sizing: border-box; height: auto !important; max-height: none !important; } body.single-product .glo-sec-hero .woocommerce-product-gallery:not(:has(.flex-viewport)) .woocommerce-product-gallery__wrapper { border: 1px solid #dedede; } body.single-product .glo-sec-hero .woocommerce-product-gallery__image img { width: 100% !important; height: auto !important; aspect-ratio: 578 / 585; object-fit: contain; } body.single-product .glo-sec-hero .flex-direction-nav { display: none !important; } body.single-product .glo-sec-hero .avada-product-gallery-thumbs-wrapper { margin: 16px 0 0 !important; padding: 0 !important; height: auto !important; } body.single-product .glo-sec-hero .avada-product-gallery-thumbs-wrapper .flex-control-thumbs { position: static !important; transform: none !important; } body.single-product .glo-sec-hero .flex-control-thumbs { display: flex !important; gap: 12px; margin: 0 !important; padding: 0 !important; } body.single-product .glo-sec-hero .flex-control-thumbs li { float: none !important; width: calc(50% - 6px) !important; margin: 0 !important; padding: 0 !important; } body.single-product .glo-sec-hero .flex-control-thumbs li:first-child { display: none !important; } body.single-product .glo-sec-hero .flex-control-thumbs img { width: 100% !important; height: auto !important; aspect-ratio: 280 / 254; object-fit: contain; border: 1px solid #dedede; box-sizing: border-box; opacity: 1 !important; } body.single-product .glo-sec-hero .fusion-image-element:has(.glo-video) { margin: 16px 0 0 !important; } body.single-product .glo-sec-hero .glo-video, body.single-product .glo-sec-hero .glo-video img { display: block; width: 100% !important; border: 0 !important; } body.single-product .glo-sec-hero .glo-video img { height: auto !important; aspect-ratio: 578 / 295; object-fit: cover; } body.single-product .glo-sec-hero .glo-brand { margin: 0 !important; } body.single-product .glo-sec-hero .glo-brand, body.single-product .glo-sec-hero .glo-brand p { font-size: 20px !important; line-height: 22px !important; } body.single-product .glo-sec-hero .glo-hero-title { margin: 6px 0 0 !important; max-width: none !important; } body.single-product .glo-sec-hero .glo-hero-title h1, body.single-product .glo-sec-hero .glo-hero-title h2 { font-size: 48px !important; line-height: 48px !important; margin: 0 !important; } body.single-product .glo-sec-hero .glo-meta { margin: 12px 0 0 !important; } body.single-product .glo-sec-hero .glo-meta, body.single-product .glo-sec-hero .glo-meta p { font-size: 16px !important; line-height: 20px !important; } body.single-product .glo-sec-hero .glo-tagline { margin: 18px 0 0 !important; max-width: none !important; } body.single-product .glo-sec-hero .glo-tagline, body.single-product .glo-sec-hero .glo-tagline p { font-family: "Archivo Black", Archivo, sans-serif !important; font-size: 20px !important; line-height: 22px !important; letter-spacing: -0.05em !important; color: var(--glo-accent-dark, #ed5f01) !important; } body.single-product .glo-sec-hero .glo-desc { margin: 24px 0 0 !important; } body.single-product .glo-sec-hero .glo-desc, body.single-product .glo-sec-hero .glo-desc p { font-size: 18px !important; line-height: 25px !important; } body.single-product .glo-sec-hero .fusion-button-wrapper:has(.glo-buy), body.single-product .glo-sec-hero div:has(> .glo-buy) { margin: 24px 0 0 !important; width: 100%; } body.single-product .glo-sec-hero .glo-buy { display: flex !important; align-items: center; justify-content: center; width: 100% !important; min-height: 56px; height: auto !important; margin: 0 !important; padding: 8px 16px !important; box-sizing: border-box; } body.single-product .glo-sec-hero .glo-buy .fusion-button-text { font-size: 18px !important; line-height: 22px !important; white-space: normal; text-align: center; } body.single-product .glo-sec-hero div:has(> .glo-buy) + .fusion-separator { margin-top: 32px !important; } body.single-product .glo-sec .fusion-builder-row-inner:has(.glo-detail-label):not(.glo-hide) { display: flex !important; flex-wrap: nowrap !important; align-items: center; min-height: 44px; margin: 0 !important; } body.single-product .glo-sec .fusion-builder-row-inner:has(.glo-detail-label) > .fusion-layout-column { margin: 0 !important; padding: 0 !important; } body.single-product .glo-sec .fusion-builder-row-inner:has(.glo-detail-label) > .fusion-layout-column:first-child { flex: 0 0 111px !important; width: 111px !important; max-width: 111px !important; } body.single-product .glo-sec .fusion-builder-row-inner:has(.glo-detail-label) > .fusion-layout-column:last-child { flex: 1 1 0 !important; width: auto !important; max-width: none !important; } body.single-product .glo-sec .glo-detail-label, body.single-product .glo-sec .glo-detail-value { margin: 0 !important; padding: 0 !important; } body.single-product .glo-sec .glo-detail-label p, body.single-product .glo-sec .glo-detail-value p { font-size: 16px !important; line-height: 20px !important; margin: 0 !important; } body.single-product .glo-sec .glo-detail-value, body.single-product .glo-sec .glo-detail-value p { color: #464646 !important; } body.single-product .glo-sec-hero .fusion-accordian { margin: 24px 0 0 !important; } body.single-product .glo-sec-hero .fusion-accordian .fusion-panel { margin: 0 !important; padding: 0 !important; } body.single-product .glo-sec-hero .fusion-accordian .panel-title a { padding: 11px 0 9px !important; min-height: 0 !important; } body.single-product .glo-sec-hero .fusion-accordian .panel-title a .fusion-toggle-heading { font-size: 16px !important; line-height: 20px !important; } body.single-product .glo-sec-hero .fusion-accordian .fusion-toggle-icon-wrapper i::before { font-family: "Space Mono", monospace !important; font-weight: 400 !important; font-size: 18px !important; line-height: 20px !important; } body.single-product .glo-sec-hero .fusion-accordian .fusion-toggle-icon-wrapper i.fa-plus::before { content: "+" !important; } body.single-product .glo-sec-hero .fusion-accordian .fusion-toggle-icon-wrapper i.fa-minus::before { content: "\2212" !important; } body.single-product .glo-sec-hero .fusion-accordian .fusion-toggle-icon-wrapper i { width: auto !important; height: auto !important; color: #000 !important; } /* Marquee */ body.single-product .glo-sec-marquee { padding-top: 20px !important; padding-bottom: 20px !important; } body.single-product .glo-sec-marquee .glo-mq, body.single-product .glo-sec-marquee .glo-mq p { margin: 0 !important; font-size: 20px !important; line-height: 24px !important; white-space: normal !important; text-align: center !important; } /* Intro: 35% | 65% */ body.single-product .glo-sec-intro { padding-top: 48px !important; padding-bottom: 48px !important; } body.single-product .glo-sec-intro > .fusion-builder-row { column-gap: 32px; flex-wrap: nowrap !important; align-items: flex-start !important; } body.single-product .glo-sec-intro > .fusion-builder-row > .fusion-layout-column:nth-child(1) { flex: 0 0 35% !important; width: 35% !important; max-width: 35% !important; } body.single-product .glo-sec-intro > .fusion-builder-row > .fusion-layout-column:nth-child(2) { flex: 1 1 0 !important; width: auto !important; max-width: none !important; margin-top: 8px !important; } body.single-product .glo-sec-intro .glo-intro-text p { font-size: 18px !important; line-height: 25px !important; margin: 0 0 20px !important; } body.single-product .glo-sec-intro .glo-intro-text p:first-child { font-family: Archivo, sans-serif !important; font-weight: 700 !important; font-size: 20px !important; line-height: 25px !important; } body.single-product .glo-sec-intro .glo-intro-text p:last-child { margin-bottom: 0 !important; } /* Profile: title + tags, then 3 notes */ body.single-product .glo-sec-profile { padding-top: 60px !important; padding-bottom: 70px !important; } body.single-product .glo-sec-profile > .fusion-builder-row { column-gap: 20px; } body.single-product .glo-sec-profile > .fusion-builder-row > .fusion-layout-column:nth-child(1) { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; margin-bottom: 20px !important; } body.single-product .glo-sec-profile > .fusion-builder-row > .fusion-layout-column:nth-child(2) { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; align-self: auto !important; margin-bottom: 32px !important; } body.single-product .glo-sec-profile > .fusion-builder-row > .fusion-layout-column:nth-child(2) .fusion-column-wrapper { flex-direction: row !important; flex-wrap: wrap !important; gap: 10px !important; justify-content: flex-start !important; align-items: center; padding-bottom: 0 !important; } body.single-product .glo-sec-profile .glo-flavor-tag { height: 40px !important; padding: 0 16px !important; display: inline-flex !important; align-items: center; box-sizing: border-box; margin: 0 !important; } body.single-product .glo-sec-profile .fusion-button-wrapper:has(.glo-flavor-tag), body.single-product .glo-sec-profile div:has(> .glo-flavor-tag) { margin: 0 !important; } body.single-product .glo-sec-profile .glo-flavor-tag .fusion-button-text { font-size: 18px !important; line-height: 22px !important; } body.single-product .glo-sec-profile > .fusion-builder-row > .fusion-layout-column:nth-child(n+3) { flex: 0 0 calc((100% - 40px) / 3) !important; width: calc((100% - 40px) / 3) !important; max-width: calc((100% - 40px) / 3) !important; } body.single-product .glo-sec-profile .fusion-image-element:has(.glo-note-img) { margin: 0 !important; } body.single-product .glo-sec-profile .glo-note-img, body.single-product .glo-sec-profile .glo-note-img img { display: block; width: 100% !important; } body.single-product .glo-sec-profile .glo-note-img img { height: 180px !important; object-fit: cover; } body.single-product .glo-sec-profile .glo-note-title { margin: 16px 0 0 !important; } body.single-product .glo-sec-profile .glo-note-title h1, body.single-product .glo-sec-profile .glo-note-title h2, body.single-product .glo-sec-profile .glo-note-title h3, body.single-product .glo-sec-profile .glo-note-title h4 { font-size: 24px !important; line-height: 26px !important; margin: 0 !important; } body.single-product .glo-sec-profile .glo-note-text { margin: 10px 0 0 !important; max-width: none !important; } body.single-product .glo-sec-profile .glo-note-text p { font-size: 18px !important; line-height: 24px !important; } /* Experience: image 40% | text */ body.single-product .glo-sec-experience { padding-top: 56px !important; padding-bottom: 56px !important; overflow: visible !important; position: relative; z-index: 2; } body.single-product .glo-sec-experience > .fusion-builder-row { column-gap: 32px; flex-wrap: nowrap !important; align-items: center !important; } body.single-product .glo-sec-experience > .fusion-builder-row > .fusion-layout-column:nth-child(1) { flex: 0 0 40% !important; width: 40% !important; max-width: 40% !important; position: relative; } body.single-product .glo-sec-experience > .fusion-builder-row > .fusion-layout-column:nth-child(2) { flex: 1 1 0 !important; width: auto !important; max-width: none !important; } body.single-product .glo-sec-experience .fusion-image-element:has(.glo-exp-img) { position: relative !important; left: auto !important; top: auto !important; width: 100% !important; margin: 0 !important; z-index: 3; } body.single-product .glo-sec-experience .glo-exp-img img { width: 100% !important; height: auto !important; } body.single-product .glo-sec-experience .glo-exp-text { margin: 16px 0 0 !important; max-width: none !important; } body.single-product .glo-sec-experience .glo-exp-text p { font-size: 18px !important; line-height: 25px !important; margin: 0 0 20px !important; } body.single-product .glo-sec-experience .glo-exp-text p:last-child { margin-bottom: 0 !important; } /* Features: 2 x 2 */ body.single-product .glo-sec-features { padding-top: 64px !important; padding-bottom: 64px !important; } body.single-product .glo-sec-features > .fusion-builder-row { row-gap: 40px; column-gap: 40px; } body.single-product .glo-sec-features > .fusion-builder-row > .fusion-layout-column:nth-child(1) { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; margin-bottom: 8px !important; } body.single-product .glo-sec-features > .fusion-builder-row > .fusion-layout-column:nth-child(n+2) { flex: 0 0 calc(50% - 20px) !important; width: calc(50% - 20px) !important; max-width: calc(50% - 20px) !important; margin: 0 !important; } body.single-product .glo-sec-features .fusion-image-element:has(.glo-feat-icon) { height: 52px; display: flex !important; align-items: flex-end; margin: 0 0 20px !important; } body.single-product .glo-sec-features .glo-feat-icon img { height: 32px !important; width: auto !important; } body.single-product .glo-sec-features > .fusion-builder-row > .fusion-layout-column:nth-child(3) .glo-feat-icon img { height: 52px !important; } body.single-product .glo-sec-features .glo-feat-title { margin: 0 !important; } body.single-product .glo-sec-features .glo-feat-title h1, body.single-product .glo-sec-features .glo-feat-title h2, body.single-product .glo-sec-features .glo-feat-title h3, body.single-product .glo-sec-features .glo-feat-title h4 { font-family: "Archivo Black", Archivo, sans-serif !important; font-weight: 400 !important; font-size: 22px !important; line-height: 24px !important; letter-spacing: -0.05em !important; margin: 0 !important; white-space: normal !important; } body.single-product .glo-sec-features .glo-feat-text { margin: 10px 0 0 !important; } body.single-product .glo-sec-features .glo-feat-text, body.single-product .glo-sec-features .glo-feat-text p { font-size: 18px !important; line-height: 25px !important; } /* Details: 38% | 62% */ body.single-product .glo-sec-details { padding-top: 64px !important; padding-bottom: 72px !important; } body.single-product .glo-sec-details > .fusion-builder-row { column-gap: 32px; flex-wrap: nowrap !important; } body.single-product .glo-sec-details > .fusion-builder-row > .fusion-layout-column:nth-child(1) { flex: 0 0 35% !important; width: 35% !important; max-width: 35% !important; } body.single-product .glo-sec-details > .fusion-builder-row > .fusion-layout-column:nth-child(2) { flex: 1 1 0 !important; width: auto !important; max-width: none !important; } /* Related: title + button, then swipeable 290px cards */ body.single-product .glo-sec-related { padding-top: 64px !important; padding-bottom: 64px !important; overflow: hidden !important; } body.single-product .glo-sec-related > .fusion-builder-row { align-items: center !important; } body.single-product .glo-sec-related > .fusion-builder-row > .fusion-layout-column:nth-child(1) { flex: 1 1 0 !important; width: auto !important; max-width: none !important; margin-bottom: 40px !important; } body.single-product .glo-sec-related > .fusion-builder-row > .fusion-layout-column:nth-child(2) { flex: 0 0 auto !important; width: auto !important; max-width: none !important; margin-bottom: 40px !important; } body.single-product .glo-sec-related > .fusion-builder-row > .fusion-layout-column:nth-child(3) { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; } body.single-product .glo-sec-related .glo-sec-title { margin-top: 0 !important; } body.single-product .glo-sec-related .glo-explore { width: 300px; max-width: 100%; height: 56px; display: inline-flex !important; align-items: center; justify-content: center; padding: 0 !important; box-sizing: border-box; } body.single-product .glo-sec-related .glo-explore .fusion-button-text { font-size: 18px !important; } body.single-product .glo-sec-related .awb-swiper { overflow: visible !important; } body.single-product .glo-sec-related .fusion-post-cards .swiper-wrapper > .fusion_builder_column { width: 290px !important; } body.single-product .glo-sec-related .awb-swiper-button, body.single-product .glo-sec-related .swiper-button-prev, body.single-product .glo-sec-related .swiper-button-next { display: none !important; } body.single-product .glo-sec-related .fusion-post-cards .fusion_builder_column:not(.fusion_builder_column_inner) > .fusion-column-wrapper { background: #000 !important; border-radius: 16px !important; display: flex !important; flex-direction: column !important; } body.single-product .glo-sec-related .fusion-post-cards .fusion-woo-product-image { height: 304px !important; flex: 0 0 304px; background: #fff; display: flex; align-items: center; justify-content: center; } body.single-product .glo-sec-related .fusion-post-cards .fusion-woo-product-image img { width: 100% !important; height: 304px !important; object-fit: contain; } body.single-product .glo-sec-related .fusion-post-cards .fusion-builder-row-inner { margin: 0 !important; display: flex !important; } body.single-product .glo-sec-related .fusion-post-cards .fusion_builder_column_inner > .fusion-column-wrapper { 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; } body.single-product .glo-sec-related .fusion-post-cards .fusion-title { margin: 0 !important; } body.single-product .glo-sec-related .fusion-post-cards .fusion-title h2 { font-size: 18px !important; line-height: 20px !important; font-weight: 600 !important; } body.single-product .glo-sec-related .fusion-post-cards .fusion-content-tb { margin: 10px 0 0 !important; } body.single-product .glo-sec-related .fusion-post-cards .fusion-content-tb, body.single-product .glo-sec-related .fusion-post-cards .fusion-content-tb p { font-size: 15px !important; line-height: 16px !important; font-weight: 400 !important; margin-bottom: 0 !important; } body.single-product .glo-sec-related .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.single-product .glo-sec-related .fusion-post-cards .fusion-button { margin-top: 0 !important; } body.single-product .glo-sec-related .fusion-post-cards .fusion-button-text { font-size: 16px !important; line-height: 16px !important; } /* CTA */ body.single-product .glo-sec-cta { padding-top: 80px !important; padding-bottom: 80px !important; } body.single-product .glo-sec-cta .glo-sec-title { margin-top: 0 !important; } body.single-product .glo-sec-cta .fusion-button-wrapper:has(.glo-explore), body.single-product .glo-sec-cta div:has(> .glo-explore) { margin: 28px 0 0 !important; } body.single-product .glo-sec-cta .glo-explore { height: 56px; padding: 0 30px !important; display: inline-flex !important; align-items: center; box-sizing: border-box; } } /* --- Small phones (<= 400px) --- */ @media (max-width: 767px) { body.single-product .glo-sec-experience .fusion-image-element:has(.glo-exp-img) { width: calc(100% + 18px) !important; max-width: 400px !important; } body.single-product .glo-sec-experience .glo-exp-img img { width: 100% !important; } } @media (max-width: 400px) { body.single-product .glo-sec-hero .glo-buy .fusion-button-text { font-size: 16px !important; } body.single-product .glo-sec-hero .glo-hero-title h1, body.single-product .glo-sec-hero .glo-hero-title h2 { font-size: 36px !important; line-height: 38px !important; } body.single-product .glo-sec-cta .glo-explore { padding: 0 20px !important; } body.single-product .glo-sec-cta .glo-explore .fusion-button-text { font-size: 17px !important; } body.single-product .glo-sec .fusion-builder-row-inner:has(.glo-detail-label) > .fusion-layout-column:first-child { flex-basis: 96px !important; width: 96px !important; max-width: 96px !important; } }