/** Shopify CDN: Minification failed Line 1591:81 Unexpected "{" **/ .rich-text { z-index: 1; } .rich-text__wrapper { display: flex; justify-content: center; width: calc(100% - 4rem / var(--font-body-scale)); } .rich-text:not(.rich-text--full-width) .rich-text__wrapper { margin: auto; width: calc(100% - 8rem / var(--font-body-scale)); } .rich-text__blocks { width: 100%; } @media screen and (min-width: 750px) { .rich-text__wrapper { width: 100%; } .rich-text__wrapper--left { justify-content: flex-start; } .rich-text__wrapper--right { justify-content: flex-end; } .rich-text__blocks { max-width: 50rem; } } @media screen and (min-width: 990px) { .rich-text__blocks { max-width: 78rem; } } .rich-text__blocks * { overflow-wrap: break-word; } .rich-text__blocks > * { margin-top: 0; margin-bottom: 0; } .rich-text__blocks > * + * { margin-top: 2rem; } .rich-text__blocks > * + a { margin-top: 3rem; } .rich-text__buttons { display: inline-flex; justify-content: center; flex-wrap: wrap; gap: 1rem; width: 100%; max-width: 45rem; word-break: break-word; } .rich-text__buttons--multiple > * { flex-grow: 1; min-width: 22rem; } .rich-text__buttons + .rich-text__buttons { margin-top: 1rem; } .rich-text__blocks.left .rich-text__buttons { justify-content: flex-start; } .rich-text__blocks.right .rich-text__buttons { justify-content: flex-end; } /* ===== Voth: FREE product card (mockup style) ===== */ #shopify-section-template--27169583628665__rich_text_ph78JW{ position: relative; padding: 80px 0 !important; } /* keep content above glow */ #shopify-section-template--27169583628665__rich_text_ph78JW .rich-text{ position: relative; z-index: 1; } /* center + compact width (like mockup card) */ #shopify-section-template--27169583628665__rich_text_ph78JW .rich-text__blocks{ max-width: 560px !important; margin: 0 auto !important; } /* the actual card */ #shopify-section-template--27169583628665__rich_text_ph78JW .rich-text__wrapper{ max-width: 560px !important; margin: 0 auto !important; padding: 44px 46px !important; border-radius: 22px !important; background: rgba(255,255,255,0.03) !important; border: 1px solid rgba(201,170,113,0.55) !important; box-shadow: 0 0 0 1px rgba(201,170,113,0.18), 0 0 42px rgba(201,170,113,0.18), 0 22px 60px rgba(0,0,0,0.55) !important; backdrop-filter: blur(10px); } /* Title */ #shopify-section-template--27169583628665__rich_text_ph78JW .rich-text__heading{ color: rgba(255,255,255,0.96) !important; letter-spacing: -0.02em; margin-bottom: 12px !important; } /* Paragraph */ #shopify-section-template--27169583628665__rich_text_ph78JW .rich-text__text, #shopify-section-template--27169583628665__rich_text_ph78JW .rich-text__text p{ color: rgba(255,255,255,0.75) !important; max-width: 44ch; margin-left: auto !important; margin-right: auto !important; } /* Button: dark + gold outline (mockup) */ #shopify-section-template--27169583628665__rich_text_ph78JW .button{ background: rgba(0,0,0,0.55) !important; color: rgba(201,170,113,0.95) !important; border: 1px solid rgba(201,170,113,0.65) !important; border-radius: 999px !important; padding: 12px 20px !important; min-height: unset !important; box-shadow: 0 0 0 1px rgba(201,170,113,0.12), 0 0 18px rgba(201,170,113,0.12) !important; transition: transform .18s ease, box-shadow .25s ease, border-color .25s ease; } #shopify-section-template--27169583628665__rich_text_ph78JW .button::after{ margin-left: 6px; opacity: .9; } #shopify-section-template--27169583628665__rich_text_ph78JW .button:hover{ transform: translateY(-1px); border-color: rgba(201,170,113,0.9) !important; box-shadow: 0 0 0 1px rgba(201,170,113,0.18), 0 0 26px rgba(201,170,113,0.22), 0 18px 42px rgba(0,0,0,0.55) !important; } /* Mobile spacing */ @media (max-width: 749px){ #shopify-section-template--27169583628665__rich_text_ph78JW{ padding: 56px 0 !important; } #shopify-section-template--27169583628665__rich_text_ph78JW .rich-text__wrapper{ padding: 34px 22px !important; } } .voth-product-card{ position: relative; border-radius: 24px; transition: box-shadow .35s ease, border-color .35s ease; } .voth-product-card:hover{ box-shadow: 0 0 0 1px rgba(201,170,113,0.55), 0 0 35px rgba(201,170,113,0.35), 0 0 90px rgba(201,170,113,0.18); } /* ===== Voth: FREE product card (mockup style) ===== */ #shopify-section-template--27169583628665__rich_text_ph78JW{ position: relative; padding: 80px 0 !important; } /* keep content above glow */ #shopify-section-template--27169583628665__rich_text_ph78JW .rich-text{ position: relative; z-index: 1; } /* center + compact width (like mockup card) */ #shopify-section-template--27169583628665__rich_text_ph78JW .rich-text__blocks{ max-width: 560px !important; margin: 0 auto !important; } /* the actual card */ #shopify-section-template--27169583628665__rich_text_ph78JW .rich-text__wrapper{ max-width: 560px !important; margin: 0 auto !important; padding: 44px 46px !important; border-radius: 22px !important; background: rgba(255,255,255,0.03) !important; border: 1px solid rgba(201,170,113,0.55) !important; box-shadow: 0 0 0 1px rgba(201,170,113,0.18), 0 0 42px rgba(201,170,113,0.18), 0 22px 60px rgba(0,0,0,0.55) !important; backdrop-filter: blur(10px); } /* Title */ #shopify-section-template--27169583628665__rich_text_ph78JW .rich-text__heading{ color: rgba(255,255,255,0.96) !important; letter-spacing: -0.02em; margin-bottom: 12px !important; } /* Paragraph */ #shopify-section-template--27169583628665__rich_text_ph78JW .rich-text__text, #shopify-section-template--27169583628665__rich_text_ph78JW .rich-text__text p{ color: rgba(255,255,255,0.75) !important; max-width: 44ch; margin-left: auto !important; margin-right: auto !important; } /* Button: dark + gold outline (mockup) */ #shopify-section-template--27169583628665__rich_text_ph78JW .button{ background: rgba(0,0,0,0.55) !important; color: rgba(201,170,113,0.95) !important; border: 1px solid rgba(201,170,113,0.65) !important; border-radius: 999px !important; padding: 12px 20px !important; min-height: unset !important; box-shadow: 0 0 0 1px rgba(201,170,113,0.12), 0 0 18px rgba(201,170,113,0.12) !important; transition: transform .18s ease, box-shadow .25s ease, border-color .25s ease; } #shopify-section-template--27169583628665__rich_text_ph78JW .button::after{ margin-left: 6px; opacity: .9; } #shopify-section-template--27169583628665__rich_text_ph78JW .button:hover{ transform: translateY(-1px); border-color: rgba(201,170,113,0.9) !important; box-shadow: 0 0 0 1px rgba(201,170,113,0.18), 0 0 26px rgba(201,170,113,0.22), 0 18px 42px rgba(0,0,0,0.55) !important; } /* Mobile spacing */ @media (max-width: 749px){ #shopify-section-template--27169583628665__rich_text_ph78JW{ padding: 56px 0 !important; } #shopify-section-template--27169583628665__rich_text_ph78JW .rich-text__wrapper{ padding: 34px 22px !important; } } .voth-product-card{ position: relative; border-radius: 24px; transition: box-shadow .35s ease, border-color .35s ease; } .rich-text { z-index: 1; } .rich-text__wrapper { display: flex; justify-content: center; width: calc(100% - 4rem / var(--font-body-scale)); } .rich-text:not(.rich-text--full-width) .rich-text__wrapper { margin: auto; width: calc(100% - 8rem / var(--font-body-scale)); } .rich-text__blocks { width: 100%; } @media screen and (min-width: 750px) { .rich-text__wrapper { width: 100%; } .rich-text__wrapper--left { justify-content: flex-start; } .rich-text__wrapper--right { justify-content: flex-end; } .rich-text__blocks { max-width: 50rem; } } @media screen and (min-width: 990px) { .rich-text__blocks { max-width: 78rem; } } .rich-text__blocks * { overflow-wrap: break-word; } .rich-text__blocks > * { margin-top: 0; margin-bottom: 0; } .rich-text__blocks > * + * { margin-top: 2rem; } .rich-text__blocks > * + a { margin-top: 3rem; } .rich-text__buttons { display: inline-flex; justify-content: center; flex-wrap: wrap; gap: 1rem; width: 100%; max-width: 45rem; word-break: break-word; } .rich-text__buttons--multiple > * { flex-grow: 1; min-width: 22rem; } .rich-text__buttons + .rich-text__buttons { margin-top: 1rem; } .rich-text__blocks.left .rich-text__buttons { justify-content: flex-start; } .rich-text__blocks.right .rich-text__buttons { justify-content: flex-end; } /* ===== Voth: FREE product card (mockup style) ===== */ #shopify-section-template--27169583628665__rich_text_ph78JW{ position: relative; padding: 80px 0 !important; } /* keep content above glow */ #shopify-section-template--27169583628665__rich_text_ph78JW .rich-text{ position: relative; z-index: 1; } /* center + compact width (like mockup card) */ #shopify-section-template--27169583628665__rich_text_ph78JW .rich-text__blocks{ max-width: 560px !important; margin: 0 auto !important; } /* the actual card */ #shopify-section-template--27169583628665__rich_text_ph78JW .rich-text__wrapper{ max-width: 560px !important; margin: 0 auto !important; padding: 44px 46px !important; border-radius: 22px !important; background: rgba(255,255,255,0.03) !important; border: 1px solid rgba(201,170,113,0.55) !important; box-shadow: 0 0 0 1px rgba(201,170,113,0.18), 0 0 42px rgba(201,170,113,0.18) !important; backdrop-filter: blur(10px); } #shopify-section-template--27169583628665__rich_text_ph78JW .rich-text__wrapper::before, #shopify-section-template--27169583628665__rich_text_ph78JW .rich-text__wrapper::after{ content: none !important; box-shadow: none !important; filter: none !important; } /* Title */ #shopify-section-template--27169583628665__rich_text_ph78JW .rich-text__heading{ color: rgba(255,255,255,0.96) !important; letter-spacing: -0.02em; margin-bottom: 12px !important; } /* Paragraph */ #shopify-section-template--27169583628665__rich_text_ph78JW .rich-text__text, #shopify-section-template--27169583628665__rich_text_ph78JW .rich-text__text p{ color: rgba(255,255,255,0.75) !important; max-width: 44ch; margin-left: auto !important; margin-right: auto !important; } /* Button: dark + gold outline (mockup) */ #shopify-section-template--27169583628665__rich_text_ph78JW .button{ background: rgba(0,0,0,0.55) !important; color: rgba(201,170,113,0.95) !important; border: 1px solid rgba(201,170,113,0.65) !important; border-radius: 999px !important; padding: 12px 20px !important; min-height: unset !important; box-shadow: 0 0 0 1px rgba(201,170,113,0.12), 0 0 18px rgba(201,170,113,0.12) !important; transition: transform .18s ease, box-shadow .25s ease, border-color .25s ease; } #shopify-section-template--27169583628665__rich_text_ph78JW .button::after{ margin-left: 6px; opacity: .9; } #shopify-section-template--27169583628665__rich_text_ph78JW .button:hover{ transform: translateY(-1px); border-color: rgba(201,170,113,0.9) !important; box-shadow: 0 0 0 1px rgba(201,170,113,0.18), 0 0 26px rgba(201,170,113,0.22), 0 18px 42px rgba(0,0,0,0.55) !important; } /* Mobile spacing */ @media (max-width: 749px){ #shopify-section-template--27169583628665__rich_text_ph78JW{ padding: 56px 0 !important; } #shopify-section-template--27169583628665__rich_text_ph78JW .rich-text__wrapper{ padding: 34px 22px !important; } } .voth-product-card{ position: relative; border-radius: 24px; transition: box-shadow .35s ease, border-color .35s ease; } .voth-product-card:hover{ box-shadow: 0 0 0 1px rgba(201,170,113,0.55), 0 0 35px rgba(201,170,113,0.35), 0 0 90px rgba(201,170,113,0.18); } /* ===== Voth: FREE product card (mockup style) ===== */ #shopify-section-template--27169583628665__rich_text_ph78JW{ position: relative; padding: 80px 0 !important; } /* keep content above glow */ #shopify-section-template--27169583628665__rich_text_ph78JW .rich-text{ position: relative; z-index: 1; } /* center + compact width (like mockup card) */ #shopify-section-template--27169583628665__rich_text_ph78JW .rich-text__blocks{ max-width: 560px !important; margin: 0 auto !important; } /* the actual card */ #shopify-section-template--27169583628665__rich_text_ph78JW .rich-text__wrapper{ max-width: 560px !important; margin: 0 auto !important; padding: 44px 46px !important; border-radius: 22px !important; background: rgba(255,255,255,0.03) !important; border: 1px solid rgba(201,170,113,0.55) !important; box-shadow: 0 0 0 1px rgba(201,170,113,0.18), 0 0 42px rgba(201,170,113,0.18), 0 22px 60px rgba(0,0,0,0.55) !important; backdrop-filter: blur(10px); } /* Title */ #shopify-section-template--27169583628665__rich_text_ph78JW .rich-text__heading{ color: rgba(255,255,255,0.96) !important; letter-spacing: -0.02em; margin-bottom: 12px !important; } /* Paragraph */ #shopify-section-template--27169583628665__rich_text_ph78JW .rich-text__text, #shopify-section-template--27169583628665__rich_text_ph78JW .rich-text__text p{ color: rgba(255,255,255,0.75) !important; max-width: 44ch; margin-left: auto !important; margin-right: auto !important; } /* Button: dark + gold outline (mockup) */ #shopify-section-template--27169583628665__rich_text_ph78JW .button{ background: rgba(0,0,0,0.55) !important; color: rgba(201,170,113,0.95) !important; border: 1px solid rgba(201,170,113,0.65) !important; border-radius: 999px !important; padding: 12px 20px !important; min-height: unset !important; box-shadow: 0 0 0 1px rgba(201,170,113,0.12), 0 0 18px rgba(201,170,113,0.12) !important; transition: transform .18s ease, box-shadow .25s ease, border-color .25s ease; } #shopify-section-template--27169583628665__rich_text_ph78JW .button::after{ margin-left: 6px; opacity: .9; } #shopify-section-template--27169583628665__rich_text_ph78JW .button:hover{ transform: translateY(-1px); border-color: rgba(201,170,113,0.9) !important; box-shadow: 0 0 0 1px rgba(201,170,113,0.18), 0 0 26px rgba(201,170,113,0.22), 0 18px 42px rgba(0,0,0,0.55) !important; } /* Mobile spacing */ @media (max-width: 749px){ #shopify-section-template--27169583628665__rich_text_ph78JW{ padding: 56px 0 !important; } #shopify-section-template--27169583628665__rich_text_ph78JW .rich-text__wrapper{ padding: 34px 22px !important; } } .voth-product-card{ position: relative; border-radius: 24px; transition: box-shadow .35s ease, border-color .35s ease; } .rich-text { z-index: 1; } .rich-text__wrapper { display: flex; justify-content: center; width: calc(100% - 4rem / var(--font-body-scale)); } .rich-text:not(.rich-text--full-width) .rich-text__wrapper { margin: auto; width: calc(100% - 8rem / var(--font-body-scale)); } .rich-text__blocks { width: 100%; } @media screen and (min-width: 750px) { .rich-text__wrapper { width: 100%; } .rich-text__wrapper--left { justify-content: flex-start; } .rich-text__wrapper--right { justify-content: flex-end; } .rich-text__blocks { max-width: 50rem; } } @media screen and (min-width: 990px) { .rich-text__blocks { max-width: 78rem; } } .rich-text__blocks * { overflow-wrap: break-word; } .rich-text__blocks > * { margin-top: 0; margin-bottom: 0; } .rich-text__blocks > * + * { margin-top: 2rem; } .rich-text__blocks > * + a { margin-top: 3rem; } .rich-text__buttons { display: inline-flex; justify-content: center; flex-wrap: wrap; gap: 1rem; width: 100%; max-width: 45rem; word-break: break-word; } .rich-text__buttons--multiple > * { flex-grow: 1; min-width: 22rem; } .rich-text__buttons + .rich-text__buttons { margin-top: 1rem; } .rich-text__blocks.left .rich-text__buttons { justify-content: flex-start; } .rich-text__blocks.right .rich-text__buttons { justify-content: flex-end; } .rich-text { z-index: 1; } .rich-text__wrapper { display: flex; justify-content: center; width: calc(100% - 4rem / var(--font-body-scale)); } .rich-text:not(.rich-text--full-width) .rich-text__wrapper { margin: auto; width: calc(100% - 8rem / var(--font-body-scale)); } .rich-text__blocks { width: 100%; } @media screen and (min-width: 750px) { .rich-text__wrapper { width: 100%; } .rich-text__wrapper--left { justify-content: flex-start; } .rich-text__wrapper--right { justify-content: flex-end; } .rich-text__blocks { max-width: 50rem; } } @media screen and (min-width: 990px) { .rich-text__blocks { max-width: 78rem; } } .rich-text__blocks * { overflow-wrap: break-word; } .rich-text__blocks > * { margin-top: 0; margin-bottom: 0; } .rich-text__blocks > * + * { margin-top: 2rem; } .rich-text__blocks > * + a { margin-top: 3rem; } .rich-text__buttons { display: inline-flex; justify-content: center; flex-wrap: wrap; gap: 1rem; width: 100%; max-width: 45rem; word-break: break-word; } .rich-text__buttons--multiple > * { flex-grow: 1; min-width: 22rem; } .rich-text__buttons + .rich-text__buttons { margin-top: 1rem; } .rich-text__blocks.left .rich-text__buttons { justify-content: flex-start; } .rich-text__blocks.right .rich-text__buttons { justify-content: flex-end; } /* ===== Free investing framework base card (RESTORE) ===== */ #shopify-section-template--27169583628665__rich_text_ph78JW{ padding: 80px 0 !important; } #shopify-section-template--27169583628665__rich_text_ph78JW .rich-text__wrapper{ max-width: 560px !important; margin: 0 auto !important; padding: 44px 46px !important; border-radius: 22px !important; background: rgba(255,255,255,0.03) !important; border: 1px solid rgba(201,170,113,0.55) !important; box-shadow: none !important; backdrop-filter: blur(10px); } #shopify-section-template--27169583628665__rich_text_ph78JW .rich-text__heading{ color: rgba(255,255,255,0.96) !important; text-align: center !important; } #shopify-section-template--27169583628665__rich_text_ph78JW .rich-text__text, #shopify-section-template--27169583628665__rich_text_ph78JW .rich-text__text p{ color: rgba(255,255,255,0.75) !important; } #shopify-section-template--27169583628665__rich_text_ph78JW .button{ background: rgba(0,0,0,0.55) !important; color: rgba(201,170,113,0.95) !important; border: 1px solid rgba(201,170,113,0.65) !important; border-radius: 999px !important; } /* Hover glow around the card without changing layout */ #shopify-section-template--27169583628665__rich_text_ph78JW .rich-text__wrapper{ position: relative; } #shopify-section-template--27169583628665__rich_text_ph78JW .rich-text__wrapper::after{ content:""; position:absolute; inset:-14px; border-radius: 34px; pointer-events:none; opacity:0; transition: opacity .25s ease; box-shadow: 0 0 45px rgba(201,170,113,0.35), 0 0 120px rgba(201,170,113,0.22); } #shopify-section-template--27169583628665__rich_text_ph78JW .rich-text__wrapper:hover::after{ opacity:1; } /* ===== Voth: Heading grow + glow (WRAPPED SPAN) ===== */ #shopify-section-template--27169583628665__rich_text_ph78JW .voth-hgrow{ display: inline-block; transform: scale(1); transform-origin: center; will-change: transform, filter, text-shadow; transition: transform 600ms cubic-bezier(.22,1,.36,1), text-shadow 400ms ease, filter 400ms ease; } #shopify-section-template--27169583628665__rich_text_ph78JW .rich-text__wrapper:hover .voth-hgrow{ transform: scale(1.07); text-shadow: 0 0 12px rgba(255,255,255,0.6), 0 0 28px rgba(255,255,255,0.4), 0 0 60px rgba(201,170,113,0.3); filter: brightness(1.12); } /* ===== Voth: Paragraph glow on hover (same trigger as heading) ===== */ /* default = no glow */ #shopify-section-template--27169583628665__rich_text_ph78JW .rich-text__text, #shopify-section-template--27169583628665__rich_text_ph78JW .rich-text__text p{ text-shadow: none; transition: text-shadow 400ms ease, filter 400ms ease; } /* Paragraph turns white on hover */ #shopify-section-template--27169583628665__rich_text_ph78JW .rich-text__wrapper:hover .rich-text__text, #shopify-section-template--27169583628665__rich_text_ph78JW .rich-text__wrapper:hover .rich-text__text p{ color: rgba(255,255,255,0.95) !important; transition: color 350ms ease; } /* Box styling */ .box { background-color: #222; border: none; /* removes gold border line */ box-shadow: none; /* removes any remaining shadow */ transition: all 0.3s ease; } .box:hover { color: #fff; /* header text turns white on hover */ box-shadow: 0 0 20px #0ff; /* glowing effect on hover */ } #shopify-section-template--27169583628665__rich_text_ph78JW .rich-text__wrapper{ position: relative; overflow: visible; } /* base state — no glow, no black shadow */ #shopify-section-template--27169583628665__rich_text_ph78JW .rich-text__wrapper{ box-shadow: none !important; filter: none; transition: box-shadow 0.3s ease; } /* hover state — gold glow only */ #shopify-section-template--27169583628665__rich_text_ph78JW .rich-text__wrapper:hover{ box-shadow: 0 0 0 1px rgba(201,170,113,0.18), 0 0 42px rgba(201,170,113,0.28) !important; } /* Kill Dawn's focus ring square (pseudo-element) for this section only */ #shopify-section-template--27169583628665__rich_text_ph78JW .button::after, #shopify-section-template--27169583628665__rich_text_ph78JW .button:focus::after, #shopify-section-template--27169583628665__rich_text_ph78JW .button:focus-visible::after{ box-shadow: none !important; outline: none !important; border: 0 !important; } /* ===== Gold glow on hover for FREE framework button ===== */ #shopify-section-template--27169583628665__rich_text_ph78JW .button{ transition: all 0.3s ease; position: relative; } /* STRONGER GOLD HOVER + BRIGHTER GLOW */ #shopify-section-template--27169583628665__rich_text_ph78JW .button{ transition: all 0.25s ease; position: relative; } /* Hover */ #shopify-section-template--27169583628665__rich_text_ph78JW .button:hover{ background-color:rgb(130, 112, 55) !important; /* brighter gold */ color: #ffffff !important; border-color: #d4af37 !important; transform: scale(1.06); box-shadow: 0 0 0 2px rgba(212,175,55,0.5), 0 0 45px rgba(212,175,55,0.65), 0 0 100px rgba(212,175,55,0.35); } /* ===== DIVIDER: glowing text + sharp gold lines (3TiUMM) ===== */ #shopify-section-template--27169583628665__rich_text_3TiUMM .rich-text__blocks{ text-align: center !important; } /* target the divider paragraph */ #shopify-section-template--27169583628665__rich_text_3TiUMM .rich-text__text p{ display: inline-block !important; position: relative !important; padding: 0 28px !important; margin: 0 auto !important; color: #ffffff !important; letter-spacing: 0.6px !important; /* white core + soft gold halo */ text-shadow: 0 0 8px rgba(255,255,255,0.7), 0 0 18px rgba(201,170,113,0.6) !important; } /* left + right lines */ #shopify-section-template--27169583628665__rich_text_3TiUMM .rich-text__text p::before, #shopify-section-template--27169583628665__rich_text_3TiUMM .rich-text__text p::after{ content: "" !important; position: absolute !important; top: 50% !important; width: 360px !important; /* <- line length */ height: 2px !important; background: rgba(201,170,113,1) !important; border-radius: 0 !important; /* sharp ends */ transform: translateY(-50%) !important; filter: drop-shadow(0 0 10px rgba(201,170,113,0.55)) !important; } #shopify-section-template--27169583628665__rich_text_3TiUMM .rich-text__text p::before{ right: 100% !important; margin-right: 22px !important; } #shopify-section-template--27169583628665__rich_text_3TiUMM .rich-text__text p::after{ left: 100% !important; margin-left: 22px !important; } /* Move divider upward without affecting layout */ #shopify-section-template--27169583628665__rich_text_3TiUMM{ transform: translate(-8px, -40px); } /* ===== PREMIUM: Glass + Elevated Card (WMKyHH) ===== */ #shopify-section-template--27169583628665__rich_text_WMKyHH{ position: relative; } /* Card wrapper */ #shopify-section-template--27169583628665__rich_text_WMKyHH .rich-text__wrapper{ position: relative !important; z-index: 1 !important; max-width: 560px !important; /* slightly larger than free */ margin: 0 auto !important; padding: 54px 56px !important; border-radius: 24px !important; /* real glass base */ background: rgba(255,255,255,0.035) !important; border: 1px solid rgba(201,170,113,0.45) !important; /* elevated but controlled */ box-shadow: 0 0 0 1px rgba(255,255,255,0.04), 0 16px 55px rgba(0,0,0,0.35) !important; backdrop-filter: blur(14px) saturate(140%) !important; -webkit-backdrop-filter: blur(14px) saturate(140%) !important; transition: transform 520ms cubic-bezier(.16, 1, .3, 1), box-shadow 520ms cubic-bezier(.16, 1, .3, 1), border-color 520ms cubic-bezier(.16, 1, .3, 1); } /* glass sheen highlight */ #shopify-section-template--27169583628665__rich_text_WMKyHH .rich-text__wrapper::before{ content: "" !important; position: absolute !important; inset: 1px !important; border-radius: 23px !important; pointer-events: none !important; background: linear-gradient( 135deg, rgba(255,255,255,0.10) 0%, rgba(255,255,255,0.03) 35%, rgba(255,255,255,0.01) 60%, rgba(255,255,255,0.00) 100% ) !important; opacity: 0.75 !important; } /* inner edge for depth */ #shopify-section-template--27169583628665__rich_text_WMKyHH .rich-text__wrapper::after{ content: "" !important; position: absolute !important; inset: 10px !important; border-radius: 18px !important; pointer-events: none !important; border: 1px solid rgba(255,255,255,0.06) !important; } /* hover: lift + subtle gold aura */ #shopify-section-template--27169583628665__rich_text_WMKyHH .rich-text__wrapper:hover{ border-color: rgba(255, 255, 255, 0.65) !important; box-shadow: 0 0 0 1px rgba(255,255,255,0.05), 0 20px 65px rgba(0,0,0,0.40), 0 0 55px rgba(201,170,113,0.14) !important; } /* ===== PREMIUM Gold Heading ===== */ #shopify-section-template--27169583628665__rich_text_WMKyHH .rich-text__heading, #shopify-section-template--27169583628665__rich_text_WMKyHH h1, #shopify-section-template--27169583628665__rich_text_WMKyHH h2, #shopify-section-template--27169583628665__rich_text_WMKyHH h3{ display: inline-block !important; transform-origin: center; transform: scale(1); font-size: 46px; line-height: 1.1; /* premium gold gradient */ background: linear-gradient( 135deg, #f8e38a 0%, #d4af37 35%, #b8860b 70%, #f2d272 100% ); transition: transform 500ms cubic-bezier(.16,1,.3,1), text-shadow 500ms cubic-bezier(.16,1,.3,1), filter 500ms cubic-bezier(.16,1,.3,1); } /* ===== Premium glow on card hover ===== */ #shopify-section-template--27169583628665__rich_text_WMKyHH .rich-text__wrapper:hover .rich-text__heading, #shopify-section-template--27169583628665__rich_text_WMKyHH .rich-text__wrapper:hover h1, #shopify-section-template--27169583628665__rich_text_WMKyHH .rich-text__wrapper:hover h2, #shopify-section-template--27169583628665__rich_text_WMKyHH .rich-text__wrapper:hover h3{ text-shadow: 0 0 8px rgba(212,175,55,0.5), 0 0 18px rgba(212,175,55,0.35), 0 0 40px rgba(212,175,55,0.25); filter: brightness(1.15); } /* ===== WMKyHH: stop Dawn scroll-trigger animation from hijacking transform ===== */ #shopify-section-template--27169583628665__rich_text_WMKyHH .rich-text__heading.animate--slide-in, #shopify-section-template--27169583628665__rich_text_WMKyHH .rich-text__heading.scroll-trigger{ animation: none !important; transform: scale(1) !important; opacity: 1 !important; } /* ===== PREMIUM paragraph glow on card hover + capsule ===== */ #shopify-section-template--27169583628665__rich_text_WMKyHH .rich-text__text{ position: relative; /* important: lets ::before sit behind */ display: inline-block; /* makes capsule hug the text width */ padding: 0px 20px; /* capsule spacing */ border-radius: 999px; /* capsule shape */ isolation: isolate; /* clean stacking so ::before stays behind */ z-index: 3; /* keep above your lines system */ line-height: 1.2; transition: color 420ms cubic-bezier(.16,1,.3,1), text-shadow 420ms cubic-bezier(.16,1,.3,1); } #shopify-section-template--27169583628665__rich_text_WMKyHH .rich-text__text p{ margin: 0 !important; } /* trigger on wrapper hover */ #shopify-section-template--27169583628665__rich_text_WMKyHH .rich-text__wrapper:hover .rich-text__text{ color: #ffffff !important; text-shadow: 0 0 8px rgba(255,255,255,0.6), 0 0 18px rgba(201,170,113,0.35); } /* Paragraph starts hidden */ #shopify-section-template--27169583628665__rich_text_WMKyHH .rich-text__text{ opacity: 0 !important; transform: translateY(6px); transition: opacity 420ms cubic-bezier(.16,1,.3,1), transform 420ms cubic-bezier(.16,1,.3,1); } /* Once unlocked, keep it visible (even after hover ends) */ #shopify-section-template--27169583628665__rich_text_WMKyHH.vc-paragraph-on .rich-text__text{ opacity: 1; transform: translateY(0); } /* ===== Button hidden by default ===== */ #shopify-section-template--27169583628665__rich_text_WMKyHH .rich-text__buttons .button{ opacity: 0; transform: translateY(10px); transition: opacity 700ms cubic-bezier(.16,1,.3,1), transform 700ms cubic-bezier(.16,1,.3,1); } /* ===== Reveal button after animation ===== */ #shopify-section-template--27169583628665__rich_text_WMKyHH.vc-paragraph-on .rich-text__buttons .button{ opacity: 1; transform: translateY(0); } #shopify-section-template--27169583628665__rich_text_WMKyHH .rich-text__buttons .button{ opacity: 0; transform: translateY(10px); transition: opacity 700ms cubic-bezier(.16,1,.3,1) 120ms, transform 700ms cubic-bezier(.16,1,.3,1) 120ms; } @media screen and (max-width: 749px) { #shopify-section-template--27169583628665__rich_text_WMKyHH .rich-text.content-container { transform: scale(0.9) !important; transform-origin: center top !important; } } /* =============================== VothCapital Step Lines (10 lines) =============================== */ #shopify-section-template--27169583628665__rich_text_WMKyHH .rich-text__blocks{ position: relative; border-radius: 22px; /* Pop animation */ transition: transform .35s cubic-bezier(.2,.9,.2,1); /* Tuning */ --vc-border: 1px; /* line thickness */ --vc-step: 16px; /* spacing between lines */ --vc-line: rgba(255, 255, 255, 0.75); /* gold color */ --vc-base: -30px; /* how close the first line starts to the outer border */ --vc-shift-y: 6px; /* shifts whole system down to center visually */ } /* Pop bleibt */ #shopify-section-template--27169583628665__rich_text_WMKyHH .rich-text__blocks:hover{ transform: translateY(-6px) scale(1.02); } /* Steps wrapper */ #shopify-section-template--27169583628665__rich_text_WMKyHH .vc-steps{ position: absolute; inset: 0; pointer-events: none; z-index: 0; border-radius: inherit; /* shift fix */ transform: translateY(var(--vc-shift-y)); } /* content über die Linien */ #shopify-section-template--27169583628665__rich_text_WMKyHH .rich-text__blocks > *:not(.vc-steps){ position: relative; z-index: 3; } /* Jede Linie */ #shopify-section-template--27169583628665__rich_text_WMKyHH .vc-step{ position: absolute; border: var(--vc-border) solid var(--vc-line); border-radius: inherit; opacity: 0; transition: opacity .18s ease; } /* Die Magie: s1 startet DIREKT hinter der Border */ #shopify-section-template--27169583628665__rich_text_WMKyHH .vc-step.s1{ inset: calc(var(--vc-base) + var(--vc-step) * 0); transition-delay: 0s; } #shopify-section-template--27169583628665__rich_text_WMKyHH .vc-step.s2{ inset: calc(var(--vc-base) + var(--vc-step) * 1); transition-delay: .06s; } #shopify-section-template--27169583628665__rich_text_WMKyHH .vc-step.s3{ inset: calc(var(--vc-base) + var(--vc-step) * 2); transition-delay: .12s; } #shopify-section-template--27169583628665__rich_text_WMKyHH .vc-step.s4{ inset: calc(var(--vc-base) + var(--vc-step) * 3); transition-delay: .18s; } #shopify-section-template--27169583628665__rich_text_WMKyHH .vc-step.s5{ inset: calc(var(--vc-base) + var(--vc-step) * 4); transition-delay: .24s; } #shopify-section-template--27169583628665__rich_text_WMKyHH .vc-step.s6{ inset: calc(var(--vc-base) + var(--vc-step) * 5); transition-delay: .30s; } #shopify-section-template--27169583628665__rich_text_WMKyHH .vc-step.s7{ inset: calc(var(--vc-base) + var(--vc-step) * 6); transition-delay: .36s; } #shopify-section-template--27169583628665__rich_text_WMKyHH .vc-step.s8{ inset: calc(var(--vc-base) + var(--vc-step) * 7); transition-delay: .42s; } #shopify-section-template--27169583628665__rich_text_WMKyHH .vc-step.s9{ inset: calc(var(--vc-base) + var(--vc-step) * 8); transition-delay: .48s; } #shopify-section-template--27169583628665__rich_text_WMKyHH .vc-step.s10{ inset: calc(var(--vc-base) + var(--vc-step) * 9); transition-delay: .54s; } /* timing variables per line */ #shopify-section-template--27169583628665__rich_text_WMKyHH .vc-step{ opacity: 0; /* base hidden */ --vc-in: 0s; --vc-out: 0s; } /* outside -> inside (in) delays */ #shopify-section-template--27169583628665__rich_text_WMKyHH .vc-step.s1{ --vc-in: 0s; } #shopify-section-template--27169583628665__rich_text_WMKyHH .vc-step.s2{ --vc-in: .06s; } #shopify-section-template--27169583628665__rich_text_WMKyHH .vc-step.s3{ --vc-in: .12s; } #shopify-section-template--27169583628665__rich_text_WMKyHH .vc-step.s4{ --vc-in: .18s; } #shopify-section-template--27169583628665__rich_text_WMKyHH .vc-step.s5{ --vc-in: .24s; } #shopify-section-template--27169583628665__rich_text_WMKyHH .vc-step.s6{ --vc-in: .30s; } #shopify-section-template--27169583628665__rich_text_WMKyHH .vc-step.s7{ --vc-in: .36s; } #shopify-section-template--27169583628665__rich_text_WMKyHH .vc-step.s8{ --vc-in: .42s; } #shopify-section-template--27169583628665__rich_text_WMKyHH .vc-step.s9{ --vc-in: .48s; } #shopify-section-template--27169583628665__rich_text_WMKyHH .vc-step.s10{ --vc-in: .54s; } /* inside -> outside (out) delays starts AFTER the last line appeared (we add a hold of .20s) */ #shopify-section-template--27169583628665__rich_text_WMKyHH .vc-step.s10{ --vc-out: .74s; } #shopify-section-template--27169583628665__rich_text_WMKyHH .vc-step.s9 { --vc-out: .80s; } #shopify-section-template--27169583628665__rich_text_WMKyHH .vc-step.s8 { --vc-out: .86s; } #shopify-section-template--27169583628665__rich_text_WMKyHH .vc-step.s7 { --vc-out: .92s; } #shopify-section-template--27169583628665__rich_text_WMKyHH .vc-step.s6 { --vc-out: .98s; } #shopify-section-template--27169583628665__rich_text_WMKyHH .vc-step.s5 { --vc-out: 1.04s; } #shopify-section-template--27169583628665__rich_text_WMKyHH .vc-step.s4 { --vc-out: 1.10s; } #shopify-section-template--27169583628665__rich_text_WMKyHH .vc-step.s3 { --vc-out: 1.16s; } #shopify-section-template--27169583628665__rich_text_WMKyHH .vc-step.s2 { --vc-out: 1.22s; } #shopify-section-template--27169583628665__rich_text_WMKyHH .vc-step.s1 { --vc-out: 1.28s; } /* =============================== LINES PLAYING STATE (JS controlled) =============================== */ /* Base hidden */ #shopify-section-template--27169583628665__rich_text_WMKyHH .vc-step{ opacity: 0; } /* Keyframes (only one copy in your file) */ @keyframes vcLineIn { from { opacity: 0; } to { opacity: 1; } } @keyframes vcLineOut { from { opacity: 1; } to { opacity: 0; } } /* Run animations when JS adds vc-lines-playing */ #shopify-section-template--27169583628665__rich_text_WMKyHH.vc-lines-playing .vc-step{ animation: vcLineIn .18s ease forwards var(--vc-in), vcLineOut .18s ease forwards var(--vc-out); } /* Timing variables */ #shopify-section-template--27169583628665__rich_text_WMKyHH .vc-step{ --vc-in: 0s; --vc-out: 0s; } #shopify-section-template--27169583628665__rich_text_WMKyHH .vc-step.s1 { --vc-in: 0s; --vc-out: 1.28s; } #shopify-section-template--27169583628665__rich_text_WMKyHH .vc-step.s2 { --vc-in: .06s; --vc-out: 1.22s; } #shopify-section-template--27169583628665__rich_text_WMKyHH .vc-step.s3 { --vc-in: .12s; --vc-out: 1.16s; } #shopify-section-template--27169583628665__rich_text_WMKyHH .vc-step.s4 { --vc-in: .18s; --vc-out: 1.10s; } #shopify-section-template--27169583628665__rich_text_WMKyHH .vc-step.s5 { --vc-in: .24s; --vc-out: 1.04s; } #shopify-section-template--27169583628665__rich_text_WMKyHH .vc-step.s6 { --vc-in: .30s; --vc-out: .98s; } #shopify-section-template--27169583628665__rich_text_WMKyHH .vc-step.s7 { --vc-in: .36s; --vc-out: .92s; } #shopify-section-template--27169583628665__rich_text_WMKyHH .vc-step.s8 { --vc-in: .42s; --vc-out: .86s; } #shopify-section-template--27169583628665__rich_text_WMKyHH .vc-step.s9 { --vc-in: .48s; --vc-out: .80s; } #shopify-section-template--27169583628665__rich_text_WMKyHH .vc-step.s10 { --vc-in: .54s; --vc-out: .74s; } /* in: fades a line on */ @keyframes vcLineIn { from { opacity: 0; } to { opacity: 1; } } /* out: fades a line off */ @keyframes vcLineOut { from { opacity: 1; } to { opacity: 0; } } #shopify-section-template--27169583628665__rich_text_WMKyHH.vc-lines-playing .vc-step{ animation: vcLineIn .18s ease forwards var(--vc-in), vcLineOut .18s ease forwards var(--vc-out); } #shopify-section-template--27169583628665__rich_text_WMKyHH .rich-text__heading{ background: linear-gradient(135deg,#f6e27a,#d4af37,#b8860b); -webkit-background-clip: text; } /* ===== Lock step-lines after first run (requires JS class) ===== */ #shopify-section-template--27169583628665__rich_text_WMKyHH.vc-lines-used .vc-step{ opacity: 0 !important; transition: none !important; } /* lines ON while playing (not tied to :hover) */ #shopify-section-template--27169583628665__rich_text_WMKyHH.vc-lines-playing .vc-step{ opacity: 1; } /*Making the lines in the second product fit on mobile*/ @media screen and (max-width: 749px) { #shopify-section-template--27169583628665__rich_text_WMKyHH .vc-steps { transform: scale(0.88) translateY(12px) !important; transform-origin: center center !important; } } /* ===== Glass capsule BEHIND the heading text (not covering it) ===== */ #shopify-section-template--27169583628665__rich_text_WMKyHH .rich-text__blocks h2, #shopify-section-template--27169583628665__rich_text_WMKyHH .rich-text__blocks h3{ position: relative; display: inline-block; padding: 12px 22px; border-radius: 999px; isolation: isolate; /* important: lets ::before sit behind text cleanly */ z-index: 3; /* keep above your line system */ color: #B8860B; opacity: 1 !important; } /* the capsule itself */ #shopify-section-template--27169583628665__rich_text_WMKyHH .rich-text__blocks h2::before, #shopify-section-template--27169583628665__rich_text_WMKyHH .rich-text__blocks h3::before{ content: ""; position: absolute; inset: 0; border-radius: 999px; background: rgba(25,28,34,.95); border: 1px solid rgba(255,255,255,.10); box-shadow: 0 10px 26px rgba(0,0,0,.35); z-index: -1; /* THIS is the key: capsule behind text */ } #shopify-section-template--27169583628665__rich_text_WMKyHH.vc-glow-on .rich-text__wrapper{ border-color: rgba(255,255,255,0.85) !important; box-shadow: 0 0 0 1px rgba(255,255,255,0.14), 0 24px 80px rgba(0,0,0,0.50), /* stronger white bloom */ 0 0 85px rgba(255,255,255,0.30), 0 0 160px rgba(255,255,255,0.18) !important; } /* Backdrop seam fix (no webkit) */ #shopify-section-template--27169583628665__rich_text_WMKyHH .rich-text__wrapper{ overflow: hidden !important; isolation: isolate !important; transform: translateZ(0) !important; } #shopify-section-template--27169583628665__rich_text_WMKyHH.vc-glow-on .rich-text__wrapper{ border-color: rgba(255,255,255,0.85) !important; box-shadow: 0 0 0 1px rgba(255,255,255,0.14), 0 24px 80px rgba(0,0,0,0.50), 0 0 95px rgba(255,255,255,0.34), 0 0 190px rgba(255,255,255,0.22) !important; } #shopify-section-template--27169583628665__rich_text_WMKyHH .rich-text__wrapper::after{ border: 0 !important; } #shopify-section-template--27169583628665__rich_text_WMKyHH{ padding-bottom: 120px !important; } /* ===== Paragraph reveal (smooth, no snap) ===== */ #shopify-section-template--27169583628665__rich_text_WMKyHH .rich-text__text{ opacity: 0 !important; transform: translateY(10px) !important; /* IMPORTANT: keep it in layout so it can animate */ display: block !important; visibility: visible !important; transition: opacity 700ms cubic-bezier(.16,1,.3,1), transform 700ms cubic-bezier(.16,1,.3,1) !important; will-change: opacity, transform; } /* remove default

