/* ========================================================================== OXYZ Immune Breathe+ Page ========================================================================== */ /* Poppins is loaded via in — see oxyz_preload_poppins_font() in functions.php */ /* Hide default post chrome above our custom content */ body.custom-immune-breathe-page .cmsmasters-single-post-meta_first, body.custom-immune-breathe-page .cmsmasters-single-post-meta_second, body.custom-immune-breathe-page .cmsmasters-single-post-media, body.custom-immune-breathe-page .cmsmasters-single-post-title { display: none !important; } body.custom-immune-breathe-page .cmsmasters-main__outer { padding-top: 0 !important; } /* Old Elementor "About Immune Breathe+" heading + paragraph block, now duplicated by our new intro section above. */ body.custom-immune-breathe-page .elementor-element-0251978, body.custom-immune-breathe-page .elementor-element-b16d99a { display: none !important; } /* Big product image that sat right after the old Success Stories text. */ body.custom-immune-breathe-page .elementor-element-46bffcd { display: none !important; } /* This old cream-colored container wraps Success Stories + a lot of padding (150px top/bottom) before its next content — with the big image above now hidden, that padding reads as a large empty gap. */ body.custom-immune-breathe-page .elementor-element-1364afa { --padding-top: 40px !important; --padding-bottom: 40px !important; --margin-bottom: 0px !important; } /* Empty leftover Elementor containers (no content) that were still reserving their own padding/gap between Success Stories and Shop. */ body.custom-immune-breathe-page .elementor-element-802d262, body.custom-immune-breathe-page .elementor-element-929d5a7, body.custom-immune-breathe-page .elementor-element-0902831, body.custom-immune-breathe-page .elementor-element-1878835 { display: none !important; } /* ===== Hero Banner ===== */ .oxyz-immune-hero-title { background: linear-gradient(90deg, #E07157, #8F2D5C); padding: 80px 24px; text-align: center; width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; } .oxyz-immune-hero-title h1 { font-family: 'Poppins', sans-serif; font-size: clamp(32px, 5vw, 64px); font-weight: 800; color: #ffffff; line-height: 1.3; margin: 0; } @media (max-width: 700px) { .oxyz-immune-hero-title { padding: 60px 20px; } } /* ===== At OXYZ (intro) ===== */ .oxyz-immune-intro { background: #ffffff; padding: 72px 0; width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; } .oxyz-immune-intro-inner { max-width: 1300px; margin: 0 auto; padding: 0 5vw; display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr); align-items: center; gap: 64px; } .oxyz-immune-intro-image { background: linear-gradient(135deg, #FFF1E6, #FFE2D4); border-radius: 20px; display: flex; align-items: center; justify-content: center; padding: 32px; min-height: 440px; /* Increased to accommodate the taller image and flag */ overflow: hidden; } .oxyz-immune-intro-image img { width: 100%; max-width: 600px; height: auto; display: block; transform: scale(1.75) translateY(-12px); /* Shifted up slightly and adjusted scale */ filter: drop-shadow(0 10px 10px rgba(143, 45, 92, 0.12)); } .oxyz-immune-intro-content h2 { font-family: 'Poppins', sans-serif; font-size: clamp(24px, 2.6vw, 34px); font-weight: 800; text-transform: uppercase; color: #CDB04A; line-height: 1.25; margin: 0; } .oxyz-immune-intro-rule { width: 90px; height: 3px; background: #CDB04A; opacity: 0.9; margin: 22px 0; } .oxyz-immune-intro-content p { font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 400; line-height: 1.7; color: #8F2D5C; margin: 0 0 18px; max-width: 540px; } .oxyz-immune-intro-content p:last-child { margin-bottom: 0; } @media (max-width: 900px) { .oxyz-immune-intro { padding: 56px 0; } .oxyz-immune-intro-inner { grid-template-columns: 1fr; gap: 32px; } .oxyz-immune-intro-content { display: flex; flex-direction: column; align-items: center; text-align: center; } .oxyz-immune-intro-rule { margin-left: auto; margin-right: auto; } .oxyz-immune-intro-content p { text-align: left; align-self: flex-start; } } /* ===== Each serving contains (fact pills) ===== */ .oxyz-immune-proven { max-width: 1100px; margin: 0 auto; padding: 24px 5vw 56px; text-align: center; } .oxyz-immune-proven-label { font-family: 'Poppins', sans-serif; font-size: 20px; font-weight: 800; color: #CDB04A; margin: 0 0 10px; } .oxyz-immune-proven-text { font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 400; line-height: 1.7; color: #137A54; text-align: left; max-width: 780px; margin: 0 auto 40px; } .oxyz-immune-proven-heading { font-family: 'Poppins', sans-serif; font-size: clamp(22px, 3vw, 34px); font-weight: 800; color: #CDB04A; margin: 0 0 32px; } .oxyz-immune-proven-pills { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; } .oxyz-immune-proven-pill { background: #CDB04A; color: #ffffff; font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 700; line-height: 1.35; text-align: center; border-radius: 16px; padding: 26px 18px; box-shadow: 0 8px 18px rgba(205, 176, 74, 0.25); display: flex; align-items: center; justify-content: center; } @media (max-width: 900px) { .oxyz-immune-proven-pills { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 520px) { .oxyz-immune-proven-pills { grid-template-columns: 1fr; } .oxyz-immune-proven-text { margin-bottom: 28px; } } /* ===== Success Stories ===== */ .oxyz-immune-success { background: #ffffff; padding: 24px 0 64px; } .oxyz-immune-success-inner { max-width: 900px; margin: 0 auto; padding: 0 5vw; text-align: center; } .oxyz-immune-success-inner h2 { font-family: 'Poppins', sans-serif; font-size: clamp(22px, 2.6vw, 30px); font-weight: 800; text-transform: uppercase; color: #CDB04A; margin: 0 0 28px; } .oxyz-immune-success-card { background: #ffffff; border-radius: 24px; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08); padding: 32px 24px; } .oxyz-immune-success-card p { font-family: 'Poppins', sans-serif; font-size: clamp(19px, 2.2vw, 26px); font-weight: 800; margin: 0 0 14px; } .oxyz-immune-success-card p .green { color: #137A54; } .oxyz-immune-success-card p .gold { color: #CDB04A; } .oxyz-immune-success-google { font-family: Arial, sans-serif; font-size: clamp(34px, 4.4vw, 52px); font-weight: 700; } /* ===== Shop Immune Breathe+ ===== */ .oxyz-immune-shop { background: #FAF7EF; padding: 72px 0 80px; } .oxyz-immune-shop-inner { max-width: 1200px; margin: 0 auto; padding: 0 5vw; text-align: center; } .oxyz-immune-shop-inner h2 { font-family: 'Poppins', sans-serif; font-size: clamp(26px, 3vw, 38px); font-weight: 800; text-transform: uppercase; color: #CDB04A; margin: 0; } .oxyz-immune-shop-rule { width: 90px; height: 3px; background: #CDB04A; opacity: 0.9; margin: 20px auto 48px; } .oxyz-immune-shop-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; text-align: left; } .oxyz-immune-shop-card { background: #ffffff; border-radius: 20px; box-shadow: 0 6px 24px rgba(17, 20, 18, 0.08); padding: 28px 24px 32px; display: flex; flex-direction: column; } .oxyz-immune-shop-image { position: relative; display: flex; align-items: center; justify-content: center; height: 210px; margin: 0 -24px 18px; } .oxyz-immune-shop-image img { position: relative; max-width: 100%; max-height: 210px; width: auto; height: auto; object-fit: contain; display: block; filter: drop-shadow(0 8px 14px rgba(17, 20, 18, 0.12)); } .oxyz-immune-shop-name { font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 700; color: #137A54; text-decoration: none; line-height: 1.3; margin-bottom: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .oxyz-immune-shop-name:hover { color: #0b5c3f; } .oxyz-immune-shop-price { display: inline-flex; align-items: center; width: fit-content; background: #CDB04A; color: #fff; font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 700; padding: 6px 16px; border-radius: 20px; margin-bottom: 14px; } .oxyz-immune-shop-price .woocommerce-Price-amount { color: #fff; } .oxyz-immune-shop-tagline { font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 500; color: #6b6455; margin: 0 0 20px; flex-grow: 1; } .oxyz-immune-shop-cart { margin-top: auto; } .oxyz-immune-shop-cart a.button.add_to_cart_button { display: inline-flex; align-items: center; justify-content: center; width: 100%; background: #137A54 !important; color: #ffffff !important; font-family: 'Poppins', sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 0.02em; white-space: nowrap; padding: 12px 14px !important; border-radius: 24px !important; text-decoration: none !important; border: none !important; box-shadow: none !important; text-shadow: none !important; opacity: 1 !important; transition: background 0.25s ease; } .oxyz-immune-shop-cart a.button.add_to_cart_button:hover { background: #0b5c3f !important; color: #ffffff !important; } .oxyz-immune-shop-cart a.button.add_to_cart_button::before, .oxyz-immune-shop-cart a.button.add_to_cart_button::after { content: none !important; display: none !important; } @media (max-width: 720px) { .oxyz-immune-shop-grid { grid-template-columns: 1fr; gap: 20px; } .oxyz-immune-shop-card { padding: 20px 16px 24px; } }