/* ========================================================================== OXYZ Infinite MSC Page ========================================================================== */ /* Poppins is loaded via in — see oxyz_preload_poppins_font() in functions.php */ /* ===== Hero Banner ===== */ .oxyz-msc-hero-title { background: linear-gradient(135deg, #DABE5C, #C6A13F); padding: 64px 24px; text-align: center; } .oxyz-msc-hero-eyebrow { font-family: 'Poppins', sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: rgba(255, 255, 255, 0.8); margin: 0 0 10px; } .oxyz-msc-hero-title h1 { font-family: 'Poppins', sans-serif; font-size: clamp(28px, 4vw, 48px); font-weight: 800; color: #ffffff; line-height: 1.3; margin: 0; } @media (max-width: 700px) { .oxyz-msc-hero-title { padding: 48px 20px; } } /* ===== At OXYZ Health (intro) ===== */ .oxyz-msc-intro { background: #ffffff; padding: 72px 0; } .oxyz-msc-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-msc-intro-image { background: linear-gradient(135deg, #FBF6E9, #F2E9D2); border-radius: 20px; display: flex; align-items: center; justify-content: center; padding: 32px; min-height: 320px; } .oxyz-msc-intro-image img { width: 100%; max-width: 340px; height: auto; display: block; filter: drop-shadow(0 20px 20px rgba(120, 96, 30, 0.18)); } .oxyz-msc-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-msc-intro-rule { width: 90px; height: 3px; background: #CDB04A; opacity: 0.9; margin: 22px 0; } .oxyz-msc-intro-content p { font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 400; line-height: 1.7; color: #137A54; margin: 0; max-width: 540px; } @media (max-width: 900px) { .oxyz-msc-intro { padding: 56px 0; } .oxyz-msc-intro-inner { grid-template-columns: 1fr; gap: 32px; } .oxyz-msc-intro-content { display: flex; flex-direction: column; align-items: center; text-align: center; } .oxyz-msc-intro-rule { margin-left: auto; margin-right: auto; } .oxyz-msc-intro-content p { text-align: left; align-self: flex-start; } } /* ===== Lifestyle blurb + value icons ===== */ .oxyz-msc-values { background: #ffffff; padding: 0 0 80px; } .oxyz-msc-values-inner { max-width: 1200px; margin: 0 auto; padding: 0 5vw; text-align: center; } .oxyz-msc-values-rule { width: 90px; height: 2px; background: #CDB04A; opacity: 0.9; margin: 0 auto 34px; } .oxyz-msc-values-intro { font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 700; line-height: 1.7; color: #137A54; max-width: 880px; margin: 0 auto 64px; } .oxyz-msc-values-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 40px; } .oxyz-msc-values-item img { width: 100%; max-width: 96px; height: auto; display: block; margin: 0 auto 22px; } .oxyz-msc-values-item p { font-family: 'Poppins', sans-serif; font-size: 15px; font-weight: 700; line-height: 1.5; color: #CDB04A; margin: 0; } @media (max-width: 900px) { .oxyz-msc-values { padding-bottom: 56px; } .oxyz-msc-values-intro { margin-bottom: 44px; } .oxyz-msc-values-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 40px; } } @media (max-width: 480px) { .oxyz-msc-values-grid { grid-template-columns: 1fr; } } /* ===== How it Works ===== */ .oxyz-msc-how { position: relative; } .oxyz-msc-how-split { display: grid; grid-template-columns: 1fr 1fr; height: clamp(280px, 38vw, 520px); } .oxyz-msc-how-image { overflow: hidden; } .oxyz-msc-how-image img { width: 100%; height: 100%; object-fit: cover; display: block; } .oxyz-msc-how-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; font-family: 'Poppins', sans-serif; font-size: clamp(28px, 4vw, 44px); font-weight: 800; color: #ffffff; text-align: center; margin: 0; text-shadow: 0 2px 12px rgba(0, 0, 0, 0.3); white-space: nowrap; } /* ===== Candidates for MSC Therapy ===== */ .oxyz-msc-candidates { background: #ffffff; padding: 56px 0 72px; } .oxyz-msc-candidates-inner { max-width: 900px; margin: 0 auto; padding: 0 5vw; text-align: center; } .oxyz-msc-candidates-inner h2 { font-family: 'Poppins', sans-serif; font-size: clamp(22px, 2.4vw, 30px); font-weight: 800; color: #CDB04A; margin: 0 0 20px; } .oxyz-msc-candidates-inner p { font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 400; line-height: 1.7; color: #137A54; text-align: left; max-width: 700px; margin: 0 auto; } @media (max-width: 700px) { .oxyz-msc-how-title { white-space: normal; width: 90%; } .oxyz-msc-candidates { padding: 44px 0 56px; } } /* ===== Science / clinical studies ===== */ .oxyz-msc-science { background: #ffffff; max-width: 1300px; margin: 0 auto; padding: 0 5vw 72px; } .oxyz-msc-science-row { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(0, 1fr); align-items: center; gap: 60px; } .oxyz-msc-science-row + .oxyz-msc-science-row { margin-top: 56px; } .oxyz-msc-science-image { border-radius: 16px; overflow: hidden; } .oxyz-msc-science-image img { width: 100%; height: 100%; object-fit: cover; display: block; aspect-ratio: 3 / 2; } .oxyz-msc-science-content p { font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 400; line-height: 1.6; color: #137A54; margin: 0 0 20px; } .oxyz-msc-science-content p:last-child { margin-bottom: 0; } @media (max-width: 900px) { .oxyz-msc-science-row { grid-template-columns: 1fr; gap: 24px; } .oxyz-msc-science-row + .oxyz-msc-science-row { margin-top: 40px; } } /* ===== Umbilical cord-derived MSCs (sheep) ===== */ .oxyz-msc-sheep { background: #ffffff; } .oxyz-msc-sheep-inner { max-width: 1300px; margin: 0 auto; padding: 64px 5vw 56px; } .oxyz-msc-sheep-inner h2 { font-family: 'Poppins', sans-serif; font-size: clamp(24px, 2.8vw, 36px); font-weight: 800; color: #CDB04A; text-align: center; line-height: 1.3; margin: 0 0 56px; } .oxyz-msc-sheep-row { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); align-items: center; gap: 48px; } .oxyz-msc-sheep-image img { width: 100%; height: auto; display: block; filter: drop-shadow(0 20px 18px rgba(0, 0, 0, 0.12)); } .oxyz-msc-sheep-content p { font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 400; line-height: 1.7; color: #137A54; margin: 0; } .oxyz-msc-sheep-rule { width: 90px; height: 2px; background: #CDB04A; opacity: 0.9; margin-top: 22px; } .oxyz-msc-sheep-bar { height: 10px; background: #CDB04A; } @media (max-width: 900px) { .oxyz-msc-sheep-inner { padding: 48px 6vw 40px; } .oxyz-msc-sheep-inner h2 { margin-bottom: 36px; } .oxyz-msc-sheep-row { grid-template-columns: 1fr; gap: 28px; text-align: center; } .oxyz-msc-sheep-rule { margin-left: auto; margin-right: auto; } } /* ===== Success Stories ===== */ .oxyz-msc-success { background: #ffffff; padding: 64px 0 72px; } .oxyz-msc-success-inner { max-width: 900px; margin: 0 auto; padding: 0 5vw; text-align: center; } .oxyz-msc-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-msc-success-card { background: #ffffff; border-radius: 24px; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08); padding: 32px 24px; margin: 0 0 48px; } .oxyz-msc-success-card p { font-family: 'Poppins', sans-serif; font-size: clamp(19px, 2.2vw, 26px); font-weight: 800; margin: 0 0 14px; } .oxyz-msc-success-card p .green { color: #137A54; } .oxyz-msc-success-card p .gold { color: #CDB04A; } .oxyz-msc-success-google { font-family: Arial, sans-serif; font-size: clamp(34px, 4.4vw, 52px); font-weight: 700; } .oxyz-msc-success-certs img { width: 100%; max-width: 640px; height: auto; display: block; margin: 0 auto; } /* ===== Shop Infinite MSC ===== */ .oxyz-msc-shop { background: #FAF7EF; padding: 72px 0 80px; } .oxyz-msc-shop-inner { max-width: 1200px; margin: 0 auto; padding: 0 5vw; text-align: center; } .oxyz-msc-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-msc-shop-rule { width: 90px; height: 3px; background: #CDB04A; opacity: 0.9; margin: 20px auto 48px; } .oxyz-msc-shop-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; text-align: left; } .oxyz-msc-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-msc-shop-image { position: relative; display: flex; align-items: center; justify-content: center; height: 210px; margin: 0 -24px 18px; } .oxyz-msc-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-msc-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-msc-shop-name:hover { color: #0b5c3f; } .oxyz-msc-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-msc-shop-price .woocommerce-Price-amount { color: #fff; } .oxyz-msc-shop-tagline { font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 500; color: #6b6455; margin: 0 0 20px; flex-grow: 1; } .oxyz-msc-shop-cart { margin-top: auto; } .oxyz-msc-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-msc-shop-cart a.button.add_to_cart_button:hover { background: #0b5c3f !important; color: #ffffff !important; } .oxyz-msc-shop-cart a.button.add_to_cart_button::before, .oxyz-msc-shop-cart a.button.add_to_cart_button::after { content: none !important; display: none !important; } @media (max-width: 720px) { .oxyz-msc-shop-grid { grid-template-columns: 1fr; gap: 20px; } .oxyz-msc-shop-card { padding: 20px 16px 24px; } }