spacing */ #shopify-section-template--27169583628665__rich_text_WMKyHH .rich-text__text p{ margin: 0 !important; } /* Dawn sometimes attaches scroll-trigger classes that override transforms/opacity */ #shopify-section-template--27169583628665__rich_text_WMKyHH .rich-text__text.scroll-trigger, #shopify-section-template--27169583628665__rich_text_WMKyHH .rich-text__text.animate--slide-in{ animation: none !important; transition: opacity 700ms cubic-bezier(.16,1,.3,1), transform 700ms cubic-bezier(.16,1,.3,1) !important; opacity: 0 !important; transform: translateY(10px) !important; } /* unlocked */ #shopify-section-template--27169583628665__rich_text_WMKyHH.vc-paragraph-on .rich-text__text{ opacity: 1 !important; transform: translateY(0) !important; color: #ffffff !important; } #shopify-section-template--27169583628665__rich_text_WMKyHH .button{ position: relative; overflow: hidden; } #shopify-section-template--27169583628665__rich_text_WMKyHH .button::after{ content: ""; position: absolute; top: 0; left: -120%; width: 60%; height: 100%; background: linear-gradient( 120deg, transparent, rgba(255,255,255,0.4), transparent ); transform: skewX(-20deg); } #shopify-section-template--27169583628665__rich_text_WMKyHH .button:hover::after{ left: 130%; transition: 0.8s ease; } #shopify-section-template--27169583628665__rich_text_WMKyHH .button{ position: relative; overflow: hidden; background: rgba(255,255,255,0.04) !important; backdrop-filter: blur(6px); color: #ffffff !important; border: 1px solid rgba(255,255,255,0.15) !important; padding: 15px 38px !important; border-radius: 999px !important; letter-spacing: 0.05em; transition: all .35s cubic-bezier(.16,1,.3,1); } #shopify-section-template--27169583628665__rich_text_WMKyHH .button:hover{ border-color: #D4AF37 !important; box-shadow: 0 0 18px rgba(212,175,55,0.25); transform: translateY(-2px); } /*Making the white glow on mobile smaller*/ @media screen and (max-width: 749px) { #shopify-section-template--27169583628665__rich_text_WMKyHH.vc-glow-on .rich-text__wrapper { box-shadow: 0 0 1px rgba(255,255,255,0.10), /* sharper white edge */ 0 8px 25px rgba(0,0,0,0.35), /* depth stays */ 0 0 32px rgba(255,255,255,0.12), /* whiter glow */ 0 0 45px rgba(255,255,255,0.08) /* outer fade */ !important; } } #shopify-section-template--27169583628665__rich_text_WMKyHH .rich-text__heading { font-size: 40px !important; } /* ===== VothCapital: Who it's for / not for (VKN3zm) – DOM-accurate ===== */ #shopify-section-template--27169583628665__rich_text_VKN3zm .rich-text__blocks{ display: grid !important; grid-template-columns: 1fr 1fr !important; column-gap: 64px !important; row-gap: 18px !important; max-width: 1100px !important; margin: 0 auto !important; position: relative !important; /* tweak if needed */ --vc-heading-line: 60px; --vc-divider-top: 5px; --vc-divider-bottom: 20px; --vc-right-list-offset: 0px; /* if right list needs to be pushed down */ } /* RESET any Dawn spans/full-width behavior */ #shopify-section-template--27169583628665__rich_text_VKN3zm .rich-text__blocks > { grid-column: auto !important; grid-row: auto !important; margin: 0 !important; width: auto !important; max-width: none !important; } /* Place blocks by their Shopify block IDs INSIDE data-shopify-editor-block JSON */ #shopify-section-template--27169583628665__rich_text_VKN3zm .rich-text__blocks > [data-shopify-editor-block*="_heading_GwbFR"], #shopify-section-template--27169583628665__rich_text_VKN3zm .rich-text__blocks > h2:nth-of-type(1){ grid-column: 1 !important; grid-row: 1 !important; color: #22c55e !important; } #shopify-section-template--27169583628665__rich_text_VKN3zm .rich-text__blocks > [data-shopify-editor-block*="__text_g4pbzz"]{ grid-column: 1 !important; grid-row: 2 !important; } /* Right heading */ #shopify-section-template--27169583628665__rich_text_VKN3zm .rich-text__blocks > [data-shopify-editor-block*="__heading_hXgQLg"], #shopify-section-template--27169583628665__rich_text_yRK6U8 .rich-text__blocks > h2:nth-of-type(2){ grid-column: 2 !important; grid-row: 1 !important; color: #ef4444 !important; } /* Right list = text_4zVMad (THIS is the key) */ #shopify-section-template--27169583628665__rich_text_VKN3zm .rich-text__blocks > [data-shopify-editor-block*="__text_4zVMad"]{ grid-column: 2 !important; grid-row: 2 !important; margin-top: var(--vc-right-list-offset) !important; } /* ===== Lines (keep your nice look) ===== */ #shopify-section-template--27169583628665__rich_text_VKN3zm .rich-text__blocks::before{ content: ""; position: absolute; left: 50%; width: 1px; transform: translateX(-50%); top: var(--vc-divider-top); bottom: var(--vc-divider-bottom); background: linear-gradient( 180deg, rgba(201,170,113,0.10), rgba(201,170,113,0.85), rgba(201,170,113,0.10) ); pointer-events: none; } #shopify-section-template--27169583628665__rich_text_VKN3zm .rich-text__blocks::after{ content: ""; position: absolute; left: 0; right: 0; top: var(--vc-heading-line); height: 2px; background: linear-gradient( 90deg, rgba(201,170,113,0.15), rgba(201,170,113,0.95), rgba(201,170,113,0.15) ); pointer-events: none; } #shopify-section-template--27169583628665__rich_text_VKN3zm .rich-text__blocks::before{ content: ""; position: absolute; left: 50%; transform: translateX(-50%); width: 1px; background: linear-gradient( 180deg, rgba(201,170,113,0.05), rgba(201,170,113,0.75), rgba(201,170,113,0.05) ); opacity: 0.9; z-index: 2; /* ensure it shows */ pointer-events: none; } @media screen and (max-width: 749px) { /* GREEN mobile divider */ #shopify-section-template--27169583628665__rich_text_VKN3zm .rich-text__blocks > *:nth-child(1)::before { content: "" !important; display: block !important; width: 78% !important; height: 1px !important; margin: 0 auto 300px auto !important; background: linear-gradient(90deg, rgba(201,170,113,0.10), rgba(201,170,113,0.95), rgba(201,170,113,0.10)) !important; } /* RED mobile divider */ #shopify-section-template--27169583628665__rich_text_VKN3zm .rich-text__blocks > *:nth-child(4)::before { content: "" !important; display: block !important; width: 78% !important; height: 1px !important; margin: 0 auto 14px auto !important; transform: translateY(75px) !important; background: linear-gradient(90deg, rgba(201,170,113,0.10), rgba(201,170,113,0.95), rgba(201,170,113,0.10)) !important; } } /* ===== Remove default bullets ===== */ #shopify-section-template--27169583628665__rich_text_VKN3zm .rte ul, #shopify-section-template--27169583628665__rich_text_yRK6U8 .rte ul{ list-style: none !important; padding-left: 0 !important; margin: 0 !important; } #shopify-section-template--27169583628665__rich_text_VKN3zm .rte li, #shopify-section-template--27169583628665__rich_text_yRK6U8 .rte li{ position: relative; padding-left: 28px !important; margin: 0 0 14px 0 !important; } /* ===== LEFT LIST (2nd block) = GREEN CHECK ===== */ #shopify-section-template--27169583628665__rich_text_VKN3zm .rich-text__blocks > div:nth-of-type(2) li::before{ content: "✓" !important; position: absolute; left: 0; top: 0; color: #22c55e !important; font-size: 16px !important; font-weight: 900 !important; } @media screen and (max-width: 749px) { /* GREEN LIST move upward */ #shopify-section-template--27169583628665__rich_text_VKN3zm .rich-text__blocks > div:nth-of-type(2) { margin-top: -250px !important; transform: translateX(-10px) !important; } } /* ===== RIGHT LIST (block __text_4zVMad) = RED X ===== */ #shopify-section-template--27169583628665__rich_text_VKN3zm [data-shopify-editor-block*="__text_4zVMad"] li::before{ content: "✕" !important; position: absolute; left: 0; top: 0; color: #ef4444 !important; font-size: 16px !important; font-weight: 900 !important; } @media screen and (max-width: 749px) { /* move RED heading downward */ #shopify-section-template--27169583628665__rich_text_VKN3zm .rich-text__blocks > *:nth-child(4) { margin-top: -300px !important; } } @media screen and (max-width: 749px) { /* Red heading paragraph */ #shopify-section-template--27169583628665__rich_text_VKN3zm .rich-text__blocks > *:nth-child(3) { transform: translateX(-12px) translateY(25px) !important; } } /*Bringing back the X icon on the red paragraph*/ @media screen and (max-width: 749px) { /* Restore RED X icons */ #shopify-section-template--27169583628665__rich_text_VKN3zm .rich-text__blocks > *:nth-child(3) li::before { content: "✕" !important; position: absolute !important; left: 0 !important; top: 0 !important; color: #ef4444 !important; font-size: 16px !important; font-weight: 900 !important; } } /*adding space around the who it is for section on mobile*/ @media screen and (max-width: 749px) { #shopify-section-template--27169583628665__rich_text_VKN3zm .rich-text, #shopify-section-template--27169583628665__rich_text_VKN3zm .rich-text__wrapper, #shopify-section-template--27169583628665__rich_text_VKN3zm .rich-text__blocks { padding-top: 50px !important; padding-bottom: 140px !important; } } /*targeting the mobile who it is for section on main page*/ @media screen and (max-width: 749px) { #shopify-section-template--27169583628665__rich_text_VKN3zm .rich-text__blocks > h2:nth-of-type(1) { font-size: 0 !important; } #shopify-section-template--27169583628665__rich_text_VKN3zm .rich-text__blocks > h2:nth-of-type(1)::after { content: "WHO IT’S NOT FOR"; font-size: 3rem !important; line-height: 1.1 !important; color: #ef4444 !important; } #shopify-section-template--27169583628665__rich_text_VKN3zm .rich-text__blocks > h2:nth-of-type(2) { font-size: 0 !important; } #shopify-section-template--27169583628665__rich_text_VKN3zm .rich-text__blocks > h2:nth-of-type(2)::after { content: "Who this is for"; font-size: 3rem !important; line-height: 1.1 !important; color: #22c55e !important; margin-top: -320px !important; } } /* ===== Left align the two text blocks ===== */ #shopify-section-template--27169583628665__rich_text_VKN3zm .rich-text__text, #shopify-section-template--27169583628665__rich_text_yRK6U8 .rich-text__text{ text-align: left !important; } /* ===== Push both lists slightly to the right ===== */ #shopify-section-template--27169583628665__rich_text_VKN3zm .rich-text__text ul, #shopify-section-template--27169583628665__rich_text_yRK6U8 .rich-text__text ul { padding-left: 90px !important; } /* ===== HOW IT WORKS GOLD HEADING ===== */ #shopify-section-template--27169583628665__rich_text_PReWkz h2{ position: relative; display: inline-block; color: rgba(212,175,55,0.92); overflow: hidden; } /* Shine overlay */ #shopify-section-template--27169583628665__rich_text_PReWkz h2::after{ content: ""; position: absolute; top: 0; left: -120%; width: 120%; height: 100%; background: linear-gradient( 120deg, transparent 0%, rgba(255,255,255,0.22) 50%, transparent 100% ); transform: skewX(-20deg); pointer-events: none; } /* Animation class */ #shopify-section-template--27169583628665__rich_text_PReWkz h2.shine::after{ animation: shineSweep 1.6s ease forwards; } @keyframes shineSweep{ from { left: -120%; } to { left: 120%; } } /* ========================================================= HOW IT WORKS (PReWkz) — Desktop grid + cards + smooth reveal ========================================================= */ /* 1) Layout grid */ #shopify-section-template--27169583628665__rich_text_PReWkz .rich-text__blocks{ display: grid; grid-template-columns: 1fr 1.08fr 1fr; /* subtle center emphasis */ grid-template-areas: "heading heading heading" "c1 c2 c3"; column-gap: 48px; row-gap: 64px; max-width: 1200px; margin: 0 auto; align-items: stretch; /* equal height */ } /* 2) Heading */ #shopify-section-template--27169583628665__rich_text_PReWkz .rich-text__heading{ grid-area: heading; justify-self: center; text-align: center; font-size: 50px; } /* 3) Place paragraphs into columns */ #shopify-section-template--27169583628665__rich_text_PReWkz .rich-text__blocks > .rich-text__text:nth-of-type(1){ grid-area: c1; } #shopify-section-template--27169583628665__rich_text_PReWkz .rich-text__blocks > .rich-text__text:nth-of-type(2){ grid-area: c2; } #shopify-section-template--27169583628665__rich_text_PReWkz .rich-text__blocks > .rich-text__text:nth-of-type(3){ grid-area: c3; } /* 4) Card styling */ #shopify-section-template--27169583628665__rich_text_PReWkz .rich-text__blocks > .rich-text__text{ background: rgba(201,170,113,0.12); border: 1px solid rgba(201,170,113,0.35); border-radius: 22px; padding: 42px; text-align: center; color: rgba(255,255,255,0.92); height: 50%; min-height: 200px; display: flex; align-items: center; justify-content: center; } /* 5) Silent anchor on center card */ #shopify-section-template--27169583628665__rich_text_PReWkz .rich-text__blocks > .rich-text__text:nth-of-type(2){ border-color: rgba(201,170,113,0.50); } /* 6) Hidden by default (only heading visible) */ #shopify-section-template--27169583628665__rich_text_PReWkz .rich-text__blocks > .rich-text__text{ opacity: 0; transform: translateY(22px); pointer-events: none; will-change: opacity, transform; } /* 7) Smooth reveal via keyframes (NO snapping) */ @keyframes vcFadeUp{ from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: translateY(0); } } #shopify-section-template--27169583628665__rich_text_PReWkz.vc-reveal .rich-text__blocks > .rich-text__text{ animation: vcFadeUp 1.0s cubic-bezier(.2,.9,.2,1) forwards; pointer-events: auto; } #shopify-section-template--27169583628665__rich_text_PReWkz.vc-reveal .rich-text__blocks > .rich-text__text:nth-of-type(1){ animation-delay: 0s; } #shopify-section-template--27169583628665__rich_text_PReWkz.vc-reveal .rich-text__blocks > .rich-text__text:nth-of-type(2){ animation-delay: 1s; } #shopify-section-template--27169583628665__rich_text_PReWkz.vc-reveal .rich-text__blocks > .rich-text__text:nth-of-type(3){ animation-delay: 2s; } /* 8) Hover only after reveal */ #shopify-section-template--27169583628665__rich_text_PReWkz.vc-reveal .rich-text__blocks > .rich-text__text:hover{ transform: translateY(-5px); border-color: rgba(201,170,113,0.55); box-shadow: 0 18px 40px rgba(0,0,0,0.35), 0 0 0 1px rgba(201,170,113,0.25); } /* Cards hidden by default */ #shopify-section-template--27169583628665__rich_text_PReWkz .rich-text__blocks > .rich-text__text{ opacity: 0; visibility: hidden; transform: translateY(22px); pointer-events: none; will-change: opacity, transform; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); } /* Keyframe */ @keyframes vcFadeUp{ from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: translateY(0); } } /* When revealed */ #shopify-section-template--27169583628665__rich_text_PReWkz.vc-reveal .rich-text__blocks > .rich-text__text{ visibility: visible; pointer-events: auto; animation: vcFadeUp 1.0s cubic-bezier(.2,.9,.2,1) forwards; } /* 1s stagger */ #shopify-section-template--27169583628665__rich_text_PReWkz.vc-reveal .rich-text__blocks > .rich-text__text:nth-of-type(1){ animation-delay: 0s; } #shopify-section-template--27169583628665__rich_text_PReWkz.vc-reveal .rich-text__blocks > .rich-text__text:nth-of-type(2){ animation-delay: 1s; } #shopify-section-template--27169583628665__rich_text_PReWkz.vc-reveal .rich-text__blocks > .rich-text__text:nth-of-type(3){ animation-delay: 2s; } /*Making the boxes for the HOW IT WORKS section smaller for the mobile version*/ @media screen and (max-width: 749px) { #shopify-section-template--27169583628665__rich_text_PReWkz .rich-text__text[data-shopify-editor-block*="__text_3kw4tm"], #shopify-section-template--27169583628665__rich_text_PReWkz .rich-text__text[data-shopify-editor-block*="__text_V34gMx"], #shopify-section-template--27169583628665__rich_text_PReWkz .rich-text__text[data-shopify-editor-block*="__text_YtL8DJ"] { transform: scale(0.9) !important; transform-origin: center top !important; } } /* ========================================================= qkDz9r — CLEAN SEQUENCE: Heading -> Rail -> Plates ========================================================= */ #shopify-section-template--27169583628665__rich_text_qkDz9r{ --vc-rail-top: 120px; /* JS will overwrite */ } /* Layout: heading row + 3 plates row */ #shopify-section-template--27169583628665__rich_text_qkDz9r .rich-text__blocks{ position: relative !important; display: grid !important; grid-template-columns: 1fr 1fr 1fr !important; column-gap: 44px !important; align-items: start !important; max-width: 1200px !important; margin: 0 auto !important; } /* Heading spans full width */ #shopify-section-template--27169583628665__rich_text_qkDz9r .rich-text__heading{ grid-column: 1 / -1 !important; grid-row: 1 !important; text-align: center !important; margin: 0 auto 26px !important; } /* ---------- HEADING (your lightning split) ---------- */ #shopify-section-template--27169583628665__rich_text_qkDz9r .vc-lightning{ display: inline-block; line-height: 1.02; } #shopify-section-template--27169583628665__rich_text_qkDz9r .vc-line{ display: block; white-space: nowrap; opacity: 0; filter: blur(0.2px); will-change: transform, opacity; } #shopify-section-template--27169583628665__rich_text_qkDz9r .vc-line.one{ color: rgba(255,255,255,0.92); transform: translateX(-140px); text-align: left; margin-left: -160px; } #shopify-section-template--27169583628665__rich_text_qkDz9r .vc-line.two{ color: rgba(212,175,55,0.92); transform: translateX(140px); text-align: right; margin-right: -94px; margin-top: 4px; } @keyframes vcSwipeInLeft{ 0% { opacity: 0; transform: translateX(-140px); } 65% { opacity: 1; transform: translateX(10px); } 100% { opacity: 1; transform: translateX(0); } } @keyframes vcSwipeInRight{ 0% { opacity: 0; transform: translateX(140px); } 65% { opacity: 1; transform: translateX(-10px); } 100% { opacity: 1; transform: translateX(0); } } @keyframes vcGlowWhite{ 0% { text-shadow: none; } 45% { text-shadow: 0 0 18px rgba(255,255,255,0.55), 0 0 48px rgba(255,255,255,0.28); } 100% { text-shadow: 0 0 10px rgba(255,255,255,0.22); } } @keyframes vcGlowGold{ 0% { text-shadow: none; } 45% { text-shadow: 0 0 20px rgba(212,175,55,0.65), 0 0 56px rgba(212,175,55,0.30); } 100% { text-shadow: 0 0 12px rgba(212,175,55,0.24); } } /* TRIGGER: vc-heading-on */ #shopify-section-template--27169583628665__rich_text_qkDz9r.vc-heading-on .vc-line.one{ animation: vcSwipeInLeft 1.05s cubic-bezier(.2,.9,.2,1) forwards, vcGlowWhite 0.95s ease forwards; animation-delay: 0s, 1.05s; } #shopify-section-template--27169583628665__rich_text_qkDz9r.vc-heading-on .vc-line.two{ animation: vcSwipeInRight 1.05s cubic-bezier(.2,.9,.2,1) forwards, vcGlowGold 0.95s ease forwards; animation-delay: 0.12s, 1.17s; } /* ---------- RAIL (REAL ELEMENT, NOT ::before) ---------- */ #shopify-section-template--27169583628665__rich_text_qkDz9r .vc-rail{ position: absolute; left: 0; right: 0; top: var(--vc-rail-top); height: 18px; border-radius: 999px; /* segmented metallic spiral rail */ background: linear-gradient(to bottom, rgba(255,255,255,0.10), rgba(255,255,255,0.03) 55%, rgba(0,0,0,0.35) ); box-shadow: inset 0 0 0 1px rgba(201,170,113,0.28), 0 12px 26px rgba(0,0,0,0.35); -webkit-mask: repeating-linear-gradient(90deg, rgba(0,0,0,1) 0 12px, rgba(0,0,0,0) 12px 18px); mask: repeating-linear-gradient(90deg, rgba(0,0,0,1) 0 12px, rgba(0,0,0,0) 12px 18px); transform: scaleX(0); transform-origin: left center; opacity: 0; z-index: 4; /* guaranteed above plates */ pointer-events: none; } /* TRIGGER: vc-rail-on */ #shopify-section-template--27169583628665__rich_text_qkDz9r.vc-rail-on .vc-rail{ transform: scaleX(1); opacity: 1; transition: transform 1.0s cubic-bezier(.2,.9,.2,1), opacity 0.6s ease; } /* ========================================================= qkDz9r — PLATES ========================================================= */ #shopify-section-template--27169583628665__rich_text_qkDz9r .rich-text__blocks > .rich-text__text{ grid-row: 2 !important; margin-top: 72px !important; position: relative !important; z-index: 2 !important; height: 120px !important; padding: 22px 26px !important; display: flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; font-size: 18px !important; font-weight: 560 !important; letter-spacing: 0.2px !important; color: rgba(255,255,255,0.90) !important; overflow: hidden !important; will-change: transform, opacity, filter !important; backdrop-filter: blur(4px); -webkit-backdrop-filter: none !important; background: linear-gradient( 135deg, rgba(255,255,255,0.04), rgba(255,255,255,0.015) 40%, rgba(0,0,0,0.45) ) !important; border-radius: 20px !important; box-shadow: 0 22px 55px rgba(0,0,0,0.45), inset 0 1px 0 rgba(255,255,255,0.18), inset 0 -1px 0 rgba(0,0,0,0.35), inset 0 0 0 1px rgba(255,255,255,0.14) !important; /* HIDDEN STATE */ opacity: 0 !important; transform: translateY(60px) scale(.96) !important; filter: blur(8px) !important; transition: opacity 1.4s cubic-bezier(.22,.8,.2,1), transform 1.4s cubic-bezier(.22,.8,.2,1), filter 1.4s cubic-bezier(.22,.8,.2,1) !important; } /* REVEAL STATE */ #shopify-section-template--27169583628665__rich_text_qkDz9r.vc-plates-show .rich-text__blocks > .rich-text__text{ opacity: 1 !important; transform: translateY(0) scale(1) !important; filter: blur(0) !important; } /* Glass crack overlay */ #shopify-section-template--27169583628665__rich_text_qkDz9r .rich-text__blocks > .rich-text__text::before{ content:""; position:absolute; inset:0; pointer-events:none; opacity:0; background: repeating-linear-gradient( 18deg, rgba(255,255,255,0) 0 18px, rgba(255,255,255,.12) 18px 19px ), repeating-linear-gradient( -22deg, rgba(255,255,255,0) 0 22px, rgba(255,255,255,.10) 22px 23px ), radial-gradient( 120% 80% at 20% 0%, rgba(255,255,255,.25), rgba(255,255,255,0) 60% ); mix-blend-mode:screen; } @keyframes vcCrackFlash{ 0%{ opacity:0; transform:scale(.98); } 25%{ opacity:.7; } 60%{ opacity:.25; } 100%{ opacity:0; transform:scale(1.03); } } #shopify-section-template--27169583628665__rich_text_qkDz9r.vc-crack-run .rich-text__blocks > .rich-text__text::before{ animation: vcCrackFlash 900ms ease both; } /* ===== golden paragraph hidden until triggered ===== */ #shopify-section-template--27169583628665__rich_text_779cJG .vc-gold-outro { color: rgba(212,175,55,0.95); font-family: "Brush Script MT","Times New Roman",serif; font-style: italic; font-size: 22px; letter-spacing: 0.4px; opacity: 0; } #shopify-section-template--27169583628665__rich_text_779cJG .vc-gold-outro span { opacity: 0; display: inline-block; transform: translateY(6px); } #shopify-section-template--27169583628665__rich_text_779cJG.vc-outro-run .vc-gold-outro { opacity: 1 !important; } #shopify-section-template--27169583628665__rich_text_779cJG.vc-outro-run .vc-gold-outro span { animation: vcLetterReveal .45s ease forwards !important; } #shopify-section-template--27169583628665__rich_text_779cJG.vc-outro-run .vc-gold-outro span:nth-child(1) { animation-delay: .05s; } #shopify-section-template--27169583628665__rich_text_779cJG.vc-outro-run .vc-gold-outro span:nth-child(2) { animation-delay: .10s; } #shopify-section-template--27169583628665__rich_text_779cJG.vc-outro-run .vc-gold-outro span:nth-child(3) { animation-delay: .15s; } #shopify-section-template--27169583628665__rich_text_779cJG.vc-outro-run .vc-gold-outro span:nth-child(4) { animation-delay: .20s; } #shopify-section-template--27169583628665__rich_text_779cJG.vc-outro-run .vc-gold-outro span:nth-child(5) { animation-delay: .25s; } #shopify-section-template--27169583628665__rich_text_779cJG.vc-outro-run .vc-gold-outro span:nth-child(6) { animation-delay: .30s; } #shopify-section-template--27169583628665__rich_text_779cJG.vc-outro-run .vc-gold-outro span:nth-child(7) { animation-delay: .35s; } #shopify-section-template--27169583628665__rich_text_779cJG.vc-outro-run .vc-gold-outro span:nth-child(8) { animation-delay: .40s; } #shopify-section-template--27169583628665__rich_text_779cJG.vc-outro-run .vc-gold-outro span:nth-child(9) { animation-delay: .45s; } #shopify-section-template--27169583628665__rich_text_779cJG.vc-outro-run .vc-gold-outro span:nth-child(10) { animation-delay: .50s; } #shopify-section-template--27169583628665__rich_text_779cJG.vc-outro-run .vc-gold-outro span:nth-child(11) { animation-delay: .55s; } #shopify-section-template--27169583628665__rich_text_779cJG.vc-outro-run .vc-gold-outro span:nth-child(12) { animation-delay: .60s; } @keyframes vcLetterReveal { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } } /* ===== TESTIMONIAL HEADING: stronger glow + longer underline ===== */ #shopify-section-template--27169583628665__rich_text_6HdJw7 .rich-text__blocks .rich-text__heading, #shopify-section-template--27169583628665__rich_text_6HdJw7 .rich-text__blocks h2, #shopify-section-template--27169583628665__rich_text_6HdJw7 .rich-text__blocks .inline-richtext { text-shadow: 0 0 14px rgba(255,255,255,0.36), 0 0 22px rgba(255,255,255,0.18), 0 0 42px rgba(255,255,255,0.10), 0 0 70px rgba(255,255,255,0.06) !important; } #shopify-section-template--27169583628665__rich_text_6HdJw7 .rich-text__blocks .rich-text__heading { position: relative !important; display: inline-block !important; margin-bottom: 38px !important; } #shopify-section-template--27169583628665__rich_text_6HdJw7 .rich-text__blocks .rich-text__heading::after { content: "" !important; position: absolute !important; left: 50% !important; transform: translateX(-50%) !important; bottom: -18px !important; width: 320px !important; max-width: 78% !important; height: 2px !important; border-radius: 999px !important; background: linear-gradient( 90deg, rgba(212,175,55,0) 0%, rgba(212,175,55,0.75) 18%, rgba(212,175,55,1) 50%, rgba(212,175,55,0.75) 82%, rgba(212,175,55,0) 100% ) !important; box-shadow: 0 0 10px rgba(212,175,55,0.55), 0 0 22px rgba(212,175,55,0.32), 0 0 36px rgba(212,175,55,0.18) !important; } /* TEST: hit the real testimonial heading */ #block-template--27169583628665__rich_text_6HdJw7__heading_jKx37y, #block-template--27169583628665__rich_text_6HdJw7__heading_jKx37y .rich-text__heading, #block-template--27169583628665__rich_text_6HdJw7__heading_jKx37y .inline-richtext { outline: 2px solid red !important; } /* ========================================================= TESTIMONIALS — existing rich text section Section: 6HdJw7 ========================================================= */ #shopify-section-template--27169583628665__rich_text_6HdJw7{ position: relative !important; overflow: visible !important; } /* tighten section spacing */ #shopify-section-template--27169583628665__rich_text_6HdJw7 .rich-text{ padding-top: 40px !important; padding-bottom: 70px !important; } /* header */ #shopify-section-template--27169583628665__rich_text_6HdJw7 .rich-text__heading{ text-align: center !important; margin-bottom: 34px !important; color: rgba(255,255,255,0.96) !important; } /* center wrapper */ #shopify-section-template--27169583628665__rich_text_6HdJw7 .rich-text__blocks{ max-width: 1100px !important; margin: 0 auto !important; display: flex !important; flex-direction: column !important; align-items: center !important; } /* testimonial card */ #shopify-section-template--27169583628665__rich_text_6HdJw7 .rich-text__text{ position: relative !important; width: min(640px, 100%) !important; min-height: 150px !important; margin: 0 auto !important; padding: 26px 32px 24px !important; display: flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; overflow: hidden !important; border-radius: 30px !important; background: linear-gradient(135deg, rgba(255,255,255,0.075), rgba(255,255,255,0.030) 42%, rgba(0,0,0,0.22) ) !important; box-shadow: 0 26px 65px rgba(0,0,0,0.44), inset 0 1px 0 rgba(255,255,255,0.16), inset 0 -1px 0 rgba(0,0,0,0.35), inset 0 0 0 1px rgba(255,255,255,0.09), 0 0 34px rgba(201,170,113,0.08) !important; backdrop-filter: blur(14px) saturate(145%) !important; -webkit-backdrop-filter: blur(14px) saturate(145%) !important; } /* decorative layer */ #shopify-section-template--27169583628665__rich_text_6HdJw7 .rich-text__text::before{ content: "" !important; position: absolute !important; inset: 0 !important; border-radius: 30px !important; pointer-events: none !important; background: radial-gradient(circle at top left, rgba(255,255,255,0.10), transparent 30%), linear-gradient(90deg, transparent, rgba(212,175,55,0.05), transparent) !important; opacity: .95 !important; } /* gold quote mark */ #shopify-section-template--27169583628665__rich_text_6HdJw7 .rich-text__text::after{ content: "“" !important; position: absolute !important; top: 10px !important; left: 16px !important; font-size: 46px !important; line-height: 1 !important; color: rgba(212,175,55,0.78) !important; text-shadow: 0 0 20px rgba(212,175,55,0.18) !important; pointer-events: none !important; } /* quote text */ #shopify-section-template--27169583628665__rich_text_6HdJw7 .rich-text__text p{ position: relative !important; z-index: 2 !important; margin: 0 !important; max-width: 360px !important; font-size: 17px !important; line-height: 1.45 !important; font-weight: 400 !important; color: rgba(255,255,255,0.95) !important; letter-spacing: 0.1px !important; transition: opacity .35s ease, transform .45s cubic-bezier(.22,1,.36,1) !important; font-family: "Georgia", "Times New Roman", serif !important; font-style: italic !important; } /* author line injected by JS */ #shopify-section-template--27169583628665__rich_text_6HdJw7 .vc-t-meta{ position: relative; z-index: 2; margin-top: 22px; font-size: 15px; color: rgba(255,255,255,0.62); letter-spacing: 0.2px; text-align: center; } /* anim states */ #shopify-section-template--27169583628665__rich_text_6HdJw7 .rich-text__text p.is-out, #shopify-section-template--27169583628665__rich_text_6HdJw7 .vc-t-meta.is-out{ opacity: 0 !important; transform: translateY(16px) !important; } #shopify-section-template--27169583628665__rich_text_6HdJw7 .rich-text__text p.is-in, #shopify-section-template--27169583628665__rich_text_6HdJw7 .vc-t-meta.is-in{ opacity: 1 !important; transform: translateY(0) !important; } /* nav row */ #shopify-section-template--27169583628665__rich_text_6HdJw7 .vc-t-nav{ width: min(640px, 100%); margin: 20px auto 0; display: flex; align-items: center; justify-content: center; gap: 18px; } /* arrows */ #shopify-section-template--27169583628665__rich_text_6HdJw7 .vc-t-arrow{ width: 56px; height: 56px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.12); background: linear-gradient(135deg, rgba(255,255,255,0.08), rgba(255,255,255,0.025) 45%, rgba(0,0,0,0.20) ); display:flex; align-items:center; justify-content:center; color: rgba(255,255,255,0.88); font-size: 26px; line-height: 1; cursor: pointer; transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease, color .25s ease; box-shadow: 0 16px 36px rgba(0,0,0,0.34), inset 0 1px 0 rgba(255,255,255,0.15); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); } #shopify-section-template--27169583628665__rich_text_6HdJw7 .vc-t-arrow:hover{ transform: translateY(-2px); color: #fff; border-color: rgba(212,175,55,0.34); box-shadow: 0 18px 40px rgba(0,0,0,0.38), 0 0 24px rgba(212,175,55,0.10), inset 0 1px 0 rgba(255,255,255,0.18); } /* dots */ #shopify-section-template--27169583628665__rich_text_6HdJw7 .vc-t-dots{ display: flex; align-items: center; justify-content: center; gap: 10px; } #shopify-section-template--27169583628665__rich_text_6HdJw7 .vc-t-dot{ width: 34px; height: 4px; border-radius: 999px; background: rgba(255,255,255,0.16); transition: background .25s ease, transform .25s ease, box-shadow .25s ease; cursor: pointer; } #shopify-section-template--27169583628665__rich_text_6HdJw7 .vc-t-dot.active{ background: rgba(212,175,55,0.88); box-shadow: 0 0 16px rgba(212,175,55,0.24); transform: scaleX(1.06); } @media screen and (max-width: 989px){ #shopify-section-template--27169583628665__rich_text_6HdJw7 .rich-text__text{ min-height: 250px !important; padding: 48px 34px 44px !important; } #shopify-section-template--27169583628665__rich_text_6HdJw7 .rich-text__text p{ font-size: 24px !important; max-width: 100% !important; } #shopify-section-template--27169583628665__rich_text_6HdJw7 .rich-text__text::after{ top: 16px !important; left: 22px !important; font-size: 64px !important; } } @media screen and (max-width: 749px){ #shopify-section-template--27169583628665__rich_text_6HdJw7 .rich-text{ padding-top: 28px !important; padding-bottom: 46px !important; } #shopify-section-template--27169583628665__rich_text_6HdJw7 .rich-text__heading{ margin-bottom: 24px !important; } #shopify-section-template--27169583628665__rich_text_6HdJw7 .rich-text__text{ min-height: 220px !important; padding: 40px 22px 38px !important; border-radius: 24px !important; } #shopify-section-template--27169583628665__rich_text_6HdJw7 .rich-text__text::before, #shopify-section-template--27169583628665__rich_text_6HdJw7 .rich-text__text::after{ border-radius: 24px !important; } #shopify-section-template--27169583628665__rich_text_6HdJw7 .rich-text__text p{ font-size: 20px !important; line-height: 1.5 !important; } #shopify-section-template--27169583628665__rich_text_6HdJw7 .vc-t-meta{ font-size: 14px; margin-top: 18px; } #shopify-section-template--27169583628665__rich_text_6HdJw7 .vc-t-arrow{ display: none; } #shopify-section-template--27169583628665__rich_text_6HdJw7 .vc-t-nav{ gap: 10px; margin-top: 16px; } #shopify-section-template--27169583628665__rich_text_6HdJw7 .vc-t-dot{ width: 26px; } } #shopify-section-template--27169583628665__rich_text_6HdJw7 .vc-t-name{ position: absolute; left: 28px; top: 50%; transform: translateY(-50%); z-index: 2; font-size: 14px; font-weight: 600; letter-spacing: 0.4px; color: rgba(212,175,55,0.88); white-space: nowrap; } @media screen and (max-width: 749px){ #shopify-section-template--27169583628665__rich_text_6HdJw7 .vc-t-name{ left: 18px; top: 18px; transform: none; font-size: 12px; } } #shopify-section-template--27169583628665__rich_text_6HdJw7 .vc-t-name{ transition: opacity .35s ease, transform .45s cubic-bezier(.22,1,.36,1) !important; } #shopify-section-template--27169583628665__rich_text_6HdJw7 .vc-t-name.is-out{ opacity: 0 !important; transform: translateY(16px) !important; } #shopify-section-template--27169583628665__rich_text_6HdJw7 .vc-t-name.is-in{ opacity: 1 !important; transform: translateY(0) !important; } /* ===== MOBILE OVERRIDE: FREE INVESTING FRAMEWORK CARD ===== */ @media screen and (max-width: 749px) { #shopify-section-template--27169583628665__rich_text_ph78JW { padding: 28px 0 !important; } #shopify-section-template--27169583628665__rich_text_ph78JW .rich-text__wrapper { max-width: 94% !important; margin: 0 auto !important; padding: 24px 20px !important; border-radius: 22px !important; } #shopify-section-template--27169583628665__rich_text_ph78JW .rich-text__heading { font-size: 22px !important; line-height: 1.15 !important; margin-bottom: 12px !important; } #shopify-section-template--27169583628665__rich_text_ph78JW .rich-text__text, #shopify-section-template--27169583628665__rich_text_ph78JW .rich-text__text p { font-size: 14px !important; line-height: 1.45 !important; } #shopify-section-template--27169583628665__rich_text_ph78JW .rich-text__buttons { margin-top: 12px !important; } #shopify-section-template--27169583628665__rich_text_ph78JW .button { padding: 10px 18px !important; font-size: 14px !important; min-height: auto !important; } } /* ===== MOBILE FIX: FREE CARD NOT CUT OFF + MORE SPACE BELOW ===== */ @media screen and (max-width: 749px) { #shopify-section-template--27169583628665__rich_text_ph78JW { padding-top: 28px !important; padding-bottom: 56px !important; /* more breathing room to next section */ overflow: visible !important; } #shopify-section-template--27169583628665__rich_text_ph78JW .rich-text { overflow: visible !important; } #shopify-section-template--27169583628665__rich_text_ph78JW .rich-text__wrapper { max-width: 94% !important; margin: 0 auto !important; padding: 24px 20px 28px !important; /* more bottom padding so card isn't visually cut */ border-radius: 22px !important; overflow: visible !important; } #shopify-section-template--27169583628665__rich_text_ph78JW .rich-text__buttons { margin-top: 14px !important; margin-bottom: 0 !important; } } /* ===== MOBILE FIX: MORE SPACE ABOVE FREE PRODUCT CARD ===== */ @media screen and (max-width: 749px) { #shopify-section-template--27169583628665__rich_text_ph78JW { padding-top: 94px !important; } } /* ===== MOBILE FIX: PERFECT LEFT + RIGHT DIVIDER LINES ===== */ @media screen and (max-width: 749px) { #shopify-section-template--27169583628665__rich_text_3TiUMM, #shopify-section-template--27169583628665__rich_text_3TiUMM .page-width, #shopify-section-template--27169583628665__rich_text_3TiUMM .rich-text__blocks, #shopify-section-template--27169583628665__rich_text_3TiUMM .rich-text__text, #shopify-section-template--27169583628665__rich_text_3TiUMM .rich-text__text.rte { width: 100% !important; max-width: 100% !important; overflow: visible !important; background: transparent !important; padding-left: 0 !important; padding-right: 0 !important; } #shopify-section-template--27169583628665__rich_text_3TiUMM .rich-text__text p, #shopify-section-template--27169583628665__rich_text_3TiUMM .rich-text__text.rte p { width: 100% !important; margin: 0 !important; text-align: center !important; white-space: nowrap !important; font-size: 13px !important; line-height: 1.35 !important; padding: 0 !important; position: relative !important; background-color: transparent !important; /* left line + right line */ background-image: linear-gradient(rgba(201,170,113,0.9), rgba(201,170,113,0.9)), linear-gradient(rgba(201,170,113,0.9), rgba(201,170,113,0.9)); background-repeat: no-repeat, no-repeat; background-size: 64px 1px, 64px 1px; background-position: left 20px center, right 6px center; } } /* ===== FALLBACK: SHIFT ONLY TEXT NODE VISUALLY ===== */ @media screen and (max-width: 749px) { #shopify-section-template--27169583628665__rich_text_3TiUMM .rich-text__text p, #shopify-section-template--27169583628665__rich_text_3TiUMM .rich-text__text.rte p { letter-spacing: 0 !important; padding-left: 6px !important; box-sizing: border-box !important; } } /* ===== PUSH DIVIDER DOWN (MOBILE ONLY) ===== */ @media screen and (max-width: 749px) { #shopify-section-template--27169583628665__rich_text_3TiUMM { margin-top: 40px !important; } } /* ===== MOBILE MATCH: FULL SYSTEM CARD = FREE PRODUCT CARD ===== */ @media screen and (max-width: 749px) { #shopify-section-template--27169583628665__rich_text_WMKyHH { padding: 28px 0 56px !important; } #shopify-section-template--27169583628665__rich_text_WMKyHH .rich-text__wrapper { max-width: 94% !important; margin: 0 auto !important; padding: 24px 20px 28px !important; border-radius: 22px !important; overflow: visible !important; } #shopify-section-template--27169583628665__rich_text_WMKyHH .rich-text__heading, #shopify-section-template--27169583628665__rich_text_WMKyHH .rich-text__blocks h2 { font-size: 22px !important; line-height: 1.15 !important; margin-bottom: 12px !important; } #shopify-section-template--27169583628665__rich_text_WMKyHH .rich-text__text, #shopify-section-template--27169583628665__rich_text_WMKyHH .rich-text__text.rte { max-width: 92% !important; margin: 0 auto 14px !important; } #shopify-section-template--27169583628665__rich_text_WMKyHH .rich-text__text p, #shopify-section-template--27169583628665__rich_text_WMKyHH .rte p { font-size: 14px !important; line-height: 1.45 !important; margin: 0 !important; } #shopify-section-template--27169583628665__rich_text_WMKyHH .rich-text__buttons { margin-top: 12px !important; margin-bottom: 0 !important; } #shopify-section-template--27169583628665__rich_text_WMKyHH .button, #shopify-section-template--27169583628665__rich_text_WMKyHH .button--primary { min-height: auto !important; padding: 10px 18px !important; font-size: 14px !important; line-height: 1.2 !important; border-radius: 999px !important; } } /* ===== MOBILE: VKN3zm stacked vertical version ===== */ @media screen and (max-width: 749px) { #shopify-section-template--27169583628665__rich_text_VKN3zm { padding: 24px 0 !important; overflow-x: hidden !important; } #shopify-section-template--27169583628665__rich_text_VKN3zm .rich-text__wrapper, #shopify-section-template--27169583628665__rich_text_VKN3zm .rich-text__blocks { width: 100% !important; max-width: 92% !important; margin: 0 auto !important; min-width: 0 !important; box-sizing: border-box !important; } /* kill desktop grid / divider */ #shopify-section-template--27169583628665__rich_text_VKN3zm .rich-text__blocks { display: flex !important; flex-direction: column !important; gap: 0 !important; grid-template-columns: none !important; column-gap: 0 !important; row-gap: 0 !important; position: static !important; } #shopify-section-template--27169583628665__rich_text_VKN3zm .rich-text__blocks::before, #shopify-section-template--27169583628665__rich_text_VKN3zm .rich-text__blocks::after { content: none !important; display: none !important; } /* reset all blocks */ #shopify-section-template--27169583628665__rich_text_VKN3zm .rich-text__blocks > * { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; grid-column: auto !important; grid-row: auto !important; transform: none !important; position: static !important; justify-self: auto !important; align-self: auto !important; box-sizing: border-box !important; } /* ORDER */ #shopify-section-template--27169583628665__rich_text_VKN3zm .rich-text__blocks > [data-shopify-editor-block*="__heading_GwbFRR"] { order: 1 !important; } #shopify-section-template--27169583628665__rich_text_VKN3zm .rich-text__blocks > [data-shopify-editor-block*="__text_g4pbzz"] { order: 2 !important; } #shopify-section-template--27169583628665__rich_text_VKN3zm .rich-text__blocks > [data-shopify-editor-block*="__heading_hXgQLg"] { order: 3 !important; } #shopify-section-template--27169583628665__rich_text_VKN3zm .rich-text__blocks > [data-shopify-editor-block*="__text_4zVMad"] { order: 4 !important; } /* HEADINGS */ #shopify-section-template--27169583628665__rich_text_VKN3zm .rich-text__blocks > [data-shopify-editor-block*="__heading_GwbFRR"], #shopify-section-template--27169583628665__rich_text_VKN3zm .rich-text__blocks > [data-shopify-editor-block*="__heading_hXgQLg"] { text-align: center !important; margin-bottom: 14px !important; position: relative !important; padding-bottom: 14px !important; } #shopify-section-template--27169583628665__rich_text_VKN3zm .rich-text__blocks > [data-shopify-editor-block*="__heading_GwbFRR"] { color: #22c55e !important; margin-top: 0 !important; } #shopify-section-template--27169583628665__rich_text_VKN3zm .rich-text__blocks > [data-shopify-editor-block*="__heading_hXgQLg"] { color: #ef4444 !important; margin-top: 26px !important; } /* gold line under each heading */ #shopify-section-template--27169583628665__rich_text_VKN3zm .rich-text__blocks > [data-shopify-editor-block*="__heading_GwbFRR"]::after, #shopify-section-template--27169583628665__rich_text_VKN3zm .rich-text__blocks > [data-shopify-editor-block*="__heading_hXgQLg"]::after { content: "" !important; display: block !important; width: 100% !important; height: 1px !important; margin: 14px auto 0 !important; background: linear-gradient( 90deg, rgba(212,175,55,0.12) 0%, rgba(212,175,55,0.95) 20%, rgba(255,215,100,1) 50%, rgba(212,175,55,0.95) 80%, rgba(212,175,55,0.12) 100% ) !important; box-shadow: 0 0 8px rgba(212,175,55,0.22) !important; } /* heading text size */ #shopify-section-template--27169583628665__rich_text_VKN3zm h2, #shopify-section-template--27169583628665__rich_text_VKN3zm h3, #shopify-section-template--27169583628665__rich_text_VKN3zm .rich-text__heading { font-size: 22px !important; line-height: 1.2 !important; margin: 0 !important; text-align: center !important; } /* LIST BLOCKS */ #shopify-section-template--27169583628665__rich_text_VKN3zm .rich-text__blocks > [data-shopify-editor-block*="__text_g4pbzz"], #shopify-section-template--27169583628665__rich_text_VKN3zm .rich-text__blocks > [data-shopify-editor-block*="__text_4zVMad"] { margin-bottom: 0 !important; } #shopify-section-template--27169583628665__rich_text_VKN3zm .rich-text__text, #shopify-section-template--27169583628665__rich_text_VKN3zm .rich-text__text.rte, #shopify-section-template--27169583628665__rich_text_VKN3zm .rich-text__text p, #shopify-section-template--27169583628665__rich_text_VKN3zm .rich-text__text li { font-size: 15px !important; line-height: 1.55 !important; word-break: break-word !important; overflow-wrap: anywhere !important; } #shopify-section-template--27169583628665__rich_text_VKN3zm .rich-text__text p { margin: 0 0 10px 0 !important; text-align: left !important; } #shopify-section-template--27169583628665__rich_text_VKN3zm ul, #shopify-section-template--27169583628665__rich_text_VKN3zm ol { margin: 0 !important; padding-left: 12px !important; } #shopify-section-template--27169583628665__rich_text_VKN3zm li { margin-bottom: 10px !important; } } #shopify-section-template--27169583628665__rich_text_VKN3zm .rich-text__wrapper { padding-left: 2px !important; padding-right: 2px !important; } /* ===== MOBILE OVERRIDE: PReWkz compact vertical stack ===== */ @media screen and (max-width: 749px) { #shopify-section-template--27169583628665__rich_text_PReWkz { padding: 18px 0 26px !important; overflow: visible !important; } #shopify-section-template--27169583628665__rich_text_PReWkz .rich-text__wrapper, #shopify-section-template--27169583628665__rich_text_PReWkz .rich-text__blocks { width: 100% !important; max-width: 92% !important; margin: 0 auto !important; min-width: 0 !important; box-sizing: border-box !important; overflow: visible !important; } /* kill desktop 3-column grid */ #shopify-section-template--27169583628665__rich_text_PReWkz .rich-text__blocks { display: flex !important; flex-direction: column !important; grid-template-columns: none !important; grid-template-areas: none !important; column-gap: 0 !important; row-gap: 10px !important; align-items: stretch !important; } /* heading */ #shopify-section-template--27169583628665__rich_text_PReWkz .rich-text__heading, #shopify-section-template--27169583628665__rich_text_PReWkz h2 { grid-area: auto !important; justify-self: auto !important; text-align: center !important; font-size: 24px !important; line-height: 1.15 !important; margin: 0 0 10px 0 !important; } /* reset all 3 cards from desktop placement */ #shopify-section-template--27169583628665__rich_text_PReWkz .rich-text__blocks > .rich-text__text, #shopify-section-template--27169583628665__rich_text_PReWkz .rich-text__blocks > .rich-text__text:nth-of-type(1), #shopify-section-template--27169583628665__rich_text_PReWkz .rich-text__blocks > .rich-text__text:nth-of-type(2), #shopify-section-template--27169583628665__rich_text_PReWkz .rich-text__blocks > .rich-text__text:nth-of-type(3) { grid-area: auto !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 18px 16px !important; border-radius: 18px !important; min-height: unset !important; height: auto !important; display: block !important; text-align: left !important; box-sizing: border-box !important; } /* text inside cards */ #shopify-section-template--27169583628665__rich_text_PReWkz .rich-text__text p, #shopify-section-template--27169583628665__rich_text_PReWkz .rich-text__text li { font-size: 14px !important; line-height: 1.5 !important; margin: 0 !important; text-align: left !important; word-break: break-word !important; overflow-wrap: anywhere !important; } } /* ===== MOBILE OVERRIDE: qkDz9r simple stacked version ===== */ @media screen and (max-width: 749px) { #shopify-section-template--27169583628665__rich_text_qkDz9r { padding: 20px 0 28px !important; overflow: visible !important; --vc-rail-top: 56px !important; } #shopify-section-template--27169583628665__rich_text_qkDz9r .rich-text__blocks { display: flex !important; flex-direction: column !important; gap: 12px !important; max-width: 92% !important; margin: 0 auto !important; position: relative !important; align-items: stretch !important; } /* heading */ #shopify-section-template--27169583628665__rich_text_qkDz9r .rich-text__heading { grid-column: auto !important; grid-row: auto !important; width: 100% !important; margin: 0 0 20px 0 !important; text-align: center !important; position: relative !important; z-index: 6 !important; } #shopify-section-template--27169583628665__rich_text_qkDz9r .vc-lightning { display: block !important; line-height: 1.05 !important; } #shopify-section-template--27169583628665__rich_text_qkDz9r .vc-line { margin: 0 !important; white-space: nowrap !important; /* IMPORTANT */ } #shopify-section-template--27169583628665__rich_text_qkDz9r .vc-line.one { text-align: left !important; font-size: 22px !important; margin-left: 20px !important; } #shopify-section-template--27169583628665__rich_text_qkDz9r .vc-line.two { text-align: right !important; font-size: 22px !important; margin-right: 20px !important; margin-top: 5px !important; } /* rail */ #shopify-section-template--27169583628665__rich_text_qkDz9r .vc-rail { left: 50% !important; right: auto !important; width: 86% !important; height: 10px !important; top: var(--vc-rail-top) !important; transform: translateX(-50%) scaleX(0) !important; transform-origin: left center !important; opacity: 0 !important; } #shopify-section-template--27169583628665__rich_text_qkDz9r.vc-rail-on .vc-rail { transform: translateX(-50%) scaleX(1) !important; opacity: 1 !important; } /* reset plates */ #shopify-section-template--27169583628665__rich_text_qkDz9r .rich-text__blocks > .rich-text__text { grid-row: auto !important; margin-top: 0 !important; height: auto !important; min-height: unset !important; padding: 16px 14px !important; display: flex !important; text-align: center !important; justify-content: center !important; align-items: center !important; font-size: 14px !important; line-height: 1.5 !important; border-radius: 18px !important; position: relative !important; z-index: 2 !important; /* restore reveal state */ opacity: 0 !important; transform: translateY(70px) scale(.92) !important; filter: blur(10px) !important; transition: opacity 1.25s cubic-bezier(.22,.8,.2,1), transform 1.25s cubic-bezier(.22,.8,.2,1), filter 1.25s cubic-bezier(.22,.8,.2,1) !important; } /* first card sits below rail */ #shopify-section-template--27169583628665__rich_text_qkDz9r .rich-text__blocks > .rich-text__text:nth-of-type(1) { margin-top: 34px !important; } #shopify-section-template--27169583628665__rich_text_qkDz9r .rich-text__text p { margin: 0 !important; font-size: 14px !important; line-height: 1.5 !important; text-align: left !important; } } /* ===== qkDz9r MOBILE: only fix zig-zag animation ===== */ @media screen and (max-width: 749px) { /* mobile-sized animation (same logic as desktop, smaller distances) */ @keyframes vcSwipeInLeftMobile { 0% { opacity: 0; transform: translateX(-34px); } 65% { opacity: 1; transform: translateX(6px); } 100% { opacity: 1; transform: translateX(0); } } @keyframes vcSwipeInRightMobile { 0% { opacity: 0; transform: translateX(34px); } 65% { opacity: 1; transform: translateX(-6px); } 100% { opacity: 1; transform: translateX(0); } } #shopify-section-template--27169583628665__rich_text_qkDz9r.vc-heading-on .vc-line.one { animation: vcSwipeInLeftMobile 1.0s cubic-bezier(.2,.9,.2,1) forwards, vcGlowWhite 0.95s ease forwards !important; animation-delay: 0s, 1.0s !important; } #shopify-section-template--27169583628665__rich_text_qkDz9r.vc-heading-on .vc-line.two { animation: vcSwipeInRightMobile 1.0s cubic-bezier(.2,.9,.2,1) forwards, vcGlowGold 0.95s ease forwards !important; animation-delay: 0.10s, 1.10s !important; } } /* ===== qkDz9r MOBILE: stronger plate line flash ===== */ @media screen and (max-width: 749px) { #shopify-section-template--27169583628665__rich_text_qkDz9r .rich-text__blocks > .rich-text__text::before { opacity: 0; inset: -2px !important; background: repeating-linear-gradient( 18deg, rgba(255,255,255,0) 0 16px, rgba(255,255,255,.20) 16px 18px ), repeating-linear-gradient( -22deg, rgba(255,255,255,0) 0 20px, rgba(255,255,255,.16) 20px 22px ), radial-gradient( 120% 80% at 20% 0%, rgba(255,255,255,.38), rgba(255,255,255,0) 60% ) !important; mix-blend-mode: screen !important; } @keyframes vcCrackFlashMobile { 0% { opacity: 0; transform: scale(.96); } 20% { opacity: .95; } 55% { opacity: .45; } 100% { opacity: 0; transform: scale(1.04); } } #shopify-section-template--27169583628665__rich_text_qkDz9r.vc-crack-run .rich-text__blocks > .rich-text__text::before { animation: vcCrackFlashMobile 1.25s ease both !important; } } /* ===== MOBILE: tighten paragraph (clean + premium) ===== */ @media screen and (max-width: 749px) { #shopify-section-template--27169583628665__rich_text_779cJG .rich-text__text { margin-top: -14px !important; max-width: 280px !important; margin-left: auto !important; margin-right: auto !important; text-align: center !important; } #shopify-section-template--27169583628665__rich_text_779cJG .rich-text__text p { font-size: 16px !important; line-height: 1.45 !important; letter-spacing: 0.2px !important; } } /* ===== MOBILE: 6HdJw7 testimonial tighter ===== */ @media screen and (max-width: 749px) { #shopify-section-template--27169583628665__rich_text_6HdJw7 .rich-text { padding-top: 24px !important; padding-bottom: 34px !important; } #shopify-section-template--27169583628665__rich_text_6HdJw7 .rich-text__heading { font-size: 20px !important; line-height: 1.12 !important; margin-bottom: 14px !important; } /* smaller testimonial card */ #shopify-section-template--27169583628665__rich_text_6HdJw7 .rich-text__text { width: min(88vw, 360px) !important; min-height: 145px !important; padding: 20px 14px 16px !important; border-radius: 20px !important; display: block !important; text-align: center !important; } /* quote mark */ #shopify-section-template--27169583628665__rich_text_6HdJw7 .rich-text__text::after { top: 10px !important; left: 12px !important; font-size: 28px !important; line-height: 1 !important; opacity: .82 !important; } /* smaller text in the middle */ #shopify-section-template--27169583628665__rich_text_6HdJw7 .rich-text__text p { max-width: 235px !important; margin: 20px auto 0 !important; font-size: 12px !important; line-height: 1.4 !important; text-align: center !important; } /* author line */ #shopify-section-template--27169583628665__rich_text_6HdJw7 .vc-t-meta { top: 18px !important; left: 42px !important; margin: 0 !important; font-size: 11px !important; line-height: 1.15 !important; text-align: left !important; white-space: nowrap !important; z-index: 3 !important; } /* nav row */ #shopify-section-template--27169583628665__rich_text_6HdJw7 .vc-t-nav { width: min(88vw, 360px) !important; margin: 12px auto 0 !important; gap: 10px !important; } #shopify-section-template--27169583628665__rich_text_6HdJw7 .vc-t-dots { gap: 7px !important; } #shopify-section-template--27169583628665__rich_text_6HdJw7 .vc-t-arrow { width: 38px !important; height: 38px !important; font-size: 18px !important; } } /* ===== MOBILE HARD FIX: exact testimonial box width ===== */ @media screen and (max-width: 749px) { /* exact text block wrapper */ #shopify-section-template--27169583628665__rich_text_6HdJw7 #block-template--27169583628665__rich_text_6HdJw7__text_TMyA37, #shopify-section-template--27169583628665__rich_text_6HdJw7 .rich-text__blocks > .rich-text__text, #shopify-section-template--27169583628665__rich_text_6HdJw7 .rich-text__text { width: 100% !important; max-width: 320px !important; min-width: 0 !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; } /* actual testimonial card */ #shopify-section-template--27169583628665__rich_text_6HdJw7 .rich-text__text { min-height: 138px !important; padding: 18px 14px 14px !important; border-radius: 18px !important; overflow: hidden !important; } /* author */ #shopify-section-template--27169583628665__rich_text_6HdJw7 .vc-t-meta { top: 16px !important; left: 38px !important; font-size: 11px !important; line-height: 1.1 !important; max-width: 120px !important; } /* quote mark */ #shopify-section-template--27169583628665__rich_text_6HdJw7 .rich-text__text::after { top: 9px !important; left: 11px !important; font-size: 24px !important; } /* push testimonial text down */ #shopify-section-template--27169583628665__rich_text_6HdJw7 .rich-text__text p { max-width: 215px !important; /* THIS is the key change */ margin: 32px auto 0 !important; font-size: 11.5px !important; line-height: 1.35 !important; text-align: center !important; } /* nav width must match box width */ #shopify-section-template--27169583628665__rich_text_6HdJw7 .vc-t-nav { width: 100% !important; max-width: 320px !important; margin: 12px auto 0 !important; box-sizing: border-box !important; } #shopify-section-template--27169583628665__rich_text_6HdJw7 .vc-t-arrow { width: 36px !important; height: 36px !important; font-size: 17px !important; } } /* ===== MOBILE: arrows like desktop (clean + centered) ===== */ @media screen and (max-width: 749px) { #shopify-section-template--27169583628665__rich_text_6HdJw7 .vc-t-nav { display: flex !important; align-items: center !important; justify-content: center !important; gap: 14px !important; max-width: 320px !important; margin: 14px auto 0 !important; } /* PERFECT circular arrows */ #shopify-section-template--27169583628665__rich_text_6HdJw7 .vc-t-arrow { width: 40px !important; height: 40px !important; min-width: 40px !important; min-height: 40px !important; aspect-ratio: 1 / 1 !important; /* 🔥 forces perfect circle */ border-radius: 50% !important; border: 1px solid rgba(255,255,255,0.15) !important; display: flex !important; align-items: center !important; justify-content: center !important; line-height: 1 !important; /* 🔥 prevents vertical stretch */ padding: 0 !important; background: rgba(255,255,255,0.03) !important; backdrop-filter: blur(6px) !important; flex-shrink: 0 !important; /* 🔥 prevents squishing */ } } #shopify-section-template--27169583628665__rich_text_yRK6U8 .rich-text__text p { color: #ffffff !important; text-align: center !important; } @media screen and (max-width: 749px) { #shopify-section-template--27169583628665__rich_text_VKN3zm, #shopify-section-template--27169583628665__rich_text_VKN3zm .rich-text, #shopify-section-template--27169583628665__rich_text_VKN3zm .rich-text__wrapper, #shopify-section-template--27169583628665__rich_text_VKN3zm .rich-text__blocks, #shopify-section-template--27169583628665__rich_text_VKN3zm .rich-text__text, #shopify-section-template--27169583628665__rich_text_VKN3zm .rte { overflow: visible !important; overflow-y: visible !important; height: auto !important; max-height: none !important; min-height: 0 !important; -webkit-overflow-scrolling: auto !important; } }